/* Family-only. No shared agents template styles are modified. */
.family-footer .footer-groups{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}.family-footer h2{font-size:17px;margin-bottom:12px}.family-footer .company-link{font-size:14px}@media(max-width:700px){.family-footer .footer-groups{grid-template-columns:1fr}}
.hero .week-items{margin:22px 0 0}.hero .week-items>div{border-top:1px solid var(--line);padding-block:14px}.hero .week-items>div:last-child{padding-bottom:0}.hero .week-items dt{font-size:14px;font-weight:650}.hero .week-items dd{margin:6px 0 0;font-size:16px}
:root { --bg:#faf8f3; --soft:#ecf0e5; --ink:#24362f; --mut:#34483b; --accent:#264b3b; --line:#bbc6b8; --line2:#748473; color-scheme:light; }
* {box-sizing:border-box} html{scroll-behavior:smooth; -webkit-text-size-adjust:100%} body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.9 'Hiragino Sans','Yu Gothic',system-ui,sans-serif} h1,h2,h3,p{margin:0} h1,h2,h3{word-break:auto-phrase;text-wrap:balance;line-height:1.5} h1{font-family:'Hiragino Maru Gothic ProN','Hiragino Sans',system-ui,sans-serif;font-size:clamp(34px,4vw,48px);font-weight:750;letter-spacing:-.025em} .headline-line{display:block}.phrase{display:inline-block;white-space:nowrap} h2{font-size:29px} h3{font-size:20px} p+p{margin-top:12px} a{color:inherit;text-underline-offset:4px} button,input,textarea{font:inherit} button,a{touch-action:manipulation} [hidden]{display:none!important} :focus-visible{outline:3px solid var(--accent);outline-offset:4px} .wrap{max-width:1160px;padding-inline:32px;margin-inline:auto} .skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:5} .brand-row{display:flex;align-items:center;gap:28px;padding-block:20px} .brand{font-size:24px;font-weight:750;text-decoration:none;white-space:nowrap}.brand span{color:var(--accent);font-size:32px}.languages{display:flex;gap:12px;margin-left:auto}.languages a{min-width:32px;text-align:center;padding:4px}.languages [aria-current]{font-weight:800;text-decoration-thickness:3px}.company-facts{display:flex;flex-wrap:wrap;gap:2px 16px}.legal-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white;min-height:54px;padding:10px 22px;border:0;border-radius:8px;text-decoration:none;font-weight:700;word-break:auto-phrase;text-wrap:balance;white-space:nowrap;font-size:17px}.btn:hover{background:#1e3b2e}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-block:62px 70px}.eyebrow{font-size:14px;font-weight:650;margin-bottom:12px}.intro{margin-block:22px;max-width:36em}.price{font-size:25px;font-weight:750;margin-top:20px;line-height:1.6}.hero-action{margin-top:24px;display:flex;align-items:flex-start;flex-direction:column;gap:18px}.quiet{font-size:16px}.week{background:var(--soft);padding:28px;border-radius:22px 22px 6px 22px;border:1px solid var(--line)}.week h2{font-size:25px}.week-date{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:22px;border-bottom:1px solid var(--line);padding-bottom:22px}.week-date>b{white-space:nowrap;font-size:17px;line-height:1.6;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:10px 16px}.week-date p{font-size:14px}.tick{font-size:16px}.line-note{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-size:16px}.line-note b{font-size:14px}.features-section{background:#fff;padding-block:48px}.features{display:grid;grid-template-columns:1fr 1fr;gap:32px 50px;margin-top:32px}.features article{display:flex;align-items:flex-start;gap:18px}.features p{margin-top:10px}.section{padding-block:55px}.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.demo-section>div>p{margin-top:16px}.demo-explainer{color:var(--mut)}.letter{background:#fff;padding:28px;border:1px solid var(--line);border-radius:6px;box-shadow:8px 8px 0 var(--soft)}.letter-rows{margin:18px 0}.letter-rows>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:12px;border-top:1px solid var(--line);padding-block:10px}.letter-rows:lang(en)>div{grid-template-columns:8em minmax(0,1fr)}.letter-rows dt{font-weight:650;white-space:nowrap}.letter-rows dd{margin:0;word-break:auto-phrase}.secondary{color:var(--ink);background:transparent;border:1px solid var(--line2);border-radius:8px;padding:12px 16px;width:100%;font-size:16px;font-weight:650;cursor:pointer;word-break:auto-phrase;text-wrap:balance;line-height:1.8}.secondary:hover{background:var(--soft)}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:15px 0}summary{font-weight:650;cursor:pointer;line-height:1.8}details p{margin-top:12px;color:var(--mut)}.signup-section{background:var(--soft);padding-block:48px}.signup-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.signup-note{margin-top:24px}.signup-form{margin:0!important;padding:24px!important;border-color:var(--line)!important;border-radius:12px!important}.signup-form .btn{box-shadow:none!important;opacity:1!important}.signup-form .privacy,.signup-form .help{color:var(--mut)!important;font-size:14px!important;line-height:1.9}.signup-form .consent{font-size:14px;line-height:1.9}.signup-form textarea{min-height:80px!important}.signup-form legend{font-size:20px}.signup-form button:disabled{cursor:default}.family-footer{padding-block:32px}.family-footer .company-facts{margin-block:18px;font-size:14px}.family-footer p{font-size:14px}.mobile-bar{display:none}section[id]{scroll-margin-top:20px;scroll-margin-bottom:var(--mobile-bar-height,0px)}
@media(max-width:700px){.wrap{padding-inline:20px}.brand-row{padding-block:12px;gap:12px}.brand{font-size:21px}.brand-row{flex-wrap:wrap}.header-cta{display:none}body{padding-bottom:var(--mobile-bar-height,75px)}html{scroll-padding-bottom:var(--mobile-bar-height,75px)}.hero{grid-template-columns:1fr;gap:28px;padding-block:30px 36px}.hero h1{font-size:34px}.hero h1:lang(en){font-size:36px}.intro{margin-block:16px}.price{font-size:22px;margin-top:16px}.hero-action{margin-top:20px;gap:14px}.week{padding:22px}.week h2{font-size:23px}.week-date{margin-block:16px;padding-bottom:16px}.features-section{padding-block:32px}.features{grid-template-columns:1fr;gap:26px;margin-top:24px}.features article{gap:12px}.features p{margin-top:8px}.features h3{font-size:20px}.section{padding-block:34px}h2{font-size:26px}.demo-section,.faq-section,.signup-grid{grid-template-columns:1fr;gap:24px}.letter{padding:20px}.letter-rows>div{font-size:17px}.signup-section{padding-block:32px}.signup-form{padding:20px!important}.signup-form label{margin-top:14px!important}.signup-form .consent{font-size:14px!important}.signup-form .btn{width:100%}.family-footer{padding-bottom:32px}.family-footer .company-facts{display:grid;gap:4px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.mobile-bar .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* One local practice flow, using the existing Family palette and card treatment. */
.demo-section{align-items:start}.demo-section>div:first-child{padding-top:8px}.demo-workspace{min-width:0;display:grid;gap:16px}.sample-request{margin:0;font-size:19px;line-height:1.8;overflow-wrap:anywhere}.demo-date-label{display:block;font-weight:650;margin-top:20px}.demo-workspace input{display:block;width:100%;min-height:48px;margin-top:6px;padding:8px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}.demo-result{display:grid;gap:12px}.demo-result>h3{font-size:18px;margin-top:8px}.demo-card{background:var(--soft);border-radius:10px;padding:16px 20px}.demo-card h4{font-size:14px;margin:0 0 6px;line-height:1.6}.demo-card p,.demo-card li{font-size:17px;line-height:1.8}.demo-card ul{margin:0;padding-left:1.2em}.demo-result .demo-explainer,.demo-next-note{font-size:14px;line-height:1.8}.demo-workspace .btn{white-space:normal}.demo-workspace .demo-next-note{margin-top:-8px}

.demo-result ol{display:grid;gap:12px;list-style:none;margin:0;padding:0}.demo-workspace .letter .secondary{margin-top:16px}.demo-reset{border:0;background:transparent;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:4px;min-height:44px;width:100%;margin-top:8px;cursor:pointer}.demo-reset:hover{background:var(--soft)}.demo-workspace button:active{background:var(--soft)}.demo-workspace button:disabled{opacity:.6;cursor:wait}.demo-workspace input[aria-invalid="true"]{border:2px solid #9c392b}.demo-section[data-state="error"] #demo-state{color:#9c392b}.demo-card time,.demo-card span{font-size:17px}.demo-result ol .demo-card{overflow-wrap:anywhere}@media(max-width:700px){.demo-section{padding-inline:16px}.demo-section .letter{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Calculator and explicitly recorded manual app screens share the desktop row. */
.demo-calculator{min-width:0;display:grid;gap:24px}.demo-calculator .letter{margin-top:24px}.demo-calculator input{display:block;width:100%;min-width:0;min-height:48px;margin-top:6px;padding:8px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--bg);color:var(--ink)}.demo-calculator .letter .secondary{margin-top:16px}.demo-calculator input[aria-invalid="true"]{border:2px solid #9c392b}.demo-zone{font-size:14px}.recording{min-width:0;display:grid;gap:16px}.recording .demo-explainer{font-size:14px}.recording-player{position:relative}#recording-toggle{position:absolute;top:12px;right:12px;z-index:1;width:auto;min-width:44px;min-height:44px;padding:6px 12px;background:#fff;font-size:14px}.recording-frames{padding:0;margin:0;list-style:none;display:grid;gap:24px}.recording-frame{min-width:0;min-height:520px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:68px 18px 18px}.recording-frame figure{margin:0;width:100%;max-width:358px}.recording-frame img{display:block;width:100%;height:auto}.recording-frame figcaption{margin-top:18px;font-size:16px;font-weight:650;line-height:1.8}.recording-end{flex-direction:column;gap:24px;text-align:center}.demo-card time{display:block}.recording .btn{white-space:normal}
@media(max-width:700px){.recording .btn{width:100%}.recording-frame{padding:68px 12px 12px;min-height:480px}}
@media(prefers-reduced-motion:reduce){.recording-frame{min-height:0;padding-top:18px}.recording-end{padding-block:32px}}

/* Public guides use the same Family type, palette and header. */
.guide-main{max-width:800px;padding-block:40px}.guide-main h1{font-size:clamp(28px,4vw,40px)}.guide-main h2{font-size:25px;margin-top:36px;margin-bottom:16px}.guide-main h3{margin-top:24px;margin-bottom:12px}.guide-main p{overflow-wrap:anywhere}.guide-main .guide-date{font-size:14px;color:var(--mut);margin-block:16px 28px}.guide-related{border-top:1px solid var(--line);margin-top:40px}.guide-links{border-top:1px solid var(--line)}.guide-links ul{margin:20px 0 0;padding-left:1.2em}.guide-links li+li{margin-top:12px}.guide-page{padding-bottom:0}@media(max-width:700px){.guide-main{padding-block:28px}.guide-main h2{font-size:23px}}
