/* 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.4rem;padding:0.4rem 1rem;border:2px solid var(--border);background:var(--bg-elevated);font-family:var(--font-meta);font-size:0.8rem;font-weight:500;cursor:pointer;border-radius:var(--radius);transition:background 0.15s,color 0.15s;}
.sport-chip:hover,.sport-chip.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--border);box-shadow:var(--shadow);}
/* tabs */
.tab-list{display:flex;border-bottom:2px solid var(--border);gap:0;margin-bottom:1.5rem;overflow-x:auto;}
.tab-btn{padding:0.6rem 1.2rem;border:none;background:none;font-family:var(--font);font-size:0.9rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;color:var(--muted);white-space:nowrap;transition:color 0.15s,border-color 0.15s;}
.tab-btn:hover{color:var(--text);}
.tab-btn.is-active{color:var(--accent-strong);border-bottom-color:var(--accent);}
.tab-panel{display:none;}
.tab-panel.is-active{display:block;}
/* seg control */
.seg-control{display:inline-flex;border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;}
.seg-btn{padding:0.5rem 1.2rem;border:none;border-right:1px solid var(--border);background:var(--bg-elevated);font-family:var(--font-meta);font-size:0.8rem;font-weight:500;cursor:pointer;color:var(--text);transition:background 0.15s;}
.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;}
/* ticker */
.ticker-wrap{overflow:hidden;border-top:2px solid var(--border);border-bottom:2px solid var(--border);background:var(--pitch);color:var(--text-light);padding:0.5rem 0;}
.ticker-wrap *{color:inherit;}
.ticker-track{display:flex;gap:3rem;width:max-content;animation:ticker-scroll 28s linear infinite;font-family:var(--font-meta);font-size:0.8rem;}
@keyframes ticker-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.reduced-motion .ticker-track,.js-ready.reduced-motion .ticker-track{animation:none;}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;}}
.ticker-item{white-space:nowrap;padding:0 1rem;border-right:1px solid var(--on-pitch-muted);}
/* live badge */
.live-badge{display:inline-flex;align-items:center;gap:0.3rem;background:var(--accent);color:var(--on-accent);font-family:var(--font-meta);font-size:0.7rem;font-weight:500;padding:0.2rem 0.6rem;border-radius:var(--radius);border:2px solid var(--border);}
.live-badge::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--border);animation:pulse-dot 1.2s ease-in-out infinite;}
@keyframes pulse-dot{0%,100%{opacity:1;}50%{opacity:0.3;}}
@media(prefers-reduced-motion:reduce){.live-badge::before{animation:none;}}
/* faq */
.faq-list{border-top:2px solid var(--border);}
.faq-item{border-bottom:2px solid var(--border);}
.faq-trigger{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font);font-size:1rem;font-weight:600;color:var(--text);}
.faq-trigger:hover{color:var(--accent-strong);}
.acc-icon{font-style:normal;font-size:1.2rem;font-weight:700;transition:transform 0.2s;flex-shrink:0;color:var(--accent-strong);}
.faq-item.is-open .acc-icon{transform:rotate(45deg);}
.faq-body{display:none;padding-bottom:1rem;color:var(--muted);word-break:break-word;overflow-wrap:break-word;}
.faq-item.is-open .faq-body{display:block;}
.faq-item.is-open .faq-trigger{color:var(--accent-strong);}
/* accordion */
.accordion-list{border-top:2px solid var(--border);}
.accordion-item{border-bottom:2px solid var(--border);}
.accordion-trigger{display:flex;justify-content:space-between;align-items:center;padding:0.9rem 0;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font);font-weight:600;color:var(--text);}
.accordion-body{display:none;padding-bottom:1rem;word-break:break-word;overflow-wrap:break-word;}
.accordion-item.is-open .accordion-body{display:block;}
/* checklist */
.checklist-list{display:flex;flex-direction:column;gap:0.75rem;}
.checklist-item{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);}
.checklist-trigger{display:flex;justify-content:space-between;align-items:center;padding:0.9rem 1rem;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font);font-weight:600;color:var(--text);}
.checklist-trigger:hover{background:var(--bg);}
.checklist-body{display:none;padding:0 1rem 1rem;word-break:break-word;overflow-wrap:break-word;}
.checklist-item.is-expanded .checklist-body{display:block;}
.checklist-item:hover{border-color:var(--accent);}
/* disclosure panels */
.disclosure-item{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin-bottom:0.75rem;}
.disclosure-trigger{display:flex;justify-content:space-between;align-items:center;padding:0.9rem 1rem;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font);font-weight:600;color:var(--text);}
.disclosure-body{display:none;padding:0 1rem 1rem;}
.disclosure-item.is-open .disclosure-body{display:block;}
/* timeline */
.timeline{position:relative;padding-left:2.5rem;}
.timeline::before{content:'';position:absolute;left:0.6rem;top:0;bottom:0;width:2px;background:var(--border);}
.timeline-item{position:relative;margin-bottom:2rem;}
.timeline-item::before{content:'';position:absolute;left:-2rem;top:0.25rem;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--border);transition:transform 0.2s,background 0.2s;}
.timeline-item:hover::before{background:var(--accent-strong);transform:scale(1.25);}
.timeline-label{font-family:var(--font-meta);font-size:0.75rem;color:var(--muted);margin-bottom:0.25rem;}
/* stepper */
.stepper{display:flex;flex-direction:column;gap:0;}
.step-item{display:flex;gap:1rem;padding:1rem 0;border-left:3px solid var(--border);padding-left:1.5rem;position:relative;}
.step-item::before{content:attr(data-step);position:absolute;left:-1px;top:1rem;width:28px;height:28px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-meta);font-size:0.75rem;font-weight:700;transform:translateX(-50%);line-height:28px;text-align:center;}
.step-item.is-active{border-left-color:var(--accent);}
.step-item.is-active::before{background:var(--accent);color:var(--on-accent);border-color:var(--border);}
/* kyc stepper horizontal */
.kyc-stepper{display:flex;gap:0;overflow-x:auto;margin-bottom:2rem;}
.kyc-step{flex:1;min-width:120px;padding:0.75rem 0.5rem;text-align:center;border:2px solid var(--border);border-right:none;background:var(--bg-elevated);cursor:pointer;font-family:var(--font-meta);font-size:0.75rem;font-weight:500;}
.kyc-step:last-child{border-right:2px solid var(--border);}
.kyc-step.is-active{background:var(--accent);color:var(--on-accent);}
/* promo cards */
.promo-card{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:2rem;transition:transform 0.15s,box-shadow 0.15s;}
.promo-card:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--border);}
.promo-card__tag{font-family:var(--font-meta);font-size:0.7rem;font-weight:500;background:var(--accent);color:var(--on-accent);padding:0.2rem 0.6rem;border-radius:var(--radius);border:1px solid var(--border);display:inline-block;margin-bottom:0.75rem;}
.promo-card__disclaimer{font-size:0.78rem;color:var(--muted);margin-top:0.75rem;font-family:var(--font-meta);}
/* promo filter */
.filter-bar{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem;}
.promo-filter-btn{padding:0.4rem 1rem;border:2px solid var(--border);background:var(--bg-elevated);font-family:var(--font-meta);font-size:0.8rem;cursor:pointer;border-radius:var(--radius);}
.promo-filter-btn.is-active,.promo-filter-btn:hover{background:var(--pitch);color:var(--text-light);}
/* hub brutal cards */
.hub-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem;}
@media(min-width:780px){.hub-cards{grid-template-columns:repeat(3,1fr);}}
.hub-card{display:block;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);padding:1.5rem;text-decoration:none;color:var(--text);transition:transform 0.15s,box-shadow 0.15s;}
.hub-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border);color:var(--text);}
.hub-card__icon{font-size:1.8rem;margin-bottom:0.75rem;}
.hub-card__title{font-family:var(--font-display);font-size:1rem;margin-bottom:0.4rem;}
.hub-card__desc{font-size:0.85rem;color:var(--muted);}
/* device frame */
.device-frame{position:relative;width:240px;max-width:100%;margin:0 auto 2rem;border:3px solid var(--border);border-radius:24px;box-shadow:var(--shadow);background:var(--pitch);padding:2rem 0.75rem;}
.device-frame::before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:60px;height:6px;background:var(--border);border-radius:4px;}
.device-screen{background:var(--bg);border-radius:12px;min-height:160px;display:flex;align-items:center;justify-content:center;font-family:var(--font-meta);font-size:0.8rem;color:var(--muted);}
/* carousel */
.carousel-wrap{position:relative;margin-bottom:2rem;}
.carousel-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:0.5rem;}
.carousel-track::-webkit-scrollbar{display:none;}
.carousel-slide{flex:0 0 220px;scroll-snap-align:start;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);min-height:180px;display:flex;align-items:center;justify-content:center;font-family:var(--font-meta);font-size:0.8rem;color:var(--muted);}
.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);padding:0.4rem 0.8rem;cursor:pointer;font-family:var(--font-meta);font-size:0.9rem;z-index:2;}
.carousel-prev{left:-1rem;}
.carousel-next{right:-1rem;}
/* payment icon grid */
.method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;margin-bottom:2rem;}
.method-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);font-family:var(--font-meta);font-size:0.75rem;text-align:center;cursor:default;transition:border-color 0.15s,transform 0.15s;}
.method-icon:hover{border-color:var(--accent);transform:translateY(-2px);}
.method-icon__symbol{font-size:1.8rem;margin-bottom:0.4rem;}
/* doc icon grid */
.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-bottom:2rem;}
.doc-tile{display:flex;flex-direction:column;align-items:center;padding:1.25rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);font-family:var(--font-meta);font-size:0.78rem;text-align:center;transition:border-color 0.15s,box-shadow 0.15s;}
.doc-tile:hover{border-color:var(--accent);box-shadow:var(--shadow);}
.doc-tile__icon{font-size:2rem;margin-bottom:0.5rem;}
/* benefit cards */
.benefit-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;}
@media(min-width:780px){.benefit-cards{grid-template-columns:repeat(3,1fr);}}
.benefit-card{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);padding:1.25rem;transition:transform 0.15s,box-shadow 0.15s;}
.benefit-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border);}
.benefit-card__icon{font-size:1.6rem;margin-bottom:0.5rem;}
/* resource cards */
.resource-cards{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;}
@media(min-width:640px){.resource-cards{grid-template-columns:1fr 1fr;}}
.resource-card{display:block;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);padding:1.25rem;text-decoration:none;color:var(--text);transition:border-color 0.15s,transform 0.15s;}
.resource-card:hover{border-color:var(--accent);transform:translate(-2px,-2px);}
.resource-card__tag{font-family:var(--font-meta);font-size:0.7rem;color:var(--muted);margin-bottom:0.4rem;}
.resource-card__title{font-weight:700;margin-bottom:0.25rem;}
.resource-card__url{font-family:var(--font-meta);font-size:0.75rem;color:var(--link);word-break:break-all;}
/* affiliate flow */
.aff-flow{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;}
@media(min-width:640px){.aff-flow{flex-direction:row;align-items:stretch;}}
.aff-step{flex:1;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);padding:1.25rem;text-align:center;position:relative;}
.aff-step__num{font-family:var(--font-meta);font-size:2rem;font-weight:700;color:var(--accent);}
.aff-step__arrow{display:none;}
@media(min-width:640px){.aff-step__arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--muted);padding:0 0.25rem;}}
/* pull quote */
.pull-quote{border-left:4px solid var(--accent);padding:1.25rem 1.5rem;background:var(--bg-elevated);margin:2rem 0;font-family:var(--font-display);font-size:1.15rem;word-break:break-word;overflow-wrap:break-word;box-shadow:var(--shadow);}
/* sidebar layout */
.sidebar-layout{display:block;}
@media(min-width:780px){.sidebar-layout{display:grid;grid-template-columns:220px 1fr;gap:2.5rem;align-items:start;}}
.sidebar-nav{position:sticky;top:80px;}
.toc-nav{list-style:none;padding:0;margin:0;border-left:3px solid var(--border);}
.toc-nav li{margin-bottom:0.4rem;}
.toc-nav a{display:block;padding:0.3rem 0.75rem;text-decoration:none;font-size:0.85rem;color:var(--muted);font-family:var(--font-meta);border-left:3px solid transparent;margin-left:-3px;}
.toc-nav a:hover{color:var(--text);}
.toc-nav a.is-active{color:var(--accent-strong);border-left-color:var(--accent);}
/* security badges */
.badge-row{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.5rem;}
.sec-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.8rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);font-family:var(--font-meta);font-size:0.75rem;font-weight:500;}
/* row detail expand */
.row-detail{display:none;}
.row-detail.is-open{display:table-row;}
.row-detail td{background:var(--bg);padding:0.75rem 1rem;font-size:0.85rem;color:var(--muted);}
/* read more */
.read-more-body{max-height:0;overflow:hidden;}
.read-more-body.is-open{max-height:none;}
/* back to top */
#back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--pitch);color:var(--text-light);border:2px solid var(--accent);border-radius:var(--radius);padding:0.5rem 0.75rem;font-family:var(--font-meta);font-size:0.8rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.2s;z-index:990;}
#back-to-top.is-visible{opacity:1;pointer-events:auto;}
/* cookie pills */
.cookie-pills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem;}
.cookie-pill{padding:0.35rem 1rem;border:2px solid var(--border);border-radius:999px;background:var(--bg-elevated);font-family:var(--font-meta);font-size:0.78rem;cursor:pointer;}
.cookie-pill.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--border);}
/* toggle row */
.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0;border-bottom:1px solid var(--border);}
.toggle-visual{width:44px;height:24px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:12px;position:relative;cursor:pointer;transition:background 0.2s;}
.toggle-visual:checked{background:var(--accent);}
.toggle-visual::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform 0.2s;}
.toggle-visual:checked::after{transform:translateX(20px);}
/* dense list */
.dense-list{list-style:none;padding:0;margin:0;}
.dense-list li{display:block;}
.dense-list li+li{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:1.5rem;}
.dense-list__marker{display:block;font-weight:600;color:var(--accent-strong);margin-bottom:0.5rem;font-family:var(--font-meta);}
/* access paths */
.access-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;}
.access-link-card{display:block;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);padding:1rem 1.5rem;text-decoration:none;color:var(--text);font-weight:600;transition:transform 0.15s,border-color 0.15s;}
.access-link-card:hover{transform:translate(-2px,-2px);border-color:var(--accent);}
/* stat row */
.stat-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;}
.stat-block{flex:1;min-width:140px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow);padding:1.25rem;text-align:center;}
.stat-block__value{font-family:var(--font-display);font-size:2rem;color:var(--accent-strong);display:block;}
.stat-block__label{font-family:var(--font-meta);font-size:0.78rem;color:var(--muted);}
/* cta band */
.band-cta{background:var(--pitch);color:var(--text-light);padding:3rem 1.5rem;text-align:center;border-top:3px solid var(--accent);border-bottom:3px solid var(--accent);margin:2rem 0;}
.band-cta *{color:inherit;}
.band-cta:hover{border-color:var(--accent-strong);}
/* verify note */
.verify-note{font-family:var(--font-meta);font-size:0.75rem;color:var(--muted);background:var(--bg);border:1px dashed var(--border);padding:0.4rem 0.75rem;border-radius:var(--radius);display:inline-block;margin-bottom:0.5rem;}
/* scroll progress indicator bar */
.progress-fill{height:4px;background:var(--accent);border-radius:2px;transition:width 0.3s;}
/* feature list stagger */
.feature-list{list-style:none;padding:0;margin:0;}
.feature-list li{display:flex;gap:0.75rem;align-items:flex-start;padding:0.75rem 0;border-bottom:1px solid var(--border);}
.feature-list__icon{font-size:1.2rem;flex-shrink:0;margin-top:0.1rem;}