:root{
  --bg:#080a0c;
  --bg-soft:#0d1013;
  --surface:#111519;
  --surface-2:#151a1f;
  --surface-3:#1b211d;
  --line:#272d33;
  --line-accent:#536d17;
  --text:#f5f7f1;
  --muted:#9ca5af;
  --muted-2:#747d87;
  --accent:#b8ff2b;
  --accent-soft:#d7ff78;
  --green:#58dbac;
  --orange:#ff9e45;
  --blue:#8eb8ff;
  --danger:#ff626b;
  --shadow:0 30px 90px rgba(0,0,0,.38);
  --radius-xl:34px;
  --radius-lg:24px;
  --radius-md:18px;
  --shell:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.58;-webkit-font-smoothing:antialiased}
body::selection{background:var(--accent);color:#0b0d0e}
a{color:inherit}
img{max-width:100%;display:block}
button,a{-webkit-tap-highlight-color:transparent}
.shell{width:min(var(--shell),calc(100% - 40px));margin-inline:auto}

.noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.17;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
.site-glow{position:fixed;z-index:-2;pointer-events:none;border-radius:999px;filter:blur(90px);opacity:.17}
.site-glow-one{width:520px;height:520px;background:var(--accent);right:-220px;top:-170px}
.site-glow-two{width:420px;height:420px;background:#285c27;left:-200px;top:55vh;opacity:.1}

.site-header{position:sticky;top:0;z-index:50;background:rgba(8,10,12,.72);border-bottom:1px solid rgba(255,255,255,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:950;letter-spacing:-.035em;font-size:22px;white-space:nowrap}
.brand img{width:44px;height:44px;border-radius:13px;box-shadow:0 0 0 1px rgba(184,255,43,.2),0 12px 30px rgba(0,0,0,.3)}
.navlinks{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}
.navlinks a{position:relative;color:#aab2bb;text-decoration:none;font-size:14px;font-weight:700;transition:.2s ease}
.navlinks a:hover{color:var(--text)}
.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--accent);transition:.2s ease}
.navlinks a:hover::after{right:0}
.nav-download{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;border:1px solid #3a4917;background:#12190b;color:var(--accent);height:42px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:900;white-space:nowrap}
.download-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}

.hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.96fr);gap:72px;align-items:center;padding:92px 0 96px}
.hero-copy{position:relative;z-index:4}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:12px;font-weight:950;letter-spacing:.18em}
.eyebrow span{width:28px;height:1px;background:var(--accent);box-shadow:0 0 12px rgba(184,255,43,.65)}
.hero h1{font-size:clamp(58px,7.1vw,98px);line-height:.91;letter-spacing:-.067em;margin:20px 0 26px;font-weight:950;max-width:760px}
.hero h1 span{color:var(--accent)}
.hero-lead{max-width:660px;color:#a7afb8;font-size:19px;line-height:1.72;margin:0}
.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:0 20px;border-radius:14px;text-decoration:none;font-weight:900;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--accent);color:#0a0c0d;box-shadow:0 14px 34px rgba(184,255,43,.13)}
.button-primary:hover{box-shadow:0 18px 40px rgba(184,255,43,.2)}
.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text)}
.button-ghost:hover{border-color:#414a53}
.button-large{min-height:58px;padding-inline:24px;border-radius:16px}
.button-icon{font-size:20px;line-height:1}
.hero-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px;color:#7f8993;font-size:12px;font-weight:700}
.hero-meta span{display:inline-flex;align-items:center;gap:8px}
.hero-meta i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(88,219,172,.5)}

.hero-visual{position:relative;height:610px;perspective:1200px;isolation:isolate}
.hero-visual::before{content:"";position:absolute;inset:9% 2% 4% 6%;border-radius:50%;background:radial-gradient(circle,rgba(184,255,43,.13),transparent 60%);filter:blur(18px)}
.orbit{position:absolute;border:1px solid rgba(184,255,43,.13);border-radius:50%;z-index:-1}
.orbit-one{width:560px;height:560px;left:10px;top:30px}
.orbit-two{width:420px;height:420px;left:80px;top:100px;border-style:dashed;opacity:.6}
.phone-shell{position:absolute;background:#050607;border:1px solid #2b3138;border-radius:42px;padding:9px;box-shadow:0 40px 100px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.025)}
.phone-main{width:292px;height:592px;right:84px;top:5px;z-index:4;transform:rotateY(-5deg) rotateZ(1deg)}
.phone-notch{position:absolute;z-index:5;left:50%;top:17px;width:86px;height:25px;border-radius:999px;background:#020303;transform:translateX(-50%)}
.phone-screen{height:100%;overflow:hidden;border-radius:34px;background:#090b0d;position:relative}
.mock-home{padding:38px 15px 14px}
.mock-topbar{display:flex;align-items:center;justify-content:space-between}
.mock-brand{display:flex;align-items:center;gap:7px;font-size:9px}.mock-brand img{width:22px;border-radius:7px}.mock-brand b{font-weight:900}
.team-chip{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffdc32 48%,#24477f 49%);box-shadow:0 0 0 4px #171d25}.team-chip span{font-size:7px;background:#12161a;border:1px solid #87929c;padding:2px;border-radius:999px}
.mock-card{border:1px solid #2a3037;background:#101418;border-radius:17px}
.mock-season{margin-top:20px;padding:14px;display:grid;grid-template-columns:1fr 49px;gap:9px;background:linear-gradient(145deg,#17200e,#10150e);border-color:#496115}
.mock-season small,.feature-card small,.timeline-head small{font-size:7px;color:var(--accent);font-weight:950;letter-spacing:.16em}
.mock-season h3{font-size:18px;line-height:1.05;margin:6px 0}.mock-season p{font-size:8px;color:#929ba5;margin:0;line-height:1.45}
.mock-badge{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffdb2b 50%,#274780 51%);color:white;font-size:10px;font-weight:950;align-self:center}
.mock-buttons{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}.mock-buttons span,.mock-buttons strong{padding:7px;border-radius:8px;font-size:7px;text-align:center;border:1px solid #30363d}.mock-buttons strong{background:var(--accent);color:#0c0e0f;border-color:var(--accent)}
.mock-section-title{display:flex;justify-content:space-between;align-items:center;margin:17px 1px 8px}.mock-section-title b{font-size:13px}.mock-section-title span{font-size:6px;color:var(--green);border:1px solid #26755d;padding:4px 6px;border-radius:999px}
.mock-match{padding:12px 12px 14px}.mock-match-head{display:flex;justify-content:space-between;font-size:8px}.mock-match-head em{color:var(--accent);font-style:normal;font-size:6px;font-weight:900}.mock-teams{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;text-align:center;margin-top:14px}.mock-teams>div{display:flex;flex-direction:column;align-items:center;gap:7px}.mock-teams b{font-size:8px}.mock-teams>strong{font-size:17px}
.team-orb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:4px solid #1a2535;color:#fff;background:#202832;font-size:10px;font-weight:950;position:relative;overflow:hidden}.team-orb::before{content:"";position:absolute;inset:-10%;transform:rotate(-24deg);opacity:.88}.team-orb.yellow::before{background:linear-gradient(90deg,#ffd52d 0 52%,#294a84 52%)}.team-orb.green::before{background:linear-gradient(90deg,#158b4b 0 52%,#f1f3ef 52%)}.team-orb.red::before{background:linear-gradient(90deg,#e83b46 0 52%,#161c28 52%)}.team-orb{isolation:isolate}.team-orb::after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid #85909b;background:#121619;z-index:-1}.team-orb{z-index:0}.team-orb>*{z-index:2}
.mock-nav{position:absolute;bottom:0;left:0;right:0;height:43px;background:#0d1014;border-top:1px solid #1d2329;display:flex;justify-content:space-around;align-items:center;color:#777f88;font-size:14px}.mock-nav strong{color:var(--accent)}
.phone-side{width:210px;height:430px;top:110px;opacity:.78;filter:saturate(.86);z-index:1}
.phone-side-left{left:0;transform:rotateY(22deg) rotateZ(-6deg)}
.phone-side-right{right:-22px;transform:rotateY(-24deg) rotateZ(7deg)}
.mock-lineup{padding:25px 11px 10px}.mini-header{display:flex;justify-content:space-between;font-size:9px;font-weight:900}.mini-header span{color:var(--accent)}
.mini-pitch{position:absolute;left:10px;right:10px;top:55px;bottom:10px;border-radius:18px;background:repeating-linear-gradient(0deg,#14633e 0 52px,#1a7048 52px 104px);border:2px solid #98cdb5;overflow:hidden}.mini-pitch::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.6) 49.5% 50.5%,transparent 50.5%);opacity:.4}.p{position:absolute;left:var(--x);top:var(--y);width:25px;height:25px;margin:-12px;border-radius:50%;display:grid;place-items:center;background:#17202a;border:3px solid var(--accent);font-size:7px;font-style:normal;font-weight:900;color:white}.p1{--x:50%;--y:11%}.p2{--x:22%;--y:31%}.p3{--x:50%;--y:31%}.p4{--x:78%;--y:31%}.p5{--x:38%;--y:50%}.p6{--x:62%;--y:50%}.p7{--x:16%;--y:72%}.p8{--x:39%;--y:72%}.p9{--x:61%;--y:72%}.p10{--x:84%;--y:72%}.p11{--x:50%;--y:91%}
.mock-center{padding:32px 14px 14px}.mini-center-title{color:var(--accent);font-size:7px;font-weight:950;letter-spacing:.18em}.mock-center h4{font-size:17px;line-height:1.05;margin:8px 0 17px}.mini-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mini-tabs span,.mini-tabs strong{border:1px solid #30363d;border-radius:9px;text-align:center;padding:7px;font-size:8px}.mini-tabs strong{color:var(--accent);border-color:#536d17;background:#17200d}.mini-live{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border:1px solid #37501b;background:#11190e;border-radius:12px;padding:11px}.mini-live small{color:var(--green);font-size:6px;font-weight:900}.mini-live b{font-size:17px}.mini-live.blue{border-color:#30445f;background:#0f141a}.mini-live.blue small{color:var(--blue)}
.floating-tag{position:absolute;z-index:6;background:#101419;border:1px solid #30373f;border-radius:999px;padding:9px 12px;font-size:8px;font-weight:950;letter-spacing:.12em;box-shadow:0 15px 35px rgba(0,0,0,.45)}.tag-live{left:80px;top:82px;color:var(--green)}.tag-share{right:24px;bottom:68px;color:var(--accent)}

.trust-strip{border-top:1px solid #181c20;border-bottom:1px solid #181c20;background:#0a0d0f}
.trust-items{min-height:84px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:10px}
.trust-items span{display:flex;align-items:center;gap:12px;color:#b9c0c7;font-size:13px;font-weight:800}.trust-items b{font-size:10px;color:var(--accent);border:1px solid #334118;border-radius:8px;padding:4px 6px;background:#11170b}

.section{padding:118px 0}
.section-heading{max-width:720px;margin-bottom:48px}.section-heading h2,.privacy-copy h2,.download-app h2{font-size:clamp(42px,5vw,66px);letter-spacing:-.055em;line-height:.98;margin:16px 0 19px}.section-heading p,.privacy-copy>p,.download-app p{font-size:18px;color:var(--muted);margin:0;max-width:640px}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.feature-card{position:relative;overflow:hidden;min-height:390px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(145deg,#111519,#0c0f12);padding:30px;box-shadow:0 0 0 1px rgba(255,255,255,.01) inset}
.feature-card::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(184,255,43,.07),transparent 65%);right:-95px;bottom:-105px}
.feature-card-wide{grid-column:1/-1;min-height:460px;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:42px;padding-right:32px}
.feature-card-accent{background:linear-gradient(145deg,#18210e,#0e120d);border-color:#536d17}
.feature-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;border:1px solid #536d17;background:#17200e;color:var(--accent);font-size:17px;font-weight:950;margin-bottom:25px}
.feature-card small{display:block;margin-bottom:8px;font-size:10px}
.feature-card h3{font-size:33px;letter-spacing:-.045em;line-height:1.04;margin:0 0 14px}.feature-card p{font-size:16px;color:var(--muted);margin:0;max-width:600px}
.lineup-preview{height:380px;padding:14px;border-radius:25px;background:#0a0d0f;border:1px solid #20272d;transform:rotate(2deg);box-shadow:var(--shadow)}
.lp-pitch{position:relative;width:100%;height:100%;border-radius:18px;border:2px solid #96cdb5;background:repeating-linear-gradient(0deg,#14633e 0 56px,#1a7048 56px 112px);overflow:hidden}
.lp-pitch::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.6) 49.7% 50.3%,transparent 50.3%);opacity:.35}
.lp-pitch span{position:absolute;left:var(--x);top:var(--y);width:32px;height:32px;margin:-16px;border-radius:50%;display:grid;place-items:center;background:#1b2633;border:4px solid var(--accent);box-shadow:0 4px 0 #08100a;color:#fff;font-size:9px;font-weight:950}
.metric-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 2px;margin-top:24px;color:var(--muted);font-size:13px}.metric-row+.metric-row{margin-top:0}.metric-row strong{color:var(--text)}
.toggle-list{margin-top:25px;border-top:1px solid var(--line)}.toggle-list span{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;color:#c7cdd3;font-size:13px}.toggle-list i{position:relative;width:34px;height:19px;border-radius:999px;background:var(--accent)}.toggle-list i::after{content:"";position:absolute;right:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#0b0e0f}
.share-ratio{display:flex;gap:9px;margin-top:28px}.share-ratio span{display:grid;place-items:center;width:58px;height:72px;border:1px solid #516d15;background:#10170a;border-radius:12px;color:var(--accent);font-size:12px;font-weight:900}.share-ratio span:nth-child(2){height:61px;align-self:flex-end}.share-ratio span:nth-child(3){height:58px;align-self:flex-end}

.section-match{padding:120px 0;background:linear-gradient(180deg,#090b0d,#0c100c 55%,#090b0d);border-block:1px solid #171c20}
.split-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:74px;align-items:start}
.sticky-copy{position:sticky;top:120px;margin-bottom:0}.check-list{display:grid;gap:12px;margin-top:30px}.check-list span{color:#cbd1d6;font-size:14px;font-weight:750}.check-list span::first-letter{color:var(--accent)}
.match-showcase{display:grid;gap:18px}
.score-card,.timeline-card{border:1px solid #324017;border-radius:30px;background:linear-gradient(145deg,#12190e,#0e120f);padding:26px;box-shadow:0 25px 80px rgba(0,0,0,.24)}
.score-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;font-weight:900;letter-spacing:.11em}.score-top em{font-style:normal;color:var(--blue);border:1px solid #385579;background:#101923;border-radius:999px;padding:7px 10px;font-size:8px;white-space:nowrap}
.score-main{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;text-align:center;padding:24px 30px}.score-main>div:first-child,.score-main>div:last-child{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.score-main .team-orb{width:62px;height:62px;font-size:12px}.score-total small{display:block;color:#8c959f;font-size:8px;letter-spacing:.17em;font-weight:900}.score-total strong{display:block;font-size:46px;letter-spacing:-.055em;line-height:1.1}
.score-legs{border-top:1px solid #2b3522}.score-legs span{display:grid;grid-template-columns:72px 1fr 40px;gap:14px;align-items:center;padding:14px 8px;border-bottom:1px solid #283022;font-size:12px}.score-legs span:last-child{border-bottom:0}.score-legs i{font-style:normal;color:var(--accent);font-weight:900}.score-legs strong{text-align:right}
.timeline-card{border-color:var(--line);background:#101418}.timeline-head{display:flex;gap:15px;align-items:center}.timeline-head .feature-icon{margin:0}.timeline-head h3{font-size:27px;margin:3px 0 0;letter-spacing:-.04em}.timeline-event{display:grid;grid-template-columns:42px 32px 1fr 40px;align-items:center;gap:10px;padding:18px 2px;border-top:1px solid var(--line)}.timeline-head+.timeline-event{margin-top:20px}.timeline-event time{color:var(--accent);font-weight:900}.timeline-event i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#16202c;color:var(--blue);font-style:normal}.timeline-event i.goal{background:#11251e;color:var(--green)}.timeline-event div{display:flex;flex-direction:column}.timeline-event div span{color:var(--muted);font-size:12px}.timeline-event>strong{color:var(--accent);font-size:12px;text-align:right}

.privacy-panel{position:relative;overflow:hidden;border:1px solid #315b49;border-radius:38px;background:linear-gradient(135deg,#0f1714,#101512 50%,#12170f);padding:54px;display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}.privacy-panel::after{content:"";position:absolute;right:-110px;top:-110px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(88,219,172,.12),transparent 65%)}
.privacy-copy{position:relative;z-index:2}.privacy-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:27px}.privacy-links a{font-size:13px;color:var(--text);text-decoration:none;border-bottom:1px solid #58616a;padding-bottom:4px}.privacy-links a:hover{color:var(--accent)}
.privacy-status{position:relative;z-index:2;border:1px solid #2f3b36;border-radius:24px;background:rgba(7,10,9,.58);padding:12px}.privacy-status>div{display:grid;grid-template-columns:34px 1fr 30px;align-items:center;gap:12px;padding:17px;border-bottom:1px solid #27312d}.privacy-status>div:last-child{border:0}.privacy-status>div>span{color:#7e8984;font-size:10px;font-weight:900}.privacy-status p{margin:0;display:flex;flex-direction:column}.privacy-status p b{font-size:14px}.privacy-status p small{color:var(--muted);font-size:11px}.privacy-status strong{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#133226;color:var(--green);font-size:12px}

.download-section{padding-top:40px}.download-panel{border-radius:38px;border:1px solid #536d17;background:linear-gradient(135deg,#17200e,#0d110d 55%,#11170d);padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:44px;box-shadow:var(--shadow)}
.download-app{display:flex;align-items:center;gap:25px}.download-app img{width:104px;height:104px;border-radius:26px;box-shadow:0 18px 40px rgba(0,0,0,.35)}.download-app h2{font-size:42px;margin:9px 0 10px}.download-app p{font-size:15px;max-width:460px}
.store-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:380px}.store-button{display:flex;align-items:center;gap:12px;text-decoration:none;border:1px solid #343c43;border-radius:16px;padding:12px 15px;background:#0c0f11;transition:.2s ease}.store-button:hover,.store-button.recommended{border-color:#739520;background:#11170d;transform:translateY(-2px)}.store-symbol{font-size:24px;width:28px;text-align:center}.store-button>span:last-child{display:flex;flex-direction:column}.store-button small{font-size:9px;color:#8f98a2}.store-button strong{font-size:14px}.store-hint{grid-column:1/-1;color:#7e8790;font-size:10px;margin:3px 0 0;text-align:right}
.provider{padding:34px 0 86px}.provider p{margin:0;color:#737d86;font-size:12px;max-width:920px}.provider strong{color:#aab3bb}

.site-footer{border-top:1px solid #1b2025;background:#090b0d;padding-top:54px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px;padding-bottom:48px}.footer-brand p{color:#7f8992;font-size:13px;margin-top:14px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col strong{font-size:11px;letter-spacing:.12em;color:#8b949c;margin-bottom:4px}.footer-col a{font-size:13px;color:#b7bec5;text-decoration:none}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid #1b2025;min-height:68px;display:flex;align-items:center;justify-content:space-between;color:#69727b;font-size:11px}

/* Legal / support pages */
body:not(.landing-page){background:radial-gradient(circle at top right,rgba(184,255,43,.07),transparent 32%),var(--bg)}
body:not(.landing-page)>.shell.nav{height:82px}
body:not(.landing-page)>.nav{height:82px}
body:not(.landing-page)>.shell.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
body:not(.landing-page)>.shell.nav .navlinks{flex:0 1 auto}
.legal{width:min(860px,calc(100% - 40px));margin:auto;padding:76px 0 110px}
.legal>.kicker,.kicker{color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.16em}
.legal h1{font-size:clamp(44px,7vw,70px);line-height:.96;letter-spacing:-.055em;margin:14px 0 28px}.legal h2{font-size:24px;letter-spacing:-.025em;margin:42px 0 14px}.legal h3{margin-top:28px}.legal p,.legal li{color:#b6bec6}.legal a{color:#000!important;text-underline-offset:3px;}.legal ul{padding-left:21px}.legal li+li{margin-top:8px}.notice{background:linear-gradient(145deg,#12171a,#0e1214);border:1px solid var(--line);border-radius:22px;padding:23px 24px;margin:30px 0}.notice h2{margin-top:0}.legal .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
body:not(.landing-page)>.footer{width:min(var(--shell),calc(100% - 40px));margin:auto;border-top:1px solid var(--line);padding:26px 0 50px;color:var(--muted);font-size:13px}.footerlinks{display:flex;gap:17px;flex-wrap:wrap}.footerlinks a{color:#98a1aa;text-decoration:none}.footerlinks a:hover{color:var(--accent)}

@media(max-width:1050px){
  .hero{grid-template-columns:1fr 430px;gap:28px}.hero-visual{transform:scale(.92);transform-origin:center right}.phone-side-left{left:-18px}.phone-side-right{right:-80px}.feature-card-wide{grid-template-columns:1fr 380px}.split-layout{gap:40px}.download-panel{align-items:flex-start}.store-buttons{min-width:330px}
}
@media(max-width:860px){
  .shell{width:min(100% - 28px,var(--shell))}.nav{height:70px}.navlinks{display:none}.brand{font-size:19px}.brand img{width:39px;height:39px}.nav-download{height:38px}
  .hero{display:block;min-height:auto;padding:68px 0 80px}.hero-copy{text-align:center}.hero .eyebrow,.hero-actions,.hero-meta{justify-content:center}.hero-lead{margin-inline:auto}.hero h1{font-size:clamp(56px,14vw,82px)}.hero-visual{height:570px;margin:50px auto 0;max-width:540px;transform:scale(.92);transform-origin:center}.phone-main{right:50%;transform:translateX(50%) rotateZ(1deg)}.phone-side-left{left:0}.phone-side-right{right:0}.tag-live{left:12px}.tag-share{right:8px}
  .trust-items{grid-template-columns:1fr 1fr;padding:18px 0;gap:16px}.section{padding:86px 0}.feature-grid{grid-template-columns:1fr}.feature-card-wide{grid-column:auto;display:block;padding:30px}.lineup-preview{margin-top:28px;height:360px}.split-layout{grid-template-columns:1fr}.sticky-copy{position:static}.privacy-panel{grid-template-columns:1fr;padding:38px;gap:36px}.download-panel{display:grid}.store-buttons{min-width:0;width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:560px){
  .shell{width:calc(100% - 24px)}.site-header{background:rgba(8,10,12,.88)}.nav{height:66px}.brand{gap:9px}.brand img{width:36px;height:36px;border-radius:11px}.nav-download{padding:0 13px;font-size:12px}.download-dot{display:none}
  .hero{padding-top:50px}.hero h1{font-size:clamp(49px,16vw,68px);margin-top:16px}.hero-lead{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.button-large{padding-inline:13px;min-height:54px;font-size:13px}.hero-meta{gap:11px}.hero-meta span{font-size:10px}.hero-visual{height:480px;margin-top:32px;transform:scale(.78);transform-origin:top center;margin-bottom:-105px}.phone-side-left{left:-72px}.phone-side-right{right:-72px}.floating-tag{display:none}
  .trust-items{grid-template-columns:1fr 1fr}.trust-items span{font-size:11px}.section{padding:72px 0}.section-heading{margin-bottom:30px}.section-heading h2,.privacy-copy h2,.download-app h2{font-size:42px}.section-heading p,.privacy-copy>p{font-size:16px}.feature-card{min-height:0;padding:24px;border-radius:26px}.feature-card h3{font-size:28px}.feature-card p{font-size:14px}.lineup-preview{height:315px}.split-layout{gap:24px}.score-card,.timeline-card{padding:18px;border-radius:24px}.score-main{grid-template-columns:1fr 86px 1fr;padding:20px 5px}.score-total strong{font-size:34px}.score-main .team-orb{width:52px;height:52px}.score-legs span{grid-template-columns:58px 1fr 28px;gap:8px}.timeline-event{grid-template-columns:34px 28px 1fr 30px;font-size:11px}.privacy-panel{padding:26px;border-radius:28px}.privacy-links{display:grid}.download-panel{padding:26px;border-radius:28px}.download-app{align-items:flex-start}.download-app img{width:76px;height:76px;border-radius:20px}.download-app h2{font-size:34px}.store-buttons{grid-template-columns:1fr}.store-hint{grid-column:1;text-align:left}.provider{padding-bottom:60px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{display:grid;gap:4px;justify-content:start;padding:18px 0}.legal{width:calc(100% - 28px);padding:54px 0 80px}.legal h1{font-size:47px}.legal h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* =========================================================
   MAÇDAŞ+ — MOBILE VIEWPORT FINAL FIX
   Body büyütülmez; yalnız hero kompozisyonu genişletilir.
   ========================================================= */

@media (max-width: 560px) {

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  body.landing-page {
    position: relative;
    margin: 0;
  }

  .site-header,
  main,
  .site-footer {
    width: 100%;
    max-width: 100%;
  }

  /*
   * Mobil içerik gerçek viewport'a göre ortalanır.
   */
  .shell {
    width: calc(100% - 24px);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  /*
   * Hero metni aynı shell içerisinde kalır.
   */
  .hero {
    width: calc(100% - 24px);
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
  }

  /*
   * 114% body'nin verdiği "daha dolu" hissi
   * yalnızca uygulama mockup alanına uygulanıyor.
   */
  .hero-visual {
    width: 114%;
    max-width: 560px;

    left: 50%;
    position: relative;

    margin-top: 32px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -105px;

    transform:
      translateX(-50%)
      scale(.78);

    transform-origin: top center;

    height: 480px;
  }

  /*
   * Ana telefon matematiksel olarak ortada.
   */
  .phone-main {
    left: 50%;
    right: auto;

    transform:
      translateX(-50%)
      rotateZ(1deg);
  }

  /*
   * Yan telefonlar ana telefon merkezine göre yerleşir.
   * Böylece farklı ekran genişliklerinde sola kaçmaz.
   */
  .phone-side-left {
    left: 50%;
    right: auto;

    transform:
      translateX(-142%)
      rotateY(22deg)
      rotateZ(-6deg);
  }

  .phone-side-right {
    left: 50%;
    right: auto;

    transform:
      translateX(42%)
      rotateY(-24deg)
      rotateZ(7deg);
  }

  /*
   * Orbitler de ekran merkezine bağlanır.
   */
  .orbit-one {
    left: 50%;
    top: 30px;

    width: 560px;
    height: 560px;

    transform: translateX(-50%);
  }

  .orbit-two {
    left: 50%;
    top: 100px;

    width: 420px;
    height: 420px;

    transform: translateX(-50%);
  }

  /*
   * Glow layout genişliğini belirlemez.
   * Mobilde biraz küçültüp daha temiz tutuyoruz.
   */
  .site-glow-one {
    width: 420px;
    height: 420px;
    right: -260px;
    top: -150px;
    opacity: .11;
  }

  .site-glow-two {
    width: 330px;
    height: 330px;
    left: -230px;
    opacity: .07;
  }
}


/* Dar ekran ince ayarı */
@media (max-width: 390px) {

  .hero-visual {
    width: 118%;
    transform:
      translateX(-50%)
      scale(.75);
  }

  .phone-side-left {
    transform:
      translateX(-136%)
      rotateY(22deg)
      rotateZ(-6deg);
  }

  .phone-side-right {
    transform:
      translateX(36%)
      rotateY(-24deg)
      rotateZ(7deg);
  }
}