/* Shared public-site clarity pass. Existing brand and artwork remain. */
.m-nav> a{min-height:44px;display:flex;align-items:center}
.section{padding-block:clamp(2.5rem,5vw,4.5rem)}
.section.compact{padding-block:clamp(2rem,4vw,3.5rem)}
.section-intro{max-width:720px}
.section-intro p,.hero-copy{max-width:60ch}
.hero-story h1{font-size:clamp(2rem,4.4vw,3.75rem);line-height:1.12}
.hero-copy{font-size:1.125rem;line-height:1.7}
.ux-trust{padding:1.75rem;background:#f3f7fb;border:1px solid #dce5ef;border-radius:1.25rem}
.workflow h2,.feature h2{font-size:1.375rem;line-height:1.3}
.workflow p,.feature p{font-size:1rem;line-height:1.65}
.site-footer .footer-bottom p{max-width:85ch;font-size:.875rem}
.m-header-actions .button{white-space:nowrap}
details.ux-site-detail{border-block:1px solid #dce3ee;padding:1rem 0;margin:1rem 0}
.ux-site-detail>summary{cursor:pointer;min-height:44px;font-size:1rem;font-weight:750}
.ux-site-detail>div{padding-top:1rem}
@media(max-width:960px){.m-nav>a{padding:.75rem}.m-mobile-actions .button{display:flex}.hero-story h1{font-size:clamp(2rem,7vw,2.75rem)}.hero-copy{font-size:1rem}.product-scene{margin-top:1.5rem}.section-intro h1{font-size:2rem}.workflow{gap:1.5rem}.ux-trust{padding:1.25rem}}
.family-use-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2.5rem}
.family-use-case{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.5rem 0 0;border-top:1px solid #dce3ee}
.family-use-case h2{font-size:1.375rem;line-height:1.35;margin:0;min-height:2.7em}
.family-use-case p{font-size:1rem;line-height:1.7;margin:0 0 .5rem}
.family-use-case a{align-self:flex-start;margin-top:auto;line-height:1.5;padding:.25rem 0;min-height:36px}
@media(max-width:760px){.family-use-cases{grid-template-columns:minmax(0,1fr);gap:1.75rem;margin-top:2rem}.family-use-case h2{min-height:0}.family-use-case{gap:.75rem}.family-use-case a{margin-top:0}}