:root{--bg:#080B16;--panel:#111629;--panel2:#171D34;--line:rgba(255,255,255,.12);--text:#F8FAFC;--muted:#A9B2C7;--purple:#8B5CF6;--pink:#EC4899;--gold:#FBBF24;--green:#34D399;--red:#FB7185;--shadow:0 30px 100px rgba(0,0,0,.35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% -10%,rgba(139,92,246,.38),transparent 34rem),radial-gradient(circle at 95% 0%,rgba(236,72,153,.22),transparent 30rem),linear-gradient(180deg,#080B16,#0E1324 45%,#080B16);color:var(--text)}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:10;width:min(1180px,calc(100% - 28px));margin:14px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:rgba(8,11,22,.72);backdrop-filter:blur(18px);border-radius:22px;padding:10px 14px;box-shadow:var(--shadow)}.brand img{width:210px;max-width:44vw;display:block}.nav-links{display:flex;gap:22px;color:var(--muted);font-weight:750}.nav-links a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--purple),var(--pink));color:white;font-weight:900;padding:14px 20px;box-shadow:0 12px 40px rgba(139,92,246,.32)}.btn.small{padding:10px 14px;font-size:.9rem}.btn.ghost{background:rgba(255,255,255,.06);border:1px solid var(--line);box-shadow:none}.btn.full{width:100%}.hero{width:min(1180px,calc(100% - 32px));margin:72px auto 36px;display:grid;grid-template-columns:1.08fr .92fr;gap:32px;align-items:center}.badge,.pill{display:inline-flex;border:1px solid rgba(167,139,250,.36);background:rgba(139,92,246,.15);color:#DDD6FE;border-radius:999px;padding:8px 12px;font-weight:850;font-size:.82rem}.hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.88;letter-spacing:-.075em;margin:18px 0}.hero p,.lead{font-size:1.08rem;line-height:1.65;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 10px}.micro,.compliance{font-size:.85rem!important;color:#8F99B1!important}.hero-panel{display:grid;gap:16px}.ticket,.pick-card,.price-card,.lab-card,.section.strip{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border-radius:28px;padding:24px;box-shadow:var(--shadow)}.ticket.featured{min-height:350px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,rgba(139,92,246,.24),rgba(236,72,153,.12) 52%,rgba(251,191,36,.08))}.ticket-head{display:flex;justify-content:space-between;color:var(--muted);gap:16px}.ticket-head strong{color:#FDE68A}.ticket ul,.pick-card ol{font-size:1.2rem;line-height:1.75}.ticket-meta,.card-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-weight:800}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-stats div{border:1px solid var(--line);border-radius:22px;padding:16px;background:rgba(255,255,255,.055)}.mini-stats strong{display:block;font-size:2rem}.mini-stats span{color:var(--muted);font-size:.82rem}.section{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:54px 0}.strip{padding:22px;text-align:center;color:#D6DEEF;font-weight:800}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.section-head.centered{display:block;text-align:center;max-width:760px;margin:0 auto 24px}.eyebrow{display:block;color:#C4B5FD;text-transform:uppercase;letter-spacing:.17em;font-size:.74rem;font-weight:900;margin-bottom:8px}h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.06em;line-height:.95;margin:0}h3{font-size:1.35rem;letter-spacing:-.035em;margin:0 0 10px}.text-link{color:#C4B5FD;font-weight:900}.cards{display:grid;gap:16px}.cards.three,.cards.pricing{grid-template-columns:repeat(3,1fr)}.pick-card{min-height:280px}.pick-card p,.price-card p,.faq p{color:var(--muted);line-height:1.55}.free-pill{background:rgba(52,211,153,.16);border-color:rgba(52,211,153,.3);color:#A7F3D0}.premium-pill{background:rgba(251,191,36,.16);border-color:rgba(251,191,36,.3);color:#FDE68A}.blur-lines{display:grid;gap:12px;margin:34px 0}.blur-lines span{height:18px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.05));filter:blur(.4px)}.blur-lines span:nth-child(2){width:82%}.blur-lines span:nth-child(3){width:64%}.split{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.steps div{border:1px solid var(--line);border-radius:20px;padding:16px;background:rgba(255,255,255,.05)}.steps strong{display:block;color:#FDE68A;font-size:1.35rem}.steps span{color:#D8E0F2}.lab-card h3{font-size:2rem}.checklist{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}.checklist li{padding-left:30px;position:relative;color:#E8EDFA}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.pricing-wrap{padding-top:70px}.price-card{position:relative}.price-card strong{display:block;font-size:3rem;letter-spacing:-.06em;margin:18px 0}.price-card ul{line-height:1.9;color:#E8EDFA;padding-left:20px}.featured-price{transform:translateY(-12px);border-color:rgba(251,191,36,.38);background:linear-gradient(180deg,rgba(251,191,36,.14),rgba(139,92,246,.12))}.ribbon{position:absolute;right:18px;top:18px;border-radius:999px;background:rgba(251,191,36,.16);color:#FDE68A;padding:7px 10px;font-size:.75rem;font-weight:900}.compliance{text-align:center;max-width:760px;margin:22px auto 0}.faq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.faq-grid div{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(255,255,255,.045)}.halftime-lede{margin-bottom:24px}
.halftime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.halftime-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-radius:24px;padding:22px;box-shadow:var(--shadow);position:relative;min-height:280px;display:flex;flex-direction:column;gap:12px}
.halftime-card.live-card{background:linear-gradient(160deg,rgba(52,211,153,.16),rgba(139,92,246,.10) 60%,rgba(255,255,255,.04));border-color:rgba(52,211,153,.32)}
.halftime-card.free{background:linear-gradient(160deg,rgba(139,92,246,.18),rgba(236,72,153,.10) 60%,rgba(255,255,255,.04));border-color:rgba(167,139,250,.32);grid-column:span 2}
.halftime-card h3{margin:4px 0 6px}
.halftime-card .pill{align-self:flex-start}
.halftime-card .card-foot{margin:auto 0 0;font-size:.86rem;line-height:1.5}
.stat-lines{list-style:none;padding:0;margin:6px 0;display:grid;gap:6px}
.stat-lines li{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;background:rgba(0,0,0,.20);border-radius:12px;font-size:.92rem}
.stat-lines li span{color:var(--muted)}
.stat-lines li strong{color:#fde68a}
.plan-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.plan{border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(0,0,0,.22)}
.plan-tag{margin:0 0 6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.plan-tag.gas{color:#a7f3d0}
.plan-tag.lock{color:#FDE68A}
.plan-body{margin:0;line-height:1.5;color:#E8EDFA;font-size:.92rem}
.halftime-compliance{margin-top:22px}

@media(max-width:900px){.nav-links{display:none}.hero,.split,.cards.three,.cards.pricing,.faq-grid{grid-template-columns:1fr}.featured-price{transform:none}.section-head{display:block}.mini-stats,.steps{grid-template-columns:1fr}.hero{margin-top:36px}.brand img{width:180px}.halftime-grid{grid-template-columns:1fr}.halftime-card.free{grid-column:auto}.plan-row{grid-template-columns:1fr}}

/* =====================================================================
   ACCESSIBILITY — Uncle Dale mode (low vision, close-to-screen reading)
   Default bump is enabled out of the box. A11y toolbar lets any user
   crank further (A · A+ · A++). All increases are proportional via
   :root font-size + targeted overrides for small classes.
   ===================================================================== */
html { font-size: 18px; }
html[data-zoom="lg"] { font-size: 22px; }
html[data-zoom="xl"] { font-size: 26px; }

:root {
  --muted: #C8D0E4;   /* lifted contrast from default */
}
body { line-height: 1.55; }

/* Toolbar */
.a11y-toolbar {
  width: min(1180px, calc(100% - 28px));
  margin: 12px auto 0;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 12px 16px;
  background: rgba(8,11,22,.78); backdrop-filter: blur(14px);
  border: 1px solid var(--line); border-radius: 18px;
  box-shadow: var(--shadow);
}
.a11y-toolbar .a11y-label { color: var(--muted); font-weight: 800; font-size: 1rem; letter-spacing: .04em; }
.a11y-toolbar button {
  cursor: pointer; min-width: 56px; min-height: 44px;
  padding: 8px 14px; border-radius: 12px;
  background: rgba(255,255,255,.07); color: var(--text);
  border: 2px solid var(--line); font: inherit; font-weight: 900;
}
.a11y-toolbar button[data-zoom=""]  { font-size: 1rem; }
.a11y-toolbar button[data-zoom="lg"] { font-size: 1.15rem; }
.a11y-toolbar button[data-zoom="xl"] { font-size: 1.35rem; }
.a11y-toolbar button.active { background: linear-gradient(135deg, var(--purple), var(--pink)); border-color: transparent; color: #fff; }
.a11y-toolbar button:focus-visible,
.nav a:focus-visible, .btn:focus-visible {
  outline: 3px solid #FDE68A; outline-offset: 3px;
}

/* Bump every small-text class for close-up readability */
.nav-links a       { font-size: 1.05rem !important; }
.btn               { font-size: 1.08rem !important; padding: 16px 22px !important; min-height: 52px; }
.btn.small         { padding: 12px 18px !important; font-size: .98rem !important; min-height: 44px; }
.micro, .compliance { font-size: 1rem !important; line-height: 1.6; }
.badge, .pill, .ribbon { font-size: .95rem !important; padding: 8px 14px !important; }
.free-pill, .premium-pill { font-size: .95rem !important; }
.eyebrow           { font-size: .95rem !important; letter-spacing: .14em; }
.lead, .hero p     { font-size: 1.2rem !important; line-height: 1.65; max-width: 720px; }
.ticket ul, .pick-card ol, .ticket-meta, .card-top { font-size: 1.15rem !important; line-height: 1.75; }
.ticket-head       { font-size: 1.05rem !important; }
.ticket-head strong{ font-size: 1.1rem !important; }
.mini-stats strong { font-size: 2.2rem !important; }
.mini-stats span   { font-size: 1rem !important; }
.checklist li      { font-size: 1.1rem !important; line-height: 1.7; padding-left: 32px; }
.steps strong      { font-size: 1.5rem !important; }
.steps span        { font-size: 1.05rem !important; line-height: 1.55; }
.price-card strong { font-size: 3.4rem !important; }
.price-card ul     { font-size: 1.1rem !important; line-height: 2; }
.price-card p, .pick-card p, .faq p { font-size: 1.05rem !important; line-height: 1.65; }
.faq-grid h3       { font-size: 1.25rem !important; }
.section.strip p   { font-size: 1.1rem !important; line-height: 1.6; }
.text-link         { font-size: 1.08rem !important; }

/* Halftime section bumps */
.halftime-lede     { font-size: 1.18rem !important; line-height: 1.65; }
.halftime-card h3  { font-size: 1.35rem !important; }
.stat-lines li     { font-size: 1.1rem !important; padding: 12px 16px !important; }
.stat-lines li strong { font-size: 1.15rem !important; }
.plan-tag          { font-size: .92rem !important; }
.plan-body         { font-size: 1.05rem !important; line-height: 1.6; }
.card-foot         { font-size: 1rem !important; line-height: 1.6; }
.halftime-compliance { font-size: 1.05rem !important; line-height: 1.65; }

/* Headings hierarchy */
h2 { line-height: 1.0; }
h3 { font-size: 1.5rem !important; line-height: 1.2; }

/* Bigger tap targets for nav */
.nav { padding: 14px 18px !important; }
.nav-links { gap: 28px !important; }

/* Section padding for breathing room when close-up */
.section { padding: 60px 0 !important; }
.section-head { margin-bottom: 26px !important; }
