/* Data studio: sample tables remain real DOM and all cell values remain selectable. */
:root {--studio-night:#172a43;--studio-accent:#2563eb;--studio-soft:#eef4ff;--studio-border:#dce5f1;--studio-canvas:#f5f7fb;--studio-round:22px;--studio-shadow:0 20px 60px #172a4310}
@media screen {
 body {background:var(--studio-canvas);letter-spacing:-.025em}
 .home {max-width:1440px;margin:auto}.home-top {padding-block:23px;border-bottom:1px solid var(--studio-border)}
 .brand-name {letter-spacing:-.05em;font-weight:800}.brand svg {width:37px;height:37px}
 .hero {align-items:center;gap:52px;padding-block:44px 48px}
 .hero-copy h1 {font-size:clamp(36px,4.3vw,64px);line-height:1.16;letter-spacing:-.065em;font-weight:800;max-width:10.5em}
 .eyebrow {font-size:11px;letter-spacing:.08em;font-weight:750;color:var(--studio-accent)}
 .lead {font-size:17px;line-height:1.8;color:var(--ink-2)}.audience-line {font-size:14px;line-height:1.8;max-width:34em}
 .hero-copy .fact {display:flex;align-items:center;gap:9px;font-size:12px;color:var(--studio-night)}
 .hero-product {position:relative;background:var(--studio-night);padding:24px;border-radius:var(--studio-round);box-shadow:var(--studio-shadow);min-width:0}
 .hero-product .demo {background:white;border:0;border-radius:16px;padding:20px;margin-top:20px}
 .hero-product .evo-flow {color:#dceaff;border-color:#ffffff26;background:transparent}.hero-product .flow-step {color:#dceaff}
 .demo-q {color:var(--studio-night);font-weight:750;letter-spacing:-.035em}.demo-cap {font-weight:700}.demo-side {border-radius:12px;border-color:var(--studio-border)}
 .example-rail {gap:10px}.example-rail [role=tab] {border-radius:13px;background:var(--studio-canvas);min-height:108px;flex-basis:164px}.example-rail [aria-selected=true] {background:var(--studio-soft);border-color:var(--studio-accent)}
 .example-symbol {width:34px;height:34px;border-radius:10px;box-shadow:0 2px 8px #172a4308}.demo-pane {margin-top:18px}.demo-note {font-size:12px;line-height:1.8}
 .btn {border-radius:11px;min-height:44px}.btn.primary {background:var(--studio-accent);border-color:var(--studio-accent);box-shadow:0 4px 14px #2563eb22}.btn.big {min-height:52px;padding-inline:21px;font-weight:750}
 .scope {border-radius:var(--studio-round);border-color:var(--studio-border);background:white}.scope h2 {letter-spacing:-.04em}
 .ws {background:var(--studio-canvas)}.ws-top {background:white;border-color:var(--studio-border)}.ws-panel {background:white;border-color:var(--studio-border)}.ws-nav {background:white;color:var(--studio-night);border-color:var(--studio-border)}
 .pv,.output-preview,.context-disclosure {border-color:var(--studio-border);border-radius:16px;box-shadow:0 5px 22px #172a4306}.pv-h {background:#fff}.tablewrap {border-color:var(--studio-border)}
 .p-head h2 {letter-spacing:-.045em;font-size:24px}.p-lead {line-height:1.8}.opts .opt {border-radius:11px}.cell-comparison {border-radius:16px}.file-id {font-variant-numeric:tabular-nums}
 input,select,textarea {accent-color:var(--studio-accent)}
 @media(min-width:1050px) {.hero {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero-product {padding:25px}.home-top {margin-bottom:10px}}
 @media(max-width:700px) {.home-top {padding-block:17px}.hero {gap:25px;padding-top:27px}.hero-copy h1 {font-size:37px;line-height:1.17}.lead {font-size:15px}.audience-line {font-size:13px}.hero-product {padding:14px;border-radius:20px}.hero-product .demo {padding:14px;margin-top:14px;border-radius:13px}.cta-row {gap:10px}.btn.big {padding-inline:16px}.p-head h2 {font-size:22px}.ws-main {background:var(--studio-canvas)}.scope {border-radius:18px}.rail-mark {width:32px;min-height:40px}}
}