*{box-sizing:border-box}
:root{color-scheme:dark;--white:#f7f9fd;--orange:#ff861d;--orange2:#ffb54c;--cyan:#7be8f7;--ink:#050a10;--muted:#bac9d5}
html{margin:0;background:#050a10;scroll-behavior:smooth}body{margin:0;min-width:320px;background:#050a10;color:var(--white);font-family:'Segoe UI',Inter,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none}button,a{touch-action:manipulation}a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.scene{position:relative;isolation:isolate;min-height:715px;overflow:hidden;background:#070f1a}
.scene-art{position:absolute;inset:0 0 0 32%;background-image:url('/__race/hero.webp?v=3');background-position:center 48%;background-size:cover;background-repeat:no-repeat;z-index:-3}
.scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050a10 0%,rgba(5,10,16,.99) 21%,rgba(5,10,16,.94) 28%,rgba(5,10,16,.73) 36%,rgba(5,10,16,.10) 53%,rgba(5,10,16,0) 73%),linear-gradient(0deg,#050a10 0%,rgba(5,10,16,0) 17%,rgba(3,7,13,.10) 100%)}
.scene::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 50%,rgba(8,12,26,.05) 100%)}
.shell{width:min(100% - 104px,1510px);margin:0 auto;position:relative}
.identity{display:flex;align-items:center;gap:16px;padding-top:28px;max-width:410px}
.identity img{width:87px;height:75px;object-fit:contain;filter:drop-shadow(0 6px 12px #0009)}
.identity .wordmark{font-style:italic;font-size:19px;font-weight:1000;letter-spacing:.035em;line-height:1;white-space:nowrap}
.identity .wordmark span{color:var(--orange)}
.identity small{display:block;margin-top:8px;color:#abbcc9;font-size:9px;letter-spacing:.23em;font-style:normal;font-weight:800}
.content{padding-top:36px;padding-bottom:64px;max-width:600px}
.eyebrow{font-size:12px;font-weight:850;letter-spacing:.22em;color:var(--orange2);text-transform:uppercase;margin:0 0 14px}
h1{font-size:clamp(68px,7.4vw,122px);font-weight:1000;font-style:italic;letter-spacing:-.084em;line-height:.9;margin:0;color:white;text-transform:uppercase;text-shadow:0 5px 24px #000b;white-space:nowrap}
h1 span{color:var(--orange);text-shadow:0 0 30px #ff801b44}
.edition{display:none}
h2{font-size:clamp(29px,3vw,49px);font-weight:950;letter-spacing:-.048em;line-height:1.03;margin:0 0 22px;text-transform:uppercase;text-shadow:0 4px 16px #000b}
.lead{font-size:clamp(15px,1.12vw,18px);line-height:1.65;color:#d8e1eb;max-width:620px;margin:0 0 20px;text-wrap:pretty}
.lead strong{color:#fff}
.features{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 26px}
.features span{font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:11px;background:#081926d9;border:1px solid #405665;border-radius:999px;padding:10px 12px;white-space:nowrap}
.features span b{color:var(--orange2);margin-right:6px}
.downloads{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.download{display:flex;gap:10px;align-items:center;justify-content:center;min-height:72px;padding:16px 16px;border-radius:11px;border:1px solid #ff8b26;box-shadow:0 9px 24px #0005;transition:transform .2s ease,box-shadow .2s ease;font-weight:900;font-size:13px;line-height:1.3;text-align:center;letter-spacing:.015em;flex:1 1 220px}
.download:hover{transform:translateY(-3px);box-shadow:0 15px 31px #0008}
.download svg{width:27px;height:27px;flex:none}
.download.windows{background:linear-gradient(115deg,#ffb448,#ff7d14);color:#150d08;border-color:#ffc066}
.download.android{background:#081c2bdf;color:#f2f9ff;border-color:#6dbecb}
.download.android:hover{box-shadow:0 0 25px #31c6ef42}
.download small{display:block;font-size:10px;font-weight:750;letter-spacing:.07em;margin-top:5px;opacity:.82}
.build{font-size:12px;margin:13px 0 0;color:#c8d7e2;letter-spacing:.035em}
.build strong{color:white}
.bottom{background:linear-gradient(180deg,#050a10,#09131c);border-top:1px solid #253647;position:relative}
.bottom-inner{width:min(100% - 104px,1510px);margin:0 auto;padding:40px 0 46px}
.release-line{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:24px}
.signal{display:inline-flex;align-items:center;gap:9px;color:#83e7d4;font-weight:900;font-size:12px;letter-spacing:.08em}
.signal i{width:9px;height:9px;border-radius:50%;background:#72e6bb;box-shadow:0 0 12px #6efac1;display:inline-block}
.release-line .release-text{font-weight:800;color:#e4edf4;font-size:17px}
.summary-grid{display:grid;grid-template-columns: minmax(180px,1fr) minmax(180px,1fr) minmax(360px,1.7fr);gap:16px}
.metric{border:1px solid #2f4656;background:#0b1925;border-radius:13px;padding:21px 24px;min-height:140px;display:flex;flex-direction:column;justify-content:center}
.metric strong{font-size:clamp(35px,3.4vw,57px);line-height:1;color:var(--orange);font-weight:950;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.metric.mobile strong{color:var(--cyan)}
.metric span{color:#d2dce4;font-size:13px;margin-top:8px}
.availability{padding:24px 28px;border:1px solid #3f5968;border-radius:13px;background:linear-gradient(115deg,#0f2530,#081720);display:flex;flex-direction:column;justify-content:center;gap:10px}
.availability h3{font-size:19px;margin:0;color:white}
.availability p{font-size:14px;line-height:1.6;color:#bdcedb;margin:0}
.discord{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;font-weight:900;color:#ffb764;text-decoration:underline;text-underline-offset:5px;font-size:14px;margin-top:8px}
footer{border-top:1px solid #1d2d3a;background:#04080f;padding:19px max(28px,5vw);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:10px;color:#8195a3;letter-spacing:.08em}
@media(max-width:1050px){.scene{min-height:710px}.scene-art{inset:0 0 0 28%}.scene-shade{background:linear-gradient(90deg,#050a10 0%,#050a10f5 29%,#050a10a6 43%,#050a1040 65%,transparent 90%),linear-gradient(0deg,#050a10,transparent 19%)}.shell{width:min(100% - 64px,1510px)}.bottom-inner{width:min(100% - 64px,1510px)}.summary-grid{grid-template-columns:1fr 1fr}.availability{grid-column:1/-1}}
@media(max-width:760px){.scene{min-height:0}.scene-art{inset:0 0 auto;height:auto;aspect-ratio:1672/941;background-position:center center;background-size:cover}.scene-shade{background:linear-gradient(180deg,rgba(3,9,17,.10) 0%,rgba(3,9,17,.05) 32vw,rgba(5,10,16,.88) 56vw,#050a10 59vw,#050a10 100%)}.shell{width:calc(100% - 36px)}.identity{padding-top:10px;gap:10px}.identity img{width:64px;height:65px}.identity .wordmark{font-size:15px}.identity small{font-size:7px}.content{padding-top:clamp(160px,48vw,350px);padding-bottom:45px;max-width:100%}.eyebrow{font-size:10px}.edition{margin:12px 0 25px}.lead{font-size:15px}.bottom-inner{width:calc(100% - 36px);padding:28px 0 33px}.summary-grid{gap:10px}.metric{padding:17px}.metric span{font-size:12px}.availability{grid-column:1/-1}.release-line .release-text{font-size:15px}}
@media(max-width:450px){h1{font-size:clamp(43px,13.8vw,66px)}.features span{font-size:9px}.downloads{gap:10px}.download{min-height:65px;flex-basis:100%;padding:12px}.summary-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:34px}.metric{min-height:108px;padding:12px}.availability{padding:18px}.availability h3{font-size:17px}.availability p{font-size:13px}footer{font-size:9px;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download{transition:none}}

/* Le visuel officiel est laissé dégagé : Lesli et Mala visibles, texte à gauche ou sous l’image. */
@media(min-width:761px){.content{width:min(600px,46vw)}.scene-art{background-position:center 48%}.lead{max-width:510px}}
@media(max-width:760px){.content{width:100%}.scene-art{background-position:center center}h2{line-height:1.08}}