/* sport chips */
.chips-row{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}
.sport-chip{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.9rem;border-radius:999px;border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:var(--font-meta);font-size:0.78rem;cursor:pointer;transition:background 0.12s,border-color 0.12s,color 0.12s}
.sport-chip:hover,.sport-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}
/* tabs */
.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1.5rem;overflow-x:auto}
.tab-btn{padding:0.6rem 1.2rem;border:none;background:none;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color 0.12s,border-color 0.12s;white-space:nowrap}
.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 controls */
.seg-control{display:inline-flex;border-radius:var(--radius);border:1.5px solid var(--border);overflow:hidden;background:var(--bg-elevated)}
.seg-btn{padding:0.45rem 1rem;border:none;background:none;font-family:var(--font-meta);font-size:0.82rem;color:var(--muted);cursor:pointer;transition:background 0.12s,color 0.12s}
.seg-btn.is-active{background:var(--accent);color:var(--on-accent)}
.seg-panel{display:none}
.seg-panel.is-active{display:block}
/* sport cards */
.sport-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.1rem 1rem;transition:border-color 0.12s,transform 0.12s,box-shadow 0.12s}
.sport-card:hover{border-color:var(--accent);transform:translateY(-3px) skewY(-0.4deg);box-shadow:var(--shadow)}
.sport-card__label{font-family:var(--font-meta);font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.4rem}
.sport-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:0.3rem}
.sport-card__verify{font-family:var(--font-meta);font-size:0.7rem;color:var(--muted);font-style:italic}
/* league grid */
.league-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(min-width:640px){.league-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:780px){.league-grid{grid-template-columns:repeat(4,1fr)}}
/* hub link grid */
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}
@media(min-width:780px){.hub-grid{grid-template-columns:repeat(4,1fr)}}
.hub-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.1rem 1rem;text-decoration:none;display:block;transition:transform 0.12s,border-color 0.12s,box-shadow 0.12s}
.hub-card:hover{transform:translateY(-4px) skewY(-0.5deg);border-color:var(--accent);box-shadow:var(--shadow)}
.hub-card__title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:0.25rem}
.hub-card__desc{font-size:0.82rem;color:var(--muted)}
/* intent pills */
.intent-pills{display:flex;flex-wrap:wrap;gap:0.6rem}
.intent-pill{display:inline-flex;align-items:center;padding:0.45rem 1rem;border-radius:999px;background:var(--bg-elevated);border:1.5px solid var(--border);font-family:var(--font-meta);font-size:0.8rem;color:var(--text);text-decoration:none;transition:background 0.12s,border-color 0.12s,color 0.12s}
.intent-pill:hover{background:var(--accent);border-color:var(--accent);color:#fff}
/* faq accordion */
.faq-list{list-style:none;padding:0;margin:0}
.faq-item{border-bottom:1px solid var(--border)}
.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text);text-align:left;transition:color 0.12s}
.faq-trigger:hover{color:var(--accent)}
.faq-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.acc-icon{font-size:1.2rem;font-weight:700;color:var(--accent);transition:transform 0.2s;flex-shrink:0;margin-left:0.5rem}
.faq-item.is-open .faq-trigger .acc-icon{transform:rotate(45deg)}
.faq-body{display:none;padding:0 0 1rem;word-break:break-word;overflow-wrap:break-word}
.faq-item.is-open .faq-body{display:block}
/* checklist */
.checklist-item{border:1.5px solid var(--border);border-radius:var(--radius);margin-bottom:0.75rem;overflow:hidden}
.checklist-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.85rem 1rem;background:var(--bg-elevated);border:none;cursor:pointer;font-weight:600;color:var(--text);text-align:left}
.checklist-body{display:none;padding:0.75rem 1rem;border-top:1px solid var(--border)}
.checklist-item.is-expanded .checklist-body{display:block}
/* accordion */
.accordion-item{border-bottom:1px solid var(--border)}
.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.9rem 0;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-weight:600;color:var(--text);text-align:left}
.accordion-body{display:none;padding:0 0 1rem;word-break:break-word;overflow-wrap:break-word}
.accordion-item.is-open .accordion-body{display:block}
/* table scroll */
.table-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;border-radius:var(--radius)}
.data-table{width:100%;border-collapse:collapse;font-size:0.9rem}
.data-table th{font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;background:var(--pitch);color:var(--text-light);padding:0.7rem 1rem;text-align:left;white-space:nowrap}
.data-table td{padding:0.65rem 1rem;border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap}
.data-table tr:hover td{background:rgba(255,69,32,0.05)}
/* timeline */
.timeline{position:relative;padding-left:2.2rem}
.timeline::before{content:"";position:absolute;left:0.7rem;top:0;bottom:0;width:2px;background:var(--border)}
.timeline-item{position:relative;margin-bottom:2rem}
.timeline-item::before{content:"";position:absolute;left:-1.55rem;top:0.35rem;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elevated);box-shadow:0 0 0 2px var(--accent)}
.timeline-item.is-active::before{background:var(--gold)}
/* step progress */
.step-progress{display:flex;gap:0;margin-bottom:2rem;counter-reset:step}
.step-node{flex:1;text-align:center;position:relative;cursor:pointer}
.step-node::before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--border);color:var(--muted);font-family:var(--font-meta);font-weight:700;font-size:0.85rem;margin:0 auto 0.4rem;transition:background 0.2s,color 0.2s}
.step-node.is-active::before{background:var(--accent);color:#fff}
.step-node::after{content:"";position:absolute;top:18px;left:50%;right:-50%;height:2px;background:var(--border);z-index:-1}
.step-node:last-child::after{display:none}
/* kyc step */
.kyc-step{cursor:pointer;padding:0.9rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);margin-bottom:0.75rem;transition:border-color 0.12s}
.kyc-step.is-active{border-color:var(--accent);background:rgba(255,69,32,0.05)}
/* method cards */
.method-card{border:2px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:border-color 0.12s,transform 0.12s}
.method-card:hover{transform:scale(1.02)}
.method-card.is-selected{border-color:var(--accent);background:rgba(255,69,32,0.05)}
/* promo cards */
.promo-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.2rem;position:relative;overflow:hidden;transition:box-shadow 0.12s,transform 0.12s;margin-bottom:1rem}
.promo-card::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 8px,rgba(255,69,32,0.06) 8px,rgba(255,69,32,0.06) 12px);opacity:0;transition:opacity 0.12s}
.promo-card:hover::after{opacity:1}
.promo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
/* live pulse */
.live-label{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--font-meta);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent);font-weight:700}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-dot 1.4s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:0.6}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}
/* device frame */
.device-frame{width:220px;margin:0 auto;border-radius:32px;border:6px solid var(--pitch);padding:12px;background:var(--pitch);box-shadow:var(--shadow);transition:transform 0.2s ease}
.device-screen{background:var(--bg);border-radius:22px;height:380px;overflow:hidden;position:relative}
/* doc upload mock */
.doc-mock{border:2.5px dashed var(--border);border-radius:var(--radius);padding:2rem;text-align:center;background:var(--bg-elevated);color:var(--muted);font-family:var(--font-meta);font-size:0.85rem}
.doc-mock__icon{font-size:2.5rem;margin-bottom:0.5rem;opacity:0.4}
/* demo views */
.demo-view{display:none}
.demo-view.is-active{display:block}
.demo-toggle-btn{padding:0.45rem 1.1rem;border-radius:999px;border:1.5px solid var(--border);background:none;font-family:var(--font-meta);font-size:0.82rem;color:var(--muted);cursor:pointer;transition:background 0.12s,color 0.12s}
.demo-toggle-btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}
/* pullquote */
.pullquote{border-left:4px solid var(--accent);padding-left:1.2rem;margin:1.5rem 0;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text)}
/* diagonal badge */
.affiliate-badge{position:relative;display:inline-block;background:var(--accent);color:#fff;padding:0.4rem 1rem;font-family:var(--font-meta);font-size:0.78rem;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);letter-spacing:0.06em}
/* cookie cat */
.cookie-cat-item{border:1.5px solid var(--border);border-radius:var(--radius);margin-bottom:0.75rem;overflow:hidden}
.cookie-cat-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.85rem 1rem;background:var(--bg-elevated);border:none;cursor:pointer;font-weight:600;color:var(--text);text-align:left}
.cookie-cat-body{display:none;padding:0.75rem 1rem;border-top:1px solid var(--border)}
.cookie-cat-item.is-open .cookie-cat-body{display:block}
/* disclosure sections */
.disclosure-section{border-bottom:1px solid var(--border)}
.disclosure-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.9rem 0;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-weight:600;color:var(--text);text-align:left}
.disclosure-body{display:none;padding:0 0 1rem}
.disclosure-section.is-open .disclosure-body{display:block}
/* expand panel */
.expand-panel{display:none;padding:1rem;background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:0 0 var(--radius) var(--radius);word-break:break-word;overflow-wrap:break-word}
.expand-panel.is-open{display:block}
/* gov resource cards */
.gov-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.1rem;text-decoration:none;display:block;transition:transform 0.12s,box-shadow 0.12s}
.gov-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.gov-card__title{font-family:var(--font-display);font-weight:700;color:var(--text);margin-bottom:0.25rem}
.gov-card__sub{font-size:0.82rem;color:var(--muted)}
/* store badge */
.store-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.55rem 1.2rem;border:2px solid var(--pitch);border-radius:var(--radius);font-family:var(--font-meta);font-size:0.82rem;color:var(--pitch);text-decoration:none;transition:transform 0.12s,background 0.12s,color 0.12s}
.store-badge:hover{transform:translateY(-2px);background:var(--pitch);color:#fff}
/* step card accent */
.step-card{border-left:4px solid var(--accent);background:var(--bg-elevated);border-radius:var(--radius);padding:1.1rem 1rem;margin-bottom:1rem;animation:none}
.step-card:hover{box-shadow:var(--shadow)}
/* dense list */
.dense-list{list-style:none;padding:0;margin:0;columns:2;gap:1.5rem}
@media(max-width:640px){.dense-list{columns:1}}
.dense-list li{display:block;margin-bottom:1.5rem;break-inside:avoid}
.dense-list li+li{border-top:1px solid var(--border);padding-top:1.5rem}
.dense-list__marker{display:block;font-weight:600;color:var(--accent);margin-bottom:0.5rem}
/* stat row */
.stat-row{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}
.stat-block{text-align:center;min-width:100px}
.stat-num{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--accent);display:block}
.stat-lbl{font-family:var(--font-meta);font-size:0.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
/* breadcrumb */
.breadcrumb{display:flex;flex-wrap:wrap;gap:0.3rem;align-items:center;font-family:var(--font-meta);font-size:0.78rem;color:var(--muted);margin-bottom:1rem}
.breadcrumb a{color:var(--link);text-decoration:none}
.breadcrumb a:hover{color:var(--link-hover);text-decoration:underline}
.breadcrumb-sep{opacity:0.5}
/* vertical withdraw timeline */
.v-timeline{position:relative;padding-left:2.5rem}
.v-timeline::before{content:"";position:absolute;left:0.8rem;top:0;bottom:0;width:2px;background:var(--border)}
.v-timeline-item{position:relative;margin-bottom:2rem}
.v-timeline-item__dot{position:absolute;left:-1.75rem;top:0.3rem;width:16px;height:16px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--accent)}
.v-timeline-item.is-done .v-timeline-item__dot{background:var(--accent)}
/* side nav */
.side-nav{position:sticky;top:80px;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius);border:1.5px solid var(--border)}
.side-nav-link{display:block;padding:0.4rem 0.75rem;font-size:0.85rem;color:var(--muted);text-decoration:none;border-left:2px solid transparent;transition:color 0.12s,border-color 0.12s}
.side-nav-link:hover,.side-nav-link.is-active{color:var(--accent);border-left-color:var(--accent)}
/* info cards stacked */
.info-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-bottom:1rem}
.info-card__label{font-family:var(--font-meta);font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.4rem}
/* rg callout */
.rg-callout{border-left:4px solid var(--gold);background:var(--bg-elevated);border-radius:0 var(--radius) var(--radius) 0;padding:1.2rem 1.4rem;margin:1.5rem 0;word-break:break-word;overflow-wrap:break-word}
.rg-callout__title{font-family:var(--font-display);font-weight:700;color:var(--text);margin-bottom:0.5rem}
/* hero diagonal slice */
.hero-slice{position:relative;overflow:hidden}
.hero-slice::after{content:"";position:absolute;right:-60px;top:0;bottom:0;width:260px;background:var(--accent);clip-path:polygon(30% 0,100% 0,100% 100%,0% 100%);z-index:0}
@media(max-width:640px){.hero-slice::after{display:none}}
/* app section step */
.app-step-section{padding:2rem 0;border-bottom:1px solid var(--border)}
.app-step-section.is-active .app-step-num{color:var(--accent)}
.app-step-num{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--border);line-height:1;transition:color 0.3s}
/* faq search */
.faq-search{width:100%;padding:0.65rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:0.95rem;margin-bottom:1.5rem;background:var(--bg-elevated);color:var(--text)}
.faq-search:focus{outline:2px solid var(--accent);border-color:var(--accent)}
/* winner CTA glow */
.band-winner{background:var(--pitch);color:var(--text-light);text-align:center;padding:3.5rem 1.5rem;position:relative;overflow:hidden}
.band-winner *{color:inherit}
.band-winner::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(255,69,32,0.25) 0%,transparent 70%);pointer-events:none}
/* legal heading accent */
.legal-heading{position:relative;padding-left:1rem}
.legal-heading::before{content:"";position:absolute;left:0;top:0.15em;bottom:0.15em;width:4px;background:var(--accent);border-radius:2px}
/* compare cards */
.compare-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-bottom:1rem}
.compare-card.is-featured{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,69,32,0.15)}
/* amount field visual */
.amount-field-vis{border:2px solid var(--border);border-radius:var(--radius);padding:0.65rem 1rem;background:var(--bg-elevated);font-family:var(--font-meta);font-size:1.1rem;color:var(--muted);pointer-events:none;margin-bottom:1rem}
.amount-field-vis:focus-within{border-color:var(--accent)}
/* access method cards */
.access-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.4rem;text-align:center;transition:transform 0.12s,box-shadow 0.12s}
.access-card:hover{transform:scale(1.03);box-shadow:var(--shadow)}
/* benefit cards */
.benefit-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.2rem;transition:transform 0.12s,box-shadow 0.12s}
.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
/* ticker / marquee */
.ticker-wrap{overflow:hidden;background:var(--pitch);color:var(--text-light);padding:0.4rem 0}
.ticker-track{display:flex;gap:3rem;animation:ticker-scroll 30s linear infinite;white-space:nowrap}
.ticker-wrap:hover .ticker-track{animation-play-state:paused}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.ticker-item{font-family:var(--font-meta);font-size:0.78rem;color:var(--text-light);flex-shrink:0}
.ticker-item span{color:var(--gold);margin-left:0.3rem}
/* method cards grid */
.methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(min-width:640px){.methods-grid{grid-template-columns:repeat(3,1fr)}}
/* two-col link cards */
.link-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}
@media(max-width:640px){.link-cards{grid-template-columns:1fr}}
.link-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.2rem;text-decoration:none;display:block;transition:border-color 0.12s,transform 0.12s}
.link-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.link-card__title{font-family:var(--font-display);font-weight:700;color:var(--text);margin-bottom:0.25rem}
.link-card__sub{font-size:0.82rem;color:var(--muted)}