:root {
      --ink: #0b1218;
      --ink-2: #101a24;
      --panel: #162231;
      --line: rgba(214, 196, 168, 0.14);
      --line-strong: rgba(214, 196, 168, 0.3);
      --sand: #d6c4a8;
      --sand-dim: rgba(214, 196, 168, 0.7);
      --foam: #eef3f7;
      --foam-dim: rgba(238, 243, 247, 0.64);
      --signal: #c45c26;
      --signal-hot: #e06f3a;
      --sea: #3d7a8c;
      --bad: #8b3a3a;
      --good: #2f6b58;
      --max: 1080px;
      --ease: cubic-bezier(0.22, 1, 0.36, 1);
      --display: "Fraunces", Georgia, serif;
      --body: "Manrope", system-ui, sans-serif;
      --mono: "IBM Plex Mono", ui-monospace, monospace;
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      min-height: 100dvh;
      color: var(--foam);
      font-family: var(--body);
      line-height: 1.55;
      background:
        radial-gradient(900px 480px at 90% -5%, rgba(61,122,140,.16), transparent 55%),
        radial-gradient(700px 420px at 0% 20%, rgba(196,92,38,.12), transparent 50%),
        linear-gradient(180deg, var(--ink), var(--ink-2) 40%, #0d161f);
      -webkit-font-smoothing: antialiased;
    }
    body::before {
      content: "";
      position: fixed; inset: 0; pointer-events: none; z-index: 40; opacity: .04;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      mix-blend-mode: overlay;
    }
    a { color: inherit; text-decoration: none; }
    .wrap { width: min(100% - 2rem, var(--max)); margin-inline: auto; }
    .topbar {
      position: sticky; top: 0; z-index: 30;
      backdrop-filter: blur(12px);
      background: rgba(11,18,24,.82);
      border-bottom: 1px solid var(--line);
    }
    .topbar-inner {
      display: flex; align-items: center; justify-content: space-between;
      min-height: 3.75rem; gap: 1rem;
    }
    .brand { display: flex; align-items: baseline; gap: .5rem; }
    .brand strong { font-family: var(--display); font-weight: 600; font-size: 1.05rem; }
    .brand strong span { color: var(--signal); }
    .brand em {
      font-style: normal; font-family: var(--mono); font-size: .65rem;
      letter-spacing: .14em; text-transform: uppercase; color: var(--sand-dim);
    }
    .top-cta {
      display: inline-flex; align-items: center; min-height: 2.4rem;
      padding: .45rem .95rem; border-radius: 999px;
      background: var(--signal); color: #1a0d07; font-weight: 700; font-size: .9rem;
    }
    .top-cta:hover { background: var(--signal-hot); }

    /* HERO */
    .hero { padding: clamp(3.25rem, 8vw, 5.75rem) 0 clamp(3rem, 6vw, 4.5rem); text-align: center; }
    .pill {
      display: inline-flex; align-items: center; gap: .55rem;
      margin: 0 0 1.25rem; padding: .35rem .8rem;
      border: 1px solid var(--line-strong); border-radius: 999px;
      font-family: var(--mono); font-size: .68rem; letter-spacing: .14em;
      text-transform: uppercase; color: var(--sea);
    }
    .pill i { width: .45rem; height: .45rem; border-radius: 50%; background: var(--signal); display: inline-block; }
    .hero h1 {
      margin: 0 auto; max-width: 16ch;
      font-family: var(--display); font-weight: 500;
      font-size: clamp(2.35rem, 6.4vw, 4.35rem);
      line-height: 1.02; letter-spacing: -.03em;
    }
    .hero h1 em { font-style: italic; color: var(--sand); font-weight: 400; }
    .hero-sub {
      margin: 1.25rem auto 0; max-width: 42rem;
      font-size: clamp(1.02rem, 2.2vw, 1.2rem); color: var(--foam-dim);
    }
    .hero-actions {
      display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center;
      margin-top: 1.75rem;
    }
    .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
      min-height: 3rem; padding: .75rem 1.35rem; border-radius: 999px;
      border: 1px solid transparent; font-weight: 700; cursor: pointer;
      transition: transform .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);
    }
    .btn:active { transform: scale(.98); }
    .btn-primary { background: var(--signal); color: #1a0d07; }
    .btn-primary:hover { background: var(--signal-hot); }
    .btn-ghost { border-color: var(--line-strong); color: var(--sand); background: transparent; font-weight: 600; }
    .btn-ghost:hover { border-color: var(--sand); color: var(--foam); }
    .trust-row {
      display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem 1.25rem;
      margin-top: 1.5rem; font-family: var(--mono); font-size: .7rem;
      letter-spacing: .1em; text-transform: uppercase; color: var(--foam-dim);
    }
    .verticals {
      display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem;
      margin-top: 1.75rem;
    }
    .chip {
      padding: .4rem .75rem; border-radius: 999px; border: 1px solid var(--line);
      font-size: .85rem; color: var(--sand-dim); background: rgba(22,34,49,.45);
    }

    section { padding: clamp(3rem, 6vw, 4.75rem) 0; }
    .band { border-block: 1px solid var(--line); background: rgba(16,26,36,.72); }
    .section-kicker {
      margin: 0 0 .55rem; font-family: var(--mono); font-size: .72rem;
      letter-spacing: .16em; text-transform: uppercase; color: var(--sea); text-align: center;
    }
    .section-title {
      margin: 0 auto; text-align: center; max-width: 18ch;
      font-family: var(--display); font-weight: 500;
      font-size: clamp(1.85rem, 4vw, 2.75rem); letter-spacing: -.02em; line-height: 1.1;
    }
    .section-title em { font-style: italic; color: var(--sand); font-weight: 400; }
    .section-lead {
      margin: .85rem auto 0; text-align: center; max-width: 40rem; color: var(--foam-dim);
    }

    /* Results without video */
    .stats {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: .85rem;
      margin-top: 2rem;
    }
    .stat {
      text-align: center; padding: 1.35rem 1rem;
      border: 1px solid var(--line); border-radius: 6px;
      background: linear-gradient(165deg, rgba(22,34,49,.95), rgba(11,18,24,.8));
    }
    .stat b {
      display: block; font-family: var(--display); font-size: clamp(1.8rem, 3vw, 2.4rem);
      font-weight: 500; color: var(--sand); letter-spacing: -.02em; line-height: 1;
    }
    .stat span {
      display: block; margin-top: .55rem; font-size: .88rem; color: var(--foam-dim);
    }
    .proof-grid {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: .85rem;
      margin-top: 1rem;
    }
    .proof {
      padding: 1.25rem 1.2rem; border: 1px solid var(--line); border-radius: 6px;
      background: rgba(22,34,49,.55);
    }
    .proof .who {
      font-family: var(--mono); font-size: .68rem; letter-spacing: .12em;
      text-transform: uppercase; color: var(--signal); margin-bottom: .55rem;
    }
    .proof p { margin: 0; color: var(--foam-dim); }
    .proof strong { color: var(--foam); font-weight: 600; }

    /* Old vs New */
    .ways {
      display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem;
    }
    .way {
      border-radius: 8px; border: 1px solid var(--line); overflow: hidden;
      background: rgba(11,18,24,.55);
    }
    .way-head {
      padding: 1.1rem 1.2rem; border-bottom: 1px solid var(--line);
      display: flex; align-items: baseline; justify-content: space-between; gap: 1rem;
    }
    .way-head h3 {
      margin: 0; font-family: var(--display); font-weight: 500; font-size: 1.45rem;
    }
    .way.old .way-head { background: rgba(139,58,58,.12); }
    .way.new .way-head { background: rgba(47,107,88,.14); }
    .way-tag {
      font-family: var(--mono); font-size: .65rem; letter-spacing: .12em;
      text-transform: uppercase; color: var(--sand-dim);
    }
    .way-body { padding: 0; }
    .point {
      padding: 1.15rem 1.2rem; border-bottom: 1px solid var(--line);
    }
    .point:last-child { border-bottom: 0; }
    .point h4 {
      margin: 0 0 .35rem; font-size: 1.05rem; font-weight: 700; letter-spacing: -.01em;
    }
    .point p { margin: 0; color: var(--foam-dim); font-size: .95rem; }
    .way.old .point h4 { color: #e8b4b4; }
    .way.new .point h4 { color: #b7e0d0; }

    /* How it works */
    .steps {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: .85rem; margin-top: 2rem;
    }
    .step {
      padding: 1.35rem 1.2rem; border: 1px solid var(--line); border-radius: 6px;
      background: rgba(22,34,49,.5); position: relative;
    }
    .step .n {
      font-family: var(--mono); color: var(--signal); font-size: .75rem; letter-spacing: .12em;
      margin-bottom: .65rem;
    }
    .step h3 {
      margin: 0 0 .45rem; font-family: var(--display); font-weight: 500; font-size: 1.3rem;
    }
    .step p { margin: 0; color: var(--foam-dim); font-size: .95rem; }

    /* Fit */
    .fit-grid {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin-top: 2rem;
    }
    .fit {
      padding: 1.2rem 1rem; text-align: center;
      border: 1px solid var(--line); border-radius: 6px; background: rgba(22,34,49,.45);
    }
    .fit h3 {
      margin: 0 0 .35rem; font-family: var(--display); font-weight: 500; font-size: 1.2rem;
    }
    .fit p { margin: 0; color: var(--foam-dim); font-size: .88rem; }

    /* Final CTA */
    .final {
      text-align: center; padding: clamp(2rem, 5vw, 3rem);
      border: 1px solid var(--line-strong); border-radius: 10px;
      background:
        linear-gradient(125deg, rgba(196,92,38,.16), transparent 42%),
        rgba(22,34,49,.75);
    }
    .final h2 {
      margin: 0 auto; max-width: 16ch;
      font-family: var(--display); font-weight: 500;
      font-size: clamp(1.8rem, 4vw, 2.6rem); letter-spacing: -.02em; line-height: 1.1;
    }
    .final p { margin: .85rem auto 0; max-width: 36rem; color: var(--foam-dim); }
    .final .hero-actions { margin-top: 1.35rem; }
    .fine {
      margin-top: 1rem; font-family: var(--mono); font-size: .68rem;
      letter-spacing: .08em; text-transform: uppercase; color: var(--foam-dim);
    }

    footer {
      border-top: 1px solid var(--line); padding: 1.75rem 0 2rem; margin-top: 1rem;
      font-size: .9rem; color: var(--foam-dim);
    }
    .foot {
      display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem 1.5rem;
      align-items: center;
    }
    .foot a:hover { color: var(--sand); }

    .reveal { opacity: 0; transform: translateY(12px); transition: opacity .65s var(--ease), transform .65s var(--ease); }
    .reveal.in { opacity: 1; transform: none; }

    @media (max-width: 900px) {
      .stats, .steps, .fit-grid { grid-template-columns: 1fr 1fr; }
      .ways, .proof-grid { grid-template-columns: 1fr; }
    }
    .wf-box {
      margin-top: 1.25rem; padding: 1.15rem 1.2rem; border: 1px solid var(--line);
      border-radius: 8px; background: rgba(22,34,49,.55); text-align: left;
    }
    .wf-box h3 { margin: 0 0 .5rem; font-family: var(--display); font-size: 1.15rem; font-weight: 500; }
    .wf-box ol { margin: 0; padding-left: 1.2rem; color: var(--foam-dim); }
    .wf-box li { margin: 0.35rem 0; }
    .same-list { text-align: left; max-width: 36rem; margin: 1rem auto 0; color: var(--foam-dim); }
    .same-list li { margin: 0.4rem 0; }
    @media (max-width: 560px) {
      .stats, .steps, .fit-grid { grid-template-columns: 1fr; }
      .hero h1 { max-width: none; }
    }
  
/* Funnel forms */
.funnel-form {
  max-width: 28rem;
  margin: 1.5rem auto 0;
  text-align: left;
  padding: 1.25rem 1.2rem;
  border: 1px solid var(--line-strong);
  border-radius: 10px;
  background: rgba(22,34,49,.75);
}
.funnel-form label {
  display: block;
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--sand-dim);
  margin: .65rem 0 .3rem;
}
.funnel-form input, .funnel-form select, .funnel-form textarea {
  width: 100%;
  padding: .7rem .8rem;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: #0b1218;
  color: var(--foam);
  font: inherit;
}
.funnel-form textarea { min-height: 4.5rem; resize: vertical; }
.funnel-form .consent {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  margin: 1rem 0 .85rem;
  font-size: .82rem;
  color: var(--foam-dim);
  line-height: 1.45;
}
.funnel-form .consent input {
  width: auto;
  margin-top: .25rem;
  flex-shrink: 0;
}
.funnel-form .btn { width: 100%; margin-top: .25rem; }
.get-list {
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
  text-align: left;
  max-width: 36rem;
  margin-inline: auto;
}
.get-list li {
  position: relative;
  padding: .7rem 0 .7rem 1.5rem;
  border-bottom: 1px solid var(--line);
  color: var(--foam-dim);
}
.get-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.05rem;
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: var(--signal);
}
.price-box {
  margin: 1.5rem auto 0;
  max-width: 36rem;
  padding: 1.2rem 1.25rem;
  border: 1px solid var(--line-strong);
  border-radius: 10px;
  background: rgba(196,92,38,.08);
  text-align: left;
  color: var(--foam-dim);
}
.price-box strong { color: var(--sand); }
.not-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
  margin-top: 1.1rem;
}
.not-row span {
  font-size: .85rem;
  color: var(--foam-dim);
  border: 1px dashed var(--line);
  padding: .35rem .7rem;
  border-radius: 999px;
}
.form-ok {
  display: none;
  margin-top: 1rem;
  padding: .9rem 1rem;
  border-radius: 8px;
  border: 1px solid rgba(47,107,88,.5);
  background: rgba(47,107,88,.15);
  color: var(--foam);
  text-align: center;
}