:root{--bg: #050510;--bg-elev: #0a0c18;--panel: rgba(10, 14, 28, .72);--cyan: #00ffd5;--cyan-dim: rgba(0, 255, 213, .55);--pink: #ff2d95;--orange: #ff6b2c;--red: #e31937;--text: #e8f7ff;--muted: rgba(180, 210, 240, .68);--line: rgba(0, 255, 213, .18);--radius: 16px;--font: "Space Grotesk", system-ui, sans-serif;--display: "Orbitron", "Space Grotesk", system-ui, sans-serif;--max: 1120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:var(--cyan);text-decoration:none;transition:color .15s,opacity .15s}a:hover{color:#fff}.noise,.scanlines{pointer-events:none;position:fixed;inset:0;z-index:50}.noise{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.scanlines{opacity:.035;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.35) 3px)}.top{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.4rem;background:linear-gradient(to bottom,rgba(5,5,16,.92),rgba(5,5,16,.4),transparent);backdrop-filter:blur(8px)}.logo{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.22em;color:var(--cyan);text-shadow:0 0 18px rgba(0,255,213,.45)}.logo-mark{color:var(--pink);text-shadow:0 0 12px rgba(255,45,149,.7)}.top-nav{display:flex;align-items:center;gap:1.1rem;font-size:.9rem;font-weight:500}.top-nav a{color:var(--muted)}.top-nav a:hover{color:var(--cyan)}.nav-cta{padding:.45rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--cyan)!important;background:#00ffd50f}.nav-cta:hover{background:#00ffd524;color:#fff!important}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;padding:7rem 1.4rem 2.5rem;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.04);filter:saturate(1.15) contrast(1.05)}.hero-veil{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 70%,rgba(0,255,213,.12),transparent 55%),radial-gradient(ellipse 70% 50% at 80% 30%,rgba(255,45,149,.1),transparent 50%),linear-gradient(to top,#050510fa,#0505108c 42%,#05051059)}.hero-inner{position:relative;z-index:1;max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--display);font-size:.68rem;font-weight:600;letter-spacing:.28em;color:var(--cyan);margin-bottom:1rem;text-transform:uppercase}.eyebrow.dim{color:var(--cyan-dim)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 #00ffd599;animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #00ffd58c}70%{box-shadow:0 0 0 12px #00ffd500}to{box-shadow:0 0 #00ffd500}}.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.08;letter-spacing:.02em;margin-bottom:1.15rem;text-shadow:0 4px 40px rgba(0,0,0,.65)}.grad{background:linear-gradient(110deg,var(--cyan),#7cf5ff 40%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.grad-orange{background:linear-gradient(110deg,#ffb347,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.grad-red{background:linear-gradient(110deg,#ff6b7a,var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{color:var(--muted);font-size:clamp(1rem,2.2vw,1.15rem);max-width:38rem;margin-bottom:1.6rem}.lede strong{color:var(--text);font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.35rem;border-radius:999px;font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.14em;border:1px solid transparent;cursor:pointer;overflow:hidden;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#041018;background:linear-gradient(120deg,var(--cyan),#7cf5ff);box-shadow:0 0 0 1px #00ffd559,0 8px 32px #00ffd547}.btn-primary:hover{color:#041018;box-shadow:0 0 0 1px #00ffd58c,0 12px 40px #00ffd566}.btn-glow{position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 55%);opacity:0;transition:opacity .25s}.btn-primary:hover .btn-glow{opacity:1}.btn-ghost{color:var(--text);border-color:var(--line);background:#080c1873;backdrop-filter:blur(6px)}.btn-ghost:hover{color:var(--cyan);border-color:#00ffd573;background:#00ffd514}.btn-xl{padding:1.05rem 1.8rem;font-size:.8rem}.byline{font-size:.92rem;color:var(--muted)}.byline a{font-weight:600}.hero-chip-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;max-width:var(--max)}.chip{padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(0,255,213,.2);background:#050a148c;font-size:.78rem;color:var(--muted);backdrop-filter:blur(6px)}.section{position:relative;padding:5rem 1.4rem;max-width:calc(var(--max) + 2.8rem);margin:0 auto}.section-head{max-width:36rem;margin-bottom:2.25rem}.section-head h2{font-family:var(--display);font-size:clamp(1.55rem,3.5vw,2.15rem);font-weight:700;letter-spacing:.02em;line-height:1.2;margin-bottom:.75rem}.section-sub{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.card{grid-column:span 6;margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg-elev);transition:transform .25s ease,box-shadow .25s ease,border-color .25s}.card:hover{transform:translateY(-4px);border-color:#00ffd566;box-shadow:0 16px 48px #00000073,0 0 0 1px #00ffd51f}.card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#0a0c18}.card-lg{grid-column:span 12}.card-lg img{aspect-ratio:21 / 9;max-height:420px}.card-wide{grid-column:span 12}.card-wide img{aspect-ratio:16 / 7;max-height:380px}.card figcaption{padding:.9rem 1.05rem 1.1rem;font-size:.92rem;color:var(--muted)}.card figcaption strong{display:block;color:var(--text);font-family:var(--display);font-size:.72rem;letter-spacing:.12em;margin-bottom:.25rem;color:var(--cyan)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.feature{padding:1.25rem 1.2rem;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#00ffd50d,#0a0c1899)}.feature-icon{font-size:1.5rem;margin-bottom:.65rem}.feature h3{font-family:var(--display);font-size:.78rem;letter-spacing:.08em;margin-bottom:.45rem;font-weight:700}.feature p{font-size:.92rem;color:var(--muted)}.controls-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.25rem 1.35rem;border-radius:var(--radius);border:1px solid rgba(255,45,149,.22);background:linear-gradient(120deg,#ff2d9514,#00ffd50d)}.controls-strip h3{font-family:var(--display);font-size:.85rem;letter-spacing:.1em;margin-bottom:.25rem}.muted{color:var(--muted)}.tiny{font-size:.8rem}.keys{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem;list-style:none;font-size:.9rem;color:var(--muted)}kbd{display:inline-block;min-width:1.5rem;padding:.15rem .4rem;margin-right:.15rem;border-radius:6px;border:1px solid rgba(0,255,213,.35);background:#00ffd514;font-family:var(--font);font-size:.78rem;font-weight:600;color:var(--cyan);text-align:center}.pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(255,45,149,.4);color:#ff9ed0;font-size:.78rem;font-weight:600}.credits{max-width:none;padding-left:1.4rem;padding-right:1.4rem}.credits-card{max-width:var(--max);margin:0 auto;padding:clamp(1.75rem,4vw,2.75rem);border-radius:calc(var(--radius) + 4px);border:1px solid var(--line);background:radial-gradient(ellipse 80% 80% at 10% 0%,rgba(0,255,213,.12),transparent 50%),radial-gradient(ellipse 70% 70% at 90% 100%,rgba(255,45,149,.1),transparent 50%),linear-gradient(160deg,#0c1020f2,#050812fa);box-shadow:0 24px 80px #0006}.credits-card h2{font-family:var(--display);font-size:clamp(1.5rem,3.5vw,2.2rem);line-height:1.25;margin:.75rem 0 1rem}.credits-copy{color:var(--muted);max-width:40rem;margin-bottom:1.35rem}.credits-copy strong{color:var(--text)}.credit-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem}.credit-tags span{padding:.3rem .7rem;border-radius:999px;font-size:.78rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted)}.credit-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.fineprint{font-size:.88rem;color:var(--muted)}.final-cta{position:relative;min-height:52vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 1.4rem;overflow:hidden}.final-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(.55)}.final-veil{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,255,213,.12),transparent 55%),linear-gradient(to top,#050510f2,#0505108c)}.final-inner{position:relative;z-index:1;max-width:36rem}.final-inner h2{font-family:var(--display);font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2;margin-bottom:.85rem}.final-inner p{color:var(--muted);margin-bottom:1.5rem}.foot{padding:2rem 1.4rem 2.5rem;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;font-size:.9rem}.foot-links{display:flex;gap:1.25rem}.foot-links a{color:var(--muted)}.foot-links a:hover{color:var(--cyan)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}.card{grid-column:span 12}.card img,.card-lg img,.card-wide img{aspect-ratio:16 / 10;max-height:none}}@media(max-width:640px){.top-nav a:not(.nav-cta){display:none}.hero{padding-top:5.5rem}.feature-grid{grid-template-columns:1fr}.controls-strip{flex-direction:column;align-items:flex-start}.btn{width:100%}.hero-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse{animation:none}.reveal{opacity:1;transform:none;transition:none}.card:hover{transform:none}}
