:root{--navy:#071426;--navy2:#0d2038;--red:#cf1f31;--blue:#0c79d8;--sky:#68c4ff;--ink:#0a1728;--muted:#607187;--paper:#f4f7fa;--line:#dfe6ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif}a{color:inherit}.site-header{width:min(1180px,calc(100% - 40px));height:84px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:grid;text-decoration:none;line-height:.85}.brand strong{font-family:Oswald,sans-serif;font-size:1.8rem;font-style:italic;letter-spacing:-.06em}.brand strong span{color:var(--red)}.brand small{margin-top:.35rem;font-size:.54rem;font-weight:900;letter-spacing:.28em}.site-header nav{display:flex;align-items:center;gap:1.8rem;font-size:.875rem;font-weight:800}.site-header nav a{text-decoration:none}.login-link{margin-left:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:1rem 1.35rem;border-radius:.65rem;background:var(--red);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 25px #cf1f3128}.button-small{padding:.72rem 1.05rem}.menu-button{display:none;border:1px solid var(--line);border-radius:.5rem;background:#fff;padding:.6rem .8rem;font-weight:800}.hero{position:relative;width:min(1180px,calc(100% - 40px));margin:auto;padding:5.5rem 0 7rem;display:grid;grid-template-columns:.92fr 1.08fr;gap:4.5rem;align-items:center}.hero:after{content:"";position:absolute;z-index:-1;right:-20rem;top:-8rem;width:38rem;height:38rem;border-radius:50%;background:radial-gradient(circle,#68c4ff35,transparent 68%)}.kicker{display:flex;align-items:center;gap:.55rem;margin:0;color:var(--blue);font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.kicker>span{display:block;width:.5rem;height:.5rem;border-radius:50%;background:var(--red)}h1,h2{font-family:Oswald,sans-serif;text-transform:uppercase}h1{margin:1.25rem 0;font-size:clamp(3.6rem,6.4vw,5.4rem);line-height:.94;letter-spacing:-.045em}h1 em{color:var(--red);font-style:normal}.hero-summary{max-width:35rem;color:var(--muted);font-size:1.1rem;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:1.4rem;margin-top:1.8rem}.text-link{font-weight:850;text-decoration:none}.trial-note{color:#7c8b9c;font-size:.78rem;font-weight:650}.match-card{overflow:hidden;border-radius:1.35rem;background:var(--navy2);box-shadow:0 2.3rem 5rem #07142633,0 0 0 .55rem #edf2f6;transform:rotate(1deg)}.match-header{min-height:5.7rem;padding:1.1rem 1.3rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff}.match-header>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:.22rem .45rem;align-items:center}.match-header strong{grid-column:1/-1}.live-dot{width:.48rem;height:.48rem;border-radius:50%;background:#2dd36f;box-shadow:0 0 0 .25rem #2dd36f22}.match-header small{font-size:.63rem;font-weight:900;letter-spacing:.1em}.score{display:flex;gap:.6rem;font-size:2rem;font-weight:900}.score i{color:#6c7d91;font-style:normal}.clock{justify-self:end;border-radius:2rem;background:#ffffff12;padding:.55rem .8rem;font-weight:850}.match-body{position:relative;padding:0 1.25rem 1.25rem}.pitch{height:24rem;position:relative;overflow:hidden;border:2px solid #ffffff99;border-radius:.8rem;background:repeating-linear-gradient(90deg,#168248 0 16.66%,#127642 16.66% 33.32%)}.halfway{position:absolute;left:50%;top:0;bottom:0;border-left:2px solid #ffffff77}.center-circle{position:absolute;left:50%;top:50%;width:7rem;height:7rem;border:2px solid #ffffff77;border-radius:50%;transform:translate(-50%,-50%)}.penalty-area{position:absolute;left:-2px;top:50%;width:6rem;height:13rem;border:2px solid #ffffff77;transform:translateY(-50%)}.player{position:absolute;z-index:2;width:2.8rem;height:2.8rem;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--red);color:#fff;font-weight:950;box-shadow:0 .35rem .7rem #0006;transform:translate(-50%,-50%)}.p1{left:18%;top:48%}.p2{left:48%;top:25%}.p3{left:78%;top:48%}.p4{left:35%;top:69%}.p5{left:64%;top:70%}.p6{left:49%;top:88%}.event-toast{position:absolute;right:2.2rem;bottom:2.2rem;width:14.5rem;display:grid;gap:.35rem;padding:1rem;border:1px solid #ffffff29;border-radius:.75rem;background:#071426ee;color:#fff;box-shadow:0 1rem 2rem #0006}.event-toast small{color:#94a4b6;font-size:.65rem;font-weight:850}.event-toast span{color:var(--sky);font-size:.8rem}.match-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff13;background:var(--navy)}.match-stats div{display:grid;gap:.2rem;padding:1.1rem;text-align:center;border-right:1px solid #ffffff12}.match-stats div:last-child{border:0}.match-stats strong{color:#fff;font-size:1.25rem}.match-stats span{color:#8798ac;font-size:.7rem}.journey-bar{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);color:#fff}.journey-bar span{padding:1.6rem;text-align:center;border-right:1px solid #ffffff13;font-size:.82rem;font-weight:800}.journey-bar b{margin-right:.55rem;color:var(--sky)}.section{padding:7rem max(20px,calc((100% - 1180px)/2))}.features{background:var(--paper)}.section-title{max-width:43rem;margin-bottom:3rem}.section-title h2,.workflow h2,.final-cta h2{margin:.7rem 0;font-size:clamp(2.7rem,4.3vw,4rem);line-height:1}.section-title>p:last-child{color:var(--muted);font-size:1.05rem;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.feature-grid article{min-height:17rem;padding:1.8rem;border:1px solid var(--line);border-radius:1rem;background:#fff}.icon{width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:.65rem;background:#e6f4ff;color:var(--blue);font-size:1.45rem;font-weight:900}.feature-grid h3{margin:3.2rem 0 .7rem;font-size:1.15rem}.feature-grid p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.65}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:6rem;background:var(--navy);color:#fff}.kicker.light{color:var(--sky)}.workflow-intro{max-width:32rem;color:#aab8c7;font-size:1.05rem;line-height:1.65}.workflow ol{margin:0;padding:0;list-style:none}.workflow li{display:grid;grid-template-columns:3.5rem 1fr;gap:1.2rem;padding:1.5rem 0;border-bottom:1px solid #ffffff17}.workflow li>b{color:#5a6c80;font-family:Oswald;font-size:1.7rem}.workflow li div{display:grid;gap:.4rem}.workflow li strong{font-size:1.15rem}.workflow li span{color:#9eafc2;font-size:.9rem;line-height:1.5}.pricing{background:#fff}.centered{margin-inline:auto;text-align:center}.centered .kicker{justify-content:center}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.plan{position:relative;min-height:31rem;display:flex;flex-direction:column;padding:2rem;border:1px solid var(--line);border-radius:1rem;background:var(--paper)}.plan.featured{border:2px solid var(--red);box-shadow:0 1.5rem 3.5rem #0714261a;transform:translateY(-.5rem)}.popular{position:absolute;top:-.85rem;left:50%;transform:translateX(-50%);padding:.4rem .8rem;border-radius:2rem;background:var(--red);color:#fff;font-size:.64rem;font-weight:900;letter-spacing:.1em;white-space:nowrap}.plan h3{margin:0 0 1rem;font-size:1.35rem}.price{font-size:3rem;font-weight:950;letter-spacing:-.05em}.price small{color:#728297;font-size:.85rem;letter-spacing:0}.plan>p{min-height:3rem;color:var(--muted);line-height:1.5}.plan ul{display:grid;gap:.8rem;margin:1rem 0 2rem;padding:1.4rem 0 0;border-top:1px solid var(--line);list-style:none}.plan li{position:relative;padding-left:1.5rem;color:#43546a;font-size:.88rem;line-height:1.45}.plan li:before{content:"✓";position:absolute;left:0;color:#12934d;font-weight:950}.plan>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:.9rem 1rem;border-radius:.55rem;background:var(--navy);color:#fff;text-decoration:none;font-weight:900}.featured>a{background:var(--red)}.final-cta{width:min(1180px,calc(100% - 40px));margin:0 auto 5rem;padding:4rem;display:flex;align-items:center;justify-content:space-between;gap:3rem;border-radius:1.4rem;background:linear-gradient(120deg,#0b1f36,#112c4b);color:#fff}.final-cta h2{font-size:clamp(2.4rem,4vw,3.5rem)}.final-cta>div>p:last-child{color:#a7b6c6}.final-cta .button{flex:none}footer{padding:3rem max(20px,calc((100% - 1180px)/2));display:grid;grid-template-columns:12rem 1fr auto;gap:1.5rem;align-items:center;border-top:1px solid var(--line);background:var(--paper)}footer p{color:var(--muted);font-size:.9rem}footer nav{display:flex;gap:1.4rem}footer nav a{text-decoration:none;font-size:.82rem;font-weight:800}footer>small{grid-column:1/-1;color:#8190a1}.footer-brand{width:max-content}.footer-brand strong{font-size:1.55rem}@media(max-width:900px){.site-header nav{gap:1rem}.site-header nav>a:not(.login-link):not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:3.5rem}.hero-copy{text-align:center}.hero .kicker,.hero-actions{justify-content:center}.hero-summary{margin-inline:auto}.match-card{max-width:42rem;width:100%;margin:auto;transform:none}.feature-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr;gap:2rem}.pricing-grid{grid-template-columns:1fr}.plan{min-height:0}.plan.featured{transform:none}.final-cta{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr auto}footer p{grid-column:1/-1}}@media(max-width:600px){.site-header{width:calc(100% - 28px);height:4.5rem}.brand strong{font-size:1.5rem}.site-header nav{display:none;position:absolute;z-index:20;left:.9rem;right:.9rem;top:4.5rem;padding:1rem;align-items:stretch;flex-direction:column;border:1px solid var(--line);border-radius:.75rem;background:#fff;box-shadow:0 1rem 2rem #07142622}.site-header nav.open{display:flex}.site-header nav>a{display:block!important;margin:0;padding:.65rem}.menu-button{display:block}.hero{width:calc(100% - 28px);padding:3.2rem 0 4.5rem;gap:3.5rem}h1{font-size:3.55rem}.hero-summary{font-size:1rem}.hero-actions{align-items:stretch;flex-direction:column}.match-header{grid-template-columns:1fr auto}.score{grid-column:1/-1;grid-row:2;justify-self:center}.clock{justify-self:end}.pitch{height:20rem}.event-toast{position:relative;right:auto;bottom:auto;width:100%;margin-top:.75rem}.match-stats span{font-size:.62rem}.journey-bar{grid-template-columns:1fr}.journey-bar span{border-right:0;border-bottom:1px solid #ffffff13}.section{padding:4.8rem 1.25rem}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:15rem}.pricing-grid{gap:1.5rem}.final-cta{width:calc(100% - 40px);padding:2rem;margin-bottom:3rem}.final-cta .button{width:100%}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}