.meta-label{font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.14em;color:var(--muted);display:block;margin-bottom:0.75rem}
.tab-bar{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}
.tab-btn{font-family:var(--font-meta);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;background:none;border:none;border-bottom:2px solid transparent;padding:0.7rem 1.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:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}
.seg-btn{font-family:var(--font-meta);font-size:0.78rem;background:var(--bg-elevated);border:none;padding:0.6rem 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}
.platform-tabs{display:inline-flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}
.platform-btn{font-family:var(--font-meta);font-size:0.78rem;background:var(--bg-elevated);border:none;padding:0.6rem 1.1rem;cursor:pointer;color:var(--text)}
.platform-btn.is-active{background:var(--pitch);color:var(--text-light)}
.platform-panel{display:none}
.platform-panel.is-active{display:block}
.chip-row{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}
.sport-chip{font-family:var(--font-meta);font-size:0.76rem;text-transform:uppercase;letter-spacing:0.06em;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:0.45rem 0.9rem;cursor:pointer;color:var(--text)}
.sport-chip:hover{border-color:var(--accent)}
.sport-chip.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.phase-pills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}
.phase-pill{font-family:var(--font-meta);font-size:0.76rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:0.4rem 1rem;cursor:pointer;color:var(--text)}
.phase-pill.is-active{background:var(--pitch);color:var(--text-light);border-color:var(--pitch)}
.card-grid{display:grid;gap:1.5rem;margin-bottom:2rem}
.card-grid--2{grid-template-columns:repeat(2,1fr)}
.card-grid--3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform 0.2s ease,box-shadow 0.2s ease}
.card__label{font-family:var(--font-meta);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted);display:block;margin-bottom:0.5rem}
.card__title{font-family:var(--font-display);font-size:1.15rem;margin:0 0 0.5rem}
.intent-card:hover,.payment-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(26,26,26,0.12)}
.payment-card:hover{transform:scale(1.02)}
.news-card{border-left:3px solid var(--border);transition:border-color 0.2s ease}
.news-card:hover{border-left-color:var(--accent)}
.promo-card{transition:border-color 0.2s ease}
.promo-card:hover{border-color:var(--accent)}
.resource-card,.gov-card{transition:transform 0.2s ease,box-shadow 0.2s ease}
.resource-card:hover,.gov-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(26,26,26,0.12)}
.info-card{transition:border-color 0.2s ease}
.info-card:hover{border-color:var(--accent)}
.doc-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;background:var(--bg-elevated)}
.doc-card:hover{border-color:var(--accent)}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}
.stat-module{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}
.stat-num{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--gold);display:block}
.stat-label{font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:2rem}
.data-table{width:100%;border-collapse:collapse;min-width:520px;font-size:0.9rem}
.data-table th,.data-table td{padding:0.7rem 1rem;text-align:left;border-bottom:1px solid var(--border)}
.data-table th{font-family:var(--font-meta);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);background:var(--bg-elevated)}
.data-table th.sortable{cursor:pointer;user-select:none}
.data-table th.sortable:hover{color:var(--accent)}
.data-table tbody tr:hover{background:var(--bg)}
.data-table tbody tr:hover td{color:var(--accent)}
td.is-highlight,th.is-highlight{background:rgba(230,59,46,0.08)}
.ticker{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0.75rem 0;margin-bottom:2rem;white-space:nowrap}
.ticker__track{display:inline-block;animation:ticker 22s linear infinite}
.ticker__item{font-family:var(--font-meta);font-size:0.82rem;color:var(--muted);padding:0 1.5rem;text-transform:uppercase;letter-spacing:0.08em}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.timeline{list-style:none;padding:0;margin:0 0 2rem;border-left:2px solid var(--border)}
.timeline-item{position:relative;padding:0 0 1.5rem 1.5rem}
.timeline-item::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--accent);transition:transform 0.2s ease}
.timeline-item:hover::before{transform:scale(1.4)}
.timeline-trigger{cursor:pointer;background:none;border:none;text-align:left;font-family:var(--font-display);font-size:1rem;color:var(--text);padding:0}
.timeline-detail{display:none;margin-top:0.5rem;font-size:0.9rem;color:var(--muted)}
.timeline-item.is-expanded .timeline-detail{display:block}
.faq-item{border-bottom:1px solid var(--border)}
.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:none;text-align:left;font-family:var(--font-display);font-size:1.05rem;color:var(--text);padding:1.1rem 0;cursor:pointer}
.faq-trigger:hover{color:var(--accent)}
.faq-item:hover{background:var(--bg-elevated)}
.acc-icon{font-family:var(--font-meta);transition:transform 0.2s ease;flex-shrink:0}
.faq-body{display:none;padding:0 0 1.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 .acc-icon{transform:rotate(45deg)}
.faq-search{width:100%;padding:0.7rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);margin-bottom:1.5rem}
.accordion-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:0.75rem;background:var(--bg-elevated)}
.accordion-trigger{width:100%;display:flex;justify-content:space-between;background:none;border:none;text-align:left;font-family:var(--font-display);font-size:1.05rem;color:var(--text);padding:1rem 1.2rem;cursor:pointer}
.accordion-body{display:none;padding:0 1.2rem 1.2rem;color:var(--muted);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:0.75rem;background:var(--bg-elevated)}
.checklist-trigger,.feature-trigger,.promo-disclosure-btn{width:100%;display:flex;justify-content:space-between;background:none;border:none;text-align:left;font-family:var(--font-display);font-size:1rem;color:var(--text);padding:1rem 1.2rem;cursor:pointer}
.checklist-body{display:none;padding:0 1.2rem 1.2rem;color:var(--muted)}
.checklist-item.is-expanded .checklist-body{display:block}
.feature-item{border-bottom:1px solid var(--border)}
.feature-detail{display:none;padding:0 1.2rem 1rem;color:var(--muted)}
.feature-item.is-open .feature-detail{display:block}
.kyc-list{list-style:none;padding:0;margin:0 0 1rem}
.kyc-list li{display:flex;align-items:center;gap:0.6rem;padding:0.6rem 0;border-bottom:1px solid var(--border)}
.progress-track{height:6px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:1.5rem}
.progress-fill{height:100%;background:var(--accent);width:0;transition:width 0.3s ease}
.pull-quote{border-left:4px solid var(--accent);padding:0.5rem 0 0.5rem 1.5rem;margin:2rem 0;font-family:var(--font-display);font-size:1.5rem;line-height:1.4;word-break:break-word;overflow-wrap:break-word}
.dense-list{list-style:none;padding:0;margin:0}
.dense-list li{display:block;padding:1.5rem 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.5rem;font-family:var(--font-meta);font-size:0.85rem}
.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--accent);margin-right:0.5rem}
@media(prefers-reduced-motion:no-preference){.live-dot{animation:pulse 1.6s ease infinite}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(230,59,46,0.5)}70%{box-shadow:0 0 0 8px rgba(230,59,46,0)}100%{box-shadow:0 0 0 0 rgba(230,59,46,0)}}
.device-mockup{width:220px;height:440px;border:8px solid var(--pitch);border-radius:24px;background:var(--bg-elevated);margin:0 auto;transition:transform 0.3s ease}
.device-mockup:hover{transform:perspective(800px) rotateY(-6deg)}
.flow-diagram{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.flow-step{flex:1;min-width:140px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;transition:border-color 0.2s ease}
.flow-step:hover{border-color:var(--accent)}
.flow-step__num{font-family:var(--font-meta);color:var(--gold);font-weight:500}
.team-picker{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:2rem}
.team-list{list-style:none;padding:0;margin:0;border:1px solid var(--border);border-radius:var(--radius)}
.team-item{width:100%;text-align:left;background:none;border:none;border-left:3px solid transparent;border-bottom:1px solid var(--border);padding:0.7rem 1rem;cursor:pointer;font-family:var(--font);color:var(--text)}
.team-item.is-active{border-left-color:var(--accent);color:var(--accent);background:var(--bg)}
.squad-panel{display:none}
.squad-panel.is-active{display:block}
.legend-term{position:relative;cursor:help;border-bottom:1px dotted var(--muted)}
.legend-term[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:130%;left:0;background:var(--pitch);color:var(--text-light);padding:0.4rem 0.6rem;border-radius:var(--radius);font-size:0.72rem;white-space:nowrap;z-index:5}
.pos-filters{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1rem}
.pos-filter{font-family:var(--font-meta);font-size:0.74rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:0.4rem 0.8rem;cursor:pointer;color:var(--text)}
.pos-filter.is-active{background:var(--accent);color:var(--on-accent)}
.promo-disclosure-body{display:none;padding:0 1.2rem 1.2rem;color:var(--muted)}
.promo-disclosure.is-open .promo-disclosure-body{display:block}
.compare-toggle{font-family:var(--font-meta);font-size:0.74rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:0.4rem 0.8rem;cursor:pointer;margin:0 0.4rem 1rem 0}
.category-badge{display:inline-block;font-family:var(--font-meta);font-size:0.68rem;padding:0.2rem 0.5rem;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);transition:background 0.2s ease}
.category-badge:hover{background:var(--gold);color:var(--pitch)}
@media(max-width:780px){.card-grid--3{grid-template-columns:repeat(2,1fr)}.team-picker{grid-template-columns:1fr}}
@media(max-width:640px){.card-grid--2,.card-grid--3,.stat-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ticker__track{animation:none}.device-mockup{transition:none}.live-dot{animation:none}}