.demo-shell{background:var(--warm);min-height:calc(100vh - 64px);padding:4rem 0 5rem}.demo-lead{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.demo-lead h1{font-size:clamp(2.6rem,5vw,4.3rem);letter-spacing:-.06em;line-height:1.02;margin:0 0 .7rem}.demo-lead p:not(.eyebrow){max-width:650px;margin:0;color:var(--muted)}.demo-lead .text-link{flex:none}.demo-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:1.25rem;align-items:start}.facts,.demo-document{background:#fff;border:2px solid var(--ink)}.facts{padding:1.1rem 1.2rem}.facts h2{font-size:1.1rem;letter-spacing:-.02em;margin:0 0 .7rem}.facts dl{margin:0}.facts dl>div{border-top:1px solid var(--line);padding:.65rem 0}.facts dt{color:var(--red-dark);font:700 .66rem var(--mono);text-transform:uppercase;letter-spacing:.07em}.facts dd{margin:.2rem 0 0;font-size:.9rem;overflow-wrap:anywhere}.doc-top{display:flex;justify-content:space-between;gap:.75rem;background:var(--ink);color:#fff;padding:.7rem 1rem;font:700 .65rem var(--mono);letter-spacing:.08em}.tabs{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid var(--line);padding:.55rem .7rem;background:#fdfcfa}.tabs button{border:0;background:transparent;padding:.6rem .75rem;font-weight:800;color:var(--muted)}.tabs button[aria-selected="true"]{color:var(--red-dark);background:#fff;box-shadow:inset 0 -3px 0 var(--red)}.panel{padding:1.4rem clamp(1rem,3vw,2rem) 2rem}.panel[hidden]{display:none}.panel h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.035em;line-height:1.1;margin:0}.doc-subtitle{font:700 .7rem var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--red-dark);margin:.5rem 0 1.5rem}.panel h3{font-size:1rem;margin:1.4rem 0 .35rem}.panel p,.panel li{font-size:.95rem;color:#373330}.panel p{margin:.25rem 0 .9rem}.panel ul{padding-left:1.2rem}.panel li{margin:.4rem 0}.note{border-left:3px solid var(--red);background:var(--warm);padding:.8rem 1rem;margin-top:1.4rem;font-size:.88rem}.demo-bottom{margin:2rem 0 0}@media(max-width:800px){.demo-lead{display:block}.demo-grid{grid-template-columns:1fr}.facts{order:2}.demo-document{order:1}}@media(max-width:560px){.demo-shell{padding:2.5rem 0 3.5rem}.demo-lead h1{font-size:2.5rem}.doc-top{font-size:.55rem}.tabs button{padding:.55rem .6rem;font-size:.83rem}}
@media(max-width:560px){.tabs{flex-wrap:nowrap;overflow-x:auto}.tabs button{padding:.55rem .42rem;font-size:.78rem;white-space:nowrap}}