/* DARTMATE / ART DIRECTION 09 — 2026 — authored landing-system */
:root{--bg:#080b10;--bg-soft:#0c1017;--panel:#111820;--border:#253038;--white:#f5f5ef;--muted:#9ba7ad;--electric:#45e5e9;--lime:#c4fb63;--heat:#ff8666;--gutter:clamp(22px,5vw,82px);--display:'Space Grotesk','Arial Narrow',Arial,sans-serif;--body:'DM Sans',Inter,system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--electric);color:#061117}.container{width:min(100%,1600px);margin-inline:auto;padding-inline:var(--gutter)}:focus-visible{outline:2px solid var(--electric);outline-offset:4px}.skip{position:fixed;z-index:1000;left:15px;top:-130px;background:white;color:#111;padding:14px}.skip:focus{top:15px}
/* Navigation — glass-free hard-edged precision */
.header{position:fixed;z-index:90;top:0;left:0;width:100%;height:90px;background:rgba(8,11,16,.91);border-bottom:1px solid rgba(159,207,223,.13);transition:height .28s,background .28s;backdrop-filter:blur(16px)}.header.scrolled{height:75px;background:rgba(6,9,14,.98)}.header-inner{height:100%;display:flex;align-items:center;gap:clamp(15px,2vw,32px)}.logo{display:inline-flex;align-items:center;gap:11px;font:700 27px/1 var(--display);letter-spacing:-.07em;white-space:nowrap;flex-shrink:0}.logo>img{height:43px;width:43px;filter:drop-shadow(0 0 11px rgba(44,219,245,.18))}.logo-green{color:var(--electric)}.navigation{display:flex;align-items:center;gap:clamp(14px,2.2vw,35px);margin-left:auto}.navigation a{font-size:12px;letter-spacing:.025em;font-weight:700;color:#bcc7c9;white-space:nowrap;transition:color .2s}.navigation a:hover,.navigation a:focus-visible{color:var(--electric)}.header-actions{display:flex;align-items:center;gap:10px}.header-cta{white-space:nowrap}.language-menu{position:relative;z-index:2}.language-menu summary{list-style:none;display:flex;gap:9px;align-items:center;justify-content:center;min-height:43px;padding:10px 12px;cursor:pointer;border:1px solid #36434b;background:transparent;color:#fff;font-weight:700;font-size:12px;border-radius:4px}.language-menu summary::-webkit-details-marker{display:none}.flag-icon{display:block;width:23px;height:15px;object-fit:cover;border:1px solid rgba(255,255,255,.25);border-radius:2px;flex-shrink:0}.language-menu .chevron{color:var(--electric);font-size:16px;line-height:1}.language-list{position:absolute;top:calc(100% + 12px);right:0;padding:7px;min-width:205px;background:#151f27;border:1px solid #344a55;box-shadow:0 22px 70px rgba(0,0,0,.54);border-radius:7px}.language-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;color:#dce5e5;font-size:12px;border-radius:3px}.lang-label{display:inline-flex;align-items:center;gap:10px}.lang-code{font-size:10px;color:#718b94}.language-list a:hover,.language-list a[aria-current]{background:#263e46;color:#e5ffff}.language-list a[aria-current] .lang-code{color:var(--electric)}.menu-toggle{display:none;width:45px;height:44px;cursor:pointer;border:1px solid #394a54;background:none;border-radius:4px;padding:11px}.menu-toggle span{display:block;height:2px;margin:5px 0;background:#fff;border-radius:2px}
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;padding:12px 18px;min-height:45px;font:800 12px/1.4 var(--body);letter-spacing:.015em;border:1px solid transparent;border-radius:4px;transition:transform .25s,background .25s,color .25s,box-shadow .25s,border .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--electric);color:#071016;box-shadow:0 0 32px rgba(44,232,239,.12)}.btn-primary:hover{background:#b1fcff;box-shadow:0 12px 35px rgba(44,232,239,.17)}.btn-outline{background:transparent;color:#f1f4f3;border-color:#52606b}.btn-outline:hover{background:rgba(69,229,233,.08);border-color:var(--electric)}.btn-big{min-height:61px;padding:17px 23px;font-size:14px}.btn-big>span:last-child,.text-cta span,.innovation-link span{font-size:19px;line-height:1;transition:transform .25s}.btn:hover>span:last-child,.text-cta:hover span,.innovation-link:hover span{transform:translate(3px,-3px)}
/* Hero — cosmic stage meets real scoreboard */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#080c12;min-height:820px;padding-top:90px}.hero:before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(53,92,106,.10) 1px,transparent 1px),linear-gradient(rgba(53,92,106,.1) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent 5%,#000 55%,#000 100%);opacity:.52}.hero:after{content:"";position:absolute;pointer-events:none;z-index:-1;inset:-30% -15% 0 40%;background:radial-gradient(ellipse at center,rgba(15,111,134,.18),transparent 56%)}.hero-light{display:none}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(20px,3vw,60px);min-height:785px;padding-block:76px 95px}.hero-copy{position:relative;z-index:5;max-width:790px}.availability{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:8px 0;color:var(--electric);font:800 10px/1.4 var(--body);letter-spacing:.17em;text-transform:uppercase}.availability:after{content:"";height:1px;width:62px;background:rgba(69,229,233,.48)}.pulse{position:relative;display:block;width:8px;height:8px;background:var(--electric);border-radius:100%;box-shadow:0 0 0 5px rgba(69,229,233,.1);animation:ledblink 3s ease-in-out infinite}.eyebrow{margin:0 0 21px;font:800 11px/1.4 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--electric)}.hero-eyebrow{font-size:11px;letter-spacing:.14em;color:#bdc7c9;margin-bottom:15px}.hero h1{font:700 clamp(60px,6.1vw,112px)/.98 var(--display);letter-spacing:-.087em;margin:0;max-width:810px;text-wrap:balance}.hero h1 .highlight{display:inline-block;color:var(--electric);text-shadow:0 10px 50px rgba(69,229,233,.09)}.hero-lead{font-size:clamp(15px,1.25vw,18px);line-height:1.8;max-width:585px;color:#aebdc0;margin:28px 0 28px}.hero-lead strong{color:#f1f8f6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.cta-note{margin:14px 0 0;font-size:11px;color:#83959b}.cta-note>span{color:var(--electric)}.hero-highlights{margin-top:34px;display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.hero-highlights a{display:flex;min-width:180px;flex:1;max-width:267px;align-items:center;gap:12px;position:relative;background:rgba(255,255,255,.035);border:1px solid #26353e;padding:14px 16px;transition:border .2s,background .2s,transform .25s}.hero-highlights a:hover{transform:translateY(-4px);border-color:rgba(69,229,233,.65);background:rgba(69,229,233,.055)}.hero-highlights-icon{font:700 26px/1 var(--display);color:var(--electric);width:36px}.hero-highlights .coach-icon{color:var(--lime)}.hero-highlights a>span:nth-child(2){display:flex;flex-direction:column;line-height:1.3}.hero-highlights strong{font:700 16px/1.1 var(--display)}.hero-highlights small{color:#a2b1b5;font-size:10px;margin-top:5px}.highlight-arrow{margin-left:auto;color:#a0b2b7;font-size:17px}.hero-brands{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;color:#8e9ba1;font:800 10px/1.5 var(--body);letter-spacing:.07em}.hero-brands span:not(.brand-sep){white-space:nowrap}.hero-brands .brand-sep{color:var(--electric);font-size:13px}.hero-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;display:flex;align-items:center;gap:19px;font:800 10px/1 var(--body);letter-spacing:.15em;color:#697c85;padding-block:19px}.scroll-indicator{font-size:19px;color:var(--electric)}.hero-bottom-line{height:1px;flex:1;background:#253540}
/* Hero illustration: zero bitmap hero imagery. Entirely responsive vector-like CSS */
.hero-visual{position:relative;min-width:0;aspect-ratio:1/1.07;align-self:center;isolation:isolate;filter:drop-shadow(0 36px 75px rgba(0,0,0,.4))}.visual-specimen,.visual-foot{position:absolute;left:1%;right:1%;display:flex;justify-content:space-between;align-items:center;color:#78909b;font:700 10px/1.2 var(--body);letter-spacing:.16em}.visual-specimen{top:1%}.visual-specimen span:first-child{color:#bcd1d2}.visual-specimen i{display:inline-block;width:6px;height:6px;margin-right:6px;background:var(--electric);border-radius:50%}.visual-foot{bottom:1%;font-size:9px}.visual-foot span:first-child{color:var(--electric)}.visual-back-ring{position:absolute;border:1px solid rgba(69,229,233,.2);border-radius:50%;inset:7%;pointer-events:none}.visual-back-ring-a{animation:ringturn 40s linear infinite;box-shadow:0 0 0 1px rgba(69,229,233,.03),0 0 100px rgba(69,229,233,.025)}.visual-back-ring-a:before,.visual-back-ring-a:after{content:"";position:absolute;width:9px;height:9px;background:var(--electric);border-radius:50%;top:16%;left:14%;box-shadow:0 0 24px var(--electric)}.visual-back-ring-a:after{width:5px;height:5px;top:80%;left:86%;background:var(--lime)}.visual-back-ring-b{inset:14%;border-style:dashed;border-color:rgba(69,229,233,.15);animation:ringturn 55s linear reverse infinite}.signal-path{position:absolute;z-index:1;border-top:1px dashed rgba(69,229,233,.34);width:30%;transform-origin:left}.signal-path-a{top:39%;left:6%;transform:rotate(13deg)}.signal-path-b{right:4%;top:62%;transform:rotate(-18deg)}.board-stage{position:absolute;top:12%;left:12%;width:77%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;animation:boardfloat 7s ease-in-out infinite}.board-halo{position:absolute;inset:0;border:1px solid rgba(69,229,233,.25);border-radius:50%;box-shadow:0 0 70px rgba(25,207,224,.08),inset 0 0 60px rgba(5,213,241,.06)}.board-halo:before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(102,218,231,.3)}.board-disc{container-type:inline-size;position:relative;width:79%;aspect-ratio:1;border-radius:50%;border:15px solid #080f17;background:#17212a;box-shadow:0 0 0 2px rgba(69,229,233,.38),0 0 0 13px #121f29,0 0 0 15px rgba(96,194,199,.27),0 0 90px rgba(69,229,233,.17),inset 0 0 18px #000;overflow:hidden}.board-pie{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -9deg,#25313a 0 18deg,#0c151c 18deg 36deg)}.board-double,.board-triple{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -9deg,var(--heat) 0 18deg,#32ccbb 18deg 36deg);mask:radial-gradient(circle,transparent 0 84%,black 85% 91%,transparent 92%);-webkit-mask:radial-gradient(circle,transparent 0 84%,black 85% 91%,transparent 92%)}.board-triple{mask:radial-gradient(circle,transparent 0 47%,black 48% 54%,transparent 55%);-webkit-mask:radial-gradient(circle,transparent 0 47%,black 48% 54%,transparent 55%)}.board-inner{position:absolute;inset:22%;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.board-wires{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -9deg,transparent 0 17.68deg,rgba(220,248,241,.6) 17.75deg 18deg)}.board-numbers{position:absolute;inset:0}.board-numbers span{position:absolute;left:50%;top:50%;color:#ced9dc;font:700 13px/1 var(--display);transform:rotate(calc(var(--i)*18deg)) translateY(-42cqw) rotate(calc(var(--i)*-18deg));margin-left:-6px;margin-top:-6px}.board-bull{position:absolute;inset:43%;border-radius:50%;background:#37d7bc;box-shadow:0 0 0 6px rgba(4,15,22,.7),0 0 20px rgba(69,229,233,.5);display:grid;place-items:center}.board-bull div{width:44%;height:44%;border-radius:50%;background:#ff755e;box-shadow:0 0 10px #ff755e}.visual-node{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;width:191px;padding:12px 13px;background:rgba(19,30,38,.97);border:1px solid rgba(88,234,227,.4);box-shadow:0 15px 50px rgba(0,0,0,.54),0 0 22px rgba(69,229,233,.08);transform:rotate(-3deg)}.node-one{left:-4%;top:30%}.node-two{right:-5%;top:52%;transform:rotate(3deg)}.node-pulse{width:8px;height:8px;border-radius:50%;background:var(--electric);box-shadow:0 0 12px var(--electric)}.node-two .node-pulse{background:var(--lime);box-shadow:0 0 12px var(--lime)}.visual-node>div{display:flex;flex-direction:column;min-width:0}.visual-node strong{font:700 12px/1.2 var(--display);letter-spacing:.06em}.visual-node small{margin-top:4px;color:#809da5;font:600 9px/1 var(--body);letter-spacing:.12em}.visual-node b{margin-left:auto;color:#778e9a;font:700 16px/1 var(--display)}.visual-score{position:absolute;z-index:4;right:0;bottom:10%;width:260px;padding:17px 20px 15px;background:#e9f0e8;color:#0a1720;border:1px solid white;box-shadow:14px 15px 0 rgba(42,224,230,.12),0 20px 60px rgba(0,0,0,.45);transform:rotate(-2deg)}.visual-score>div{display:flex;align-items:center;justify-content:space-between;font:800 10px/1 var(--body);letter-spacing:.12em}.visual-score>div>b{font-size:10px}.visual-score>div span:last-child{font-size:17px}.score-live{width:8px;height:8px;background:#1dba9c;border-radius:50%;box-shadow:0 0 0 4px rgba(34,181,155,.14)}.visual-score>strong{display:flex;justify-content:space-around;align-items:baseline;gap:12px;margin-top:13px;font:700 47px/1 var(--display);letter-spacing:-.09em}.visual-score em{font-style:normal}.visual-score strong i{font:800 12px/1 var(--body);letter-spacing:0;color:#8b999f}.visual-score>small{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #c7d3cf;color:#6d8084;font-size:9px;font-weight:800;letter-spacing:.08em}.visual-score>small span{color:#259f98;margin:0 6px}
/* Marquee brand strip */
.brand-bar{border-block:1px solid #2b3d47;background:#101923;overflow:hidden}.brand-bar-inner{display:flex;align-items:center;gap:20px 45px;padding-block:23px;justify-content:space-between;flex-wrap:wrap}.brand-bar p{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--electric);margin:0;white-space:nowrap}.board-list{display:flex;align-items:center;gap:clamp(9px,1.6vw,26px);font:700 clamp(12px,1.4vw,19px)/1 var(--display);letter-spacing:-.04em;flex-wrap:wrap}.board-list i{font-style:normal;color:var(--electric);font-size:18px}.board-list span{white-space:nowrap}.board-list b{font-size:9px;color:var(--electric)}.brand-bar small{font-size:10px;line-height:1.5;color:#83969f;max-width:250px}
/* Architecture */
.section{padding:clamp(85px,9.5vw,152px) 0;position:relative}.section-heading{margin-bottom:56px}.section-heading.center{text-align:center;max-width:990px;margin-inline:auto}.section-heading.between{display:flex;align-items:end;justify-content:space-between;gap:35px}.section-heading h2,.online-copy h2,.compat-copy h2,.faq-layout h2,.download-copy h2{font:700 clamp(44px,5vw,79px)/1.02 var(--display);letter-spacing:-.075em;margin:0;text-wrap:balance}.section-heading.center h2{max-width:940px;margin:0 auto}.section-heading>p:not(.eyebrow),.section-heading.between>p{font-size:16px;line-height:1.75;color:#a9b6ba;max-width:650px;margin:23px auto 0}.section-heading.between>p{margin:0;max-width:335px}.section-description{font-size:16px;line-height:1.8;color:#a8b8bb;max-width:600px}
/* Innovation showcase — monumental editorial modules */
.innovation-section{background:#0c1118;padding-top:120px}.innovation-section:before{content:"01 — THE GAME CHANGERS";position:absolute;top:36px;left:var(--gutter);font:700 10px/1 var(--body);letter-spacing:.17em;color:#4d6770}.innovation-heading h2 span{color:var(--electric)}.innovation-grid{display:grid;gap:23px}.innovation-card{min-height:520px;display:grid;grid-template-columns:1fr 1fr;background:#121a22;border:1px solid #263640;overflow:hidden}.innovation-card:nth-child(2){background:#131923}.innovation-art{position:relative;min-height:490px;overflow:hidden;isolation:isolate}.innovation-art:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(4,12,23,.05),rgba(3,11,18,.55)),linear-gradient(100deg,transparent 30%,rgba(0,0,0,.3));pointer-events:none}.innovation-art img{height:100%;width:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.18,.63,.31,.98)}.innovation-card:hover .innovation-art img{transform:scale(1.07)}.innovation-cast .innovation-art img{filter:hue-rotate(8deg) saturate(.95)}.innovation-coach .innovation-art img{filter:hue-rotate(120deg) saturate(.75)}.innovation-content{padding:clamp(34px,5vw,83px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.innovation-label{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#92a7b2;font:800 10px/1.5 var(--body);letter-spacing:.11em;margin:0 0 26px}.innovation-label span{padding:9px 12px;border:1px solid var(--electric);color:var(--electric);letter-spacing:.1em}.innovation-coach .innovation-label span{color:var(--lime);border-color:var(--lime)}.innovation-content h3{font:700 clamp(37px,4vw,69px)/1.02 var(--display);letter-spacing:-.075em;margin:0;max-width:670px}.innovation-content h3 span{color:var(--electric)}.innovation-coach .innovation-content h3 span{color:var(--lime)}.innovation-description{color:#abb9bf;font-size:15px;line-height:1.85;max-width:510px;margin:26px 0 20px}.innovation-content ul{padding:0;margin:0 0 31px;list-style:none;width:100%;max-width:530px}.innovation-content li{position:relative;border-top:1px solid #2b3c45;padding:10px 0 10px 19px;color:#e1e8e7;font-size:13px}.innovation-content li:before{content:"+";color:var(--electric);font-weight:800;position:absolute;left:0}.innovation-coach .innovation-content li:before{color:var(--lime)}.innovation-link{display:inline-flex;align-items:center;gap:17px;padding-bottom:7px;border-bottom:1px solid currentColor;font-weight:800;font-size:13px;letter-spacing:.02em;color:var(--electric)}.innovation-coach .innovation-link{color:var(--lime)}.audio-bars{position:absolute;z-index:2;left:9%;bottom:9%;width:82%;height:78px;display:flex;align-items:center;justify-content:center;gap:5px;filter:drop-shadow(0 0 16px rgba(49,228,236,.6))}.audio-bars i{display:block;width:clamp(3px,.5vw,8px);height:var(--h,22%);background:var(--electric);border-radius:1px;animation:equalize 1.25s ease-in-out infinite alternate;animation-delay:calc(var(--x)*-100ms)}.audio-bars i:nth-child(5n+1){--h:55%;--x:2}.audio-bars i:nth-child(4n+2){--h:92%;--x:5}.audio-bars i:nth-child(3n){--h:35%;--x:7}.art-brand,.coach-art-tag{position:absolute;z-index:2;top:28px;left:30px;color:#fff;font:700 14px/1 var(--display);letter-spacing:.14em}.art-brand span{color:var(--electric);margin:0 5px}.coach-art-tag{display:flex;align-items:center;gap:12px}.coach-art-tag span{font-size:25px;color:var(--lime)}
/* steps / manifesto */
.concept-section{background:#ecefe9;color:#101a1e}.concept-section .eyebrow{color:#007d88}.concept-section .section-heading p:not(.eyebrow){color:#5d7279}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:70px;border-top:1px solid #bac7c5;border-bottom:1px solid #bac7c5}.step-card{position:relative;min-height:280px;padding:30px clamp(18px,3vw,52px) 40px;border-right:1px solid #bac7c5;transition:background .25s}.step-card:last-child{border-right:0}.step-card:hover{background:#deebe5}.step-card.featured{background:#d9efe8}.step-top{display:flex;align-items:center;justify-content:space-between}.step-top>span:first-child{font:700 61px/.9 var(--display);letter-spacing:-.09em;color:#0c3037}.step-icon{font:700 37px/1 var(--display);color:#138b92}.step-line{display:none}.step-card h3{font:700 clamp(22px,2.2vw,32px)/1.15 var(--display);letter-spacing:-.055em;margin:40px 0 12px}.step-card p{color:#51666d;font-size:14px;line-height:1.7;margin:0;max-width:290px}.statement-band{background:var(--electric);color:#08151c;overflow:hidden}.statement-band .container{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-block:27px}.statement-band strong{font:700 clamp(22px,3.7vw,57px)/1 var(--display);letter-spacing:-.065em;white-space:nowrap}.statement-band span{font-size:24px;animation:asterisk 15s linear infinite}
/* Game gallery */
.games-section{background:#080b10}.games-section .section-heading h2{max-width:800px}.games-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.game-card{position:relative;grid-column:span 4;min-height:345px;overflow:hidden;isolation:isolate;border:1px solid #27363b;cursor:default}.game-card:nth-child(1),.game-card:nth-child(4){grid-column:span 5}.game-card:nth-child(2){grid-column:span 3}.game-card:nth-child(3){grid-column:span 4}.game-card:nth-child(5),.game-card:nth-child(6){grid-column:span 3.5}.game-card:nth-child(5){grid-column:span 4}.game-card:nth-child(6){grid-column:span 3}.game-card>img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.85);transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .4s}.game-card:hover img{transform:scale(1.10);filter:saturate(1.12)}.game-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,16,.98),rgba(5,10,16,.2) 72%)}.game-card:after{content:"↗";position:absolute;right:21px;top:16px;font-size:21px;color:white;opacity:.65;transition:transform .3s}.game-card:hover:after{transform:translate(4px,-4px);color:var(--electric)}.game-info{position:absolute;left:clamp(22px,3vw,43px);right:25px;bottom:27px}.game-info span{display:block;margin-bottom:8px;color:var(--electric);font-size:10px;font-weight:800;letter-spacing:.15em}.game-info h3{margin:0;font:700 clamp(35px,3.2vw,55px)/1 var(--display);letter-spacing:-.07em}.game-info p{margin:10px 0 0;font-size:13px;color:#c4d1d2;line-height:1.5}
/* Online shared game experience */
.online-section{background:#111b23;overflow:hidden}.online-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px);align-items:center}.online-copy h2{max-width:700px}.online-copy .section-description{margin:28px 0 35px}.benefits{margin:32px 0}.benefits>div{display:flex;align-items:start;gap:24px;padding:18px 0;border-top:1px solid #33434d}.benefits>div:last-child{border-bottom:1px solid #33434d}.benefits>div>span{font:700 13px/1.5 var(--display);color:var(--electric)}.benefits h3{font:700 22px/1.2 var(--display);letter-spacing:-.045em;margin:0 0 5px}.benefits p{margin:0;font-size:13px;line-height:1.7;color:#afbdc1}.text-cta{display:inline-flex;gap:20px;align-items:center;color:var(--electric);font:800 12px/1 var(--body);letter-spacing:.12em;border-bottom:1px solid var(--electric);padding-bottom:10px}.online-art{position:relative;min-height:580px;display:grid;place-items:center}.orb-grid{position:absolute;inset:5%;background:linear-gradient(90deg,rgba(51,117,132,.2) 1px,transparent 1px),linear-gradient(rgba(51,117,132,.2) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle,#000,transparent 73%)}.orbit{position:absolute;inset:2%;border:1px solid rgba(69,229,233,.21);border-radius:50%;animation:ringturn 45s linear infinite}.orbit:before{content:"";position:absolute;width:10px;height:10px;left:20%;top:14%;border-radius:100%;background:var(--electric);box-shadow:0 0 25px var(--electric)}.orbit-two{inset:17%;border-style:dashed;animation-duration:70s;animation-direction:reverse}.online-board{width:min(88%,480px);z-index:1;border:1px solid #4b6872;background:#111c25;box-shadow:18px 18px 0 rgba(0,0,0,.25),0 26px 80px rgba(0,0,0,.3);transform:rotate(-3deg);transition:transform .4s}.online-board:hover{transform:rotate(0deg) translateY(-7px)}.online-board-header,.online-board-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font:800 10px/1 var(--body);letter-spacing:.12em;color:#bbcccf;border-bottom:1px solid #354954}.online-board-header span i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--electric)}.online-board-header b{color:var(--electric)}.online-versus{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;text-align:center;gap:10px;padding:34px 20px}.online-versus>div{display:flex;align-items:center;flex-direction:column;gap:8px}.online-icon{display:grid;place-items:center;height:72px;width:72px;font:700 32px/1 var(--display);background:#183d4b;color:var(--electric);border:1px solid #4aaab1}.online-purple{background:#273c29;color:var(--lime);border-color:#749866}.online-versus strong{font:700 13px/1 var(--display)}.online-versus small{font-size:9px;color:#718e96;letter-spacing:.12em}.online-versus>b{font:700 27px/1 var(--display);color:#7b949c}.online-score{display:flex;align-items:center;justify-content:space-around;margin:0 22px 28px;padding:22px 15px;background:#0a141d;border-top:2px solid var(--electric)}.online-score>div{display:flex;flex-direction:column;gap:4px}.online-score small{font-size:10px;font-weight:800;letter-spacing:.11em;color:#8da4ab}.online-score strong{font:700 45px/1 var(--display);letter-spacing:-.06em}.online-board-bottom{border-top:1px solid #354954;border-bottom:0}.online-board-bottom span:first-child{color:var(--electric)}.art-sticker{position:absolute;z-index:2;bottom:19%;right:0;padding:15px 22px;background:var(--lime);color:#0b1715;font:700 28px/1 var(--display);letter-spacing:-.05em;transform:rotate(8deg);box-shadow:10px 10px 0 rgba(0,0,0,.3);animation:boardfloat 6s ease-in-out infinite}
/* Feature trio */
.feature-section{background:#0b1017}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-card{position:relative;padding:0 0 26px;border-top:3px solid #35505a}.feature-card:hover{border-top-color:var(--electric)}.feature-glyph{position:absolute;top:18px;left:20px;z-index:2;font-size:30px;color:var(--electric);filter:drop-shadow(0 1px 4px #000)}.feature-card-image{height:260px;overflow:hidden;background:#12202a}.feature-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .7s}.feature-card:hover img{transform:scale(1.07)}.feature-card h3{font:700 clamp(24px,2.4vw,36px)/1.1 var(--display);letter-spacing:-.05em;margin:22px 0 10px}.feature-card p{color:#9bafb6;font-size:14px;line-height:1.75;max-width:365px;margin:0}
/* Compatibility / connected network */
.compat-section{background:#e9f0ec;color:#111e24;overflow:hidden}.compat-section .eyebrow{color:#007e8b}.compat-layout{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:clamp(30px,4vw,80px)}.compat-copy h2{max-width:650px}.compat-copy .section-description{color:#596d76;margin:28px 0}.compat-card{border-top:1px solid #b2c4c7}.compat-item{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #b2c4c7}.compat-dot{height:12px;width:12px;flex:0 0 12px;border-radius:50%;background:#0b8797;box-shadow:0 0 0 4px rgba(15,136,148,.1)}.compat-dot.blue{background:#497de1}.compat-dot.purple{background:#845ee1}.compat-dot.orange{background:#db875a}.compat-dot.pink{background:#de6d9b}.compat-item strong{display:block;font:700 20px/1.2 var(--display);letter-spacing:-.04em}.compat-item small{display:block;color:#60757c;font:500 11px/1.6 var(--body);margin-top:3px}.fine-print{font-size:11px;color:#70838b;line-height:1.7;max-width:680px;margin:20px 0 0}.compat-visual{position:relative;min-height:620px;display:grid;place-items:center}.compat-backdrop{position:absolute;inset:5%;background:linear-gradient(90deg,rgba(30,98,109,.08) 1px,transparent 1px),linear-gradient(rgba(30,98,109,.08) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle,#000 40%,transparent 70%)}.compat-target-halo{position:absolute;inset:14%;border:1px dashed rgba(14,108,121,.4);border-radius:50%;animation:ringturn 70s linear infinite}.compat-target-halo:before{content:"";position:absolute;inset:-28px;border:1px solid rgba(17,123,143,.17);border-radius:50%}.compat-visual>img{width:min(73%,440px);height:auto;filter:drop-shadow(0 25px 35px rgba(7,32,40,.2));animation:boardfloat 7s ease-in-out infinite}.compat-bubble{position:absolute;display:flex;gap:10px;align-items:center;padding:11px 15px;background:#12212a;color:#fff;border:1px solid #255e68;box-shadow:6px 8px 0 rgba(10,81,93,.11);font:700 11px/1 var(--display);letter-spacing:.03em}.compat-bubble span{color:var(--electric);font-size:12px}.compat-bubble.top{top:16%;left:4%;transform:rotate(-5deg)}.compat-bubble.bottom{bottom:14%;left:0;transform:rotate(4deg)}.compat-bubble.right{right:0;top:28%;transform:rotate(5deg)}.compat-bubble.extra-a{right:7%;bottom:11%;transform:rotate(-3deg)}.compat-bubble.extra-b{left:16%;top:4%;transform:rotate(4deg)}
/* FAQ */
.faq-section{background:#0b1016}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,120px)}.faq-layout h2{max-width:600px}.faq-decor{font:700 240px/.9 var(--display);color:#152831;letter-spacing:-.15em;margin:45px 0 0}.faq-items{border-top:1px solid #34454e}.faq-item{border-bottom:1px solid #34454e}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:24px 0;cursor:pointer;font:700 18px/1.45 var(--display);letter-spacing:-.035em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;color:var(--electric);font:400 24px/1 var(--display);border:1px solid #45606a;transition:transform .25s,background .25s}.faq-item[open] summary span{transform:rotate(45deg);background:#163036}.faq-item p{margin:-5px 55px 26px 0;color:#a3b6bc;font-size:14px;line-height:1.8}
/* Final conversion panel */
.download-section{padding:15px 0 115px;background:#0b1016}.download-panel{position:relative;min-height:480px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(42px,6vw,95px);overflow:hidden;background:var(--electric);color:#0a1c22;isolation:isolate}.download-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,70,83,.10) 1px,transparent 1px),linear-gradient(rgba(10,70,83,.10) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:-1}.download-orb{position:absolute;right:-6%;top:-50%;width:67%;aspect-ratio:1;border:2px solid rgba(1,46,58,.18);border-radius:50%;box-shadow:0 0 0 58px rgba(1,46,58,.07),0 0 0 116px rgba(1,46,58,.04);z-index:-1}.download-copy{position:relative;max-width:840px}.download-copy .eyebrow{color:#23525b}.download-copy h2{font-size:clamp(45px,5.4vw,89px);max-width:880px}.download-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:600px;margin:25px 0 29px;color:#315964}.download-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-dark{background:#091820;color:white}.btn-dark:hover{background:#254452}.btn-download-outline{border-color:#2b5d67;background:transparent;color:#0a1c22}.btn-download-outline:hover{background:rgba(255,255,255,.27)}.download-logo{display:grid;justify-items:center;flex:0 0 190px;padding:34px;background:#0a1820;color:#e7ffff;transform:rotate(7deg);box-shadow:15px 20px 0 rgba(8,88,95,.12)}.download-logo img{height:91px;width:91px}.download-logo span{font:700 27px/1 var(--display);letter-spacing:-.06em;margin-top:10px}.download-logo small{font:700 10px/1.8 var(--body);color:#a5c0be;letter-spacing:.16em;text-align:center;margin-top:12px}
/* Footer */
.footer{background:#070a0e;border-top:1px solid #25343c;padding:65px 0 30px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:60px;padding-bottom:70px}.footer-top p{color:#79929b;font-size:14px;margin:18px 0 0}.footer-top nav{display:flex;flex-wrap:wrap;max-width:685px;justify-content:flex-end;gap:14px 28px}.footer-top nav a{font-size:12px;font-weight:700;color:#abc0c5}.footer-top nav a:hover{color:var(--electric)}.footer-bottom{border-top:1px solid #25343c;padding-top:27px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;color:#70858e;font-size:11px}
/* Motion: intentional, rather than everywhere */
@keyframes ringturn{to{transform:rotate(360deg)}}@keyframes boardfloat{50%{transform:translateY(-12px)}}@keyframes ledblink{50%{box-shadow:0 0 0 9px rgba(69,229,233,.02)}}@keyframes equalize{0%{height:9%}100%{height:var(--h,70%)}}@keyframes asterisk{to{transform:rotate(360deg)}}@keyframes entry{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lead,.hero-copy>.hero-actions{animation:entry .8s both cubic-bezier(.2,.75,.2,1)}.hero-copy>h1{animation-delay:.12s}.hero-copy>.hero-lead{animation-delay:.23s}.hero-copy>.hero-actions{animation-delay:.33s}.hero-visual{animation:entry 1s .24s both cubic-bezier(.2,.75,.2,1)}.js-animations [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js-animations [data-reveal].is-visible{opacity:1;transform:translateY(0)}
/* Responsive */
@media(max-width:1280px){.navigation{gap:16px}.header-inner{gap:20px}.hero h1{font-size:clamp(58px,5.8vw,83px)}.board-numbers span{font-size:11px;transform:rotate(calc(var(--i)*18deg)) translateY(-42cqw) rotate(calc(var(--i)*-18deg))}.hero-visual{aspect-ratio:1/1.15}.visual-score{width:230px}.innovation-content{padding:40px}.innovation-content h3{font-size:clamp(34px,4vw,57px)}.compat-visual{min-height:530px}}
@media(max-width:1050px){.header{height:76px}.header.scrolled{height:70px}.navigation{display:none;position:fixed;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:20px var(--gutter) 30px;background:#101923;border-bottom:1px solid #40505b;box-shadow:0 20px 45px rgba(0,0,0,.4)}.header.scrolled .navigation{top:70px}.navigation.is-open{display:flex}.navigation a{padding:13px 0;border-bottom:1px solid #263c46;font-size:15px}.header-actions{margin-left:auto}.menu-toggle{display:block}.hero{padding-top:76px}.hero-inner{grid-template-columns:1fr;gap:40px;padding-top:70px;min-height:auto;padding-bottom:85px}.hero-copy{max-width:850px}.hero h1{font-size:clamp(66px,9vw,105px);max-width:950px}.hero-lead{max-width:800px}.hero-visual{max-width:730px;width:100%;margin-inline:auto;aspect-ratio:1/1;}.board-numbers span{transform:rotate(calc(var(--i)*18deg)) translateY(-42cqw) rotate(calc(var(--i)*-18deg))}.hero-bottom{position:relative;left:auto;transform:none}.brand-bar-inner{justify-content:center;text-align:center;gap:13px 25px}.board-list{justify-content:center}.brand-bar small{max-width:100%}.innovation-card{min-height:0}.innovation-content{padding:36px}.innovation-art{min-height:460px}.innovation-content h3{font-size:clamp(36px,4.8vw,56px)}.online-layout{gap:20px}.online-art{min-height:500px}.compat-layout{grid-template-columns:1fr}.compat-copy{max-width:800px}.compat-visual{max-width:800px;width:100%;margin-inline:auto}.footer-top nav{max-width:540px}}
@media(max-width:760px){:root{--gutter:22px}.container{padding-inline:var(--gutter)}.header{height:69px}.header.scrolled{height:64px}.header-inner{gap:10px}.navigation{top:69px}.header.scrolled .navigation{top:64px}.logo{gap:7px;font-size:22px}.logo>img{width:36px;height:36px}.header-actions{gap:7px}.header-cta{min-height:41px;font-size:10px;padding:10px 11px}.language-menu summary{padding:9px 9px;min-height:41px;gap:6px}.menu-toggle{width:42px;height:41px;padding:10px}.hero{padding-top:69px}.hero-inner{padding-top:44px;gap:25px;padding-bottom:45px}.hero h1{font-size:clamp(49px,11.4vw,78px);letter-spacing:-.085em}.hero-lead{font-size:15px;margin:25px 0 27px}.hero-actions .btn{min-height:55px;flex:1 1 205px}.hero-actions .btn-outline{flex:1 1 160px}.hero-highlights{margin-top:30px}.hero-highlights a{min-width:143px;flex:1;padding:12px;gap:8px}.hero-highlights-icon{font-size:22px;width:24px}.hero-highlights strong{font-size:15px}.hero-highlights small{font-size:9px}.hero-brands{gap:6px 8px;margin-top:27px;font-size:9px}.hero-visual{max-width:540px}.board-numbers span{transform:rotate(calc(var(--i)*18deg)) translateY(-42cqw) rotate(calc(var(--i)*-18deg));font-size:10px}.board-disc{border-width:12px}.visual-node{width:150px;padding:9px;gap:8px}.visual-node strong{font-size:10px}.visual-node small{font-size:8px}.visual-score{width:200px;padding:12px 15px}.visual-score>strong{font-size:39px}.visual-score>small{font-size:8px}.visual-foot{font-size:8px}.brand-bar-inner{padding-block:21px}.board-list{font-size:13px;gap:8px}.section{padding:90px 0}.section-heading{margin-bottom:34px}.section-heading h2,.online-copy h2,.compat-copy h2,.faq-layout h2{font-size:clamp(41px,8vw,59px)}.section-heading>p:not(.eyebrow),.section-heading.between>p{font-size:14px}.section-heading.between{align-items:flex-start;flex-direction:column;gap:17px}.section-heading.between>p{max-width:600px}.innovation-section:before{font-size:8px;top:24px}.innovation-grid{gap:17px}.innovation-card{grid-template-columns:1fr}.innovation-art{min-height:290px;max-height:460px;aspect-ratio:16/9}.innovation-card:nth-child(2) .innovation-art{grid-row:1}.innovation-content{padding:35px 26px 40px}.innovation-content h3{font-size:clamp(41px,7.6vw,59px)}.innovation-description{font-size:14px;margin:18px 0 20px}.innovation-label{margin-bottom:17px}.innovation-content ul{margin-bottom:22px}.steps-grid{grid-template-columns:1fr;margin-top:40px}.step-card{min-height:0;border-right:0;border-bottom:1px solid #bac7c5;padding:23px 25px 27px}.step-card:last-child{border-bottom:0}.step-card h3{margin:21px 0 9px}.step-top>span:first-child{font-size:46px}.statement-band .container{gap:12px;padding-block:20px}.statement-band strong{font-size:clamp(21px,4.5vw,34px);white-space:normal;text-align:center}.statement-band span{font-size:20px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card,.game-card:nth-child(n){grid-column:span 1;min-height:270px}.game-card:nth-child(1),.game-card:nth-child(4){grid-column:span 2;min-height:310px}.game-info{left:17px;right:13px;bottom:21px}.game-info h3{font-size:37px}.game-info span{font-size:9px}.game-info p{font-size:12px}.online-layout{grid-template-columns:1fr;gap:25px}.online-art{min-height:500px}.feature-grid{grid-template-columns:1fr;gap:30px}.feature-card-image{height:300px}.compat-visual{min-height:500px}.compat-visual>img{width:70%}.faq-layout{grid-template-columns:1fr;gap:20px}.faq-decor{display:none}.faq-item summary{font-size:17px}.download-section{padding-bottom:65px}.download-panel{min-height:0;padding:43px 28px 48px}.download-copy h2{font-size:clamp(40px,8vw,63px)}.download-logo{display:none}.download-copy>p:not(.eyebrow){font-size:14px}.footer{padding-top:50px}.footer-top{flex-direction:column;gap:25px;padding-bottom:40px}.footer-top nav{justify-content:flex-start}.footer-bottom{gap:10px}}
@media(max-width:450px){.header-cta{display:none}.hero h1{font-size:clamp(48px,12.5vw,60px)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{flex:unset}.hero-visual{width:calc(100% + 16px);margin-left:-8px}.visual-node{width:113px;padding:7px 8px;gap:6px}.visual-node strong{font-size:8px}.visual-node small{font-size:7px}.visual-node b{font-size:10px}.node-pulse{width:5px;height:5px}.board-disc{border-width:8px;box-shadow:0 0 0 2px rgba(69,229,233,.38),0 0 0 8px #121f29,0 0 0 10px rgba(96,194,199,.27),0 0 90px rgba(69,229,233,.17)}.board-numbers span{font-size:7px;transform:rotate(calc(var(--i)*18deg)) translateY(-42cqw) rotate(calc(var(--i)*-18deg))}.visual-score{width:153px;padding:10px 12px;bottom:8%}.visual-score>div{font-size:7px}.visual-score>strong{font-size:29px;margin-top:9px}.visual-score strong i{font-size:9px}.visual-score>small{font-size:6px;margin-top:9px;padding-top:8px}.visual-specimen,.visual-foot{font-size:7px}.game-card,.game-card:nth-child(n){min-height:235px}.game-card:nth-child(1),.game-card:nth-child(4){min-height:270px}.game-info h3{font-size:31px}.game-info span{font-size:7px}.game-info p{font-size:11px}.online-art{min-height:380px}.online-board{width:93%}.online-versus{grid-template-columns:1fr 35px 1fr;gap:5px;padding:25px 12px}.online-icon{width:50px;height:50px;font-size:25px}.online-versus strong{font-size:10px}.online-versus>b{font-size:20px}.online-score{margin:0 14px 17px;padding:16px}.online-score strong{font-size:33px}.art-sticker{right:-7px;bottom:10%;font-size:20px;padding:12px}.compat-visual{min-height:360px}.compat-bubble{font-size:8px;padding:8px}.compat-bubble.top{top:11%;left:0}.compat-bubble.extra-b{top:0}.compat-bubble.right{right:0}.compat-bubble.bottom{bottom:5%}.compat-bubble.extra-a{bottom:0;right:1%}.faq-item summary{font-size:15px}.faq-item p{margin-right:35px}.download-actions{flex-direction:column;align-items:stretch}.btn-download-outline,.btn-dark{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-animations [data-reveal]{opacity:1!important;transform:none!important}}