body{margin:0;background:#060606}
a{color:#ff4d55}a:hover{color:#ff7a80}
*{box-sizing:border-box}
.ox{--red:#ED1C24;--red2:#ff3b43;--ember:#ff6a2b;--bg:#060606;--s1:#0d0d0e;--s2:#141416;--line:#232326;--tx:#f3f1ee;--mut:#a3a09c;font-family:Manrope,system-ui,sans-serif;color:var(--tx);background:var(--bg);overflow-x:hidden}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.disp{font-family:Unbounded,Manrope,sans-serif;letter-spacing:-.02em}
.mono{font-family:"JetBrains Mono",monospace}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;border:0;cursor:pointer;font-family:Manrope,sans-serif;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}
.btn-red{position:relative;overflow:hidden;background:var(--red);color:#fff;box-shadow:0 0 0 1px rgba(255,80,80,.4) inset,0 10px 40px -10px rgba(237,28,36,.8)}
.btn-red:hover{color:#fff;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,120,120,.6) inset,0 16px 50px -10px rgba(237,28,36,1)}
.btn-red::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:shine 3.6s ease-in-out infinite}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--tx);box-shadow:0 0 0 1px var(--line) inset}
.btn-ghost:hover{color:#fff;background:rgba(255,255,255,.08);transform:translateY(-2px)}
.nav{position:sticky;top:0;z-index:50;background:rgba(6,6,6,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav a.l{color:var(--mut);text-decoration:none;font-weight:500;font-size:14px;padding:10px 4px;transition:color .2s}
.nav a.l:hover{color:#fff}
.burger{display:none;width:48px;height:48px;border-radius:12px;border:1px solid var(--line);background:transparent;color:#fff;align-items:center;justify-content:center;cursor:pointer}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--red2)}
.h2{font-family:Unbounded,sans-serif;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.03em;margin:0}
.card{background:linear-gradient(180deg,#111113,#0b0b0c);border:1px solid var(--line);border-radius:20px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.card:hover{transform:translateY(-4px);border-color:rgba(237,28,36,.5);box-shadow:0 20px 60px -30px rgba(237,28,36,.6)}
.tag{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.t-red{background:rgba(237,28,36,.14);color:#ff6b71}
.t-orange{background:rgba(255,106,43,.14);color:#ff9a6b}
.t-gray{background:rgba(255,255,255,.07);color:#cfcac5}
.dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:ping 2s infinite}
.bar{height:6px;border-radius:99px;background:#1d1d20;overflow:hidden}
.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--ember));transform-origin:left;animation:grow 1.6s cubic-bezier(.2,.8,.2,1) both}
.tab{min-height:44px;padding:0 18px;border-radius:10px;border:0;background:transparent;color:var(--mut);font:600 14px Manrope,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.tab:hover{color:#fff}
.tab.on{background:var(--red);color:#fff;box-shadow:0 8px 24px -8px rgba(237,28,36,.9)}
.row{display:grid;grid-template-columns:56px minmax(0,1fr) 120px 120px;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid var(--line);transition:background .2s}
.row:hover{background:rgba(255,255,255,.025)}
/* hero */
.hero{position:relative;min-height:calc(100vh - 73px);display:flex;align-items:center;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 60%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 60%,#000 20%,transparent 70%)}
.glow{position:absolute;left:50%;top:58%;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;background:radial-gradient(circle,rgba(237,28,36,.42) 0%,rgba(237,28,36,.12) 35%,transparent 65%);animation:breathe 4.5s ease-in-out infinite;pointer-events:none}
.flame{width:min(260px,52vw);height:auto;display:block;transform-origin:50% 100%;animation:flick 3.2s ease-in-out infinite,pop 1.2s cubic-bezier(.2,.8,.2,1) both}
.embers{position:absolute;inset:0;pointer-events:none}
.em{position:absolute;bottom:-12px;width:4px;height:4px;border-radius:50%;background:#ff7a30;box-shadow:0 0 10px 3px rgba(255,90,30,.65);opacity:0;animation:rise linear infinite}
.em:nth-child(1){left:6%;animation-duration:9s;animation-delay:0s}
.em:nth-child(2){left:14%;animation-duration:7s;animation-delay:2s;width:3px;height:3px}
.em:nth-child(3){left:22%;animation-duration:11s;animation-delay:1s}
.em:nth-child(4){left:31%;animation-duration:8s;animation-delay:4s;width:2px;height:2px}
.em:nth-child(5){left:38%;animation-duration:10s;animation-delay:.5s}
.em:nth-child(6){left:44%;animation-duration:6.5s;animation-delay:3s;width:5px;height:5px}
.em:nth-child(7){left:50%;animation-duration:9.5s;animation-delay:1.5s;width:3px;height:3px}
.em:nth-child(8){left:56%;animation-duration:7.5s;animation-delay:5s}
.em:nth-child(9){left:62%;animation-duration:12s;animation-delay:2.5s;width:2px;height:2px}
.em:nth-child(10){left:69%;animation-duration:8.5s;animation-delay:.2s}
.em:nth-child(11){left:76%;animation-duration:10.5s;animation-delay:3.5s;width:3px;height:3px}
.em:nth-child(12){left:83%;animation-duration:7s;animation-delay:6s}
.em:nth-child(13){left:90%;animation-duration:9s;animation-delay:1.2s;width:5px;height:5px}
.em:nth-child(14){left:96%;animation-duration:11.5s;animation-delay:4.4s;width:2px;height:2px}
.title{font-family:Unbounded,sans-serif;font-weight:900;font-size:clamp(56px,13vw,184px);line-height:.86;letter-spacing:-.05em;margin:0;background:linear-gradient(180deg,#fff 30%,#b9b4ae 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.title span{display:inline-block;background:linear-gradient(180deg,#fff 30%,#b9b4ae 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:0 .02em;animation:letter 1s cubic-bezier(.2,.8,.2,1) both}
.title span::selection{color:#fff}
.title span:nth-child(1){animation-delay:.25s}.title span:nth-child(2){animation-delay:.32s}.title span:nth-child(3){animation-delay:.39s}.title span:nth-child(4){animation-delay:.46s}.title span:nth-child(5){animation-delay:.53s}.title span:nth-child(6){animation-delay:.6s}
.up{animation:fadeUp .9s cubic-bezier(.2,.8,.2,1) both}
.d1{animation-delay:.7s}.d2{animation-delay:.85s}.d3{animation-delay:1s}
.cd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cd>div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:10px 0;text-align:center}
.marq{overflow:hidden;border-block:1px solid var(--line);background:#0a0a0b}
.marq-in{display:flex;gap:48px;width:max-content;padding:18px 0;animation:marquee 32s linear infinite}
.marq-in span{font-family:Unbounded,sans-serif;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#d9d4ce;white-space:nowrap;display:inline-flex;align-items:center;gap:48px}
.marq-in b{color:var(--red2)}
.reveal{opacity:1}
@supports (animation-timeline: view()){.reveal{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(61,220,132,.6)}70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes breathe{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes flick{0%,100%{transform:scale(1,1) skewX(0)}25%{transform:scale(1.015,.985) skewX(-1deg)}50%{transform:scale(.99,1.02) skewX(.8deg)}75%{transform:scale(1.01,.99) skewX(-.5deg)}}
@keyframes pop{from{opacity:0;transform:translateY(30px) scale(.85)}to{opacity:1;transform:none}}
@keyframes rise{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}60%{opacity:.8}100%{opacity:0;transform:translate(30px,-105vh)}}
@keyframes letter{from{opacity:0;transform:translateY(60%) rotateX(-70deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes marquee{to{transform:translateX(-50%)}}
@media (max-width:900px){
.wrap{padding:0 16px}
.nav-links,.nav-cta{display:none !important}
.burger{display:inline-flex}
.g3{grid-template-columns:minmax(0,1fr) !important}
.g2{grid-template-columns:minmax(0,1fr) !important}
.g4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.row{grid-template-columns:40px minmax(0,1fr) 84px;padding:12px 14px}
.row .hide-m{display:none}
.podium{grid-template-columns:minmax(0,1fr) !important}
.sec{padding:72px 0 !important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}