/* sport chips */
.sport-chips{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem;}
.sport-chip{font-family:var(--font-meta);font-size:0.75rem;padding:0.35rem 0.9rem;border-radius:100px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:background 0.2s,border-color 0.2s;text-transform:uppercase;letter-spacing:0.06em;}
.sport-chip:hover,.sport-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}
/* sport cards grid */
.sport-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
@media(min-width:780px){.sport-cards{grid-template-columns:repeat(3,1fr);}}
.sport-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:box-shadow 0.2s,border-color 0.2s;}
.sport-card:hover{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent);}
/* ticker */
.ticker-wrap{overflow:hidden;background:var(--pitch);color:var(--text-light);padding:0.5rem 0;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);}
.ticker-wrap *{color:inherit;}
.ticker-track{display:flex;gap:3rem;white-space:nowrap;animation:ticker-scroll 30s linear infinite;}
.ticker-wrap:hover .ticker-track{animation-play-state:paused;}
@keyframes ticker-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.ticker-item{font-family:var(--font-meta);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.07em;}
.ticker-item .ticker-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:0.5rem;vertical-align:middle;}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;}}
/* live pulse dot */
.live-badge{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--gold);}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:live-pulse 1.4s ease-in-out infinite;}
@keyframes live-pulse{0%,100%{box-shadow:0 0 0 0 rgba(232,93,4,0.5);}50%{box-shadow:0 0 0 6px rgba(232,93,4,0);}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none;}}
/* tabs */
.tab-list{display:flex;border-bottom:2px solid var(--border);gap:0;margin-bottom:1.5rem;overflow-x:auto;}
.tab-btn{font-family:var(--font-display);font-size:0.9rem;padding:0.7rem 1.25rem;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;color:var(--muted);white-space:nowrap;margin-bottom:-2px;transition:color 0.2s,border-color 0.2s;}
.tab-btn:hover{color:var(--accent);}
.tab-btn.is-active{color:var(--accent);border-bottom-color:var(--accent);}
.tab-panel{display:none;}
.tab-panel.is-active{display:block;}
/* seg control */
.seg-control{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem;}
.seg-btn{font-family:var(--font-meta);font-size:0.75rem;padding:0.45rem 1rem;border:none;background:var(--bg-elevated);color:var(--muted);cursor:pointer;text-transform:uppercase;letter-spacing:0.06em;transition:background 0.2s,color 0.2s;border-right:1px solid var(--border);}
.seg-btn:last-child{border-right:none;}
.seg-btn.is-active{background:var(--accent);color:var(--on-accent);}
.seg-panel{display:none;}
.seg-panel.is-active{display:block;}
/* faq accordion */
.faq-list{display:flex;flex-direction:column;gap:0;}
.faq-item{border-bottom:1px solid var(--border);}
.faq-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:1rem;color:var(--text);text-align:left;transition:color 0.2s;}
.faq-trigger:hover{color:var(--accent);}
.acc-icon{font-size:1.1rem;line-height:1;flex-shrink:0;transition:transform 0.25s;color:var(--accent);}
.faq-item.is-open .acc-icon{transform:rotate(45deg);}
.faq-body{display:none;padding:0 0 1rem;color:var(--muted);font-size:0.95rem;word-break:break-word;overflow-wrap:break-word;}
.faq-item.is-open .faq-body{display:block;}
/* accordion generic */
.accordion-item{border-bottom:1px solid var(--border);}
.accordion-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0.9rem 0;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:0.95rem;color:var(--text);text-align:left;}
.accordion-trigger:hover{color:var(--accent);}
.accordion-body{display:none;padding:0 0 1rem;color:var(--muted);font-size:0.9rem;word-break:break-word;overflow-wrap:break-word;}
.accordion-item.is-open .accordion-body{display:block;}
.accordion-item.is-open .acc-icon{transform:rotate(45deg);}
/* checklist */
.checklist-list{list-style:none;padding:0;margin:0;}
.checklist-item{border-bottom:1px solid var(--border);}
.checklist-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0.9rem 0;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:0.95rem;color:var(--text);text-align:left;}
.checklist-trigger:hover{color:var(--accent);}
.checklist-body{display:none;padding:0 0 1rem 1.5rem;color:var(--muted);font-size:0.9rem;}
.checklist-item.is-expanded .checklist-body{display:block;}
.checklist-item.is-expanded .acc-icon{transform:rotate(45deg);}
/* timeline */
.timeline{position:relative;padding-left:2rem;}
.timeline::before{content:'';position:absolute;left:0.45rem;top:0;bottom:0;width:2px;background:var(--border);}
.timeline-item{position:relative;margin-bottom:1.75rem;padding-left:0.5rem;}
.timeline-item::before{content:'';position:absolute;left:-1.6rem;top:0.35rem;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elevated);}
.timeline-num{font-family:var(--font-meta);font-size:0.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.25rem;display:block;}
.timeline-title{font-family:var(--font-display);font-size:1rem;color:var(--text);margin-bottom:0.25rem;}
.timeline-body{font-size:0.9rem;color:var(--muted);}
/* progress steps */
.progress-steps{display:flex;gap:0;margin-bottom:2rem;}
.withdraw-step{flex:1;text-align:center;padding:0.75rem 0.5rem;border-bottom:3px solid var(--border);font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:border-color 0.2s,color 0.2s;}
.withdraw-step.is-done{border-bottom-color:var(--accent);color:var(--accent);}
/* cards hub */
.hub-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow);transition:box-shadow 0.2s,transform 0.2s;}
.hub-card:hover{box-shadow:0 4px 20px rgba(14,154,167,0.15);transform:translateY(-2px);}
.hub-card__label{font-family:var(--font-meta);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent);margin-bottom:0.5rem;display:block;}
.hub-card__title{font-family:var(--font-display);font-size:1.1rem;color:var(--text);margin-bottom:0.5rem;}
.hub-card__body{font-size:0.9rem;color:var(--muted);}
/* access grid */
.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
@media(min-width:780px){.access-grid{grid-template-columns:repeat(4,1fr);}}
/* payment scroll cards */
.pay-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:0.75rem;scroll-snap-type:x mandatory;}
.pay-scroll::-webkit-scrollbar{height:4px;}
.pay-scroll::-webkit-scrollbar-track{background:var(--border);}
.pay-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px;}
.pay-card{min-width:200px;flex-shrink:0;scroll-snap-align:start;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:box-shadow 0.2s;}
.pay-card:hover{box-shadow:0 0 0 2px var(--accent);}
/* promo cards */
.promo-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;}
@media(min-width:640px){.promo-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:780px){.promo-grid{grid-template-columns:repeat(3,1fr);}}
.promo-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform 0.2s,box-shadow 0.2s;}
.promo-card:hover{transform:rotate(0.5deg) translateY(-2px);box-shadow:0 6px 24px rgba(14,154,167,0.12);}
.promo-card__tag{font-family:var(--font-meta);font-size:0.68rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--gold);margin-bottom:0.5rem;display:block;}
.promo-card__title{font-family:var(--font-display);font-size:1.1rem;color:var(--text);margin-bottom:0.5rem;}
.promo-card__body{font-size:0.88rem;color:var(--muted);margin-bottom:1rem;}
/* table scroll */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;}
.table-scroll table{min-width:540px;width:100%;border-collapse:collapse;}
.table-scroll th,.table-scroll td{padding:0.7rem 1rem;border-bottom:1px solid var(--border);text-align:left;font-size:0.9rem;}
.table-scroll th{font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.07em;color:var(--muted);background:var(--bg);}
.table-scroll tr:hover td{background:var(--bg);}
/* screenshot snap carousel */
.snap-carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:0.75rem;}
.snap-carousel::-webkit-scrollbar{height:4px;}
.snap-carousel::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px;}
.snap-slide{min-width:260px;flex-shrink:0;scroll-snap-align:start;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-elevated);}
.snap-slide img{width:100%;display:block;}
/* device frame */
.device-frame{width:220px;margin:0 auto;border:8px solid var(--pitch);border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(21,34,50,0.18);transition:transform 0.3s;}
.device-frame:hover{transform:scale(1.03);}
.device-screen{background:var(--bg);min-height:380px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;}
/* resource cards */
.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
@media(min-width:780px){.resource-grid{grid-template-columns:repeat(3,1fr);}}
.resource-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:block;text-decoration:none;color:var(--text);transition:box-shadow 0.2s,border-color 0.2s;}
.resource-card:hover{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent);}
.resource-card__org{font-family:var(--font-meta);font-size:0.68rem;text-transform:uppercase;letter-spacing:0.09em;color:var(--accent);margin-bottom:0.35rem;display:block;}
.resource-card__title{font-family:var(--font-display);font-size:0.95rem;color:var(--text);}
/* callout */
.rg-callout,.callout{background:var(--bg-elevated);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:1rem 1.25rem;margin-bottom:1.5rem;word-break:break-word;overflow-wrap:break-word;}
.rg-callout:hover,.callout:hover{border-left-color:var(--accent-strong);}
.callout--gold{border-left-color:var(--gold);}
/* age gate banner */
.age-gate-note{background:var(--pitch);color:var(--text-light);padding:0.75rem 1.5rem;font-family:var(--font-meta);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.08em;display:flex;align-items:center;gap:0.75rem;border-bottom:2px solid var(--accent);}
.age-gate-note *{color:inherit;}
.age-badge{background:var(--gold);color:#fff;font-family:var(--font-meta);font-size:0.75rem;font-weight:700;padding:0.2rem 0.5rem;border-radius:4px;}
/* doc rows */
.doc-row{border-bottom:1px solid var(--border);}
.doc-row-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0.9rem 0;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:0.95rem;color:var(--text);text-align:left;}
.doc-row-trigger:hover{color:var(--accent);}
.doc-row-body{display:none;padding:0 0 1rem;color:var(--muted);font-size:0.88rem;}
.doc-row.is-open .doc-row-body{display:block;}
.doc-row.is-open .acc-icon{transform:rotate(45deg);}
.doc-icon{font-size:1.4rem;transition:transform 0.2s;}
.doc-row-trigger:hover .doc-icon{transform:scale(1.2);}
/* feature grid */
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
@media(min-width:780px){.feature-grid{grid-template-columns:repeat(4,1fr);}}
.feature-tile{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;transition:box-shadow 0.2s,transform 0.2s;}
.feature-tile:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(14,154,167,0.12);}
.feature-tile__icon{font-size:1.8rem;margin-bottom:0.5rem;}
.feature-tile__label{font-family:var(--font-display);font-size:0.88rem;color:var(--text);}
/* pull quote */
blockquote.pullquote{border-left:4px solid var(--accent);padding:1rem 1.5rem;font-family:var(--font-display);font-size:1.15rem;color:var(--text);background:var(--bg-elevated);border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0;word-break:break-word;overflow-wrap:break-word;transition:border-left-color 0.3s;}
blockquote.pullquote:hover{border-left-color:var(--gold);}
/* disclosure panels */
.disclosure-panel{border-bottom:1px solid var(--border);}
.disclosure-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0.9rem 0;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:0.95rem;color:var(--text);text-align:left;transition:color 0.2s;}
.disclosure-trigger:hover{color:var(--accent);}
.disclosure-body{display:none;padding:0 0 1rem;color:var(--muted);font-size:0.9rem;}
.disclosure-panel.is-open .disclosure-body{display:block;}
.disclosure-panel.is-open .acc-icon{transform:rotate(45deg);}
/* platform panels */
.platform-tabs{display:flex;gap:0.5rem;margin-bottom:1.25rem;}
.platform-btn{font-family:var(--font-meta);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.07em;padding:0.4rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--muted);cursor:pointer;transition:background 0.2s,color 0.2s;}
.platform-btn.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent);}
.platform-panel{display:none;}
.platform-panel.is-active{display:block;}
/* demo toggle */
.demo-toggle{display:flex;gap:0.5rem;margin-bottom:1.25rem;}
.demo-toggle-btn{font-family:var(--font-meta);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.07em;padding:0.4rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--muted);cursor:pointer;transition:background 0.2s,color 0.2s;}
.demo-toggle-btn.is-active{background:var(--pitch);color:var(--text-light);border-color:var(--pitch);}
.demo-compare-panel{display:none;}
.demo-compare-panel.is-active{display:block;}
/* dense list */
.dense-list{list-style:none;padding:0;margin:0;}
.dense-list li{display:block;padding:1rem 0;}
.dense-list li+li{border-top:1px solid var(--border);}
.dense-list__marker{display:block;font-weight:600;color:var(--accent);margin-bottom:0.4rem;font-family:var(--font-meta);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em;}
.dense-list li:hover{background:transparent;color:var(--text);}
/* TOC sticky */
.toc-layout{display:block;}
@media(min-width:780px){.toc-layout{display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:start;}}
.toc-nav{padding:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:80px;}
.toc-link{display:block;font-family:var(--font-meta);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);text-decoration:none;padding:0.35rem 0.5rem;border-left:2px solid transparent;transition:color 0.2s,border-left-color 0.2s;}
.toc-link:hover,.toc-link.is-active{color:var(--accent);border-left-color:var(--accent);}
/* comparison table */
.compare-table th{background:var(--pitch);color:var(--text-light);}
.compare-table td:first-child{font-weight:600;}
/* market card glow */
.market-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;transition:box-shadow 0.2s,border-color 0.2s;}
.market-card:hover{box-shadow:0 0 0 2px var(--accent),0 4px 16px rgba(14,154,167,0.1);border-color:var(--accent);}
/* two col layout */
.two-col{display:grid;grid-template-columns:1fr;gap:1.5rem;}
@media(min-width:780px){.two-col{grid-template-columns:1fr 1fr;}}
/* hero ticker strip (right side) */
.hero-ticker-strip{display:none;}
@media(min-width:640px){.hero-ticker-strip{display:flex;flex-direction:column;gap:0.5rem;overflow:hidden;max-height:180px;}}
.hero-ticker-item{font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--on-pitch-muted);animation:ticker-up 8s linear infinite;}
@keyframes ticker-up{0%{transform:translateY(0);}100%{transform:translateY(-100%);}}
@media(prefers-reduced-motion:reduce){.hero-ticker-item{animation:none;}}
/* band pitch */
.band-pitch{background:var(--pitch);color:var(--text-light);padding:3rem 0;text-align:center;}
.band-pitch *{color:inherit;}
.band-bg{background:var(--pitch);color:var(--text-light);padding:2rem 0;}
.band-bg *{color:inherit;}
/* responsible band */
.responsible-band{background:var(--pitch);color:var(--text-light);padding:1.5rem 0;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);}
.responsible-band *{color:inherit;}
/* affiliate strip */
.affiliate-strip{background:var(--bg-elevated);border-top:2px solid var(--accent);border-bottom:1px solid var(--border);padding:0.75rem 0;}
.affiliate-strip-inner{font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.07em;color:var(--muted);display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}
/* verify badge */
.verify{font-family:var(--font-meta);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.06em;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:0.1rem 0.35rem;color:var(--muted);vertical-align:middle;}
/* breadcrumb */
.breadcrumb{font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.07em;color:var(--muted);margin-bottom:0.75rem;display:flex;flex-wrap:wrap;gap:0.35rem;align-items:center;}
.breadcrumb a{color:var(--link);text-decoration:none;}
.breadcrumb a:hover{color:var(--link-hover);}
.breadcrumb a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px;}
.breadcrumb-sep{color:var(--border);}
/* stat highlight */
.stat-highlight{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gold);}
/* link grid */
.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}
@media(min-width:780px){.link-grid{grid-template-columns:repeat(4,1fr);}}
.link-grid a{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:0.9rem 1rem;text-decoration:none;font-family:var(--font-display);font-size:0.88rem;color:var(--text);transition:box-shadow 0.2s,border-color 0.2s;}
.link-grid a:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);color:var(--accent);}
/* scroll reveal scoped */
.js-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity 0.55s ease,transform 0.55s ease;}
.js-ready .reveal.is-visible{opacity:1;transform:none;}
.js-ready .reveal-slide{opacity:0;transform:translateX(-24px);transition:opacity 0.5s ease,transform 0.5s ease;}
.js-ready .reveal-slide.is-visible{opacity:1;transform:none;}
.js-ready .reveal-scale{opacity:0;transform:scale(0.95);transition:opacity 0.5s ease,transform 0.5s ease;}
.js-ready .reveal-scale.is-visible{opacity:1;transform:none;}
.js-ready .timeline-item{opacity:0;transform:translateX(-16px);transition:opacity 0.5s ease,transform 0.5s ease;}
.js-ready .timeline-item.is-visible{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.js-ready .reveal,.js-ready .reveal-slide,.js-ready .reveal-scale,.js-ready .timeline-item{opacity:1;transform:none;transition:none;}}