:root {
      --navy: #071a2c;
      --navy-2: #0c2942;
      --blue: #176f91;
      --aqua: #55d6c2;
      --aqua-dark: #16a892;
      --ice: #eaf8f6;
      --cloud: #f3f7f9;
      --ink: #102538;
      --muted: #5a6f7e;
      --line: #dbe6eb;
      --white: #ffffff;
      --shadow: 0 24px 70px rgba(7, 26, 44, .12);
      --radius: 22px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--white);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
    }
    a { color: inherit; }
    button, input, select, textarea { font: inherit; }
    .container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
    .section { padding: 96px 0; }
    .section.soft { background: var(--cloud); }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 16px;
      color: var(--blue);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .eyebrow::before {
      content: "";
      width: 22px;
      height: 2px;
      background: var(--aqua-dark);
      border-radius: 20px;
    }
    h1, h2, h3, p { margin-top: 0; }
    h1 {
      max-width: 760px;
      margin-bottom: 24px;
      color: var(--white);
      font-size: clamp(42px, 6vw, 72px);
      line-height: 1.02;
      letter-spacing: -.045em;
    }
    h2 {
      margin-bottom: 18px;
      color: var(--navy);
      font-size: clamp(34px, 4vw, 52px);
      line-height: 1.08;
      letter-spacing: -.035em;
    }
    h3 { margin-bottom: 10px; font-size: 21px; line-height: 1.25; }
    .lead { max-width: 720px; color: var(--muted); font-size: 19px; }
    .section-head { max-width: 760px; margin-bottom: 50px; }
    .section-head.center { margin-inline: auto; text-align: center; }
    .section-head.center .eyebrow { justify-content: center; }

    .nav {
      position: absolute;
      z-index: 10;
      top: 0;
      left: 0;
      width: 100%;
      padding: 24px 0;
      color: var(--white);
    }
    .nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    .brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
    .brand-logo { display: block; width: 230px; height: auto; }
    .brand-mark {
      display: grid;
      width: 42px;
      height: 42px;
      place-items: center;
      border: 1px solid rgba(255,255,255,.32);
      border-radius: 14px;
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(10px);
    }
    .brand-mark svg { width: 24px; height: 24px; }
    .brand-name { font-size: 18px; font-weight: 850; letter-spacing: -.02em; }
    .brand-sub { display: block; color: #b7d4da; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

    .button {
      display: inline-flex;
      min-height: 52px;
      align-items: center;
      justify-content: center;
      gap: 9px;
      padding: 14px 22px;
      border: 1px solid transparent;
      border-radius: 999px;
      cursor: pointer;
      font-weight: 800;
      text-decoration: none;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }
    .button:hover { transform: translateY(-2px); }
    .button.primary { color: var(--navy); background: var(--aqua); box-shadow: 0 14px 36px rgba(85,214,194,.24); }
    .button.primary:hover { background: #6ce2d0; }
    .button.secondary { color: var(--white); border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); }
    .button.dark { color: var(--white); background: var(--navy); }
    .button svg { width: 18px; height: 18px; }

    .hero {
      position: relative;
      overflow: hidden;
      min-height: 780px;
      padding: 150px 0 88px;
      background-image:
        linear-gradient(90deg, rgba(4,20,33,.98) 0%, rgba(4,20,33,.92) 35%, rgba(4,20,33,.42) 62%, rgba(4,20,33,.10) 100%),
        url("/sp/img1.webp");
      background-position: center;
      background-size: cover;
    }
    .hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 720px); align-items: center; }
    .hero .eyebrow { color: var(--aqua); }
    .hero p { max-width: 690px; margin-bottom: 34px; color: #c9dde3; font-size: 20px; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
    .hero-note { margin-top: 20px; color: #9fbdc6; font-size: 13px; }
    .system-card {
      position: relative;
      padding: 30px;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 28px;
      color: var(--white);
      background: rgba(255,255,255,.08);
      box-shadow: 0 34px 90px rgba(0,0,0,.2);
      backdrop-filter: blur(18px);
    }
    .system-card::before {
      content: "";
      position: absolute;
      inset: -1px;
      z-index: -1;
      border-radius: inherit;
      background: linear-gradient(145deg, rgba(85,214,194,.28), transparent 44%);
    }
    .system-label { margin-bottom: 20px; color: var(--aqua); font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
    .system-item { display: flex; gap: 14px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.11); }
    .system-item:first-of-type { border-top: 0; }
    .system-number { display: grid; flex: 0 0 32px; height: 32px; place-items: center; border-radius: 50%; color: var(--navy); background: var(--aqua); font-size: 12px; font-weight: 900; }
    .system-item strong { display: block; margin-bottom: 2px; }
    .system-item span { color: #abc7cf; font-size: 13px; }

    .proof { position: relative; z-index: 3; margin-top: -42px; }
    .proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 20px; background: var(--white); box-shadow: var(--shadow); }
    .stat { padding: 28px 24px; text-align: center; }
    .stat + .stat { border-left: 1px solid var(--line); }
    .stat strong { display: block; color: var(--navy); font-size: 30px; line-height: 1.1; letter-spacing: -.03em; }
    .stat span { color: var(--muted); font-size: 13px; }

    .cards-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    .feature {
      min-height: 260px;
      padding: 28px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--white);
      box-shadow: 0 16px 45px rgba(7,26,44,.05);
    }
    .icon {
      display: grid;
      width: 50px;
      height: 50px;
      margin-bottom: 24px;
      place-items: center;
      border-radius: 15px;
      color: var(--blue);
      background: var(--ice);
    }
    .icon svg { width: 25px; height: 25px; }
    .feature p { margin-bottom: 0; color: var(--muted); font-size: 15px; }

    .science-section {
      color: var(--white);
      background: var(--navy);
    }
    .science-section h2 { color: var(--white); }
    .science-section .lead { color: #b9cfd7; }
    .science-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .science-card {
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 24px;
      background: #0b263a;
      box-shadow: 0 24px 60px rgba(0,0,0,.2);
    }
    .science-card img { display: block; width: 100%; height: 280px; object-fit: cover; }
    .science-card-body { padding: 25px; }
    .science-card h3 { margin-bottom: 9px; color: var(--white); }
    .science-card p { margin-bottom: 0; color: #abc3cc; font-size: 14px; }
    .science-kicker { display: block; margin-bottom: 8px; color: var(--aqua); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
    .differentiated-feature {
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr;
      gap: 34px;
      align-items: center;
      margin-top: 44px;
      padding: 44px;
      border: 1px solid rgba(85,214,194,.32);
      border-radius: 28px;
      background: linear-gradient(135deg, #0b2d43 0%, #0b3850 58%, #07535e 100%);
      box-shadow: 0 26px 70px rgba(0,0,0,.24);
    }
    .differentiated-feature::before {
      content: "";
      position: absolute;
      top: -170px;
      right: -120px;
      width: 390px;
      height: 390px;
      border: 70px solid rgba(85,214,194,.08);
      border-radius: 50%;
    }
    .differentiated-copy, .differentiated-process { position: relative; z-index: 1; }
    .differentiated-copy h3 { margin: 8px 0 16px; color: var(--white); font-size: clamp(28px,3vw,38px); line-height: 1.08; }
    .differentiated-copy p { margin-bottom: 16px; color: #c4d9df; }
    .unique-note {
      margin-top: 22px;
      padding: 16px 18px;
      border-left: 3px solid var(--aqua);
      border-radius: 0 12px 12px 0;
      color: var(--white);
      background: rgba(85,214,194,.09);
      font-size: 14px;
      font-weight: 750;
    }
    .differentiated-process { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .diff-step {
      display: block;
      padding: 12px 12px 18px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 17px;
      background: rgba(3,20,33,.48);
      backdrop-filter: blur(8px);
    }
    .diff-step-visual {
      position: relative;
      overflow: hidden;
      width: 100%;
      aspect-ratio: 4 / 3;
      border-radius: 12px;
      background: #071c2b;
    }
    .diff-step-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .diff-step-number {
      display: none;
      position: absolute;
      z-index: 2;
      top: 8px;
      left: 8px;
      width: 44px;
      height: 44px;
      place-items: center;
      border-radius: 50%;
      color: var(--navy);
      background: var(--aqua);
      font-size: 13px;
      font-weight: 900;
      box-shadow: 0 8px 20px rgba(0,0,0,.28);
    }
    .diff-step strong { display: block; margin-bottom: 3px; color: var(--white); font-size: 15px; }
    .diff-step span { display: block; color: #a9c4cc; font-size: 13px; line-height: 1.5; }
    .diff-step .diff-step-number { display: none; }
    .diff-step > div:last-child { padding: 16px 8px 4px; }
    .specialty-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
    .specialty-pill { padding: 7px 11px; border: 1px solid rgba(85,214,194,.24); border-radius: 999px; color: #c9f4ed; background: rgba(85,214,194,.08); font-size: 11px; font-weight: 800; letter-spacing: .03em; }

    .split { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 72px; }
    .checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .check {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 17px;
      border: 1px solid var(--line);
      border-radius: 15px;
      background: var(--white);
      font-size: 14px;
      font-weight: 700;
    }
    .check svg { flex: 0 0 20px; width: 20px; height: 20px; color: var(--aqua-dark); }
    .panel-dark {
      position: relative;
      overflow: hidden;
      padding: 50px;
      border-radius: 30px;
      color: var(--white);
      background: linear-gradient(145deg, var(--navy), var(--navy-2));
      box-shadow: var(--shadow);
    }
    .panel-dark::after { content: ""; position: absolute; right: -90px; bottom: -130px; width: 310px; height: 310px; border: 55px solid rgba(85,214,194,.10); border-radius: 50%; }
    .panel-dark h3 { position: relative; z-index: 1; max-width: 450px; margin-bottom: 18px; font-size: 32px; }
    .panel-dark p { position: relative; z-index: 1; color: #c0d4da; }
    .pill-row { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; }
    .pill { padding: 8px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #d8e7ea; background: rgba(255,255,255,.06); font-size: 12px; font-weight: 750; }
    .success-head { max-width: 900px; }
    .success-split { align-items: stretch; gap: 48px; }
    .success-split > div:first-child { display: flex; flex-direction: column; }
    .success-split .checklist { flex: 1; grid-auto-rows: 1fr; }
    .success-split .check { align-items: center; padding: 16px; }
    .success-split .panel-dark { padding: 40px; }
    .success-split .panel-dark h3 { margin-bottom: 14px; font-size: 28px; }
    .success-split .panel-dark p { font-size: 15px; line-height: 1.65; }
    .success-subhead { margin-bottom: 22px; color: var(--navy); font-size: 24px; }
    .outcome-list { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
    .outcome {
      padding: 14px 15px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 15px;
      background: rgba(255,255,255,.06);
    }
    .outcome strong { display: block; margin-bottom: 4px; color: var(--white); font-size: 15px; }
    .outcome span { color: #bcd1d7; font-size: 13px; line-height: 1.5; }
    .confidence-callout { position: relative; z-index: 1; margin-top: 16px; padding: 14px 16px; border-left: 3px solid var(--aqua); border-radius: 0 14px 14px 0; background: rgba(85,214,194,.09); }
    .confidence-callout strong { display: block; margin-bottom: 4px; color: var(--white); }
    .confidence-callout span { color: #c8dde2; font-size: 13px; }
    .success-blueprint { display: grid; grid-template-columns: .78fr 1.22fr; gap: 22px; align-items: stretch; }
    .failure-card, .solution-panel { border-radius: 28px; }
    .failure-card {
      padding: 36px;
      border: 1px solid #dfe8ec;
      background: var(--white);
      box-shadow: 0 18px 50px rgba(7,26,44,.06);
    }
    .failure-card h3 { margin: 10px 0 14px; color: var(--navy); font-size: 29px; line-height: 1.15; }
    .failure-card > p { color: var(--muted); font-size: 15px; }
    .friction-list { display: grid; gap: 11px; margin-top: 24px; }
    .friction-item {
      display: flex;
      gap: 11px;
      align-items: center;
      padding: 13px 14px;
      border: 1px solid var(--line);
      border-radius: 13px;
      color: #294352;
      background: #f8fbfc;
      font-size: 14px;
      font-weight: 750;
    }
    .friction-mark { display: grid; flex: 0 0 25px; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #8b4751; background: #faeaec; font-size: 14px; font-weight: 900; }
    .solution-panel {
      position: relative;
      overflow: hidden;
      padding: 38px;
      color: var(--white);
      background: linear-gradient(145deg, var(--navy), #0a3550);
      box-shadow: var(--shadow);
    }
    .solution-panel::after { content: ""; position: absolute; right: -105px; bottom: -165px; width: 360px; height: 360px; border: 60px solid rgba(85,214,194,.08); border-radius: 50%; }
    .solution-panel > * { position: relative; z-index: 1; }
    .solution-panel h3 { margin: 10px 0 12px; color: var(--white); font-size: 31px; line-height: 1.12; }
    .solution-panel > p { max-width: 690px; color: #c0d5dc; font-size: 15px; }
    .system-pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
    .system-pillar { padding: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.06); }
    .system-pillar-number { display: block; margin-bottom: 10px; color: var(--aqua); font-size: 12px; font-weight: 900; letter-spacing: .12em; }
    .system-pillar strong { display: block; margin-bottom: 6px; color: var(--white); font-size: 16px; }
    .system-pillar p { margin: 0; color: #b9cfd7; font-size: 13px; line-height: 1.55; }
    .success-result {
      display: grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 40px;
      align-items: center;
      margin-top: 22px;
      padding: 34px 38px;
      border: 1px solid #bfe5df;
      border-radius: 24px;
      background: linear-gradient(110deg, #edf9f7, #f8fcfd);
    }
    .success-result h3 { margin: 8px 0 9px; color: var(--navy); font-size: 29px; line-height: 1.15; }
    .success-result p { margin: 0; color: var(--muted); font-size: 15px; }
    .result-points { display: grid; gap: 9px; }
    .result-point { display: flex; gap: 10px; align-items: center; color: var(--navy); font-size: 14px; font-weight: 800; }
    .result-point svg { flex: 0 0 20px; width: 20px; height: 20px; color: var(--aqua-dark); }

    .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
    .step { position: relative; padding-top: 56px; }
    .step:not(:last-child)::after { content: ""; position: absolute; top: 20px; left: 52px; width: calc(100% - 28px); border-top: 1px dashed #aac0c8; }
    .step-number { position: absolute; z-index: 2; top: 0; left: 0; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: var(--white); background: var(--blue); font-weight: 900; }
    .step p { color: var(--muted); font-size: 14px; }
    .success-roadmap .section-head { max-width: 900px; }
    .success-steps { grid-template-columns: repeat(5, 1fr); gap: 20px; }
    .success-steps h3 { min-height: 52px; font-size: 20px; }
    .success-steps p { font-size: 14px; line-height: 1.65; }
    .launch-ready {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 44px;
      align-items: center;
      margin-top: 62px;
      padding: 38px;
      border: 1px solid #bde5de;
      border-radius: 26px;
      background: linear-gradient(135deg, #f1fbf9, #edf7fb);
    }
    .launch-ready h3 { margin-bottom: 0; color: var(--navy); font-size: 25px; }
    .readiness-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .readiness-item { position: relative; padding: 14px 14px 14px 42px; border-radius: 13px; color: #234353; background: rgba(255,255,255,.78); font-size: 13px; font-weight: 750; }
    .readiness-item::before { content: "✓"; position: absolute; top: 13px; left: 15px; display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; color: var(--white); background: var(--aqua-dark); font-size: 11px; font-weight: 900; }

    .signal-band {
      position: relative;
      min-height: 560px;
      overflow: hidden;
      color: var(--white);
      background: var(--navy);
    }
    .signal-band img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .signal-band::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,20,33,.96) 0%, rgba(4,20,33,.83) 38%, rgba(4,20,33,.22) 72%, rgba(4,20,33,.08) 100%); }
    .signal-content { position: relative; z-index: 2; display: flex; min-height: 560px; align-items: center; }
    .signal-copy { max-width: 580px; }
    .signal-copy h2 { color: var(--white); }
    .signal-copy p { color: #c2d7dd; font-size: 18px; }
    .signal-points { display: flex; flex-wrap: wrap; gap: 9px; margin: 24px 0 30px; }
    .signal-points span { padding: 8px 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #d7e7ea; background: rgba(255,255,255,.07); font-size: 12px; font-weight: 750; backdrop-filter: blur(8px); }

    .conversion {
      padding: 96px 0;
      background:
        radial-gradient(circle at 8% 10%, rgba(85,214,194,.16), transparent 25%),
        linear-gradient(135deg, #061827, #0c3049);
    }
    .conversion-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 40px; }
    .conversion h2 { color: var(--white); }
    .conversion .lead { color: #bed2d9; }
    .conversion-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 24px; }
    .form-card, .calendar-card { padding: 34px; border-radius: 24px; background: var(--white); box-shadow: 0 24px 70px rgba(0,0,0,.18); }
    .form-card h3, .calendar-card h3 { font-size: 25px; }
    .form-card > p, .calendar-card > p { color: var(--muted); font-size: 14px; }
    .fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 24px; }
    .field.full { grid-column: 1 / -1; }
    label { display: block; margin-bottom: 6px; color: #344c5d; font-size: 12px; font-weight: 800; }
    input, select, textarea {
      width: 100%;
      border: 1px solid #cbd9df;
      border-radius: 11px;
      outline: 0;
      color: var(--ink);
      background: #fff;
    }
    input, select { height: 48px; padding: 0 13px; }
    textarea { min-height: 92px; padding: 12px 13px; resize: vertical; }
    input:focus, select:focus, textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(23,111,145,.10); }
    .form-card .button { width: 100%; margin-top: 16px; }
    .privacy { margin: 12px 0 0; color: #738694; font-size: 11px; text-align: center; }
    .calendar-shell {
      display: grid;
      min-height: 475px;
      margin-top: 24px;
      place-items: center;
      border: 1px dashed #abc0c9;
      border-radius: 16px;
      background: var(--cloud);
      text-align: center;
    }
    .calendar-shell > div { max-width: 370px; padding: 30px; }
    .calendar-icon { display: grid; width: 62px; height: 62px; margin: 0 auto 18px; place-items: center; border-radius: 18px; color: var(--blue); background: var(--ice); }
    .calendar-icon svg { width: 30px; height: 30px; }
    .calendar-shell strong { display: block; margin-bottom: 8px; font-size: 20px; }
    .calendar-shell span { display: block; margin-bottom: 22px; color: var(--muted); font-size: 13px; }
    .ghl-embed-shell { overflow: hidden; margin-top: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--white); }
    .ghl-form-frame { display: block; width: 100%; min-height: 1163px; border: 0; }
    .ghl-calendar-frame { display: block; width: 100%; min-height: 720px; border: 0; overflow: hidden; }

    .faq { display: grid; grid-template-columns: .65fr 1.35fr; gap: 80px; }
    details { border-top: 1px solid var(--line); }
    details:last-child { border-bottom: 1px solid var(--line); }
    summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; cursor: pointer; color: var(--navy); font-weight: 800; list-style: none; }
    summary::-webkit-details-marker { display: none; }
    summary::after { content: "+"; display: grid; flex: 0 0 28px; height: 28px; place-items: center; border-radius: 50%; color: var(--blue); background: var(--ice); font-size: 18px; }
    details[open] summary::after { content: "−"; }
    details p { max-width: 720px; padding: 0 0 22px; color: var(--muted); }

    .final-cta { padding: 74px 0; color: var(--white); background: var(--blue); }
    .final-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
    .final-cta h2 { max-width: 700px; margin-bottom: 10px; color: var(--white); font-size: clamp(32px,4vw,50px); }
    .final-cta p { margin-bottom: 0; color: #d6edf2; }
    footer { padding: 34px 0 110px; color: #8ba0ad; background: #041421; font-size: 12px; }
    .footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
    .footer-brand { display: flex; align-items: center; gap: 24px; }
    .footer-logo { display: block; width: 190px; height: auto; }
    .mobile-cta { display: none; }
    .success { display: none; margin-top: 18px; padding: 15px; border: 1px solid #a7ddd4; border-radius: 12px; color: #0b685a; background: var(--ice); font-size: 14px; font-weight: 700; }

    @media (max-width: 980px) {
      .hero { min-height: auto; }
      .hero-grid, .split, .conversion-grid, .faq, .launch-ready { grid-template-columns: 1fr; }
      .success-blueprint, .success-result { grid-template-columns: 1fr; }
      .hero-grid { gap: 46px; }
      .system-card { max-width: 620px; }
      .cards-4 { grid-template-columns: 1fr 1fr; }
      .science-grid { grid-template-columns: 1fr; }
      .science-card { display: grid; grid-template-columns: .9fr 1.1fr; }
      .science-card img { height: 100%; min-height: 260px; }
      .differentiated-feature { grid-template-columns: 1fr; }
      .steps { grid-template-columns: 1fr 1fr; }
      .step:nth-child(2)::after { display: none; }
      .success-steps .step:nth-child(4)::after { display: none; }
      .faq { gap: 36px; }
    }
    @media (max-width: 720px) {
      .container { width: min(100% - 28px, 1160px); }
      .section { padding: 72px 0; }
      .nav { top: 0; padding: 18px 0; }
      .nav .button { display: none; }
      .brand-logo { width: 190px; }
      .brand-sub { display: none; }
      .hero { min-height: 720px; padding: 135px 0 72px; background-position: 62% center; }
      .hero p { font-size: 18px; }
      .hero-actions .button { width: 100%; }
      .system-card, .panel-dark, .form-card, .calendar-card { padding: 26px; }
      .proof { margin-top: 0; padding-top: 14px; background: var(--cloud); }
      .proof .container { width: 100%; }
      .proof-grid { grid-template-columns: 1fr 1fr; border-radius: 0; box-shadow: none; }
      .stat + .stat { border-left: 0; }
      .stat:nth-child(even) { border-left: 1px solid var(--line); }
      .stat:nth-child(n+3) { border-top: 1px solid var(--line); }
      .cards-4, .steps, .checklist, .fields, .readiness-grid { grid-template-columns: 1fr; }
      .success-split .outcome-list { grid-template-columns: 1fr; }
      .system-pillars { grid-template-columns: 1fr; }
      .failure-card, .solution-panel, .success-result { padding: 26px; }
      .science-card { display: block; }
      .science-card img { height: 230px; min-height: 0; }
      .differentiated-feature { gap: 30px; padding: 28px 22px; }
      .differentiated-process { grid-template-columns: 1fr; }
      .signal-band, .signal-content { min-height: 620px; }
      .signal-band img { object-position: 62% center; }
      .step:not(:last-child)::after { display: none; }
      .field.full { grid-column: auto; }
      .conversion-head, .final-inner, .footer-inner { align-items: flex-start; flex-direction: column; }
      .footer-brand { align-items: flex-start; flex-direction: column; gap: 16px; }
      .calendar-shell { min-height: 380px; }
      .mobile-cta { position: fixed; z-index: 50; right: 12px; bottom: 12px; left: 12px; display: block; }
      .mobile-cta .button { width: 100%; box-shadow: 0 12px 30px rgba(7,26,44,.3); }
    }