/* UX brief 6: shared layout, readable copy and touch controls. Brand colours stay token-owned. */
:root{--ux-hover:var(--surface-2);--ux-pressed:color-mix(in srgb,var(--ink) 10%,var(--surface))}
h1,h2{opacity:1!important;transform:none!important;clip-path:none!important;animation:none!important}
.hero .hero-copy{max-width:100%}.hero .lede{max-width:48ch}
.section-head>p:not(.eyebrow),.plan>p,.problems>li>p{color:var(--ink-2)}
.note,.hint,.plain,.footer-col a{color:var(--ink-2)}
.hero-repair{opacity:1!important}
.problems h3{overflow-wrap:normal;text-wrap:pretty}.problems.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.problems.steps>li{height:100%;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
#pilot-steps .section-head{max-width:48rem}.trial-measure{margin-top:24px}
.ux-disclosure{margin:24px 0 0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:visible}
.ux-disclosure>summary{padding:16px 20px;min-height:56px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.ux-disclosure>summary::after{content:'+';position:static;display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;min-width:24px;min-height:24px;background:none;border:0;border-radius:0;box-shadow:none;transform:none}
.ux-disclosure[open]>summary::after{content:'−';transform:none}
.ux-disclosure>summary::-webkit-details-marker{display:none}
.ux-disclosure>.ux-detail-content{padding:8px 20px 24px}.ux-disclosure .plans{margin-top:0}
.ux-disclosure .story{margin:0!important}.ux-disclosure .story-item{padding-block:24px}
.ux-secondary{padding-block:24px!important}.ux-secondary .section-head{margin-bottom:20px}
.live-features{display:grid;grid-template-columns:1fr;gap:20px}
.live-features .plan{position:relative;display:flex;flex-direction:column;gap:16px}
.live-features .pill{align-self:flex-start}.live-features h3{margin:0}.live-features .btn-text{margin-top:auto}
.next-list{list-style:none;padding:0;margin:0;display:grid;gap:0}
.next-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.next-list .pill{flex:none}.next-list li:last-child{border-bottom:0}
.founder-signature{display:flex;align-items:center;gap:16px;margin-top:24px}.founder-initials{display:block;flex:none;width:56px;height:56px;border:1px solid var(--line);border-radius:16px;object-fit:cover;object-position:52% 42%;background:var(--surface-2)}
.founder-signature p{margin:0!important}.founder-signature small{color:var(--ink-2)}
#about>.container{max-width:var(--container)!important}#about p{max-width:65ch}
.audience-grid{display:grid;gap:20px}.audience-grid .plan{display:flex;flex-direction:column;gap:16px}
.trust-strip{display:flex;flex-wrap:wrap;gap:16px 32px;border-block:1px solid var(--line);padding:20px 0;color:var(--ink-2)}.trust-strip span{display:flex;align-items:flex-start;gap:10px}.trust-strip span::before{content:'✓';color:var(--accent);flex:none;margin-top:calc((1lh - 1cap) / 2)}
.security-sections{display:grid;grid-template-columns:1fr;gap:20px;max-width:var(--container)!important}.security-section{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.security-section h2{margin:0!important}.security-section>p,.security-section>ul{margin-top:16px!important}.security-section .checks{grid-template-columns:1fr!important}
.roadmap-block .plan[data-icon]{--ico-size:28px}.btn-ghost{border-color:var(--ink-2)}
.price-facts>div{align-items:center;gap:16px}.price-facts dt{min-width:0}.price-facts dd{margin:0;flex:none}
.ask-fields input,.ask-fields select,.ask-fields textarea{min-height:48px}.ask-file-control{min-height:56px}.ask-file-name{overflow-wrap:anywhere}
.site-footer{padding-top:48px}.footer-cols{gap:32px}.footer-col li+li{margin-top:4px}.footer-mark{margin-top:32px}
a,button,summary{ -webkit-tap-highlight-color:transparent;transition:background-color 120ms ease-out,color 120ms ease-out,border-color 120ms ease-out}
a:active{color:var(--accent);text-decoration-thickness:2px}button:active,summary:active,.mnav-links a:active{background-color:var(--ux-pressed)}
.btn:active{transform:scale(.98)}.menu-toggle:active,.theme-toggle:active,.mnav-close:active{transform:scale(.96)}
@media (hover: hover) and (pointer: fine){
input:hover,select:hover,textarea:hover{border-color:var(--ink-2)}}
@media(hover:hover) and (pointer:fine){.ux-disclosure>summary:hover,.mnav-links a:hover,.menu-toggle:hover,.theme-toggle:hover{background:var(--ux-hover)}}
@media(prefers-reduced-motion:reduce){.btn:active,.menu-toggle:active,.theme-toggle:active,.mnav-close:active{transform:none}}

.ux-disclosure>.details-panel>.ux-detail-content{padding:8px 20px 24px}.ux-disclosure .ux-disclosure{grid-column:1/-1}.voices>.ux-disclosure{grid-column:1/-1}

/* Testimonials are peers; disclosures never participate as narrow card-grid cells. */
#proof .voice-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:stretch}
#proof .voice-grid>.plan{grid-column:auto;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:20px;overflow-wrap:break-word}
#proof .voice-grid>.plan::before{margin:0}
#proof .voice-grid .eyebrow{text-wrap:wrap}
#proof .voice-grid>.plan>p:not(.eyebrow){margin:0}
#proof .voice-more{margin-top:24px;border:0;border-radius:0;background:transparent}
#proof .voice-more>summary{margin:0;padding:14px 0;border-block:1px solid var(--line);border-radius:0}
#proof .voice-more>.ux-detail-content,#proof .voice-more>.details-panel>.ux-detail-content{padding:20px 0 0}
/* Flat in-card disclosure rows: no white box inside another white box. */
.audience-grid{align-items:start}
.audience-grid .ux-disclosure,.ux-disclosure .ux-disclosure{margin-top:8px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.audience-grid .ux-disclosure>summary,.ux-disclosure .ux-disclosure>summary{margin:0;padding:14px 0;border-radius:0}
.audience-grid .ux-detail-content,.audience-grid .details-panel>.ux-detail-content,.ux-disclosure .ux-disclosure>.ux-detail-content,.ux-disclosure .ux-disclosure>.details-panel>.ux-detail-content{padding:8px 0 0}
.audience-grid .ux-detail-content>.agent-note{margin:0;padding:0 0 24px;border:0;border-radius:0;background:transparent}
[data-theme=dark] .ux-disclosure>summary::after{background:none;border:0}

/* Home pitch: why now stays visible, followed directly by the film. */
.why-now-hook{padding-block:48px 40px}
.why-now-hook h2{max-width:30ch;margin:16px 0 28px}
.why-now-hook .why-now-steps{margin-top:0!important}
.why-now-hook .note{margin-top:24px}
.audience-grid{align-items:stretch}
.audience-grid>.plan>.btn{margin-top:auto;align-self:flex-start;gap:12px;white-space:normal;text-align:left}
.audience-grid>.plan>p:not(.eyebrow){margin-bottom:8px}
#film{padding-block:64px}
#film .btn-primary{background:var(--highlight);color:var(--highlight-ink);border-color:var(--highlight);min-height:48px}

/* 30 Oct review: polish the existing hierarchy, routes and content. */
.bill-key{color:var(--ink-2);margin:8px 0 4px}
.hero-routes{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:12px}
.hero-routes a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.hero .dash.bill .bar-row .plain{color:var(--ink-2)}
.hero .dash.bill{padding:0}
.hero .dash.bill .dash-bar{padding:10px 20px}
.hero .dash.bill .tile-hero{padding:12px 20px}
.hero .dash.bill .rows{padding:8px 20px 12px;gap:0}
.hero .dash.bill .bar-row{padding-block:4px;row-gap:2px}
.hero--stage .showcase{padding-bottom:0}
.hero--stage .float-card.hero-repair{position:static;width:auto;margin-top:12px;padding:12px 16px}
.hero .hero-repair p{display:inline-block;margin:8px 12px 0 0}
#proof .voice-grid>.plan::before{content:none}
#proof .voice-grid .voice-source{text-transform:none;margin:0;color:var(--ink)}
#proof .voice-source span{display:block;margin-top:4px;color:var(--ink-2)}
.ask-optional{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.ask-optional .hint{display:block!important;margin:4px 0 0!important}
.theme-toggle svg,.mnav-theme svg{display:block}
.theme-toggle .theme-sun,.mnav-theme .theme-sun{display:none}
[data-theme=dark] .theme-toggle .theme-moon,[data-theme=dark] .mnav-theme .theme-moon{display:none}
[data-theme=dark] .theme-toggle .theme-sun,[data-theme=dark] .mnav-theme .theme-sun{display:block}
.mnav-theme{display:grid;place-items:center}
.js [data-reveal]{opacity:1!important}