.sv-page{--accent:#245b88;--accent-wash:rgba(36,91,136,.08)}
.sv-split{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.sv-hero{padding:72px 0;background:linear-gradient(135deg,var(--bg),var(--accent-wash))}
.sv-hero h1{font-size:clamp(2.6rem,4.5vw,4.3rem);line-height:1.08;letter-spacing:-.045em}
.sv-hero .hero-buttons{margin-top:28px}
.sv-note{color:var(--text-muted);font-size:.85rem;margin-top:24px;line-height:1.7}
.sv-blueprint{min-width:0;padding:24px;border:1px solid var(--line-strong);border-radius:20px;background:var(--glass);color:var(--accent);box-shadow:var(--glass-shadow)}
.sv-blueprint svg{display:block;width:100%;height:auto;margin-block:12px}
.sv-visual-label{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.08em}
.sv-visual-footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:.65rem;letter-spacing:.08em;font-weight:600}
.sv-blueprint p{color:var(--text-muted);font-size:.65rem;margin-top:16px}
.sv-page .sec-title{max-width:26ch;letter-spacing:-.03em}
.sv-page .sec-desc{max-width:76ch}
.sv-highlight{border-top:1px solid var(--line);background:linear-gradient(120deg,var(--accent-wash),var(--bg));padding:56px 0}
.sv-highlight .hero-buttons{margin-top:24px}
.sv-explorer .choice-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.sv-explorer .choice-controls button{flex:1;min-width:130px;border:1px solid var(--line-strong);padding:18px;background:var(--glass);color:var(--text);border-radius:12px;cursor:pointer;font:inherit;text-align:left}
.sv-explorer .choice-controls button[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.sv-explorer .choice-panel{padding:32px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:16px;background:var(--glass)}
.sv-explorer .choice-panel[hidden]{display:none}
.sv-explorer .choice-panel h3{font-size:1.6rem;letter-spacing:-.025em;margin-bottom:14px}
.sv-explorer .choice-panel p{color:var(--text-muted);max-width:70ch;line-height:1.75}
.sv-explorer button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
:root[data-theme="dark"] .sv-page{--accent:#78b0d9}
:root[data-theme="dark"] .sv-explorer button[aria-pressed="true"]{color:#102637}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .sv-page{--accent:#78b0d9}:root:not([data-theme="light"]) .sv-explorer button[aria-pressed="true"]{color:#102637}}
@media(max-width:800px){.sv-split{grid-template-columns:1fr;gap:32px}.sv-hero{padding:40px 0}.sv-blueprint{max-width:560px;width:100%;margin-inline:auto}.sv-explorer .choice-panel{padding:24px}.sv-highlight{padding:44px 0}}