.sport-chips{display:flex;flex-wrap:wrap;gap:0.6rem;margin-bottom:1.5rem}
.sport-chip{font-family:var(--font-meta);font-size:0.8rem;padding:0.45rem 0.9rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform 0.15s,box-shadow 0.15s}
.sport-chip:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}
.sport-chip.is-active{background:var(--accent);color:var(--on-accent)}
.sport-cards,.methods-grid,.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}
.sport-card,.method-card,.hub-card,.feature-card,.resource-card,.doc-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:transform 0.18s,box-shadow 0.18s}
.sport-card:hover,.method-card:hover,.hub-card:hover,.feature-card:hover,.resource-card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow)}
.sport-card__icon,.method-card__icon{font-family:var(--font-meta);font-size:0.75rem;color:var(--accent-strong);display:block;margin-bottom:0.5rem}
.tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--border);margin-bottom:1.5rem}
.tab-btn{font-family:var(--font-display);font-size:0.85rem;padding:0.75rem 1.1rem;background:transparent;border:none;border-bottom:4px solid transparent;cursor:pointer;color:var(--muted)}
.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{display:inline-flex;border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}
.seg-btn{font-family:var(--font-meta);font-size:0.8rem;padding:0.55rem 1.2rem;background:var(--bg-elevated);border:none;cursor:pointer;border-right:2px 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-list{display:flex;flex-direction:column;gap:0.9rem;margin-bottom:2rem}
.faq-item{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}
.faq-trigger{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;background:none;border:none;cursor:pointer;font-family:var(--font);font-weight:600;font-size:1rem}
.acc-icon{font-family:var(--font-meta);font-size:1.3rem;transition:transform 0.2s;flex-shrink:0}
.faq-item.is-open .faq-trigger .acc-icon{transform:rotate(45deg)}
.faq-body{display:none;padding:0 1.1rem 1.1rem;word-break:break-word;overflow-wrap:break-word}
.faq-item.is-open .faq-body{display:block}
.accordion-item,.checklist-item{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin-bottom:0.9rem}
.accordion-trigger,.checklist-trigger{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:none;border:none;cursor:pointer;font-weight:600;font-family:var(--font)}
.accordion-body,.checklist-body{display:none;padding:0 1rem 1rem;word-break:break-word;overflow-wrap:break-word}
.accordion-item.is-open .accordion-body,.checklist-item.is-expanded .checklist-body{display:block}
.promo-disclosure{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin-bottom:0.9rem}
.disclosure-summary{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;font-weight:600}
.disclosure-body{display:none;padding:0 1rem 1rem}
.promo-disclosure.is-open .disclosure-body{display:block}
.promo-disclosure.is-open .disclosure-summary .acc-icon{transform:rotate(45deg)}
.promo-card{transition:transform 0.2s,box-shadow 0.2s}
.promo-card:hover{transform:rotate(-1deg) translate(-3px,-3px);box-shadow:var(--shadow)}
.timeline{position:relative;list-style:none;padding:0;margin:0 0 2rem}
.timeline-item{position:relative;padding:0 0 1.5rem 2rem;border-left:2px solid var(--border);margin-left:0.5rem}
.timeline-item::before{content:"";position:absolute;left:-9px;top:0;width:14px;height:14px;background:var(--accent);border:2px solid var(--border);border-radius:50%}
.deposit-timeline{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;margin-bottom:2rem}
.dt-step{flex:0 0 auto;min-width:160px;border:2px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--bg-elevated);opacity:0.5;transition:opacity 0.4s,background 0.4s}
.dt-step.is-active{opacity:1;background:var(--bg-elevated);box-shadow:var(--shadow)}
.dt-step__num{font-family:var(--font-meta);color:var(--accent-strong);font-size:0.8rem}
.stepper{position:relative;margin-bottom:2rem}
.step-item{position:relative;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:1rem 1rem 1rem 3rem;margin-bottom:1rem}
.step-item::before{counter-increment:stp;content:counter(stp);position:absolute;left:0.8rem;top:1rem;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-meta);background:var(--bg);border:2px solid var(--border);border-radius:50%;font-size:0.8rem}
.stepper{counter-reset:stp}
.step-item.is-active::before{background:var(--accent);color:var(--on-accent)}
.step-head{cursor:pointer;font-weight:600}
.step-body{display:none;margin-top:0.6rem}
.step-item.is-expanded .step-body{display:block}
.step-connector{position:relative}
.progress-track{height:8px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}
.progress-fill{height:100%;width:0;background:var(--accent);transition:width 0.5s ease}
.ticker{overflow:hidden;border-top:2px solid var(--border);border-bottom:2px solid var(--border);background:var(--bg-elevated);padding:0.6rem 0;margin-bottom:2rem;white-space:nowrap}
.ticker__track{display:inline-block;white-space:nowrap;animation:marquee 22s linear infinite;font-family:var(--font-meta);font-size:0.85rem}
.ticker__item{display:inline-block;padding:0 1.5rem;border-right:1px solid var(--border)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--accent);margin-right:0.4rem;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,200,83,0.5)}50%{box-shadow:0 0 0 8px rgba(0,200,83,0)}}
.app-mockup{background:var(--pitch);border:2px solid var(--border);border-radius:var(--radius);padding:1rem;max-width:240px;color:var(--text-light)}
.app-mockup *{color:inherit}
.parallax-mockup{will-change:transform}
.flip-card{height:220px;perspective:1000px;margin-bottom:1.25rem}
.flip-card__inner{position:relative;width:100%;height:100%;transition:transform 0.5s;transform-style:preserve-3d}
.flip-card:hover .flip-card__inner{transform:rotateY(180deg)}
.flip-card__front,.flip-card__back{position:absolute;inset:0;overflow-y:auto;backface-visibility:hidden;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:1rem}
.flip-card__back{transform:rotateY(180deg);background:var(--accent);color:var(--on-accent)}
.doc-card{cursor:pointer}
.demo-badge{display:inline-block;font-family:var(--font-meta);font-size:0.75rem;padding:0.3rem 0.7rem;background:var(--gold);border:2px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}
.demo-badge::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);animation:shimmer 2.6s infinite}
@keyframes shimmer{to{left:120%}}
.compare-table .col-highlight:hover,.compare-col:hover{background:rgba(0,200,83,0.08)}
.feature-list{list-style:none;padding:0;margin:0 0 2rem}
.feature-list li{padding:0.7rem 1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin-bottom:0.6rem;transition:transform 0.15s}
.feature-list li:hover{transform:translateX(6px)}
.tip-panel{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin-bottom:0.9rem}
.tip-toggle{width:100%;text-align:left;padding:0.9rem 1rem;background:none;border:none;cursor:pointer;font-weight:600}
.tip-body{display:none;padding:0 1rem 1rem}
.tip-panel.is-open .tip-body{display:block}
.cookie-row{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);margin-bottom:0.7rem}
.cookie-row-head{display:flex;justify-content:space-between;align-items:center;padding:0.9rem 1rem;cursor:pointer;font-weight:600}
.cookie-row-body{display:none;padding:0 1rem 1rem}
.cookie-row.is-expanded .cookie-row-body{display:block}
.cookie-badge{font-family:var(--font-meta);font-size:0.72rem;padding:0.25rem 0.6rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--gold);transition:transform 0.15s}
.cookie-badge:hover{transform:scale(1.08)}
.method-badge{display:inline-block;font-family:var(--font-meta);font-size:0.75rem;padding:0.3rem 0.6rem;border:2px solid var(--border);border-radius:var(--radius);transition:transform 0.15s}
.method-badge:hover{transform:scale(1.1)}
.method-card.is-selected{background:var(--accent);color:var(--on-accent)}
@media(min-width:780px){.sport-cards,.methods-grid,.hub-grid{grid-template-columns:repeat(4,1fr)}.methods-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.ticker__track,.live-dot,.demo-badge::after{animation:none!important}.flip-card:hover .flip-card__inner{transform:none}}