:root{
  --navy:#0B1F3B;
  --red:#C1123A;
  --white:#ffffff;
  --light:#f5f6f8;
  --text:#10233f;
  --muted:#5b6677;
  --border:rgba(11,31,59,.08);
  --shadow:0 20px 60px rgba(11,31,59,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Inter',system-ui,sans-serif;
  color:var(--text);
  background:#fff;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
.site-bg{
  position:fixed; inset:0; pointer-events:none; z-index:-1;
  background:
    radial-gradient(circle at 15% 12%, rgba(11,31,59,.05), transparent 25%),
    radial-gradient(circle at 80% 14%, rgba(193,18,58,.12), transparent 20%),
    radial-gradient(circle at 90% 10%, rgba(11,31,59,.08), transparent 18%),
    linear-gradient(#fff,#fff);
}
.container{width:min(1180px, calc(100% - 48px)); margin:0 auto}
.topbar{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(14px);
  background:rgba(255,255,255,.78);
  border-bottom:1px solid var(--border);
}
.nav{min-height:132px; display:flex; align-items:center; justify-content:space-between; min-height:82px; gap:20px}
.brand img{height:148px; width:auto; display:block; background:transparent; object-fit:contain; filter:drop-shadow(0 6px 18px rgba(11,31,59,.08));}
.nav-links{display:flex; gap:14px; color:var(--navy); font-weight:700; font-size:15px; align-items:center;}
.nav-links a:hover{color:var(--navy)}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 22px; border-radius:999px; font-weight:700; transition:.25s ease;
}
.btn-primary{
  background:linear-gradient(135deg, var(--red), #a90f33);
  color:#fff; box-shadow:0 14px 35px rgba(193,18,58,.25);
}
.btn-primary:hover{transform:translateY(-1px); box-shadow:0 18px 40px rgba(193,18,58,.32)}
.btn-secondary{
  border:1px solid var(--border); color:var(--navy); background:#fff;
}
.btn-secondary:hover{border-color:rgba(11,31,59,.2); transform:translateY(-1px)}
.hero{padding:92px 0 44px}
.hero-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:42px; align-items:center}
.eyebrow{
  margin:0 0 16px;
  color:var(--red);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  font-weight:800;
}
.hero h1{
  margin:0;
  font-size:clamp(42px, 6vw, 72px);
  line-height:1.02;
  color:var(--navy);
  letter-spacing:-.04em;
  max-width:760px;
}
.hero-text{
  margin:22px 0 0;
  max-width:640px;
  color:var(--muted);
  line-height:1.8;
  font-size:18px;
}
.hero-actions{display:flex; gap:14px; margin-top:32px; flex-wrap:wrap}
.hero-stats{
  margin-top:34px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:620px;
}
.stat-card{
  padding:18px; border:1px solid var(--border); border-radius:24px; background:rgba(255,255,255,.85);
  box-shadow:var(--shadow);
}
.stat-card strong{display:block; color:var(--navy); font-size:28px; line-height:1}
.stat-card span{display:block; margin-top:8px; color:var(--muted); font-size:14px}
.hero-visual{position:relative; min-height:520px}
.orb{
  position:absolute; border-radius:50%; filter:blur(34px); opacity:.8;
}
.orb-red{width:180px; height:180px; right:30px; top:10px; background:rgba(193,18,58,.32)}
.orb-blue{width:190px; height:190px; left:30px; bottom:30px; background:rgba(11,31,59,.18)}
.glass-card{
  position:relative; height:100%; padding:24px;
  border:1px solid rgba(11,31,59,.1);
  border-radius:36px;
  background:rgba(255,255,255,.7);
  backdrop-filter: blur(18px);
  box-shadow:var(--shadow);
}
.mini-label{
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:#fff; border:1px solid var(--border); font-size:12px; font-weight:700; color:var(--red);
  letter-spacing:.12em; text-transform:uppercase;
}
.terminal-card{
  margin-top:24px; border-radius:28px; overflow:hidden; background:var(--navy); color:#fff;
  box-shadow:0 24px 60px rgba(11,31,59,.22);
}
.terminal-top{display:flex; gap:8px; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.08)}
.terminal-top span{width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.45)}
.terminal-body{padding:24px}
.line{padding:16px 0; font-size:18px; border-bottom:1px solid rgba(255,255,255,.08)}
.line:last-child{border-bottom:none}
.accent{color:#ff6b8f; font-weight:700}
.message-box{
  margin-top:22px; padding:24px; border-radius:28px; background:#fff; border:1px solid var(--border);
}
.message-box p{margin:0; color:var(--muted); font-weight:600}
.message-box h3{margin:10px 0 0; font-size:34px; line-height:1.08; color:var(--navy); letter-spacing:-.03em}
.section{padding:88px 0}
.section-light{background:var(--light)}
.section-dark{background:var(--navy); color:#fff}
.section-head{max-width:760px; margin-bottom:34px}
.section-head h2{
  margin:0; font-size:clamp(30px, 4vw, 48px); line-height:1.08; letter-spacing:-.03em;
}
.section-head p{margin:16px 0 0; color:var(--muted); line-height:1.8; font-size:18px}
.section-dark .section-head p{color:rgba(255,255,255,.76)}
.pillar-grid,.feature-grid,.roadmap-grid{
  display:grid; gap:18px;
}
.pillar-grid{grid-template-columns:repeat(4,1fr)}
.feature-grid{grid-template-columns:repeat(4,1fr)}
.roadmap-grid{grid-template-columns:repeat(3,1fr)}
.info-card,.feature-card,.roadmap-card{
  border-radius:28px; border:1px solid var(--border); background:#fff; padding:28px; box-shadow:var(--shadow);
}
.info-card h3,.roadmap-card h3{margin:0 0 10px; font-size:24px; color:var(--navy)}
.info-card p,.feature-card p{margin:0; color:var(--muted); line-height:1.7}
.icon-dot{
  width:48px; height:48px; border-radius:16px;
  background:linear-gradient(135deg, var(--navy), #173867);
  margin-bottom:16px; position:relative;
}
.icon-dot::after{
  content:""; position:absolute; width:14px; height:14px; border-radius:50%;
  background:var(--red); right:-4px; top:-4px;
}
.feature-card{
  background:linear-gradient(180deg, #fff, #fafbfd);
}
.feature-card span{
  display:block; width:58px; height:8px; border-radius:999px; background:var(--red); margin-bottom:16px;
}
.section-dark .roadmap-card{
  background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.1); box-shadow:none;
}
.section-dark .roadmap-card h3{color:#fff}
.roadmap-card small{
  display:block; margin-bottom:10px; color:#ff6b8f; text-transform:uppercase; letter-spacing:.18em; font-weight:800;
}
.split-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center;
}
.chart-panel{
  border:1px solid var(--border); border-radius:34px; padding:20px; background:#fff; box-shadow:var(--shadow);
}
.chart-window{
  background:linear-gradient(180deg, #f7f8fa, #eef2f6); border-radius:28px; overflow:hidden; min-height:420px;
}
.chart-top{
  display:flex; gap:8px; padding:14px 16px; border-bottom:1px solid rgba(11,31,59,.06)
}
.chart-top span{width:10px; height:10px; border-radius:50%; background:rgba(11,31,59,.25)}
.chart-body{position:relative; height:360px; overflow:hidden}
.chart-line{
  position:absolute; left:6%; right:6%; height:2px; background:rgba(11,31,59,.12)
}
.line-a{top:38%}
.line-b{top:64%}
.chart-body::before{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(11,31,59,.05) 1px, transparent 1px) 0 0/48px 48px,
    linear-gradient(rgba(11,31,59,.05) 1px, transparent 1px) 0 0/48px 48px;
}
.chart-body::after{
  content:""; position:absolute; left:8%; top:45%;
  width:78%; height:120px;
  border-left:3px solid var(--navy);
  border-bottom:3px solid var(--navy);
  border-right:3px solid var(--red);
  border-radius:0 0 120px 0;
  transform:skewX(-16deg);
  opacity:.9;
}
.chart-tag{
  position:absolute; padding:8px 12px; border-radius:999px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em;
}
.tag-entry{left:24%; top:44%; background:#dff7e9; color:#1f7a43}
.tag-stop{left:18%; top:61%; background:#fde2e7; color:#a11f41}
.tag-target{right:12%; top:18%; background:#e1ecff; color:#1e4b93}
.split-copy h2{margin:0; font-size:clamp(30px, 4vw, 48px); line-height:1.08; color:var(--navy)}
.split-copy p{margin:18px 0 0; color:var(--muted); line-height:1.8; font-size:18px}
.check-list{list-style:none; padding:0; margin:26px 0 0; display:grid; gap:14px}
.check-list li{
  position:relative; padding-left:28px; color:var(--text);
}
.check-list li::before{
  content:""; width:10px; height:10px; border-radius:50%; background:var(--red);
  position:absolute; left:0; top:.55em;
}
.cta-section{padding-top:18px}
.cta-box{
  text-align:center; padding:54px 24px; border-radius:36px; background:linear-gradient(180deg, #fff, #f9fbfd);
  border:1px solid var(--border); box-shadow:var(--shadow);
}
.cta-box h2{margin:0; font-size:clamp(34px, 5vw, 58px); line-height:1.04; color:var(--navy); letter-spacing:-.04em}
.cta-box p{margin:18px auto 28px; color:var(--muted); max-width:720px; line-height:1.8; font-size:18px}
.footer{padding:34px 0 54px; border-top:1px solid var(--border); background:#fff}
.footer-grid{display:flex; justify-content:space-between; gap:30px; align-items:flex-end}
.footer-logo{height:120px; width:auto; display:block; background:transparent; object-fit:contain;}
.footer-text{display:none;}
.footer-links{display:grid; gap:10px; text-align:right; color:var(--muted)}
.footer-links a:hover{color:var(--navy)}
.reveal{
  opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease;
}
.reveal.active{opacity:1; transform:none}
@media (max-width: 1024px){
  .hero-grid,.split-grid,.pillar-grid,.feature-grid,.roadmap-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 820px){
  .nav-links{display:flex; gap:14px; color:var(--navy); font-weight:700; font-size:15px; align-items:center;}
  .hero-grid,.split-grid,.pillar-grid,.feature-grid,.roadmap-grid{grid-template-columns:1fr}
  .hero{padding-top:48px}
  .hero-visual{min-height:auto}
  .hero-stats{grid-template-columns:1fr}
  .footer-grid{flex-direction:column; align-items:flex-start}
  .footer-links{text-align:left}
}


.prop-strip-section{
  padding: 10px 0 0;
  background: #fff;
}
.prop-strip{
  border: 1px solid var(--border);
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  border-radius: 28px;
  padding: 28px 32px;
  box-shadow: var(--shadow);
}
.prop-label{
  margin: 0 0 18px;
  text-align: center;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: 12px;
  font-weight: 800;
}
.prop-logos{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  align-items: center;
}
.prop-logos span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:72px;
  border-radius:20px;
  border:1px solid var(--border);
  background:#fff;
  color: var(--navy);
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -.01em;
}
@media (max-width: 1024px){
  .prop-logos{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px){
  .prop-strip{padding:22px 18px}
  .prop-logos{grid-template-columns: 1fr;}
}


.qualification-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:30px;
}
.qual-card{
  border-radius:28px;
  padding:28px;
  border:1px solid var(--border);
  background:#fff;
  box-shadow:var(--shadow);
}
.qual-card h3{
  margin-top:0;
  font-size:22px;
  color:var(--navy);
}
.qual-card ul{
  padding-left:18px;
  margin:14px 0 0;
}
.qual-card li{
  margin-bottom:10px;
  color:var(--muted);
}
.qual-card.good{
  border-top:4px solid #22c55e;
}
.qual-card.bad{
  border-top:4px solid #ef4444;
}
@media (max-width: 900px){
  .qualification-grid{
    grid-template-columns:1fr;
  }
}

.nav-links a{padding:12px 16px; border-radius:999px; background:rgba(11,31,59,.04); border:1px solid rgba(11,31,59,.06); transition:.25s ease;}
.nav-links a:hover{
  color:var(--red);
  background:rgba(193,18,58,.06);
  border-color:rgba(193,18,58,.12);
  transform:translateY(-1px);
}

.reveal{
  opacity:0;
  transform:translateY(20px) scale(0.98);
  transition:all 0.6s ease;
}
.reveal.active{
  opacity:1;
  transform:translateY(0) scale(1);
}


/* Built for serious traders - single column cleanup */
.single-col{
  display:block !important;
}
.single-col .split-copy{
  max-width: 820px;
  margin: 0 auto;
}
.single-col img, .single-col figure, .single-col canvas{
  display:none !important;
}


body{
  background:
    radial-gradient(circle at 8% 8%, rgba(11,31,59,.035), transparent 20%),
    radial-gradient(circle at 90% 12%, rgba(193,18,58,.09), transparent 18%),
    radial-gradient(circle at 85% 80%, rgba(11,31,59,.045), transparent 16%),
    #fff;
}
.topbar{box-shadow:0 8px 30px rgba(11,31,59,.04);}
.btn{position:relative; overflow:hidden;}
.btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.24) 48%, transparent 76%);
  transform:translateX(-130%);
  transition:transform .8s ease;
}
.btn:hover::after{transform:translateX(130%);}
.hero{position:relative;}
.hero::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:380px; height:380px;
  background:radial-gradient(circle, rgba(193,18,58,.13), transparent 65%);
  filter:blur(12px);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  right:0; top:40px;
  width:420px; height:420px;
  background:radial-gradient(circle, rgba(11,31,59,.08), transparent 65%);
  filter:blur(10px);
  pointer-events:none;
}
.hero-stagger{animation:heroRise .9s cubic-bezier(.2,.7,.2,1) both;}
.hero-stagger-2{animation:heroRise .9s .18s cubic-bezier(.2,.7,.2,1) both;}
@keyframes heroRise{
  from{opacity:0; transform:translateY(28px) scale(.985);}
  to{opacity:1; transform:translateY(0) scale(1);}
}
.section{position:relative;}
.section::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:min(1180px, calc(100% - 48px));
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(11,31,59,.08), transparent);
}
.section-dark::after,.cta-section::after,.footer::after{display:none;}
.info-card,.feature-card,.roadmap-card,.qual-card,.prop-strip,.cta-box{
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.info-card:hover,.feature-card:hover,.roadmap-card:hover,.qual-card:hover,.prop-strip:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 70px rgba(11,31,59,.12);
}
.roadmap-card:hover{border-color:rgba(255,255,255,.2);}
.prop-marquee{
  overflow:hidden;
  mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.prop-track{
  display:flex;
  gap:14px;
  width:max-content;
  animation:marqueeMove 24s linear infinite;
}
.prop-track span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  min-height:72px;
  border-radius:20px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--navy);
  font-weight:800;
  font-size:16px;
  letter-spacing:-.01em;
}
@keyframes marqueeMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.glow-box{
  background:radial-gradient(circle at top right, rgba(193,18,58,.12), transparent 28%), linear-gradient(180deg, #fff, #f9fbfd);
}
.hero-microcopy{margin-top:16px;}
.hero-microcopy p{margin:0; color:var(--navy); font-weight:700; font-size:15px;}
.hero-microcopy span{display:block; margin-top:8px; color:var(--muted); font-size:14px;}
.section-kicker{
  margin:0 0 10px;
  color:var(--red);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  font-weight:800;
}
.proof-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:20px;
}
.proof-img{
  width:100%;
  border-radius:16px;
  box-shadow:0 18px 50px rgba(11,31,59,.08);
}
.proof-line{margin-top:15px; opacity:.78;}
.proof-subline{margin-top:8px; font-size:14px; opacity:.62;}
.positioning-note{opacity:.78;}
.cta-helper{margin-top:12px; color:var(--muted); font-size:14px; font-weight:600;}
.cta-trust{font-size:14px; opacity:.72; margin-top:10px;}
.footer{background:linear-gradient(180deg, rgba(245,246,248,.6), #fff 60%);}
@media (max-width:900px){
  .proof-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce){
  .hero-stagger,.hero-stagger-2,.prop-track,.reveal,.reveal.active{animation:none !important; transition:none !important;}
}

.btn-ghost{
  background: transparent;
  color: var(--navy);
  border: 1px solid var(--border);
}
.cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  margin-top:8px;
}
@media (max-width: 640px){
  .cta-actions{flex-direction:column;}
}


/* Mobile header fix */
.nav-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--navy);
  border-radius:12px;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(11,31,59,.06);
}
.nav-cta{white-space:nowrap;}

@media (max-width: 900px){
  .nav{
    position:relative;
    gap:12px;
    align-items:center;
  }
  .nav-links{
    display:none !important;
  }
  .nav-toggle{
    display:inline-flex;
    margin-left:auto;
  }
  .nav-cta{
    display:none !important;
  }
  .nav-links.open{
    display:flex !important;
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    flex-direction:column;
    gap:0;
    background:#fff;
    border:1px solid var(--border);
    border-radius:18px;
    padding:10px;
    box-shadow:0 24px 70px rgba(11,31,59,.12);
    z-index:50;
  }
  .nav-links.open a{
    padding:14px 12px;
    border-radius:12px;
  }
  .nav-links.open a:hover{
    background:rgba(11,31,59,.04);
  }
}

@media (min-width: 901px){
  .nav-links{
    display:flex !important;
  }
}


.prop-copy{
  margin:10px auto 0;
  max-width:760px;
  color:var(--muted);
  text-align:center;
  line-height:1.7;
}
.qualification-close{
  margin:20px auto 0;
  max-width:820px;
  text-align:center;
  color:var(--navy);
  font-weight:600;
  line-height:1.7;
}
.section-head h2,
.cta-box h2,
.hero h1{
  text-wrap:balance;
}
.section-head p,
.hero-text,
.cta-box p,
.prop-copy{
  text-wrap:pretty;
}
@media (max-width: 900px){
  .prop-copy{
    font-size:14px;
    line-height:1.65;
    padding:0 4px;
  }
  .qualification-close{
    font-size:15px;
    padding:0 6px;
  }
}


/* v20 copy refinements */
.section-head{max-width: 920px; margin-left:auto; margin-right:auto;}
.section-head p{max-width: 820px; margin-left:auto; margin-right:auto;}
.cta-box p{max-width: 760px; margin-left:auto; margin-right:auto;}
@media (max-width: 900px){
  .hero h1{max-width: 12ch;}
  .section-head h2{max-width: 18ch; margin-left:auto; margin-right:auto;}
  .hero-text{max-width: 32ch;}
  .cta-box h2{max-width: 14ch; margin-left:auto; margin-right:auto;}
}




/* v24 subtle hero header crop fix */
.glass-card{
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
.mini-label,
.mini-label-spaced{
  display:inline-block;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  line-height: 1.45;
}
.terminal-card{
  margin-top: 2px;
}
@media (max-width: 900px){
  .glass-card{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .mini-label,
  .mini-label-spaced{
    margin-bottom: 9px !important;
    line-height: 1.45;
  }
}