:root{
  --night:#0a1f2b; --tote:#ffcf52; --hot:#ef3b41; --cream:#f4ead0;
  --muted:#8fb3a6; --line:rgba(244,234,208,.14);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  font-family:'Outfit',system-ui,sans-serif;color:var(--cream);min-height:100vh;
  display:flex;flex-direction:column;
  background:
    radial-gradient(80% 50% at 18% -8%,rgba(120,200,255,.10),transparent 60%),
    radial-gradient(80% 50% at 82% -8%,rgba(255,210,120,.10),transparent 60%),
    linear-gradient(180deg,#08161e 0%,var(--night) 38%,#07221a 100%);
}


.site-main{flex:1 1 auto;width:100%;max-width:1000px;margin:0 auto;padding:34px 22px}

/* ── Hero ── */
.hero{text-align:center;padding:52px 0 44px;max-width:720px;margin:0 auto}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#f5474d,#cf2d33);
  color:#fff;font-weight:800;padding:6px 16px;border-radius:20px;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;margin-bottom:22px;box-shadow:0 4px 14px rgba(239,59,65,.4);
}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.25}}
.hero-title{
  font-family:'Anton';font-weight:400;text-transform:uppercase;letter-spacing:.5px;
  font-size:clamp(28px,5.5vw,52px);line-height:1.08;margin:0 0 18px;
  background:linear-gradient(180deg,#fff 30%,#f4ead0);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-sub{font-size:clamp(15px,2vw,18px);line-height:1.65;color:var(--muted);margin:0 0 32px;max-width:58ch;margin-inline:auto}
.hero-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:44px}
.btn-play{
  font-family:'Anton';letter-spacing:1px;text-transform:uppercase;font-size:clamp(15px,2vw,18px);
  background:linear-gradient(180deg,#ffdb4d,#f0a830);color:#08201a;border:none;border-radius:12px;
  padding:16px 40px;cursor:pointer;box-shadow:0 6px 22px rgba(255,207,82,.4),0 2px 0 rgba(0,0,0,.25);
  transition:transform .12s,box-shadow .12s;
}
.btn-play:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,207,82,.55),0 2px 0 rgba(0,0,0,.25)}
.btn-play:active{transform:translateY(0)}
.hero-note{font-size:12px;color:var(--muted);letter-spacing:.5px}
.hero-stats{
  display:flex;justify-content:center;gap:clamp(18px,4vw,48px);flex-wrap:wrap;
  border-top:1px solid var(--line);padding-top:28px;
}
.hstat{display:flex;flex-direction:column;align-items:center;gap:3px}
.hstat-n{font-family:'Space Mono',monospace;font-size:clamp(20px,3vw,28px);font-weight:700;color:var(--tote)}
.hstat-l{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}

/* ── How it works ── */
.how-section{padding:0 0 44px;border-bottom:1px solid var(--line)}
.section-title{
  font-family:'Anton';font-weight:400;text-transform:uppercase;letter-spacing:.5px;
  font-size:clamp(16px,2.4vw,22px);margin:0 0 6px;color:var(--cream);
}
.section-sub{font-size:13px;color:var(--muted);margin:0 0 22px}
.steps{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:14px;padding:16px 20px;flex:1 1 180px;
  background:linear-gradient(180deg,#0f2820,#09201a);border:1px solid var(--line);border-radius:12px}
.step-icon{font-size:28px;line-height:1;flex:0 0 auto}
.step-body{display:flex;flex-direction:column;gap:3px}
.step-body strong{font-size:14px;font-weight:700}
.step-body span{font-size:12px;color:var(--muted);line-height:1.4}
.step-arrow{font-size:20px;color:rgba(255,207,82,.4);flex:0 0 auto}

/* ── Channels section ── */
.channels-section{padding:36px 0 0}
.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:18px}
.channel-card{
  display:flex;flex-direction:column;gap:8px;padding:20px 18px;
  background:linear-gradient(180deg,#0f2820,#09201a);
  border:1px solid var(--line);border-radius:16px;text-decoration:none;
  transition:border-color .18s,transform .14s,box-shadow .14s;
  position:relative;overflow:hidden;
}
.channel-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--tote),rgba(255,207,82,.3));
}
.channel-card:hover{border-color:rgba(255,207,82,.5);transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.4)}
.cc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.cc-flag{font-size:32px;line-height:1}
.cc-live-dot{width:9px;height:9px;border-radius:50%;background:#3edc7e;box-shadow:0 0 6px #3edc7e;animation:blink .9s steps(2) infinite}
.cc-name{font-family:'Anton';font-weight:400;font-size:19px;letter-spacing:.5px;color:var(--cream)}
.cc-desc{font-size:12px;color:var(--muted);line-height:1.45;flex:1}
.cc-champs{font-size:12px;color:var(--tote)}
.cc-enter{
  font-family:'Anton';letter-spacing:.5px;text-transform:uppercase;font-size:13px;
  color:var(--tote);margin-top:6px;
}
.channel-card:hover .cc-enter{color:#fff}

.site-footer{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  color:var(--muted);font-size:12px;padding:16px 22px;border-top:1px solid var(--line);
}
.footer-sep{opacity:.4}
.footer-link{color:var(--muted);text-decoration:none}
.footer-link:hover{color:var(--cream)}


/* --- Account page --- */
.account{max-width:720px;margin:0 auto}
.account h2{font-family:'Anton';font-weight:400;letter-spacing:.5px;text-transform:uppercase;font-size:clamp(20px,3vw,26px);margin:0 0 16px}
.account h3{font-family:'Anton';font-weight:400;letter-spacing:.5px;text-transform:uppercase;font-size:16px;margin:0}
.msgs{list-style:none;padding:0;margin:0 0 16px}
.msg{padding:10px 14px;border-radius:9px;margin-bottom:8px;font-size:14px}
.msg.success{background:rgba(124,223,154,.14);border:1px solid #2f7d54;color:#bdf0cf}
.msg.error{background:rgba(239,59,65,.14);border:1px solid #c12a30;color:#ffb3b6}
.acc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.acc-card{background:linear-gradient(180deg,#103026,#0c241c);border:1px solid var(--line);border-radius:12px;padding:13px 15px;display:flex;flex-direction:column;gap:5px}
.acc-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.acc-value{font-weight:800;font-size:19px}
.acc-value.chips{font-family:'Space Mono',monospace;color:var(--tote)}
.pass-box{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  background:linear-gradient(180deg,#11261d,#0b1f18);border:1px solid rgba(255,207,82,.25);border-radius:14px;padding:16px 18px;margin-bottom:8px}
.pass-box .muted{color:var(--muted);margin:4px 0 0;font-size:13px;max-width:42ch}
.buy-pass{font-family:'Anton';letter-spacing:.5px;text-transform:uppercase;font-size:14px;cursor:pointer;
  background:linear-gradient(180deg,#f5474d,#cf2d33);color:#fff;border:none;border-radius:9px;padding:12px 20px;box-shadow:0 4px 12px rgba(239,59,65,.35)}
.buy-pass:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.key-pass-link{text-decoration:none;display:inline-flex;align-items:center}
.muted{color:var(--muted)}.small{font-size:12px}
.tx-title{margin:22px 0 10px}
.tx-list{list-style:none;padding:0;margin:0}
.tx{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:9px 4px;border-bottom:1px dotted var(--line);font-size:14px}
.tx-kind{color:var(--cream)}
.tx-amt{font-family:'Space Mono',monospace;font-weight:700}
.tx-amt.pos{color:#7cdf9a}.tx-amt.neg{color:#ff8a8c}
.tx-bal{font-family:'Space Mono',monospace;color:var(--muted);min-width:70px;text-align:right}
.back{color:var(--tote);text-decoration:none;font-weight:600}
.back:hover{text-decoration:underline}

/* Key Pass access panel */
.key-pass-page{max-width:920px;margin:0 auto}
.kp-heading{text-align:center;margin:8px auto 26px;max-width:640px}
.kp-kicker{display:inline-block;color:var(--tote);font:700 11px 'Space Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
.kp-heading h1,.kp-card h2,.kp-active h2{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.5px}
.kp-heading h1{font-size:clamp(28px,5vw,42px);margin:0 0 7px}
.kp-heading p{color:var(--muted);margin:0}
.kp-info{display:flex;flex-direction:column;gap:4px;background:rgba(255,207,82,.07);border:1px solid rgba(255,207,82,.24);border-radius:12px;padding:14px 17px;margin-bottom:18px;font-size:13px;line-height:1.5}
.kp-info span{color:var(--muted)}
.kp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kp-card{position:relative;background:linear-gradient(180deg,#103026,#0a2119);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.kp-card h2{font-size:22px;margin:0 0 7px}
.kp-card>p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 20px}
.kp-step{position:absolute;top:20px;inset-inline-end:22px;color:rgba(255,207,82,.45);font:700 13px 'Space Mono',monospace}
.kp-form{display:flex;flex-direction:column;gap:13px}
.kp-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}
.kp-field input{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:9px;color:var(--cream);font:14px 'Outfit',sans-serif;padding:11px 12px;outline:none}
.kp-field input:focus{border-color:rgba(255,207,82,.6);box-shadow:0 0 0 3px rgba(255,207,82,.08)}
.kp-field input[type=file]{padding:8px;font-size:12px}
.kp-error{color:#ff9da0;font-weight:500}
.kp-replace-warning{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid rgba(239,59,65,.28);border-radius:9px;background:rgba(239,59,65,.07);font-size:12px;line-height:1.45}
.kp-replace-warning span{color:var(--muted)}
.kp-confirm{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;color:var(--cream);font-size:12px;line-height:1.4;cursor:pointer}
.kp-confirm input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--tote)}
.kp-primary{border:0;border-radius:9px;background:linear-gradient(180deg,#ffdb4d,#e8a62e);color:#08201a;font:400 15px 'Anton',sans-serif;letter-spacing:.5px;text-transform:uppercase;padding:12px 16px;cursor:pointer}
.kp-primary--recover{background:linear-gradient(180deg,#f5474d,#cf2d33);color:#fff}
.kp-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.kp-primary:focus-visible,.kp-revoke:focus-visible{outline:2px solid var(--cream);outline-offset:2px}
.kp-cloud{border-top:1px solid var(--line);margin-top:19px;padding-top:14px;color:var(--muted);font-size:11px}
.kp-cloud-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}
.kp-cloud-buttons button{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:10px;padding:7px 3px;opacity:.55}
.kp-warning{color:var(--muted);font-size:12px;line-height:1.55;text-align:center;max-width:720px;margin:20px auto;padding:0 16px}
.kp-active{margin-top:24px}
.kp-active h2{font-size:18px}
.kp-active-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.kp-active-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;background:rgba(8,28,22,.65);border-bottom:1px solid var(--line)}
.kp-active-row:last-child{border-bottom:0}.kp-active-row div{display:flex;flex-direction:column;gap:3px;font-size:13px}.kp-active-row span{color:var(--muted);font-size:11px}
.kp-revoke{border:1px solid rgba(239,59,65,.45);background:rgba(239,59,65,.1);color:#ff9da0;border-radius:7px;padding:7px 11px;cursor:pointer}
.kp-revoke:hover{background:rgba(239,59,65,.18)}
@media(max-width:720px){.kp-grid{grid-template-columns:1fr}.kp-card{padding:20px}.kp-cloud-buttons{grid-template-columns:1fr}.kp-active-row{align-items:flex-start}}

/* ── Phase 4: Lobby + Channel page ──────────────────────────────────── */

/* Channel grid (lobby + landing) */
.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px}
.channel-card{display:flex;flex-direction:column;gap:6px;padding:18px 16px;
  background:linear-gradient(180deg,#0f2a20,#0a1f18);
  border:1px solid var(--line);border-radius:14px;text-decoration:none;
  transition:border-color .18s,transform .12s}
.channel-card:hover{border-color:var(--tote);transform:translateY(-2px)}
.channel-card.placeholder{opacity:.45;pointer-events:none}
.ch-flag{font-size:28px;line-height:1}
.ch-name{font-family:'Anton';font-weight:400;font-size:18px;letter-spacing:.5px;color:var(--cream)}
.ch-desc{font-size:12px;line-height:1.4}
.ch-champions{font-size:12px;color:var(--tote);margin-top:2px}
.lobby-title{font-family:'Anton';font-weight:400;text-transform:uppercase;font-size:clamp(20px,3vw,28px);margin:0 0 6px}
.lobby-sub{margin:0 0 4px}

/* Channel page */
.ch-page{display:flex;flex-direction:column;gap:14px;max-width:900px;margin:0 auto}
.ch-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ch-header h2{font-family:'Anton';font-weight:400;font-size:clamp(18px,2.5vw,24px);margin:0;flex:1}
.crown-badge{font-size:20px;margin-left:4px}
.race-pill{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.5px;
  padding:4px 11px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--muted)}
.race-pill.live{color:#7cdf9a;border-color:#2f7d54;background:rgba(124,223,154,.08)}
.race-pill.betting{color:var(--tote);border-color:rgba(255,207,82,.35);background:rgba(255,207,82,.07)}
.race-pill.gate{color:#46c8f0;border-color:rgba(70,200,240,.35);background:rgba(70,200,240,.07)}
.race-pill.racing{color:#fb3d8e;border-color:rgba(251,61,142,.35);background:rgba(251,61,142,.07);animation:blink 1s step-start infinite}
.race-pill.finished,.race-pill.no-contest{color:var(--muted);border-color:var(--line)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}

.race-banner{padding:9px 14px;background:linear-gradient(90deg,#0e2a1e,#081a12);
  border:1px solid rgba(255,207,82,.2);border-radius:10px;
  font-family:'Space Mono',monospace;font-size:13px;color:var(--tote)}
.race-banner.hidden{display:none}

/* Field cards (odds strip) */
.field-grid{display:flex;gap:8px;flex-wrap:wrap}
.fc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 10px;min-width:80px;
  background:linear-gradient(180deg,#0f2820,#0a1c15);border:1px solid #1e4030;border-radius:10px}
.fc-emoji{font-size:22px;line-height:1}
.fc-name{font-size:10px;text-align:center;color:var(--cream);line-height:1.2;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fc-odds{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;color:var(--tote)}

/* Chat */
.chat-wrap{display:flex;flex-direction:column;gap:8px}
.chat-log{height:320px;overflow-y:auto;padding:10px 12px;
  background:linear-gradient(180deg,#060f0a,#04100b);
  border:1px solid var(--line);border-radius:12px;
  display:flex;flex-direction:column;gap:5px}
.cm{font-size:13px;line-height:1.45;word-break:break-word}
.cm-system .cm-name{color:var(--tote)}
.cm-system{color:var(--muted);font-style:italic}
.cm-name{font-weight:700}
.chat-form{display:flex;gap:8px}
.chat-input{flex:1;background:linear-gradient(180deg,#0c2018,#081510);
  border:1px solid var(--line);border-radius:9px;color:var(--cream);
  font-family:inherit;font-size:14px;padding:10px 12px}
.chat-input:focus{outline:none;border-color:rgba(255,207,82,.5)}
.chat-input:disabled{opacity:.4;cursor:not-allowed}
.chat-send{font-family:'Anton';letter-spacing:.5px;text-transform:uppercase;font-size:13px;
  background:linear-gradient(180deg,#1a5c3a,#124a2c);color:#a5f0c5;
  border:1px solid #1e6640;border-radius:9px;padding:10px 18px;cursor:pointer}
.chat-send:hover{background:linear-gradient(180deg,#1e6b42,#165432)}
.chat-send:disabled{opacity:.4;cursor:not-allowed}

/* ── Phase 5: finder, DM, profile popover, gifts ────────────────────── */
.cm-name.clickable{cursor:pointer;text-decoration:underline dotted transparent}
.cm-name.clickable:hover{text-decoration-color:currentColor}
.cm-gift{color:#ffd166;font-style:italic}

.finder{position:relative}
.finder-input{width:100%;background:linear-gradient(180deg,#0c2018,#081510);
  border:1px solid var(--line);border-radius:9px;color:var(--cream);
  font-family:inherit;font-size:13px;padding:8px 12px}
.finder-input:focus{outline:none;border-color:rgba(255,207,82,.5)}
.finder-results{position:absolute;z-index:30;top:100%;left:0;right:0;margin-top:4px;
  background:#0a1c15;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.finder-row{padding:9px 12px;font-size:13px;cursor:pointer}
.finder-row:hover{background:rgba(255,255,255,.06)}

.dm-panel{display:flex;flex-direction:column;gap:8px;padding:12px;
  background:linear-gradient(180deg,#102016,#0a1810);border:1px solid #2a4a36;border-radius:12px}
.dm-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;color:var(--tote)}
.dm-log{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto;font-size:13px}
.dm-msg{padding:5px 9px;border-radius:8px;max-width:80%}
.dm-msg.mine{align-self:flex-end;background:rgba(124,223,154,.12)}
.dm-msg.theirs{align-self:flex-start;background:rgba(70,200,240,.12)}

.profile-pop{position:fixed;z-index:50;width:220px;padding:14px;
  background:#0c2018;border:1px solid var(--tote);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.pp-name{font-weight:800;font-size:15px;margin:2px 0 12px}
.pp-actions{display:flex;flex-direction:column;gap:6px}
.pp-btn{font-size:13px;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;
  background:linear-gradient(180deg,#13301f,#0e2417);border:1px solid #20452e;color:var(--cream)}
.pp-btn:hover{border-color:var(--tote)}
.pp-bar{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;max-height:200px;overflow-y:auto}
.bar-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;cursor:pointer;
  background:#0e2417;border:1px solid var(--line);border-radius:9px;color:var(--cream);font-size:18px}
.bar-item:hover{border-color:var(--tote)}
.bi-name{font-size:10px;color:var(--muted)}
.bi-price{font-family:'Space Mono',monospace;font-size:11px;color:var(--tote)}
.x{background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer}
.x:hover{color:var(--cream)}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;
  background:#11261d;border:1px solid var(--tote);border-radius:10px;padding:11px 18px;
  font-size:13px;color:var(--cream);box-shadow:0 8px 24px rgba(0,0,0,.5)}


/* ════════════════════════════════════════════════════════════
   LANDING PAGE  (.ld-*)
   ════════════════════════════════════════════════════════════ */

/* Shared inner container */
.ld-inner{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}

/* Section shell */
.ld-section{padding:72px 0}
.ld-section-dark{background:rgba(0,0,0,.25)}

/* Section headings */
.ld-section-head{text-align:center;margin-bottom:44px}
.ld-section-title{
  font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;
  letter-spacing:.5px;font-size:clamp(20px,3.5vw,30px);margin:0 0 8px;color:var(--cream);
}
.ld-muted-title{font-size:.7em;color:var(--muted);text-transform:none;letter-spacing:0;font-family:'Outfit',sans-serif;font-weight:400}
.ld-section-sub{font-size:15px;color:var(--muted);margin:0;line-height:1.6}

/* ── HERO ── */
.ld-hero{
  position:relative;overflow:hidden;
  padding:80px 0 64px;text-align:center;
  border-bottom:1px solid var(--line);
}
.ld-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(60% 80% at 50% 0%,rgba(255,207,82,.07),transparent 70%),
    radial-gradient(40% 40% at 20% 80%,rgba(70,200,240,.06),transparent 60%);
  pointer-events:none;
}
.ld-hero-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
@keyframes ld-float{
  0%,100%{transform:translateY(0) rotate(-4deg) scale(1)}
  50%{transform:translateY(-22px) rotate(4deg) scale(1.05)}
}
.ld-float{
  position:absolute;left:var(--x);top:var(--y);font-size:var(--s,1.8rem);
  animation:ld-float 5s ease-in-out var(--d,0s) infinite;
  opacity:.13;user-select:none;
}
.ld-hero .ld-inner{position:relative;z-index:1}
.ld-live-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(180deg,#f5474d,#cf2d33);
  color:#fff;font-weight:800;padding:5px 14px;border-radius:20px;
  font-size:11px;letter-spacing:2px;text-transform:uppercase;
  margin-bottom:24px;box-shadow:0 4px 16px rgba(239,59,65,.4);
}
.ld-dot{width:7px;height:7px;border-radius:50%;background:#fff;display:inline-block;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
.ld-title{
  font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(42px,10vw,100px);line-height:.95;margin:0 0 20px;letter-spacing:-.5px;
  background:linear-gradient(170deg,#fff 20%,#ffe69a 55%,#f0a830 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 4px 0 rgba(0,0,0,.35));
}
.ld-sub{
  font-size:clamp(15px,2.2vw,19px);line-height:1.7;color:var(--muted);
  max-width:52ch;margin:0 auto 32px;
}
.ld-sub br{display:inline}
.ld-cta{
  display:inline-block;
  font-family:'Anton',sans-serif;letter-spacing:1px;text-transform:uppercase;
  font-size:clamp(16px,2.2vw,20px);
  background:linear-gradient(180deg,#ffdb4d,#f0a830);color:#08201a;
  border:none;border-radius:14px;padding:18px 48px;cursor:pointer;
  box-shadow:0 6px 28px rgba(255,207,82,.45),0 2px 0 rgba(0,0,0,.3);
  text-decoration:none;transition:transform .12s,box-shadow .12s;
  white-space:nowrap;
}
.ld-cta:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(255,207,82,.6),0 2px 0 rgba(0,0,0,.3)}
.ld-cta:active{transform:translateY(0)}
.ld-perks{font-size:13px;color:var(--muted);margin-top:18px;letter-spacing:.3px;line-height:2}
.ld-cta-ghost{
  font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;
  border:1px solid var(--line);border-radius:9px;padding:10px 22px;
  transition:border-color .15s,color .15s;display:inline-block;
}
.ld-cta-ghost:hover{border-color:rgba(255,207,82,.5);color:var(--tote)}

/* ── HOW IT WORKS  ── */
.ld-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-radius:18px;overflow:hidden;
  border:1px solid var(--line);
}
.ld-step{
  display:flex;flex-direction:column;gap:10px;padding:28px 24px;
  background:linear-gradient(180deg,#0f2820,#09201a);
  border-right:1px solid var(--line);
  position:relative;
}
.ld-step:last-child{border-right:none}
.ld-step-num{
  font-family:'Anton',sans-serif;font-size:40px;font-weight:400;
  color:var(--tote);opacity:.2;line-height:1;
}
.ld-step-icon{font-size:34px;line-height:1}
.ld-step strong{font-size:15px;font-weight:700;color:var(--cream)}
.ld-step span{font-size:13px;color:var(--muted);line-height:1.55}

/* ── CHANNEL CAROUSEL ── */
.ld-carousel-wrap{
  overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
@keyframes ld-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ld-carousel{
  display:flex;gap:16px;padding:4px 8px;
  animation:ld-scroll 18s linear infinite;
  width:max-content;
}
.ld-carousel:hover{animation-play-state:paused}
.ld-cc{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:22px 28px;min-width:130px;
  background:linear-gradient(180deg,#0f2820,#09201a);
  border:1px solid var(--line);border-radius:16px;
  text-decoration:none;transition:border-color .15s,transform .12s;
  flex:0 0 auto;position:relative;overflow:hidden;
}
.ld-cc::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--tote),transparent);opacity:.5;
}
.ld-cc:hover{border-color:rgba(255,207,82,.5);transform:translateY(-3px)}
.ld-cc-flag{font-size:36px;line-height:1}
.ld-cc-name{font-family:'Anton',sans-serif;font-size:15px;font-weight:400;color:var(--cream);letter-spacing:.5px}
.ld-cc-live{
  width:8px;height:8px;border-radius:50%;background:#3edc7e;
  box-shadow:0 0 6px #3edc7e;animation:blink .9s steps(2) infinite;
}

/* ── WHY GRID ── */
.ld-why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.ld-why-card{
  display:flex;flex-direction:column;gap:8px;padding:26px 22px;
  background:linear-gradient(180deg,#0f2820,#09201a);
  border:1px solid var(--line);border-radius:16px;
  transition:border-color .18s,transform .14s;
}
.ld-why-card:hover{border-color:rgba(255,207,82,.3);transform:translateY(-2px)}
.ld-why-icon{font-size:32px;line-height:1}
.ld-why-card strong{font-size:15px;font-weight:700;color:var(--cream)}
.ld-why-card p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}

/* ── INCIDENT TAGS ── */
.ld-tags{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
}
.ld-tags span{
  padding:8px 16px;
  background:linear-gradient(180deg,#0f2820,#09201a);
  border:1px solid var(--line);border-radius:24px;
  font-size:13px;white-space:nowrap;
  transition:border-color .14s,transform .12s,background .14s;
  cursor:default;
}
.ld-tags span:hover{
  border-color:rgba(255,207,82,.5);
  background:rgba(255,207,82,.06);
  transform:scale(1.05) translateY(-2px);
}

/* ── TESTIMONIALS ── */
.ld-quotes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.ld-quote{
  padding:24px 22px;
  background:linear-gradient(180deg,#0f2820,#09201a);
  border:1px solid var(--line);border-radius:16px;
  border-left:3px solid rgba(255,207,82,.4);
}
.ld-quote p{
  font-size:14px;font-style:italic;line-height:1.6;
  color:var(--cream);margin:0 0 12px;
}
.ld-quote span{font-size:12px;color:var(--muted)}

/* ── FINAL CTA ── */
.ld-final{
  padding:80px 0;text-align:center;
  background:
    radial-gradient(60% 100% at 50% 100%,rgba(255,207,82,.06),transparent 70%);
  border-top:1px solid var(--line);
}
.ld-final-title{
  font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(22px,4vw,38px);margin:0 0 10px;
  background:linear-gradient(180deg,#fff 20%,#f4ead0);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ld-final-sub{font-size:15px;color:var(--muted);margin:0 0 32px}

/* ── RESPONSIVE ── */
@media (max-width:900px){
  .ld-why-grid{grid-template-columns:repeat(2,1fr)}
  .ld-quotes{grid-template-columns:repeat(2,1fr)}
  .ld-steps{
    grid-template-columns:1fr 1fr;
  }
  .ld-step{border-bottom:1px solid var(--line)}
  .ld-step:nth-child(odd){border-right:1px solid var(--line)}
  .ld-step:nth-child(even){border-right:none}
  .ld-step:nth-last-child(-n+2){border-bottom:none}
}
@media (max-width:600px){
  .ld-hero{padding:56px 0 48px}
  .ld-section{padding:52px 0}
  .ld-inner{padding:0 16px}
  .ld-title{font-size:clamp(40px,14vw,72px)}
  .ld-sub br{display:none}
  .ld-steps{
    grid-template-columns:1fr;
    border-radius:14px;
  }
  .ld-step{border-right:none;border-bottom:1px solid var(--line)}
  .ld-step:last-child{border-bottom:none}
  .ld-step-num{font-size:28px}
  .ld-why-grid{grid-template-columns:1fr}
  .ld-quotes{grid-template-columns:1fr}
  .ld-quotes .ld-quote:last-child{display:none}
  .ld-cta{padding:16px 36px;font-size:16px}
  .ld-final{padding:56px 0}
  .ld-section-title{font-size:clamp(18px,5vw,24px)}
}

/* ══════════════════════════════════════════════════════════════════════
   CHANNEL BROWSER  (.cb-*)
   ══════════════════════════════════════════════════════════════════════ */
.cb-page{padding:40px 0}
.cb-header{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:20px;flex-wrap:wrap;margin-bottom:32px;
}
.cb-title{
  font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(22px,4vw,34px);letter-spacing:.5px;margin:0 0 6px;
  background:linear-gradient(180deg,#fff 30%,#f4ead0);-webkit-background-clip:text;
  background-clip:text;color:transparent;
}
.cb-sub{font-size:14px;color:var(--muted);margin:0}
.cb-search-wrap{flex-shrink:0;align-self:center}
.cb-search{
  background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:11px;
  color:var(--cream);font-family:'Outfit',sans-serif;font-size:14px;
  padding:10px 16px;width:220px;outline:none;transition:.14s;
}
.cb-search::placeholder{color:var(--muted)}
.cb-search:focus{border-color:rgba(255,207,82,.5);background:rgba(255,207,82,.04)}

.cb-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:16px;
}
.cb-card{
  display:flex;flex-direction:column;gap:8px;padding:20px 18px;
  background:linear-gradient(180deg,#0f2820,#09201a);
  border:1px solid var(--line);border-radius:16px;text-decoration:none;
  transition:border-color .18s,transform .14s,box-shadow .14s;position:relative;overflow:hidden;
}
.cb-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--tote),rgba(255,207,82,.3));
}
.cb-card:hover{
  border-color:rgba(255,207,82,.5);transform:translateY(-3px);
  box-shadow:0 8px 28px rgba(0,0,0,.5);
}
.cb-card-top{display:flex;align-items:center;justify-content:space-between}
.cb-flag{font-size:32px;line-height:1}
.cb-live-dot{
  width:8px;height:8px;border-radius:50%;background:#ef3b41;
  box-shadow:0 0 6px rgba(239,59,65,.7);animation:blink 1s steps(2) infinite;
}
.cb-name{font-family:'Anton',sans-serif;font-size:18px;color:var(--cream);letter-spacing:.3px;line-height:1.2}
.cb-desc{font-size:12px;color:var(--muted);line-height:1.45;flex:1}
.cb-champs{font-size:11px;color:var(--tote);font-weight:600}
.cb-enter{
  font-size:12px;font-weight:700;color:rgba(255,207,82,.7);letter-spacing:.5px;
  text-transform:uppercase;margin-top:4px;
}
.cb-empty{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:60px 0;color:var(--muted);text-align:center;
}
.cb-empty span{font-size:48px}
.cb-no-results{text-align:center;color:var(--muted);padding:40px 0;font-size:15px}

/* Category tabs */
.cb-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.cb-tab{
  display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:22px;
  background:rgba(255,255,255,.05);border:1px solid var(--line);
  color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:.14s;
}
.cb-tab:hover{color:var(--cream);border-color:rgba(255,207,82,.3)}
.cb-tab.active{background:rgba(255,207,82,.12);border-color:var(--tote);color:var(--tote)}
.cb-cat-tag{font-size:11px;color:var(--muted);font-weight:500}
.cb-create-btn{
  display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;
  background:linear-gradient(180deg,#22543d,#173d2c);border:1px solid rgba(255,207,82,.4);
  color:var(--tote);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.14s;
}
.cb-create-btn:hover{background:linear-gradient(180deg,#2d6b50,#1e4f3a);border-color:var(--tote)}
.cb-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0;align-self:center;flex-wrap:wrap}

@media (max-width:600px){
  .cb-header{flex-direction:column;gap:14px}
  .cb-search{width:100%}
  .cb-search-wrap{width:100%}
  .cb-header-right{width:100%}
  .cb-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:380px){
  .cb-grid{grid-template-columns:1fr}
}

/* ══════════════════════════════════════════════════════════════════════
   BLOG  (.bl-*)
   ══════════════════════════════════════════════════════════════════════ */
.bl-page{padding:34px 0 54px}
.bl-hero{
  position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:22px;
  margin-bottom:28px;padding:28px;border:1px solid rgba(255,207,82,.18);border-radius:26px;
  background:
    radial-gradient(70% 110% at 10% 0%,rgba(255,207,82,.14),transparent 58%),
    radial-gradient(65% 90% at 100% 100%,rgba(70,200,240,.12),transparent 55%),
    linear-gradient(180deg,rgba(14,44,34,.96),rgba(8,26,21,.98));
  overflow:hidden;
}
.bl-kicker{
  display:inline-block;margin-bottom:10px;padding:6px 10px;border-radius:999px;
  border:1px solid rgba(255,207,82,.22);background:rgba(255,207,82,.08);color:var(--tote);
  font-family:'Space Mono',monospace;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
}
.bl-title{
  font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;line-height:.95;
  font-size:clamp(36px,7vw,74px);letter-spacing:.8px;margin:0;
  background:linear-gradient(180deg,#fff 0%,#ffe6a2 82%);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.bl-sub{max-width:56ch;font-size:15px;color:var(--muted);margin:14px 0 0;line-height:1.7}
.bl-search{
  align-self:end;padding:18px;border-radius:20px;background:rgba(5,18,15,.42);
  border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px);
}
.bl-search-label{display:block;margin-bottom:10px;color:var(--cream);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.bl-search-row{display:flex;gap:8px}
.bl-search-row input{
  flex:1;min-width:0;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);
  color:var(--cream);padding:12px 14px;font-family:'Outfit',sans-serif;font-size:14px;outline:none;
}
.bl-search-row input:focus{border-color:rgba(255,207,82,.55)}
.bl-search-row button{
  border:none;border-radius:14px;padding:0 18px;background:linear-gradient(180deg,var(--tote),#dfaa28);
  color:#0b1d17;font-family:'Anton',sans-serif;font-size:14px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;
}

.bl-filterbar{display:grid;gap:14px;margin-bottom:26px}
.bl-filter-group{display:grid;gap:8px}
.bl-filter-title{
  color:var(--muted);font-family:'Space Mono',monospace;font-size:10px;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;
}
.bl-pills{display:flex;flex-wrap:wrap;gap:8px}
.bl-pill{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;
  text-decoration:none;color:var(--cream);font-size:12px;font-weight:700;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:.16s;
}
.bl-pill small{font-size:10px;color:var(--muted)}
.bl-pill:hover,.bl-pill.active{border-color:rgba(255,207,82,.42);background:rgba(255,207,82,.08);color:var(--tote)}

.bl-featured{margin-bottom:28px}
.bl-featured-main{
  display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;padding:22px;
  border-radius:24px;border:1px solid rgba(255,207,82,.18);text-decoration:none;
  background:linear-gradient(180deg,#102d23,#0a2019);box-shadow:0 20px 50px rgba(0,0,0,.3);
}
.bl-featured-main:hover{border-color:rgba(255,207,82,.45)}
.bl-featured-cover{
  width:100%;aspect-ratio: 16 / 10;display:grid;place-items:center;border-radius:18px;font-size:74px;line-height:1;
  background:
    linear-gradient(180deg,rgba(255,207,82,.18),rgba(255,207,82,.04)),
    linear-gradient(180deg,#17382c,#0d241d);
  min-height:170px;
}
.bl-featured-cover[src]{object-fit:cover;display:block}
.bl-featured-copy{display:grid;gap:10px;align-content:center}
.bl-story-kicker{
  margin:0;font-family:'Space Mono',monospace;font-size:10px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:#7cdf9a;
}
.bl-featured-title{
  margin:0;font-family:'Anton',sans-serif;font-size:clamp(28px,5vw,46px);
  letter-spacing:.6px;line-height:1.02;color:var(--cream);text-transform:uppercase;
}
.bl-featured-excerpt{margin:0;max-width:62ch;font-size:15px;line-height:1.7;color:var(--muted)}

.bl-results-head{
  display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 16px;
}
.bl-results-head h2{
  margin:0;font-family:'Anton',sans-serif;font-weight:400;font-size:26px;letter-spacing:.5px;text-transform:uppercase;color:var(--cream);
}
.bl-results-head p{margin:0;color:var(--muted);font-size:12px}

.bl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.bl-card{
  position:relative;display:flex;flex-direction:column;min-height:100%;
  background:linear-gradient(180deg,#0f2820,#09201a);border:1px solid var(--line);border-radius:22px;overflow:hidden;
  text-decoration:none;transition:border-color .18s,transform .14s,box-shadow .14s;
}
.bl-card:hover{border-color:rgba(255,207,82,.5);transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.38)}
.bl-card-top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 16px 0;
}
.bl-cover{
  width:72px;height:72px;display:grid;place-items:center;flex:0 0 auto;
  border-radius:18px;font-size:42px;line-height:1;background:
    radial-gradient(circle at 30% 20%,rgba(255,207,82,.2),transparent 54%),
    linear-gradient(180deg,#173328,#0b211b);
}
.bl-cover-img{
  width:72px;height:72px;flex:0 0 auto;object-fit:cover;display:block;border-radius:18px;
  border:1px solid rgba(255,255,255,.06);background:#10261f;
}
.bl-card-body{display:flex;flex-direction:column;gap:10px;padding:14px 16px 18px;flex:1}
.bl-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bl-lang{
  font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:1.5px;
  color:#08201a;background:var(--tote);border-radius:5px;padding:3px 7px;
}
.bl-date{font-size:11px;color:var(--muted)}
.bl-chip{
  --bl-accent: var(--tote);
  display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;
  border:1px solid color-mix(in srgb, var(--bl-accent) 35%, transparent);
  background:color-mix(in srgb, var(--bl-accent) 12%, transparent);
  color:var(--cream);font-size:11px;font-weight:700;
}
.bl-card-title{
  font-family:'Anton',sans-serif;font-weight:400;font-size:23px;margin:0;
  color:var(--cream);line-height:1.12;letter-spacing:.35px;text-transform:uppercase;
}
.bl-excerpt{font-size:13px;color:var(--muted);line-height:1.6;margin:0;flex:1}
.bl-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.bl-author{font-size:11px;color:#7cdf9a;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.bl-read{
  font-size:11px;font-weight:700;color:rgba(255,207,82,.82);text-transform:uppercase;letter-spacing:.8px;
}

.bl-back{
  display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;margin-bottom:20px;transition:.12s;
}
.bl-back:hover{color:var(--tote)}
.bl-post-hero{
  display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:start;
  margin-bottom:28px;padding:24px;border-radius:24px;border:1px solid rgba(255,207,82,.16);
  background:linear-gradient(180deg,#102e23,#0b211b);
}
.bl-post-badge{
  width:110px;height:110px;border-radius:24px;display:grid;place-items:center;font-size:62px;line-height:1;
  background:
    radial-gradient(circle at 35% 20%,rgba(255,207,82,.18),transparent 58%),
    linear-gradient(180deg,#17362b,#0d231d);
}
.bl-post-badge-img{
  width:110px;height:110px;border-radius:24px;object-fit:cover;display:block;border:1px solid rgba(255,255,255,.08);
  background:#10261f;
}
.bl-post-intro{display:grid;gap:10px}
.bl-post-title{
  font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(28px,5vw,54px);
  letter-spacing:.6px;margin:0;color:var(--cream);line-height:1;
}
.bl-post-excerpt{font-size:17px;color:var(--muted);margin:0;line-height:1.65;max-width:68ch}
.bl-author-line{font-size:12px;color:var(--muted);letter-spacing:.4px;text-transform:uppercase}
.bl-author-line strong{color:var(--cream)}

.bl-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}
.bl-body{font-size:15px;line-height:1.82;color:var(--cream);max-width:72ch}
.bl-body h2{
  font-family:'Anton',sans-serif;font-weight:400;font-size:26px;color:var(--tote);
  margin:34px 0 12px;letter-spacing:.4px;text-transform:uppercase;
}
.bl-body h3{font-size:19px;color:#7cdf9a;margin:26px 0 10px}
.bl-body p{margin:0 0 18px}
.bl-body ul,.bl-body ol{padding-left:22px;margin:0 0 18px}
.bl-body li{margin-bottom:6px}
.bl-body strong{color:var(--tote)}
.bl-body em{color:var(--muted)}
.bl-body a{color:var(--tote)}
.bl-body blockquote{
  margin:22px 0;padding:14px 16px;border-left:3px solid var(--tote);background:rgba(255,207,82,.06);border-radius:0 14px 14px 0;color:var(--cream);
}
.bl-body code{
  font-family:'Space Mono',monospace;font-size:.92em;background:rgba(255,255,255,.06);padding:2px 5px;border-radius:6px;
}
.bl-sidebar{display:grid;gap:14px;position:sticky;top:18px}
.bl-side-card{
  padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0f2820,#0a2019);
}
.bl-side-card h2{
  margin:0 0 10px;font-family:'Anton',sans-serif;font-size:18px;font-weight:400;letter-spacing:.4px;text-transform:uppercase;color:var(--cream);
}
.bl-side-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.bl-side-list li{color:var(--muted);font-size:13px}
.bl-side-link{
  display:block;padding:10px 0;border-top:1px dotted rgba(255,255,255,.08);text-decoration:none;color:var(--cream);font-size:13px;line-height:1.45;
}
.bl-side-link:first-of-type{border-top:none;padding-top:0}
.bl-side-link:hover{color:var(--tote)}
.bl-related{margin-top:42px}

.bl-empty{
  display:flex;flex-direction:column;align-items:center;gap:12px;padding:68px 0;color:var(--muted);text-align:center;
}
.bl-empty span{font-size:48px}

@media (max-width:980px){
  .bl-hero,.bl-featured-main,.bl-post-layout,.bl-post-hero{grid-template-columns:1fr}
  .bl-sidebar{position:static}
  .bl-post-badge,.bl-featured-cover{width:auto}
  .bl-cover-img,.bl-post-badge-img{width:72px;height:72px}
}
@media (max-width:600px){
  .bl-page{padding:24px 0 40px}
  .bl-hero,.bl-featured-main,.bl-post-hero{padding:18px}
  .bl-search-row{flex-direction:column}
  .bl-results-head{align-items:start;flex-direction:column}
  .bl-grid{grid-template-columns:1fr}
  .bl-featured-main,.bl-card,.bl-post-hero{gap:14px}
  .bl-featured-cover,.bl-cover-img,.bl-post-badge-img{width:100%;height:auto;aspect-ratio: 16 / 10}
  .bl-card-top{padding:12px 12px 0;flex-direction:column}
  .bl-card-top .bl-chip{align-self:flex-start}
}

/* ── Account name change form ── */
.acc-card--wide{grid-column:1/-1;flex-direction:column;align-items:flex-start;gap:8px}
.name-form{display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-top:4px}
.name-input{flex:1 1 160px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:8px;color:var(--cream);font-family:inherit;font-size:13px;padding:7px 12px;outline:none}
.name-input:focus{border-color:var(--tote)}
.name-btn{background:var(--tote);color:#0c1f18;border:none;border-radius:8px;font-family:'Anton',sans-serif;font-size:13px;letter-spacing:.5px;padding:7px 18px;cursor:pointer;white-space:nowrap}
.name-btn:hover{opacity:.88}