/* ===== BASE RESET ===== */
:root {
  --bg:        #070f0b;
  --bg2:       #0d1a12;
  --bg3:       #101e16;
  --card:      #0f1d15;
  --border:    #1b3325;
  --border2:   rgba(0,230,118,.13);
  --accent:    #00e676;
  --accent2:   #22c55e;
  --accent3:   #16a34a;
  --glow:      0 0 18px rgba(0,230,118,.22);
  --glow-btn:  0 4px 22px rgba(0,230,118,.35);
  --text:      #d4ead8;
  --text2:     #a3bfaa;
  --text3:     #6b8a72;
  --white:     #edf7ef;
  --head-txt:  #c8e6c9;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);
  font:17px/1.68 "Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
h1,h2,h3,h4{line-height:1.16;letter-spacing:-.02em;color:var(--white);margin:0 0 .5em;font-weight:800}
h1{font-size:clamp(26px,5vw,42px)}
h2{font-size:clamp(21px,3.5vw,29px);margin-top:2.1em}
h3{font-size:clamp(17px,2.5vw,20px);margin-top:1.6em;font-weight:700}
p{margin:0 0 1.05em}
a{color:var(--accent);text-underline-offset:3px}
img{max-width:100%;height:auto}
ul,ol{margin:0 0 1.15em;padding-left:22px}
li{margin:0 0 .45em}

/* ===== LAYOUT ===== */
.pc-wrap{max-width:960px;margin:0 auto;padding-left:18px;padding-right:18px}

/* ===== HEADER ===== */
.pc-head{background:var(--bg2);position:fixed;top:0;left:0;right:0;z-index:100;
  border-bottom:1px solid var(--border)}
.pc-head__row{max-width:960px;margin:0 auto;padding:0 18px;
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:64px}
.pc-head__logo{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.pc-head__logo-text{font-size:20px;font-weight:900;color:var(--accent);
  letter-spacing:-.02em;line-height:1}
.pc-head__logo-sub{font-size:11px;color:var(--text3);text-transform:uppercase;
  letter-spacing:.12em;display:block;margin-top:1px}
.pc-burger{display:none;flex:0 0 auto;width:42px;height:38px;padding:0;
  background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer}
.pc-burger span{display:block;width:18px;height:2px;margin:3px auto;background:var(--head-txt)}

/* NAV */
.pc-nav{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:4px}
.pc-nav a{display:inline-block;padding:8px 11px;border-radius:7px;
  color:var(--text);text-decoration:none;font-size:15px;font-weight:600}
.pc-nav a:hover{background:var(--bg3);color:var(--accent)}
.pc-nav a[aria-current="page"]{background:rgba(0,230,118,.12);color:var(--accent)}
.pc-cta--bar{margin-left:auto;flex:0 0 auto;display:flex;gap:8px}

/* BUTTONS */
.pc-btn{display:inline-block;
  background:linear-gradient(135deg,var(--accent2) 0%,var(--accent3) 100%);
  color:#04120a;font-weight:800;text-decoration:none;padding:11px 20px;
  border-radius:9px;border:1px solid var(--accent3);font-size:15px;
  box-shadow:var(--glow-btn);transition:filter .15s,transform .15s}
.pc-btn:hover{filter:brightness(1.12);transform:translateY(-1px);color:#04120a}
.pc-btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border);
  box-shadow:none}
.pc-btn--ghost:hover{background:var(--bg3);color:var(--accent);transform:none}
.pc-btn--xl{padding:14px 26px;font-size:17px}
.pc-cta{margin:1.9em 0;text-align:center}

/* ===== PROGRESS BAR ===== */
.pc-prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}
.pc-prog span{display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--accent2),var(--accent))}

/* ===== HERO / SHOW ===== */
.pc-show{background:var(--bg2);border-radius:16px;margin-top:22px;padding:28px 24px;
  border:1px solid var(--border2);box-shadow:var(--glow)}
.pc-show__in{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.pc-show__l{flex:1 1 300px}
.pc-show__kick{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);font-weight:700;margin-bottom:.5em}
.pc-show__sub{font-size:18px;color:var(--text2);margin:.6em 0 1.1em}
.pc-show__cta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.pc-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.pc-chip{background:var(--bg3);border:1px solid var(--border2);border-radius:999px;
  padding:5px 13px;font-size:12px;font-weight:600;color:var(--accent)}

/* OFFER CARD */
.pc-offer{flex:0 0 auto;width:220px;background:var(--card);border-radius:14px;
  border:1px solid var(--border2);padding:18px 16px;text-align:center;
  box-shadow:var(--glow)}
.pc-offer__k{display:block;font-size:12px;text-transform:uppercase;
  letter-spacing:.12em;color:var(--text3);margin-bottom:6px}
.pc-offer__v{font-size:36px;font-weight:900;color:var(--accent);line-height:1;margin-bottom:4px}
.pc-offer__s{display:block;font-size:12px;color:var(--text2);margin-bottom:12px}
.pc-offer__steps{display:flex;gap:5px;align-items:flex-end;justify-content:center;
  height:50px;margin-bottom:12px}
.pc-offer__steps div{flex:0 0 24px;border-radius:4px 4px 0 0;
  background:linear-gradient(180deg,var(--accent2),var(--accent3));
  display:flex;flex-direction:column;justify-content:flex-end}
.pc-offer__steps span{font-size:9px;font-weight:700;color:#04120a;text-align:center;padding:2px 0}
.pc-offer__btn{display:block;margin-top:4px;font-size:14px;padding:10px}
.pc-offer__f{display:block;font-size:11px;color:var(--text3);margin-top:8px;line-height:1.5}

/* ===== MARQUEE CAROUSEL ===== */
.pc-car{overflow:hidden;background:var(--bg2);border-radius:12px;
  border:1px solid var(--border);margin:1.6em 0}
.pc-car__h{display:flex;justify-content:space-between;padding:10px 16px;
  border-bottom:1px solid var(--border);font-size:14px;font-weight:600}
.pc-car__h span:first-child{color:var(--white)}
.pc-car__h span:last-child{color:var(--text3)}
.pc-car__track{display:flex;width:max-content;animation:pc-scroll 42s linear infinite}
.pc-car:hover .pc-car__track{animation-play-state:paused}
.pc-car--rev .pc-car__track{animation-direction:reverse;animation-duration:52s}
.pc-car__i{display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:14px 18px;border-right:1px solid var(--border);min-width:80px;
  color:var(--text2);font-size:13px;font-weight:600}
.pc-car__i img{filter:brightness(.9)}
.pc-car--prov .pc-car__i{min-width:160px;justify-content:center;padding:16px 20px}
@keyframes pc-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== LEDE ===== */
.pc-lede{font-size:18px;line-height:1.65;color:var(--text);font-weight:500;
  border-bottom:1px solid var(--border);padding-bottom:1.15em;margin-top:1.3em}

/* ===== TICKER ===== */
.pc-ticker{overflow:hidden;background:var(--bg2);border-radius:11px;
  border:1px solid var(--border);margin:1.6em 0 .4em}
.pc-ticker__track{display:flex;width:max-content;animation:pc-scroll 46s linear infinite}
.pc-ticker:hover .pc-ticker__track{animation-play-state:paused}
.pc-ticker__i{display:flex;align-items:center;gap:9px;white-space:nowrap;
  padding:11px 22px;color:var(--text);font-size:14px;border-right:1px solid var(--border)}
.pc-ticker__i b{color:var(--accent);font-weight:800}
.pc-ticker__tag{background:var(--bg3);border:1px solid var(--border2);
  border-radius:999px;padding:2px 9px;font-size:12px;color:var(--text3)}
.pc-ticker__cap{font-size:13px;color:var(--text3);margin:0 0 1.6em}

/* ===== STAT GRID ===== */
.pc-stat{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:1.7em 0}
.pc-stat__i{background:var(--card);border:1px solid var(--border2);
  border-radius:12px;padding:14px 16px}
.pc-stat__n{font-size:26px;font-weight:800;color:var(--accent);line-height:1.1}
.pc-stat__l{font-size:14px;color:var(--text3)}

/* ===== SPEC TABLE ===== */
.pc-spec{margin:1.7em 0;border:1px solid var(--border2);border-radius:12px;
  background:var(--card);overflow:hidden}
.pc-spec__r{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;
  border-bottom:1px solid var(--border);padding:12px 16px}
.pc-spec__r:last-child{border-bottom:0}
.pc-spec__k{color:var(--text3);font-size:15px}
.pc-spec__v{font-weight:700;color:var(--white);font-variant-numeric:tabular-nums}

/* ===== CARDS ===== */
.pc-cards{display:grid;grid-template-columns:1fr;gap:13px;margin:1.7em 0}
.pc-card{border:1px solid var(--border2);border-radius:12px;background:var(--card);
  padding:16px 18px;box-shadow:0 2px 12px rgba(0,0,0,.3)}
.pc-card__h{font-weight:800;color:var(--accent);margin-bottom:.35em}
.pc-card__d{color:var(--text2);font-size:16px}

/* ===== TABLES ===== */
.pc-tbl__wrap{overflow-x:auto;margin:1.7em 0;border-radius:12px;
  border:1px solid var(--border2)}
.pc-tbl{border-collapse:collapse;width:100%;font-size:16px}
.pc-tbl th,.pc-tbl td{border:1px solid var(--border);padding:10px 13px;
  text-align:left;vertical-align:top}
.pc-tbl th{background:var(--bg3);color:var(--accent);font-weight:700;border-color:var(--border2)}
.pc-tbl tr:nth-child(even) td{background:rgba(0,230,118,.04)}
.pc-tbl td{color:var(--text);background:var(--card)}

/* ===== NOTE ===== */
.pc-note{margin:1.7em 0;border-left:4px solid var(--accent);
  background:rgba(0,230,118,.07);padding:14px 17px;border-radius:0 10px 10px 0}
.pc-note__t{font-weight:800;color:var(--accent);margin-bottom:.3em}
.pc-note__d{color:var(--text2)}

/* ===== FIGURE ===== */
.pc-fig{margin:1.8em 0}
.pc-fig img{display:block;width:100%;border-radius:12px;border:1px solid var(--border2)}
.pc-fig__c{color:var(--text3);font-size:14px;margin-top:.5em}

/* ===== SPLIT (pros/cons) ===== */
.pc-split{display:grid;grid-template-columns:1fr;gap:14px;margin:1.7em 0}
.pc-split__c{border-radius:12px;padding:16px 18px;border:1px solid var(--border);
  background:var(--card)}
.pc-split__c--y{border-top:3px solid var(--accent2)}
.pc-split__c--n{border-top:3px solid #ef4444}
.pc-split__c p:last-child,.pc-split__c ul:last-child{margin-bottom:0}
.pc-split__h{font-weight:800;margin-bottom:.4em;color:var(--white)}

/* ===== FAQ ===== */
.pc-faq{margin:1.7em 0}
.pc-faq__i{border-bottom:1px solid var(--border);padding:13px 0}
.pc-faq__q{font-weight:700;color:var(--white);cursor:pointer;list-style:none;
  padding-right:20px;position:relative}
.pc-faq__q::after{content:"▾";position:absolute;right:0;top:0;color:var(--accent)}
details[open] .pc-faq__q::after{content:"▴"}
.pc-faq__q::-webkit-details-marker{display:none}
.pc-faq__a{margin-top:.6em;color:var(--text2)}

/* ===== BAND ===== */
.pc-band{margin-top:2.4em;padding-top:1px;padding-bottom:1px}
.pc-band--ink{background:var(--bg2);color:var(--text);border-radius:14px;
  padding-left:20px;padding-right:20px;border:1px solid var(--border2)}
.pc-band--ink h2{color:var(--white)}
.pc-band--ink a{color:var(--accent)}

/* ===== ODDS BOARD (static) ===== */
.pc-board{border:1px solid var(--border2);border-radius:13px;background:var(--card);
  margin:1.8em 0;overflow:hidden}
.pc-board__h{background:var(--bg3);color:var(--text);padding:10px 15px;font-size:14px;
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pc-board__h span:last-child{color:var(--accent);font-weight:700}
.pc-board__r{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;
  padding:11px 15px;border-bottom:1px solid var(--border)}
.pc-board__r:last-child{border-bottom:0}
.pc-board__k{font-size:15px;color:var(--text)}
.pc-board__o{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pc-odd{min-width:58px;text-align:center;background:var(--bg3);border:1px solid var(--border2);
  border-radius:7px;padding:5px 8px;font-weight:800;font-variant-numeric:tabular-nums;
  font-size:14px;color:var(--accent);line-height:1.3}
.pc-odd small{display:block;font-weight:600;color:var(--text3);font-size:11px}

/* ===== PROGRESS BAR (deposit steps) ===== */
.pc-steps{display:flex;gap:8px;margin:1.4em 0;flex-wrap:wrap}
.pc-step{flex:1 1 80px;background:var(--card);border:1px solid var(--border2);
  border-radius:10px;padding:12px 10px;text-align:center}
.pc-step__n{font-size:22px;font-weight:900;color:var(--accent);line-height:1}
.pc-step__l{font-size:12px;color:var(--text3);margin-top:3px}
.pc-step__d{font-size:11px;color:var(--text2);margin-top:4px}

/* ===== BANNER ===== */
.pc-banner{display:block;margin:1.4em 0;border-radius:14px;overflow:hidden;
  border:1px solid var(--border2);background:var(--bg2);
  transition:transform .2s,box-shadow .2s}
.pc-banner img{display:block;width:100%;height:auto}
.pc-banner:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,230,118,.15)}

/* Provider logos — brighten slightly on dark background */
.pc-car--prov .pc-car__i img{filter:brightness(1.15) saturate(.85)}

/* ===== BACK-TO-TOP (pure CSS :target trick) ===== */
#top-anchor{display:block;position:absolute;top:0;left:0;visibility:hidden}
.pc-top{position:fixed;right:16px;bottom:16px;width:44px;height:44px;
  border-radius:999px;border:1px solid var(--border2);
  background:var(--bg2);color:var(--accent);font-size:18px;
  text-decoration:none;display:flex;align-items:center;justify-content:center;
  box-shadow:var(--glow);z-index:50;opacity:0;pointer-events:none;
  transition:opacity .3s}
/* Show after first viewport: cheap JS-free trick using scroll-driven animation fallback */
@supports (animation-timeline:scroll()){
  .pc-top{animation:pc-show-top linear both;animation-timeline:scroll();
    animation-range:200px 400px;pointer-events:auto}
  @keyframes pc-show-top{from{opacity:0}to{opacity:1}}
}
/* Fallback: always show for browsers without scroll-driven */
@media (prefers-reduced-motion:no-preference){
  .pc-top:not([style]){opacity:1;pointer-events:auto}
}
.pc-top:hover{color:#04120a;background:var(--accent);box-shadow:var(--glow-btn)}

/* ===== FLOAT CTA ===== */
.pc-float{position:fixed;left:16px;bottom:16px;z-index:45;
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,var(--accent2),var(--accent3));
  color:#04120a;font-weight:800;text-decoration:none;padding:11px 18px;
  border-radius:999px;border:1px solid var(--accent3);
  box-shadow:var(--glow-btn);font-size:15px;animation:pc-fadein .6s .8s both}
.pc-float span{display:inline-block;width:8px;height:8px;border-radius:999px;
  background:#04120a;animation:pc-blink 1.4s infinite}
@keyframes pc-fadein{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pc-blink{50%{opacity:.2}}

/* ===== FOOTER ===== */
.pc-foot{background:var(--bg2);color:var(--text2);margin-top:48px;
  padding-top:32px;padding-bottom:32px;font-size:15px;
  border-top:1px solid var(--border)}
.pc-foot__grid{display:grid;grid-template-columns:1fr;gap:24px}
.pc-foot__logo-text{font-size:18px;font-weight:900;color:var(--accent)}
.pc-foot__about{font-size:14px;color:var(--text3);margin-top:10px}
.pc-foot__h{color:var(--white);font-size:15px;font-weight:800;margin:0 0 .6em}
.pc-foot ul{list-style:none;margin:0;padding-left:0}
.pc-foot a{color:var(--text2);text-decoration:none}
.pc-foot a:hover{color:var(--accent)}
.pc-foot li{margin:0 0 .4em}
.pc-foot__legal{border-top:1px solid var(--border);margin-top:24px;
  padding-top:18px;font-size:13px;color:var(--text3)}
.pc-age{display:inline-block;background:var(--accent2);color:#04120a;
  font-weight:800;border-radius:5px;padding:1px 7px;margin-right:6px}

/* ===== MAIN PADDING ===== */
/* offset for fixed header (~64px) */
body{padding-top:64px}
.pc-main{padding-top:28px;padding-bottom:48px}

/* ===== RESPONSIVE ===== */
@media (min-width:600px){
  .pc-cards{grid-template-columns:1fr 1fr}
  .pc-stat{grid-template-columns:repeat(4,1fr)}
  .pc-split{grid-template-columns:1fr 1fr}
}
@media (min-width:700px){
  .pc-foot__grid{grid-template-columns:1.3fr 1fr 1fr 1fr}
  .pc-steps{flex-wrap:nowrap}
}
@media (max-width:1140px){
  .pc-burger{display:block;order:3;margin-left:8px}
  .pc-nav{
    display:none;order:9;flex:1 1 100%;width:100%;
    background:var(--bg2);
    border-top:1px solid var(--border);
    padding:10px 0 14px
  }
  .pc-nav--open{
    display:flex!important;flex-direction:column;align-items:stretch
  }
  .pc-nav a,.pc-nav span{
    display:block;padding:11px 16px;border-radius:0;
    border-bottom:1px solid var(--border);font-size:16px
  }
  .pc-nav a:last-child,.pc-nav span:last-child{border-bottom:0}
  .pc-cta--bar{margin-left:auto;order:2}
}
@media (max-width:860px){
  .pc-wrap,.pc-head__row{padding-left:14px;padding-right:14px}
  .pc-btn{padding:10px 14px;font-size:14px}
  .pc-offer{width:100%}
}
@media (max-width:560px){
  .pc-btn--ghost{display:none}
  .pc-board__r{grid-template-columns:1fr}
  .pc-board__o{justify-content:flex-start}
}
/* Prevent horizontal scroll at all widths.
   overflow-x:hidden on <html> breaks position:sticky — use clip instead */
html{overflow-x:clip}
body{overflow-x:hidden;max-width:100vw}
/* Mobile tables */
@media (max-width:480px){
  .pc-tbl{font-size:14px}
  .pc-tbl th,.pc-tbl td{padding:8px 10px}
}