html { scroll-behavior:smooth; }
    body {
      font-family: system-ui,-apple-system,"Segoe UI",sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.6;
      overflow-x: hidden;
    }
    a { color:inherit; text-decoration:none; }
    img { max-width:100%; display:block; }

    /* ── TICKER TAPE ────────────────────────────────────── */
    .ticker-wrap {
      background: rgba(15,23,42,.9);
      border-bottom: 1px solid var(--border);
      padding: .35rem 0;
      overflow: hidden;
      white-space: nowrap;
    }
    .ticker-inner {
      display: inline-flex;
      gap: 2.5rem;
      animation: ticker 40s linear infinite;
    }
    .ticker-wrap:hover .ticker-inner { animation-play-state: paused; }
    @keyframes ticker {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    .tick { font-size:.8rem; display:inline-flex; align-items:center; gap:.4rem; }
    .tick-sym { font-weight:700; color:var(--text); }
    .tick-price { color:var(--muted); }
    .tick-up   { color:var(--accent); }
    .tick-down { color:var(--danger); }

    /* ── NAV ────────────────────────────────────────────── */
    nav {
      display:flex; align-items:center; justify-content:space-between;
      padding:.75rem 2rem;
      background: rgba(2,6,23,.95);
      border-bottom: 1px solid var(--border);
      backdrop-filter: blur(14px);
      position:sticky; top:0; z-index:100;
    }
    .logo { display:flex; align-items:center; gap:.35rem; }
    .logo-entra { font-weight:800; font-size:1.25rem; color:#e2e8f0; }
    .logo-fx {
      font-weight:900; font-size:1.25rem;
      background:linear-gradient(135deg,#22c55e,#15803d);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    .nav-links { position:absolute; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:1.5rem; font-size:.9rem; }
    .nav-links a { color:var(--muted); transition:color .15s; }
    .nav-links a:hover { color:var(--text); }
    .nav-links a.active { color:var(--accent); }
    .nav-cta { display:flex; gap:.6rem; align-items:center; }
    .nav-dropdown { position:relative; }
    .nav-dropdown > a::after { content:' ▾'; font-size:.7rem; opacity:.7; }
    .dropdown-menu {
      display:none; position:absolute; top:calc(100% + .6rem); left:50%;
      transform:translateX(-50%);
      background:#0f172a; border:1px solid #1e293b;
      border-radius:10px; padding:.4rem; min-width:190px;
      box-shadow:0 16px 40px rgba(0,0,0,.6); z-index:200;
    }
    .nav-dropdown:hover .dropdown-menu, .nav-dropdown.open .dropdown-menu { display:flex; flex-direction:column; gap:.1rem; }
    .dropdown-menu a {
      padding:.5rem .85rem; border-radius:6px;
      font-size:.85rem; color:#94a3b8; transition:all .15s;
      display:flex; align-items:center; gap:.5rem;
    }
    .dropdown-menu a:hover { background:rgba(34,197,94,.1); color:#22c55e; }

    .btn {
      border-radius:999px; border:1px solid transparent;
      padding:.4rem 1.1rem; font-size:.88rem; cursor:pointer;
      transition:all .18s; font-weight:600;
    }
    .btn-outline {
      border-color:var(--border); color:var(--text);
      background:transparent;
    }
    .btn-outline:hover { border-color:var(--accent); background:var(--accent-soft); color:var(--accent); }
    .btn-primary {
      background:linear-gradient(135deg,#22c55e,#15803d);
      color:#fff; border-color:var(--accent);
      box-shadow:0 0 16px var(--accent-glow);
    }
    .btn-primary:hover { box-shadow:0 0 28px var(--accent-glow); transform:translateY(-1px); }
    .btn-blue {
      background:linear-gradient(135deg,#3b82f6,#1d4ed8);
      color:#fff; border-color:var(--blue);
      box-shadow:0 0 16px var(--blue-soft);
    }
    .btn-blue:hover { box-shadow:0 0 28px rgba(59,130,246,.35); transform:translateY(-1px); }
    .btn-lg { padding:.65rem 1.75rem; font-size:1rem; }

    /* ── HERO ───────────────────────────────────────────── */
    .hero {
      position:relative; overflow:hidden;
      min-height:640px; display:flex; align-items:center;
      background:var(--bg);
    }
    #chart-canvas {
      position:absolute; inset:0; width:100%; height:100%;
      opacity:.55; pointer-events:none;
    }
    .hero-inner {
      position:relative; z-index:2;
      padding:7rem 3.5rem 6rem;
      max-width:700px;
    }
    .hero-badge {
      display:inline-flex; align-items:center; gap:.4rem;
      border:1px solid rgba(34,197,94,.3);
      background:rgba(34,197,94,.08);
      color:var(--accent); font-size:.8rem; font-weight:700;
      padding:.3rem 1rem; border-radius:999px;
      letter-spacing:.05em; text-transform:uppercase;
      margin-bottom:1.5rem;
    }
    .hero-inner h1 {
      font-size:clamp(3rem, 7vw, 5.2rem);
      font-weight:900; line-height:1.0;
      letter-spacing:-.03em;
      margin-bottom:1.4rem;
    }
    .hero-inner h1 .hl {
      background:linear-gradient(135deg,#22c55e,#86efac);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    .hero-inner > p {
      font-size:1.15rem; color:var(--muted); max-width:520px;
      margin-bottom:2.5rem; line-height:1.6;
    }
    .hero-actions { display:flex; gap:.75rem; flex-wrap:wrap; }
    .hero-trust {
      display:flex; align-items:center; gap:1.5rem;
      margin-top:2rem;
      font-size:.82rem; color:var(--muted); flex-wrap:wrap;
    }
    .hero-trust span::before { content:"✓ "; color:var(--accent); font-weight:700; }
    /* ── OFFER GRID ──────────────────────────────────────── */
    .offer-grid {
      display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
      gap:1.25rem;
    }
    .offer-card {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:1.75rem;
      transition:border-color .2s, box-shadow .2s, transform .2s;
      display:flex; flex-direction:column; gap:.7rem;
      text-decoration:none; color:var(--text);
    }
    .offer-card:hover {
      border-color:rgba(34,197,94,.45);
      box-shadow:0 0 32px rgba(34,197,94,.1);
      transform:translateY(-3px);
    }
    .offer-icon {
      width:48px; height:48px; border-radius:var(--radius);
      display:flex; align-items:center; justify-content:center; font-size:1.4rem;
    }
    .offer-icon.g  { background:var(--accent-soft); }
    .offer-icon.b  { background:var(--blue-soft); }
    .offer-icon.p  { background:rgba(168,85,247,.12); }
    .offer-icon.o  { background:rgba(251,146,60,.12); }
    .offer-card h3 { font-size:1.05rem; font-weight:700; }
    .offer-card p  { font-size:.88rem; color:var(--muted); flex:1; line-height:1.55; }
    .offer-cta { font-size:.85rem; font-weight:700; color:var(--accent); }
    /* ── DASHBOARD PREVIEW ───────────────────────────────── */
    .dash-preview {
      background:var(--bg); border:1px solid var(--border);
      border-radius:var(--radius-lg); overflow:hidden;
      margin-top:2.5rem;
    }
    .dash-topbar {
      background:#060f1e; border-bottom:1px solid var(--border);
      padding:.5rem 1rem; display:flex; align-items:center; gap:.45rem;
    }
    .win-dot { width:10px; height:10px; border-radius:50%; display:inline-block; flex-shrink:0; }
    .win-dot.r{background:#ef4444;} .win-dot.y{background:#f59e0b;} .win-dot.g{background:#22c55e;}
    .dash-topbar > span { font-size:.76rem; color:var(--muted); margin-left:.4rem; }
    .dash-live { margin-left:auto; display:flex; align-items:center; gap:.35rem;
      background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.25);
      padding:.2rem .65rem; border-radius:999px; font-size:.7rem; font-weight:700; color:#22c55e;
    }
    .dash-body {
      display:grid; grid-template-columns:160px 1fr 160px; height:300px;
    }
    .dash-col { padding:.75rem; overflow:hidden; font-size:.78rem; }
    .dash-col:not(:last-child) { border-right:1px solid var(--border); }
    .dash-col h4 { font-size:.65rem; color:var(--muted); font-weight:700; text-transform:uppercase;
      letter-spacing:.07em; margin-bottom:.65rem; }
    .dash-row { display:flex; justify-content:space-between; padding:.28rem 0;
      border-bottom:1px solid rgba(30,41,59,.4); }
    .dash-row:last-child { border:none; }
    .dash-row .s { font-weight:600; color:var(--text); font-size:.76rem; }
    .dash-row .v { font-size:.72rem; }
    .clr-up { color:var(--accent); } .clr-dn { color:var(--danger); }

    /* ── STATS ──────────────────────────────────────────── */
    .stats-bar {
      display:grid; grid-template-columns:repeat(4,1fr);
      gap:1px; background:var(--border);
      border-top:1px solid var(--border); border-bottom:1px solid var(--border);
    }
    .stat-cell {
      background:var(--bg2); padding:2rem 1.5rem; text-align:center;
    }
    .stat-cell .number {
      font-size:2.4rem; font-weight:900; letter-spacing:-.03em;
      background:linear-gradient(135deg,#22c55e,#86efac);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    .stat-cell .label { font-size:.88rem; color:var(--muted); margin-top:.3rem; }

    /* ── SECTION ────────────────────────────────────────── */
    section { padding:6rem 2rem; }
    .section-inner { max-width:1160px; margin:0 auto; }
    .section-label {
      font-size:.78rem; font-weight:700; letter-spacing:.1em;
      text-transform:uppercase; color:var(--accent); margin-bottom:.75rem;
    }
    .section-title {
      font-size:clamp(1.8rem,4vw,2.8rem); font-weight:900;
      line-height:1.15; letter-spacing:-.02em; margin-bottom:1rem;
    }
    .section-sub {
      font-size:1.05rem; color:var(--muted); max-width:560px;
      margin-bottom:3rem;
    }
    .center { text-align:center; }
    .center .section-sub { margin-left:auto; margin-right:auto; }

    /* ── WHY CARDS ──────────────────────────────────────── */
    .why-grid {
      display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
      gap:1.25rem;
    }
    .why-card {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:2rem;
      transition:border-color .2s, box-shadow .2s;
    }
    .why-card:hover {
      border-color:var(--accent);
      box-shadow:0 0 32px rgba(34,197,94,.1);
    }
    .why-icon {
      width:52px; height:52px; border-radius:var(--radius);
      background:var(--accent-soft); display:flex;
      align-items:center; justify-content:center;
      font-size:1.5rem; margin-bottom:1.25rem;
    }
    .why-card h3 { font-size:1.1rem; font-weight:700; margin-bottom:.5rem; }
    .why-card p { font-size:.9rem; color:var(--muted); }

    /* ── FEATURES BENTO ─────────────────────────────────── */
    .bento {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      grid-template-rows:auto auto;
      gap:1.25rem;
    }
    .bento-card {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:2rem;
      transition:border-color .2s, box-shadow .2s;
      position:relative; overflow:hidden;
    }
    .bento-card:hover {
      border-color:rgba(34,197,94,.4);
      box-shadow:0 0 40px rgba(34,197,94,.08);
    }
    .bento-card.wide  { grid-column:span 2; }
    .bento-card.tall  { grid-row:span 2; }
    .bento-card.accent-bg {
      background:linear-gradient(135deg,rgba(34,197,94,.15) 0%,rgba(21,128,61,.08) 100%);
      border-color:rgba(34,197,94,.25);
    }
    .bento-tag {
      display:inline-block; font-size:.72rem; font-weight:700;
      letter-spacing:.07em; text-transform:uppercase;
      padding:.2rem .65rem; border-radius:999px;
      margin-bottom:1rem;
    }
    .bento-tag.green  { background:var(--accent-soft); color:var(--accent); border:1px solid rgba(34,197,94,.3); }
    .bento-tag.blue   { background:var(--blue-soft);   color:var(--blue);   border:1px solid rgba(59,130,246,.3); }
    .bento-tag.purple { background:rgba(168,85,247,.12); color:#c084fc; border:1px solid rgba(168,85,247,.3); }
    .bento-tag.orange { background:rgba(251,146,60,.12); color:#fb923c; border:1px solid rgba(251,146,60,.3); }
    .bento-card h3 { font-size:1.2rem; font-weight:800; margin-bottom:.6rem; }
    .bento-card p  { font-size:.9rem; color:var(--muted); }
    .bento-card .big-num {
      font-size:4rem; font-weight:900; line-height:1;
      background:linear-gradient(135deg,#22c55e,#86efac);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
      background-clip:text; margin:1rem 0 .5rem;
    }
    .bento-glow {
      position:absolute; width:200px; height:200px; border-radius:50%;
      background:radial-gradient(circle,rgba(34,197,94,.15),transparent 70%);
      top:-40px; right:-40px; pointer-events:none;
    }

    /* ── COURSES ────────────────────────────────────────── */
    .courses-grid {
      display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
      gap:1.25rem;
    }
    .course-card {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); overflow:hidden;
      transition:border-color .2s, transform .2s, box-shadow .2s;
    }
    .course-card:hover {
      border-color:rgba(34,197,94,.4); transform:translateY(-4px);
      box-shadow:var(--shadow);
    }
    .course-thumb {
      height:160px; display:flex; align-items:center; justify-content:center;
      font-size:3.5rem;
      background:linear-gradient(135deg,#0f172a,#1e293b);
      border-bottom:1px solid var(--border);
    }
    .course-body { padding:1.5rem; }
    .course-meta {
      display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.75rem;
    }
    .pill {
      font-size:.72rem; font-weight:700; letter-spacing:.04em;
      text-transform:uppercase; padding:.2rem .65rem; border-radius:999px;
    }
    .pill-green  { background:var(--accent-soft); color:var(--accent); }
    .pill-blue   { background:var(--blue-soft);   color:var(--blue);   }
    .pill-orange { background:rgba(251,146,60,.12); color:#fb923c; }
    .pill-red    { background:rgba(239,68,68,.12); color:#f87171; }
    .pill-soon   { background:rgba(100,116,139,.15); color:#94a3b8; border:1px solid rgba(100,116,139,.3); }
    .course-card h3 { font-size:1.05rem; font-weight:700; margin-bottom:.4rem; }
    .course-card p  { font-size:.88rem; color:var(--muted); margin-bottom:1rem; }
    .course-footer {
      display:flex; align-items:center; justify-content:space-between;
      padding-top:1rem; border-top:1px solid var(--border);
    }
    .price { font-size:1.3rem; font-weight:900; color:var(--accent); }
    .price small { font-size:.8rem; font-weight:500; color:var(--muted); }

    /* ── SIGNALS ────────────────────────────────────────── */
    .signals-wrap {
      display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;
    }
    .signal-card {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:2rem;
      transition:border-color .2s, box-shadow .2s;
    }
    .signal-card.featured {
      border-color:var(--accent);
      background:linear-gradient(135deg,rgba(34,197,94,.08),var(--bg2));
      box-shadow:0 0 40px rgba(34,197,94,.12);
    }
    .signal-card .save-badge {
      display:inline-block; background:var(--accent); color:#000;
      font-size:.72rem; font-weight:800; padding:.2rem .6rem;
      border-radius:999px; letter-spacing:.05em; text-transform:uppercase;
      margin-bottom:1rem;
    }
    .signal-card h3 { font-size:1.4rem; font-weight:900; margin-bottom:.25rem; }
    .signal-price {
      font-size:2.8rem; font-weight:900; letter-spacing:-.04em;
      color:var(--accent); margin:.5rem 0;
    }
    .signal-price span { font-size:1rem; font-weight:500; color:var(--muted); }
    .signal-card ul { list-style:none; margin:1.25rem 0; }
    .signal-card li {
      font-size:.9rem; color:var(--muted); padding:.35rem 0;
      border-bottom:1px solid var(--border); display:flex;
      align-items:center; gap:.5rem;
    }
    .signal-card li::before { content:"✓"; color:var(--accent); font-weight:700; }
    .signal-card li:last-child { border-bottom:none; }
    .how-it-works {
      margin-top:3rem; background:var(--bg2);
      border:1px solid var(--border); border-radius:var(--radius-lg);
      padding:2rem;
    }
    .how-it-works h3 { font-size:1.1rem; font-weight:700; margin-bottom:1.5rem; }
    .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
    .step { text-align:center; }
    .step-icon {
      font-size:1.8rem; margin-bottom:.5rem;
      background:var(--bg); border:1px solid var(--border);
      width:58px; height:58px; border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      margin:0 auto .75rem;
    }
    .step p { font-size:.85rem; color:var(--muted); }

    /* ── PRICING ────────────────────────────────────────── */
    .pricing-grid {
      display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
      gap:1.25rem; max-width:860px; margin:0 auto;
    }
    .pricing-card {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:2.25rem;
      transition:border-color .2s, box-shadow .2s;
      position:relative;
    }
    .pricing-card.popular {
      border-color:var(--accent);
      box-shadow:0 0 40px rgba(34,197,94,.15);
    }
    .popular-badge {
      position:absolute; top:-13px; left:50%; transform:translateX(-50%);
      background:linear-gradient(135deg,#22c55e,#15803d);
      color:#fff; font-size:.75rem; font-weight:800;
      padding:.25rem 1rem; border-radius:999px;
      letter-spacing:.06em; text-transform:uppercase;
      white-space:nowrap;
    }
    .pricing-card h3 { font-size:1.25rem; font-weight:800; margin-bottom:.35rem; }
    .pricing-card .pre-price { font-size:.85rem; color:var(--muted); margin-bottom:.25rem; }
    .pricing-card .p-price {
      font-size:3rem; font-weight:900; letter-spacing:-.04em;
      color:var(--text);
    }
    .pricing-card .p-price .curr { font-size:1.5rem; font-weight:700; }
    .pricing-card .p-period { font-size:.85rem; color:var(--muted); margin-bottom:1.5rem; }
    .pricing-card ul { list-style:none; margin-bottom:2rem; }
    .pricing-card li {
      padding:.45rem 0; font-size:.9rem; color:var(--muted);
      border-bottom:1px solid var(--border);
      display:flex; align-items:center; gap:.5rem;
    }
    .pricing-card li:last-child { border-bottom:none; }
    .pricing-card li .chk { color:var(--accent); font-weight:700; }
    .pricing-card li .cross { color:var(--muted); opacity:.4; }
    .pricing-card li.active-feature { color:var(--text); }

    /* ── TESTIMONIALS ───────────────────────────────────── */
    .testi-grid {
      display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
      gap:1.25rem;
    }
    .testi-card {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:1.75rem;
    }
    .stars { color:#eab308; font-size:1rem; margin-bottom:1rem; letter-spacing:.1em; }
    .testi-card h4 { font-size:.95rem; font-weight:700; margin-bottom:.5rem; }
    .testi-card p  { font-size:.88rem; color:var(--muted); font-style:italic; }
    .testi-author  {
      display:flex; align-items:center; gap:.75rem;
      margin-top:1.25rem; padding-top:1rem; border-top:1px solid var(--border);
    }
    .testi-avatar {
      width:38px; height:38px; border-radius:50%;
      background:linear-gradient(135deg,#22c55e,#0f172a);
      display:flex; align-items:center; justify-content:center;
      font-weight:800; font-size:.9rem; color:#fff; flex-shrink:0;
    }
    .testi-name { font-size:.88rem; font-weight:700; }
    .testi-role  { font-size:.78rem; color:var(--muted); }

    /* ── FAQ ────────────────────────────────────────────── */
    .faq-list { max-width:760px; margin:0 auto; }
    .faq-item {
      border-bottom:1px solid var(--border);
    }
    .faq-question {
      width:100%; background:none; border:none; color:var(--text);
      font-size:1rem; font-weight:600; text-align:left;
      padding:1.25rem 0; cursor:pointer;
      display:flex; justify-content:space-between; align-items:center;
      gap:1rem;
    }
    .faq-question::after { content:"＋"; font-size:1.2rem; color:var(--accent); flex-shrink:0; }
    .faq-item.open .faq-question::after { content:"－"; }
    .faq-answer {
      max-height:0; overflow:hidden;
      transition:max-height .35s ease, padding .35s ease;
    }
    .faq-item.open .faq-answer { max-height:300px; padding-bottom:1.25rem; }
    .faq-answer p { font-size:.92rem; color:var(--muted); }

    /* ── CTA STRIP ──────────────────────────────────────── */
    .cta-strip {
      background:linear-gradient(135deg,rgba(34,197,94,.12) 0%,rgba(21,128,61,.06) 100%);
      border:1px solid rgba(34,197,94,.2);
      border-radius:var(--radius-lg); padding:4rem 2rem;
      text-align:center; max-width:860px; margin:0 auto;
    }
    .cta-strip h2 {
      font-size:clamp(1.8rem,4vw,3rem); font-weight:900;
      letter-spacing:-.02em; margin-bottom:1rem;
    }
    .cta-strip p { color:var(--muted); font-size:1.05rem; margin-bottom:2rem; }
    .cta-strip .cta-actions { display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; }

    /* ── FOOTER ─────────────────────────────────────────── */
    footer {
      border-top:1px solid var(--border);
      background:var(--bg2);
    }
    .footer-main {
      max-width:1160px; margin:0 auto;
      display:grid; grid-template-columns:2fr 1fr 1fr 1fr;
      gap:3rem; padding:4rem 2rem 3rem;
    }
    .footer-brand .logo { margin-bottom:1rem; }
    .footer-brand p { font-size:.88rem; color:var(--muted); max-width:280px; line-height:1.7; }
    .footer-socials { display:flex; gap:.75rem; margin-top:1.5rem; }
    .social-btn {
      width:38px; height:38px; border-radius:50%;
      background:var(--bg); border:1px solid var(--border);
      display:flex; align-items:center; justify-content:center;
      font-size:.85rem; color:var(--muted);
      transition:border-color .2s, color .2s, background .2s;
    }
    .social-btn:hover { border-color:var(--accent); color:var(--accent); background:var(--accent-soft); }
    .footer-col h4 { font-size:.85rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin-bottom:1rem; color:var(--text); }
    .footer-col a { display:block; font-size:.88rem; color:var(--muted); margin-bottom:.5rem; transition:color .15s; }
    .footer-col a:hover { color:var(--accent); }
    .footer-bottom {
      border-top:1px solid var(--border);
      padding:1.5rem 2rem; max-width:1160px; margin:0 auto;
      display:flex; justify-content:space-between; align-items:center;
      flex-wrap:wrap; gap:.75rem;
    }
    .footer-bottom p { font-size:.82rem; color:var(--muted); }
    .footer-disclaimer {
      font-size:.78rem; color:var(--muted); opacity:.7;
      max-width:1160px; margin:0 auto;
      padding:.75rem 2rem 2rem;
      border-top:1px solid rgba(30,41,59,.4);
    }

    /* ── BOT SECTION ────────────────────────────────────── */
    .bot-wrap {
      display:grid; grid-template-columns:1fr 1fr; gap:3rem;
      align-items:center;
    }
    .bot-info h2 { font-size:clamp(1.8rem,4vw,2.6rem); font-weight:900; letter-spacing:-.02em; margin-bottom:1rem; }
    .bot-info p { color:var(--muted); margin-bottom:1.5rem; }
    .bot-features { list-style:none; margin:1.5rem 0 2rem; }
    .bot-features li {
      display:flex; align-items:flex-start; gap:.75rem;
      padding:.6rem 0; font-size:.92rem; color:var(--muted);
      border-bottom:1px solid var(--border);
    }
    .bot-features li:last-child { border-bottom:none; }
    .bot-features li .featurei { color:var(--accent); font-weight:700; flex-shrink:0; }
    .bot-visual {
      background:var(--bg2); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:2rem;
      font-size:.85rem; font-family:monospace;
    }
    .bot-visual .line { padding:.25rem 0; color:var(--muted); }
    .bot-visual .kw  { color:#c084fc; }
    .bot-visual .str { color:#86efac; }
    .bot-visual .num { color:#fb923c; }
    .bot-visual .comment { color:#475569; }
    .bot-visual .prompt { color:var(--accent); font-weight:700; }
    .bot-visual .cursor {
      display:inline-block; width:2px; height:1em;
      background:var(--accent); animation:blink 1s step-end infinite;
      vertical-align:middle;
    }
    @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }

    /* ── APP SECTION ────────────────────────────────────── */
    .app-mockup {
      background:linear-gradient(135deg,#0f172a,#1e293b);
      border:1px solid var(--border); border-radius:24px;
      padding:1.5rem; max-width:260px; margin:0 auto;
      box-shadow:var(--shadow);
    }
    .app-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; }
    .app-header-logo { font-weight:800; font-size:.9rem; }
    .app-status { font-size:.72rem; color:var(--accent); }
    .app-chart { height:100px; background:var(--bg); border-radius:var(--radius); margin-bottom:1rem; overflow:hidden; position:relative; }
    .app-chart-line {
      position:absolute; bottom:0; left:0; right:0; height:100%;
    }
    .app-stat-row { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
    .app-stat {
      background:var(--bg); border:1px solid var(--border);
      border-radius:var(--radius); padding:.75rem;
    }
    .app-stat .lbl { font-size:.7rem; color:var(--muted); margin-bottom:.25rem; }
    .app-stat .val { font-size:1rem; font-weight:700; }
    .app-stat .val.up { color:var(--accent); }
    .app-stat .val.down { color:var(--danger); }

    /* ── DARK SECTION ALT ───────────────────────────────── */
    .section-alt { background:var(--bg2); }

    /* ── RESPONSIVE ─────────────────────────────────────── */
    @media(max-width:900px) {
      .bento { grid-template-columns:1fr 1fr; }
      .bento-card.wide { grid-column:span 2; }
      .footer-main { grid-template-columns:1fr 1fr; }
      .bot-wrap { grid-template-columns:1fr; }
      .signals-wrap { grid-template-columns:1fr; }
      .steps { grid-template-columns:1fr 1fr; }
    }
    @media(max-width:640px) {
      nav { padding:.75rem 1rem; }
      .nav-links { display:none; }
      section { padding:4rem 1rem; }
      .hero { padding:5rem 1rem 4rem; }
      .bento { grid-template-columns:1fr; }
      .bento-card.wide { grid-column:span 1; }
      .stats-bar { grid-template-columns:1fr 1fr; }
      .footer-main { grid-template-columns:1fr; gap:2rem; padding:3rem 1rem 2rem; }
      .footer-bottom { flex-direction:column; text-align:center; }
      .steps { grid-template-columns:1fr 1fr; }
    }