:root{--night: #100818;--night-soft: #1a0d26;--ink: #16091e;--cream: #fff8ef;--paper: #f5ede4;--white: #fffdfb;--orange: #ff7a1a;--pink: #ff4d6d;--violet: #7c4dff;--cyan: #2dd4bf;--gold: #ffd166;--muted: #716778;--line: rgba(22, 9, 30, .12);--section: min(1180px, calc(100% - 48px) );font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream);overflow-x:hidden}body.menu-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;transform:translateY(-160%);background:var(--white);color:var(--ink);padding:12px 16px;border-radius:8px;font-weight:800}.skip-link:focus{transform:translateY(0)}.topbar{position:fixed;z-index:100;top:18px;left:50%;width:min(1180px,calc(100% - 36px));min-height:72px;transform:translate(-50%);padding:9px 10px 9px 16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:22px;color:#fff;background:#12081cad;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);transition:top .18s ease,background .18s ease,box-shadow .18s ease}.topbar.is-scrolled{top:10px;background:#12081ceb;box-shadow:0 12px 42px #0b051140}.brand{width:158px;height:50px;border-radius:13px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:cover}.main-nav{display:flex;align-items:center;justify-content:center;gap:28px}.main-nav a{color:#ffffffb8;text-decoration:none;font-size:13px;font-weight:750;transition:color .16s ease}.main-nav a:hover,.main-nav a:focus-visible{color:#fff}.main-nav .nav-app-link,.menu-button{display:none}.language-toggle{min-width:70px;height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.14);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:#ffffff12;cursor:pointer;font:inherit;font-size:11px;font-weight:900;letter-spacing:.08em;transition:border-color .16s ease,background .16s ease,transform .16s ease}.language-toggle:hover{transform:translateY(-1px);border-color:#ffffff47;background:#ffffff1f}.language-toggle span{opacity:.42;transition:opacity .16s ease,color .16s ease}.language-toggle span.is-active{color:var(--gold);opacity:1}.language-toggle i{width:1px;height:14px;background:#ffffff38}.button{min-height:54px;padding:0 24px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;text-decoration:none;font-size:15px;font-weight:900;line-height:1;box-shadow:0 10px 30px #16091e29;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.button:hover,.button:focus-visible{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 16px 36px #16091e3d}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.button-small{min-height:50px;padding-inline:18px;border-radius:13px;font-size:13px}.button-bright,.button-primary{color:#fff;background:linear-gradient(115deg,var(--orange),var(--pink) 54%,var(--violet))}.button-primary{position:relative;overflow:hidden;min-height:64px;padding-inline:28px;border-radius:18px;box-shadow:0 14px 42px #ff4d6d57}.button-primary:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:40%;transform:rotate(24deg) translate(-250%);background:#ffffff47;animation:button-shine 4.5s ease-in-out infinite}@keyframes button-shine{0%,62%{transform:rotate(24deg) translate(-250%)}82%,to{transform:rotate(24deg) translate(600%)}}.button-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--pink);background:#fff;font-size:11px;padding-left:2px}.hero{position:relative;isolation:isolate;min-height:850px;padding:170px max(24px,calc((100% - 1180px)/2)) 112px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:74px;color:#fff;background:linear-gradient(125deg,rgba(255,122,26,.06),transparent 34%),radial-gradient(circle at 62% 42%,rgba(124,77,255,.15),transparent 28%),var(--night);overflow:hidden}.hero-noise{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E")}.hero-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(12px)}.hero-orb-one{width:560px;height:560px;top:-270px;right:-150px;background:radial-gradient(circle at 45% 55%,rgba(255,77,109,.42),rgba(124,77,255,.16) 52%,transparent 70%)}.hero-orb-two{width:460px;height:460px;bottom:-310px;left:23%;background:radial-gradient(circle,rgba(255,122,26,.34),transparent 68%)}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{margin:0 0 20px;color:var(--pink);font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px;color:#ffffffb8}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px #2dd4bf21,0 0 18px #2dd4bfcc}.hero h1,.section-heading h2,.country-copy h2,.catalogue-heading h2,.sonito-copy h2,.trust-card h2,.final-copy h2{margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:900;letter-spacing:-.035em;line-height:.95}.hero h1{max-width:720px;font-size:clamp(65px,7.8vw,112px);text-transform:uppercase}.hero h1 em{display:inline-block;color:transparent;background:linear-gradient(95deg,var(--orange),var(--pink) 52%,#a77bff);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-lead{max-width:610px;margin:30px 0 0;color:#ffffffb8;font-size:clamp(18px,2vw,22px);line-height:1.55}.hero-actions{margin-top:34px;display:flex;align-items:center;gap:24px}.text-link{color:inherit;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:900;text-underline-offset:5px;text-decoration-thickness:1px}.hero-reassurance{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:9px 18px;color:#ffffff80;font-size:12px;font-weight:750}.hero-game{position:relative;width:min(100%,480px);justify-self:end;padding:16px}.hero-game:before{content:"";position:absolute;top:5%;right:-2%;bottom:7%;left:-2%;z-index:-1;border-radius:60px;background:linear-gradient(150deg,var(--orange),var(--pink) 42%,var(--violet));filter:blur(50px);opacity:.36}.game-shell{border:1px solid rgba(255,255,255,.16);border-radius:34px;padding:25px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(124,77,255,.29),transparent 38%),linear-gradient(155deg,#ffffff1b,#ffffff09);box-shadow:0 44px 100px #0000006b,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform:rotate(1.3deg)}.game-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-pill{padding:8px 10px;border:1px solid rgba(255,209,102,.4);border-radius:999px;color:var(--gold);background:#ffd1661a;font-size:10px;font-weight:900}.timer{color:#ffffff85;font-size:17px;font-variant-numeric:tabular-nums;font-weight:700}.timer strong{color:var(--orange)}.game-progress{height:4px;margin:17px 0 22px;border-radius:99px;background:#ffffff14;overflow:hidden}.game-progress span{display:block;width:46%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--pink))}.game-question small{color:#ffffff75;font-size:9px;font-weight:900;letter-spacing:.14em}.game-question h2{margin:5px 0 16px;font-size:25px;letter-spacing:-.03em}.wave-card{height:95px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:17px;display:flex;align-items:center;gap:14px;background:#08030e4d}.play-dot{flex:0 0 auto;width:43px;height:43px;padding:0 0 0 3px;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--orange),var(--pink));box-shadow:0 8px 20px #ff4d6d52}.waveform{height:50px;flex:1;display:flex;align-items:center;gap:3px;overflow:hidden}.waveform i{flex:1 1 3px;max-width:4px;height:var(--h);min-height:8%;border-radius:8px;background:linear-gradient(to top,var(--orange),var(--pink),#a77bff);animation:wave 1.3s var(--d) ease-in-out infinite alternate}@keyframes wave{to{height:max(10%,calc(var(--h) * .42));opacity:.55}}.answer-grid{margin-top:13px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.answer-grid span{min-height:49px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:13px;display:flex;align-items:center;color:#ffffffb8;background:#ffffff0e;font-size:12px;font-weight:800}.answer-grid .answer-correct{border-color:#2dd4bfa6;color:#fff;background:#2dd4bf2b;box-shadow:inset 0 0 20px #2dd4bf14}.answer-correct b{margin-left:auto;color:var(--cyan)}.sonito-line{margin-top:14px;padding:10px 12px;border-radius:15px;display:flex;align-items:center;gap:10px;background:linear-gradient(115deg,#ff7a1a21,#7c4dff26)}.sonito-face{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--night);font-size:18px}.sonito-line p{margin:0;color:#ffffffad;font-size:10px;line-height:1.45}.sonito-line b{color:var(--gold)}.float-tag{position:absolute;z-index:2;padding:11px 14px;border:1px solid rgba(255,255,255,.14);border-radius:13px;color:#fff;background:#14091de6;box-shadow:0 16px 36px #00000047;font-size:11px;font-weight:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.float-tag span{margin-right:5px}.float-tag-left{left:-70px;bottom:115px;transform:rotate(-5deg)}.float-tag-right{top:68px;right:-54px;transform:rotate(5deg)}.scroll-cue{position:absolute;bottom:34px;left:50%;display:flex;align-items:center;gap:10px;transform:translate(-50%);color:#ffffff59;font-size:9px;font-weight:900;letter-spacing:.2em}.scroll-cue span{width:1px;height:28px;background:linear-gradient(transparent,var(--pink))}.proof-strip{min-height:150px;padding:28px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:repeat(4,1fr);align-items:center;color:#fff;background:linear-gradient(103deg,#f26d16,var(--pink) 48%,var(--violet))}.proof-strip div{min-height:72px;padding:0 32px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.22)}.proof-strip div:first-child{padding-left:0;border-left:0}.proof-strip strong{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(34px,4vw,52px);letter-spacing:-.02em;line-height:1}.proof-strip span{margin-top:8px;color:#ffffffb8;font-size:12px;font-weight:800}.section{width:var(--section);margin-inline:auto}.how{padding-block:130px 140px}.section-heading{max-width:780px}.section-heading h2,.catalogue-heading h2,.trust-card h2{font-size:clamp(48px,6vw,82px)}.section-heading>p:last-child,.catalogue-heading>p:not(.kicker):not(.catalogue-count){max-width:660px;margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.62}.steps{margin-top:66px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{position:relative;min-height:445px;padding:26px;border:1px solid var(--line);border-radius:26px;background:#ffffff9e;overflow:hidden}.step-number{color:#16091e2e;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:44px}.step-visual{height:180px;margin:20px 0 28px;border-radius:22px;background:var(--night);overflow:hidden}.step-card h3{margin:0;font-size:25px;letter-spacing:-.03em}.step-card p{margin:12px 0 0;color:var(--muted);line-height:1.55}.listen-visual{display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,rgba(124,77,255,.45),transparent 40%),var(--night)}.mini-player{width:calc(100% - 38px);height:70px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;display:flex;align-items:center;gap:5px;background:#ffffff12}.mini-player span{width:38px;height:38px;margin-right:7px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--pink);font-size:10px}.mini-player i{flex:1;height:32%;min-width:3px;border-radius:5px;background:linear-gradient(to top,var(--orange),var(--pink))}.mini-player i:nth-of-type(2),.mini-player i:nth-of-type(5){height:72%}.mini-player i:nth-of-type(3),.mini-player i:nth-of-type(7){height:48%}.mini-player i:nth-of-type(4){height:90%}.choice-visual{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:9px;background:radial-gradient(circle at 0 100%,rgba(255,122,26,.28),transparent 46%),var(--night)}.choice-visual span{border:1px solid rgba(255,255,255,.1);border-radius:13px;display:grid;place-items:center;color:#ffffff94;background:#ffffff0f;font-weight:900}.choice-visual .picked{border-color:var(--cyan);color:#fff;background:#2dd4bf2e}.flag-visual{position:relative;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 82% 20%,rgba(255,209,102,.22),transparent 42%),var(--night)}.flag-visual span{font-size:36px}.flag-visual strong{margin-top:9px;color:#fff;font-size:29px}.flag-visual i{position:absolute;right:24px;bottom:30px;width:86px;height:80px;border-right:4px solid var(--orange);border-top:4px solid var(--pink);border-radius:0 24px 0 0;transform:skewY(-28deg)}.country-battle{width:min(1320px,calc(100% - 32px));margin-inline:auto;padding:100px max(32px,calc((100% - 1180px)/2)) 105px;border-radius:42px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:78px;color:#fff;background:linear-gradient(135deg,rgba(255,122,26,.16),transparent 38%),radial-gradient(circle at 86% 18%,rgba(124,77,255,.45),transparent 34%),var(--night);box-shadow:0 30px 80px #28123433}.kicker-light{color:var(--gold)}.country-copy h2,.sonito-copy h2{font-size:clamp(52px,6vw,82px)}.country-copy>p:not(.kicker){margin:28px 0 0;color:#ffffffad;font-size:18px;line-height:1.65}.country-copy p strong{color:var(--gold)}.country-copy .country-callout{color:#fff!important;font-size:20px!important;font-weight:900}.button-light{margin-top:30px;color:var(--ink);background:#fff}.leaderboard-card{padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:#ffffff13;box-shadow:0 35px 70px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.leaderboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.leaderboard-head>div{display:flex;flex-direction:column;gap:5px}.leaderboard-head>div span{color:#ffffff6b;font-size:9px;font-weight:900;letter-spacing:.14em}.leaderboard-head>div strong{font-size:24px}.leaderboard-live{padding:8px 10px;border-radius:999px;display:flex;align-items:center;gap:7px;color:var(--cyan);background:#2dd4bf1a;font-size:9px;font-weight:950}.leaderboard-live i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.leaderboard-card ol{margin:30px 0 0;padding:0;list-style:none}.leaderboard-card li{min-height:82px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:22px 42px minmax(120px,1.4fr) minmax(80px,1fr) 38px;align-items:center;gap:9px}.leaderboard-card li:first-child{border-top:0}.leaderboard-card li>b{color:#ffffff59;font-size:12px}.leaderboard-card .flag{font-size:27px}.country-name{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:900}.country-name small{color:#ffffff61;font-size:9px;font-weight:650}.bar{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--pink),var(--violet))}.leaderboard-card li>strong{color:var(--gold);font-size:11px}.example-note{margin:12px 0 0;color:#ffffff4d;font-size:9px;text-align:right}.catalogue{padding-block:145px 130px;overflow:hidden}.catalogue-heading{text-align:center}.catalogue-heading>p:not(.kicker):not(.catalogue-count){margin-inline:auto}.catalogue-heading .catalogue-count{width:fit-content;margin:25px auto 0;padding:9px 14px;border:1px solid rgba(124,77,255,.18);border-radius:999px;color:var(--violet);background:#7c4dff0f;font-size:12px;font-weight:800;letter-spacing:.015em}.genre-tracks{margin-top:68px;display:flex;flex-direction:column;gap:13px;transform:rotate(-2deg) scale(1.02)}.genre-track{width:max-content;padding:17px 0;display:flex;align-items:center;gap:24px;color:#fff;background:var(--ink);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(27px,3.5vw,48px);text-transform:uppercase;white-space:nowrap;animation:marquee 35s linear infinite}.genre-track:before,.genre-track:after{content:"";width:28px}.genre-track i{color:var(--orange);font-family:inherit;font-style:normal}.track-two{color:var(--ink);background:var(--gold);animation-direction:reverse;animation-duration:42s}.track-two i{color:var(--pink)}@keyframes marquee{to{transform:translate(-50%)}}.territories{margin-top:95px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.territories article{min-height:184px;padding:24px 20px;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;justify-content:flex-end;background:#ffffff8c;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.territories article:hover{transform:translateY(-4px);border-color:#7c4dff3d;box-shadow:0 18px 45px #200c3017}.territories span{margin-bottom:auto;font-size:36px}.territories strong{font-size:21px;letter-spacing:-.03em}.territories p{margin:5px 0 0;color:var(--muted);font-size:13px}.territories small{margin-top:12px;color:#1d142685;font-size:10px;font-weight:750;line-height:1.45}.territory-featured{background:radial-gradient(circle at 85% 12%,rgba(255,209,102,.2),transparent 42%),#ffffffb8!important}.territory-wide{grid-column:span 2}.territories .territory-region{min-height:210px;color:#fff;background:radial-gradient(circle at 95% 0%,rgba(255,77,109,.26),transparent 48%),linear-gradient(145deg,#1d0c2c,#100818 72%)}.territories .territory-flags{margin-bottom:auto;font-size:28px;line-height:1.35}.territories .territory-region p,.territories .territory-region small{color:#ffffff94}.catalogue-intelligence{margin-top:30px;padding:34px;border:1px solid rgba(124,77,255,.18);border-radius:28px;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(280px,.82fr);align-items:center;gap:26px;background:radial-gradient(circle at 95% 0%,rgba(45,212,191,.12),transparent 38%),linear-gradient(135deg,#7c4dff12,#fffc)}.catalogue-intelligence-icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;color:#fff;background:var(--ink);font-size:30px;box-shadow:0 14px 36px #12081c2b}.catalogue-intelligence h3{margin:5px 0 8px;font-size:clamp(25px,3vw,36px);letter-spacing:-.045em}.catalogue-intelligence p:not(.kicker){margin:0;color:var(--muted);font-size:13px;line-height:1.65}.difficulty-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.difficulty-pills span{padding:9px 12px;border:1px solid rgba(124,77,255,.16);border-radius:999px;color:var(--violet);background:#fff;font-size:11px;font-weight:850;box-shadow:0 8px 20px #200c300d}.modes{padding-block:120px 150px}.mode-grid{margin-top:64px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mode-card{position:relative;min-height:355px;padding:32px;border:1px solid var(--line);border-radius:28px;display:flex;flex-direction:column;background:#fff;overflow:hidden}.mode-card:after{content:"";position:absolute;right:-90px;bottom:-100px;width:240px;height:240px;border-radius:50%;background:var(--mode-color, var(--orange));filter:blur(80px);opacity:.16}.mode-main{--mode-color: var(--orange);background:var(--night);color:#fff}.mode-daily{--mode-color: var(--cyan)}.mode-battle{--mode-color: var(--pink)}.mode-studio{--mode-color: var(--violet)}.mode-blitz{--mode-color: var(--gold)}.mode-progress{--mode-color: var(--cyan)}.mode-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--mode-color, var(--orange)) 14%,transparent);font-size:28px}.mode-main .mode-icon{background:#ff7a1a29}.mode-badge{position:absolute;top:32px;right:32px;padding:8px 10px;border-radius:99px;color:var(--gold);background:#ffd1661a;font-size:9px;font-weight:950;letter-spacing:.08em}.mode-card h3{margin:30px 0 0;font-size:34px;letter-spacing:-.045em}.mode-card p{max-width:520px;margin:13px 0 0;color:var(--muted);font-size:16px;line-height:1.6}.mode-main p{color:#ffffff94}.mode-meta{margin-top:auto;padding-top:28px;display:flex;gap:8px;flex-wrap:wrap}.mode-meta span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:850}.mode-main .mode-meta span{border-color:#ffffff1a;color:#ffffff7a}.sonito-section{min-height:740px;padding:110px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;color:#fff;background:radial-gradient(circle at 15% 75%,rgba(255,77,109,.28),transparent 35%),radial-gradient(circle at 82% 20%,rgba(124,77,255,.24),transparent 34%),var(--night)}.sonito-portrait{position:relative;width:min(100%,430px);aspect-ratio:1;margin-inline:auto;border:1px solid rgba(255,255,255,.12);border-radius:50% 50% 42% 42%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,122,26,.92),rgba(255,77,109,.86) 48%,var(--violet));box-shadow:inset 0 0 0 20px #10081838,0 40px 80px #00000047}.sonito-avatar{width:76%;height:76%;border-radius:27%;filter:drop-shadow(0 24px 28px rgba(19,7,27,.35))}.speech-bubble{position:absolute;right:-80px;top:16%;max-width:205px;padding:18px;border-radius:18px 18px 18px 5px;color:var(--ink);background:#fff;box-shadow:0 20px 45px #00000047;font-size:13px;font-weight:900}.sonito-copy p:not(.kicker){margin:28px 0 0;color:#ffffffa3;font-size:18px;line-height:1.65}.sonito-quotes{margin-top:30px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.sonito-quotes span{padding:11px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffc2;background:#ffffff0e;font-size:12px;font-weight:800}.trust{padding-block:135px 145px}.trust-card{padding:68px;border:1px solid var(--line);border-radius:32px;display:grid;grid-template-columns:auto 1fr;gap:44px;background:#fff;box-shadow:0 25px 70px #3b1e4214}.trust-mark{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--cyan),#149f9c);font-size:35px;font-weight:900;box-shadow:0 16px 32px #2dd4bf47}.trust-card h2{max-width:900px}.trust-card p:not(.kicker){max-width:850px;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.trust-link{margin-top:24px;color:var(--violet)}.trust-points{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trust-points div{min-height:220px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#ffffff7a}.trust-points span{display:block;margin-bottom:36px;font-size:30px}.trust-points strong{font-size:19px}.trust-points p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.faq{padding-bottom:145px;display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;gap:90px}.faq .section-heading h2{font-size:clamp(48px,5vw,72px)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font-size:18px;font-weight:850}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--pink);font-size:25px;transition:transform .18s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-7px 50px 26px 0;color:var(--muted);line-height:1.65}.final-cta{position:relative;isolation:isolate;min-height:670px;padding:110px max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;color:#fff;background:radial-gradient(circle at 78% 25%,rgba(124,77,255,.42),transparent 28%),linear-gradient(125deg,rgba(255,122,26,.22),transparent 45%),var(--night);overflow:hidden}.final-copy{position:relative;z-index:2;max-width:770px}.final-copy>p{margin:0 0 22px;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.final-copy h2{font-size:clamp(65px,7.5vw,105px);text-transform:uppercase}.button-giant{min-height:72px;margin-top:38px;padding-inline:30px;font-size:17px}.final-copy small{display:block;margin-top:18px;color:#ffffff6b}.final-disc{position:absolute;right:-130px;width:min(48vw,650px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--night) 0 5%,var(--gold) 5.3% 7.4%,#1d0c2a 7.7% 22%,transparent 22.2%),repeating-radial-gradient(circle,#1b0b28 0,#1b0b28 10px,#2b1238 11px,#2b1238 13px);box-shadow:-20px 0 90px #ff4d6d2e;animation:spin 18s linear infinite}.final-disc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:conic-gradient(from 80deg,transparent,rgba(255,255,255,.22),transparent 20%,transparent 60%,rgba(255,77,109,.26),transparent 78%)}@keyframes spin{to{transform:rotate(360deg)}}.footer{padding:82px max(24px,calc((100% - 1180px)/2)) 30px;color:#ffffffa6;background:#0a050e}.footer-main{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.footer-brand img{width:205px;height:64px;border-radius:14px;object-fit:cover}.footer-brand p{max-width:270px;margin:22px 0 24px;font-size:14px;line-height:1.55}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-links strong{margin-bottom:7px;color:#fff;font-size:12px}.footer-links a{color:#ffffff7a;font-size:12px;text-decoration:none}.footer-links a:hover,.footer-links a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px}.store-row{margin-top:60px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:10px}.store-badge{width:170px;min-height:56px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:11px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;color:#fff}.store-badge b{grid-row:1 / 3;align-self:center;font-size:25px}.store-badge small{align-self:end;color:#ffffff80;font-size:9px}.store-badge strong{font-size:13px}.footer-bottom{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;font-size:11px}.footer-bottom p{margin:0}.footer-bottom a{color:var(--gold);text-underline-offset:3px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1040px){.topbar{grid-template-columns:auto 1fr auto auto;gap:12px}.main-nav{gap:16px}.main-nav a{font-size:11px}.hero{grid-template-columns:1fr .85fr;gap:26px}.float-tag-left{left:-25px}.float-tag-right{right:-20px}.country-battle{grid-template-columns:1fr;gap:56px}.country-copy{max-width:760px}.territories{grid-template-columns:repeat(3,1fr)}.territory-wide{grid-column:span 2}.catalogue-intelligence{grid-template-columns:auto 1fr}.difficulty-pills{grid-column:2;justify-content:flex-start}.sonito-section{gap:60px}.speech-bubble{right:-25px}}@media(max-width:900px){:root{--section: min(100% - 32px, 680px)}.topbar{min-height:64px;grid-template-columns:auto 1fr auto auto;gap:8px}.brand{width:132px;height:44px}.topbar-cta{display:none}.menu-button{position:relative;z-index:2;grid-column:4;width:44px;height:44px;padding:11px;border:0;border-radius:11px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:#ffffff14}.language-toggle{grid-column:3;min-width:66px;height:38px;padding-inline:9px}.menu-button>span:not(.sr-only){width:100%;height:2px;border-radius:4px;background:#fff;transition:transform .16s ease,opacity .16s ease}.menu-button[aria-expanded=true]>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded=true]>span:nth-child(2){opacity:0}.menu-button[aria-expanded=true]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:fixed;inset:-18px -18px auto;min-height:100vh;min-height:100dvh;padding:118px 28px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:24px;background:#0a050efa;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.main-nav.is-open{opacity:1;visibility:visible}.main-nav a{font-size:24px;color:#fff}.main-nav .nav-app-link{min-height:56px;margin-top:12px;padding:0 22px;border-radius:14px;display:flex;align-items:center;color:#fff;background:linear-gradient(115deg,var(--orange),var(--pink),var(--violet));font-size:15px;font-weight:900;text-decoration:none}.hero{min-height:auto;padding-top:140px;padding-bottom:100px;grid-template-columns:1fr;gap:66px}.hero-copy{max-width:660px}.hero h1{font-size:clamp(59px,14vw,92px)}.hero-game{justify-self:center;width:min(100%,500px)}.scroll-cue{display:none}.proof-strip{grid-template-columns:repeat(2,1fr)}.proof-strip div:nth-child(3){border-left:0}.proof-strip div{padding-block:18px}.steps{grid-template-columns:1fr}.step-card{min-height:auto;display:grid;grid-template-columns:64px minmax(200px,.75fr) 1fr;grid-template-rows:auto auto;align-items:center;gap:0 24px}.step-number{grid-row:1 / 3}.step-visual{grid-row:1 / 3;height:170px;margin:0}.step-card h3{align-self:end}.step-card p{align-self:start}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:310px}.sonito-section{grid-template-columns:1fr}.sonito-portrait{width:min(80vw,430px)}.sonito-copy{max-width:660px}.trust-card{padding:46px;grid-template-columns:1fr}.trust-points{grid-template-columns:1fr}.trust-points div{min-height:180px}.faq{grid-template-columns:1fr;gap:50px}.final-disc{right:-260px;opacity:.55;width:650px}.footer-main{grid-template-columns:1fr;gap:56px}}@media(max-width:580px){:root{--section: calc(100% - 26px) }.topbar{top:10px;width:calc(100% - 20px)}.hero{padding-inline:18px;padding-top:124px}.hero h1{font-size:clamp(54px,17vw,76px)}.hero-lead{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.hero-actions .button{width:100%;padding-inline:17px;font-size:14px}.hero-actions .text-link{align-self:center}.hero-reassurance{flex-direction:column}.hero-game{padding:0}.game-shell{padding:18px;border-radius:25px;transform:none}.float-tag-right{top:-30px;right:-2px}.float-tag-left{bottom:-28px;left:4px}.answer-grid span{min-height:45px;padding-inline:10px;font-size:10px}.proof-strip{padding-inline:18px}.proof-strip div{padding-inline:16px}.proof-strip strong{font-size:34px}.how,.modes,.trust{padding-block:95px}.section-heading h2,.catalogue-heading h2,.trust-card h2{font-size:48px}.section-heading>p:last-child,.catalogue-heading>p:not(.kicker):not(.catalogue-count){font-size:16px}.step-card{padding:20px;display:block}.step-number{position:absolute;z-index:2;top:32px;left:34px;color:#ffffff59;font-size:31px}.step-visual{height:180px;margin:0 0 24px}.country-battle{width:calc(100% - 16px);padding:74px 16px;border-radius:28px}.country-copy{padding-inline:8px}.country-copy h2,.sonito-copy h2{font-size:51px}.leaderboard-card{padding:20px 15px}.leaderboard-card li{grid-template-columns:18px 34px 1fr 42px}.leaderboard-card .bar,.country-name small{display:none}.catalogue{padding-block:100px}.catalogue-heading .catalogue-count{max-width:100%;line-height:1.45}.territories{grid-template-columns:repeat(2,1fr);margin-top:70px}.territories article{min-height:160px;padding:18px}.territory-wide{grid-column:span 2}.territories .territory-region{grid-column:span 2;min-height:180px}.catalogue-intelligence{padding:24px;grid-template-columns:1fr}.catalogue-intelligence-icon{width:58px;height:58px}.difficulty-pills{grid-column:1;justify-content:flex-start}.mode-card{min-height:350px;padding:24px}.mode-badge{top:24px;right:24px}.sonito-section{padding-block:90px}.sonito-portrait{width:min(86vw,360px)}.speech-bubble{right:-5px;top:8%;max-width:170px;font-size:11px}.trust-card{padding:30px 24px}.faq{padding-bottom:100px}.final-cta{min-height:650px;padding-block:85px}.final-copy h2{font-size:58px}.button-giant{width:100%;padding-inline:16px;font-size:14px}.footer{padding-top:65px}.footer-links{grid-template-columns:1fr 1fr;gap:42px 24px}.footer-links>div:last-child{grid-column:1 / -1}.store-row,.footer-bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}