.landing-body { background: #fff; }
.landing-header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid var(--ink); background: #fff; }
.landing-header-inner { display: flex; align-items: center; justify-content: space-between; width: min(100% - 48px, 1120px); min-height: 72px; margin: 0 auto; }
.landing-header-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border: 1px solid var(--ink); border-radius: 7px; background: var(--ink); color: #fff; font-size: 1rem; font-weight: 700; text-decoration: none; }

.landing-page { width: min(100% - 48px, 1120px); max-width: none; padding: 0; text-align: center; container-type: inline-size; }
.landing-hero { display: grid; place-items: center; min-height: calc(100vh - 72px); padding: clamp(20px, 2vw, 36px) 0 clamp(80px, 10vw, 140px); }
.landing-hero-copy { width: min(100%, 980px); margin: 0 auto; }
.landing-hero h1 { max-width: 900px; margin: 0 auto; font-size: clamp(3.6rem, 7vw, 6.8rem); font-weight: 800; line-height: .94; letter-spacing: -.065em; }
.landing-highlight { padding: 0; background: transparent; color: #d92d20; box-decoration-break: slice; -webkit-box-decoration-break: slice; }
.landing-subtitle { max-width: 700px; margin: 34px auto 0; color: var(--ink); font-size: clamp(1.2rem, 1.8vw, 1.55rem); font-weight: 400; line-height: 1.5; }
.landing-cta { min-height: 64px; margin-top: 36px; padding: 17px 30px; border-radius: 9px; font-size: clamp(1rem, 1.4vw, 1.15rem); font-weight: 700; text-align: center; }

.landing-proof-strip { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; overflow: hidden; border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); text-align: left; }
.landing-proof-strip > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: clamp(18px, 2.5vw, 32px); min-width: 0; padding: clamp(30px, 4vw, 48px); }
.landing-proof-strip > div:first-child { border-right: 2px solid var(--ink); }
.landing-proof-strip span { max-width: 240px; color: var(--ink); font-size: clamp(1rem, 1.25vw, 1.15rem); font-weight: 400; line-height: 1.45; }
.landing-proof-strip strong { min-width: 0; font-size: clamp(3.2rem, 5vw, 5rem); font-weight: 800; line-height: .9; letter-spacing: -.06em; white-space: nowrap; }
.landing-proof-strip .speed-arrow { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; width: 48px; height: 48px; border: 2px solid var(--ink); border-radius: 50%; background: #fff; color: var(--ink); font-size: 1.5rem; font-weight: 700; transform: translate(-50%, -50%); }
.landing-proof-strip .speed-target { background: var(--ink); color: #fff; }
.landing-proof-strip .speed-target span { color: #fff; }

.landing-story { padding: clamp(110px, 12vw, 170px) 0; }
.landing-story h2, .benefits-section h2 { max-width: 820px; margin: 0 auto; font-size: clamp(3rem, 5.2vw, 5.2rem); font-weight: 800; line-height: .96; letter-spacing: -.05em; }
.landing-story-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 6vw, 80px); max-width: 980px; margin: 64px auto 0; text-align: left; }
.landing-story-copy p { margin: 0; padding-top: 28px; border-top: 2px solid var(--ink); color: var(--ink); font-size: clamp(1.2rem, 1.8vw, 1.55rem); font-weight: 400; line-height: 1.6; }

.speed-section { padding: clamp(100px, 11vw, 160px) 0; border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
.speed-section > p { max-width: 980px; margin: 0 auto; color: var(--ink); font-size: clamp(2.1rem, 4.3vw, 4.3rem); font-weight: 600; line-height: 1.15; letter-spacing: -.035em; }

.benefits-section { padding: clamp(110px, 12vw, 170px) 0; }
.benefit-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; margin: 70px auto 0; padding: 0; border-top: 2px solid var(--ink); list-style: none; text-align: left; }
.benefit-list li { display: grid; grid-template-columns: clamp(56px, 6vw, 82px) minmax(0, 1fr); align-items: start; gap: 20px; min-width: 0; padding: clamp(34px, 4.2vw, 54px) clamp(24px, 4vw, 50px); border-bottom: 2px solid var(--ink); color: var(--ink); font-size: clamp(1.2rem, 1.8vw, 1.55rem); font-weight: 400; line-height: 1.5; }
.benefit-list li:nth-child(odd) { border-right: 2px solid var(--ink); }
.benefit-list li:last-child { grid-column: 1 / -1; border-right: 0; }
.benefit-index { color: var(--ink); font-size: clamp(1.6rem, 2.7vw, 2.5rem); font-weight: 800; line-height: 1; letter-spacing: -.04em; }

.lifetime-section { width: 100cqi; margin-right: calc(50% - 50cqi); margin-left: calc(50% - 50cqi); padding: clamp(110px, 12vw, 170px) max(24px, calc((100cqi - 1120px) / 2)); background: var(--ink); color: #fff; }
.lifetime-kicker { margin: 0 0 36px; color: #fff; font-size: clamp(1.15rem, 1.7vw, 1.45rem); font-weight: 600; }
.lifetime-section h2 { max-width: 980px; margin: 0 auto; font-size: clamp(3.8rem, 7vw, 7rem); font-weight: 800; line-height: .94; letter-spacing: -.065em; }
.lifetime-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 6vw, 80px); max-width: 980px; margin: 72px auto 0; text-align: left; }
.lifetime-copy p { margin: 0; padding-top: 28px; border-top: 2px solid #fff; color: #fff; font-size: clamp(1.2rem, 1.8vw, 1.55rem); font-weight: 400; line-height: 1.6; }
.landing-final-cta { display: grid; place-items: center; width: 100cqi; margin-right: calc(50% - 50cqi); margin-left: calc(50% - 50cqi); padding: 0 max(24px, calc((100cqi - 1120px) / 2)) 120px; background: var(--ink); }
.landing-final-cta .landing-cta { margin: 0; }
.landing-cta-invert { border-color: #fff; background: #fff; color: var(--ink); }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: min(100% - 48px, 1120px); margin: 0 auto; padding: 32px 0; border-top: 1px solid var(--line); }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
.site-footer a { color: inherit; }

.legal-page { width: min(100% - 48px, 760px); margin: 0 auto; padding: 80px 0 120px; }
.legal-page h1 { margin: 0 0 12px; font-size: clamp(2.8rem, 7vw, 5rem); line-height: .95; letter-spacing: -.05em; }
.legal-page .legal-updated { margin: 0 0 56px; color: var(--muted); }
.legal-page section { padding: 30px 0; border-top: 1px solid var(--line); }
.legal-page h2 { margin: 0 0 14px; font-size: 1.25rem; }
.legal-page p, .legal-page li { color: var(--ink); line-height: 1.7; }
.legal-page ul { padding-left: 22px; }

@media (max-width: 960px) {
  .landing-proof-strip > div { grid-template-columns: 1fr; align-content: center; }
  .landing-proof-strip strong { font-size: clamp(3rem, 6vw, 4.2rem); }
}

@media (max-width: 720px) {
  .landing-header-inner, .landing-page { width: min(100% - 32px, 1120px); }
  .site-footer, .legal-page { width: min(100% - 32px, 1120px); }
  .site-footer { align-items: flex-start; flex-direction: column; }
  .landing-header-inner { min-height: 64px; }
  .landing-header-cta { min-height: 42px; font-size: .9rem; }
  .landing-hero { min-height: 0; padding: 72px 0 90px; }
  .landing-hero h1 { font-size: clamp(3.25rem, 15vw, 5rem); }
  .landing-cta { width: 100%; }
  .landing-proof-strip { grid-template-columns: 1fr; }
  .landing-proof-strip > div { grid-template-columns: minmax(0, 1fr) auto; }
  .landing-proof-strip > div:first-child { border-right: 0; border-bottom: 2px solid var(--ink); }
  .landing-proof-strip .speed-arrow { top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); }
  .landing-story-copy, .lifetime-copy { grid-template-columns: 1fr; gap: 28px; }
  .benefit-list { grid-template-columns: 1fr; }
  .benefit-list li:nth-child(odd) { border-right: 0; }
  .benefit-list li:last-child { grid-column: auto; }
  .benefit-list li { grid-template-columns: clamp(54px, 14vw, 76px) minmax(0, 1fr); padding-inline: 0; }
}

@media (max-width: 460px) {
  .landing-proof-strip > div { grid-template-columns: 1fr; }
  .landing-proof-strip strong { font-size: clamp(3.3rem, 16vw, 4.5rem); }
  .landing-story h2, .benefits-section h2 { font-size: clamp(2.8rem, 13vw, 4rem); }
  .speed-section > p { font-size: clamp(2rem, 10vw, 3rem); }
  .lifetime-section h2 { font-size: clamp(3.5rem, 16vw, 5rem); }
}