:root{
  --ink:#0A1830;
  --panel:#102A4C;
  --panel-light:#1B3E68;
  --gold:#E8B93C;
  --gold-deep:#C9932A;
  --red:#A93226;
  --red-soft:#C24B3F;
  --green:#4CAF50;
  --paper:#F5EFD9;
  --paper-dim:#B9C0D6;
  --line:rgba(245,239,217,0.12);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--ink);
  color:var(--paper);
  font-family:'Manrope', sans-serif;
  line-height:1.6;
  overflow-x:hidden;
}
a{color:inherit; text-decoration:none;}
img,svg{display:block; max-width:100%;}
.display{font-family:'Bungee', system-ui, sans-serif;}
.mono{font-family:'Space Mono', monospace;}
.wrap{max-width:1160px; margin:0 auto; padding:0 28px;}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
}

/* ---------- top bar ---------- */
header{
  position:sticky; top:0; z-index:50;
  background:rgba(10,24,48,0.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.topbar{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px;
  padding:14px 28px;
  max-width:1160px; margin:0 auto;
}
.brand{display:flex; align-items:center; gap:10px; font-size:20px; flex-shrink:0;}
.brand .coin-mark{width:42px; height:42px; border-radius:50%; object-fit:cover; border:2px solid var(--gold);}
.brand-name{letter-spacing:0.5px;}
.brand-name .howdy{color:var(--paper);}
.brand-name .cash{color:var(--green);}
nav{display:flex; gap:28px; font-size:14px; font-weight:600;}
nav a{opacity:0.8; transition:opacity .2s, color .2s;}
nav a:hover{opacity:1; color:var(--gold);}
@media (max-width:760px){ nav{display:none;} }

/* ---------- trustpilot rating (center of topbar) ---------- */
.trustpilot-row{
  display:flex; align-items:center; gap:8px;
  font-size:14px;
  flex-wrap:nowrap;
  justify-content:flex-end;
  margin-left:auto;
}
.trustpilot-row .tp-word{font-weight:800; color:var(--paper);}
.tp-stars{display:flex; gap:2px;}
.tp-star{
  width:20px; height:20px;
  background:#00B67A;
  display:flex; align-items:center; justify-content:center;
  border-radius:2px;
}
.tp-star svg{width:13px; height:13px;}
.tp-count{
  text-decoration:underline;
  color:var(--paper);
  font-weight:600;
  white-space:nowrap;
}
.tp-brand{
  display:flex; align-items:center; gap:4px;
  color:var(--paper-dim);
  font-weight:600;
  white-space:nowrap;
}
.tp-brand svg{width:14px; height:14px; fill:#00B67A;}
@media (max-width:900px){
  .trustpilot-row{display:none;}
  .topbar{justify-content:center;}
}

/* ---------- trustpilot rating (mobile bar, below header) ---------- */
.trustpilot-mobile-bar{
  display:none;
  align-items:center;
  gap:10px;
  background:var(--paper);
  color:#12141A;
  padding:10px 16px;
  font-size:13px;
  border-top:1px solid rgba(0,0,0,0.08);
  overflow-x:auto;
  white-space:nowrap;
}
.trustpilot-mobile-bar .tp-word{font-weight:800; color:#12141A;}
.trustpilot-mobile-bar .tp-count{color:#12141A;}
.trustpilot-mobile-bar .tp-brand{color:#12141A; opacity:0.85;}
.trustpilot-mobile-bar .tp-close{
  margin-left:auto;
  background:none;
  border:none;
  font-size:18px;
  line-height:1;
  color:#9AA0AE;
  cursor:pointer;
  padding:4px;
  flex-shrink:0;
}
@media (max-width:900px){ .trustpilot-mobile-bar{display:flex;} }

/* ---------- live activity ticker ---------- */
.ticker{
  background:var(--panel);
  border-top:1px solid var(--line);
  overflow:hidden;
  white-space:nowrap;
}
.ticker-track{
  display:inline-flex;
  align-items:center;
  animation:tickerScroll 32s linear infinite;
}
.ticker:hover .ticker-track{ animation-play-state:paused; }
.ticker-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 26px;
  font-size:13px;
  color:var(--paper-dim);
  border-right:1px solid var(--line);
}
.ticker-item b{ color:var(--paper); font-weight:700; }
.ticker-dot{
  width:7px; height:7px; border-radius:50%;
  background:var(--green);
  box-shadow:0 0 6px var(--green);
  flex-shrink:0;
}
.amt{ font-weight:700; }
.amt.in{ color:var(--green); }
.amt.out{ color:var(--red-soft); }
@keyframes tickerScroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* ---------- hero ---------- */
.hero{
  position:relative;
  padding:140px 0 160px;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(10,24,48,0.92) 0%, rgba(10,24,48,0.72) 45%, rgba(10,24,48,0.35) 100%),
    linear-gradient(0deg, rgba(10,24,48,0.85) 0%, rgba(10,24,48,0.15) 35%, rgba(10,24,48,0.15) 65%, rgba(10,24,48,0.85) 100%),
    url("images/background.jpeg") center center / cover no-repeat;
}
.hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:48px;
  align-items:center;
  position:relative;
}

.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'Space Mono', monospace;
  font-size:12.5px; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--green);
  border:1px solid rgba(76,175,80,0.35);
  background:rgba(76,175,80,0.08);
  padding:7px 14px; border-radius:999px;
  margin-bottom:22px;
}
.eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green);}

h1.headline{
  font-size:clamp(38px, 5.6vw, 68px);
  line-height:1.04;
  letter-spacing:-0.5px;
  margin-bottom:22px;
}
h1.headline .accent{color:var(--gold); display:inline-block;}
h1.headline .accent2{color:var(--green);}

.hero p.sub{
  font-size:17.5px;
  color:var(--paper-dim);
  max-width:620px;
  margin-bottom:34px;
}
.hero-ctas{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:36px;}

.btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:15px 26px;
  border-radius:12px;
  font-weight:800;
  font-size:15.5px;
  border:none;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{
  background:linear-gradient(180deg, var(--gold), var(--gold-deep));
  color:var(--ink);
  box-shadow:0 10px 24px rgba(232,185,60,0.3);
}
.btn-ghost{
  background:transparent;
  color:var(--paper);
  border:1.5px solid var(--line);
}
.btn-ghost:hover{border-color:var(--green); color:var(--green);}

.trust-row{
  display:flex; gap:28px; flex-wrap:wrap;
  font-family:'Space Mono', monospace;
  font-size:13px;
  line-height:1.3;
  color:var(--paper-dim);
}
.trust-row b{color:var(--paper); font-size:15px; display:block;}
@media (max-width:600px){
  .trust-row{ gap:14px 28px; }
}

/* ---------- section shell ---------- */
section{padding:88px 0;}
.section-head{max-width:640px; margin-bottom:52px;}
.kicker{
  font-family:'Space Mono', monospace;
  font-size:12.5px; letter-spacing:2px; text-transform:uppercase;
  color:var(--gold);
  margin-bottom:12px;
}
h2{font-size:clamp(28px,3.6vw,42px); letter-spacing:-0.3px; margin-bottom:14px;}
.section-head p{color:var(--paper-dim); font-size:16px;}

/* ---------- how it works: level cards ---------- */
.levels{
  display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
}
@media (max-width:860px){ .levels{grid-template-columns:1fr;} }
.level-card{
  display:flex;
  flex-direction:column;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
  padding:30px 26px;
  position:relative;
  transition:border-color .2s, transform .2s;
}
.level-card:hover{ border-color:rgba(232,185,60,0.4); transform:translateY(-4px); }
.level-tag{
  font-family:'Space Mono', monospace;
  font-size:12px; letter-spacing:1.5px;
  color:var(--ink);
  background:var(--green);
  display:inline-block;
  padding:5px 11px;
  border-radius:6px;
  margin-bottom:20px;
  font-weight:700;
}
.level-card h3{font-size:19px; margin-bottom:10px;}
.level-card p{color:var(--paper-dim); font-size:14.5px;}
.level-bar{
  margin-top:22px; height:6px; border-radius:4px;
  background:var(--panel-light); overflow:hidden;
}
.level-card p{ margin-bottom:auto; }
.level-bar span{ display:block; height:100%; background:linear-gradient(90deg, var(--gold), var(--green)); }

/* ---------- proof strip ---------- */
.proof{
  background:var(--panel);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:56px 0;
}
.proof-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center;
}
@media (max-width:760px){ .proof-grid{grid-template-columns:repeat(2,1fr);} }
.proof-num{ font-family:'Bungee', sans-serif; font-size:32px; color:var(--gold); margin-bottom:6px;}
.proof-label{ color:var(--paper-dim); font-size:13.5px; font-family:'Space Mono', monospace; }

/* ---------- contact / chat section ---------- */
.contact{
  display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;
}
@media (max-width:860px){ .contact{grid-template-columns:1fr;} }
.chat-panel{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:20px;
  padding:34px;
}
.chat-option{
  display:flex; align-items:center; gap:16px;
  padding:18px;
  border-radius:14px;
  background:var(--panel-light);
  margin-bottom:14px;
  transition:transform .15s, background .15s;
}
.chat-option:hover{ transform:translateX(4px); background:#234b7a; }
.chat-option .icon-badge{
  width:46px; height:46px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.chat-option.fb .icon-badge{ background:#1877F2; }
.chat-option .info b{ display:block; font-size:15.5px; margin-bottom:2px; }
.chat-option .info span{ color:var(--paper-dim); font-size:13px; }

.faq-item{ border-bottom:1px solid var(--line); padding:18px 0; }
.faq-item h4{ font-size:15.5px; margin-bottom:6px; }
.faq-item p{ color:var(--paper-dim); font-size:14px; }

/* ---------- footer ---------- */
footer{
  padding:44px 0 34px;
  border-top:1px solid var(--line);
  text-align:center;
  color:var(--paper-dim);
  font-size:13.5px;
}
.foot-pay{
  display:flex; flex-wrap:wrap; justify-content:center; gap:12px;
  margin-bottom:34px;
}
.foot-pay-chip{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 20px;
  font-weight:700;
  font-size:14.5px;
  color:var(--paper);
}
.foot-pay-icon{ width:20px; height:20px; flex-shrink:0; }
.foot-pay-icon svg{ width:100%; height:100%; }
footer .foot-brand{ font-family:'Bungee', sans-serif; font-size:17px; color:var(--paper); margin-bottom:10px; }
footer .foot-brand .cash{ color:var(--green); }
footer .foot-note{ font-size:12px; margin-top:10px; opacity:0.8; }

/* ---------- floating dock (signature persistent element) ---------- */
.dock{
  position:fixed; right:22px; bottom:22px; z-index:100;
  display:flex; flex-direction:column; align-items:flex-end; gap:12px;
}
.dock-btn{
  display:flex; align-items:center; gap:10px;
  padding:12px 16px 12px 12px;
  border-radius:999px;
  box-shadow:0 10px 26px rgba(0,0,0,0.35);
  font-weight:700; font-size:14px;
  color:#fff;
  transition:transform .18s ease;
}
.dock-btn:hover{ transform:scale(1.04); }
.dock-btn.fb{ background:#1877F2; }
.dock-icon{ width:26px; height:26px; display:flex; align-items:center; justify-content:center; }
.dock-label{ white-space:nowrap; }

/* Bonus Floating Button */
.bonus-btn{
  position:relative;
  overflow:hidden;
  left:auto;
  bottom:auto;
  z-index:101;
  border:1px solid rgba(255,240,196,0.7);
  background:linear-gradient(135deg, #FFEFB0 0%, #F6D97A 22%, #E8B93C 48%, #C9932A 72%, #F6D97A 100%);
  background-size:220% 220%;
  color:#241800;
  padding:14px 22px;border-radius:999px;
  font-weight:800;text-decoration:none;
  box-shadow:0 10px 26px rgba(0,0,0,.4), 0 0 0 0 rgba(255,214,102,0.55);
  animation:bonusShimmer 3.5s ease infinite, bonusPulse 2.2s ease-in-out infinite;
  transition:transform .25s ease;
}
.bonus-btn:hover{transform:translateY(-3px) scale(1.03);}
.bonus-btn{ gap:4px; }
.bonus-btn .dock-icon{ width:auto; position:relative; z-index:1; }
.bonus-btn .dock-label{ position:relative; z-index:1; }
.bonus-btn::before{
  content:"";
  position:absolute;
  top:0; left:-60%;
  width:35%; height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,0.85), transparent);
  transform:skewX(-20deg);
  animation:bonusSheen 3s ease-in-out infinite;
}
@keyframes bonusShimmer{
  0%,100%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
}
@keyframes bonusPulse{
  0%,100%{ box-shadow:0 10px 26px rgba(0,0,0,.4), 0 0 0 0 rgba(255,214,102,0.45); }
  50%{ box-shadow:0 10px 30px rgba(0,0,0,.45), 0 0 20px 6px rgba(255,214,102,0.55); }
}
@keyframes bonusSheen{
  0%,15%{ left:-60%; }
  55%,100%{ left:130%; }
}
.bonus-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:10000;justify-content:center;align-items:center;}
.bonus-content{width:430px;max-width:92%;background:#fff;border-radius:14px;overflow:hidden;position:relative;}
.close-modal{position:absolute;top:8px;right:12px;border:none;background:none;font-size:30px;cursor:pointer;z-index:2;}