/* Homepage member entry controls + canonical onboarding */
.home-auth-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 8px;
}

.home-auth-login,
.home-auth-signup,
.home-auth-account,
.mobile-header-login,
.mobile-header-signup,
.mobile-header-account {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 999px;
  white-space: nowrap;
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .02em;
  text-decoration: none;
}

.home-auth-login,
.mobile-header-login {
  border: 1px solid rgba(53,214,232,.38);
  color: #f2ffff;
  background: linear-gradient(180deg,rgba(53,214,232,.16),rgba(9,31,40,.36));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10),0 4px 0 rgba(3,31,39,.58),0 13px 24px -20px rgba(53,214,232,.85);
}

.home-auth-signup,
.home-auth-account,
.mobile-header-signup,
.mobile-header-account {
  border: 1px solid rgba(34,224,107,.62);
  color: #04140b;
  background: linear-gradient(180deg,#8bf5ad,#39dc79);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48),0 5px 0 #167946,0 15px 30px -20px rgba(34,224,107,.90);
}

.home-auth-login:active,
.home-auth-signup:active,
.home-auth-account:active,
.mobile-header-login:active,
.mobile-header-signup:active,
.mobile-header-account:active {
  transform: translateY(3px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(0,0,0,.48);
}

.mobile-header-auth {
  display: none;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.mobile-auth-login,
.mobile-auth-signup,
.mobile-auth-account {
  margin-top: 6px;
  justify-content: center !important;
  border: 1px solid rgba(53,214,232,.24);
  color: #eefafa !important;
  background: linear-gradient(145deg,rgba(53,214,232,.09),rgba(8,30,38,.42));
  font-weight: 800 !important;
}

.mobile-auth-signup,
.mobile-auth-account {
  border-color: rgba(34,224,107,.40);
  color: #dffbea !important;
  background: linear-gradient(145deg,rgba(28,111,69,.56),rgba(8,43,34,.62));
}

/* Never expose the legacy placeholder cards while the canonical section is being swapped in. */
#onboarding:not([data-canonical-home-onboarding="true"]) {
  visibility: hidden !important;
  max-height: 1px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.canonical-home-onboarding {
  position: relative;
  overflow: hidden;
  visibility: visible !important;
  max-height: none !important;
  border-top: 1px solid rgba(53,214,232,.18);
  border-bottom: 1px solid rgba(34,224,107,.14);
  background:
    radial-gradient(circle at 8% 10%,rgba(53,214,232,.14),transparent 29%),
    radial-gradient(circle at 92% 12%,rgba(34,224,107,.10),transparent 30%),
    radial-gradient(circle at 74% 84%,rgba(142,104,255,.08),transparent 30%),
    linear-gradient(180deg,#07151d,#061018 72%,#07131b);
}

.canonical-onboarding-shell {
  padding-top: clamp(58px,8vw,105px);
  padding-bottom: clamp(62px,8vw,108px);
}

.canonical-onboarding-head { max-width: 900px; }

.canonical-onboarding-head h2 {
  color: #fff !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.72),0 12px 30px rgba(0,0,0,.36);
}

.canonical-onboarding-head .section-lead { color: #d0dcdf !important; }

.canonical-onboarding-price {
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 20px;
  padding: 11px 15px;
  border: 1px solid rgba(34,224,107,.34);
  border-radius: 15px;
  background: linear-gradient(145deg,rgba(20,88,54,.38),rgba(7,32,30,.50));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 14px 30px -25px rgba(34,224,107,.75);
}

.canonical-onboarding-price strong { color:#fff;font:800 1.75rem/1 Archivo,sans-serif; }
.canonical-onboarding-price span { color:#aef2c6;font:600 .68rem "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.06em; }

.canonical-onboarding-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
  margin-top: 34px;
}

.canonical-step {
  --step: 53,214,232;
  position: relative;
  min-width: 0;
  min-height: 285px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(var(--step),.34);
  border-radius: 24px;
  background: radial-gradient(circle at 94% 3%,rgba(var(--step),.23),transparent 40%),linear-gradient(145deg,rgba(11,37,48,.88),rgba(5,20,29,.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(var(--step),.06),0 28px 55px -42px rgba(var(--step),.80);
}

.canonical-step::before {
  content: attr(data-step);
  position: absolute;
  right: 14px;
  top: 6px;
  color: rgba(var(--step),.19);
  font: 800 4.8rem/1 Archivo,sans-serif;
}

.canonical-step--green { --step:34,224,107; }
.canonical-step--blue { --step:65,140,255; }
.canonical-step--gold { --step:232,163,61; }
.canonical-step--violet { --step:142,104,255; }
.canonical-step--payment { --step:34,224,107; }

.canonical-step__tag {
  position: relative;
  z-index: 1;
  width: max-content;
  padding: 7px 9px;
  border: 1px solid rgba(var(--step),.30);
  border-radius: 999px;
  color: rgb(var(--step));
  background: rgba(var(--step),.07);
  font: 600 .62rem "JetBrains Mono",monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.canonical-step h3 {
  position: relative;
  z-index: 1;
  margin: 21px 0 8px;
  max-width: 88%;
  color: #fff;
  font: 800 clamp(1.5rem,2.6vw,2.15rem)/1 Archivo,sans-serif;
  letter-spacing: -.035em;
  text-shadow: 0 2px 0 rgba(0,0,0,.62);
}

.canonical-step p {
  position: relative;
  z-index: 1;
  margin: 0 0 19px;
  color: #c6d4d8;
  line-height: 1.55;
  font-size: .91rem;
}
.canonical-step p strong { color:#f4fffa; }

.canonical-step__button {
  position: relative;
  z-index: 1;
  min-height: 45px;
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  padding: 0 14px;
  border: 1px solid rgba(var(--step),.48);
  border-radius: 13px;
  color: #f8ffff;
  background: linear-gradient(180deg,rgba(var(--step),.22),rgba(var(--step),.09));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 4px 0 rgba(2,22,29,.72),0 15px 28px -24px rgba(var(--step),.90);
  font-weight: 800;
  text-decoration: none;
}

.canonical-step__button:active { transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(2,22,29,.72); }
.canonical-step__button--secondary { border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04); }
.canonical-step__button--gold { color:#211405;border-color:rgba(255,196,92,.72);background:linear-gradient(180deg,#ffd68a,#e8a33d);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 4px 0 #8f561c,0 15px 28px -22px rgba(232,163,61,.90); }
.canonical-step__button--green { color:#05150c;border-color:rgba(89,239,135,.70);background:linear-gradient(180deg,#91f7b1,#3cde7a);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 4px 0 #167946,0 15px 28px -22px rgba(34,224,107,.90); }

.canonical-step__actions { display:flex;flex-wrap:wrap;gap:9px;margin-top:auto; }
.canonical-step__actions .canonical-step__button { margin-top:0; }

.canonical-copy-row {
  position: relative;
  z-index: 1;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px 10px;
  margin: 0 0 9px;
  padding: 12px;
  border: 1px solid rgba(34,224,107,.23);
  border-radius: 13px;
  color: inherit;
  background: rgba(3,22,22,.52);
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.canonical-copy-row span { color:#91b6a0;font:600 .58rem "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.07em; }
.canonical-copy-row strong { grid-column:1/-1;min-width:0;color:#f3fff7;font:600 .72rem/1.45 "JetBrains Mono",monospace;overflow-wrap:anywhere; }
.canonical-copy-row b { grid-column:2;grid-row:1;color:#82efac;font:700 .58rem "JetBrains Mono",monospace;text-transform:uppercase; }
.canonical-copy-row--network strong { font-size:.86rem; }

.canonical-onboarding-final {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-top:18px;
  padding:20px;
  border:1px solid rgba(53,214,232,.23);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(13,55,65,.40),rgba(7,28,35,.56));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 38px -34px rgba(53,214,232,.70);
}
.canonical-onboarding-final span,.canonical-onboarding-final strong { display:block; }
.canonical-onboarding-final span { color:#82abb1;font-size:.75rem; }
.canonical-onboarding-final strong { margin-top:3px;color:#fff;font-size:1rem; }
.canonical-onboarding-final a { flex:0 0 auto;min-height:46px;display:inline-flex;align-items:center;padding:0 15px;border:1px solid rgba(53,214,232,.38);border-radius:13px;color:#f5ffff;background:linear-gradient(180deg,rgba(53,214,232,.18),rgba(9,41,49,.38));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 4px 0 rgba(3,31,39,.65);font-weight:800;text-decoration:none; }

/* =========================================================
   LAUNCH DEPTH V4 — hard geometry, not soft glow.
   These rules intentionally use visible lower edges so cards
   read as raised surfaces even in a mobile screenshot.
   ========================================================= */
#what-we-do,
#smart-signals-trading,
#results,
#how-it-works,
#trust,
#faq,
.canonical-home-onboarding {
  --depth-accent: 53,214,232;
  margin: 24px clamp(10px,2.2vw,28px) 38px !important;
  border: 1px solid rgba(var(--depth-accent),.34) !important;
  border-bottom: 6px solid rgba(var(--depth-accent),.20) !important;
  border-radius: 34px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),transparent 4%),
    radial-gradient(circle at 90% 6%,rgba(var(--depth-accent),.19),transparent 30%),
    linear-gradient(145deg,#0b2430 0%,#071720 48%,#040d14 100%) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.14),
    inset 0 -3px 0 rgba(0,0,0,.48),
    0 10px 0 #02090e,
    0 22px 0 rgba(var(--depth-accent),.055),
    0 42px 80px -28px rgba(0,0,0,.92) !important;
}
#smart-signals-trading { --depth-accent:65,140,255; }
#results { --depth-accent:34,224,107; }
#how-it-works { --depth-accent:142,104,255; }
#trust { --depth-accent:232,163,61; }
#faq { --depth-accent:53,214,232; }
.canonical-home-onboarding { --depth-accent:34,224,107; }

#what-we-do .section-shell,
#smart-signals-trading .section-shell,
#results .section-shell,
#how-it-works .section-shell,
#trust .section-shell,
#faq .section-shell {
  position:relative;
  z-index:1;
}

.value-card,
.trading-card,
.result-card,
.step-card,
.trust-card,
.faq-item,
.canonical-step,
.canonical-onboarding-final {
  border-bottom-width:4px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),transparent 8%),
    radial-gradient(circle at 92% 4%,rgba(53,214,232,.11),transparent 34%),
    linear-gradient(145deg,rgba(17,45,58,.96),rgba(7,21,30,.98)) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.14),
    inset 0 -2px 0 rgba(0,0,0,.52),
    0 7px 0 #020a10,
    0 18px 34px -16px rgba(0,0,0,.88) !important;
}

.value-card:nth-child(2),.step-card:nth-child(2),.canonical-step--green { border-color:rgba(34,224,107,.42)!important; }
.value-card:nth-child(3),.step-card:nth-child(3),.canonical-step--blue { border-color:rgba(65,140,255,.42)!important; }
.canonical-step--gold { border-color:rgba(232,163,61,.46)!important; }
.canonical-step--violet { border-color:rgba(142,104,255,.46)!important; }
.canonical-step--payment { border-color:rgba(34,224,107,.50)!important; }

.section-head h2,.split-copy h2,.final-cta h2,
.canonical-onboarding-head h2 {
  color:#ffffff!important;
  text-shadow:0 2px 0 #000,0 8px 22px rgba(0,0,0,.58)!important;
}

.hero-button,.copy-link,.canonical-step__button,
.canonical-onboarding-final a {
  border-bottom-width:3px!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24),0 5px 0 #031016,0 14px 24px -12px rgba(0,0,0,.78)!important;
}

@media (max-width:1080px) {
  .home-auth-login,.home-auth-signup,.home-auth-account { padding-inline:12px;font-size:.75rem; }
  .canonical-onboarding-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:860px) {
  .site-header .nav-shell { grid-template-columns:minmax(0,1fr) auto auto !important;column-gap:6px !important;padding-left:10px !important;padding-right:7px !important; }
  .site-header .brand-logo { width:clamp(132px,31vw,185px) !important; }
  .home-auth-actions { display:none !important; }
  .mobile-header-auth { display:flex; }
  .mobile-header-login,.mobile-header-signup,.mobile-header-account { min-height:38px;padding:0 10px;font-size:.68rem; }
  .site-header .menu-toggle { width:38px;height:38px;padding:8px 5px; }
  .canonical-onboarding-shell { padding-top:54px;padding-bottom:60px; }
  .canonical-onboarding-grid { gap:11px; }
  .canonical-step { min-height:260px;padding:19px;border-radius:20px; }
  .canonical-step h3 { font-size:1.65rem; }
  .canonical-step p { color:#d0dcdf;font-size:.88rem; }

  #what-we-do,#smart-signals-trading,#results,#how-it-works,#trust,#faq,.canonical-home-onboarding {
    margin:14px 8px 30px!important;
    border-radius:25px!important;
    border-bottom-width:5px!important;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,0,0,.50),0 8px 0 #02090e,0 27px 48px -24px rgba(0,0,0,.95)!important;
  }
}

@media (max-width:620px) {
  .canonical-onboarding-grid { grid-template-columns:1fr; }
  .canonical-step { min-height:0; }
  .canonical-onboarding-final { display:grid; }
  .canonical-onboarding-final a { width:100%;justify-content:center; }
}

@media (max-width:470px) {
  .site-header .brand-logo { width:118px !important; }
  .mobile-header-auth { gap:4px; }
  .mobile-header-login,.mobile-header-signup,.mobile-header-account { min-height:36px;padding:0 8px;font-size:.62rem; }
  .site-header .menu-toggle { width:36px;height:36px; }
}

@media (max-width:380px) {
  .site-header .brand-logo { width:105px !important; }
  .mobile-header-login,.mobile-header-signup { padding-inline:6px;font-size:.58rem; }
}