:root{--blue:#0757a6;--blue2:#0783e8;--navy:#062b55;--yellow:#f5b700;--green:#159b68;--red:#c95353;--ink:#152b47;--muted:#607089;--line:#dfe8f2;--soft:#f4f8fc;--white:#fff;--shadow:0 22px 55px rgba(5,48,94,.13)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(221,231,241,.9)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:baseline;font-size:34px;font-weight:900;letter-spacing:-2.6px;color:#17376f}.logo-k{color:#0783e8}.logo-dot{color:var(--yellow)}.logo small{font-size:18px;letter-spacing:-1px}.menu{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.menu>a:not(.btn):hover{color:var(--blue2)}.login{border-left:1px solid var(--line);padding-left:26px}.menu-toggle{display:none;border:0;background:transparent;width:42px;padding:8px}.menu-toggle span{display:block;height:3px;background:var(--navy);border-radius:3px;margin:5px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:10px;font-weight:850;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-small{padding:11px 18px;color:#fff;background:var(--blue)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 12px 28px rgba(7,87,166,.24)}.btn-outline{border:1px solid #b8cde1;color:var(--blue);background:#fff}.btn-white{background:#fff;color:var(--blue);box-shadow:0 12px 26px rgba(0,0,0,.13)}
.hero{position:relative;overflow:hidden;padding:100px 0;background:radial-gradient(circle at 88% 20%,rgba(20,142,233,.14),transparent 27%),linear-gradient(125deg,#fafdff,#eaf5ff)}.hero:before{content:"";position:absolute;width:450px;height:450px;border:80px solid rgba(7,131,232,.035);border-radius:50%;right:-180px;bottom:-260px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center;position:relative}.eyebrow,.section-label{display:inline-block;font-size:12px;letter-spacing:1.5px;font-weight:900;color:var(--blue);margin-bottom:18px}.hero h1{font-size:clamp(46px,5.5vw,72px);line-height:1.02;color:var(--navy);letter-spacing:-3.2px}.hero h1 span{color:var(--blue2)}.hero-lead{font-size:18px;color:var(--muted);margin:27px 0 32px;max-width:650px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.trust-list{display:flex;list-style:none;flex-wrap:wrap;gap:11px 19px;margin-top:25px;font-size:12px;color:#4c627b;font-weight:650}.trust-list li::first-letter{color:var(--green)}.hero-visual{position:relative}.dashboard{background:#fff;border-radius:23px;padding:27px;box-shadow:0 35px 80px rgba(5,62,117,.2);border:1px solid rgba(255,255,255,.8)}.dash-head,.rank-head{display:flex;justify-content:space-between;align-items:center}.dash-head small{font-size:9px;color:var(--blue2);font-weight:900;letter-spacing:1.4px}.dash-head h2{font-size:22px}.round{font-size:10px;color:var(--blue);font-weight:800;background:#eaf5ff;padding:7px 10px;border-radius:20px}.match{margin:22px 0;display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:9px;text-align:center;background:linear-gradient(135deg,#064f98,#0783e8);color:#fff;border-radius:13px;padding:17px 12px;font-size:12px}.match b{background:#fff;color:var(--navy);border-radius:6px;padding:5px 10px;font-size:18px}.match i{font-style:normal;font-size:10px}.rank-head{padding:0 2px 10px;border-bottom:1px solid #e6edf5}.rank-head small{color:#7c8da2}.ranking{list-style:none}.ranking li{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #eaf0f6;font-size:13px}.ranking em{font-style:normal;color:#7b8ca0;width:14px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800}.av1{background:#087bd8}.av2{background:#efa900}.av3{background:#16a16b}.ranking .name{flex:1;font-weight:650}.dash-footer{margin-top:17px;text-align:center;border-radius:8px;padding:9px;background:#f1f8ff;color:var(--blue);font-size:11px;font-weight:750}.float-badge{position:absolute;z-index:3;background:#fff;border-radius:30px;padding:9px 14px;box-shadow:0 10px 25px rgba(4,44,86,.14);font-size:11px;font-weight:800}.badge-one{right:-20px;top:-25px}.badge-two{left:-32px;bottom:-22px}.section{padding:100px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 50px}.section-heading h2,.manifesto h2,.season h2,.feature-intro h2,.faq h2{font-size:clamp(32px,4.2vw,49px);line-height:1.12;color:var(--navy);letter-spacing:-1.9px}.section-heading p{color:var(--muted);font-size:16px;margin-top:14px}.manifesto{padding:80px 0;background:#fff;border-bottom:1px solid var(--line)}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.manifesto-text{border-left:4px solid var(--yellow);padding-left:30px}.manifesto-text p{color:var(--muted);margin-bottom:16px}.manifesto-text strong{display:block;color:var(--blue);font-size:19px;margin-top:20px}.comparison{background:var(--soft)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:970px;margin:auto}.compare-card{background:#fff;border-radius:18px;padding:35px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(5,48,94,.06)}.compare-card h3{font-size:23px;margin:7px 0 23px}.card-kicker{font-size:10px;letter-spacing:1.2px;font-weight:900}.bet-card .card-kicker{color:#a45454}.k-card{border-top:5px solid var(--blue2)}.k-card .card-kicker{color:var(--blue)}.compare-card ul{list-style:none}.compare-card li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f5;font-size:14px}.compare-card li:last-child{border:0}.bet-card li span{color:var(--red);font-size:18px;font-weight:900}.k-card li span{color:var(--green);font-size:18px;font-weight:900}.season{background:linear-gradient(135deg,#052b55,#075eae);color:#fff}.season-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.section-label.light{color:#75c6ff}.season h2,.feature-intro h2{color:#fff}.season-copy>p{color:#c7daec;margin-top:22px}.important-note{margin-top:26px;padding:16px 18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#d9e7f4;font-size:12px}.important-note strong{color:#fff}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:rgba(255,255,255,.18)}.timeline article{position:relative;display:flex;gap:18px;margin:22px 0}.timeline article>span{position:relative;z-index:2;flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--blue);font-weight:900;box-shadow:0 7px 20px rgba(0,0,0,.18)}.timeline h3{font-size:16px}.timeline p{font-size:13px;color:#bfd3e7}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps-grid article{position:relative;padding:30px 23px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 9px 30px rgba(5,48,94,.06);transition:.25s}.steps-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.number{position:absolute;right:17px;top:13px;color:#e1ebf5;font-size:28px;font-weight:900}.icon{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;background:#eaf5ff;font-size:25px;margin-bottom:18px}.steps-grid h3{font-size:17px}.steps-grid p{font-size:13px;color:var(--muted);margin-top:6px}.features{background:linear-gradient(135deg,#074b91,#0784e8);color:#fff}.features-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.feature-intro>p{color:#c9e2f6;margin:20px 0 28px;max-width:430px}.feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:17px}.feature-cards article{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);padding:24px;border-radius:15px}.feature-cards span{font-size:25px}.feature-cards h3{font-size:16px;margin:9px 0 3px}.feature-cards p{font-size:12px;color:#cce2f5}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.audience-grid article{text-align:center;padding:30px 20px;background:var(--soft);border-radius:15px;border:1px solid var(--line)}.audience-grid span{font-size:36px}.audience-grid h3{margin:8px 0 4px}.audience-grid p{color:var(--muted);font-size:12px}.faq{background:var(--soft)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-grid>div:first-child p{color:var(--muted);margin-top:15px}.accordions details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:11px;padding:0 20px}.accordions summary{cursor:pointer;list-style:none;padding:18px 25px 18px 0;font-weight:750;position:relative}.accordions summary:after{content:"+";position:absolute;right:0;color:var(--blue);font-size:20px}.accordions details[open] summary:after{content:"−"}.accordions details p{padding:0 30px 18px 0;color:var(--muted);font-size:13px}.final-cta{padding:90px 0}.final-box{border-radius:22px;padding:46px 50px;background:linear-gradient(110deg,#053b72,#087edf);color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;box-shadow:0 20px 50px rgba(5,71,134,.22)}.final-box .ball{font-size:48px}.final-box span{font-size:10px;letter-spacing:1.2px;color:#9bd4ff;font-weight:900}.final-box h2{font-size:31px;line-height:1.2}.final-box p{color:#cce4f8}.footer{background:#031f3c;color:#adc3d9;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.footer-logo{color:#fff;margin-bottom:8px}.footer h3{font-size:13px;color:#fff;margin-bottom:14px}.footer a:not(.logo),.footer .disabled-link{display:block;font-size:12px;margin:8px 0}.footer a:hover{color:#fff}.footer .disabled-link{color:#5c7391;cursor:default}.footer p{font-size:12px}.legal-note{border:1px solid #153b60;background:#082745;border-radius:9px;padding:13px 16px;margin-top:42px;font-size:10px;text-align:center}.copyright{border-top:1px solid #153b60;margin-top:20px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px}
@media(max-width:920px){.menu-toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:24px;flex-direction:column;align-items:stretch;box-shadow:0 18px 35px rgba(5,48,94,.12)}.menu.open{display:flex}.login{border:0;padding:0}.hero-grid,.manifesto-grid,.season-grid,.features-grid,.faq-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.trust-list{justify-content:center}.hero-visual{width:min(530px,100%);margin:20px auto 0}.manifesto-grid,.season-grid,.features-grid,.faq-grid{gap:45px}.steps-grid,.audience-grid{grid-template-columns:1fr 1fr}.final-box{grid-template-columns:auto 1fr}.final-box .btn{grid-column:1/-1}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.footer-grid>div:first-child{grid-row:span 2}}
@media(max-width:640px){.container{width:min(100% - 28px,1160px)}.nav{height:68px}.menu{top:68px}.logo{font-size:29px}.logo small{font-size:15px}.hero{padding:65px 0}.hero h1{font-size:45px;letter-spacing:-2px}.hero-lead{font-size:16px}.hero-actions{display:grid}.trust-list{display:grid;text-align:left}.dashboard{padding:18px;transform:none}.float-badge{display:none}.match{font-size:10px;gap:5px}.match b{padding:4px 7px}.section{padding:72px 0}.manifesto{padding:65px 0}.manifesto-text{padding-left:20px}.compare-grid,.steps-grid,.feature-cards,.audience-grid{grid-template-columns:1fr}.compare-card{padding:27px 22px}.season-grid{gap:35px}.timeline article{margin:18px 0}.final-cta{padding:70px 0}.final-box{grid-template-columns:1fr;text-align:center;padding:35px 23px}.final-box .btn{grid-column:auto;width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:1/-1;grid-row:auto}.footer-grid>div:last-child{grid-column:auto}.copyright{flex-direction:column;gap:7px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}