:root{color-scheme:dark;--bg:#090d13;--panel:#111823;--raised:#172130;--edge:#263449;--text:#e8edf5;--muted:#8997aa;--blue:#3979b8;--blue2:#6fa9df;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#080c12,#0b111a 42%,#090d13);color:var(--text);font:15px/1.55 var(--sans)}a{color:inherit}.topbar{height:72px;border-bottom:1px solid var(--edge);display:flex;align-items:center;padding:0 clamp(18px,5vw,72px);gap:30px;position:sticky;top:0;background:#090d13ef;backdrop-filter:blur(12px);z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:34px;height:34px;border:1px solid #49627f;background:#101a27;display:grid;place-items:center;font:700 9px var(--mono);letter-spacing:.08em}.brand strong{font:600 13px var(--mono)}.brand small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.topbar nav{margin-left:auto;display:flex;gap:24px}.topbar nav a{color:var(--muted);text-decoration:none;font:11px var(--mono);text-transform:uppercase}.topbar nav a:hover{color:var(--text)}main{max-width:1280px;margin:auto;padding:50px clamp(18px,4vw,48px) 100px}.hero{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:42px 0 58px}.eyebrow{font:10px var(--mono);letter-spacing:.15em;color:var(--blue2)}h1{font-size:clamp(46px,7vw,86px);line-height:.98;letter-spacing:-.055em;margin:16px 0 20px;max-width:850px}h2{font-size:27px;margin:0;letter-spacing:-.03em}h3{margin:0 0 18px;font-size:17px}.hero p:not(.eyebrow){max-width:650px;color:#a9b5c4;font-size:18px}.hero-chip{font:10px var(--mono);letter-spacing:.12em;color:var(--muted);border:1px solid var(--edge);padding:10px 12px}.panel{border:1px solid var(--edge);background:linear-gradient(180deg,#111823,#0f1620);padding:28px;margin-bottom:18px}.panel.primary{border-color:#31577d}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.section-head>div{display:flex;align-items:center;gap:12px}.section-head span{font:10px var(--mono);color:var(--blue2);letter-spacing:.1em}.section-head p{margin:0;color:var(--muted);font-size:13px}.grid{display:grid;gap:12px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:flex;flex-direction:column;gap:7px;color:#aeb8c6;font:11px var(--mono);text-transform:uppercase;letter-spacing:.05em}input,select{width:100%;background:#0b1119;border:1px solid #2a3b51;color:var(--text);padding:11px 12px;border-radius:3px;font:14px var(--sans)}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--blue2);outline-offset:2px}.result-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:22px}.metric{background:var(--raised);border:1px solid var(--edge);padding:16px;min-height:92px}.metric span{display:block;color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:7px;font:600 22px var(--mono);word-break:break-word}.callout,.context-link{margin-top:12px;border-left:2px solid var(--blue);padding:12px 14px;background:#0b1119;color:#aeb8c6}.context-link{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.context-link a{color:#c6ddf3}.table-wrap{overflow:auto;border:1px solid var(--edge)}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:10px 12px;border-bottom:1px solid #1f2b3b;text-align:left;font:12px var(--mono)}th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:#0b1119}.compact{max-width:620px;margin-top:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.subpanel{border:1px solid var(--edge);background:#0c121b;padding:20px}.mini-result{margin-top:16px;font:14px var(--mono);color:#c7d8ea}.tap{width:180px;height:90px;border:1px solid #46709d;background:#15263a;color:var(--text);font:700 28px var(--mono);cursor:pointer}.tap:active{transform:translateY(2px);background:#1a314b}.tap-readout{display:inline-flex;align-items:baseline;gap:12px;margin-left:18px}.tap-readout strong{font:600 42px var(--mono)}.tap-readout span{color:var(--muted);font:10px var(--mono)}button{background:#111b28;color:var(--text);border:1px solid var(--edge);padding:8px 12px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-grid a{display:flex;flex-direction:column;gap:9px;text-decoration:none;border:1px solid var(--edge);background:#0c121b;padding:18px}.tool-grid a:hover{border-color:#4c6e91}.tool-grid strong{font:600 16px var(--mono)}.tool-grid span{color:var(--muted);font-size:13px}.experiments{margin-top:18px;border-top:1px solid var(--edge);padding-top:14px;display:flex;gap:18px;align-items:center;color:var(--muted);font:11px var(--mono)}.experiments>span{text-transform:uppercase;letter-spacing:.1em}.experiments a{color:#abb8c9}footer{border-top:1px solid var(--edge);max-width:1280px;margin:auto;padding:30px clamp(18px,4vw,48px);display:flex;gap:18px;color:var(--muted);font:11px var(--mono)}footer a{color:var(--text)}@media(max-width:900px){.grid.four{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.topbar nav{display:none}.section-head{align-items:start;flex-direction:column}.hero{align-items:start;flex-direction:column}}@media(max-width:520px){main{padding-top:24px}.grid.four,.grid.two{grid-template-columns:1fr}.result-grid{grid-template-columns:repeat(2,1fr)}.panel{padding:18px}.tap-readout{display:flex;margin:15px 0 0}.experiments{align-items:flex-start;flex-direction:column;gap:8px}}