@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');:root{--green:#07513e;--dark:#053a2e;--lime:#dcfa34;--ink:#102a27;--muted:#63736e;--line:#dfe8e4;--pale:#f2f7f5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1360px;margin:auto;padding:0 32px}.top{background:var(--green);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #001e1740}.nav{height:80px;display:flex;align-items:center;gap:27px}.logo{width:205px;height:65px;object-fit:contain}.live-tag{background:var(--lime);color:#082d24;padding:7px 10px;font-weight:900;border-radius:5px;margin-left:-22px}.navlinks{display:flex;gap:24px;margin-left:15px;align-items:center}.navlinks a{font-weight:700;font-size:14px;padding:28px 0;white-space:nowrap}.navlinks a.active,.navlinks a:hover{color:var(--lime)}.nav-right{margin-left:auto;display:flex;gap:12px}.btn{border:0;border-radius:8px;padding:15px 22px;font-weight:800;display:inline-flex;gap:10px;align-items:center;justify-content:center}.btn.lime{background:var(--lime);color:#113328}.btn.outline{background:transparent;color:#fff;border:1px solid #a4c4b9}.btn.dark{background:var(--green);color:white}.btn.light{background:white;color:var(--green);border:1px solid var(--line)}.btn.small{padding:10px 14px;font-size:13px}.eyebrow{font-weight:900;color:#b3f34d;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.hero{background:radial-gradient(circle at 70% 35%,#16765c 0%,#064534 50%,#032d25 100%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:43% 57%;align-items:center;gap:24px;padding-top:64px;padding-bottom:65px}.hero h1{font:900 clamp(52px,5.2vw,82px)/.96 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:19px;line-height:1.55;max-width:560px;color:#e3f3ec}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-features{display:flex;gap:23px;flex-wrap:wrap;margin-top:38px;color:#e1f4e9;font-weight:650;font-size:13px}.hero-features span:before{content:'✓';color:var(--lime);margin-right:8px}.stage{border-radius:17px;overflow:hidden;box-shadow:0 22px 65px #001c1980;background:#0d2625;display:grid;grid-template-columns:1fr 190px;min-height:430px;border:1px solid #528679}.broadcast{padding:13px;position:relative}.screen{height:278px;border-radius:10px;background:#071b1e;overflow:hidden;position:relative}.screen-top{height:35px;background:#102c2e;color:#b4d4cd;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px}.screen-top strong{color:#fff}.pitch{height:170px;background:repeating-linear-gradient(90deg,transparent 0,transparent 72px,#ffffff13 73px),repeating-linear-gradient(0deg,#257e56 0,#257e56 33px,#27784f 34px,#27784f 68px);position:relative;border:14px solid #173b36;overflow:hidden}.pitch:before{content:'';position:absolute;inset:15px 22%;border:2px solid #d5f4dfb3;border-radius:2px}.pitch:after{content:'';position:absolute;top:18px;bottom:18px;left:50%;border-left:2px solid #d5f4dfb3}.center-circle{position:absolute;width:85px;height:85px;border:2px solid #d5f4dfb3;border-radius:50%;left:calc(50% - 42px);top:calc(50% - 42px)}.dot{position:absolute;width:9px;height:9px;border-radius:50%;background:white;box-shadow:0 0 0 2px #ffffff22}.dot.red{background:#fb7666}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;background:#0b2929}.odds div{background:#173f3d;padding:8px;border-radius:5px;font-size:10px;color:#a5d1c4}.odds strong{display:block;color:var(--lime);font-size:15px;margin-top:4px}.screen-footer{display:flex;justify-content:space-between;color:#e8f4ee;align-items:center;padding:12px 3px 2px;font-size:12px}.live-pill{background:#f13d43;color:white;font-weight:900;font-size:11px;padding:5px 8px;border-radius:4px}.chat{background:#071c1d;border-left:1px solid #41655e;padding:15px 12px;color:#e5f5ef;font-size:11px;display:flex;flex-direction:column;gap:14px}.chat h4{color:var(--lime);font-size:13px;margin:0;padding-bottom:12px;border-bottom:1px solid #30544c}.chat p{margin:0;line-height:1.55}.chat strong{color:#d3f1df}.chat input{width:100%;background:#193e3d;color:white;border:1px solid #52746a;border-radius:6px;padding:10px;margin-top:auto;font-size:11px}.section{padding:58px 0}.section.pale{background:var(--pale)}.section.dark{background:var(--green);color:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:23px}.section h2,.page-head h1{font:900 44px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;margin:0}.section-head p,.page-head p{color:var(--muted);max-width:650px;line-height:1.6}.section.dark .section-head p{color:#cfe4da}.link{font-weight:800;color:var(--green);font-size:14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.sports{grid-template-columns:repeat(4,1fr)}.sport{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;transition:transform .15s}.sport:hover,.creator:hover{transform:translateY(-3px)}.sport-visual{height:112px;display:flex;align-items:center;justify-content:center;font-size:62px;background:linear-gradient(145deg,#11583f,#032d28)}.sport h3{margin:13px 14px 4px;font-size:17px}.sport p{margin:0 14px 17px;color:var(--muted);font-size:12px;line-height:1.5}.creator{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .15s}.thumb{height:156px;background:linear-gradient(140deg,#0a3a36,#0b191f);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumb .graphic{font:900 58px 'Barlow Condensed';color:#c9f52c;opacity:.8;transform:rotate(-8deg)}.thumb .live-pill{position:absolute;top:11px;left:11px}.viewers{position:absolute;right:10px;top:11px;background:#031e1cc7;color:white;font-size:11px;padding:6px 9px;border-radius:5px}.creator-info{padding:15px}.creator-info h3{font-size:15px;margin:0 0 9px;line-height:1.35}.creator-info p{font-size:12px;color:var(--muted);margin:5px 0}.avatar{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#b6e2d0;color:#164b3d;font-size:11px;font-weight:900;margin-right:7px}.byline{display:flex;align-items:center;font-size:12px;font-weight:700}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.chip{background:#eaf3ef;color:#245a49;font-size:11px;padding:5px 8px;border-radius:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{background:white;border-radius:14px;padding:25px;color:var(--ink)}.step b{display:block;font:900 44px 'Barlow Condensed';color:#0d7357}.step h3{font-size:19px}.step p{line-height:1.65;color:var(--muted);font-size:14px}.cta{background:var(--lime);padding:43px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font:900 42px 'Barlow Condensed';margin:0}.cta p{margin-bottom:0;line-height:1.5}.foot{background:#052c24;color:#b7d2c7;padding:38px 0;font-size:12px;line-height:1.7}.foot strong{color:white}.disclaimer{background:#e9f4ec;color:#275849;font-size:12px;padding:10px 0;text-align:center}.page-head{background:linear-gradient(120deg,#063b2e,#12654d);color:white;padding:58px 0}.page-head h1{font-size:60px}.page-head p{color:#d5eee2;font-size:17px}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filter{padding:11px 16px;background:#f1f6f3;border:1px solid #d7e6dd;border-radius:7px;font-weight:800;color:#315c4d}.filter.active{background:var(--green);color:white}.search{border:1px solid #d3e1d8;padding:13px 15px;border-radius:8px;min-width:260px}.channel-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:24px}.channel-main{background:#0b2424;padding:16px;border-radius:12px}.channel-main .screen{height:410px}.channel-main .pitch{height:290px}.channel-side{border:1px solid var(--line);border-radius:12px;padding:20px}.channel-side h2{font:900 30px 'Barlow Condensed'}.chatfeed{height:260px;overflow:auto;background:#f1f7f3;padding:13px;border-radius:9px;font-size:13px;line-height:1.65}.chatfeed p{margin:0 0 13px}.chat-send{display:flex;gap:7px;margin-top:12px}.chat-send input{min-width:0;flex:1;border:1px solid var(--line);padding:11px;border-radius:6px}.course{padding:23px;border:1px solid var(--line);border-radius:13px;background:white}.course h3{font-size:19px}.course p{color:var(--muted);font-size:14px;line-height:1.65}.course .symbol{font-size:42px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#eaf5ee;border-radius:12px;padding:24px}.stat strong{font:900 40px 'Barlow Condensed';display:block}.stat span{color:#56766a;font-size:13px}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:17px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.table th{color:#557468}.notice{background:#fff9d6;border:1px solid #eddb8a;padding:15px;border-radius:9px;font-size:13px;line-height:1.5;margin:18px 0}.hidden{display:none!important}.modal{position:fixed;inset:0;background:#001c17c9;display:none;align-items:center;justify-content:center;z-index:100;padding:18px}.modal.open{display:flex}.modal-inner{background:white;border-radius:16px;padding:34px;max-width:470px;width:100%;position:relative}.modal-inner h2{font:900 34px 'Barlow Condensed'}.modal-inner p{line-height:1.6;color:var(--muted)}.modal-inner input{width:100%;border:1px solid var(--line);padding:14px;margin-bottom:12px}.close{position:absolute;top:10px;right:14px;background:transparent;border:0;font-size:27px}@media(max-width:1000px){.navlinks{gap:12px}.navlinks a{font-size:12px}.hero-grid{grid-template-columns:1fr}.stage{max-width:850px}.grid{grid-template-columns:repeat(2,1fr)}.sports{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.wrap{padding:0 18px}.nav{height:auto;min-height:75px;flex-wrap:wrap;padding-bottom:12px;gap:10px}.logo{width:165px;height:55px}.live-tag{margin-left:-10px}.navlinks{order:3;width:100%;overflow:auto;margin:0;gap:17px}.navlinks a{padding:8px 0}.nav-right{margin-left:auto}.nav-right .outline{display:none}.hero-grid{padding-top:42px;padding-bottom:42px}.hero h1{font-size:56px}.stage{grid-template-columns:1fr}.chat{display:none}.grid,.sports,.steps,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-grid{grid-template-columns:1fr}.section h2{font-size:37px}.cta{flex-direction:column;align-items:start}.sport-visual{font-size:43px;height:85px}}@media(max-width:420px){.grid,.sports,.steps,.stats{grid-template-columns:1fr}.hero h1{font-size:49px}.nav-right .btn{padding:9px 12px}}
/* Final visual refinements */
.logo{width:210px;height:auto;max-height:60px;object-fit:contain;display:block}.nav>a:first-child{display:flex;align-items:center;flex-shrink:0}.live-tag{margin-left:-16px}.nav{gap:23px}.sport-visual{height:128px;background:#0c302d;overflow:hidden}.sport-visual img{width:100%;height:100%;object-fit:cover;display:block}.thumb-screen{width:100%;height:100%;object-fit:cover;display:block}.thumb{height:175px}.screen .analysis-screen{width:100%;height:calc(100% - 35px);display:block;object-fit:cover;background:#071b1e}.screen{height:315px}.channel-main .screen{height:435px}.stage{min-height:440px}.hero-grid{grid-template-columns:43% 57%}.hero h1{font-size:clamp(54px,5vw,78px)}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}}@media(max-width:720px){.logo{width:158px}.live-tag{margin-left:-12px}.sport-visual{height:104px}}

/* Final QA: broadcast + chat belong to one compact right-hand panel. */
.hero-grid{align-items:start;grid-template-columns:minmax(0,43%) minmax(0,57%);gap:32px}
.hero .stage{display:flex;flex-direction:column;min-height:0;align-self:start;border-radius:16px;overflow:hidden}
.hero .stage .broadcast{padding:13px 13px 0}
.hero .stage .screen{height:auto;aspect-ratio:960/550;min-height:0}
.hero .stage .analysis-screen{width:100%;height:calc(100% - 35px);object-fit:contain;display:block}
.hero .stage .screen-footer{padding:12px 3px 13px;gap:10px;line-height:1.4}
.hero .hero-chat{border-left:0;border-top:1px solid #41655e;display:block;padding:16px 18px 18px;background:#0b2827;font-size:13px}
.hero .hero-chat h4{font-size:13px;padding:0 0 9px;margin:0 0 12px}
.hero .hero-chat .chat-message{display:inline-block;vertical-align:top;width:calc(50% - 9px);margin:0 12px 12px 0;line-height:1.45;min-height:48px}
.hero .hero-chat .chat-message:nth-of-type(2n){margin-right:0}
.hero .hero-chat strong{color:#e0fbef}
.hero .hero-chat input{margin-top:0;width:100%;font-size:13px;padding:11px 13px}
.sport-visual{height:145px;overflow:hidden;background:#0b2926}
.sport-visual img,.thumb .thumb-screen{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero .stage{max-width:800px;width:100%}}
@media(max-width:550px){.hero .hero-chat .chat-message{display:block;width:100%;min-height:0;margin-bottom:12px}}