.intent-tabs{margin:2rem 0}
.tablist{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}
.tab-btn{font-family:var(--font-meta);font-size:.85rem;background:none;border:none;border-bottom:2px solid transparent;padding:.6rem .9rem;cursor:pointer;color:var(--muted)}
.tab-btn.is-active{color:var(--accent);border-bottom-color:var(--accent)}
.tab-panel{display:none;min-height:120px}
.tab-panel.is-active{display:block}
.seg-control{display:inline-flex;gap:.25rem;background:rgba(255,255,255,.55);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem;margin-bottom:1.25rem}
.seg-btn{font-family:var(--font-meta);font-size:.8rem;border:none;background:none;padding:.5rem .9rem;border-radius:10px;cursor:pointer;color:var(--muted)}
.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:1.5rem 0}
.sport-chip{font-family:var(--font-meta);font-size:.8rem;background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:999px;padding:.5rem 1rem;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(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}
.sport-card{background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}
.glass-card{background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease;position:relative}
.glass-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(20,32,51,.14)}
.glass-card::before{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:linear-gradient(135deg,rgba(125,211,252,.5),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.mono-label{font-family:var(--font-meta);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.4rem}
.promo-card{background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .3s ease}
.promo-card:hover{transform:perspective(700px) rotateX(2deg) rotateY(-2deg) translateY(-3px)}
.table-scroll-wrap{overflow-x:auto;margin-bottom:1.25rem;position:relative;background:linear-gradient(90deg,var(--bg) 30%,transparent),linear-gradient(90deg,transparent,var(--bg) 70%) 100% 0;background-size:30px 100%,30px 100%;background-repeat:no-repeat;background-attachment:local,local}
.data-table{width:100%;border-collapse:collapse;min-width:560px;font-size:.9rem}
.data-table th,.data-table td{text-align:left;padding:.75rem .9rem;border-bottom:1px solid var(--border)}
.data-table th{font-family:var(--font-meta);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.data-table tr:hover td{background:rgba(125,211,252,.08)}
.event-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem;transition:border-color .25s ease}
.event-row:hover{border-left-color:var(--accent)}
.live-badge{font-family:var(--font-meta);font-size:.7rem;letter-spacing:.06em;background:var(--accent);color:var(--on-accent);padding:.25rem .6rem;border-radius:999px}
.live-badge::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;margin-right:.4rem;animation:pulse 1.4s ease-in-out infinite;vertical-align:middle}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.faq-list{max-width:760px;margin:0 auto}
.faq-item{background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}
.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:none;padding:1.1rem 1.25rem;text-align:left;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text)}
.acc-icon{font-family:var(--font-meta);transition:transform .25s ease;color:var(--accent)}
.faq-body{display:none;padding:0 1.25rem 1.25rem;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)}
.accordion-item,.checklist-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}
.accordion-trigger,.checklist-trigger{width:100%;display:flex;justify-content:space-between;gap:1rem;background:none;border:none;padding:1rem 1.25rem;text-align:left;cursor:pointer;font-family:var(--font-display);font-weight:700;color:var(--text)}
.accordion-body,.checklist-body{display:none;padding:0 1.25rem 1.25rem;color:var(--muted);word-break:break-word;overflow-wrap:break-word}
.accordion-item.is-open .accordion-body{display:block}
.checklist-item.is-expanded .checklist-body{display:block}
.timeline{position:relative;padding-left:2rem;margin:2rem 0}
.timeline::before{content:"";position:absolute;left:.6rem;top:0;bottom:0;width:2px;background:linear-gradient(var(--accent),rgba(125,211,252,.4))}
.timeline-item{position:relative;margin-bottom:1.5rem;padding:1.1rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}
.timeline-item::before{content:"";position:absolute;left:-1.46rem;top:1.3rem;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--bg)}
.step-counter{font-family:var(--font-meta);font-size:2.2rem;font-weight:500;color:var(--gold);line-height:1}
.app-mockup{background:var(--pitch);border-radius:28px;padding:1rem;box-shadow:var(--shadow);border:6px solid #0e1824;max-width:300px;margin:0 auto}
.app-mockup *{color:var(--text-light)}
.app-mockup__screen{background:linear-gradient(160deg,#243a52,#1a2a3d);border-radius:20px;min-height:420px;padding:1.25rem}
.device-aside{position:sticky;top:80px}
.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,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}
.icon-tile .ico{font-size:1.6rem;color:var(--accent)}
.pill-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}
.status-badge{font-family:var(--font-meta);font-size:.72rem;padding:.3rem .7rem;border-radius:999px;background:rgba(240,180,41,.18);color:var(--accent-strong);border:1px solid var(--gold)}
.flip-card{height:300px;perspective:1000px;margin-bottom:1.25rem}
.flip-card__inner{position:relative;width:100%;height:100%;transition:transform .6s;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;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}
.flip-card__back{transform:rotateY(180deg)}
.feature-matrix tr:hover td{background:rgba(125,211,252,.08)}
.tooltip{position:relative;border-bottom:1px dotted var(--muted);cursor:help}
.tooltip::after{content:attr(data-tip);position:absolute;bottom:130%;left:0;background:var(--pitch);color:var(--text-light);padding:.5rem .7rem;border-radius:8px;font-size:.78rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}
.tooltip:hover::after{opacity:1}
.h-scroll{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;margin-bottom:2rem}
.h-scroll > *{scroll-snap-align:start;flex:0 0 260px}
.affiliate-badge{display:inline-block;font-family:var(--font-meta);font-size:.72rem;background:rgba(240,180,41,.18);border:1px solid var(--gold);color:var(--accent-strong);padding:.3rem .7rem;border-radius:999px;animation:glow 2.4s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 0 0 rgba(240,180,41,0)}50%{box-shadow:0 0 14px rgba(240,180,41,.5)}}
@media (prefers-reduced-motion:reduce){.live-badge::before,.affiliate-badge,.flip-card:hover .flip-card__inner{animation:none;transition:none}}
@media(max-width:780px){.flip-card{height:340px}.device-aside{position:static}}