/* Smart Signals premium v3 — shared public-site visual system */
:root{
  --ss3-bg:#030a10;
  --ss3-panel:#07141d;
  --ss3-panel-2:#091b25;
  --ss3-line:rgba(220,244,248,.12);
  --ss3-line-strong:rgba(83,224,238,.28);
  --ss3-text:#f8fcfc;
  --ss3-muted:#a9bcc4;
  --ss3-dim:#748b95;
  --ss3-cyan:#43dce9;
  --ss3-green:#31e784;
  --ss3-blue:#67a8ff;
  --ss3-gold:#f0bb58;
  --ss3-violet:#a68aff;
  --ss3-radius:28px;
  --ss3-shadow:0 28px 80px -48px rgba(0,0,0,.95),0 18px 54px -42px rgba(67,220,233,.34);
}

html{background:var(--ss3-bg);scroll-behavior:smooth}
body.premium-v3{
  margin:0;
  color:var(--ss3-text);
  background:
    radial-gradient(900px 520px at 7% -4%,rgba(67,220,233,.12),transparent 68%),
    radial-gradient(780px 520px at 96% 18%,rgba(49,231,132,.08),transparent 68%),
    linear-gradient(180deg,#030a10,#051018 42%,#030a10 100%)!important;
}
body.premium-v3 *{box-sizing:border-box}
body.premium-v3 h1,body.premium-v3 h2,body.premium-v3 h3{color:var(--ss3-text)!important;text-wrap:balance}
body.premium-v3 p{color:var(--ss3-muted)}
body.premium-v3 a{transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
body.premium-v3 a:hover{transform:translateY(-1px)}

/* Shared floating headers */
body.premium-v3 .nav-shell,
body.premium-v3 .perf-header,
body.premium-v3 .guide-header,
body.premium-v3 .topbar,
body.premium-v3 .member-header{
  border:1px solid rgba(219,247,250,.12)!important;
  background:linear-gradient(180deg,rgba(8,24,34,.94),rgba(4,14,21,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 18px 60px -38px rgba(0,0,0,.95)!important;
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
body.premium-v3 img[data-approved-brand-logo="true"],body.premium-v3 .brand-logo{filter:drop-shadow(0 7px 22px rgba(65,221,234,.10))}

/* Live XAUUSD strip */
.live-gold-wrap{width:min(1180px,calc(100% - 32px));margin:12px auto 0;position:relative;z-index:20}
.live-gold-bar{
  min-height:58px;display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto auto;align-items:center;gap:18px;
  padding:10px 16px;border:1px solid rgba(240,187,88,.28);border-radius:18px;
  background:radial-gradient(circle at 8% 50%,rgba(240,187,88,.10),transparent 28%),linear-gradient(135deg,rgba(13,27,34,.96),rgba(5,15,22,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 44px -34px rgba(240,187,88,.55);
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
.live-gold-symbol{display:flex;align-items:center;gap:10px;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.08em}
.live-gold-symbol::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ss3-gold);box-shadow:0 0 17px rgba(240,187,88,.78)}
.live-gold-price{font-size:1.32rem;font-weight:800;letter-spacing:-.03em;color:#fff;white-space:nowrap}
.live-gold-detail{display:grid;gap:2px;min-width:76px}
.live-gold-detail span{font-size:.58rem;color:var(--ss3-dim);letter-spacing:.09em;text-transform:uppercase}
.live-gold-detail strong{font-size:.78rem;color:#dce9ed;font-weight:600}
.live-gold-state{justify-self:end;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(49,231,132,.22);border-radius:999px;color:var(--ss3-green);font-size:.62rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.live-gold-state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.live-gold-state.is-stale{color:var(--ss3-gold);border-color:rgba(240,187,88,.22)}
.live-gold-state.is-offline{color:#9aadb5;border-color:rgba(154,173,181,.18)}
.live-gold-flash-up{animation:ss3PriceUp .55s ease}.live-gold-flash-down{animation:ss3PriceDown .55s ease}
@keyframes ss3PriceUp{0%{color:var(--ss3-green);text-shadow:0 0 18px rgba(49,231,132,.58)}100%{color:#fff;text-shadow:none}}
@keyframes ss3PriceDown{0%{color:#ff8d91;text-shadow:0 0 18px rgba(255,110,118,.45)}100%{color:#fff;text-shadow:none}}

/* Homepage: each section becomes its own premium surface */
.page-home .content-section,
.page-home .canonical-home-onboarding,
.page-home .onboarding-section{
  position:relative;overflow:hidden;margin:18px clamp(10px,2.2vw,28px)!important;border-radius:clamp(24px,3vw,38px)!important;
  border:1px solid rgba(67,220,233,.18)!important;
  background:radial-gradient(620px 340px at 92% 4%,rgba(67,220,233,.10),transparent 70%),linear-gradient(145deg,rgba(8,27,37,.95),rgba(3,12,18,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--ss3-shadow)!important;
}
.page-home #what-we-do{border-color:rgba(67,220,233,.24)!important}
.page-home #smart-signals-trading{border-color:rgba(103,168,255,.24)!important;background:radial-gradient(620px 340px at 92% 4%,rgba(103,168,255,.12),transparent 70%),linear-gradient(145deg,rgba(8,25,42,.97),rgba(3,12,18,.99))!important}
.page-home #results{border-color:rgba(49,231,132,.24)!important;background:radial-gradient(620px 340px at 92% 4%,rgba(49,231,132,.10),transparent 70%),linear-gradient(145deg,rgba(6,30,29,.96),rgba(3,12,18,.99))!important}
.page-home #how-it-works{border-color:rgba(166,138,255,.24)!important;background:radial-gradient(620px 340px at 92% 4%,rgba(166,138,255,.10),transparent 70%),linear-gradient(145deg,rgba(19,20,41,.96),rgba(3,12,18,.99))!important}
.page-home #trust{border-color:rgba(240,187,88,.22)!important}
.page-home .section-shell{width:min(1120px,calc(100% - 44px))!important;padding:clamp(62px,7vw,96px) 0!important}
.page-home .section-head{max-width:760px!important;margin-bottom:32px!important}
.page-home .section-head h2,.page-home .split-copy h2{font-size:clamp(2.3rem,4.3vw,4.7rem)!important;line-height:1!important;letter-spacing:-.045em!important}
.page-home .section-lead,.page-home .split-copy>p,.page-home .database-copy>p{max-width:680px!important;margin-top:16px!important;font-size:1.02rem!important;line-height:1.62!important}
.page-home .section-kicker{color:var(--ss3-cyan)!important;letter-spacing:.14em!important}
.page-home .value-card,.page-home .trading-card,.page-home .result-card,.page-home .trust-card,.page-home .step-card,.page-home .faq-item,.page-home .performance-teaser-card,.page-home .onboarding-step,.page-home .database-point,.page-home .database-mobile-card{
  border:1px solid rgba(226,246,249,.11)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(11,31,42,.78),rgba(5,17,24,.90))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 50px -38px rgba(0,0,0,.96)!important;
}
.page-home .value-card,.page-home .step-card{min-height:0!important;padding:24px!important}
.page-home .value-card h3,.page-home .step-card h3,.page-home .trading-card h3{margin-top:26px!important}
.page-home .value-card p,.page-home .step-card p,.page-home .trading-card p,.page-home .performance-teaser-card p,.page-home .onboarding-step p{font-size:.94rem!important;line-height:1.55!important}
.page-home .home-steps{gap:12px!important}
.page-home .trading-stack{min-height:450px!important}
.page-home .performance-teaser-grid{gap:12px!important}
.page-home .performance-teaser-card{padding:24px!important;min-height:0!important}
.page-home .performance-teaser-card h3{font-size:1.5rem!important;line-height:1.1!important}
.page-home .database-intro{gap:34px!important}
.page-home .database-point{padding:16px!important}
.page-home .database-point strong{color:#fff!important}
.page-home .database-point span:not(.database-point__icon){color:var(--ss3-muted)!important;font-size:.88rem!important}
.page-home .onboarding-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.page-home .onboarding-step{padding:22px!important;min-height:0!important}
.page-home .onboarding-step h3{font-size:1.45rem!important;line-height:1.08!important}
.page-home .onboarding-step__action{margin-top:18px!important}
.page-home .onboarding-price{display:inline-flex!important;align-items:baseline!important;gap:8px!important;margin-top:18px!important;padding:9px 13px!important;border:1px solid rgba(49,231,132,.22)!important;border-radius:999px!important;background:rgba(49,231,132,.05)!important}
.page-home .faq-item{padding:20px 22px!important}
.page-home .final-cta{border-color:rgba(49,231,132,.25)!important;background:radial-gradient(circle at 85% 40%,rgba(49,231,132,.12),transparent 35%),linear-gradient(145deg,rgba(8,29,34,.96),rgba(3,12,18,.99))!important;box-shadow:var(--ss3-shadow)!important}

/* Performance */
.page-performance .perf-shell{width:min(1120px,calc(100% - 32px))!important;margin:0 auto!important;padding:28px 0 80px!important}
.page-performance .panel,.page-performance .stat,.page-performance .challenge-balance{
  border:1px solid rgba(226,246,249,.12)!important;border-radius:24px!important;background:radial-gradient(circle at 94% 0,rgba(67,220,233,.08),transparent 42%),linear-gradient(145deg,rgba(9,29,39,.94),rgba(4,14,21,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px -44px rgba(0,0,0,.98)!important;
}
.page-performance .hero{padding:clamp(30px,5vw,54px)!important;border-color:rgba(67,220,233,.25)!important}
.page-performance .hero h1{font-size:clamp(2.5rem,5.5vw,5rem)!important;line-height:.98!important;letter-spacing:-.05em!important;max-width:900px!important}
.page-performance .hero>p:not(.eyebrow){max-width:720px!important;font-size:1rem!important;line-height:1.6!important}
.page-performance .summary-grid{gap:12px!important;margin:14px 0!important}
.page-performance .stat{padding:20px!important}
.page-performance .stat strong{font-size:clamp(1.45rem,3vw,2.15rem)!important;color:#fff!important}
.page-performance .section{padding:clamp(24px,4vw,38px)!important;margin-top:14px!important}
.page-performance .section-head{gap:18px!important;margin-bottom:22px!important}
.page-performance .section-head h2{font-size:clamp(1.8rem,3.6vw,3rem)!important}
.page-performance .section-head p{margin-top:7px!important;line-height:1.5!important}
.page-performance .day-card{border:1px solid rgba(49,231,132,.18)!important;border-radius:20px!important;background:rgba(49,231,132,.035)!important}
.page-performance .challenge{gap:12px!important;margin-top:14px!important}

/* How it works */
.page-guide .guide-hero,.page-guide .guide-section,.page-guide .guide-cta{width:min(1120px,calc(100% - 32px))!important;margin:16px auto!important;border:1px solid rgba(226,246,249,.12)!important;border-radius:30px!important;background:radial-gradient(620px 350px at 94% 0,rgba(67,220,233,.09),transparent 68%),linear-gradient(145deg,rgba(8,27,37,.96),rgba(3,12,18,.99))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--ss3-shadow)!important}
.page-guide .guide-hero{padding:clamp(34px,6vw,68px)!important;border-color:rgba(67,220,233,.25)!important}
.page-guide .guide-hero h1{font-size:clamp(2.7rem,6vw,5.5rem)!important;line-height:.96!important;letter-spacing:-.05em!important}
.page-guide .guide-hero__lead{max-width:680px!important;font-size:1.02rem!important;line-height:1.6!important}
.page-guide .guide-section{padding:clamp(30px,5vw,54px)!important}
.page-guide .guide-section__head{margin-bottom:26px!important}
.page-guide .guide-section__head h2{font-size:clamp(2rem,4vw,3.6rem)!important}
.page-guide .guide-section__intro{max-width:620px!important;line-height:1.55!important}
.page-guide .process-spine{gap:10px!important}
.page-guide .process-row,.page-guide .audit-column,.page-guide .life-node{border:1px solid rgba(226,246,249,.10)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(10,31,42,.72),rgba(5,17,24,.90))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 42px -34px rgba(0,0,0,.98)!important}
.page-guide .process-row{padding:20px!important}
.page-guide .process-row h3{font-size:1.35rem!important}
.page-guide .process-row p,.page-guide .process-proof{font-size:.9rem!important;line-height:1.5!important}
.page-guide .audit-board{gap:10px!important}
.page-guide .audit-column{padding:22px!important}
.page-guide .audit-list{gap:8px!important}
.page-guide .lifecycle{gap:10px!important}
.page-guide .life-node{padding:20px!important}
.page-guide .guide-cta{padding:clamp(28px,5vw,48px)!important;border-color:rgba(49,231,132,.25)!important}

/* Join */
.page-join .shell{width:min(900px,calc(100% - 28px))!important;margin:0 auto!important;padding:26px 0 72px!important;display:grid!important;gap:14px!important}
.page-join .card{border:1px solid rgba(226,246,249,.12)!important;border-radius:26px!important;background:radial-gradient(560px 280px at 95% 0,rgba(67,220,233,.08),transparent 68%),linear-gradient(145deg,rgba(9,29,39,.96),rgba(4,14,21,.99))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 62px -46px rgba(0,0,0,.98)!important}
.page-join .hero{padding:clamp(30px,5vw,50px)!important;border-color:rgba(67,220,233,.27)!important}
.page-join .hero h1{font-size:clamp(2.4rem,5.5vw,4.6rem)!important;line-height:.98!important;letter-spacing:-.05em!important}
.page-join .hero>p:not(.eyebrow){max-width:660px!important;font-size:1rem!important;line-height:1.55!important}
.page-join .flow-chips{gap:8px!important;margin-top:22px!important}
.page-join .flow-chips span{border:1px solid rgba(226,246,249,.11)!important;background:rgba(255,255,255,.035)!important}
.page-join .step{padding:clamp(22px,4vw,34px)!important}
.page-join .step h2,.page-join .ready h2{font-size:clamp(1.7rem,3.8vw,2.7rem)!important;line-height:1.02!important}
.page-join .lead{max-width:650px!important;font-size:.96rem!important;line-height:1.55!important}
.page-join .step-no{color:var(--ss3-cyan)!important;opacity:.95!important}
.page-join input{min-height:50px!important;border-radius:14px!important;border-color:rgba(226,246,249,.13)!important;background:rgba(2,10,15,.72)!important;color:#fff!important}
.page-join button.primary,.page-join a.primary{min-height:50px!important;border-radius:14px!important;box-shadow:0 14px 34px -24px rgba(49,231,132,.6)!important}
.page-join .plans{gap:10px!important}
.page-join .plan{border-radius:18px!important}
.page-join .paybox{border-radius:20px!important}
.page-join .copy{overflow:hidden!important}
.page-join .copy strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}
.page-join .locked{opacity:.68!important}
.page-join .locked:not(.is-unlocked){filter:saturate(.7)}

/* Account */
.page-account .member-shell{width:min(1120px,calc(100% - 30px))!important;gap:14px!important;padding-bottom:72px!important}
.page-account .member-hero,.page-account .balance-panel,.page-account .today-panel,.page-account .trades-panel,.page-account .performance-panel{border-radius:26px!important;border:1px solid rgba(226,246,249,.12)!important;background:radial-gradient(560px 300px at 96% 0,rgba(67,220,233,.07),transparent 68%),linear-gradient(145deg,rgba(8,27,37,.96),rgba(3,12,18,.99))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px -46px rgba(0,0,0,.98)!important}
.page-account .member-hero h1{font-size:clamp(2.3rem,5vw,4.5rem)!important}
.page-account .balance-card,.page-account .today-grid article,.page-account .performance-grid article,.page-account .action-card{border-radius:18px!important;border-color:rgba(226,246,249,.11)!important;background:linear-gradient(145deg,rgba(11,31,42,.74),rgba(5,17,24,.90))!important}

/* Subtle reveal only when motion is allowed */
@media (prefers-reduced-motion:no-preference){
  .premium-v3 .premium-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
  .premium-v3 .premium-reveal.is-visible{opacity:1;transform:none}
}

/* Mobile first cleanup */
@media(max-width:760px){
  :root{--ss3-radius:22px}
  .live-gold-wrap{width:calc(100% - 20px);margin-top:8px}
  .live-gold-bar{min-height:52px;grid-template-columns:auto 1fr auto;gap:10px;padding:8px 11px;border-radius:15px}
  .live-gold-symbol{font-size:.68rem}.live-gold-price{font-size:1.08rem}.live-gold-detail{display:none}.live-gold-state{font-size:.54rem;padding:6px 8px}

  .page-home .content-section,.page-home .canonical-home-onboarding,.page-home .onboarding-section{margin:10px 7px!important;border-radius:22px!important}
  .page-home .section-shell{width:calc(100% - 24px)!important;padding:46px 0!important}
  .page-home .section-head{margin-bottom:24px!important}
  .page-home .section-head h2,.page-home .split-copy h2{font-size:clamp(2rem,10vw,3rem)!important;line-height:.99!important}
  .page-home .section-lead,.page-home .split-copy>p,.page-home .database-copy>p{font-size:.94rem!important;line-height:1.52!important}
  .page-home .value-grid,.page-home .trust-grid,.page-home .home-steps,.page-home .performance-teaser-grid,.page-home .onboarding-track{grid-template-columns:1fr!important}
  .page-home .value-card,.page-home .step-card,.page-home .performance-teaser-card,.page-home .onboarding-step{padding:18px!important;border-radius:18px!important}
  .page-home .value-card h3,.page-home .step-card h3{margin-top:18px!important;font-size:1.35rem!important}
  .page-home .trading-stack{min-height:410px!important}
  .page-home .trading-card{padding:18px!important;min-height:0!important;border-radius:18px!important}
  .page-home .database-intro{display:block!important}
  .page-home .database-copy{margin-bottom:22px!important}
  .page-home .database-points{gap:8px!important}
  .page-home .database-flow{display:none!important}
  .page-home .database-mobile-flow{display:grid!important;gap:10px!important}
  .page-home .database-mobile-card{padding:18px!important}
  .page-home .performance-teaser-actions{align-items:stretch!important;gap:12px!important}
  .page-home .performance-teaser-button{width:100%!important;justify-content:center!important;text-align:center!important}
  .page-home .performance-teaser-strip{font-size:.78rem!important;line-height:1.45!important}
  .page-home .faq-item{padding:18px!important}
  .page-home .final-cta{width:calc(100% - 20px)!important;padding:28px 20px!important;border-radius:22px!important}

  .page-performance .perf-shell,.page-guide .guide-hero,.page-guide .guide-section,.page-guide .guide-cta,.page-join .shell,.page-account .member-shell{width:calc(100% - 18px)!important}
  .page-performance .perf-shell{padding-top:14px!important}
  .page-performance .hero{padding:26px 20px!important;border-radius:22px!important}
  .page-performance .hero h1{font-size:clamp(2.2rem,11vw,3.3rem)!important}
  .page-performance .summary-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .page-performance .stat{padding:16px!important;border-radius:18px!important}
  .page-performance .stat strong{font-size:1.35rem!important}
  .page-performance .section{padding:22px 16px!important;border-radius:22px!important}
  .page-performance .section-head{display:grid!important;gap:12px!important}
  .page-performance .history-grid{grid-template-columns:1fr!important}
  .page-performance .challenge{grid-template-columns:1fr!important}

  .page-guide .guide-hero,.page-guide .guide-section,.page-guide .guide-cta{margin:9px auto!important;border-radius:22px!important}
  .page-guide .guide-hero{padding:28px 20px!important;grid-template-columns:1fr!important}
  .page-guide .guide-hero h1{font-size:clamp(2.4rem,12vw,3.8rem)!important}
  .page-guide .guide-status{margin-top:22px!important}
  .page-guide .guide-section{padding:25px 18px!important}
  .page-guide .guide-section__head{display:grid!important;gap:12px!important}
  .page-guide .process-row{grid-template-columns:auto 1fr!important;padding:17px!important}
  .page-guide .process-proof{display:none!important}
  .page-guide .audit-board,.page-guide .lifecycle{grid-template-columns:1fr!important}
  .page-guide .audit-column,.page-guide .life-node{padding:18px!important}
  .page-guide .guide-cta{padding:24px 18px!important;display:grid!important;gap:20px!important}
  .page-guide .guide-cta__actions{display:grid!important;grid-template-columns:1fr!important}

  .page-join .shell{padding-top:14px!important;gap:9px!important}
  .page-join .card{border-radius:21px!important}
  .page-join .hero{padding:26px 19px!important}
  .page-join .hero h1{font-size:clamp(2.2rem,11vw,3.4rem)!important}
  .page-join .flow-chips{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:3px!important;scrollbar-width:none}.page-join .flow-chips::-webkit-scrollbar{display:none}
  .page-join .flow-chips span{white-space:nowrap!important;flex:0 0 auto!important}
  .page-join .step{padding:21px 17px!important}
  .page-join .plans{grid-template-columns:1fr 1fr!important}
  .page-join .plan{padding:16px 12px!important}
  .page-join .paybox{padding:16px!important}
  .page-join .copy{grid-template-columns:1fr auto!important;gap:5px 10px!important}.page-join .copy span{grid-column:1/2!important}.page-join .copy strong{grid-column:1/2!important}.page-join .copy b{grid-column:2!important;grid-row:1/3!important;align-self:center!important}

  .page-account .member-shell{gap:9px!important}
  .page-account .member-hero,.page-account .balance-panel,.page-account .today-panel,.page-account .trades-panel,.page-account .performance-panel{border-radius:21px!important}
  .page-account .member-hero{padding:24px 18px!important}
  .page-account .member-hero h1{font-size:clamp(2.1rem,11vw,3.2rem)!important}
  .page-account .today-grid,.page-account .performance-grid{grid-template-columns:1fr 1fr!important}
}

@media(max-width:430px){
  .page-performance .summary-grid,.page-account .today-grid,.page-account .performance-grid{grid-template-columns:1fr!important}
  .live-gold-state{max-width:82px;overflow:hidden;text-overflow:ellipsis}
  .page-join .plans{grid-template-columns:1fr!important}
}