:root{
  --bg:#0B0B0C; --bg-2:#111113; --panel:#161618; --panel-2:#1C1C1F;
  --line:#2A2A2E; --line-soft:#1F1F22;
  --brand:#E0202B; --brand-hot:#F23340; --brand-glow:#E0202B55;
  --bone:#E8DCC4; --paper:#D9D6D0;
  --bull:#5CC77A; --bear:#F2706F;
  --text:#F1EEE8; --dim:#A6A29B; --faint:#67645F;
  --disp:'Anton',Impact,sans-serif; --body:'Archivo',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg); color:var(--text); font-family:var(--body); line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
body::before{
  /* faint chart grid behind everything */
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,#000 30%,transparent 80%);
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block; height:auto;}
::selection{background:var(--brand); color:#fff;}
.hl{color:var(--brand);}
.eyebrow{font-family:var(--mono); font-size:11.5px; letter-spacing:0.18em; text-transform:uppercase; color:var(--bone); margin-bottom:18px; display:flex; align-items:center; gap:10px;}
.eyebrow::before{content:""; width:22px; height:2px; background:var(--brand);}
h1,h2{font-family:var(--disp); font-weight:400; text-transform:uppercase; letter-spacing:0.01em; line-height:0.98;}
h3{font-family:var(--body); font-weight:700; font-size:19px; letter-spacing:-0.005em;}

/* Buttons */
.cta{
  display:inline-flex; align-items:center; gap:10px; padding:15px 26px; border-radius:6px;
  background:var(--brand); color:#fff; font-weight:700; font-size:14px; letter-spacing:0.08em; text-transform:uppercase;
  box-shadow:0 10px 30px -10px var(--brand-glow), inset 0 -2px 0 #0003;
  transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.cta:hover{background:var(--brand-hot); transform:translateY(-1px); box-shadow:0 14px 36px -10px var(--brand-glow), inset 0 -2px 0 #0003;}
.cta span{transition:transform .15s ease;}
.cta:hover span{transform:translateX(3px);}
.cta-sm{padding:10px 16px; font-size:12px;}
.cta-lg{padding:18px 32px; font-size:15px;}
.ghost{
  display:inline-flex; align-items:center; gap:10px; padding:14px 22px; border-radius:6px;
  border:1px solid var(--line); color:var(--text); font-weight:600; font-size:14px; letter-spacing:0.06em; text-transform:uppercase;
  transition:border-color .15s ease, color .15s ease;
}
.ghost:hover{border-color:var(--bone); color:var(--bone);}
.ghost-lg{padding:17px 26px; white-space:nowrap;}
a:focus-visible{outline:2px solid var(--bone); outline-offset:3px;}

/* Signal glyphs */
.tri{display:inline-block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent;}
.tri.up{border-bottom:13px solid var(--bull);}
.tri.down{border-top:13px solid var(--bear);}
.rib{display:inline-block; width:30px; height:7px; border-radius:4px; background:linear-gradient(90deg,var(--bull) 0 55%,var(--bear) 55%);}

/* Nav */
.nav{
  position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:14px 40px; background:rgba(11,11,12,0.85); backdrop-filter:blur(12px); border-bottom:1px solid var(--line-soft);
}
.nav-brand{display:flex; align-items:center; gap:12px; font-family:var(--disp); font-size:22px; text-transform:uppercase; letter-spacing:0.03em;}
.nav-brand img{width:38px; height:38px; border-radius:8px; background:var(--paper); object-fit:cover;}
.nav-links{display:flex; gap:30px; font-size:13px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--dim);}
.nav-links a:hover{color:var(--text);}
@media (max-width:860px){ .nav-links{display:none;} .nav{padding:12px 20px;} }

/* Hero */
.hero{position:relative; padding:90px 40px 110px; overflow:hidden;}
.hero::before{content:""; position:absolute; width:900px; height:900px; left:-300px; top:-420px; background:radial-gradient(circle,#E0202B26,transparent 62%); pointer-events:none;}
.hero-ribbon{position:absolute; inset:auto 0 0 0; width:100%; height:600px; pointer-events:none;}
.ribbon-path{stroke-dasharray:2200; stroke-dashoffset:2200; animation:draw 2.6s cubic-bezier(.6,.1,.2,1) .2s forwards;}
@keyframes draw{to{stroke-dashoffset:0;}}
.ribbon-marks path{opacity:0; animation:pop .4s ease forwards;}
.ribbon-marks path:nth-child(1){animation-delay:1.1s;}
.ribbon-marks path:nth-child(2){animation-delay:1.7s;}
.ribbon-marks path:nth-child(3){animation-delay:2.4s;}
@keyframes pop{from{opacity:0; transform:translateY(6px);} to{opacity:.9; transform:none;}}
.hero-inner{position:relative; max-width:1280px; margin:0 auto; display:grid; grid-template-columns:1fr 1.05fr; gap:64px; align-items:center;}
.hero h1{font-size:clamp(54px,7.4vw,108px);}
.lede{margin-top:26px; max-width:520px; font-size:18px; color:var(--dim);}
.hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-top:36px;}
.hero-legend{list-style:none; display:flex; gap:24px; flex-wrap:wrap; margin-top:40px; padding-top:22px; border-top:1px solid var(--line-soft); font-family:var(--mono); font-size:12px; color:var(--dim); letter-spacing:0.04em;}
.hero-legend li{display:flex; align-items:center; gap:9px;}
.hero-chart{position:relative; border-radius:12px; overflow:hidden; background:var(--panel); border:1px solid var(--line); box-shadow:0 40px 80px -30px #000, 0 0 0 1px #ffffff08, 0 0 90px -30px var(--brand-glow); transform:rotate(1.2deg);}
.chart-chrome{display:flex; align-items:center; gap:14px; padding:10px 14px; background:var(--panel-2); border-bottom:1px solid var(--line);}
.chrome-dots{display:flex; gap:6px;}
.chrome-dots i{width:9px; height:9px; border-radius:50%; background:var(--line);}
.chrome-dots i:first-child{background:var(--brand);}
.chrome-title{font-family:var(--mono); font-size:11px; color:var(--faint); letter-spacing:0.08em; text-transform:uppercase;}
.hero-chart figcaption{padding:11px 14px; font-family:var(--mono); font-size:11px; color:var(--faint); border-top:1px solid var(--line);}
@media (max-width:1000px){
  .hero{padding:60px 20px 80px;}
  .hero-inner{grid-template-columns:1fr; gap:48px;}
  .hero-chart{transform:none;}
}

/* Sections */
.section{max-width:1280px; margin:0 auto; padding:110px 40px;}
.section h2{font-size:clamp(42px,5.2vw,74px);}
.section-head{max-width:760px; margin-bottom:56px;}
.section-sub{margin-top:20px; font-size:18px; color:var(--dim);}
@media (max-width:860px){ .section{padding:80px 20px;} }

.signal-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
@media (max-width:1000px){ .signal-grid{grid-template-columns:1fr; max-width:640px;} }
.signal-card{position:relative; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:26px 26px 0; overflow:hidden; display:flex; flex-direction:column; transition:transform .2s ease, border-color .2s ease;}
.signal-card::before{content:""; position:absolute; left:0; right:0; top:0; height:3px; background:var(--accent);}
.signal-card:hover{transform:translateY(-4px); border-color:#3a3a3f;}
.signal-card.bull{--accent:var(--bull);}
.signal-card.bear{--accent:var(--bear);}
.signal-card.ribbon{--accent:linear-gradient(90deg,var(--bull),var(--bear));}
.signal-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:22px;}
.tag{font-family:var(--mono); font-size:10.5px; letter-spacing:0.16em; text-transform:uppercase; color:var(--faint); border:1px solid var(--line); border-radius:4px; padding:3px 8px;}
.signal-card p{color:var(--dim); font-size:15px; margin:10px 0 24px; flex:1;}
.signal-card img{margin:0 -26px; width:calc(100% + 52px); max-width:none; border-top:1px solid var(--line);}

/* Why */
.why{border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); max-width:none; background:linear-gradient(180deg,var(--bg-2),var(--bg));}
.why-grid{max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:start;}
.why-intro h2{margin-bottom:36px;}
.why-list{list-style:none;}
.why-list li{display:flex; gap:26px; padding:30px 0; border-bottom:1px solid var(--line);}
.why-list li:first-child{padding-top:6px;}
.why-list .num{font-family:var(--disp); font-size:44px; line-height:1; color:var(--brand); min-width:64px;}
.why-list p{color:var(--dim); margin-top:6px; font-size:15.5px;}
@media (max-width:1000px){ .why-grid{grid-template-columns:1fr; gap:40px;} }

/* Creator */
.creator-card{display:grid; grid-template-columns:300px 1fr; gap:56px; align-items:center; background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:44px; position:relative; overflow:hidden;}
.creator-card::after{content:"MM"; position:absolute; right:-10px; bottom:-60px; font-family:var(--disp); font-size:260px; line-height:1; color:#ffffff05; pointer-events:none;}
.creator-photo{width:300px; height:300px; object-fit:cover; border-radius:12px; filter:grayscale(1) contrast(1.05); box-shadow:12px 12px 0 var(--brand);}
.creator-copy h2{margin-bottom:22px;}
.creator-copy p{color:var(--dim); font-size:17px; max-width:600px;}
.creator-copy p + p{margin-top:14px;}
@media (max-width:860px){
  .creator-card{grid-template-columns:1fr; padding:28px; gap:36px;}
  .creator-photo{width:220px; height:220px;}
}

/* Pricing */
.pricing{padding-top:0;}
.section-head.center{margin-left:auto; margin-right:auto; text-align:center;}
.section-head.center .eyebrow{justify-content:center;}
.price-card{position:relative; max-width:520px; margin:0 auto; padding:44px 40px 40px; border-radius:18px; background:var(--panel); border:1px solid var(--line); box-shadow:0 40px 90px -40px var(--brand-glow); text-align:center; overflow:hidden;}
.price-card::before{content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,var(--bull),var(--brand) 50%,var(--bear));}
.price-badge{display:inline-block; font-family:var(--mono); font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--bone); border:1px solid var(--line); border-radius:4px; padding:4px 10px;}
.price{font-family:var(--disp); font-size:112px; line-height:1; margin-top:22px;}
.price .cur{font-size:48px; vertical-align:top; position:relative; top:14px; margin-right:4px; color:var(--dim);}
.price .per{font-family:var(--body); font-size:18px; font-weight:600; color:var(--dim); margin-left:6px;}
.price-note{font-family:var(--mono); font-size:12px; color:var(--faint); margin-top:10px;}
.price-list{list-style:none; text-align:left; margin:30px 0 34px; border-top:1px solid var(--line);}
.price-list li{display:flex; gap:12px; align-items:baseline; padding:13px 0; border-bottom:1px solid var(--line-soft); color:var(--dim); font-size:15px;}
.price-list li::before{content:""; flex-shrink:0; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:10px solid var(--bull); transform:translateY(-1px);}
.cta-block{width:100%; justify-content:center;}
@media (max-width:560px){ .price-card{padding:34px 22px 26px;} .price{font-size:88px;} .cta-block{font-size:13px; padding:16px 14px;} }

/* Access steps */
.access{padding-top:0;}
.access-steps{list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.access-steps li{position:relative; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:30px 26px;}
.access-steps li::before{content:""; position:absolute; left:0; right:0; top:0; height:3px; border-radius:12px 12px 0 0; background:var(--brand);}
.access-steps .num{display:block; font-family:var(--disp); font-size:44px; line-height:1; color:var(--brand); margin-bottom:18px;}
.access-steps p{color:var(--dim); font-size:15px; margin-top:10px;}
.access-steps strong{color:var(--bone); font-weight:600;}
@media (max-width:1000px){ .access-steps{grid-template-columns:1fr; max-width:640px; margin:0 auto;} }

/* Final CTA */
.final{display:grid; grid-template-columns:auto 1fr; gap:56px; align-items:center; max-width:1100px; margin:0 auto 110px; padding:48px; border-radius:18px; background:var(--paper); color:#111;}
.final img{width:260px; border-radius:10px; mix-blend-mode:multiply;}
.final h2{font-size:clamp(48px,6vw,86px);}
.final p{font-size:18px; color:#4a4744; margin:14px 0 30px; max-width:460px;}
@media (max-width:860px){ .final{grid-template-columns:1fr; margin:0 20px 80px; padding:30px; gap:24px;} .final img{width:180px;} }

/* Footer */
.foot{border-top:1px solid var(--line-soft); padding:36px 40px 48px; max-width:1280px; margin:0 auto;}
.foot-row{display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin-bottom:20px;}
.foot-brand{font-family:var(--disp); text-transform:uppercase; letter-spacing:0.04em; font-size:17px;}
.foot-links{display:flex; gap:22px; font-size:13px; color:var(--dim);}
.foot-links a:hover{color:var(--text);}
.foot-disclaimer{font-size:11.5px; color:var(--faint); max-width:900px; line-height:1.65;}
@media (max-width:860px){ .foot{padding:30px 20px 40px;} }

@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}
  html{scroll-behavior:auto;}
  .ribbon-path{stroke-dashoffset:0;}
  .ribbon-marks path{opacity:.9;}
}