:root{
    --brand-green: #00E6A3; /* точный цвет из логотипа signal-flow.trade */
    --bg: #0B0E11;
    --surface: #12161C;
    --surface-2: #171C24;
    --border: #232A34;
    --text: #E8EAED;
    --muted: #8B94A3;
    --buy: #16C784;
    --buy-dim: #16C78422;
    --sell: #EA3943;
    --sell-dim: #EA394322;
    --gold: #F0B90B;
    --gold-dim: #F0B90B1a;
    --radius: 14px;
    --display: 'Space Grotesk', sans-serif;
    --body: 'Inter', sans-serif;
    --mono: 'JetBrains Mono', monospace;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--body);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;}
  img,svg{display:block;max-width:100%;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
  .eyebrow{
    font-family:var(--mono);
    font-size:12.5px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--gold);
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
  }
  .eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--gold-dim);}
  h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.01em;}
  h2{font-size:clamp(28px,4vw,42px);}
  .section{padding:88px 0;}
  .section-head{max-width:640px;margin-bottom:48px;}
  .section-head p{color:var(--muted);font-size:17px;margin-top:14px;}
  @media(max-width:640px){.section{padding:56px 0;}}

  /* ---------- Ticker tape ---------- */
  .ticker{
    background:var(--surface);
    border-bottom:1px solid var(--border);
    overflow:hidden;
    position:relative;
    height:38px;
  }
  .ticker-track{
    display:flex;
    gap:36px;
    white-space:nowrap;
    position:absolute;
    align-items:center;
    height:100%;
    animation:scroll-left 32s linear infinite;
  }
  .ticker-item{
    font-family:var(--mono);
    font-size:12.5px;
    display:flex;
    gap:8px;
    align-items:center;
    color:var(--muted);
  }
  .ticker-item b{color:var(--text);font-weight:500;}
  .ticker-item.up{color:var(--buy);}
  .ticker-item.down{color:var(--sell);}
  @keyframes scroll-left{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }

  /* ---------- Header ---------- */
  header.nav{
    position:sticky;top:0;z-index:50;
    background:rgba(11,14,17,.85);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--border);
  }
  .nav-inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 24px;max-width:1120px;margin:0 auto;
  }
  .logo{
    display:flex;align-items:center;gap:10px;
  }
  .logo-icon{
    height:30px;width:auto;display:block;flex-shrink:0;
  }
  .logo-text{
    font-family:var(--display);font-weight:700;font-size:18px;
    color:var(--text);letter-spacing:-.01em;white-space:nowrap;
  }
  .logo-text em{font-style:normal;color:var(--brand-green);}
  .nav-cta{
    background:var(--gold);color:#14110A;font-weight:600;font-size:14px;
    padding:10px 20px;border-radius:8px;transition:transform .15s ease, box-shadow .15s ease;
  }
  .nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--gold-dim);}
  @media(max-width:480px){
    .nav-inner{padding:12px 16px;}
    .nav-cta{padding:9px 14px;font-size:13px;}
    .logo-text{font-size:14px;}
  }
  @media(max-width:360px){
    .logo-text{display:none;}
  }

  /* ---------- Hero ---------- */
  .hero{padding:72px 0 40px;position:relative;}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
  @media(max-width:900px){.hero-grid{grid-template-columns:1fr;}}
  .hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;margin-bottom:22px;}
  .hero h1 em{font-style:normal;color:var(--buy);}
  .hero p.lead{color:var(--muted);font-size:18px;max-width:520px;margin-bottom:32px;}
  .cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
  .btn-primary{
    background:linear-gradient(180deg,#1BE0A3,var(--buy));
    color:#06120C;font-weight:700;font-size:16px;
    padding:16px 30px;border-radius:10px;border:none;cursor:pointer;
    box-shadow:0 8px 24px var(--buy-dim);
    transition:transform .15s ease;
  }
  .btn-primary:hover{transform:translateY(-2px);}
  .btn-ghost{
    color:var(--text);font-weight:500;font-size:15px;
    padding:16px 6px;display:flex;align-items:center;gap:8px;color:var(--muted);
  }
  .urgency-line{
    display:flex;align-items:center;gap:8px;margin-top:22px;
    font-size:13.5px;color:var(--muted);font-family:var(--mono);
  }
  .urgency-line b{color:var(--text);font-weight:600;}
  .urgency-line .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--gold-dim);flex-shrink:0;}
  .trust-row{display:flex;gap:28px;margin-top:36px;flex-wrap:wrap;}
  .trust-item{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;}
  .trust-item b{color:var(--text);font-family:var(--mono);font-size:15px;}

  /* hero chart card */
  .chart-card{
    background:var(--surface);border:1px solid var(--border);border-radius:16px;
    padding:22px;position:relative;overflow:hidden;
  }
  .chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
  .chart-head .pair{font-family:var(--mono);font-weight:600;font-size:15px;}
  .chart-head .price{font-family:var(--mono);color:var(--buy);font-size:15px;}
  .chart-svg{width:100%;height:220px;}
  .candle{transform-origin:bottom;animation:grow .7s ease forwards;opacity:0;}
  @keyframes grow{from{transform:scaleY(0);opacity:0;} to{transform:scaleY(1);opacity:1;}}
  .signal-tag{
    position:absolute;background:var(--surface-2);border:1px solid var(--border);
    border-radius:8px;padding:8px 12px;font-family:var(--mono);font-size:12px;
    display:flex;flex-direction:column;gap:2px;
  }
  .signal-tag.entry{top:56px;left:24px;border-color:var(--gold);}
  .signal-tag.tp{bottom:70px;right:24px;border-color:var(--buy);}
  .signal-tag b{font-size:13px;}
  .signal-tag.entry b{color:var(--gold);}
  .signal-tag.tp b{color:var(--buy);}

  /* ---------- Pain points ---------- */
  .pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media(max-width:800px){.pain-grid{grid-template-columns:1fr;}}
  .pain-card{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
    padding:26px;
  }
  .pain-card .mark{font-family:var(--mono);color:var(--sell);font-size:20px;margin-bottom:14px;display:block;}
  .pain-card h3{font-size:17px;margin-bottom:8px;font-family:var(--body);font-weight:600;}
  .pain-card p{color:var(--muted);font-size:14.5px;}

  /* ---------- Offer cards ---------- */
  .offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  @media(max-width:800px){.offer-grid{grid-template-columns:1fr;}}
  .offer-card{
    background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:32px;
    position:relative;
  }
  .offer-card .tag{
    font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;
    padding:5px 10px;border-radius:6px;display:inline-block;margin-bottom:16px;
  }
  .offer-card.course .tag{background:var(--gold-dim);color:var(--gold);}
  .offer-card.signals .tag{background:var(--buy-dim);color:var(--buy);}
  .offer-card h3{font-size:21px;margin-bottom:12px;}
  .offer-card ul{margin-top:16px;display:flex;flex-direction:column;gap:12px;}
  .offer-card li{display:flex;gap:10px;font-size:14.5px;color:var(--text);align-items:flex-start;}
  .offer-card li::before{content:'✓';color:var(--buy);font-weight:700;flex-shrink:0;}

  /* ---------- Curriculum ---------- */
  .curriculum{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
  .curr-row{
    display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center;
    padding:22px 26px;border-bottom:1px solid var(--border);
    background:var(--surface);
  }
  .curr-row:last-child{border-bottom:none;}
  .curr-num{font-family:var(--mono);color:var(--muted);font-size:14px;}
  .curr-row h4{font-size:16px;font-weight:600;margin-bottom:4px;}
  .curr-row p{color:var(--muted);font-size:14px;}
  .curr-row .dur{font-family:var(--mono);font-size:12.5px;color:var(--muted);white-space:nowrap;}
  @media(max-width:640px){.curr-row{grid-template-columns:36px 1fr;}.curr-row .dur{grid-column:2;}}

  /* ---------- How signals work ---------- */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  @media(max-width:900px){.steps{grid-template-columns:1fr 1fr;}}
  @media(max-width:560px){.steps{grid-template-columns:1fr;}}
  .step{padding:24px 0;border-top:2px solid var(--border);position:relative;}
  .step .n{font-family:var(--mono);color:var(--gold);font-size:13px;margin-bottom:10px;display:block;}
  .step h4{font-size:16px;margin-bottom:6px;}
  .step p{color:var(--muted);font-size:14px;}

  /* ---------- Example signals ---------- */
  .examples{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  @media(max-width:860px){.examples{grid-template-columns:1fr;}}
  .ex-card{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;
  }
  .ex-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
  .ex-pair{font-family:var(--mono);font-weight:600;}
  .ex-badge{font-family:var(--mono);font-size:11.5px;padding:4px 10px;border-radius:6px;font-weight:600;}
  .ex-badge.long{background:var(--buy-dim);color:var(--buy);}
  .ex-badge.short{background:var(--sell-dim);color:var(--sell);}
  .ex-rows{font-family:var(--mono);font-size:13px;display:flex;flex-direction:column;gap:8px;color:var(--muted);}
  .ex-rows span{color:var(--text);}
  .ex-result{margin-top:14px;padding-top:14px;border-top:1px dashed var(--border);display:flex;justify-content:space-between;align-items:center;}
  .ex-result b{font-family:var(--mono);color:var(--buy);font-size:15px;}
  .examples-note{color:var(--muted);font-size:13px;margin-top:18px;}

  /* ---------- Testimonials ---------- */
  .stats-bar{
    display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);
    overflow:hidden;margin-bottom:32px;
  }
  .stat{flex:1;padding:22px 24px;border-right:1px solid var(--border);background:var(--surface);}
  .stat:last-child{border-right:none;}
  .stat b{font-family:var(--mono);font-size:26px;color:var(--gold);display:block;margin-bottom:4px;}
  .stat span{font-size:13px;color:var(--muted);}
  @media(max-width:700px){.stats-bar{flex-direction:column;} .stat{border-right:none;border-bottom:1px solid var(--border);} .stat:last-child{border-bottom:none;}}
  .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media(max-width:860px){.reviews{grid-template-columns:1fr;}}
  .review{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;}
  .review p{font-size:14.5px;color:var(--text);margin-bottom:16px;}
  .review-who{display:flex;align-items:center;gap:10px;}
  .avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;color:var(--gold);}
  .review-who b{font-size:14px;display:block;}
  .review-who span{font-size:12.5px;color:var(--muted);}

  /* ---------- Guarantee ---------- */
  .guarantee-card{
    display:flex;gap:24px;align-items:flex-start;
    background:var(--surface);border:1px solid var(--buy);border-radius:var(--radius);
    padding:32px;max-width:760px;margin:0 auto;
  }
  .guarantee-icon{
    width:52px;height:52px;flex-shrink:0;border-radius:50%;background:var(--buy-dim);
    display:flex;align-items:center;justify-content:center;font-size:22px;
  }
  .guarantee-card h3{font-size:19px;margin-bottom:8px;}
  .guarantee-card p{color:var(--muted);font-size:14.5px;}
  @media(max-width:560px){.guarantee-card{flex-direction:column;}}

  /* ---------- Pricing ---------- */
  .price-value-stack{
    text-align:left;border:1px solid var(--border);border-radius:12px;
    padding:18px 20px;margin-bottom:24px;background:var(--bg);
  }
  .stack-row{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);padding:6px 0;}
  .stack-row b{font-family:var(--mono);color:var(--text);font-weight:500;}
  .stack-row.total{border-top:1px dashed var(--border);margin-top:6px;padding-top:12px;color:var(--text);font-weight:600;}
  .stack-row.total b{color:var(--gold);text-decoration:line-through;text-decoration-color:var(--sell);}
  .price-card{
    background:linear-gradient(180deg,var(--surface),var(--surface-2));
    border:1px solid var(--gold);border-radius:20px;padding:44px;
    max-width:560px;margin:0 auto;position:relative;text-align:center;
  }
  .price-card .tag{
    font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;
    color:var(--gold);background:var(--gold-dim);padding:6px 14px;border-radius:20px;display:inline-block;margin-bottom:20px;
  }
  .price-amount{font-family:var(--display);font-size:52px;font-weight:700;margin-bottom:4px;}
  .price-amount span{font-size:18px;color:var(--muted);font-weight:500;}
  .price-sub{color:var(--muted);font-size:14px;margin-bottom:28px;}
  .price-list{text-align:left;display:flex;flex-direction:column;gap:14px;margin-bottom:32px;}
  .price-list li{display:flex;gap:10px;font-size:15px;}
  .price-list li::before{content:'✓';color:var(--buy);font-weight:700;flex-shrink:0;}
  .price-card .btn-primary{width:100%;}
  .price-note{font-size:12.5px;color:var(--muted);margin-top:16px;}

  /* ---------- FAQ ---------- */
  .faq{max-width:760px;margin:0 auto;}
  .faq-item{border-bottom:1px solid var(--border);}
  .faq-q{
    width:100%;text-align:left;background:none;border:none;color:var(--text);
    font-family:var(--body);font-size:16px;font-weight:600;padding:22px 0;
    display:flex;justify-content:space-between;align-items:center;cursor:pointer;
  }
  .faq-q .plus{font-family:var(--mono);color:var(--gold);font-size:18px;transition:transform .2s ease;}
  .faq-item.open .plus{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;color:var(--muted);font-size:14.5px;}
  .faq-a p{padding-bottom:22px;max-width:640px;}

  /* ---------- Form ---------- */
  .form-section{
    background:var(--surface);border:1px solid var(--border);border-radius:20px;
    padding:48px;max-width:640px;margin:0 auto;position:relative;overflow:hidden;
  }
  .form-section::before{
    content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;
    background:radial-gradient(circle,var(--buy-dim),transparent 70%);
  }
  .form-section h2{font-size:26px;margin-bottom:8px;}
  .form-section p.lead{color:var(--muted);margin-bottom:28px;font-size:15px;}
  .field{margin-bottom:18px;}
  .field label{font-size:13px;color:var(--muted);display:block;margin-bottom:8px;font-family:var(--mono);}
  .field input{
    width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;
    padding:14px 16px;color:var(--text);font-family:var(--body);font-size:15px;
  }
  .field input:focus{outline:none;border-color:var(--buy);}
  .form-note{font-size:12.5px;color:var(--muted);margin-top:14px;}
  .form-success{display:none;text-align:center;padding:20px 0;}
  .form-success .check{
    width:56px;height:56px;border-radius:50%;background:var(--buy-dim);color:var(--buy);
    display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 18px;
  }

  /* ---------- Disclaimer / Footer ---------- */
  .disclaimer{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
    padding:24px 28px;font-size:13px;color:var(--muted);line-height:1.7;
  }
  footer{border-top:1px solid var(--border);padding:32px 0;}
  .footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--muted);}

  /* ---------- Sticky mobile CTA ---------- */
  .mobile-cta{
    display:none;position:fixed;bottom:0;left:0;right:0;z-index:60;
    background:rgba(11,14,17,.92);backdrop-filter:blur(10px);border-top:1px solid var(--border);
    padding:12px 16px;
  }
  .mobile-cta .btn-primary{width:100%;font-size:15px;padding:14px;}
  @media(max-width:760px){.mobile-cta{display:block;} body{padding-bottom:70px;}}

  ::selection{background:var(--buy);color:#06120C;}

  /* ---------- Exit-intent modal ---------- */
  .exit-overlay{
    display:none;position:fixed;inset:0;z-index:80;
    background:rgba(5,6,8,.72);backdrop-filter:blur(3px);
    align-items:center;justify-content:center;padding:20px;
  }
  .exit-overlay.show{display:flex;}
  .exit-modal{
    background:var(--surface);border:1px solid var(--gold);border-radius:18px;
    padding:36px;max-width:420px;width:100%;position:relative;
  }
  .exit-close{
    position:absolute;top:16px;right:16px;background:none;border:none;color:var(--muted);
    font-size:16px;cursor:pointer;width:28px;height:28px;
  }
  .exit-modal h3{font-size:20px;margin-bottom:10px;line-height:1.25;}
  .exit-modal p{color:var(--muted);font-size:14px;margin-bottom:20px;}
  .exit-modal .field{margin-bottom:14px;}
  .exit-success{display:none;text-align:center;padding:10px 0;}
  .exit-success p{color:var(--text);margin-bottom:0;}
  .exit-skip{margin-top:16px;text-align:center;font-size:13px;}
  .exit-skip a{color:var(--muted);border-bottom:1px dashed var(--border);}