:root{--bg:#06101f;--card:#0c1930;--blue:#277bff;--cyan:#66c6ff;--white:#f6f9ff;--muted:#9baac2;--line:rgba(198,220,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:25;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='.13'/%3E%3C/svg%3E");opacity:.08}a{text-decoration:none;color:inherit}button{font:inherit}.container-xl{max-width:1270px}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.32}.ambient-one{width:700px;height:700px;background:#0848ad;top:-310px;right:-210px}.ambient-two{width:380px;height:380px;background:#0b3677;top:580px;left:-250px}.site-header{position:sticky;top:0;z-index:30;background:rgba(5,13,27,.86);backdrop-filter:blur(24px);border-bottom:1px solid rgba(180,208,255,.09)}.nav-shell{height:90px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:900;letter-spacing:-1.5px;line-height:1}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #d7e8ff;box-shadow:0 0 23px #1567ec44}.brand-accent,.footer-brand span{color:#50a4ff}.brand small{display:block;letter-spacing:2.8px;font-size:8px;color:#93aed4;margin-top:8px}.desktop-nav{display:flex;gap:34px}.desktop-nav a{color:#acb8cf;font-size:13px;font-weight:700;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.nav-actions{display:flex;align-items:center;gap:20px}.network-status{font-weight:800;color:#aab9d1;font-size:10px;letter-spacing:1.7px;white-space:nowrap}.status-pulse,.small-glow{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3affba;box-shadow:0 0 12px #25ef9e;margin-right:8px;animation:pulse 1.8s infinite}.nav-cta,.btn-primary-custom{background:#2477f7;color:#fff;border:1px solid #4997ff;border-radius:9px;padding:13px 18px;font-size:12px;font-weight:800;box-shadow:0 8px 27px #0a54ca45;transition:transform .2s,box-shadow .2s;display:inline-flex;gap:24px;align-items:center;justify-content:space-between}.nav-cta:hover,.btn-primary-custom:hover{transform:translateY(-3px);box-shadow:0 12px 34px #1779fa80;color:#fff}.menu-toggle{display:none;color:white;border:1px solid var(--line);background:transparent;border-radius:8px;padding:8px 12px}.mobile-menu{padding:0 5% 20px;flex-direction:column;gap:18px}.mobile-menu:not([hidden]){display:flex}.mobile-menu a{font-weight:700;font-size:13px}.hero{position:relative;overflow:hidden;padding-top:105px;padding-bottom:45px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:25px;align-items:center;min-height:540px}.eyebrow,.section-kicker{color:#76b7ff;font-size:10px;font-weight:900;letter-spacing:2.6px;display:flex;gap:13px;align-items:center}.sparkle{font-size:19px}.eyebrow-line{height:1px;width:55px;background:#408bf8}.hero h1{font-size:clamp(42px,5.25vw,75px);letter-spacing:-4px;font-weight:950;line-height:1.09;margin:28px 0 24px}.gradient-text{background:linear-gradient(96deg,#5cb3ff 0%,#2a73f4 65%,#9bc9ff);color:transparent;background-clip:text}.hero-description{color:#a6b5ce;max-width:490px;font-size:15px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:30px;flex-wrap:wrap}.btn-primary-custom{padding:18px 24px;font-size:13px}.btn-secondary-custom{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#ffffff08;padding:17px 20px;border-radius:9px;font-size:12px;font-weight:800;transition:.2s}.btn-secondary-custom:hover{background:#ffffff16;color:white}.play-dot{color:#73b5ff}.hero-proof{display:flex;gap:17px;align-items:center;margin-top:48px}.mini-avatars{display:flex;padding-left:7px}.mini-avatars span{display:grid;place-items:center;width:32px;height:32px;margin-left:-7px;border-radius:50%;background:#122e59;border:2px solid #061020;font-size:16px}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:10px;color:var(--muted);margin-top:5px}.hero-visual{height:575px;position:relative;display:grid;place-items:center}.hero-visual::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#1e69e480,transparent 70%);filter:blur(20px)}.orbit{position:absolute;border:1px solid #3c79c82c;border-radius:50%;aspect-ratio:1;pointer-events:none}.orbit-a{width:540px;animation:spin 55s linear infinite}.orbit-b{width:445px;border-style:dashed;animation:spin 65s linear infinite reverse}.orbit-c{width:365px}.hero-orb{position:relative;width:330px;height:330px;border-radius:50%;background:linear-gradient(145deg,#05255b,#101f55);box-shadow:0 0 90px #1467eb55,inset 0 0 35px #5aa0ff1f;border:1px solid #5a9dff77;display:grid;place-items:center;animation:float 6s ease-in-out infinite}.hero-orb img{width:253px;height:253px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 4px 20px #3986ff6b)}.orb-label,.orb-footer{position:absolute;font-size:8px;letter-spacing:2.2px;font-weight:900;color:#86bfff;z-index:1}.orb-label{top:16px}.orb-footer{bottom:16px}.floating-tile{position:absolute;background:linear-gradient(130deg,#142b50e8,#0a1831ed);border:1px solid #6f9ee64d;border-radius:13px;padding:13px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 45px #0007;animation:float 5s ease-in-out infinite}.floating-tile>span{font-size:26px}.floating-tile strong,.floating-tile small{display:block}.floating-tile strong{font-size:11px;letter-spacing:1px}.floating-tile small{color:#8ca9cc;font-size:9px;margin-top:4px}.tile-one{top:90px;left:3%;animation-delay:-1s}.tile-two{bottom:92px;right:0;animation-delay:-2.5s}.tile-three{top:100px;right:-4%;animation-delay:-3.5s}.hero-bottom{display:flex;justify-content:space-between;align-items:center;color:#6582ac;font-size:9px;font-weight:900;letter-spacing:3px;margin-top:35px}.scroll-track{width:1px;height:50px;background:#315e9f;position:relative;overflow:hidden}.scroll-track span{display:block;background:#b7e4ff;width:1px;height:15px;animation:scroll 2s infinite}.sports-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#09172caa;padding:31px 0 35px}.strip-heading{display:flex;justify-content:space-between;color:#8299bd;font-size:9px;letter-spacing:2px;font-weight:900;margin-bottom:23px}.strip-heading b{color:#448ef8}.sports-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.sport-pill{white-space:nowrap;border:1px solid var(--line);border-radius:8px;background:#0e1f3a;color:#aebdd5;padding:13px 19px;font-size:12px;font-weight:700;transition:.2s}.sport-pill span{font-size:19px;margin-right:8px;vertical-align:middle}.sport-pill:hover,.sport-pill.selected{background:#1b61c8;border-color:#3887ff;color:#fff;transform:translateY(-2px)}.content-section,.spotlight-section,.benefits-section{padding:105px 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}.section-kicker .kicker-line{width:32px;height:1px;background:#388dff}.section-header h2{font-size:clamp(32px,4vw,54px);font-weight:950;letter-spacing:-2.4px;margin:16px 0 12px}.section-header h2 span{color:#5ba8ff}.section-header p{font-size:13px;color:var(--muted);margin:0}.filter-tabs{display:flex;gap:5px;background:#0c1a31;border:1px solid var(--line);padding:6px;border-radius:9px}.filter-tabs button{border:0;color:#9eb0c9;background:transparent;border-radius:6px;padding:10px 15px;font-size:11px;font-weight:800;white-space:nowrap}.filter-tabs button.active{background:#235eb3;color:white}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.match-card{padding:25px;border:1px solid #2a497356;background:linear-gradient(155deg,#0f284b,#0c172b);border-radius:13px;min-height:290px;animation:rise .45s both;animation-delay:var(--delay);transition:.25s}.match-card:hover{transform:translateY(-5px);border-color:#397be5}.match-top,.match-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.match-sport{font-size:11px;color:#b1caeb;font-weight:800}.match-status{font-size:9px;font-weight:900;letter-spacing:1px;color:#b8c7df;text-transform:uppercase}.match-status.live{color:#35f1aa}.match-status i{display:inline-block;width:6px;height:6px;background:#32f0ac;border-radius:50%;margin-right:4px;animation:pulse 1.7s infinite}.match-icon{font-size:38px;margin:25px 0 13px}.match-card h3{font-size:18px;font-weight:900;margin-bottom:8px}.match-card p{font-size:12px;color:var(--muted)}.match-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;color:#b3c2d9;font-size:10px}.match-bottom button{border:1px solid #387dd0;border-radius:6px;padding:8px 10px;color:#fff;background:#1c58aa;font-size:10px;font-weight:900}.match-bottom button:disabled{background:#1a2c46;border-color:#34425b;color:#8497b1;cursor:not-allowed}.empty-state{min-height:295px;grid-column:1/-1;display:flex;align-items:center;gap:34px;position:relative;overflow:hidden;border:1px solid #36619c6c;border-radius:14px;background:radial-gradient(circle at 85% 25%,#1253b666,transparent 38%),linear-gradient(125deg,#0c264b,#091528);padding:48px}.empty-symbol{width:115px;height:115px;border:1px solid #629dff7c;border-radius:50%;display:grid;place-items:center;font-size:72px;color:#70b0ff;flex-shrink:0}.empty-symbol span{position:absolute;font-size:20px;color:#b8dcff;transform:translate(43px,-40px)}.empty-tag{font-weight:900;letter-spacing:2px;color:#6aafff;font-size:10px}.empty-copy h3{font-size:clamp(23px,3vw,37px);font-weight:950;letter-spacing:-1px;margin:13px 0}.empty-copy p{font-size:13px;line-height:1.9;color:#a6b9d3;max-width:510px;margin:0}.empty-decoration{position:absolute;right:40px;bottom:-20px;font-size:100px;line-height:.78;letter-spacing:-7px;color:#407ad116;font-weight:950;pointer-events:none}.info-footnote{margin-top:18px;color:#7c91b2;font-size:11px}.info-footnote span{color:#4c9bfa;margin-right:5px}.info-footnote code{color:#9ec9ff}.spotlight-section{background:#09182be6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-number{font-weight:900;color:#53739d;font-size:18px}.spotlight-layout{display:grid;grid-template-columns:1.55fr .75fr;gap:24px}.video-stage{position:relative;min-height:435px;overflow:hidden;background:#081936;border:1px solid #3e6ca36b;border-radius:14px;box-shadow:0 22px 80px #0005}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 45%,#215bc8 0%,#102b60 30%,#07142b 68%);overflow:hidden}.video-placeholder::before,.video-placeholder::after{content:"";position:absolute;width:450px;height:450px;border:1px solid #92c9ff28;border-radius:50%;animation:spin 35s linear infinite}.video-placeholder::after{width:650px;height:650px;border-style:dashed;animation-direction:reverse}.scan-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#ffffff06 6px 7px);pointer-events:none}.video-bigtext{font-size:clamp(32px,5vw,64px);font-weight:950;letter-spacing:-3px;z-index:1;text-align:center}.video-bigtext span{color:#6cb8ff}.stage-play{position:relative;z-index:1;width:72px;height:72px;border-radius:50%;border:1px solid #ffffff93;background:#b0d6ff22;display:grid;place-items:center;margin:24px 0;color:#fff;box-shadow:0 0 60px #4d9aff80;font-size:22px}.video-placeholder p{z-index:1;color:#afcafa;font-size:9px;letter-spacing:3px;font-weight:900}.video-corner{position:absolute;z-index:2;color:#b5cff2;letter-spacing:1.5px;font-size:9px;font-weight:900}.top-left{top:21px;left:24px}.top-right{top:21px;right:24px}.bottom-left{bottom:21px;left:24px}.video-reset{position:absolute;bottom:14px;right:15px;z-index:4;background:#0a1a36;border:1px solid #88abdf;color:#fff;border-radius:7px;padding:9px;font-size:11px}.video-stage:has(.media-player) .video-corner{display:none}#player-container{position:absolute;inset:0;z-index:3;background:#000}.media-player{display:block;width:100%;height:100%;border:0;object-fit:contain}.spotlight-aside{padding:32px;border-radius:13px;background:linear-gradient(150deg,#12315b,#0c1c32);border:1px solid #355b8b5c}.aside-tag{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:2px;color:#82b9ff}.spotlight-aside h3{font-weight:950;font-size:clamp(29px,3vw,43px);line-height:1.05;letter-spacing:-2px;margin:32px 0 18px}.spotlight-aside h3 em{font-style:normal;color:#67adff}.spotlight-aside>p{font-size:12px;color:#abbdd6;line-height:1.9}.feature-mini{display:flex;gap:15px;align-items:center;margin-top:22px}.feature-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:#316bbd42;border:1px solid #438cec61;color:#84baff;font-size:19px;flex-shrink:0}.feature-mini strong,.feature-mini small{display:block}.feature-mini strong{font-size:12px}.feature-mini small{color:#96acc7;font-size:10px;margin-top:5px}.outline-action{display:flex;justify-content:space-between;width:100%;padding:15px 17px;color:#fff;background:#ffffff0a;border:1px solid #4784d389;border-radius:8px;font-size:12px;font-weight:900;margin-top:32px;transition:.2s}.outline-action:hover{background:#2863ba}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:29px}.benefits-grid>div{border-top:1px solid #4271b37c;padding:25px 24px 15px 0;position:relative}.benefit-no{color:#5288d0;font-size:11px;font-weight:900}.benefit-emoji{font-size:44px;color:#6aadff;margin:31px 0 26px}.benefits-grid h3{font-size:17px;font-weight:950;letter-spacing:-.3px}.benefits-grid p{color:#90a3c2;font-size:12px;line-height:1.9;max-width:310px}.last-cta{padding:0 0 90px}.cta-panel{position:relative;overflow:hidden;background:linear-gradient(115deg,#0a397f,#1761d8);border:1px solid #67a2ff9a;border-radius:17px;min-height:365px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 20px}.cta-panel .section-kicker{color:#c4defe}.cta-panel h2{position:relative;font-size:clamp(30px,4vw,55px);line-height:1.17;letter-spacing:-2px;font-weight:950;margin:18px 0 25px}.cta-panel h2 span{color:#9dcaff}.cta-panel .btn-primary-custom{background:#fff;color:#0c3981;border:1px solid white}.cta-orb{position:absolute;width:540px;height:540px;border:1px solid #ffffff31;border-radius:50%;box-shadow:0 0 0 70px #ffffff08,0 0 0 155px #ffffff06;transform:translateX(380px)}footer{border-top:1px solid var(--line);background:#050c18}.footer-main{min-height:155px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:30px;letter-spacing:-1.7px;font-weight:950}.footer-main p{margin:0;color:#8b9bb5;font-size:12px}.footer-links{display:flex;gap:22px}.footer-links a{font-size:12px;color:#a1aec4}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:21px;padding-bottom:25px;color:#6981a1;font-size:10px}.toast-note{position:fixed;right:25px;bottom:25px;z-index:80;border:1px solid #5793e3;background:#0e2547;color:white;max-width:350px;padding:14px 18px;border-radius:9px;font-size:12px;line-height:1.5;box-shadow:0 16px 40px #0008;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast-note.visible{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.shown{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 0 7px #39e6ab20}}@keyframes scroll{0%{transform:translateY(-20px)}100%{transform:translateY(55px)}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.desktop-nav{gap:17px}.network-status{display:none}.tile-three{right:0}.hero h1{letter-spacing:-2.5px}.hero-orb{width:280px;height:280px}.hero-orb img{width:215px;height:215px}.orbit-a{width:450px}.orbit-b{width:390px}.orbit-c{width:320px}}@media(max-width:860px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.nav-shell{height:72px}.hero{padding-top:65px}.hero-grid{grid-template-columns:1fr}.hero-visual{height:430px;max-width:550px;width:100%;margin:auto}.tile-one{left:0;top:42px}.tile-two{right:0;bottom:35px}.tile-three{top:42px;right:0}.hero h1{font-size:clamp(44px,8vw,74px)}.hero-description{max-width:640px}.section-header{align-items:start;flex-direction:column}.match-grid{grid-template-columns:repeat(2,1fr)}.spotlight-layout{grid-template-columns:1fr}.spotlight-aside{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.spotlight-aside .aside-tag,.spotlight-aside h3,.spotlight-aside>p,.outline-action{grid-column:1/-1}.footer-main{flex-wrap:wrap;padding-top:30px;padding-bottom:30px}.footer-main p{width:100%;order:3}.footer-bottom{flex-direction:column}}@media(max-width:560px){.container-xl{padding-left:19px;padding-right:19px}.brand{font-size:24px}.brand img{width:41px;height:41px}.hero{padding-top:48px}.hero h1{font-size:clamp(35px,9vw,49px);letter-spacing:-1.8px;margin:21px 0}.hero-description{font-size:13px}.hero-actions{gap:10px}.btn-primary-custom,.btn-secondary-custom{font-size:11px;padding:14px 12px;gap:8px}.hero-proof{margin-top:32px}.hero-visual{height:355px}.hero-orb{height:225px;width:225px}.hero-orb img{height:177px;width:177px}.orb-label,.orb-footer{font-size:6px;letter-spacing:1px}.orbit-a{width:340px}.orbit-b{width:290px}.orbit-c{width:245px}.floating-tile{padding:8px;gap:6px}.floating-tile>span{font-size:16px}.floating-tile strong{font-size:8px}.floating-tile small{font-size:7px}.tile-one{top:25px}.tile-three{top:45px}.tile-two{bottom:14px}.hero-bottom{font-size:7px}.sports-strip{padding:23px 0}.strip-heading span:last-child{display:none}.sport-pill{padding:10px 13px;font-size:11px}.sport-pill span{font-size:16px}.content-section,.spotlight-section,.benefits-section{padding:67px 0}.section-header h2{letter-spacing:-1.5px}.section-header p{line-height:1.8}.filter-tabs{width:100%}.filter-tabs button{flex:1;padding:10px 6px;font-size:10px}.match-grid{grid-template-columns:1fr}.empty-state{padding:30px 24px;min-height:340px;display:block}.empty-symbol{width:70px;height:70px;font-size:38px;margin-bottom:21px}.empty-symbol span{transform:translate(25px,-25px);font-size:13px}.empty-copy h3{font-size:26px}.empty-decoration{font-size:68px;right:-3px;bottom:-4px}.video-stage{min-height:295px}.video-bigtext{font-size:35px;letter-spacing:-1px}.stage-play{height:56px;width:56px}.video-corner{font-size:7px}.spotlight-aside{padding:24px;display:block}.benefits-grid{grid-template-columns:1fr;gap:0}.benefits-grid>div{padding:18px 0}.benefit-emoji{margin:18px 0}.last-cta{padding-bottom:55px}.cta-panel{min-height:305px}.footer-links{gap:14px;flex-wrap:wrap}.footer-bottom{line-height:1.6}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* Three-card demo interaction based on the provided reference recording */
.demo-section{padding:105px 0;position:relative}.demo-stage{position:relative;isolation:isolate;overflow:hidden;border:1px solid #3669b85c;border-radius:22px;padding:55px 42px 25px;background:radial-gradient(ellipse at 50% -10%,#164f9f77,transparent 53%),linear-gradient(125deg,#071122,#0a2044 49%,#050e20);box-shadow:inset 0 1px 0 #ffffff16,0 22px 70px #0004}.demo-stage:before,.demo-stage:after{content:"";position:absolute;pointer-events:none;border:1px solid #3279d227;width:650px;height:650px;border-radius:50%;top:-420px;left:calc(50% - 325px);transform:rotate(30deg)}.demo-stage:after{width:480px;height:480px;top:-330px;left:calc(50% - 240px);border-style:dashed;animation:spin 32s linear infinite}.demo-ambient-ring{position:absolute;inset:auto -120px -470px auto;width:570px;height:570px;border:65px solid #2065db14;border-radius:50%;pointer-events:none}.demo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;position:relative;z-index:1}.demo-flip{perspective:1100px;min-height:355px;cursor:pointer}.demo-flip-inner{height:355px;width:100%;position:relative;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.23,.7,.18,1);will-change:transform}.demo-flip.is-flipped .demo-flip-inner{transform:rotateY(180deg)}.demo-face{position:absolute;inset:0;border:1px dashed #93baff52;border-radius:12px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:25px 21px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(145deg,#091a33ea,#050d1def);box-shadow:inset 0 1px 0 #ffffff13,0 12px 40px #0006}.demo-front:hover,.demo-flip:focus-within .demo-front{border-color:#81c2ff;box-shadow:0 0 32px #1f8fff27,inset 0 1px 0 #ffffff13}.demo-back{transform:rotateY(180deg);background:radial-gradient(circle at 50% 15%,#215ec8ad,transparent 70%),#07152b;border-style:solid;border-color:#408cf1}.demo-number{font-size:9px;letter-spacing:2.5px;color:#77baff;font-weight:900}.demo-icon{font-size:31px;margin:18px 0 0;filter:drop-shadow(0 5px 12px #2578ff60)}.demo-face h3{font-size:27px;letter-spacing:1.5px;font-weight:950;margin:10px 0 24px}.demo-value{display:flex;width:100%;justify-content:space-between;gap:10px;padding:14px 0;border-top:1px dotted #7893ba54;font-size:11px}.demo-value span{color:#91a9ce}.demo-value strong{font-weight:750;font-size:11px}.demo-flip-btn,.demo-request-btn{margin-top:auto;background:transparent;border:1px solid #92b9ff;color:#fff;padding:12px 19px;font-weight:900;letter-spacing:1px;font-size:10px;transition:background .22s,color .22s,transform .22s}.demo-flip-btn:hover,.demo-request-btn:hover{background:#fff;color:#0b2455;transform:translateY(-2px)}.demo-flip-btn span{font-size:17px;margin-left:12px}.demo-badge{display:grid;place-items:center;border-radius:50%;border:2px solid #ddebff;width:82px;height:82px;margin-top:24px;font-size:43px;font-weight:950;box-shadow:0 0 22px #2985ff8a}.demo-badge span{font-size:12px;align-self:start;color:#8fd0ff}.demo-back h3{font-size:22px;margin:22px 0 9px}.demo-back p{color:#adbfdd;font-size:12px;line-height:1.7;max-width:240px}.demo-return-btn{color:#91bfff;border:0;background:none;font-size:11px;margin-top:14px}.demo-bottom{display:flex;justify-content:space-between;margin-top:23px;color:#8daedc;font-size:9px;font-weight:900;letter-spacing:2px}.demo-info{margin-top:18px;display:flex;align-items:start;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid #4987d0;border-radius:12px;background:#10264a}.demo-info[hidden]{display:none}.demo-info strong{color:#e5f2ff}.demo-info p{color:#adc3e3;margin:7px 0 0;font-size:12px;line-height:1.8}.demo-info button{border:0;background:transparent;color:#fff}.demo-flip-btn:focus-visible,.demo-request-btn:focus-visible,.demo-return-btn:focus-visible{outline:3px solid #88cfff;outline-offset:4px}@media(max-width:850px){.demo-stage{padding:30px 18px 20px}.demo-card-grid{gap:12px}.demo-face{padding:18px 12px}.demo-value{flex-direction:column;gap:2px;padding:10px 0}.demo-flip,.demo-flip-inner{height:350px;min-height:350px}}@media(max-width:620px){.demo-section{padding:65px 0}.demo-card-grid{grid-template-columns:1fr;max-width:390px;margin:auto;gap:20px}.demo-flip,.demo-flip-inner{height:330px;min-height:330px}.demo-value{flex-direction:row}.demo-bottom{gap:15px;flex-wrap:wrap;line-height:1.6}}

.demo-website-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.demo-website-btn[aria-disabled="true"]{opacity:.65;cursor:not-allowed}.demo-website-btn:focus-visible{outline:3px solid #88cfff;outline-offset:4px}

/* Front = sports hub, flipped back = demo credentials */
.demo-front{background:radial-gradient(circle at 50% 15%,#215ec8ad,transparent 70%),#07152b;border-style:solid;border-color:#408cf1}
.demo-back{background:linear-gradient(145deg,#091a33ea,#050d1def);border:1px dashed #93baff85}
.demo-front h3{font-size:22px;margin:22px 0 9px}.demo-front p{color:#adbfdd;font-size:12px;line-height:1.7;max-width:240px}
.demo-back h3{font-size:27px;letter-spacing:1.5px;font-weight:950;margin:10px 0 24px}
.discovery-section,.steps-section,.faq-section{padding:90px 0}.discovery-grid,.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.discovery-card,.step-card{border:1px solid #3565a34f;border-radius:16px;background:linear-gradient(160deg,#13284b,#071426);padding:30px;transition:transform .35s,border-color .35s,box-shadow .35s}
.discovery-card:hover,.step-card:hover{transform:translateY(-7px);border-color:#6aacff;box-shadow:0 20px 50px #0005}.discovery-symbol{font-size:42px;margin-bottom:22px}.discovery-card>span{color:#74b4ff;font-size:10px;letter-spacing:2px;font-weight:900}.discovery-card h3,.step-card h3{font-size:21px;font-weight:900;margin:13px 0}.discovery-card p,.step-card p{color:#a5b8d4;font-size:13px;line-height:1.8;min-height:65px}.discovery-card a{display:inline-block;color:#a8d3ff;font-size:12px;font-weight:800;margin-top:12px}.steps-section{background:#08172b}.step-card>span{font-size:35px;font-weight:900;color:#4e96ff}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.faq-layout h2{font-size:clamp(30px,4vw,50px);font-weight:950;letter-spacing:-2px;margin:16px 0}.faq-layout h2 span{color:#7bb8ff}.faq-layout>div>p{color:#a1b3cc}.faq-items details{border-bottom:1px solid #5276a45c;padding:20px 0}.faq-items summary{cursor:pointer;list-style:none;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-items summary:after{content:'+';color:#88bdff;font-size:23px}.faq-items details[open] summary:after{content:'−'}.faq-items details p{color:#a6b8d2;font-size:13px;line-height:1.8;margin:16px 0 0}
@media(max-width:800px){.discovery-grid,.steps-grid{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr;gap:20px}.discovery-card p,.step-card p{min-height:0}.discovery-section,.steps-section,.faq-section{padding:60px 0}}

/* SPORTS TV | bilingual WhatsApp conversion section */
.tv-section{padding:110px 0;background:radial-gradient(ellipse at 23% 30%,#12468b99,transparent 55%),linear-gradient(145deg,#030d22,#0b2141 55%,#061128);border-block:1px solid #3576bb36;overflow:hidden}
.tv-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.tv-set{position:relative;filter:drop-shadow(0 25px 36px #0008);transform:perspective(800px) rotateY(-5deg);transition:transform .5s ease}.tv-set:hover{transform:perspective(800px) rotateY(0deg) translateY(-7px)}.tv-screen{aspect-ratio:1.42;border:10px solid #131d32;box-shadow:inset 0 0 0 2px #5c83af,0 0 0 2px #91c5ff38,0 30px 80px #0009;border-radius:22px;background:radial-gradient(circle at center,#155ba9,#0e326a 50%,#030e28);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:25px;color:white;position:relative;overflow:hidden}.tv-screen:before{content:'';position:absolute;inset:-80%;background:linear-gradient(95deg,transparent 43%,#ffffff19 50%,transparent 57%);transform:rotate(15deg);animation:tvShine 7s linear infinite}.tv-screen strong{font-size:clamp(17px,2vw,28px);letter-spacing:.04em;z-index:1}.tv-screen small{font-size:11px;letter-spacing:.19em;color:#b7dbff;z-index:1}.tv-status{position:absolute;top:20px;left:22px;background:#ffffff17;border:1px solid #ffffff40;padding:7px 12px;border-radius:30px;font-size:11px;letter-spacing:.12em}.tv-ball{font-size:58px;z-index:1;animation:tvFloat 4s ease-in-out infinite}.tv-ball span{font-size:44px}.tv-base{height:14px;width:38%;margin:auto;background:linear-gradient(90deg,#23324c,#9bb1d4,#23324c);border-radius:0 0 20px 20px}.tv-copy h2{font-size:clamp(42px,5vw,76px);font-weight:900;line-height:1.02;letter-spacing:-.04em;color:#fff;margin:20px 0}.tv-copy h2 span{color:#66b9ff}.tv-lead{color:#dbe8fc;font-size:17px;line-height:1.8}.tv-hindi{border-left:3px solid #58a7ff;padding:12px 20px;background:#ffffff0a;border-radius:0 10px 10px 0;color:#c6dbf4;line-height:1.7}.tv-points{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.tv-points span{background:#ffffff12;border:1px solid #ffffff20;border-radius:40px;padding:8px 13px;font-size:12px;color:#e5f0ff}.tv-whatsapp{background:#20c66a;color:#052d17;padding:16px 24px;font-weight:900;border:0;border-radius:12px;display:inline-flex;gap:12px;align-items:center;box-shadow:0 12px 35px #11be6336;transition:transform .25s,box-shadow .25s;letter-spacing:.04em}.tv-whatsapp:hover{transform:translateY(-4px);box-shadow:0 16px 44px #11be6366}.tv-disclaimer{font-size:11px;color:#9db2cc;margin-top:17px;line-height:1.6}.tv-feedback{color:#ffda9b;min-height:1.5em;font-size:13px}@keyframes tvFloat{50%{transform:translateY(-12px)}}@keyframes tvShine{to{transform:translateX(52%) rotate(15deg)}}@media(max-width:800px){.tv-section{padding:65px 0}.tv-layout{grid-template-columns:1fr;gap:48px}.tv-set{max-width:560px;width:100%;margin:auto}.tv-copy h2{font-size:48px}}@media(prefers-reduced-motion:reduce){.tv-ball,.tv-screen:before{animation:none}.tv-set,.tv-whatsapp{transition:none}}

/* Visibility and keyboard-friendly flip cards */
.demo-face[inert]{pointer-events:none}
.demo-flip:focus-within{outline:2px solid #8bc9ff;outline-offset:5px;border-radius:12px}

/* Accessible bilingual switch; retains existing navigation layout. */
.language-toggle{border:1px solid rgba(127,190,255,.45);background:rgba(10,32,64,.8);color:#fff;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.language-toggle:hover{background:#174c99;border-color:#74b9ff;transform:translateY(-2px)}
.language-toggle:focus-visible{outline:3px solid #86caff;outline-offset:3px}
@media(max-width:560px){.language-toggle{padding:8px 10px;font-size:12px}.network-status{display:none}}