.hub-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}
.hub-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}
.hub-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 #14282022}
.hub-card h3{margin:.25rem 0}
.tab-list{display:flex;gap:.25rem;border-bottom:2px solid var(--border);margin-bottom:1.5rem;flex-wrap:wrap}
.tab-btn{font-family:var(--font-display);font-size:1rem;text-transform:uppercase;letter-spacing:.04em;background:none;border:none;border-bottom:3px solid transparent;padding:.6rem 1rem;cursor:pointer;color:var(--muted)}
.tab-btn.is-active{color:var(--accent);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:.85rem;background:var(--bg-elevated);border:none;padding:.55rem 1.1rem;cursor:pointer;color:var(--text)}
.seg-btn.is-active{background:var(--accent);color:var(--on-accent)}
.seg-panel{display:none}
.seg-panel.is-active{display:block}
.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.sport-chip{font-family:var(--font-meta);font-size:.8rem;text-transform:uppercase;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .9rem;cursor:pointer;color:var(--text)}
.sport-chip.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.sport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}
.sport-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .15s ease,transform .15s ease}
.sport-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}
.icon-tile{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;transition:transform .15s ease,box-shadow .15s ease}
.icon-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.icon-tile .ico{font-family:var(--font-display);font-size:2rem;color:var(--accent)}
.ticker{overflow:hidden;background:var(--pitch);color:var(--text-light);border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);padding:.6rem 0;white-space:nowrap}
.ticker *{color:inherit}
.ticker__track{display:inline-block;font-family:var(--font-meta);font-size:.85rem;animation:tick 24s linear infinite}
.ticker__track span{padding:0 1.5rem;border-right:1px solid var(--on-pitch-muted)}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.live-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-meta);font-size:.75rem;text-transform:uppercase;background:var(--accent);color:#fff;padding:.25rem .6rem;border-radius:var(--radius)}
.live-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.dense-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}
.promo-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}
.promo-card:hover{transform:translateY(-4px);box-shadow:0 10px 0 #14282022}
.table-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;border:1px solid var(--border);border-radius:var(--radius)}
table.data{width:100%;border-collapse:collapse;min-width:520px;font-size:.9rem}
table.data th,table.data td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--border)}
table.data th{font-family:var(--font-display);text-transform:uppercase;background:var(--pitch);color:var(--text-light)}
table.data tr.is-selected{background:#E6394610}
table.data tbody tr{cursor:pointer}
.timeline{position:relative;padding-left:2rem;margin-bottom:2rem}
.timeline::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:3px;background:var(--border)}
.timeline-item{position:relative;padding-bottom:1.5rem}
.timeline-node{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:border-color .15s ease}
.timeline-node::before{content:"";position:absolute;left:-1.75rem;top:1rem;width:14px;height:14px;border-radius:50%;background:var(--border);border:3px solid var(--bg)}
.timeline-node:hover{border-color:var(--accent)}
.timeline-node.is-active::before{background:var(--accent)}
.timeline-node.is-active{border-color:var(--accent)}
.steps-num{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}
.step-card{background:var(--bg-elevated);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:transform .15s ease}
.step-card:nth-child(2){border-left-color:var(--gold)}
.step-card:nth-child(3){border-left-color:var(--link)}
.step-card.is-active{transform:translateY(-3px);box-shadow:var(--shadow)}
.step-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.step-num{font-family:var(--font-display);font-size:2rem;color:var(--accent)}
.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;background:var(--bg-elevated)}
.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:none;padding:1rem 1.25rem;cursor:pointer;font-family:var(--font-display);font-size:1.05rem;text-align:left;color:var(--text)}
.faq-trigger:hover{color:var(--accent)}
.acc-icon{font-size:1.4rem;color:var(--accent);transition:transform .15s ease}
.faq-item.is-open .faq-trigger .acc-icon{transform:rotate(45deg)}
.faq-body{display:none;padding:0 1.25rem 1.25rem;word-break:break-word;overflow-wrap:break-word}
.faq-item.is-open .faq-body{display:block}
.accordion-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;background:var(--bg-elevated)}
.accordion-trigger{width:100%;background:none;border:none;padding:1rem 1.25rem;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:1.05rem;color:var(--text)}
.accordion-body{display:none;padding:0 1.25rem 1.25rem;word-break:break-word;overflow-wrap:break-word}
.accordion-item.is-open .accordion-body{display:block}
.checklist-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem;background:var(--bg-elevated)}
.checklist-trigger{width:100%;background:none;border:none;padding:.9rem 1.1rem;cursor:pointer;text-align:left;font-family:var(--font-display);color:var(--text)}
.checklist-body{display:none;padding:0 1.1rem 1.1rem}
.checklist-item.is-expanded .checklist-body{display:block}
.collapse-panel{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem;background:var(--bg-elevated)}
.panel-trigger{width:100%;background:none;border:none;padding:.9rem 1.1rem;cursor:pointer;text-align:left;font-family:var(--font-display);color:var(--text)}
.panel-body{display:none;padding:0 1.1rem 1.1rem}
.collapse-panel.is-open .panel-body{display:block}
.device-frame{max-width:300px;margin:0 auto;background:var(--pitch);border-radius:24px;padding:14px;box-shadow:var(--shadow);transition:transform .18s ease}
.device-frame *{color:var(--text-light)}
.device-frame:hover{transform:rotate(-2deg) scale(1.02)}
.device-screen{background:var(--bg-elevated);border-radius:14px;min-height:380px;padding:1rem}
.device-screen *{color:var(--text)}
.feature-row,.kyc-row{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;background:var(--bg-elevated);transition:background .15s ease}
.feature-row:hover,.kyc-row:hover{background:#E6394608}
.feature-row.is-checked,.kyc-row.is-checked{border-color:var(--link);background:#0D6E4F0d}
.checklist-count{font-family:var(--font-meta);font-weight:600;color:var(--accent)}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}
.compare-col{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:opacity .2s ease}
.compare-col.is-dim{opacity:.45}
.compare-slider{width:100%;margin-bottom:1.5rem;accent-color:var(--accent)}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}
.resource-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:transform .15s ease,box-shadow .15s ease}
.resource-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.cookie-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem;background:var(--bg-elevated);transition:background .15s ease}
.cookie-row:hover{background:#E6394608}
.cookie-switch{position:relative;display:inline-block;width:46px;height:24px}
.cookie-switch input{opacity:0;width:0;height:0}
.cookie-switch .slider{position:absolute;inset:0;background:var(--border);border-radius:24px;transition:.15s;cursor:pointer}
.cookie-switch .slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}
.cookie-switch input:checked+.slider{background:var(--accent)}
.cookie-switch input:checked+.slider::before{transform:translateX(22px)}
.section-nav{position:sticky;top:80px}
.section-nav a{display:block;padding:.4rem .6rem;border-left:3px solid transparent;color:var(--muted);text-decoration:none;font-size:.9rem}
.section-nav a.is-active{border-left-color:var(--accent);color:var(--accent)}
.expand-row .row-detail{display:none}
.expand-row.is-expanded .row-detail{display:block;padding:.75rem 0}
@media(max-width:780px){.hub-cards,.icon-grid{grid-template-columns:repeat(2,1fr)}.sport-grid,.promo-grid,.resource-grid,.steps-num{grid-template-columns:1fr 1fr}.dense-2col,.compare-grid{grid-template-columns:1fr}}
@media(max-width:640px){.hub-cards,.icon-grid,.sport-grid,.promo-grid,.resource-grid,.steps-num{grid-template-columns:1fr}.tab-list{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.ticker__track{animation:none}.live-badge::before{animation:none}*{transition:none!important}}