:root{--bg:#070a0f;--panel:#0e131a;--ink:#f4f7f1;--muted:#a8b0ba;--lime:#ff6a00;--blue:#168bff;--line:rgba(255,255,255,.13);--display:"Barlow Condensed",sans-serif;--body:"Inter",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.03;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='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:rgba(200,255,50,.07);filter:blur(70px);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}a{color:inherit;text-decoration:none}button{font:inherit}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;top:0;width:100%;z-index:20;border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;gap:10px;align-items:center;font:800 1.45rem/1 var(--display);letter-spacing:.08em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--lime);color:#070a0f;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}nav{display:flex;gap:32px}nav a{font-size:.86rem;font-weight:600;color:#d7dce2;transition:.2s}nav a:hover{color:var(--lime)}.nav-cta,.button{font:800 .9rem/1 var(--body);letter-spacing:.04em}.nav-cta{background:var(--lime);color:#07100a;padding:14px 18px}.nav-cta span{margin-left:15px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.hero{min-height:860px;height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background:url("assets/matchcast-hero.png") center/cover no-repeat;transform:scale(1.04)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,12,.98) 0%,rgba(4,7,12,.84) 32%,rgba(4,7,12,.12) 68%),linear-gradient(0deg,rgba(7,10,15,.85),transparent 40%)}.hero-content{position:relative;z-index:2;width:min(680px,90%);margin-left:8vw;padding-top:60px}.eyebrow,.section-kicker{font:800 .78rem/1 var(--body);letter-spacing:.2em;color:var(--lime);display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;background:#ff445f;border-radius:50%;box-shadow:0 0 0 7px rgba(255,68,95,.12);animation:pulse 1.4s infinite}.hero h1,.section h2,.final-cta h2{font:900 clamp(5rem,9vw,9.5rem)/.78 var(--display);letter-spacing:-.045em;margin:28px 0;text-transform:uppercase}.hero h1 span,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--lime)}.hero-copy{font-size:1.1rem;line-height:1.7;color:#d1d7de;max-width:590px}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{border:1px solid rgba(255,255,255,.28);padding:18px 22px;cursor:pointer;color:#fff;background:rgba(8,12,17,.54);backdrop-filter:blur(10px)}.button span{margin-left:18px}.button.primary{background:var(--lime);color:#091008;border-color:var(--lime)}.hero-stats{display:flex;gap:42px;margin-top:54px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:800 1.6rem/1 var(--display);color:#fff}.hero-stats span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#aab1ba;margin-top:6px}.scroll-cue{position:absolute;right:4vw;bottom:38px;z-index:2;display:flex;align-items:center;gap:15px;transform:rotate(90deg);transform-origin:right}.scroll-cue span{font-size:.65rem;letter-spacing:.2em}.scroll-cue i{display:block;width:70px;height:1px;background:#fff}.sport-ticker{background:var(--lime);color:#07100a;overflow:hidden;transform:rotate(-1.4deg) scale(1.02);position:relative;z-index:5}.ticker-track{display:flex;width:max-content;animation:ticker 28s linear infinite;padding:14px 0}.ticker-track span{font:900 1.25rem/1 var(--display);letter-spacing:.08em;margin:0 25px}.ticker-track b{font-size:.9rem}.section{padding:130px 8vw;position:relative}.problem-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:end}.section h2{font-size:clamp(3.8rem,6.8vw,7rem);line-height:.84;margin:30px 0 0}.problem-copy{color:var(--muted);line-height:1.75;font-size:1.05rem}.accent-copy{color:#fff;border-left:2px solid var(--lime);padding-left:20px;margin-top:28px}.pain-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:80px;background:var(--line)}.pain-card{background:var(--panel);padding:36px;min-height:300px;position:relative;transition:.35s}.pain-card:hover{background:#141b23;transform:translateY(-8px)}.card-no{position:absolute;right:25px;top:22px;font:700 .8rem var(--body);color:#5c6570}.icon{font:400 3rem var(--display);color:var(--lime);margin:35px 0}.pain-card h3,.step h3{font:700 1.75rem var(--display);text-transform:uppercase;margin:0 0 14px}.pain-card p,.step p{color:var(--muted);line-height:1.65}.demo-section{background:#0a0e14;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:5vw;overflow:hidden}.demo-intro p{color:var(--muted);line-height:1.7;max-width:450px}.phone-stage{position:relative;padding:100px 0}.phone{border:9px solid #202630;border-radius:36px;padding:5px;background:#020304;box-shadow:0 40px 100px rgba(0,0,0,.7);position:relative;z-index:2;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.phone-screen{border-radius:23px;overflow:hidden;position:relative;aspect-ratio:16/9}.phone-screen img{width:100%;height:100%;object-fit:cover}.scorebar{position:absolute;top:6%;left:50%;transform:translateX(-50%);width:84%;height:12%;display:grid;grid-template-columns:1.2fr .35fr .65fr .35fr 1.2fr .4fr;align-items:center;background:rgba(4,8,14,.92);font:800 clamp(.55rem,1.15vw,1.1rem) var(--display);text-align:center}.team{height:100%;display:grid;place-items:center}.home{background:var(--lime);color:#091008}.away{background:#438cff}.clock{font-variant-numeric:tabular-nums}.period{font-size:.8em}.stream-live{position:absolute;right:3%;bottom:5%;background:#ff3455;padding:6px 9px;font-size:.58rem;font-weight:800;letter-spacing:.12em}.stream-live i{display:inline-block;width:5px;height:5px;background:#fff;border-radius:50%;margin-right:5px}.controls{position:relative;z-index:3;margin:-20px auto 0;width:72%;background:#151b23;border:1px solid #2b3440;box-shadow:0 20px 50px rgba(0,0,0,.5);padding:18px;display:flex;align-items:center;justify-content:space-between}.controls div{display:grid;grid-template-columns:repeat(3,34px);gap:5px;text-align:center}.controls div span{grid-column:1/-1;font-size:.6rem;color:#9ea8b2;letter-spacing:.15em}.controls button{border:1px solid #39434f;background:#202832;color:#fff;cursor:pointer;border-radius:2px}.controls strong{font:700 1.2rem var(--display)}.controls .play{width:50px;height:50px;border-radius:50%;background:var(--lime);color:#07100a;border:0}.orbit{position:absolute;border:1px solid rgba(200,255,50,.13);border-radius:50%;z-index:0;animation:spin 18s linear infinite}.orbit-one{inset:2% -10%}.orbit-two{inset:14% 0;animation-direction:reverse}.section-heading,.privacy-head{display:flex;justify-content:space-between;align-items:end;gap:10vw}.section-heading>p,.privacy-head>p{max-width:430px;color:var(--muted);line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:75px}.step{border-top:1px solid var(--line);padding-top:22px}.step>span{font:800 .8rem var(--body);color:var(--lime)}.step-visual{height:220px;background:#10161e;margin:25px 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.qr{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,38px);gap:9px}.qr i{width:38px;height:38px;border:8px solid var(--lime)}.qr b{position:absolute;width:18px;height:18px;background:#fff;bottom:35px;right:35px}.setup{gap:15px;font:700 1.2rem var(--display)}.setup b{width:48px;height:48px;display:grid;place-items:center;background:var(--lime);color:#07100a}.setup b:last-child{background:var(--blue)}.go{flex-direction:column}.go i{width:72px;height:72px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 25px rgba(200,255,50,.08),0 0 0 50px rgba(200,255,50,.04);animation:pulse2 2s infinite}.go strong{position:absolute;font:900 1rem var(--display);color:#07100a}.features{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:#eaf0e6;color:#08100d}.feature-sticky{align-self:start;position:sticky;top:110px}.feature-sticky .section-kicker{color:#547014}.feature-sticky h2 em{color:transparent;-webkit-text-stroke:1px #59751d}.feature-list article{display:grid;grid-template-columns:55px 1fr 30px;gap:15px;padding:34px 0;border-top:1px solid rgba(0,0,0,.2);transition:.25s}.feature-list article:hover{padding-left:12px}.feature-list article>span{font:700 .75rem var(--body);color:#6a736c}.feature-list h3{font:800 2rem var(--display);margin:0;text-transform:uppercase}.feature-list p{color:#536057;line-height:1.6}.feature-list b{font-size:1.5rem}.privacy{background:#0b1016}.privacy-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;margin-top:70px}.privacy-summary{padding:35px;background:var(--lime);color:#0b1009;align-self:start;transform:rotate(-1deg)}.privacy-summary h3{font:800 2rem var(--display);text-transform:uppercase;margin-top:0}.privacy-summary ul{padding:0;list-style:none;margin:0}.privacy-summary li{padding:13px 0;border-top:1px solid rgba(0,0,0,.18);line-height:1.5}.privacy-summary li span{font-weight:800;margin-right:8px}.policy details{border-top:1px solid var(--line);padding:24px 0}.policy details:last-child{border-bottom:1px solid var(--line)}summary{font:700 1.35rem var(--display);text-transform:uppercase;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.policy summary span{color:var(--lime);font:400 1.6rem var(--body);transition:.2s}details[open] summary span{transform:rotate(45deg)}.policy p{color:var(--muted);line-height:1.75;max-width:760px}.final-cta{min-height:780px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:100px 20px}.final-cta>div:not(.cta-lines){position:relative;z-index:2}.final-cta h2{font-size:clamp(5rem,10vw,10rem);margin:25px 0}.final-cta p{color:var(--muted);max-width:550px;margin:0 auto 30px;line-height:1.7}.cta-lines{position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg,rgba(200,255,50,.12) 0deg 1deg,transparent 1deg 12deg);animation:spin 35s linear infinite;mask-image:radial-gradient(circle,#000,transparent 60%)}.store-row{display:flex;gap:12px;justify-content:center}.store-button{background:#fff;color:#060a0e;border:0;padding:12px 28px;text-align:left;min-width:170px;cursor:pointer}.store-button small,.store-button strong{display:block}.store-button small{font-size:.55rem;letter-spacing:.12em}.store-button strong{font-size:1.2rem}footer{border-top:1px solid var(--line);padding:50px 5vw 25px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}footer p{color:var(--muted)}footer>div{display:flex;gap:25px;justify-content:flex-end;font-size:.8rem}footer small{grid-column:1/-1;color:#68717c;border-top:1px solid var(--line);padding-top:24px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--lime);color:#07100a;padding:14px 20px;font-weight:700;z-index:100;transition:.35s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(255,68,95,0)}}@keyframes pulse2{50%{box-shadow:0 0 0 35px rgba(200,255,50,.04),0 0 0 70px transparent}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.nav nav,.nav-cta{display:none}.menu-btn{display:block}.hero{min-height:780px}.hero-media{background-position:62% center}.hero-vignette{background:linear-gradient(90deg,rgba(4,7,12,.97),rgba(4,7,12,.3)),linear-gradient(0deg,#070a0f,transparent 55%)}.hero-content{margin-left:6vw}.hero h1{font-size:clamp(4.3rem,17vw,7rem)}.hero-stats{gap:20px}.problem-grid,.demo-section,.features,.privacy-grid{grid-template-columns:1fr}.pain-cards,.steps{grid-template-columns:1fr}.section{padding:95px 6vw}.section-heading,.privacy-head{display:block}.phone-stage{padding:35px 0}.feature-sticky{position:relative;top:0}.privacy-summary{transform:none}.cursor-glow{display:none}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:1}.scroll-cue{display:none}}
@media(max-width:560px){.nav{height:70px}.hero-copy{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.section h2{font-size:3.6rem}.controls{width:95%}.scorebar{width:94%}.store-row{flex-direction:column;align-items:center}.final-cta h2{font-size:4.6rem}.ticker-track{padding:11px 0}.ticker-track span{font-size:1rem}.problem-grid{gap:30px}.pain-card{min-height:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-media{transform:none}}

/* MatchCast brand refresh */
.brand img{width:42px;height:42px;object-fit:contain;border-radius:10px;box-shadow:0 0 26px rgba(255,106,0,.2)}
.brand-mark{display:none}
.cursor-glow{background:rgba(255,106,0,.09)}
.live-dot{background:#ff6a00;box-shadow:0 0 0 7px rgba(255,106,0,.14)}
.orbit{border-color:rgba(255,106,0,.18)}
.go i{box-shadow:0 0 0 25px rgba(255,106,0,.1),0 0 0 50px rgba(255,106,0,.05)}
.features{background:#f2eee9}
.feature-sticky .section-kicker{color:#c45100}
.feature-sticky h2 em{-webkit-text-stroke-color:#c45100}
.cta-lines{background:repeating-conic-gradient(from 0deg,rgba(255,106,0,.14) 0deg 1deg,transparent 1deg 12deg)}
@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(255,106,0,0)}}
@keyframes pulse2{50%{box-shadow:0 0 0 35px rgba(255,106,0,.05),0 0 0 70px transparent}}
.policy h4{font:700 1.05rem var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--lime);margin:24px 0 4px}.policy a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.lang-switch{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:22px;padding:7px 9px;border:1px solid rgba(255,255,255,.2);background:rgba(7,10,15,.45);backdrop-filter:blur(10px)}.lang-switch button{border:0;background:none;color:#8e98a3;font:800 .72rem var(--body);padding:3px;cursor:pointer}.lang-switch button.active{color:var(--lime)}.lang-switch span{color:#555e68;font-size:.7rem}
@media(max-width:900px){.lang-switch{margin-left:auto;margin-right:16px}.nav .lang-switch{display:flex}}

/* Balanced bilingual header */
@media(min-width:901px){
  .nav{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(330px,1fr);column-gap:26px}
  .nav>nav{position:static;transform:none;justify-self:center}
  .lang-switch{grid-column:3;margin:0 174px 0 auto}
  .nav-cta{grid-column:3;grid-row:1;justify-self:end}
  .menu-btn{grid-column:3;grid-row:1}
  html[lang="en"] .hero-content{padding-top:150px}
}
@media(min-width:901px) and (max-width:1180px){
  .nav{grid-template-columns:minmax(180px,1fr) auto minmax(285px,1fr);column-gap:16px;padding-left:3vw;padding-right:3vw}
  .nav>nav{gap:18px}
  .lang-switch{margin-right:155px}
  .nav-cta{padding-left:14px;padding-right:14px}
}

/* Keep language and CTA in one stable header group */
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
@media(min-width:901px){
  .nav-actions{grid-column:3;grid-row:1;justify-self:end}
  .nav-actions .lang-switch{margin:0;grid-column:auto}
  .nav-actions .nav-cta{grid-column:auto;grid-row:auto;justify-self:auto;white-space:nowrap}
}
@media(max-width:900px){
  .nav-actions{margin-left:auto}
  .nav-actions .lang-switch{margin:0 16px 0 0}
}