/* DS 0.1 homepage composition. Marketing display (40–64px) and section rhythm
   are explicit landing adaptations; controls and product UI use canonical roles. */
body[data-page="home"] {
 --sans:var(--font);--mono:var(--font-mono);--ink-2:var(--muted);--ink-3:var(--faint);
 --green-deep:var(--green-text);--green-tint:var(--green-bg);--signal:var(--green);
 --rust:var(--warning-solid);--rust-deep:var(--warning-text);--rust-tint:var(--warning-bg);
 --control-line:var(--field-line);--radius-field:var(--radius-control);
 --line-2:var(--hairline);--sunken:var(--surface);--wash-hover:var(--ink-a1);
 --home-display:600 clamp(40px,4.5vw,64px)/1.08 var(--font);
 --home-heading:560 clamp(28px,3vw,40px)/1.2 var(--font);
 --home-section:calc(var(--space-16) + var(--space-8));
 font:var(--t-copy);letter-spacing:var(--t-copy-track);
 -webkit-font-smoothing:antialiased;
}
[data-page="home"] .container{width:min(1200px,calc(100% - var(--page-gutter)*2))}
[data-page="home"] main>section{padding-block:var(--home-section);border:0;background:var(--paper)}
[data-page="home"] main>section+section>.container{position:relative}
[data-page="home"] :is(.meta,.eyebrow,.margin-label){font:var(--t-label-sm);letter-spacing:var(--t-label-sm-track);text-transform:none;color:var(--muted)}
[data-page="home"] h2{font:var(--home-heading);letter-spacing:var(--t-display-track);max-width:24ch}
[data-page="home"] h3{font:var(--t-subheading);letter-spacing:var(--t-subheading-track)}
[data-page="home"] .btn{font:var(--t-label);min-height:var(--hit);padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);box-shadow:none;transform:none}
[data-page="home"] .text-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--hit);font:var(--t-label);color:var(--ink);text-decoration:none}
[data-page="home"] .text-link:hover .text-link__label{text-decoration:underline}
[data-page="home"] .site-nav{background:var(--paper);border-color:var(--hairline)}
[data-page="home"] .site-nav__row{min-height:calc(var(--space-16) + var(--space-2))}
[data-page="home"] .site-nav__links a{font:var(--t-label);padding-inline:var(--space-2);border-radius:var(--radius-md)}
[data-page="home"] .site-nav__links a:hover{background:var(--ink-a1)}
[data-page="home"] .site-nav__links a[aria-current]{background:var(--surface);box-shadow:var(--shadow-1);text-decoration:none}
[data-page="home"] .product-hero{padding-top:var(--space-16);padding-bottom:var(--space-8)}
[data-page="home"] .product-hero__intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-16);align-items:end;margin-bottom:var(--space-12)}
[data-page="home"] .home-hero-category{margin:0 0 var(--space-5)}
[data-page="home"] .product-hero h1{font:var(--home-display);letter-spacing:-.035em;max-width:19ch;margin:0}
[data-page="home"] .product-hero h1 span+span{color:var(--muted)}
[data-page="home"] .product-hero__support>p{font:var(--t-subheading);font-weight:400;color:var(--muted);max-width:42ch;margin-bottom:var(--space-6)}
[data-page="home"] .decision-hero__links{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap;margin:0}
/* Customer evidence stays editorial, outside product surfaces. */
[data-page="home"] .proof-strip{padding-block:var(--space-12)}
.proof-editorial{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-16);align-items:start}
.proof-heading h2{font:var(--t-heading);margin-top:var(--space-3)}
.proof-voice{margin:0}.proof-voice blockquote{margin:0;font:var(--t-title);letter-spacing:var(--t-title-track)}
.proof-voice figcaption{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-6);font:var(--t-meta);color:var(--muted)}
.proof-voice figcaption>span{display:grid;gap:var(--space-1)}
.proof-voice figcaption strong{color:var(--ink);font-weight:500}
.proof-customers{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--line)}
.proof-customers__intro,.proof-own-use{font:var(--t-caption);color:var(--muted)}
[data-page="home"] .proof-logo-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-6);list-style:none;padding:0;margin:var(--space-6) 0 0}
[data-page="home"] .proof-logo-grid li{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}
[data-page="home"] .proof-logo-grid img{max-width:104px;height:var(--hit);object-fit:contain}
.proof-feature-logo{list-style:none;margin:0;padding:0}.proof-feature-logo img{max-width:96px;max-height:var(--space-12)}
.proof-footer{display:flex;justify-content:flex-end;margin-top:var(--space-4)}
/* Shared section alignment: copy and purpose first, one demonstration surface. */
[data-page="home"] :is(.home-brief__grid,.home-vision__stage,.home-pricing__layout,.home-faq-layout){display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:var(--space-16)}
[data-page="home"] :is(.home-brief,.home-vision,.home-pricing,.home-faq-section,.home-story){border-top:1px solid var(--hairline)}
[data-page="home"] :is(.home-brief,.home-vision,.home-pricing,.home-faq-section,.home-story) h2{margin:var(--space-4) 0 var(--space-6)}
[data-page="home"] :is(.home-brief__intro,.home-vision__intro,.home-pricing header>p:last-child,.home-story .lead){font:var(--t-copy);color:var(--muted);max-width:48ch;margin:0}
[data-page="home"] .home-brief__actions{margin-top:var(--space-6);gap:var(--space-4)}
[data-page="home"] :is(.home-brief__scope,.home-brief__prototype,.home-brief__example-note){font:var(--t-meta);color:var(--muted)}
[data-page="home"] .home-brief__map{border:0;border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-1);overflow:hidden}
[data-page="home"] .home-brief__example{margin:0}
[data-page="home"] .home-brief__example-head{font:var(--t-meta)}
[data-page="home"] .home-brief__question h3{font:var(--t-heading)}
[data-page="home"] .home-brief__notes h4{font:var(--t-subheading)}
[data-page="home"] .home-brief__controls{padding:var(--space-1);gap:var(--space-1);border:0;background:var(--wash);border-radius:var(--radius-control)}
[data-page="home"] .home-brief__controls button{font:var(--t-label);border:0;border-radius:var(--radius-md);min-height:var(--hit);color:var(--muted)}
[data-page="home"] .home-brief__controls [aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}
.product-walkthrough__heading{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-16);align-items:end;margin-bottom:var(--space-8)}
.product-walkthrough__heading h2{margin-top:var(--space-4)}
.product-walkthrough__heading>p{font:var(--t-copy);color:var(--muted)}
.product-walkthrough__workspace{margin:0;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-1);overflow:hidden}
.home-vision__heading>.text-link{margin-top:var(--space-6)}
.vision-graphic{margin:0}.vision-graphic figcaption{font:var(--t-meta);color:var(--muted);margin-top:var(--space-6);text-align:center}
[data-page="home"] .home-pricing .org-pricing{padding:var(--space-8);border:0;border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-1)}
.org-picker label{display:grid;gap:var(--space-2);font:var(--t-label);color:var(--ink)}
.org-picker select{min-height:var(--hit);border:1px solid var(--field-line);border-radius:var(--radius-control);background:var(--surface);font:var(--t-copy);padding:var(--space-3)}
.org-picker__result{padding-block:var(--space-6)}
.org-picker__price{font:var(--t-display);font-variant-numeric:tabular-nums}
.org-picker__price>span:last-child,.org-picker__terms,.org-picker__result>p:last-child{font:var(--t-meta);color:var(--muted)}
.org-pricing__schedule>summary{min-height:var(--hit);font:var(--t-label);cursor:pointer;padding-block:var(--space-3)}
.org-pricing__link{display:inline-flex;min-height:var(--hit);align-items:center;font:var(--t-label)}
.org-pricing__table{width:100%;font:var(--t-copy-sm)}
.org-pricing__table th,.org-pricing__table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--line)}
[data-page="home"] .startup-entry{background:var(--surface);border-block:1px solid var(--hairline)}
[data-page="home"] .startup-entry__layout{gap:var(--space-16)}
[data-page="home"] .startup-entry h2{font:var(--home-heading)}
[data-page="home"] .startup-entry__discount{font:var(--home-display)}
[data-page="home"] :is(.startup-entry__price-note,.startup-entry__opening,.startup-entry__fit){font:var(--t-meta)}
.home-data__heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}
.home-data__heading h2{margin-top:var(--space-4)}
.home-data__points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--line)}
.home-data__points h3{margin-bottom:var(--space-3)}
.home-data__points p{font:var(--t-copy-sm);color:var(--muted);margin-bottom:var(--space-4)}
.home-data__points a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--hit);font:var(--t-meta)}
.home-faq-answers{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);padding-inline:var(--space-6)}
[data-page="home"] .home-faq-answers .doc-faq{margin:0;border:0}
[data-page="home"] .home-faq-answers details{border:0;border-bottom:1px solid var(--line)}
[data-page="home"] .home-faq-answers details:last-child{border:0}
[data-page="home"] .home-faq-answers summary{font:var(--t-label-lg);min-height:var(--hit);padding-block:var(--space-5)}
[data-page="home"] .home-faq-answers details p{font:var(--t-copy-sm);color:var(--muted);padding-bottom:var(--space-5)}
[data-page="home"] .home-story__portrait{border-radius:var(--radius-xl)}
[data-page="home"] #final-cta{text-align:center;padding-block:var(--home-section);background:var(--surface);border-top:1px solid var(--hairline)}
[data-page="home"] #final-cta h2{font:var(--home-display);max-width:20ch;margin:var(--space-5) auto var(--space-6)}
.home-final__bottom{display:grid;justify-items:center;gap:var(--space-6)}
.home-final__bottom>p{font:var(--t-copy);color:var(--muted);max-width:54ch}
.home-final__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6)}
@media(max-width:900px){
 [data-page="home"] .product-hero__intro{grid-template-columns:1fr;gap:var(--space-6)}
 [data-page="home"] .product-hero__support{max-width:60ch}
 [data-page="home"] :is(.home-brief__grid,.home-vision__stage,.home-pricing__layout,.home-faq-layout){gap:var(--space-8)}
 .product-walkthrough__heading,.proof-editorial{gap:var(--space-8)}
}
@media(max-width:640px){
 body[data-page="home"]{--home-section:var(--space-12)}
 [data-page="home"] .product-hero{padding-top:var(--space-8)}
 [data-page="home"] .product-hero__intro{margin-bottom:var(--space-8)}
 [data-page="home"] :is(.home-brief__grid,.home-vision__stage,.home-pricing__layout,.home-faq-layout),.product-walkthrough__heading,.proof-editorial,.home-data__points{grid-template-columns:1fr;gap:var(--space-6)}
 .home-data__heading{align-items:start;flex-direction:column;gap:var(--space-3)}
 .home-data__points>div+div{border-top:1px solid var(--line);padding-top:var(--space-6)}
 [data-page="home"] .home-pricing .org-pricing{padding:var(--space-6)}
 .proof-voice blockquote{font:var(--t-heading)}
 .proof-footer{justify-content:flex-start}
 .home-faq-answers{padding-inline:var(--space-5)}
}
[data-page="home"] .pricing-bands__head{font:var(--t-meta)}
[data-page="home"] .pricing-band dt{font:var(--t-label-lg)}
[data-page="home"] .pricing-band__price>strong{font:var(--t-title)}
[data-page="home"] .pricing-band__credits{font:var(--t-meta)}
[data-page="home"] .pricing-bands__terms{font:var(--t-meta)}
[data-page="home"] :is(.site-footer h2,.site-footer h3){font:var(--t-label);letter-spacing:var(--t-label-track)}
@media(max-width:1100px) and (min-width:641px){[data-page="home"] .home-pricing__layout{grid-template-columns:1fr}}
