@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap";
:root{--bg:#fff;--fg:#0b0713;--muted:#6b6480;--primary:#8b2fe8;--primary-2:#6d28d9;--cyan:#29a9e8;--cyan-2:#1d8fcb;--gold:#eab308;--surface:#fbfaff;--tile:#f3f0fc;--border:#00000012;--shadow:0 10px 30px -18px #110c2259;--glow-purple:0 18px 40px -16px #8b2fe873;--glow-cyan:0 18px 40px -16px #29a9e873;--grad:linear-gradient(135deg, #8b2fe8, #6d28d9);--grad-cyan:linear-gradient(135deg, #29a9e8, #1d8fcb)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}ul{list-style:none}.bg-fx{z-index:-1;pointer-events:none;background:radial-gradient(40% 40% at 0 0,#8b2fe821,#0000 70%),radial-gradient(40% 40% at 100% 100%,#eab30824,#0000 70%),linear-gradient(#0b071309 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#0b071309 1px,#0000 1px) 0 0/44px 44px,#fff;position:fixed;inset:0}h1,h2,h3,h4,.display{letter-spacing:-.02em;font-family:Sora,Inter,sans-serif;line-height:1.15}h1{font-size:clamp(2.25rem,5vw,3.6rem);font-weight:800}h2{font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:700}h3{font-size:1.15rem;font-weight:700}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.muted{color:var(--muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:88px 0}.section.surface{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:720px;margin:0 auto 48px;display:flex}.tag{color:var(--primary);background:#8b2fe814;border:1px solid #8b2fe82e;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:.95rem;font-weight:600;transition:box-shadow .2s,opacity .2s,background .2s;display:inline-flex}.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--glow-purple)}.btn-primary:hover{opacity:.92}.btn-cyan{background:var(--grad-cyan);color:#fff;box-shadow:var(--glow-cyan)}.btn-cyan:hover{opacity:.92}.btn-ghost{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}.btn-ghost:hover{border-color:#8b2fe859}.link{color:var(--primary);align-items:center;gap:6px;font-weight:600;display:inline-flex}.link:hover{text-decoration:underline}.header{z-index:50;padding:0 16px;position:fixed;top:14px;left:0;right:0}.header-bar{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);max-width:1200px;box-shadow:var(--shadow);background:#ffffffb3;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:10px 12px 10px 18px;display:flex}.logo{align-items:center;gap:10px;font-family:Sora,sans-serif;font-size:1.1rem;font-weight:800;display:flex}.site-logo{object-fit:contain;width:164px;height:44px;display:block}.logo-mark{background:var(--grad);color:#fff;width:34px;height:34px;box-shadow:var(--glow-purple);border-radius:10px;place-items:center;display:grid}.nav{gap:4px;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:500}.nav a:hover{color:var(--fg);background:var(--tile)}.nav a.active{color:var(--primary);background:var(--tile)}.menu-btn{border:1px solid var(--border);background:#fff;border-radius:999px;place-items:center;width:40px;height:40px;display:none}.mobile-nav{display:none}@media (max-width:1020px){.nav,.header-cta{display:none!important}.menu-btn{display:grid}.mobile-nav.open{border:1px solid var(--border);max-width:1200px;box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;gap:4px;margin:8px auto 0;padding:12px;display:flex}.mobile-nav a{border-radius:14px;padding:10px 14px;font-weight:500}.mobile-nav a.active{background:var(--tile);color:var(--primary)}}.hero{padding:150px 0 80px;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(45% 50% at 15% 20%,#8b2fe829,#0000 70%),radial-gradient(40% 50% at 90% 80%,#eab30829,#0000 70%);position:absolute;inset:0}.hero-grid{grid-template-columns:5fr 7fr;align-items:center;gap:48px;display:grid}.hero p.lead{color:var(--muted);max-width:520px;font-size:1.1rem}.page-hero{text-align:center;padding:150px 0 56px}.page-hero .inner{flex-direction:column;align-items:center;gap:16px;max-width:760px;margin:0 auto;display:flex}.mockup{aspect-ratio:16/11;position:relative}.tv{aspect-ratio:16/9.6;background:#0b0713;border-radius:18px;width:80%;padding:10px;position:absolute;top:0;left:4%;box-shadow:0 30px 60px -25px #110c228c}.screen{background:linear-gradient(135deg,#2a0f52,#0b0713 60%);border-radius:10px;grid-template-rows:auto 1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;height:100%;padding:12px;display:grid;position:relative;overflow:hidden}.screen-top{color:#fff;opacity:.9;grid-column:1/-1;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600;display:flex}.live-dot{background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.live-dot:before{content:"";background:#ef4444;border-radius:99px;width:6px;height:6px}.tile{color:#fff;border-radius:8px;align-items:flex-end;padding:8px;font-size:.62rem;font-weight:600;display:flex}.tv-stand{background:#2b2540;border-radius:8px;width:20%;height:8px;position:absolute;top:71.6%;left:34%}.laptop{aspect-ratio:16/10.5;background:#1b1626;border-radius:12px 12px 4px 4px;width:38%;padding:6px;position:absolute;bottom:8%;right:0;box-shadow:0 20px 40px -20px #110c2299}.laptop .inner-screen{background:var(--grad);color:#fff;border-radius:6px;place-items:center;width:100%;height:100%;display:grid}.phone{aspect-ratio:9/18;background:#0b0713;border-radius:16px;width:15%;padding:5px;position:absolute;bottom:0;left:0;box-shadow:0 20px 40px -20px #110c2299}.phone .inner-screen{background:var(--grad-cyan);color:#fff;border-radius:12px;place-items:center;width:100%;height:100%;display:grid}.stick{color:#fff;background:#1b1626;border-radius:8px;align-items:center;width:16%;height:22px;padding-left:10px;font-size:.6rem;font-weight:700;display:flex;position:absolute;bottom:3%;left:22%;box-shadow:0 12px 24px -12px #110c2299}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;gap:12px;padding:26px;display:flex}.card p{color:var(--muted);font-size:.95rem}.icon-tile{background:var(--tile);width:46px;height:46px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.num{font-family:Sora,sans-serif;font-size:1.6rem;font-weight:800}.split{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.list-numbered{flex-direction:column;gap:12px;display:flex}.list-numbered li{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;align-items:center;gap:16px;padding:16px 20px;display:flex}.list-numbered .n{color:var(--primary);min-width:32px;font-family:Sora,sans-serif;font-weight:800}.toggle{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:999px;gap:6px;padding:6px;display:inline-flex}.toggle button{color:var(--muted);border-radius:999px;padding:9px 18px;font-size:.88rem;font-weight:600}.toggle button.on{background:var(--grad);color:#fff;box-shadow:var(--glow-purple)}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;margin-top:36px;display:grid}.plan{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:1.75rem;flex-direction:column;gap:18px;padding:32px 28px;display:flex;position:relative}.plan.ring{box-shadow:var(--glow-purple);border:2px solid #8b2fe88c}.badge{color:#fff;background:var(--grad);white-space:nowrap;border-radius:999px;padding:5px 14px;font-size:.75rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.badge.gold{background:linear-gradient(135deg,#eab308,#ca8a04)}.price{font-family:Sora,sans-serif;font-size:3rem;font-weight:800;line-height:1}.was{color:var(--muted);margin-left:8px;font-size:1rem;font-weight:500;text-decoration:line-through}.checks{flex-direction:column;gap:10px;display:flex}.checks li{align-items:center;gap:10px;font-size:.93rem;display:flex}.checks svg{color:var(--primary);flex-shrink:0}.faq{flex-direction:column;gap:12px;max-width:820px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;overflow:hidden}.faq-item button{text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 22px;font-weight:600;display:flex}.faq-item .ans{color:var(--muted);padding:0 22px 18px}.faq-item svg{color:var(--primary);flex-shrink:0;transition:transform .2s}.faq-item.open svg{transform:rotate(180deg)}.cta{text-align:center;background:var(--grad);color:#fff;box-shadow:var(--glow-purple);border-radius:32px;flex-direction:column;align-items:center;gap:18px;padding:64px 24px;display:flex}.cta p{color:#ffffffd9;max-width:560px}.cta .btn-ghost{color:var(--fg)}.btn-white{color:var(--primary);background:#fff}.footer{background:var(--surface);border-top:1px solid var(--border);margin-top:40px;padding:64px 0 28px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;display:grid}.footer h4{margin-bottom:14px;font-size:.9rem}.footer li{margin-bottom:8px}.footer li a{color:var(--muted);font-size:.9rem}.footer li a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:22px;font-size:.85rem;display:flex}.prose{color:#2b2540;flex-direction:column;gap:18px;max-width:760px;margin:0 auto;font-size:1.02rem;display:flex}.prose h2{color:var(--fg);margin-top:12px;font-size:1.4rem}.input{border:1px solid var(--border);width:100%;font:inherit;background:#fff;border-radius:14px;outline:none;padding:13px 16px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b2fe826}@media (max-width:960px){.hero-grid,.split,.grid-2,.grid-3,.plans{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:64px 0}.plans{gap:32px}}@media (max-width:560px){.grid-4{grid-template-columns:1fr}.toggle button{padding:8px 12px}}
:root{--primary:#3b2abf;--primary-2:#2a1d99;--cyan:#26c6f7;--cyan-2:#0ea5e0;--surface:#f8f7ff;--tile:#eeecfb;--glow-purple:0 18px 40px -16px #3b2abf80;--glow-cyan:0 18px 40px -16px #26c6f780;--grad:linear-gradient(135deg, #4a38d6, #3b2abf);--grad-cyan:linear-gradient(135deg, #26c6f7, #0ea5e0)}.grad-text{background:linear-gradient(90deg,#3b2abf,#26c6f7);color:#0000;-webkit-background-clip:text;background-clip:text}.bg-fx{background:radial-gradient(40% 40% at 0 0,#3b2abf21,#0000 70%),radial-gradient(40% 40% at 100% 100%,#26c6f724,#0000 70%),linear-gradient(#0b071309 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#0b071309 1px,#0000 1px) 0 0/44px 44px,#fff}.hero:before{background:radial-gradient(45% 50% at 15% 20%,#3b2abf29,#0000 70%),radial-gradient(40% 50% at 90% 80%,#26c6f72e,#0000 70%)}.tag{background:#3b2abf14;border-color:#3b2abf2e}.btn-ghost:hover{border-color:#3b2abf59}.plan.ring{border-color:#3b2abf8c}.input:focus{box-shadow:0 0 0 3px #3b2abf26}.logo-mark{background:#3b2abf;box-shadow:0 8px 20px -8px #3b2abf99,inset 0 0 0 2px #26c6f78c}.ph-wrap{background:#1d1466}.ph-fade{background:linear-gradient(#1d1466 0%,#0000 18% 78%,#1d1466 100%),radial-gradient(80% 60%,#0000 55%,#1d14668c 100%)}.cta{background:linear-gradient(135deg,#2a1d99d1,#3b2abfbd 55%,#0ea5e08c),url(/showcase/cta-football.webp) 50%/cover no-repeat,#2a1d99}.cta h2{text-shadow:0 2px 16px #00000059}.plans{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin-left:auto;margin-right:auto}.grid-2.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:980px;margin:0 auto}@media (max-width:960px){.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-2.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width:640px){.plans{grid-template-columns:1fr;gap:28px}.why-grid .card{padding:18px}.why-grid .card h3{font-size:1.02rem}.why-grid .card p{font-size:.88rem;line-height:1.45}.why-grid .icon-tile{width:40px;height:40px}}html,body{max-width:100%;overflow-x:clip}.logo{white-space:nowrap}@media (max-width:640px){.toggle{border-radius:18px;grid-template-columns:repeat(2,1fr);width:100%;max-width:360px;display:grid}.toggle button{border-radius:12px;padding:9px 8px;font-size:.82rem}.section{padding-top:56px;padding-bottom:56px}}@media (max-width:380px){.logo{gap:8px;font-size:.95rem}.logo-mark{width:30px;height:30px}}