:root{--bg:#04060a;--panel:#060c12b8;--line:#00d9ff38;--cyan:#00d9ff;--blue:#3b7bff;--magenta:#ff2bd6;--amber:#ff9a3c;--text:#dbe7f0;--muted:#7d93a6;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}.canvas-wrap{z-index:0;position:fixed;inset:0}.canvas-wrap canvas{touch-action:pan-y!important}.nav{z-index:10;font-family:var(--mono);background:linear-gradient(#04060ad9,#04060a00);justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(16px,4vw,48px);font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}.nav__logo{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex}.nav__dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.dim{color:var(--muted)}.nav__links{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.nav__links a{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:6px 10px;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.nav__links a:hover{color:var(--text)}.nav__links a.is-active{color:var(--cyan);border-color:var(--line);background:#00d9ff0f}main{z-index:1;pointer-events:none;position:relative}.section{align-items:center;min-height:100svh;padding:96px clamp(16px,5vw,72px) 48px;display:flex}.section--left{justify-content:flex-start}.section--right{justify-content:flex-end}.section--hero{align-items:flex-end;padding-bottom:12vh}.hero,.panel{pointer-events:auto}.hero{text-shadow:0 2px 24px #04060ae6;max-width:640px}.hero__title{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(40px,7vw,84px);line-height:1}.hero__lead{color:var(--muted);margin:0 0 28px;font-size:clamp(16px,2vw,20px)}.hero__cta{border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);border-radius:8px;padding:12px 18px;font-size:13px;text-decoration:none;transition:background .2s;display:inline-block;box-shadow:inset 0 0 24px #00d9ff26}.hero__cta:hover{background:#00d9ff1a}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:14px;width:min(440px,100%);padding:28px}.panel__eyebrow{color:var(--cyan);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:12px}.panel__chip{color:var(--muted);text-transform:none;margin-left:10px}.panel__title{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(28px,4vw,40px)}.panel__body{color:#b4c4d1;margin:0 0 12px;line-height:1.6}.panel__list{margin:0;padding:0;list-style:none}.panel__list li{border-top:1px solid var(--line);font-family:var(--mono);padding:10px 0;font-size:13px}.panel__links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.panel__links a{border:1px solid var(--line);font-family:var(--mono);border-radius:8px;padding:8px 12px;font-size:13px;text-decoration:none}.panel__links a:hover{border-color:var(--amber);color:var(--amber)}.cards{gap:10px;display:grid}.card{border:1px solid var(--line);border-radius:10px;gap:4px;padding:14px;text-decoration:none;transition:border-color .2s,background .2s;display:grid}.card:hover{border-color:var(--cyan);background:#00d9ff0d}.card__slot{color:var(--cyan);font-family:var(--mono);font-size:11px}.card__name{font-weight:600}.card__desc{color:var(--muted);font-size:14px}.card__tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.card__tags span{font-family:var(--mono);background:#ffffff0f;border-radius:999px;padding:2px 8px;font-size:11px}.tooltip{z-index:20;border:1px solid var(--line);font-family:var(--mono);pointer-events:none;background:#04060ae6;border-radius:8px;gap:2px;padding:8px 10px;font-size:12px;display:grid;position:fixed;top:0;left:0}.tooltip__title{color:var(--cyan)}.tooltip__label{color:var(--text)}.tooltip__hint{color:var(--muted)}.loader{z-index:30;background:var(--bg);font-family:var(--mono);color:var(--cyan);place-content:center;gap:12px;font-size:13px;transition:opacity .7s;display:grid;position:fixed;inset:0}.loader--done{opacity:0;pointer-events:none}.loader__bar{background:#00d9ff26;width:220px;height:2px;overflow:hidden}.loader__bar span{background:var(--cyan);transform-origin:0;height:100%;transition:transform .3s;display:block}@media (width<=720px){.section{align-items:flex-end}.section--left,.section--right{justify-content:center}.panel{max-height:60vh;padding:20px;overflow-y:auto}.nav{font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}