*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --black: #0A0A0A;
    --steel: #14141F;
    --steel-2: #1C1C2B;
    --white: #FFFFFF;
    --red: #C8102E;
    --red-dark: #9E0B22;
    --green: #1FA84A;
    --green-dark: #16863A;
    --gray-100: #F2F2F2;
    --gray-300: #BDBDBD;
    --gray-500: #8A8A93;
    --line: rgba(255,255,255,0.10);
  }

  html { scroll-behavior: smooth; }
  body {
    font-family: 'Barlow', sans-serif;
    background: var(--black);
    color: var(--white);
    line-height: 1.5;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
  }
  a { color: inherit; }

  /* NAV — logo + phone (info, no competing CTA) */
  .nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 clamp(1.25rem, 4vw, 3rem); height: 64px;
    background: rgba(10,10,10,0.82); backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
  }
  .nav-logo {
    text-decoration: none; display: inline-flex; align-items: center;
  }
  .nav-logo img { height: 36px; width: auto; display: block; }
  .nav-phone {
    display: inline-flex; align-items: center; gap: .55rem;
    text-decoration: none; font-weight: 600; font-size: .95rem; letter-spacing: .01em;
  }
  .nav-phone .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 4px rgba(200,16,46,.18); }
  .nav-phone small { display:block; font-weight:400; font-size:.7rem; color: var(--gray-500); letter-spacing:.04em; }

  /* HERO */
  .hero {
    min-height: 100vh; padding-top: 64px;
    display: grid; grid-template-columns: 1.15fr 0.85fr;
  }

  /* LEFT — image + emotional/price hook */
  .hero-visual {
    position: relative; overflow: hidden;
    background: #000 url('img/hero-bg.jpg') center / cover no-repeat;
    display: flex; flex-direction: column; justify-content: flex-end;
    padding: clamp(1.5rem, 3vw, 3rem);
  }
  .hero-visual::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0.35) 38%, rgba(10,10,10,0) 65%);
  }
  .hero-visual::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to right, rgba(10,10,10,0) 70%, rgba(10,10,10,0.5) 100%);
  }
  .hero-copy { position: relative; z-index: 2; max-width: 560px; }
  .eyebrow {
    display: inline-block; font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase;
    font-size: .8rem; color: var(--gray-300);
    border-left: 3px solid var(--red); padding-left: .7rem; margin-bottom: 1rem;
  }
  .hero-title {
    font-family: 'Barlow Condensed', sans-serif; font-weight: 900;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 0.95;
    text-transform: uppercase; letter-spacing: -0.01em; margin-bottom: 1.25rem;
  }
  .hero-title em { color: var(--red); font-style: normal; }
  .price-hook { display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap; }
  .price-hook .from { font-weight: 600; font-size: 1rem; color: var(--gray-300); text-transform: uppercase; letter-spacing: .1em; }
  .price-hook .amount {
    font-family: 'Barlow Condensed', sans-serif; font-weight: 900;
    font-size: clamp(3rem, 7vw, 5.5rem); line-height: 0.9; letter-spacing: -0.02em;
  }
  .price-hook .amount span { color: var(--red); }
  .price-note { font-size: .82rem; color: var(--gray-500); margin-top: .5rem; max-width: 420px; }

  /* Text hook above form */
  .form-hook {
    container-type: inline-size;
    padding: clamp(1.4rem, 2.5vw, 2rem) clamp(1.5rem, 3vw, 3rem) 0;
    background: var(--steel);
    border-left: 1px solid var(--line);
  }
  .form-hook .hook-eyebrow {
    display: inline-block; font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase;
    font-size: .8rem; color: var(--gray-300);
    border-left: 3px solid var(--red); padding-left: .7rem; margin-bottom: .75rem;
  }
  .form-hook .hook-title {
    font-family: 'Barlow Condensed', sans-serif; font-weight: 900;
    font-size: clamp(2rem, 4vw, 3rem); line-height: 0.95;
    text-transform: uppercase; color: var(--white); margin-bottom: .8rem;
  }
  .form-hook .hook-price {
    display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; margin-bottom: .5rem;
  }
  .form-hook .hook-price .from { font-weight: 600; font-size: .9rem; color: var(--gray-300); text-transform: uppercase; letter-spacing: .1em; }
  .form-hook .hook-price .amount {
    font-family: 'Barlow Condensed', sans-serif; font-weight: 900;
    font-size: clamp(2.5rem, 5vw, 3.8rem); line-height: 0.9; letter-spacing: -0.02em; color: var(--red);
  }
  .form-hook .hook-note { font-size: clamp(.58rem, 3.4cqi, .72rem); color: var(--gray-500); margin-bottom: .2rem; }
  .hero-specs { position: relative; z-index: 2; display: flex; gap: 0; margin-top: 1.75rem; border-top: 1px solid var(--line); padding-top: 1.25rem; }
  .hook-note .tag { display:inline-block; background:rgba(46,160,67,0.15); color:#2ea043; font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:2px 8px; border-radius:4px; margin-left:.2rem; vertical-align:middle; }
  .hero-spec { flex: 1; }
  .hero-spec + .hero-spec { border-left: 1px solid var(--line); padding-left: 1rem; }
  .hero-spec .v { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 1.5rem; line-height: 1; }
  .hero-spec .l { font-size: .72rem; color: var(--gray-500); text-transform: uppercase; letter-spacing: .08em; margin-top: .25rem; }

  /* RIGHT — single-CTA form */
  .hero-form-wrap {
    background: var(--steel); display: flex; flex-direction: column; justify-content: center;
    padding: clamp(1.75rem, 3vw, 3rem) clamp(1.5rem, 3vw, 3rem);
    border-left: 1px solid var(--line);
  }
  .form-head { margin-bottom: 1.5rem; }
  .form-tag { display:inline-block; font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:.18em; text-transform:uppercase; font-size:.72rem; color:var(--red); margin-bottom:.6rem; }
  .form-title { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(1.8rem,3vw,2.4rem); line-height:1; text-transform:uppercase; }
  .form-sub { color: var(--gray-300); font-size: .95rem; margin-top: .5rem; }

  .field { margin-bottom: .9rem; }
  .field label { display:block; font-size:.78rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--gray-300); margin-bottom:.35rem; }
  .field input {
    width:100%; padding:.85rem 1rem; background:rgba(255,255,255,0.04);
    border:1px solid var(--line); border-radius:8px; color:var(--white);
    font-family:'Barlow',sans-serif; font-size:1rem; transition:border-color .15s, background .15s;
  }
  .field input::placeholder { color: var(--gray-500); }
  .field input:focus { outline:none; border-color:var(--red); background:rgba(255,255,255,0.06); }

  /* version toggle = folds the comparison INTO the form */
  .ver-label { display:block; font-size:.78rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--gray-300); margin-bottom:.45rem; }
  .ver-toggle { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin-bottom:1rem; }
  .ver-opt {
    position:relative; cursor:pointer; border:1px solid var(--line); border-radius:8px;
    padding:.7rem .85rem; background:rgba(255,255,255,0.03); transition:border-color .15s, background .15s;
  }
  .ver-opt input { position:absolute; opacity:0; pointer-events:none; }
  .ver-opt .t { font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:1.05rem; line-height:1; }
  .ver-opt .p { font-size:.8rem; color:var(--gray-300); margin-top:.2rem; }
  .ver-opt .tag { font-size:.66rem; color:var(--red); font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
  .ver-opt:has(input:checked) { border-color:var(--red); background:rgba(200,16,46,0.08); }
  .ver-opt:has(input:focus-visible) { outline:2px solid var(--red); outline-offset:2px; }

  .consent { display:flex; align-items:flex-start; gap:.55rem; margin-bottom:.7rem; }
  .consent input { margin-top:.2rem; width:16px; height:16px; accent-color:var(--red); flex-shrink:0; }
  .consent label { font-size:.8rem; color:var(--gray-300); line-height:1.4; }
  .consent a { color:var(--white); text-decoration:underline; }

  /* THE single CTA */
  .cta {
    width:100%; border:none; cursor:pointer; margin-top:.5rem;
    background:var(--green); color:var(--white);
    font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:1.3rem;
    letter-spacing:.04em; text-transform:uppercase; padding:1.05rem 1rem; border-radius:9px;
    transition:background .15s, transform .08s; display:flex; align-items:center; justify-content:center; gap:.6rem;
  }
  .cta:hover { background:var(--green-dark); }
  .cta:active { transform:translateY(1px); }
  .cta:focus-visible { outline:3px solid #fff; outline-offset:3px; }

  .reassure { display:flex; align-items:center; justify-content:center; gap:1.1rem; margin-top:.9rem; flex-wrap:wrap; }
  .reassure span { font-size:.76rem; color:var(--gray-500); display:inline-flex; align-items:center; gap:.3rem; }
  .reassure span::before { content:'\2713'; color:var(--red); font-weight:700; }

  /* success state */
  .success { display:none; text-align:center; padding:2rem 1rem; }
  .success .ico { width:64px; height:64px; border-radius:50%; background:var(--red); color:#fff; font-size:2rem; display:flex; align-items:center; justify-content:center; margin:0 auto 1.25rem; }
  .success h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:1.9rem; text-transform:uppercase; }
  .success p { color:var(--gray-300); margin-top:.6rem; }

  /* TRUST BAR */
  .trust { display:flex; align-items:center; justify-content:center; gap:clamp(1rem,4vw,3.5rem); flex-wrap:wrap; padding:1.1rem 1.5rem; background:var(--steel-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .trust div { display:inline-flex; align-items:center; gap:.5rem; font-weight:600; font-size:.9rem; letter-spacing:.02em; }
  .trust .ic { color:var(--red); font-size:1.1rem; }

  /* SPECS (supporting, no CTA) */
  .specs { max-width:1100px; margin:0 auto; padding:clamp(3rem,7vw,5rem) 1.5rem; }
  .specs-head { text-align:center; margin-bottom:2.5rem; }
  .specs-head h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(1.8rem,4vw,2.8rem); text-transform:uppercase; line-height:1; }
  .specs-head p { color:var(--gray-300); margin-top:.7rem; }
  .specs-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
  .spec-card { background:var(--steel); border:1px solid var(--line); border-radius:12px; padding:1.6rem 1.2rem; text-align:center; }
  .spec-card .v { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:2.4rem; line-height:1; }
  .spec-card .v small { font-size:1.1rem; color:var(--gray-300); }
  .spec-card .l { color:var(--gray-500); font-size:.85rem; margin-top:.5rem; }

  /* FOOTER */
  .footer { border-top:1px solid var(--line); padding:2.5rem 1.5rem; background:#070707; }
  .footer-top { max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; padding-bottom:1.5rem; border-bottom:1px solid var(--line); }
  .footer-logo { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:1.6rem; letter-spacing:.12em; }
  .footer-logo span { color:var(--red); }
  .footer-contact { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }
  .footer-contact a { text-decoration:none; font-weight:600; }
  .footer-social { display:flex; gap:.6rem; }
  .footer-social a { width:34px; height:34px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:700; text-decoration:none; color:var(--gray-300); transition:border-color .15s,color .15s; }
  .footer-social a:hover { border-color:var(--red); color:#fff; }
  .footer-legal { max-width:1100px; margin:1.5rem auto 0; }
  .footer-links { display:flex; gap:1.5rem; margin-bottom:1rem; }
  .footer-links a { font-size:.85rem; color:var(--gray-300); text-decoration:none; }
  .footer-links a:hover { color:#fff; }
  .footer-disclaimer { font-size:.72rem; color:var(--gray-500); line-height:1.6; }

  /* RESPONSIVE */
  @media (max-width: 900px) {
    .hero { grid-template-columns:1fr; min-height:auto; }
    .hero-visual { min-height:62vh; border-bottom:1px solid var(--line); }
    .hero-form-wrap { border-left:none; }
    .specs-grid { grid-template-columns:repeat(2,1fr); }
  }
  @media (max-width: 540px) {
    .nav-phone span:not(.dot) { display:none; }
    .hero-visual { min-height:54vh; }
    .ver-toggle { grid-template-columns:1fr; }
    .specs-grid { grid-template-columns:1fr 1fr; }
    .footer-top { flex-direction:column; align-items:flex-start; }
  }

  @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }