/* Phase 2A extends the established client-token palette and the Phase 1 layout. */
[hidden]{display:none!important}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{visibility:hidden}.skip-link:focus{visibility:visible}
.nav{gap:22px}.nav-links{margin-left:0;gap:28px}.nav-controls{display:flex;align-items:center;gap:10px}
#language{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:11px 8px;color:var(--muted);max-width:110px;font-size:11px}
.theme-control{margin-left:0}.brand{flex-shrink:0}
.hero{padding-top:67px}.eyebrow{font-size:11px;letter-spacing:2px}
h1{font-size:clamp(34px,4.6vw,65px);font-weight:650;letter-spacing:-.045em;line-height:1.24;margin:26px auto 22px;max-width:1100px}
h1 .hero-line{display:block;color:var(--fg)}h1 .hero-emphasis{display:block;color:var(--accent)}
html:lang(en) h1{font-size:clamp(36px,4.6vw,67px);line-height:1.1;letter-spacing:-.05em}
.hero-description{max-width:660px;margin:0 auto 27px;font-size:15px;line-height:1.9;letter-spacing:.1px;text-wrap:pretty}
.hero-actions .button{min-width:172px;font-size:13px}.hero-actions .secondary span{margin-left:0}.hero-actions .secondary{gap:25px}
.download-status{font-size:11px;margin-top:14px}.hero-divider{margin:24px auto 25px}.hero-divider p{font-size:9px;letter-spacing:1.2px}
.product-section{max-width:980px}.preview-meta h2{font-size:12px}.preview-tag{font-size:9px;letter-spacing:1px}
.product-figure figcaption{font-size:10px}.preview-foot{font-size:11px}
.features{padding-top:72px;padding-bottom:64px}.section-label{font-size:10px;letter-spacing:1.8px}
.section-intro h2{font-size:32px;letter-spacing:-.6px}.section-intro>p:last-child{font-size:14px;line-height:1.8}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:33px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.overview{position:relative;padding:26px 27px 27px;min-width:0;transition:background-color .2s}
.overview:nth-child(3n+1){padding-left:12px}.overview:nth-child(3n+2),.overview:nth-child(3n+3){border-left:1px solid var(--line)}
.overview:nth-child(n+4){border-top:1px solid var(--line)}.overview:hover{background:color-mix(in srgb,var(--surface) 55%,transparent)}
.overview>svg{color:var(--accent);width:24px;height:24px}.overview h3{font-size:17px;font-weight:600;margin:17px 0 9px}
.overview p{font-size:13px;line-height:1.85;color:var(--muted);margin:0;max-width:300px}.overview-arrow{position:absolute;right:25px;top:26px;color:var(--muted);font-size:14px}
.preview-badge{display:inline-block;max-width:100%;font-size:10px;font-weight:500;line-height:1.65;color:var(--blue-text);padding:4px 8px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:5px;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.overview .preview-badge{margin-top:12px;font-size:9px}
.detail-section{padding:62px 0;border-bottom:1px solid var(--line);scroll-margin-top:22px}
.detail-heading{max-width:690px;margin-bottom:30px}.detail-heading h2,.plan-copy h2{font-size:35px;line-height:1.3;font-weight:600;letter-spacing:-.9px;margin:17px 0}
.detail-heading>p:last-child,.plan-copy>p:not(.section-label):not(.value-line){font-size:14px;line-height:1.95;color:var(--muted);max-width:630px}
.tasks-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:26px;align-items:start}
.shot-frame{margin:0;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:11px;overflow:hidden;min-width:0}
.shot-frame>img,.widget-shot>img{display:block;width:100%;height:auto;border-radius:6px;filter:none}
.screenshot figcaption{font-size:10px;line-height:1.8;color:var(--muted);padding:9px 6px 3px;text-align:center}
.capture-note{font-size:10px;color:var(--muted);line-height:1.8;margin:10px 3px 0}
.detail-points{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:13px}.detail-points li{position:relative;padding-left:17px;font-size:13px;line-height:1.95;color:var(--muted)}
.detail-points li:before{content:'';position:absolute;left:0;top:.8em;width:4px;height:4px;background:var(--accent);border-radius:50%}
.widget-panel{padding:22px 21px;background:var(--surface);border:1px solid var(--line);border-radius:12px;scroll-margin-top:32px}
.widget-copy svg{color:var(--accent);width:21px;height:21px}.widget-copy h3{margin:12px 0 8px;font-weight:600;font-size:17px}.widget-copy p{color:var(--muted);font-size:12px;line-height:1.85;margin:0 0 20px}
.widget-shot{width:min(100%,213px);margin:0 auto}.widget-shot img{border:1px solid var(--line)}.widget-shot figcaption{font-size:9px;padding-inline:0}
.fine-print{color:var(--muted);font-size:11px;line-height:1.85;margin:15px 0 0}
.plan-section{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:45px;align-items:center;padding-block:76px}
.plan-copy h2{font-size:32px;max-width:410px}.plan-copy .detail-points{gap:12px}.plan-copy .detail-points li{font-size:12px}.value-line{font-size:13px;font-weight:500;margin-top:24px;color:var(--fg)}
.effort-section{padding-top:73px}.bento{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.bento-card{min-width:0;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:14px;scroll-margin-top:32px}
.bento-card h3{font-size:21px;font-weight:600;letter-spacing:-.4px;line-height:1.5;margin:15px 0 10px}.bento-card>p:not(.fine-print){font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 22px}
.habit-card{grid-row:span 2}.habit-card .shot-frame{padding:4px;background:var(--app)}.habit-card .fine-print{margin-top:18px;font-size:11px}
.section-icon{color:var(--accent);width:23px;height:23px}.achievement-card .shot-frame,.insights-card .shot-frame{background:var(--app);box-shadow:none;padding:4px}
.shot-placeholder{display:flex;min-height:142px;align-items:center;justify-content:center;flex-direction:column;padding:22px 18px;gap:10px;text-align:center;color:var(--muted);background:var(--app)}
.shot-placeholder svg{width:24px;height:24px;opacity:.65}.shot-placeholder strong{font-size:12px;font-weight:500}.shot-placeholder p{font-size:10px;line-height:1.8;max-width:270px;margin:0;color:var(--muted)}
.insight-shots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.insight-shots>div{min-width:0}.insight-shots h4{font-size:11px;color:var(--muted);font-weight:500;margin:0 0 8px}
.insight-shots .shot-placeholder{min-height:130px;padding:13px 10px}.insight-shots figcaption{font-size:8px;line-height:1.6;padding:6px 2px 2px}
.auxiliary{text-align:center;padding:56px 0 45px}.auxiliary h2{font-size:21px;font-weight:500;letter-spacing:-.3px;line-height:1.7;margin:15px 0 24px}.auxiliary ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;color:var(--muted);font-size:12px}.auxiliary li:before{content:'✓';color:var(--accent);margin-right:7px}
.download-section{padding:48px 0 51px}.download-section h2{font-size:33px;letter-spacing:-.8px}.download-section .release-note{max-width:590px;margin:12px auto 0}.footer{font-size:11px}.footer>span{font-size:10px}.noscript-note{font-size:12px;color:var(--muted);text-align:center;padding:20px}
@media(min-width:1600px){.hero{padding-top:80px}h1{font-size:70px}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.nav-links{gap:20px}.nav{gap:15px}.brand{font-size:23px}.overview{padding-inline:20px}.plan-section{gap:25px}.plan-copy h2{font-size:29px}.plan-section{grid-template-columns:1fr 1fr}.detail-heading h2{font-size:31px}.bento-card{padding:21px}}
@media(max-width:760px){
  .container{width:calc(100% - 36px)}.nav{min-height:112px;padding:16px 0;gap:13px}.brand{font-size:23px}.brand img{width:31px;height:31px}.nav-controls{gap:6px;margin-left:auto}#language{max-width:92px;font-size:10px;padding:9px 5px}.theme-control{padding:6px}.theme-control select{max-width:80px;font-size:10px}.theme-symbol{font-size:14px}
  .nav-links{margin:3px 0 0;gap:35px;font-size:12px}.hero{padding-top:44px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:clamp(26px,5.4vw,40px);line-height:1.48;letter-spacing:-1px;margin-top:22px}.hero-description{font-size:13px;line-height:1.95;max-width:430px;margin-bottom:23px}
  html:lang(en) h1{font-size:clamp(30px,7vw,44px);line-height:1.15;letter-spacing:-1.3px}.hero-actions .button{font-size:12px;min-width:148px;padding-inline:15px}.download-status{font-size:9px}.hero-divider p{font-size:8px;letter-spacing:.7px}.preview-meta h2{font-size:10px}.preview-tag{font-size:8px;letter-spacing:0}.preview-foot{font-size:10px}.product-figure figcaption{font-size:9px}
  .features{padding:46px 0 34px}.section-intro h2{font-size:25px}.section-intro>p:last-child{font-size:12px}.overview-grid{grid-template-columns:1fr 1fr;margin-top:25px}.overview,.overview:nth-child(3n+1){padding:20px 13px;min-width:0}.overview:nth-child(3n+2),.overview:nth-child(3n+3){border-left:0}.overview:nth-child(2n){border-left:1px solid var(--line)}.overview:nth-child(n+3){border-top:1px solid var(--line)}.overview h3{font-size:15px;margin-top:15px}.overview p{font-size:11px;line-height:1.9}.overview>svg{width:21px;height:21px}.overview-arrow{right:13px;top:20px}.overview .preview-badge{font-size:8px;padding:3px 5px}
  .detail-section{padding:40px 0}.detail-heading h2,.plan-copy h2{font-size:27px;line-height:1.5;letter-spacing:-.6px;margin:13px 0}.detail-heading>p:last-child,.plan-copy>p:not(.section-label):not(.value-line){font-size:13px}.detail-heading{margin-bottom:23px}.tasks-layout{grid-template-columns:1fr;gap:24px}.detail-points li{font-size:12px}.widget-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 16px;align-items:center}.widget-copy p{font-size:11px}.widget-panel>.fine-print{grid-column:1/-1;text-align:center;margin-top:0}.widget-shot{max-width:175px}.widget-copy h3{font-size:16px}
  .plan-section{grid-template-columns:1fr;gap:23px}.plan-copy h2{max-width:none}.plan-copy .detail-points li{font-size:12px}.value-line{margin-bottom:0}.bento{grid-template-columns:1fr;gap:16px}.habit-card{grid-row:auto}.bento-card{padding:21px 17px}.bento-card h3{font-size:20px}.bento-card>p:not(.fine-print){font-size:12px}.insight-shots .shot-placeholder{min-height:115px}.auxiliary{padding:38px 0}.auxiliary h2{font-size:19px}.auxiliary ul{font-size:11px;gap:12px 18px}.download-section{padding:37px 0}.download-section h2{font-size:28px}.footer{padding:22px 0}.footer p{font-size:10px}
}
@media(max-width:360px){.nav-controls{gap:4px}.brand{font-size:21px;gap:6px}.brand img{width:28px;height:28px}.theme-control{padding:5px 4px}.theme-symbol{display:none}#language{max-width:85px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{width:205px}.overview h3{font-size:14px}.overview p{font-size:10px}.preview-foot{font-size:9px}.insight-shots{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}