:root{--ink:#0a1020;--navy:#05091a;--panel:#10182a;--muted:#687188;--purple:#5d20e7;--violet:#7b3ff2;--line:#e7e8ef;--green:#31c982;--white:#fff;--shadow:0 18px 55px rgba(28,23,65,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.hero{overflow:hidden;background:radial-gradient(circle at 82% 24%,rgba(90,35,220,.24),transparent 30%),linear-gradient(135deg,#040817,#090d22);color:#fff}
.nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#fff;text-decoration:none}.brand img{display:block;width:166px;height:auto}.brand span{color:#a990ff;font-size:.72rem;font-weight:900;letter-spacing:.18em;line-height:1;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:28px}.nav-links>a:not(.button){color:#e9e9f0;font-size:.9rem;text-decoration:none}.nav-links>a:not(.button):hover{color:#b99cff}
.hero-grid{min-height:440px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:52px;padding-block:34px 54px}.eyebrow{margin:0 0 12px;color:#a78bfa;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:640px;margin:0;font-size:clamp(3rem,6vw,5.4rem);line-height:.96;letter-spacing:-.06em}.hero h1 em{color:#925cff;font-style:normal}.hero-copy>p:not(.eyebrow){max-width:600px;margin:18px 0;color:#d7d9e4;font-size:1.18rem;line-height:1.6}.hero-proof{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 0;padding:0;list-style:none}.hero-proof li{position:relative;padding-left:23px;color:#e8e8ef;font-size:.82rem;font-weight:700}.hero-proof li:before{content:"✓";position:absolute;left:0;color:#a98bff}
.hero-preview{min-height:330px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(145deg,rgba(16,24,45,.96),rgba(7,13,30,.95));box-shadow:0 30px 90px rgba(0,0,0,.35);transform:perspective(900px) rotateY(-4deg)}.preview-top{display:flex;align-items:center;gap:22px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.preview-top strong{color:#b292ff}.preview-top span{color:#b6bfd0}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.preview-metrics div{padding:15px;border-radius:12px;background:#111a2e}.preview-metrics small{display:block;color:#8490a9;font-size:.64rem}.preview-metrics strong{display:block;margin-top:8px;font-size:1.55rem}.preview-metrics .fresh{color:#66e59d}.preview-chart{height:115px;display:flex;align-items:flex-end;gap:9px;margin-top:22px;padding:15px;border-radius:12px;background:#0b1326}.preview-chart i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(#8f53ff,#4c1fd0)}
.plans{padding-block:58px 14px}.addons{padding-block:48px 14px}.section-heading{text-align:center;margin-bottom:30px}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.04em}.section-heading.compact{margin-bottom:22px}.purple{color:var(--purple)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:25px 24px 21px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.plan-card.featured{border-color:#7440f2;box-shadow:0 24px 65px rgba(88,38,205,.14)}.plan-card.muted-card{background:linear-gradient(145deg,#fff,#faf9fd)}.popular{position:absolute;top:0;left:50%;padding:8px 18px;border-radius:999px;background:var(--purple);color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;transform:translate(-50%,-50%)}.plan-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:17px;border-radius:50%;background:#f0eaff;color:#6126df;font-size:1.45rem}.plan-title-line{display:flex;align-items:center;justify-content:space-between}.plan-title-line .plan-icon{margin:0}.plan-card h3{margin:0;color:#5420ca;font-size:1.35rem;letter-spacing:.02em;text-transform:uppercase}.plan-intro{min-height:52px;margin:8px 0 15px;color:#32394a;line-height:1.5}.price{display:flex;align-items:baseline;gap:8px;margin:0;padding-bottom:16px;border-bottom:1px solid var(--line)}.price strong{font-size:2.9rem;letter-spacing:-.05em}.price span{color:var(--muted);font-size:.9rem}.features{display:grid;gap:10px;margin:17px 0 22px;padding:0;list-style:none}.features li{position:relative;padding-left:25px;color:#242a39;font-size:.92rem;line-height:1.35}.features li:before{content:"✓";position:absolute;left:0;color:#6428df;font-weight:900}.plan-card .button{margin-top:auto}.coming{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#e9e9ee;color:#596071;font-size:.58rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid transparent;border-radius:10px;font-size:.83rem;font-weight:850;text-align:center;text-decoration:none;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.05)}.button-primary{background:linear-gradient(135deg,#6c22e8,#4b0fd6);color:#fff;box-shadow:0 10px 24px rgba(85,29,214,.2)}.button-outline{border-color:#6e31e7;background:#fff;color:#581acb}.button-small{min-height:42px;padding-inline:18px}
.addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.addon-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;min-width:0;padding:21px;border-radius:18px;border:1px solid var(--line)}.addon-card.sports{background:linear-gradient(135deg,#f7f3ff,#fff)}.addon-card.culture{background:linear-gradient(135deg,#fff9ea,#fff)}.addon-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#e9ddff;font-size:2rem}.culture .addon-icon{background:#ffe29b}.addon-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.addon-heading h3{margin:0;font-size:1.2rem}.addon-copy>p:not(.addon-price){margin:8px 0;color:#41495b;font-size:.86rem;line-height:1.5}.addon-price{margin:12px 0 0}.addon-price strong{font-size:1.9rem}.addon-note{margin:10px 0 0;padding:10px;border-radius:8px;background:#f5f5f8;color:#6d7485;font-size:.78rem;text-align:center}
.live-markets{display:flex;align-items:flex-start;flex-direction:column;gap:13px;margin-top:30px;padding:18px 24px;border:1px solid var(--line);border-radius:18px;background:#fff}.live-markets h2{margin:2px 0 0;font-size:1.45rem}.live-markets .eyebrow{margin:0}.market-chips{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap}.market-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #e0d8f5;border-radius:999px;background:#f7f3ff;color:#3c225f;font-size:.76rem;line-height:1}.market-flag{font-size:1.35rem;line-height:1}.market-chip strong{letter-spacing:.08em}.market-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:30px;padding:23px 28px;border:1px solid var(--line);border-radius:18px;background:#fbfbfd}.market-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#eee8ff;color:#5d1cdb;font-size:2.2rem}.market-cta h2{margin:0;font-size:1.45rem}.market-cta p{margin:7px 0 0;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-block:38px 28px}.benefits article{display:flex;gap:15px}.benefits article>span{color:#5d1cdb;font-size:2rem}.benefits h3{margin:0 0 6px;font-size:.98rem}.benefits p{margin:0;color:#596174;font-size:.79rem;line-height:1.55}.benefits a{display:inline-block;margin-top:7px;color:#581acb;font-size:.78rem;font-weight:850}.footer{padding-block:0 28px;color:#646c7e;font-size:.78rem;text-align:center}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero-preview{transform:none}.plan-grid{grid-template-columns:1fr}.addon-grid{grid-template-columns:1fr}.plan-intro{min-height:0}.benefits{grid-template-columns:1fr 1fr}.nav-links>a:not(.button){display:none}}
@media(max-width:620px){.live-markets{align-items:flex-start;flex-direction:column}.market-chips{justify-content:flex-start}.shell{width:min(100% - 24px,1180px)}.nav{min-height:88px}.brand img{width:142px}.brand span{font-size:.64rem}.hero-grid{padding-block:26px 36px}.hero h1{font-size:clamp(2.75rem,14vw,4.4rem)}.hero-copy>p:not(.eyebrow){font-size:1rem}.hero-preview{min-height:260px;padding:15px}.preview-metrics{gap:7px}.preview-metrics div{padding:11px}.plan-card{padding:22px 18px 19px}.addon-card{grid-template-columns:auto 1fr}.addon-card .button{grid-column:1/-1}.market-cta{grid-template-columns:1fr;text-align:center}.market-icon{margin:auto}.benefits{grid-template-columns:1fr}.section-heading h2{font-size:2.1rem}}

.billing-toggle{display:inline-flex;gap:4px;margin-top:18px;padding:4px;border:1px solid rgba(126,99,255,.25);border-radius:999px;background:rgba(8,14,28,.72)}
.billing-toggle a{padding:9px 15px;border-radius:999px;color:var(--muted,#91a0b8);font-size:.78rem;font-weight:800;text-decoration:none}
.billing-toggle a.active{background:#7c5cff;color:#fff;box-shadow:0 8px 22px rgba(124,92,255,.25)}
.billing-toggle span{margin-left:5px;color:#cfc3ff;font-size:.66rem}

.current-plan-summary{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin:-10px auto 28px;padding:10px 16px;border:1px solid rgba(49,201,130,.35);border-radius:999px;background:#effbf5;color:#176942;font-size:.82rem}
.current-plan-summary span{font-weight:700}.current-plan-summary strong{color:#0e4f31}.current-plan-summary small{padding-left:10px;border-left:1px solid rgba(23,105,66,.2);color:#4f6d5e}
.plan-card.current-plan-card{border:2px solid var(--green);box-shadow:0 24px 65px rgba(49,201,130,.14)}
.button-current{border-color:#168f58;background:#e9f9f1;color:#0c7143;cursor:default}
.button-current:hover,.button-disabled:hover{transform:none;filter:none}
.button-disabled{border-color:#d9dce5;background:#f2f3f6;color:#737b8e;cursor:default}
@media(max-width:620px){.current-plan-summary{width:100%;flex-wrap:wrap;border-radius:14px}.current-plan-summary small{width:100%;padding:0;border:0;text-align:center}}