/* Family Time Back brand system v1 (2026-10-26): navy + teal + warm amber, Fraunces/Inter */
html:is([data-theme],:not([data-theme])){--navy:#0f2a44;--navy2:#173a5c;--teal:#14807f;--teal2:#0e6564;--tealsoft:#e3f2f0;--amber:#f2a65a;--coral:#e9785f;--cream:#fbf5ec;--sand:#f4ebdd;--ink:#14263a;--muted:#4a5d72;--line:#e4dccf;--blue:#14807f;--blue-d:#0e6564;--soft:#fbf5ec;--soft2:#e3f2f0;--r:20px;--bg:#fffdf9;--bg2:#fbf5ec;--panel:#fff;--mute:#4a5d72;--green:#14807f;--cyan:#14807f;--sky:#14807f;--sh:0 1px 2px rgba(15,42,68,.06),0 12px 32px -12px rgba(15,42,68,.22)}
html:is([data-theme],:not([data-theme])) body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;background:#fffdf9!important;background-image:none!important;color:var(--ink)!important;line-height:1.65}
html:is([data-theme],:not([data-theme])) h1,html:is([data-theme],:not([data-theme])) h2,html:is([data-theme],:not([data-theme])) h3,html:is([data-theme],:not([data-theme])) h4{font-family:"Fraunces",Georgia,serif!important;color:var(--navy)!important;letter-spacing:-.01em;font-weight:650}
html:is([data-theme],:not([data-theme])) h1{font-size:clamp(2.2rem,5.2vw,3.6rem)!important;line-height:1.08!important}
html:is([data-theme],:not([data-theme])) h2{font-size:clamp(1.6rem,3.4vw,2.35rem)!important;line-height:1.15}
html:is([data-theme],:not([data-theme])) h3{font-size:1.22rem;line-height:1.3}
html:is([data-theme],:not([data-theme])) a{color:var(--teal2)}html:is([data-theme],:not([data-theme])) a:hover{color:var(--teal)}
html:is([data-theme],:not([data-theme])) .eyebrow{display:inline-block;font:700 .78rem/1 "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--teal2);background:var(--tealsoft);padding:8px 12px;border-radius:999px;margin-bottom:14px}
html:is([data-theme],:not([data-theme])) .lead{color:var(--muted)!important;font-size:1.18rem}
/* header */
html:is([data-theme],:not([data-theme])) header,html:is([data-theme],:not([data-theme])) header.top{position:sticky;top:0;z-index:20;background:rgba(255,253,249,.88)!important;backdrop-filter:saturate(1.4) blur(12px)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 1px 0 rgba(15,42,68,.03)}
html:is([data-theme],:not([data-theme])) .logo{font-family:"Fraunces",Georgia,serif!important;font-weight:700!important;font-size:1.3rem!important;color:var(--navy)!important;text-decoration:none;display:inline-flex;align-items:center;gap:10px}
html:is([data-theme],:not([data-theme])) .logo:before{content:"";display:inline-block!important;width:30px;height:30px;border-radius:9px;background:radial-gradient(circle at 70% 30%,var(--amber) 0 22%,transparent 23%),linear-gradient(135deg,var(--teal),var(--navy));box-shadow:0 4px 10px -4px rgba(20,128,127,.6)}
html:is([data-theme],:not([data-theme])) .logo span{color:var(--teal)!important;margin:0}
html:is([data-theme],:not([data-theme])) nav a,html:is([data-theme],:not([data-theme])) nav.main a{color:var(--navy)!important;font-weight:600!important;text-decoration:none!important;border-radius:999px}
html:is([data-theme],:not([data-theme])) nav a:hover{background:var(--tealsoft)}
html:is([data-theme],:not([data-theme])) nav a[href="/personal/start/"]{background:var(--navy)!important;color:#fff!important;padding:10px 18px!important;margin-left:14px}
html:is([data-theme],:not([data-theme])) nav a[href="/personal/start/"]:hover{background:var(--teal2)!important}
/* buttons */
html:is([data-theme],:not([data-theme])) .btn{background:linear-gradient(135deg,var(--teal),var(--teal2))!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:700!important;padding:16px 28px!important;min-height:54px;box-shadow:0 10px 22px -10px rgba(14,101,100,.7)!important;transition:transform .15s,box-shadow .15s;font-family:"Inter",sans-serif}
html:is([data-theme],:not([data-theme])) .btn:hover,html:is([data-theme],:not([data-theme])) .btn:focus{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(14,101,100,.8)!important}
html:is([data-theme],:not([data-theme])) .btn.ghost,html:is([data-theme],:not([data-theme])) .btn.ghost[style]{background:#fff!important;color:var(--navy)!important;box-shadow:inset 0 0 0 2px var(--navy)!important}
html:is([data-theme],:not([data-theme])) .btn.warm{background:linear-gradient(135deg,var(--amber),var(--coral))!important;color:#2a1606!important;box-shadow:0 10px 22px -10px rgba(233,120,95,.8)!important}
/* sections */
html:is([data-theme],:not([data-theme])) section{padding:72px 0}
html:is([data-theme],:not([data-theme])) section.alt{background:linear-gradient(180deg,var(--cream),#fff8ee)!important;border:0!important}
html:is([data-theme],:not([data-theme])) section.tealbg{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 55%,var(--teal2) 100%)!important;color:#e6f0f5}
html:is([data-theme],:not([data-theme])) section.tealbg h2,html:is([data-theme],:not([data-theme])) section.tealbg h3{color:#fff!important}html:is([data-theme],:not([data-theme])) section.tealbg p{color:#cfe1ea!important}
html:is([data-theme],:not([data-theme])) .hero{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 85% -10%,rgba(242,166,90,.28),transparent 60%),radial-gradient(700px 400px at -10% 110%,rgba(20,128,127,.18),transparent 60%),linear-gradient(180deg,var(--cream),#fffdf9)!important;padding:84px 0 72px!important}
/* cards */
html:is([data-theme],:not([data-theme])) .card,html:is([data-theme],:not([data-theme])) .card[style],html:is([data-theme],:not([data-theme])) .door,html:is([data-theme],:not([data-theme])) .mod,html:is([data-theme],:not([data-theme])) .hr,html:is([data-theme],:not([data-theme])) .steps li,html:is([data-theme],:not([data-theme])) details,html:is([data-theme],:not([data-theme])) .ac{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;transition:transform .18s,box-shadow .18s}
html:is([data-theme],:not([data-theme])) .door:hover,html:is([data-theme],:not([data-theme])) .mod:hover,html:is([data-theme],:not([data-theme])) a.ac:hover,html:is([data-theme],:not([data-theme])) .card.lift:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(15,42,68,.06),0 22px 40px -16px rgba(15,42,68,.32)!important}
html:is([data-theme],:not([data-theme])) .card p,html:is([data-theme],:not([data-theme])) .card li,html:is([data-theme],:not([data-theme])) .door p,html:is([data-theme],:not([data-theme])) .hr p{color:var(--muted)!important}
html:is([data-theme],:not([data-theme])) .card.big,html:is([data-theme],:not([data-theme])) .card.pop{border:2px solid var(--teal)!important}
html:is([data-theme],:not([data-theme])) .ic{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--tealsoft),#fff3e3);font-size:1.7rem!important;box-shadow:inset 0 0 0 1px rgba(20,128,127,.15)}
html:is([data-theme],:not([data-theme])) .av{background:linear-gradient(135deg,var(--teal),var(--navy))!important;border-radius:14px!important}
html:is([data-theme],:not([data-theme])) .num{color:var(--coral)!important;font-family:"Fraunces",serif;font-weight:700}
html:is([data-theme],:not([data-theme])) .tag{background:var(--tealsoft)!important;color:var(--teal2)!important;border:0!important;border-radius:999px!important;font-family:"Inter",sans-serif!important;font-weight:700;letter-spacing:.04em}
html:is([data-theme],:not([data-theme])) .steps li:before{background:linear-gradient(135deg,var(--amber),var(--coral))!important;color:#2a1606!important}
html:is([data-theme],:not([data-theme])) ul.check li:before{color:var(--teal)!important}
html:is([data-theme],:not([data-theme])) .ex{background:var(--tealsoft)!important;border-radius:14px}
html:is([data-theme],:not([data-theme])) .hv{border-radius:14px;box-shadow:0 10px 24px -14px rgba(15,42,68,.5)}
html:is([data-theme],:not([data-theme])) .gauge{background:#efe6d8!important}html:is([data-theme],:not([data-theme])) .gauge>*{background:linear-gradient(90deg,var(--teal),var(--amber))!important}
html:is([data-theme],:not([data-theme])) #fprog{background:rgba(255,253,249,.94)!important;border-bottom:1px solid var(--line)!important}
html:is([data-theme],:not([data-theme])) input,html:is([data-theme],:not([data-theme])) select,html:is([data-theme],:not([data-theme])) textarea{border:2px solid var(--line)!important;border-radius:12px!important;background:#fff!important}
html:is([data-theme],:not([data-theme])) input:focus,html:is([data-theme],:not([data-theme])) textarea:focus{border-color:var(--teal)!important;outline:none}
html:is([data-theme],:not([data-theme])) :focus-visible{outline:3px solid var(--amber)!important;outline-offset:3px}
/* footer */
html:is([data-theme],:not([data-theme])) footer{background:radial-gradient(600px 240px at 90% 0,rgba(242,166,90,.18),transparent 60%),linear-gradient(160deg,var(--navy),#0a1e31)!important;color:#c7d6e3!important;padding:56px 0 40px!important;border:0!important;font-size:.95rem}
html:is([data-theme],:not([data-theme])) footer a{color:#fff!important}
html:is([data-theme],:not([data-theme])) .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;margin-bottom:28px}
html:is([data-theme],:not([data-theme])) .fgrid h4{color:#fff!important;font-family:"Inter",sans-serif!important;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}
html:is([data-theme],:not([data-theme])) .fgrid a{display:block;padding:6px 0!important;min-height:0!important;text-decoration:none}
html:is([data-theme],:not([data-theme])) .fbase{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:.85rem;color:#93a9bc}
/* homepage pieces */
html:is([data-theme],:not([data-theme])) .hgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;text-align:left}
html:is([data-theme],:not([data-theme])) .hgrid .lead{margin:0 0 28px}
html:is([data-theme],:not([data-theme])) .hart{position:relative}html:is([data-theme],:not([data-theme])) .hart img{width:100%;border-radius:28px;box-shadow:0 30px 60px -28px rgba(15,42,68,.55);display:block}
html:is([data-theme],:not([data-theme])) .hart .float{position:absolute;left:-22px;bottom:26px;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:var(--sh);font-size:.9rem;font-weight:600;color:var(--navy);display:flex;gap:10px;align-items:center}
html:is([data-theme],:not([data-theme])) .hart .float b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tealsoft);color:var(--teal2)}
html:is([data-theme],:not([data-theme])) .trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;color:var(--muted);font-size:.95rem;font-weight:600}
html:is([data-theme],:not([data-theme])) .trust span:before{content:"✓";color:var(--teal);margin-right:6px;font-weight:900}
html:is([data-theme],:not([data-theme])) .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
html:is([data-theme],:not([data-theme])) .stats div{padding:8px}html:is([data-theme],:not([data-theme])) .stats strong{display:block;font:700 2.2rem/1.1 "Fraunces",serif;color:#fff}html:is([data-theme],:not([data-theme])) .stats span{color:#bcd3df;font-size:.95rem}
html:is([data-theme],:not([data-theme])) .quote{font-family:"Fraunces",serif;font-size:1.35rem;line-height:1.45;color:var(--navy);max-width:820px;margin:0 auto}
html:is([data-theme],:not([data-theme])) .split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
html:is([data-theme],:not([data-theme])) .lm{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:linear-gradient(135deg,#fff,#fff6ea)!important;border:1px solid #f0dcc0!important}
html:is([data-theme],:not([data-theme])) .lm .doc{width:84px;height:104px;border-radius:10px;background:#fff;box-shadow:var(--sh);position:relative;border-top:10px solid var(--teal)}
html:is([data-theme],:not([data-theme])) .lm .doc:after{content:"";position:absolute;inset:16px 14px;background:repeating-linear-gradient(180deg,#e8dfd2 0 4px,transparent 4px 12px)}
@media(max-width:860px){html:is([data-theme],:not([data-theme])) .hgrid,html:is([data-theme],:not([data-theme])) .split,html:is([data-theme],:not([data-theme])) .lm{grid-template-columns:1fr}html:is([data-theme],:not([data-theme])) .hart{order:-1}html:is([data-theme],:not([data-theme])) .hart .float{left:12px;bottom:12px}html:is([data-theme],:not([data-theme])) .stats{grid-template-columns:1fr 1fr}html:is([data-theme],:not([data-theme])) .fgrid{grid-template-columns:1fr 1fr}html:is([data-theme],:not([data-theme])) section{padding:52px 0}html:is([data-theme],:not([data-theme])) .hero{padding:44px 0 48px!important}html:is([data-theme],:not([data-theme])) nav a[href="/personal/start/"]{margin-left:0}html:is([data-theme],:not([data-theme])) .lm .doc{display:none}}
@media(max-width:600px){html:is([data-theme],:not([data-theme])) header .wrap{flex-wrap:wrap}html:is([data-theme],:not([data-theme])) nav{display:flex;flex-wrap:wrap;gap:4px}html:is([data-theme],:not([data-theme])) .btn{width:100%;text-align:center;justify-content:center}html:is([data-theme],:not([data-theme])) .cta{flex-direction:column}}
html:is([data-theme],:not([data-theme])) .wrap{max-width:1180px}
@media(max-width:860px){html:is([data-theme],:not([data-theme])) .fgrid>div:first-child{grid-column:1/-1}}
html:is([data-theme],:not([data-theme])) .logo{gap:0!important}html:is([data-theme],:not([data-theme])) .logo:before{margin-right:10px}html:is([data-theme],:not([data-theme])) .logo span{margin-left:.28em!important}
html:is([data-theme],:not([data-theme])) .crumbs{display:flex;align-items:center;gap:6px;padding-top:10px;color:var(--muted);font-size:.95rem}html:is([data-theme],:not([data-theme])) .crumbs a{padding:8px 0!important;font-weight:600}
html:is([data-theme],:not([data-theme])) header+section.alt{background:radial-gradient(800px 360px at 90% -20%,rgba(242,166,90,.25),transparent 60%),radial-gradient(600px 320px at -10% 120%,rgba(20,128,127,.15),transparent 60%),linear-gradient(180deg,var(--cream),#fffdf9)!important}