:root{--bg: #08080a;--bg-raised: #0e0e12;--red: #ff2b3a;--red-dim: #b3121f;--text: #f5f5f7;--text-dim: #d7d7df;--text-faint: #b3b3bf;--glass-bg: rgba(255, 255, 255, .035);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--font-display: "Chakra Petch", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--red);color:var(--text)}.mono{font-family:var(--font-mono)}.accent{color:var(--red)}.page{position:relative;min-height:100vh;display:flex;flex-direction:column;isolation:isolate}.bg-streak{position:fixed;z-index:-2;left:-20vmax;width:140vmax;height:2px;background:linear-gradient(90deg,transparent,rgba(255,43,58,.55),transparent);filter:blur(1.5px);transform-origin:center;pointer-events:none}.bg-streak-1{top:22%;transform:rotate(-24deg);animation:streak-sweep 11s ease-in-out infinite}.bg-streak-2{top:58%;height:1px;transform:rotate(-24deg);opacity:.7;animation:streak-sweep 15s ease-in-out infinite 3s}.bg-streak-3{top:82%;transform:rotate(-24deg);opacity:.45;animation:streak-sweep 19s ease-in-out infinite 7s}@keyframes streak-sweep{0%,to{opacity:0;translate:-6vw 0}50%{opacity:1;translate:6vw 0}}.bg-grid{position:fixed;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 75%);animation:grid-drift 24s linear infinite}@keyframes grid-drift{0%{background-position:0 0}to{background-position:0 44px}}.bg-glow{position:fixed;z-index:-2;border-radius:50%;filter:blur(90px);pointer-events:none}.bg-glow-top{width:60vw;height:40vh;top:-18vh;right:-8vw;background:radial-gradient(circle,rgba(255,43,58,.16),transparent 70%);animation:glow-pulse 9s ease-in-out infinite}.bg-glow-bottom{width:50vw;height:35vh;bottom:-15vh;left:-10vw;background:radial-gradient(circle,rgba(179,18,31,.1),transparent 70%);animation:glow-pulse 12s ease-in-out infinite reverse}@keyframes glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.cursor-glow{position:fixed;top:-220px;left:-220px;width:440px;height:440px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,43,58,.08),transparent 65%);pointer-events:none;transition:transform .3s ease-out}.bg-embers{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.ember{position:absolute;bottom:-12px;left:calc(var(--i) * 12.5% + 3%);width:3px;height:3px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red);opacity:0;animation:ember-rise calc(17s + var(--i) * 2.5s) linear infinite;animation-delay:calc(var(--i) * -4.5s)}@keyframes ember-rise{0%{opacity:0;translate:0 0}8%{opacity:.55}60%{opacity:.3}to{opacity:0;translate:4vw -105vh}}.bg-vignette{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 120% 100% at 50% 30%,transparent 55%,rgba(0,0,0,.55));pointer-events:none}.glass{background:linear-gradient(160deg,#ffffff0f,#ffffff05 55%);border:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px #ffffff0a,0 8px 32px #00000073}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 70% at 12% -10%,rgba(255,255,255,.13),transparent 55%),linear-gradient(115deg,transparent 38%,rgba(255,255,255,.09) 50%,transparent 62%);background-size:100% 100%,250% 100%;background-position:0 0,130% 0;background-repeat:no-repeat}.card-live:hover:after{animation:glass-sheen .9s ease}@keyframes glass-sheen{0%{background-position:0 0,130% 0}to{background-position:0 0,-30% 0}}.nav{position:sticky;top:16px;z-index:10;margin:16px clamp(16px,5vw,64px) 0;padding:14px 22px;border-radius:14px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.04em}.nav-links a{font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim);text-decoration:none;padding:6px 12px;border-radius:8px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ff2b3a1f}.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(32px,6vh,80px) clamp(16px,5vw,64px);max-width:1240px;width:100%;margin:0 auto}.hero-tag{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red);animation:dot-pulse 2.2s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(3.2rem,9vw,6.5rem);line-height:.95;letter-spacing:.02em;text-shadow:0 0 48px rgba(255,43,58,.25);animation:title-glitch 9s steps(1) infinite}@keyframes title-glitch{0%,to{text-shadow:0 0 48px rgba(255,43,58,.25)}96%{text-shadow:-4px 0 rgba(255,43,58,.75),4px 0 rgba(245,245,247,.35),0 0 48px rgba(255,43,58,.25)}97.2%{text-shadow:3px 0 rgba(255,43,58,.75),-3px 0 rgba(245,245,247,.35),0 0 48px rgba(255,43,58,.25)}98%{text-shadow:0 0 48px rgba(255,43,58,.25)}}.hero-sub{margin-top:18px;color:var(--text-dim);font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.6;max-width:42ch}.hero-cards{margin-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;max-width:560px}.card{position:relative;display:block;padding:18px 20px;border-radius:14px;text-decoration:none;color:inherit;transition:transform .25s,border-color .25s,box-shadow .25s}.card-live:hover{transform:translateY(-3px);border-color:#ff2b3a73;box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 32px #00000073,0 0 24px #ff2b3a2e}.card-soon{opacity:.9}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:.03em}.badge{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid}.badge-live{color:var(--red);border-color:#ff2b3a66;background:#ff2b3a14}.badge-soon{color:var(--text-faint);border-color:#ffffff1a}.card-desc{font-size:.85rem;color:var(--text-dim);line-height:1.5;margin-bottom:12px}.card-link{font-size:.75rem;color:var(--text-faint)}.card-live .card-link{color:var(--red)}.hero-model{display:flex;justify-content:center}.model-frame{position:relative;width:min(360px,100%);aspect-ratio:3 / 4;border-radius:20px;overflow:hidden}.model-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 50% 88%,rgba(255,43,58,.18),transparent 70%);pointer-events:none}.player-viewer{position:absolute;inset:0;cursor:grab}.player-viewer:active{cursor:grabbing}.player-viewer canvas{display:block;width:100%;height:100%}.model-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;color:var(--text-faint);letter-spacing:.1em}.model-plate{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.1em;padding:6px 14px;border-radius:999px;background:#08080a99;border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}.footer{display:flex;justify-content:center;gap:10px;padding:24px 16px 28px;font-size:.72rem;color:var(--text-faint);letter-spacing:.06em}.footer-sep{color:#ff2b3a80}@media(prefers-reduced-motion:reduce){.bg-grid,.bg-glow,.bg-streak,.ember,.hero-title,.status-dot{animation:none}.cursor-glow{display:none}}@media(max-width:860px){.hero{grid-template-columns:1fr;text-align:center;padding-top:40px}.hero-tag{justify-content:center}.hero-sub,.hero-cards{margin-inline:auto}.hero-model{order:-1}.model-frame{width:min(300px,85vw)}}