:root{--canvas:#000;--surface:#0a0a0a;--card:#1f1f1f;--hair:#3c3c3c;--ink:#fff;--body:#9a9a9a;--muted:#7e7e7e;--red:#e22718;--c1:#00d2ff;--c2:#1c69d4;--c3:#e22718;--accent:var(--red);
--sans:"IBM Plex Sans",-apple-system,"Segoe UI",Helvetica,Arial,"Noto Sans Hebrew","Noto Sans SC",sans-serif;--display:Archivo,"Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}
a{color:inherit;text-decoration:none}a:hover{color:var(--body)}
img{max-width:100%;display:block}
h1,h2,h3,p{margin:0}
.edge{height:4px;display:flex}.edge span{flex:1}.edge .a{background:var(--c1)}.edge .b{background:var(--c2)}.edge .c{background:var(--c3)}
.d{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:.92}
[lang=zh] .d,[dir=rtl] .d{letter-spacing:0}
.m{font-family:var(--mono);font-weight:700;letter-spacing:-.02em}
.k{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#bbb;font-weight:500}
.k::before{content:"";display:inline-block;flex:none;width:24px;height:3px;background:linear-gradient(90deg,var(--c1) 0 33%,var(--c2) 33% 66%,var(--c3) 66%)}
[dir=rtl] .k,[lang=zh] .k{letter-spacing:.04em}
.b{color:var(--body);line-height:1.55;font-size:17px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;border:1px solid var(--ink);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.cta:hover{background:var(--ink);color:#000}
.cta.fill{background:var(--ink);color:#000}.cta.fill:hover{background:var(--body)}
.cta.text{border-color:transparent;padding:0}.cta.text:hover{background:none;color:var(--body)}
.cta.sm{height:40px;padding:0 18px;font-size:11px}
[dir=rtl] .cta,[lang=zh] .cta{letter-spacing:.04em}
.wrap{padding-inline:clamp(16px,2.3vw,32px)}
nav.top{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--card);position:sticky;top:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:10}
nav.top .l{display:flex;align-items:center;gap:40px}
.mark{display:flex;align-items:center;gap:10px}.mark i{width:5px;height:26px;background:var(--red);display:inline-block}.mark b{font-family:var(--display);font-size:22px;font-weight:900;font-style:italic;letter-spacing:-.04em;text-transform:uppercase}
nav.top .links{display:flex;gap:32px;font-size:14px;font-weight:500}
nav.top .r{display:flex;gap:18px;align-items:center}
.langs{display:flex;gap:2px}.langs a{font-size:11px;letter-spacing:.1em;padding:6px 8px;color:var(--body)}.langs a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--red)}
.menu{display:none;width:40px;height:40px;align-items:center;justify-content:center}
.hero{position:relative;min-height:760px;overflow:hidden;background:#000}
.hero .glow{position:absolute;inset:0;background:radial-gradient(45% 55% at 68% 60%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(35% 45% at 88% 35%,rgba(226,39,24,.25),transparent 70%)}
.hero img{position:absolute;left:28%;top:4%;width:76%;height:98%;object-fit:cover;filter:saturate(.7) contrast(1.05);opacity:.85}
.hero .fade{position:absolute;inset:0;background:linear-gradient(90deg,#000 26%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.25) 62%,transparent 80%),linear-gradient(180deg,rgba(0,0,0,.3),transparent 25%,transparent 55%,#000)}
[dir=rtl] .hero img{left:auto;right:28%}[dir=rtl] .hero .fade{background:linear-gradient(270deg,#000 26%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.25) 62%,transparent 80%),linear-gradient(180deg,rgba(0,0,0,.3),transparent 25%,transparent 55%,#000)}
.hero .in{position:relative;min-height:760px;padding-block:72px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.hero .copy{display:flex;flex-direction:column;gap:28px;max-width:720px;animation:up .7s ease both}
.hero h1{font-size:clamp(44px,6.7vw,96px)}
.hero .lede{max-width:520px}
.hero .ctas{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.hero .foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.meta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.stats{display:flex;gap:36px}.stat .m{font-size:22px;display:block}.stat .l{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px;display:block}
[dir=rtl] .stat .l,[lang=zh] .stat .l{letter-spacing:0}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hero .copy{animation:none}}
.sec{padding-block:72px 0}.sec.band{margin-top:80px;padding-block:72px;border-top:1px solid var(--card);border-bottom:1px solid var(--card)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.sec-head .t{display:flex;flex-direction:column;gap:20px}.sec-head h2{font-size:clamp(36px,3.9vw,56px)}.sec-head .b{max-width:560px;font-size:15px}
.tabs{display:flex;gap:32px;border-bottom:1px solid var(--card);margin-top:28px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tab{font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:10px 0;color:var(--muted);border-bottom:2px solid transparent;font-weight:600;white-space:nowrap;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font-family:inherit}
.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--red)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.car{background:var(--surface);border:1px solid var(--card);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.car:hover{transform:translateY(-2px);border-color:var(--hair);color:inherit}
.car[hidden]{display:none}
.stage{aspect-ratio:16/9;position:relative;overflow:hidden;background:radial-gradient(60% 50% at 50% 60%,#2a2a2a,#000 80%)}
.stage .g{position:absolute;inset:0;background:radial-gradient(40% 45% at 45% 60%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%)}
.stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;mix-blend-mode:screen}
.stage svg{position:absolute;inset:14% 10% 10%;width:80%;height:76%}
.car .body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:14px}
.car .row{display:flex;justify-content:space-between;align-items:center}
.car .k{font-size:10px}.car .st{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.car .st.live{color:var(--accent)}
.car h3{font-size:28px}.car .stats{gap:28px}.car .stat .m{font-size:18px}
.car .go{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.car .go.soon{color:var(--muted)}
.why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}.why .m{font-size:clamp(40px,4.4vw,64px);display:block}.why .k{font-size:10px;margin-top:6px}
.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.story{display:flex;flex-direction:column;gap:14px}.story .stage{aspect-ratio:16/10}.story .stage img{mix-blend-mode:normal}.story h3{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.01em;line-height:1.15}.story .b{font-size:13px}
.ctaband{position:relative;margin-top:72px;padding-block:96px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;overflow:hidden;border-top:1px solid var(--card)}
.ctaband::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 60% at 50% 100%,rgba(226,39,24,.25),transparent 70%)}
.ctaband>*{position:relative}.ctaband h2{font-size:clamp(40px,4.4vw,64px)}.ctaband .b{max-width:560px}
.ctaband form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.ctaband input{width:320px;max-width:100%;height:48px;border:1px solid var(--hair);background:none;color:var(--ink);padding:0 16px;font:inherit;font-size:14px}
footer{padding-block:40px;border-top:1px solid var(--card);display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:24px;font-size:13px;color:var(--muted)}
footer .col{display:flex;flex-direction:column;gap:8px}footer .col b{color:var(--ink);font-weight:600}footer .mark b{font-size:18px}
.red{color:var(--red)}.ac{color:var(--accent)}
@media (max-width:900px){.grid,.stories{grid-template-columns:repeat(2,minmax(0,1fr))}.why{grid-template-columns:repeat(2,minmax(0,1fr))}footer{grid-template-columns:1fr 1fr}}
@media (max-width:720px){nav.top .links{display:none}.menu{display:flex}.hero,.hero .in{min-height:640px}.hero img{left:0;width:100%;top:20%;height:60%;opacity:.5}.hero .fade{background:linear-gradient(180deg,#000 20%,rgba(0,0,0,.6) 50%,#000 90%)}.grid,.stories{grid-template-columns:1fr}.stats{gap:24px}.tabs{gap:20px}footer{grid-template-columns:1fr}}
.mark b{white-space:nowrap}
@media (max-width:720px){.mark b{font-size:17px}.langs a{padding:6px 5px;font-size:10px}nav.top .r{gap:8px}.hero img{top:28%;height:50%;opacity:.6;filter:saturate(.6)}.hero .fade{background:linear-gradient(180deg,#000 18%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.35) 60%,#000 88%)}}
