/* Shared, accessible landing demo and mobile navigation. */
[hidden]{display:none!important}
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,4vw,52px);align-items:center}
.hero-copy{min-width:0}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--gray,var(--muted));margin-bottom:18px}
.demo-panel{min-width:0;border:1px solid var(--line);border-radius:20px;padding:clamp(18px,2.4vw,28px);background:var(--soft,var(--panel));box-shadow:0 16px 48px -28px rgba(0,0,0,.2)}
.demo-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.demo-heading h2{font-size:21px;line-height:1.25;letter-spacing:-.025em}
.demo-label{font-size:12px;font-weight:500;color:var(--gray,var(--muted))}
.demo-panel audio{display:block;width:100%;height:42px;margin:0 0 18px}
.demo-output{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--bg);min-height:176px}
.demo-output-label{display:block;font-size:12px;letter-spacing:.04em;color:var(--gray,var(--muted));margin-bottom:10px}
.demo-output p{font-size:clamp(16px,1.5vw,18px);line-height:1.65;color:var(--ink,var(--fg))}
.demo-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray,var(--muted));margin-top:14px;min-height:22px}
.demo-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand,var(--accent));flex:none}
.demo-caption{font-size:13px;line-height:1.55;color:var(--gray,var(--muted));margin-top:14px}
.demo-caption a{text-underline-offset:3px}
.hero-trust{font-size:13px;line-height:1.6;color:var(--gray,var(--muted));margin-top:18px}
.hero-trust a{text-underline-offset:3px}
.text-link{font-size:15px;font-weight:500;text-underline-offset:4px}
.mobile-menu{display:none;position:relative;margin-left:auto}
.mobile-menu summary{font-size:14px;cursor:pointer;list-style:none;padding:8px 0}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;right:0;top:40px;min-width:190px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg);box-shadow:0 16px 40px rgba(0,0,0,.14);display:grid;gap:2px}
.mobile-menu a{padding:10px 12px;font-size:14px;text-decoration:none;white-space:nowrap}
section[id]{scroll-margin-top:88px}
.feedback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px}
@media(max-width:960px){.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:660px}.demo-panel{max-width:720px;width:100%}}
@media(max-width:820px){.mobile-menu{display:block}.nav .mobile-menu+.btn{margin-left:0}.nav .wrap{gap:18px}}
@media(max-width:440px){.demo-heading h2{font-size:19px}.demo-output{padding:15px}.demo-output p{font-size:16px}.demo-caption,.hero-trust{font-size:13px}.nav .wrap{gap:14px}.demo-heading{gap:6px}}