:root{--ink:#091722;--night:#03111b;--night2:#071f2c;--paper:#edf2f3;--line:#b8c7cc;--cyan:#29c7ef;--blue:#218cc5;--pink:#ee6ca5;--gold:#e5b340;--green:#63d9aa;--violet:#bca7dd;--muted:#78909a;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--mono:'SFMono-Regular',Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 5vw;background:#fff;border-bottom:1px solid var(--line)}.brand{font:800 .75rem var(--mono);letter-spacing:.12em;text-decoration:none}.top nav{display:flex;gap:15px;flex-wrap:wrap}.top nav a{font:750 .58rem var(--mono);text-decoration:none;text-transform:uppercase}.hero{background:radial-gradient(circle at 50% 60%,rgba(229,179,64,.12),transparent 26%),linear-gradient(110deg,rgba(41,199,239,.13),transparent 48%,rgba(238,108,165,.12)),var(--night);color:#edf9fc;padding:76px 6vw 62px}.wrap{max-width:1240px;margin:auto}.kicker,.label{color:var(--gold);font:800 .59rem var(--mono);letter-spacing:.11em;text-transform:uppercase}.hero h1{max-width:1080px;margin:15px 0 20px;font:800 clamp(2.8rem,6.6vw,6rem)/.9 var(--sans);letter-spacing:-.065em}.hero p{max-width:920px;color:#b7cbd3;font:1.02rem/1.7 var(--serif)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.chips span{border:1px solid #315364;padding:7px 9px;color:#c7dbe2;font:750 .55rem var(--mono);text-transform:uppercase}.chips .hold{border-color:#816b2d;color:#ffe08d}main{max-width:1240px;margin:auto;padding:48px 5vw 90px}.instrument{border:1px solid #294b5b;background:var(--night);color:#dff2f7}.instrument-head{display:flex;justify-content:space-between;gap:22px;align-items:end;padding:20px;border-bottom:1px solid #294b5b;background:var(--night2)}.instrument-head h2{margin:.3rem 0 0;font:750 clamp(1.4rem,2.8vw,2.4rem)/1 var(--serif)}.instrument-head p{max-width:560px;margin:0;color:#8fa8b3;font:.65rem/1.55 var(--mono)}.stage{position:relative;height:690px;min-height:560px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(229,179,64,.10),transparent 28%),#020d15}.stage svg,.stage canvas{display:block;width:100%;height:100%}.controls{display:grid;grid-template-columns:1.2fr 1fr auto auto;gap:14px;align-items:end;padding:16px 20px;border-top:1px solid #294b5b;background:#061b27}.controls label{display:block;color:#91abb6;font:750 .56rem var(--mono);text-transform:uppercase}.controls input{width:100%;margin-top:8px}.controls output{color:#fff}button{border:1px solid #3e687a;background:#092332;color:#e8f6f9;padding:10px 12px;font:700 .65rem var(--mono);cursor:pointer;text-transform:uppercase}button:hover,button:focus-visible{border-color:var(--cyan);outline:none}button.active{border-color:var(--gold);color:#ffe397;background:#2a2314}.phase-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:#294b5b;border-top:1px solid #294b5b}.phase-strip button{min-height:70px;border:0;background:#061722;color:#829ba6;text-align:left}.phase-strip button b{display:block;color:inherit}.phase-strip button.active{background:#172414;color:#ffe397;box-shadow:inset 0 -3px var(--gold)}.readout{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #294b5b}.metric{padding:14px 16px;border-right:1px solid #294b5b}.metric:last-child{border-right:0}.metric b{display:block;color:var(--gold);font:800 1.25rem var(--serif)}.metric span{color:#89a3ae;font:700 .53rem var(--mono);text-transform:uppercase}.ledger{padding:14px 20px;border-top:1px solid #294b5b;color:#abc1c9;font:.64rem/1.55 var(--mono)}.ledger strong{color:#fff}.triptych{display:grid;grid-template-columns:1fr .9fr 1fr;min-height:690px}.lens{position:relative;border-right:1px solid #294b5b;overflow:hidden}.lens:last-child{border-right:0}.lens canvas{width:100%;height:100%;display:block}.lens-caption{position:absolute;left:15px;top:14px;z-index:2}.lens-caption b{display:block;color:#fff;font:750 .72rem var(--mono)}.lens-caption span{color:#86a0aa;font:.54rem var(--mono)}.observer-pin{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:1px solid rgba(229,179,64,.8);background:radial-gradient(circle,#fff8cf 0 7%,#e5b340 8% 18%,#071823 19% 100%);box-shadow:0 0 34px rgba(229,179,64,.3);pointer-events:none}.observer-pin span{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:170px;text-align:center;color:#ffe497;font:700 .52rem var(--mono)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.card{border:1px solid var(--line);background:#fff;padding:21px}.card h3{margin:.3rem 0 .6rem;font:750 1.3rem var(--serif)}.card p{margin:0;color:#62747c;font:.83rem/1.58 var(--sans)}.boundary{margin-top:18px;border-left:4px solid var(--pink);background:#fff0f4;padding:17px;color:#655960;font:.82rem/1.6 var(--sans)}.links{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.links a{border:1px solid currentColor;padding:9px 11px;color:#087e9d;text-decoration:none;font:750 .57rem var(--mono);text-transform:uppercase}.links a:nth-child(even){color:#a33769}.foot{background:var(--night);color:#93aab4;padding:32px 6vw}.foot .wrap{display:flex;justify-content:space-between;gap:20px}.foot strong{color:#fff}@media(max-width:900px){.instrument-head{display:block}.instrument-head p{margin-top:12px}.stage{height:620px}.controls{grid-template-columns:1fr 1fr}.phase-strip{grid-template-columns:repeat(4,1fr)}.triptych{grid-template-columns:1fr;min-height:0}.lens{height:480px;border-right:0;border-bottom:1px solid #294b5b}.cards{grid-template-columns:1fr}}@media(max-width:560px){.stage{height:560px}.controls,.readout{grid-template-columns:1fr 1fr}.phase-strip{grid-template-columns:1fr 1fr}.top{align-items:flex-start}.top nav{justify-content:flex-end}.hero{padding-top:62px}.hero h1{font-size:3rem}}