:root{--bg:#080a12;--panel:#111521;--pink:#f02c86;--violet:#7547ff;--text:#121421;--muted:#667085}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}.wrap{width:min(1180px,92%);margin:auto}.notice{background:#f02c86;color:#fff;text-align:center;padding:9px;font-size:13px;font-weight:700}header{position:sticky;top:0;z-index:20;background:#090b13eF;border-bottom:1px solid #ffffff18;backdrop-filter:blur(12px)}.nav{height:78px;display:flex;align-items:center;gap:34px}.logo{width:150px;max-height:58px;object-fit:contain}.nav nav{display:flex;gap:28px;margin-left:auto}.nav a{color:#fff;text-decoration:none;font-weight:700;font-size:14px}.btn{display:inline-block;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;text-decoration:none;border-radius:8px;padding:15px 24px;font-weight:800;box-shadow:0 12px 30px #e42a8140}.btn.small{padding:11px 17px}.menu{display:none}.hero{background:radial-gradient(circle at 75% 35%,#5d205a 0,#171229 26%,#090b14 58%);color:#fff;padding:90px 0 70px;overflow:hidden}.hero-grid,.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.hero h1{font-size:58px;line-height:1.04;margin:15px 0 22px}.hero h1 em{font-style:normal;color:#ff4aa2}.hero p,.lead{font-size:18px;line-height:1.7;color:#bfc3d2;max-width:620px}.hero-img{width:115%;filter:drop-shadow(0 30px 40px #0008)}.eyebrow{font-size:12px;letter-spacing:2.2px;color:#ef3d93;font-weight:900}.trust{display:flex;gap:25px;margin-top:36px;color:#d9d9e4;font-size:13px}.devices{background:#10131d;color:#fff;padding:24px 0}.devices .wrap{display:flex;align-items:center;gap:40px}.devices h3{white-space:nowrap}.device-row{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%}.device-row img{width:58px;height:42px;object-fit:contain;filter:grayscale(1) brightness(3)}.section{padding:90px 0}.section h2,.sport h2{font-size:44px;margin:12px 0 18px}.dark{background:#080a12;color:#fff;text-align:center}.tabs{display:flex;justify-content:center;gap:10px;margin:34px 0}.tabs button{border:1px solid #34394c;background:#151925;color:#cdd0db;padding:12px 19px;border-radius:7px;cursor:pointer;font-weight:800}.tabs button.active{background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;border-color:transparent}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#121622;border:1px solid #262c3e;border-radius:14px;padding:28px 22px;text-align:left}.card h3{font-size:21px}.price{font-size:38px;font-weight:900;margin:18px 0}.card ul{padding:0;list-style:none;color:#b9bfce;line-height:2}.card li:before{content:'✓';color:#ff3c96;margin-right:9px}.card .btn{display:block;text-align:center;margin-top:20px}.split>img{width:100%;max-height:520px;object-fit:contain}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0 32px}.checks span{font-weight:700}.soft{background:#f6f7fb}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.features article{background:#fff;padding:28px;border-radius:14px;box-shadow:0 12px 40px #1720360d;font-size:28px}.features h3{font-size:19px}.features p{font-size:15px;color:var(--muted);line-height:1.6}.stores{display:flex;gap:12px;margin-top:25px}.stores img{height:48px;width:auto}.app{background:#fff}.sport{padding:70px 0;background:linear-gradient(120deg,#0a0c16,#221332);color:#fff}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.reviews blockquote{margin:0;background:#f7f7fa;border-radius:14px;padding:28px;color:#f0a500}.reviews p{color:#505566;line-height:1.7}.reviews b{color:#151722}.faq{max-width:900px}.faq details{background:#fff;border:1px solid #e5e7ee;border-radius:10px;margin:12px 0;padding:19px 22px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#666d7d;line-height:1.6}footer{background:#080a12;color:#c6cad4;padding-top:65px}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer>div{display:flex;flex-direction:column;gap:12px}.footer a{color:#c6cad4;text-decoration:none}.copy{text-align:center;border-top:1px solid #ffffff16;margin-top:45px;padding:20px;font-size:13px}@media(max-width:900px){.nav nav,.nav>.btn{display:none}.menu{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:25px}.hero-grid,.split{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-img{width:100%}.cards,.features{grid-template-columns:1fr 1fr}.devices .wrap{display:block}.device-row{overflow:auto}.reviews{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{padding-top:60px}.hero h1{font-size:37px}.section h2,.sport h2{font-size:34px}.cards,.features,.checks{grid-template-columns:1fr}.tabs{justify-content:flex-start;overflow:auto}.trust{flex-wrap:wrap}.footer{grid-template-columns:1fr}.device-row img{flex:0 0 50px}}

/* ===== Reference-style three-level header ===== */
.payment-bar{height:54px;display:flex;align-items:center;justify-content:center;background:#087eae;color:#fff;font-size:16px;font-weight:500;letter-spacing:.05px}
.support-bar{height:63px;background:#100873;color:#fff}
.header-wrap{width:min(1200px,94%);margin:auto}
.support-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.support-left{display:flex;align-items:center;gap:42px;font-weight:800}
.support-left a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.mail-icon{font-size:27px;line-height:1;font-weight:400}.chat-icon{font-size:25px;margin-right:7px}.support-item{display:flex;align-items:center}
.top-start{background:#b82d58;color:#fff;text-decoration:none;font-weight:800;padding:13px 25px;border-radius:4px}
.main-header{position:relative;top:auto;z-index:20;background:#fff;border-bottom:0;backdrop-filter:none}
.main-header .nav{height:104px;display:flex;align-items:center;gap:28px}
.main-header .logo{width:88px;height:88px;max-height:none;object-fit:contain;flex:0 0 auto}
.main-header nav{display:flex;gap:34px;margin-left:auto;margin-right:125px;height:100%;align-items:center}
.main-header .nav a{color:#111;text-decoration:none;font-weight:700;font-size:16px;transition:.2s}
.main-header .nav a.active,.main-header .nav a:hover{color:#bd315b}
.nav-tools{display:flex;align-items:center;gap:38px}.search,.main-header .menu{border:0;background:transparent;color:#08005e;font-size:32px;line-height:1;padding:0;cursor:pointer}.main-header .menu{display:block;color:#111;font-size:26px}
.hero{background:linear-gradient(110deg,#bd4568 0%,#7c3e68 38%,#173b78 100%);padding:105px 0 76px}
.hero .wrap{width:min(1200px,94%)}
.hero h1{font-size:56px;max-width:650px}.hero h1 em{color:#fff}.hero .eyebrow{color:#fff;font-size:16px;letter-spacing:0}.hero p{color:#fff;font-size:20px}.hero .btn{background:#0c0874;border-radius:28px;box-shadow:none}.hero-img{width:108%}
@media(max-width:900px){.payment-bar{height:auto;min-height:42px;padding:10px 15px;font-size:13px;text-align:center}.support-bar{height:auto;padding:11px 0}.support-left{gap:16px;font-size:12px}.top-start{padding:10px 14px;font-size:12px}.main-header .nav{height:82px}.main-header .logo{width:70px;height:70px}.main-header nav{display:none}.nav-tools{margin-left:auto;gap:22px}.search{font-size:27px}.hero{padding-top:70px}}
@media(max-width:560px){.support-left .support-item{display:none}.support-left{font-size:11px}.mail-icon{font-size:20px}.top-start{padding:9px 12px}.main-header .nav{height:72px}.main-header .logo{width:60px;height:60px}.hero h1{font-size:39px}}
