/* Campaign-scoped presentation. Shared navigation and trading settings stay untouched. */
.btl { --btl-ink:#203e4b; --btl-body:#47616c; --btl-teal:#287d77; --btl-mint:#a9e3cd; --btl-gold:#e9c46a; --btl-coral:#e76f51; --btl-card:#f8fbfa; --btl-line:rgba(32,62,75,.15); --btl-soft:rgba(255,255,255,.36); color:var(--btl-ink); font-family:'DM Sans',sans-serif; overflow:clip; }
.dark-mode .btl { --btl-ink:#edf6f2; --btl-body:#b4c6c7; --btl-teal:#91d4c5; --btl-card:#183138; --btl-line:rgba(204,231,221,.18); --btl-soft:rgba(17,43,47,.7); }
.btl *, .btl *::before, .btl *::after { box-sizing:border-box; }
.btl h1,.btl h2,.btl h3,.btl h4 { font-family:'Cal Sans','DM Sans',sans-serif; font-weight:600; color:var(--btl-ink); letter-spacing:-.035em; }
.btl p { color:var(--btl-body); line-height:1.75; margin:0 0 18px; }
.btl a { text-decoration:none; }
.btl a:focus-visible,.btl button:focus-visible,.btl select:focus-visible,.btl input:focus-visible,.btl summary:focus-visible { outline:3px solid var(--btl-teal); outline-offset:5px; }
.btl [id] { scroll-margin-top:100px; }
.btl-wrap { max-width:1216px; padding:0 32px; margin:0 auto; }
.btl-section { padding:100px 0; }
.btl-eyebrow,.btl-kicker { display:block; font-size:11px; font-weight:700; letter-spacing:.14em; line-height:1.6; text-transform:uppercase; color:var(--btl-teal); }
.btl-eyebrow { margin-bottom:20px; }
.btl-small { font-size:12px; line-height:1.65!important; }
.btl-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:currentColor; margin-right:7px; }
.btl-actions { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.btl-btn { display:inline-flex; justify-content:space-between; align-items:center; gap:25px; padding:17px 24px; border-radius:6px; font-size:14px; font-weight:700; line-height:1.5; transition:transform .2s,background .2s; }
.btl-btn:hover { transform:translateY(-3px); }
.btl-btn-primary { background:#264653; color:#f4faf7!important; }
.btl-btn-primary:hover { background:#287d77; }
.dark-mode .btl-btn-primary { background:var(--btl-mint); color:#163c3a!important; }
.btl-btn-secondary { border:1px solid var(--btl-line); color:var(--btl-ink)!important; background:var(--btl-soft); }
.btl-text-link { font-size:13px; font-weight:700; color:var(--btl-teal)!important; border-bottom:1px solid transparent; padding-bottom:3px; }
.btl-text-link:hover { border-bottom-color:currentColor; }
.btl-skip { position:fixed; top:8px; left:8px; transform:translateY(-150%); z-index:99999; background:#fff; color:#264653; padding:12px 20px; }
.btl-skip:focus { transform:none; }
.btl-hero { padding:30px 0 38px; }
.btl-season { display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid var(--btl-line); padding-bottom:18px; font-size:10px; font-weight:700; letter-spacing:.13em; }
.btl-season>span { display:flex; align-items:center; gap:9px; }
.btl-season i { display:block; width:7px; height:7px; background:var(--btl-teal); border-radius:50%; }
.btl-season b { opacity:.3; padding:0 5px; }
.btl-season a { color:var(--btl-ink); white-space:nowrap; }
.btl-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; padding:70px 0 65px; }
.btl-hero h1 { font-size:clamp(56px,6.5vw,91px); line-height:.98; margin:0 0 27px; }
.btl-hero h1>span { color:var(--btl-teal); }
.btl-lead { font-size:17px; max-width:410px; margin-bottom:27px!important; }
.btl-lead strong { font-weight:600; color:var(--btl-ink); }
.btl-launch-note { margin:18px 0 0!important; }
.btl-arena-art { position:relative; min-height:425px; margin:0; background:#203e4b; border:1px solid rgba(255,255,255,.12); border-radius:15px; color:#ecf5ed; box-shadow:0 30px 70px rgba(32,62,75,.12); isolation:isolate; }
.btl-arena-art::before { content:''; position:absolute; inset:0; overflow:hidden; border-radius:15px; background:radial-gradient(ellipse at 10% 80%,rgba(169,227,205,.13),transparent 65%),radial-gradient(ellipse at 95% 5%,rgba(233,196,106,.12),transparent 65%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:auto,auto,32px 32px,32px 32px; z-index:-1; }
.btl-art-top,.btl-art-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; position:relative; z-index:2; font-size:9px; font-weight:700; letter-spacing:.08em; }
.btl-art-top { padding:23px 22px; border-bottom:1px solid rgba(255,255,255,.1); color:#b1c7c9; }
.btl-art-top>span:first-child { color:#a9e3cd; }
.btl-contender { position:absolute; width:38%; top:104px; z-index:2; text-align:center; }
.btl-contender-human { left:3%; }
.btl-contender-bot { right:3%; }
.btl-contender-label { display:block; font-size:8px; letter-spacing:.14em; font-weight:700; color:#b3c7cd; }
.btl-avatar { display:grid; place-items:center; width:84px; height:84px; margin:15px auto; border-radius:23px; border:1px solid rgba(255,255,255,.2); }
.btl-avatar svg { width:64px; height:64px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.btl-avatar-human { background:rgba(169,227,205,.1); color:#a9e3cd; }
.btl-avatar-bot { background:rgba(233,196,106,.1); color:#e9c46a; }
.btl-contender strong { display:block; font-size:20px; font-family:'Cal Sans',sans-serif; line-height:1.4; letter-spacing:-.02em; }
.btl-contender>span:not(.btl-contender-label) { font-size:10px; color:#b3c7cd; }
.btl-contender-tag { margin:13px auto 0; width:max-content; max-width:100%; font-size:8px; font-weight:700; letter-spacing:.09em; border:1px solid rgba(255,255,255,.14); border-radius:4px; padding:2px 8px; }
.btl-versus { position:absolute; top:187px; left:50%; transform:translateX(-50%) rotate(-8deg); font-size:28px; font-family:'Cal Sans',sans-serif; color:#e9c46a; line-height:1; text-align:center; z-index:3; }
.btl-versus span { display:block; font-size:7px; letter-spacing:.18em; margin-top:9px; font-family:'DM Sans',sans-serif; }
.btl-orbit { position:absolute; border:1px solid rgba(255,255,255,.075); border-radius:50%; top:68px; left:50%; transform:translateX(-50%) rotate(-25deg); z-index:0; pointer-events:none; }
.btl-orbit-one { width:270px; height:270px; }
.btl-orbit-two { width:370px; height:230px; top:83px; transform:translateX(-50%) rotate(25deg); }
.btl-sparkline { position:absolute; height:70px; left:22px; right:22px; bottom:42px; overflow:hidden; opacity:.62; }
.btl-sparkline svg { width:100%; height:100%; overflow:visible; fill:none; }
.btl-spark-grid { stroke:rgba(255,255,255,.1); stroke-width:1; }
.btl-spark-human { stroke:#a9e3cd; stroke-width:2.2; }
.btl-spark-bot { stroke:#e9c46a; stroke-width:2; stroke-dasharray:5 4; }
.btl-spark-marker { position:absolute; top:0; bottom:0; width:35%; background:linear-gradient(90deg,transparent,rgba(169,227,205,.11),transparent); animation:btlSweep 8s linear infinite; }
.btl-art-bottom { position:absolute; bottom:0; left:0; right:0; padding:12px 22px; border-top:1px solid rgba(255,255,255,.1); font-size:8px; color:#b9cbcc; }
.btl-art-bottom>span:last-child { color:#a9e3cd; }
.btl-arena-art figcaption { position:absolute; top:calc(100% + 12px); font-size:10px; line-height:1.5; color:var(--btl-body); left:0; right:0; text-align:center; }
.btl-art-stamp { position:absolute; right:-14px; top:-25px; background:#e9c46a; color:#203e4b; padding:13px 17px; transform:rotate(8deg); z-index:4; box-shadow:0 8px 20px rgba(0,0,0,.1); }
.btl-art-stamp>span { display:block; font-size:7px; letter-spacing:.1em; font-weight:700; }
.btl-art-stamp b { display:block; font-size:18px; line-height:1.05; font-family:'Cal Sans',sans-serif; margin-top:5px; }
.btl-hero-metrics { display:grid; grid-template-columns:1.2fr .9fr 1fr; padding:26px 0; border-top:1px solid var(--btl-line); border-bottom:1px solid var(--btl-line); }
.btl-hero-metrics>div { padding:0 28px; border-right:1px solid var(--btl-line); }
.btl-hero-metrics>div:first-child { padding-left:0; }
.btl-hero-metrics>div:last-child { border-right:0; padding-right:0; }
.btl-hero-metrics strong { display:block; font-size:43px; font-family:'Cal Sans',sans-serif; line-height:1.3; letter-spacing:-.04em; padding:5px 0; }
.btl-hero-metrics small { font-size:16px; letter-spacing:-.01em; }
.btl-hero-metrics>div>span:last-child { display:block; color:var(--btl-body); font-size:11px; line-height:1.6; }
.btl-budget-note { font-size:11px; line-height:1.65; margin:15px 0 0!important; max-width:1000px; }
.btl-budget-note a { color:var(--btl-teal); border-bottom:1px solid currentColor; }
.btl-principles { background:#264653; color:#c4dbd3; font-size:9px; font-weight:700; letter-spacing:.08em; }
.btl-principles>.btl-wrap { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:16px; padding-bottom:16px; }
.btl-principles i { font-size:13px; color:#e9c46a; font-style:normal; }
.btl-section-head { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:70px; margin-bottom:42px; }
.btl-section h2 { font-size:clamp(34px,4vw,52px); line-height:1.08; margin:0; }
.btl-section-head>p { max-width:460px; font-size:15px; margin:0; padding-bottom:3px; }
.btl-slider { overflow:visible; }
.btl-slider:not(.btl-slider-ready) { overflow-x:auto; }
.btl-slider:not(.btl-slider-ready) .btl-slider-controls { display:none; }
.btl-slider .swiper-wrapper { display:flex; gap:20px; }
.btl-slider .swiper-slide { width:calc((100% - 40px)/3); flex-shrink:0; height:auto; }
.btl-slider.btl-slider-ready .swiper-wrapper { gap:0; }
.btl-step { background:var(--btl-card); border:1px solid var(--btl-line); border-radius:8px; padding:30px 26px 22px; position:relative; display:flex; flex-direction:column; }
.btl-step-number { color:var(--btl-teal); font-family:'Cal Sans',sans-serif; font-size:16px; }
.btl-step-icon { position:absolute; right:24px; top:24px; font-size:26px; color:var(--btl-teal); line-height:1.5; }
.btl-step h3 { font-size:24px; line-height:1.2; margin:35px 0 15px; }
.btl-step p { font-size:13px; margin-bottom:25px; }
.btl-step-foot { display:block; font-size:8px; font-weight:700; letter-spacing:.09em; border-top:1px solid var(--btl-line); padding-top:16px; margin-top:auto; color:var(--btl-teal); }
.btl-slider-controls { display:flex; justify-content:space-between; align-items:center; margin-top:25px; min-height:40px; }
.btl-slider-controls>div:last-child { display:flex; gap:8px; }
.btl-slider-controls button { border:1px solid var(--btl-line); border-radius:50%; background:transparent; width:40px; height:40px; padding:0; color:var(--btl-ink); font-size:18px; }
.btl-slider-controls button:hover { background:var(--btl-card); }
.btl-slider-controls button:disabled { opacity:.35; cursor:default; }
.btl-pagination { width:auto!important; display:flex; gap:4px; }
.btl .swiper-pagination-bullet { background:var(--btl-teal); }
.btl-section-ink { background:#203e4b; --btl-ink:#f2f8f3; --btl-body:#b6cdd0; --btl-teal:#a9e3cd; --btl-line:rgba(255,255,255,.16); }
.btl-truth-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.btl-truth-grid h2 { margin-bottom:24px; }
.btl-truth-grid h2 em { font-style:normal; color:#e9c46a; }
.btl-truth-grid>div>p { font-size:14px; max-width:425px; }
.btl-proof { position:relative; }
.btl-proof::before { content:''; position:absolute; left:25px; top:35px; bottom:72px; width:1px; background:rgba(169,227,205,.35); }
.btl-proof-node { position:relative; display:flex; gap:18px; align-items:center; border:1px solid rgba(255,255,255,.12); border-radius:6px; padding:16px; margin-bottom:15px; background:#284852; }
.btl-proof-node>span { display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; background:#203e4b; border:1px solid rgba(255,255,255,.2); border-radius:50%; font-size:10px; font-weight:700; color:#a9e3cd; }
.btl-proof-node b { display:block; font-size:14px; line-height:1.5; color:#f2f8f3; }
.btl-proof-node small { font-size:11px; line-height:1.6; color:#b6cdd0; }
.btl-proof-node i { margin-left:auto; font-style:normal; color:#a9e3cd; }
.btl-proof-final { border-color:#a9e3cd; background:#305751; }
.btl-proof-final>span { color:#203e4b; background:#a9e3cd; }
.btl-proof-excluded { font-size:10px; color:#c0cbd1; border-top:1px dashed rgba(255,255,255,.2); padding-top:18px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; line-height:1.6; }
.btl-proof-excluded>span:first-child { color:#edac98; font-size:20px; }
.btl-proof-excluded>span:last-child { color:#edac98; font-size:8px; letter-spacing:.08em; margin-left:auto; }
.btl-rewards-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.btl-awards,.btl-calculator { border:1px solid var(--btl-line); border-radius:10px; padding:25px 28px; background:var(--btl-card); }
.btl-panel-head { display:flex; justify-content:space-between; align-items:center; gap:15px; font-size:9px; font-weight:700; letter-spacing:.08em; border-bottom:1px solid var(--btl-line); padding-bottom:20px; }
.btl-panel-head>strong { font-size:14px; letter-spacing:-.02em; }
.btl-badge { font-size:8px; font-weight:700; line-height:1.6; letter-spacing:.06em; border:1px solid var(--btl-line); border-radius:3px; padding:4px 7px; width:max-content; max-width:100%; }
.btl-podium { display:flex; gap:10px; align-items:flex-end; padding-top:36px; margin-bottom:25px; }
.btl-place { display:flex; align-items:center; flex-direction:column; flex:1; background:var(--btl-soft); border:1px solid var(--btl-line); padding:24px 5px; border-radius:5px 5px 0 0; text-align:center; }
.btl-place>span { font-size:9px; font-weight:700; color:var(--btl-teal); letter-spacing:.1em; line-height:1.6; }
.btl-place b { font-family:'Cal Sans',sans-serif; font-size:30px; margin-top:12px; line-height:1.3; letter-spacing:-.04em; }
.btl-place small { font-size:9px; letter-spacing:.1em; }
.btl-place-first { background:#264653; color:#fff; border-color:#264653; padding:22px 5px 32px; }
.btl-place-first>span { color:#e9c46a; }
.btl-place-first>span:first-child { font-size:29px; margin-bottom:12px; }
.btl-place-first b { font-size:35px; }
.btl-award-row { display:flex; justify-content:space-between; gap:10px; padding:13px 0; border-top:1px solid var(--btl-line); font-size:12px; line-height:1.6; }
.btl-award-row b { font-weight:600; }
.btl-awards>.btl-small { margin:14px 0 0; }
.btl-calculator label { display:block; font-size:12px; font-weight:600; color:var(--btl-ink); }
.btl-calculator select { width:100%; margin-top:10px; padding:12px 15px; border:1px solid var(--btl-line); border-radius:4px; background:var(--btl-soft); color:var(--btl-ink); font-size:14px; }
.btl-calculator option { background:var(--btl-card); color:var(--btl-ink); }
.btl-calculator .btl-panel-head { margin-bottom:23px; }
.btl-range-label { display:flex; justify-content:space-between; align-items:center; margin:20px 0 10px; }
.btl-range-label output { font-size:19px; font-family:'Cal Sans',sans-serif; color:var(--btl-teal); }
.btl-calculator input[type=range] { width:100%; height:24px; accent-color:var(--btl-teal); cursor:pointer; }
.btl-range-marks { display:flex; justify-content:space-between; font-size:10px; color:var(--btl-body); margin-top:4px; }
.btl-calc-lines { margin-top:23px; }
.btl-calc-lines>div { display:flex; justify-content:space-between; gap:10px; font-size:12px; padding:7px 0; line-height:1.6; }
.btl-calc-lines b { color:var(--btl-teal); font-weight:700; }
.btl-calc-total { border-top:1px solid var(--btl-line); padding-top:19px; margin-top:14px; }
.btl-calc-total span { display:block; font-size:10px; color:var(--btl-body); }
.btl-calc-total output { display:block; font-family:'Cal Sans',sans-serif; font-size:38px; line-height:1.4; letter-spacing:-.04em; }
.btl-calculator>.btl-small { margin:12px 0 0; }
.btl-tier-rail { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--btl-line); border-radius:7px; margin:28px 0; overflow:hidden; }
.btl-tier-rail>div { padding:23px 17px; border-right:1px solid var(--btl-line); background:var(--btl-soft); }
.btl-tier-rail>div:last-child { border-right:0; background:#e9c46a; color:#203e4b; }
.btl-tier-rail span { display:block; font-size:8px; line-height:1.6; font-weight:700; letter-spacing:.07em; }
.btl-tier-rail b { display:block; font-family:'Cal Sans',sans-serif; font-size:32px; line-height:1.6; }
.btl-tier-rail>div.is-active { box-shadow:inset 0 -4px 0 var(--btl-teal); }
.btl-reward-fineprint { display:grid; grid-template-columns:1fr 1fr; gap:35px; }
.btl-reward-fineprint p { font-size:12px; }
.btl-reward-fineprint strong { color:var(--btl-ink); }
.btl-payout { display:flex; align-items:center; gap:23px; border-top:1px solid var(--btl-line); margin-top:18px; padding-top:28px; }
.btl-payout-icon { font-size:28px; color:var(--btl-teal); }
.btl-payout h3 { font-size:22px; margin-bottom:8px; }
.btl-payout p { font-size:12px; margin:0; max-width:720px; }
.btl-payout>.btl-badge { margin-left:auto; flex-shrink:0; }
.btl-section-soft { background:var(--btl-soft); border-top:1px solid var(--btl-line); border-bottom:1px solid var(--btl-line); }
.btl-board { border:1px solid var(--btl-line); border-radius:8px; background:var(--btl-card); }
.btl-board>.btl-panel-head { padding:22px 25px; }
.btl-board-columns { display:grid; grid-template-columns:2fr 1fr 1fr .7fr; padding:15px 25px; color:var(--btl-body); font-size:9px; letter-spacing:.09em; border-bottom:1px solid var(--btl-line); }
.btl-board-columns>span:not(:first-child) { text-align:right; }
.btl-board-empty { text-align:center; padding:40px 25px 44px; }
.btl-board-symbol { font-size:43px; color:var(--btl-teal); line-height:1.2; margin-bottom:18px; }
.btl-board-empty h3 { font-size:24px; margin-bottom:12px; }
.btl-board-empty p { font-size:13px; max-width:480px; margin:0 auto 18px; }
.btl-board-bottom { display:flex; justify-content:space-between; gap:20px; padding:14px 25px; border-top:1px solid var(--btl-line); font-size:10px; color:var(--btl-body); }
.btl-crew-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; margin-top:65px; }
.btl-crew-grid h3 { font-size:35px; line-height:1.12; margin-bottom:20px; }
.btl-crew-grid p { font-size:13px; }
.btl-crew-card { background:#e9c46a; color:#203e4b; padding:28px 30px; transform:rotate(-2deg); border:1px solid rgba(32,62,75,.15); border-radius:6px; box-shadow:8px 8px 0 rgba(32,62,75,.08); }
.btl-crew-card-top { display:flex; justify-content:space-between; font-size:9px; font-weight:700; letter-spacing:.1em; border-bottom:1px solid rgba(32,62,75,.2); padding-bottom:16px; }
.btl-crew-card h4 { color:#203e4b; font-size:32px; line-height:1.1; margin:27px 0; }
.btl-crew-avatars { display:flex; margin:15px 0 25px; }
.btl-crew-avatars>span { display:grid; place-items:center; width:45px; height:45px; border:2px solid #e9c46a; border-radius:50%; background:#264653; color:#e9c46a; font-size:11px; margin-right:-7px; }
.btl-crew-avatars>span:first-child { background:#e3ecec; color:#264653; }
.btl-crew-card-bottom { display:flex; justify-content:space-between; gap:10px; font-size:10px; line-height:1.6; border-top:1px solid rgba(32,62,75,.2); padding-top:16px; }
.btl-crew-card>small { display:block; font-size:9px; opacity:.75; margin-top:12px; }
.btl-decision { border:1px solid var(--btl-line); border-radius:8px; background:var(--btl-card); padding:22px; display:flex; flex-direction:column; }
.btl-decision-label { font-size:8px; letter-spacing:.11em; font-weight:700; color:var(--btl-teal); }
.btl-decision-visual { height:140px; margin:20px 0 25px; border:1px solid var(--btl-line); border-radius:5px; background:var(--btl-soft); position:relative; overflow:hidden; }
.btl-decision-visual>b { position:absolute; left:13px; bottom:10px; font-size:7px; letter-spacing:.08em; color:var(--btl-teal); }
.btl-visual-entry { display:flex; gap:15px; align-items:end; padding:20px 22px 35px; }
.btl-visual-entry>span { display:block; flex:1; height:35%; max-width:24px; background:var(--btl-teal); opacity:.65; position:relative; }
.btl-visual-entry>span::after { content:''; width:1px; height:calc(100% + 14px); position:absolute; top:-7px; left:50%; background:var(--btl-teal); }
.btl-visual-entry>span:nth-child(2) { height:56%; background:#e76f51; }
.btl-visual-entry>span:nth-child(3) { height:40%; }
.btl-visual-entry>span:nth-child(4) { height:65%; }
.btl-visual-entry>span:nth-child(5) { height:49%; background:#e76f51; }
.btl-visual-entry>span:nth-child(6) { height:80%; opacity:1; }
.btl-visual-risk>div { display:flex; align-items:center; gap:5px; height:100%; padding:22px 25px 40px; }
.btl-visual-risk i { display:block; height:45%; flex:1; background:var(--btl-teal); border-radius:4px; }
.btl-visual-risk i:nth-child(3) { opacity:.5; }
.btl-visual-risk i:nth-child(4) { opacity:.25; }
.btl-visual-risk i:nth-child(5) { opacity:.1; }
.btl-visual-wait>span { display:grid; place-items:center; width:60px; height:60px; font-size:22px; border:1px solid var(--btl-line); border-radius:50%; color:var(--btl-teal); margin:22px auto; }
.btl-decision h3 { font-size:24px; line-height:1.2; margin:0 0 15px; }
.btl-decision p { font-size:12px; margin-bottom:20px; }
.btl-decision-source { margin-top:auto; padding-top:14px; border-top:1px solid var(--btl-line); font-size:8px; letter-spacing:.04em; color:var(--btl-teal); }
.btl-date-lock { padding-bottom:4px; }
.btl-date-lock>span { display:block; font-size:9px; letter-spacing:.12em; color:#b6cdd0; font-weight:700; }
.btl-date-lock>strong { display:block; font-family:'Cal Sans',sans-serif; color:#e9c46a; font-size:43px; line-height:1.6; letter-spacing:-.03em; }
.btl-date-lock>strong>small { font-size:23px; }
.btl-date-lock>p { font-size:11px; margin:0; }
.btl-timeline { list-style:none; margin:0 0 25px; padding:0; }
.btl-timeline li { position:relative; display:flex; align-items:flex-start; gap:23px; padding:25px 0 25px 2px; border-top:1px solid rgba(255,255,255,.14); }
.btl-time-index { display:grid; place-items:center; background:#203e4b; color:#a9e3cd; width:37px; height:37px; flex-shrink:0; border-radius:50%; border:1px solid rgba(255,255,255,.23); font-size:11px; font-weight:700; position:relative; z-index:1; }
.btl-timeline li:not(:last-child)::after { content:''; position:absolute; left:20px; top:60px; bottom:-25px; width:1px; background:rgba(255,255,255,.14); }
.btl-timeline li>div>span { font-size:9px; letter-spacing:.09em; font-weight:700; color:#a9e3cd; line-height:1.8; display:block; }
.btl-timeline h3 { font-size:25px; line-height:1.2; margin:9px 0; }
.btl-timeline p { font-size:12px; max-width:700px; margin:0; }
.btl-timeline li>b { margin-left:auto; font-size:8px; letter-spacing:.07em; color:#a9e3cd; border:1px solid rgba(169,227,205,.3); border-radius:4px; padding:4px 8px; white-space:nowrap; }
.btl-timeline-current .btl-time-index { color:#203e4b; background:#a9e3cd; }
.btl-timeline-results .btl-time-index { color:#203e4b; background:#e9c46a; border-color:#e9c46a; }
.btl-timeline-results h3 { color:#e9c46a; }
.btl-rules-grid { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:start; }
.btl-score-card { padding:30px; background:var(--btl-card); border:1px solid var(--btl-line); border-radius:8px; }
.btl-score-card>div { font-family:'Cal Sans',sans-serif; font-size:37px; line-height:1.2; margin:24px 0; letter-spacing:-.035em; }
.btl-score-card>div>span { color:#e76f51; }
.btl-score-card>div>b { color:var(--btl-teal); font-weight:600; }
.btl-score-card p { font-size:12px; }
.btl-score-card p:last-child { margin:0; }
.btl-rule-list>div { display:flex; gap:20px; border-bottom:1px solid var(--btl-line); padding:15px 0; }
.btl-rule-list>div:first-child { padding-top:0; }
.btl-rule-list>div>span { font-size:10px; color:var(--btl-teal); font-weight:700; padding-top:4px; }
.btl-rule-list p { font-size:13px; margin:0; }
.btl-rule-list strong { color:var(--btl-ink); }
.btl-faq { margin-top:45px; border-top:1px solid var(--btl-line); }
.btl-faq details { border-bottom:1px solid var(--btl-line); }
.btl-faq summary { cursor:pointer; padding:21px 0; font-size:15px; color:var(--btl-ink); display:flex; align-items:center; gap:20px; justify-content:space-between; list-style:none; font-weight:600; }
.btl-faq summary::-webkit-details-marker { display:none; }
.btl-faq summary>span { font-size:20px; color:var(--btl-teal); transition:transform .2s; flex-shrink:0; }
.btl-faq details[open] summary>span { transform:rotate(45deg); }
.btl-faq details>p { font-size:13px; max-width:900px; padding-bottom:8px; }
.btl-faq a { color:var(--btl-teal); text-decoration:underline; }
.btl-risk-note { margin-top:35px; padding:20px; font-size:12px; line-height:1.7; background:rgba(231,111,81,.07); border-left:2px solid #e76f51; color:var(--btl-body); }
.btl-risk-note strong { color:var(--btl-ink); }
.btl-finale { padding:85px 0 95px; background:var(--btl-soft); border-top:1px solid var(--btl-line); text-align:center; }
.btl-finale h2 { font-size:clamp(43px,5vw,66px); line-height:1.06; }
.btl-finale .btl-wrap>p:not(.btl-small) { max-width:580px; margin:25px auto; font-size:15px; }
.btl-finale .btl-actions { justify-content:center; }
.btl-copy { display:block; border:0; background:transparent; margin:23px auto 7px; padding:5px; color:var(--btl-teal); font-size:12px; font-weight:700; cursor:pointer; }
.btl-finale .btl-small { margin:0; }
.btl-motion [data-btl-reveal] { opacity:0; transform:translateY(16px); transition:opacity .65s ease,transform .65s ease; }
.btl-motion [data-btl-reveal].btl-visible { opacity:1; transform:none; }
.btl-arena-art.btl-visible .btl-spark-human,.btl-arena-art.btl-visible .btl-spark-bot { stroke-dasharray:650; stroke-dashoffset:650; animation:btlDraw 2s ease forwards; }
.btl-arena-art.btl-visible .btl-spark-bot { animation-delay:.2s; }
@keyframes btlSweep { from { transform:translateX(-150%); } to { transform:translateX(400%); } }
@keyframes btlDraw { to { stroke-dashoffset:0; } }
@media (min-width:1440px) { .btl-hero-grid { gap:75px; } }
@media (max-width:991px) { .btl-wrap { padding:0 25px; } .btl-hero-grid { gap:32px; } .btl-hero h1 { font-size:65px; } .btl-arena-art { min-height:405px; } .btl-art-top>span:last-child { display:none; } .btl-contender strong { font-size:17px; } .btl-contender-tag { font-size:6px; } .btl-hero-metrics strong { font-size:36px; } .btl-hero-metrics>div { padding:0 18px; } .btl-principles .btl-wrap { justify-content:center; flex-wrap:wrap; gap:10px 22px; } .btl-principles i { display:none; } .btl-section-head,.btl-truth-grid,.btl-crew-grid { gap:35px; } .btl-section { padding:75px 0; } .btl-slider .swiper-slide { width:calc((100% - 20px)/2); } .btl-step { padding:24px 21px; } .btl-awards,.btl-calculator { padding:21px; } .btl-place b { font-size:25px; } .btl-place-first b { font-size:29px; } .btl-tier-rail>div { padding:19px 10px; } .btl-tier-rail span { font-size:7px; } .btl-payout { flex-wrap:wrap; } .btl-payout>div { flex:1; } .btl-payout>.btl-badge { margin-left:50px; } .btl-rules-grid { gap:30px; } }
@media (max-width:767px) { .btl-wrap { padding:0 20px; } .btl-hero { padding-top:22px; } .btl-season { font-size:8px; gap:10px; } .btl-season>span { gap:5px; } .btl-season b { display:none; } .btl-season a { font-size:8px; } .btl-hero-grid { grid-template-columns:1fr; gap:45px; padding:42px 0 55px; } .btl-hero h1 { font-size:clamp(58px,13.5vw,88px); } .btl-hero-copy .btl-eyebrow { margin-bottom:15px; } .btl-lead { font-size:15px; } .btl-actions { gap:16px; } .btl-hero-grid .btl-actions { align-items:flex-start; flex-direction:column; } .btl-arena-art { width:100%; max-width:510px; margin:auto; min-height:405px; } .btl-art-stamp { right:5px; } .btl-art-top>span:last-child { display:block; } .btl-contender strong { font-size:20px; } .btl-contender-tag { font-size:7px; } .btl-art-bottom { font-size:7px; padding:12px 15px; } .btl-hero-metrics { grid-template-columns:1fr; padding:0; } .btl-hero-metrics>div { padding:18px 0!important; border-right:0; border-bottom:1px solid var(--btl-line); display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:4px 15px; } .btl-hero-metrics>div:last-child { border-bottom:0; } .btl-hero-metrics strong { grid-row:1/3; grid-column:2; text-align:right; font-size:34px; } .btl-hero-metrics .btl-kicker { font-size:9px; } .btl-hero-metrics>div>span:last-child { font-size:10px; } .btl-hero-metrics small { font-size:13px; } .btl-section { padding:62px 0; } .btl-section-head { grid-template-columns:1fr; gap:20px; margin-bottom:30px; } .btl-section h2 { font-size:38px; } .btl-section-head>p { font-size:14px; } .btl-eyebrow { font-size:10px; margin-bottom:15px; } .btl-slider .swiper-slide { width:86%; } .btl-truth-grid,.btl-rewards-grid,.btl-crew-grid,.btl-rules-grid,.btl-reward-fineprint { grid-template-columns:1fr; gap:30px; } .btl-truth-grid { gap:35px; } .btl-tier-rail { grid-template-columns:repeat(3,1fr); } .btl-tier-rail>div { border-bottom:1px solid var(--btl-line); } .btl-tier-rail>div:nth-child(3) { border-right:0; } .btl-tier-rail>div:nth-child(4),.btl-tier-rail>div:nth-child(5) { border-bottom:0; } .btl-tier-rail b { font-size:28px; } .btl-reward-fineprint { gap:0; } .btl-payout { gap:15px; } .btl-payout h3 { font-size:20px; } .btl-payout>.btl-badge { margin-left:42px; } .btl-board-columns { font-size:7px; padding:13px 16px; grid-template-columns:1.4fr 1fr 1fr .6fr; } .btl-board-bottom { flex-direction:column; gap:3px; padding:12px 18px; } .btl-board>.btl-panel-head { padding:18px; font-size:8px; } .btl-board-empty { padding:30px 18px; } .btl-board-empty h3 { font-size:23px; } .btl-crew-grid { margin-top:45px; } .btl-crew-card { margin:7px 5px; padding:23px; } .btl-timeline li { gap:15px; } .btl-timeline li>b { display:none; } .btl-timeline li>div>span { font-size:8px; } .btl-timeline h3 { font-size:23px; } .btl-timeline p { font-size:12px; } .btl-date-lock>strong { font-size:38px; } .btl-score-card>div { font-size:35px; } .btl-faq summary { font-size:14px; } .btl-finale h2 { font-size:44px; } .btl-finale .btl-actions { flex-direction:column; } .btl-finale .btl-btn { width:100%; max-width:330px; } }
@media (max-width:359px) { .btl-season { flex-direction:column; align-items:flex-start; gap:5px; } .btl-art-top { padding:20px 15px; font-size:8px; } .btl-contender strong { font-size:16px; } .btl-contender-tag { font-size:6px; padding:2px 4px; } .btl-art-bottom { flex-direction:column; align-items:flex-start; gap:2px; } .btl-sparkline { bottom:50px; } .btl-contender-label { font-size:7px; } }
@media (prefers-reduced-motion:reduce) { .btl *, .btl *::before,.btl *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .btl-motion [data-btl-reveal] { opacity:1; transform:none; } .btl-spark-human,.btl-spark-bot { stroke-dashoffset:0!important; } }