:root{color-scheme:dark;--ink:#0A0E1A;--panel:#121A2B;--edge:#22304A;--cyan:#2FE0D5;--text:#EEF3FF;--muted:#A8B5CE}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font:17px/1.65 system-ui,sans-serif}a{color:var(--cyan)}.wrap{max-width:1080px;margin:auto;padding:24px}nav{border-bottom:1px solid var(--edge)}nav .wrap,footer .wrap{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}nav a{text-decoration:none}header{padding:50px 0;background:radial-gradient(ellipse at top right,#7c5cff30,transparent 65%)}h1{font-size:clamp(36px,6vw,64px);line-height:1.12;max-width:850px;margin:16px 0}h2{font-size:29px;line-height:1.25}h3{line-height:1.3}.eyebrow{color:var(--cyan);font:13px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.lede{max-width:720px;font-size:21px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{border:1px solid var(--edge);border-radius:16px;background:var(--panel);padding:26px;margin:16px 0}.btn,button{display:inline-block;background:var(--cyan);color:var(--ink);border:0;border-radius:9px;padding:13px 22px;font:600 16px system-ui;text-decoration:none;cursor:pointer}.alt{background:transparent;color:var(--text);border:1px solid var(--edge)}.muted,small{color:var(--muted)}label{display:block;margin:12px 0 5px}input,select,textarea{font:inherit;background:var(--ink);color:var(--text);border:1px solid #63708a;border-radius:7px;padding:10px;width:100%}textarea{min-height:100px}button{margin:8px 5px 8px 0}table{width:100%;border-collapse:collapse;font-size:15px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--edge)}.scroll{overflow-x:auto}.metric{font-size:36px;color:var(--cyan);display:block}.demo{border-left:3px solid var(--cyan);padding:15px;background:#0A0E1A}.step{font-weight:bold;color:var(--cyan)}details{padding:16px 0;border-bottom:1px solid var(--edge)}summary{cursor:pointer;font-weight:600}footer{margin-top:40px;border-top:1px solid var(--edge)}:focus-visible{outline:3px solid #E559C4;outline-offset:3px}[hidden]{display:none!important}@media(max-width:680px){.grid{grid-template-columns:1fr}.wrap{padding:18px}header{padding:20px 0}.card{padding:20px}}@media print{nav,button,.btn,footer{display:none}body{background:white;color:black}.card{background:white;border-color:#999}.muted,small,.eyebrow{color:#444}}