:root{color-scheme:dark;--ink:#f3f7f5;--muted:#a6b7b2;--bg:#07100f;--surface:#0d1917;--surface-strong:#12221f;--line:#29403b;--mint:#75f0c3;--mint-strong:#28c990;--coral:#ff876d;--gold:#f5d070;--max:1180px;--shadow:0 24px 80px #00000052;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);min-width:320px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 16% -8%, #28c9902e, transparent 31rem), radial-gradient(circle at 92% 14%, #ff876d1f, transparent 28rem), linear-gradient(180deg, #081210 0%, var(--bg) 58%, #050b0a 100%);margin:0;line-height:1.6}body:before{z-index:-1;content:"";background-image:linear-gradient(#75f0c306 1px,#0000 1px),linear-gradient(90deg,#75f0c306 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 82%)}a{color:inherit}img,svg{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{z-index:100;color:#07100f;background:var(--mint);border-radius:999px;padding:.7rem 1rem;font-weight:800;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(calc(100% - 2rem), var(--max));margin-inline:auto}.site-header{z-index:30;backdrop-filter:blur(18px);background:#07100fdb;border-bottom:1px solid #75f0c324;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:2rem;min-height:72px;display:flex}.brand{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.9rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{width:2.25rem;height:2.25rem;color:var(--mint);background:#75f0c314;border:1px solid #75f0c36b;border-radius:.7rem;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;display:grid}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:.55rem .8rem;font-size:.9rem;font-weight:700;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink);background:#75f0c31a}main{overflow:clip}.hero{align-items:center;min-height:72vh;padding-block:clamp(5rem,12vw,9rem);display:grid}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:clamp(2rem,8vw,7rem);display:grid}.eyebrow{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.55rem;margin:0 0 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:1.8rem;height:1px}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;line-height:1.08}h1{letter-spacing:-.065em;max-width:900px;margin-bottom:1.5rem;font-size:clamp(3rem,9vw,7.7rem)}h1 .accent{color:var(--mint)}.lede{max-width:720px;color:var(--muted);text-wrap:pretty;margin-bottom:2rem;font-size:clamp(1.08rem,2vw,1.35rem)}.button-row{flex-wrap:wrap;gap:.8rem;display:flex}.button{border:1px solid var(--line);min-height:48px;color:var(--ink);background:var(--surface);border-radius:.8rem;justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1.05rem;font-weight:800;text-decoration:none;transition:all .16s;display:inline-flex}.button:hover{background:var(--surface-strong);border-color:#75f0c38c;transform:translateY(-2px)}.button.primary{border-color:var(--mint);color:#06100d;background:var(--mint)}.hero-note{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(150deg,#12221ff2,#0d1917b8);border-radius:1.15rem;padding:1.4rem}.hero-note code{color:var(--gold)}.signal{color:var(--mint);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.78rem;font-weight:850;display:flex}.signal-dot{background:var(--mint);border-radius:50%;width:.65rem;height:.65rem;box-shadow:0 0 0 6px #75f0c31a}.section{padding-block:clamp(4rem,9vw,7rem)}.section-head{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-head h2,.page-intro h1{margin-bottom:0;font-size:clamp(2.35rem,6vw,5.3rem)}.section-head p{max-width:34rem;color:var(--muted);margin-bottom:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#12221feb,#091311e6);border-radius:1.25rem;flex-direction:column;justify-content:space-between;min-height:310px;padding:clamp(1.5rem,4vw,2.25rem);text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 50px #00000029}.card:after{content:"";border:1px solid #75f0c329;border-radius:50%;width:12rem;height:12rem;transition:all .2s;position:absolute;bottom:-5rem;right:-3rem}.card:hover:after{border-color:#75f0c375;transform:scale(1.14)}.card-number,.tag{color:var(--mint);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:800}.card h3{letter-spacing:-.045em;max-width:10ch;margin-bottom:.8rem;font-size:clamp(2rem,4vw,3.2rem)}.card p{max-width:42rem;color:var(--muted);margin-bottom:0}.page-intro{padding-block:clamp(4.5rem,10vw,8rem) clamp(3rem,6vw,5rem)}.page-intro .lede{margin-top:1.5rem;margin-bottom:0}.showcase-list{gap:clamp(4rem,10vw,8rem);padding-bottom:clamp(5rem,10vw,9rem);display:grid}.showcase-copy{grid-template-columns:minmax(0,.7fr) minmax(280px,1.3fr);gap:2rem;margin-bottom:1.25rem;display:grid}.showcase-copy h2{letter-spacing:-.045em;margin-bottom:.8rem;font-size:clamp(2rem,5vw,4rem)}.showcase-copy p{color:var(--muted)}.facts{flex-wrap:wrap;place-content:start end;gap:.5rem;display:flex}.fact{border:1px solid var(--line);color:var(--muted);background:#0d1917b3;border-radius:999px;padding:.45rem .75rem;font-size:.82rem}.player-shell{border:1px solid var(--line);box-shadow:var(--shadow);background:#050a09;border-radius:1.25rem;overflow:hidden}.player-bar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.65rem .8rem .65rem 1rem;display:flex}.player-title{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;overflow:hidden}.player-actions{gap:.45rem;display:flex}.player-action{border:1px solid var(--line);color:var(--ink);background:var(--surface-strong);font:inherit;cursor:pointer;border-radius:.55rem;padding:.4rem .65rem;font-size:.75rem;font-weight:800;text-decoration:none}.player-stage{background:#07100f;min-height:min(68vh,760px);position:relative}.player-stage iframe{background:#fff;border:0;width:100%;height:min(68vh,760px);display:block}.player-status{color:var(--muted);text-align:center;background:linear-gradient(135deg,#75f0c30f,#0000 52%),#07100f;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.player-status[hidden]{display:none}.repo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.repo-card{border:1px solid var(--line);background:#0d1917c2;border-radius:1rem;padding:1.35rem;text-decoration:none}.repo-card:hover{border-color:#75f0c380}.repo-card h3{margin:.7rem 0 .6rem;font-size:1.15rem}.repo-card p{color:var(--muted);margin-bottom:0;font-size:.92rem}.callout{background:linear-gradient(140deg,#ff876d17,#0d1917eb);border:1px solid #ff876d59;border-radius:1.25rem;padding:clamp(1.5rem,5vw,3rem)}.callout h2{font-size:clamp(2rem,4vw,3.5rem)}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding-block:2rem;font-size:.9rem}.footer-inner{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-inner p{margin:0}.footer-links{gap:1rem;display:flex}.footer-links a:hover{color:var(--mint)}@media (width<=820px){.hero-grid,.showcase-copy,.cards,.repo-grid{grid-template-columns:1fr}.hero{min-height:auto}.facts{justify-content:start}}@media (width<=620px){.shell{width:min(calc(100% - 1.25rem), var(--max))}.nav{gap:.75rem;min-height:64px}.brand span:last-child{display:none}.nav-links a{padding-inline:.65rem;font-size:.82rem}h1{font-size:clamp(2.8rem,18vw,4.8rem)}.section-head,.footer-inner{flex-direction:column;align-items:start}.player-stage,.player-stage iframe{height:72vh;min-height:520px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}