:root { --navy: #0C2149; --navy-2: #132C5E; --navy-3: #1B3A78; --navy-deep: #08172F; --gold: #E3A621; --gold-2: #C9911A; --gold-3: #F2C45A; --gold-ink: #8A6212; --cream: #FBF8F2; --cream-2: #F2ECDF; --cream-3: #E6DCC6; --white: #ffffff; --on-navy: rgba(255,255,255,.82); --on-navy-2: rgba(255,255,255,.62); --ink: var(--navy); --ink-2: #3D4A6B; --ink-3: #6B7590; --line: var(--cream-3); --line-2: #D6C9AD; --bg: var(--white); --bg-2: var(--cream); --success: #2F7D4F; --success-100: #E4F2E9; --warn: oklch(70% 0.18 60); --danger: oklch(60% 0.22 25); --tariff-fixed: #1F5FBF; --tariff-special: #23813F; --tariff-variable: #F2C230; --tariff-dynamic: #EE8A22; --blue: var(--navy-3); --blue-700: var(--navy); --blue-100: var(--cream-2); --blue-50: var(--cream); --green: var(--gold); --green-600: var(--gold-2); --green-100: var(--cream-2); --s-1: 6px; --s0: 10px; --s1: 16px; --s2: 26px; --s3: 42px; --s4: 68px; --s5: 110px; --r-sm: 10px; --r: 16px; --r-lg: 22px; --r-xl: 32px; --shadow-sm: 0 1px 2px rgba(12, 33, 73, .05); --shadow: 0 8px 24px -10px rgba(12, 33, 73, .18), 0 2px 6px -2px rgba(12, 33, 73, .08); --shadow-lg: 0 30px 60px -20px rgba(12, 33, 73, .28), 0 10px 22px -8px rgba(12, 33, 73, .12); --shadow-navy: 0 18px 40px -16px rgba(12, 33, 73, .45); --shadow-gold: 0 14px 34px -14px rgba(227, 166, 33, .75); --shadow-blue: var(--shadow-navy); --shadow-green: var(--shadow-gold); --display: "Space Grotesk", system-ui, sans-serif; --body: "Manrope", system-ui, sans-serif; } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--body); color: var(--ink); background: var(--bg); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } h1, h2, h3, h4 { font-family: var(--display); letter-spacing: -0.02em; line-height: 1.05; margin: 0; font-weight: 700; text-wrap: pretty; } .fold-seg { display: inline-block; vertical-align: top; max-width: 100%; } .fold-tail { white-space: nowrap; } @media (max-width: 640px) { .fold-tail--wide { white-space: normal; } } .fold-m { display: none; } @media (max-width: 640px) { .fold-d { display: none; } .fold-m { display: inline; } } p { margin: 0; text-wrap: pretty; } button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; } input, select { font-family: inherit; } a { color: inherit; text-decoration: none; } svg { width: 1em; height: 1em; flex-shrink: 0; display: inline-block; vertical-align: middle; } .container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; } .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 22px; border-radius: 999px; font-family: var(--display); font-weight: 700; font-size: 15px; transition: transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease; white-space: nowrap; letter-spacing: -0.01em; } .btn svg { width: 18px; height: 18px; } .btn-lg svg { width: 20px; height: 20px; } .btn-sm svg { width: 16px; height: 16px; } .btn-gold, .btn-green { background: var(--gold); color: var(--navy); box-shadow: var(--shadow-gold), inset 0 1px 0 rgba(255,255,255,.35); } .btn-gold:hover, .btn-green:hover { transform: translateY(-1px); background: var(--gold-3); } .btn-gold:active, .btn-green:active { transform: translateY(0); } .btn-navy, .btn-blue { background: var(--navy); color: var(--white); } .btn-navy:hover, .btn-blue:hover { background: var(--navy-3); } .btn-ghost { background: transparent; border: 2px solid var(--navy); color: var(--navy); padding: 12px 18px; } .btn-ghost:hover { background: var(--navy); color: var(--white); } .btn-sm { padding: 10px 16px; font-size: 14px; } .btn-lg { padding: 18px 28px; font-size: 17px; } @media (max-width: 640px) { .btn-lg { padding: 18px 20px; font-size: 16px; } } @media (max-width: 340px) { .btn-lg { padding: 16px 16px; font-size: 15px; } } .section { padding: var(--s4) 0; position: relative; } .section-tight { padding: var(--s3) 0; } .section-alt { background: var(--bg-2); } .section-dark { background: var(--navy); color: var(--white); } .section-header { text-align: center; margin-bottom: var(--s3); max-width: 720px; margin-left: auto; margin-right: auto; } .section-eyebrow { display: inline-block; font-family: var(--display); font-size: 12.5px; font-weight: 700; color: var(--gold-ink); letter-spacing: 0.22em; text-transform: uppercase; margin-bottom: 14px; white-space: nowrap; } .section h2 { font-size: clamp(28px, 4vw, 44px); letter-spacing: -0.03em; margin-bottom: 14px; } .section-lead { font-size: clamp(15px, 2vw, 17px); color: var(--ink-2); } .section-dark .section-lead { color: var(--on-navy); } .section-dark .section-eyebrow { color: var(--gold); } .steps { display: grid; grid-template-columns: 1fr; gap: 18px; } .step-card { position: relative; padding: 28px 24px; border-radius: var(--r-lg); background: var(--white); border: 1px solid var(--line); display: flex; flex-direction: column; gap: 14px; overflow: hidden; transition: transform .25s, box-shadow .25s; } .step-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); } .step-card .num { font-family: var(--display); font-weight: 700; font-size: 72px; line-height: 1; color: var(--blue-100); letter-spacing: -0.04em; position: absolute; top: -10px; right: 12px; z-index: 0; pointer-events: none; } .step-card .icon-wrap { width: 48px; height: 48px; border-radius: 14px; background: var(--ink); color: var(--green); display: grid; place-items: center; z-index: 1; position: relative; } .step-card .icon-wrap svg { width: 22px; height: 22px; } .step-card h3 { font-size: 20px; z-index: 1; position: relative; } .step-card p { color: var(--ink-2); font-size: 15px; z-index: 1; position: relative; } .hero-meta-item svg { width: 16px; height: 16px; } .step-card .icon-wrap svg { width: 22px; height: 22px; } .bonus-icon svg { width: 18px; height: 18px; } .upload svg { width: 28px; height: 28px; } .input-row svg.input-icon { width: 18px; height: 18px; } .modal-close svg { width: 18px; height: 18px; } .bf-icon svg { width: 14px; height: 14px; } .about-feat .ck svg { width: 14px; height: 14px; } .form-success .check svg { width: 32px; height: 32px; } .google-badge svg { width: 18px; height: 18px; } .review-stars svg { width: 14px; height: 14px; } .btn-back svg { width: 16px; height: 16px; } .price-main .delta svg { width: 12px; height: 12px; vertical-align: -2px; } .avg-card svg { width: 14px; height: 14px; vertical-align: -2px; } .trust-text strong { display: block; font-size: 14px; color: var(--ink); } .trust-text span { font-size: 13px; color: var(--ink-2); line-height: 1.45; } .fade-up { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; } .fade-up.in { opacity: 1; transform: translateY(0); } @media (min-width: 720px) { .steps { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 960px) { .container { padding: 0 32px; } } body { overflow: visible !important; } html:has(> body.is-scroll-locked) { overflow-y: hidden; }
.lh { background: var(--white); } .lh :focus-visible { outline: 3px solid var(--gold-3); outline-offset: 3px; } .lh-hero { padding-top: 18px; overflow: hidden; } .lh-hero-grid { display: grid; gap: 26px; } .lh-proof { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 13.5px; font-weight: 600; color: var(--ink-2); } .lh-proof strong { color: var(--navy); font-weight: 800; } .lh-stars { display: inline-flex; gap: 1px; color: var(--gold); } .lh-stars svg { width: 15px; height: 15px; } .lh-h1 { margin: 10px 0 12px; font-size: clamp(30px, 8.6vw, 40px); line-height: 1.08; letter-spacing: -0.03em; color: var(--navy); } .lh-h1 em, .lh-h2 em { font-style: normal; color: var(--gold-2); } .lh-sub { font-size: 16px; line-height: 1.5; color: var(--ink-2); max-width: 34em; } .lh-doubts { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; font-size: 13px; font-weight: 600; color: var(--ink-2); } .lh-doubts li { display: inline-flex; align-items: center; gap: 5px; } .lh-doubts svg { width: 14px; height: 14px; color: var(--gold-2); } .lh-act { margin-top: 18px; } .lh-cta { width: 100%; min-height: 56px; padding: 16px 18px; font-size: 16.5px; white-space: normal; text-align: center; } .lh-cta svg { width: 20px; height: 20px; } .lh-until { margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--gold-ink); text-align: center; } .lh-art { display: grid; grid-template-columns: 1fr minmax(0, 200px) 1fr; align-items: center; gap: 6px; } .lh-art picture { display: block; } .lh-doctor { display: block; width: 100%; height: auto; } .lh-logos { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; justify-items: center; } .lh-logos picture { line-height: 0; } .lh-logos img { display: block; height: 22px; width: auto; max-width: 76px; } .lh-logos .is-tall img { height: 34px; } .lh-logos .is-wide img { height: 17px; } .lh-reviews { border-top: 1px solid var(--line); } .lh-reviews .reviews-section { max-width: 1240px; margin: 0 auto; } .lh-about { background: var(--cream); padding: 48px 0; text-align: center; } .lh-about-grid { display: grid; gap: 28px; } .lh-about-h { margin-bottom: 16px; font-size: clamp(26px, 7vw, 40px); line-height: 1.1; letter-spacing: -0.03em; color: var(--navy); } .lh-about-h em { font-style: normal; color: var(--gold-2); } .lh-about-copy p { max-width: 34em; margin: 0 auto; font-size: 16px; line-height: 1.6; color: var(--ink-2); } .lh-about-copy p + p { margin-top: 10px; } .lh-facts { list-style: none; margin: 24px 0 0; padding: 0; display: inline-grid; gap: 10px; text-align: left; font-size: 15px; font-weight: 600; color: var(--navy); } .lh-facts li { display: flex; align-items: center; gap: 10px; } .lh-facts svg { flex: none; width: 20px; height: 20px; color: var(--gold-2); } .lh-facts a { display: inline-block; padding: 3px 0; color: inherit; text-decoration: underline; text-decoration-color: var(--gold-2); text-underline-offset: 3px; } .lh-about-map iframe { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; border: 0; border-radius: var(--r-lg); background: var(--cream-2); box-shadow: var(--shadow); } .lh-close { background: var(--navy); color: var(--white); text-align: center; padding: 52px 0 56px; } .lh-close-grid { display: grid; grid-template-columns: 1fr minmax(0, 160px) 1fr; grid-template-areas: "copy copy copy" "la   art  lb"; align-items: center; gap: 36px 8px; } .lh-close-copy { grid-area: copy; } .lh-close-la { grid-area: la; } .lh-close-lb { grid-area: lb; } .lh-close-art { grid-area: art; display: block; } .lh-h2 { font-size: clamp(26px, 7vw, 40px); line-height: 1.1; letter-spacing: -0.03em; text-align: center; text-wrap: pretty; color: var(--white); } .lh-close .lh-h2 em { color: var(--gold); } .lh-close p { margin: 12px auto 0; max-width: 30em; font-size: 16px; color: var(--on-navy); } .lh-close .lh-cta { margin-top: 24px; max-width: 440px; } .lh-close .lh-until { color: var(--gold); } .lh-reassure { list-style: none; margin: 16px auto 0; padding: 0; max-width: 440px; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 20px; font-size: 13px; font-weight: 600; color: var(--on-navy); } .lh-reassure li { position: relative; } .lh-reassure li + li::before { content: '\00B7'; position: absolute; left: -10px; top: 0; transform: translateX(-50%); font-weight: 800; color: var(--gold); } .lh-reassure li.is-row-start::before { content: none; } .lh-close .lh-logos { gap: 16px; } .lh-close .lh-logos img { height: 18px; max-width: 64px; filter: brightness(0) invert(1); opacity: .8; } .lh-close .lh-logos .is-tall img { height: 28px; } .lh-close .lh-logos .is-wide img { height: 14px; } .lh-close-art img { display: block; width: 100%; height: auto; -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 96%); mask-image: linear-gradient(to bottom, #000 70%, transparent 96%); } .lh-footer { background: var(--navy-deep); color: var(--on-navy-2); font-size: 12.5px; text-align: center; padding: 20px 0 24px; } .lh-footer p + p { margin-top: 6px; } .lh-footer a { color: var(--on-navy); text-decoration: underline; text-underline-offset: 2px; } .lh-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 8000; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); background: rgba(255,255,255,.97); box-shadow: 0 -8px 24px rgba(12, 33, 73, .12); transform: translateY(110%); transition: transform .25s ease; } .lh-sticky.is-in { transform: none; } .lh-sticky .lh-cta { min-height: 52px; } @media (prefers-reduced-motion: reduce) { .lh-sticky { transition: none; } } @media (max-width: 719.98px) { .lh-hero { padding-bottom: 28px; } .lh-hero-grid { gap: 0; } .lh-copy { display: contents; text-align: center; } .lh-proof { justify-content: center; } .lh-h1 { margin-bottom: 16px; } .lh-sub, .lh-doubts { display: none; } .lh-art { order: 1; } .lh-act { order: 2; } } .lh-form iframe { display: block; width: 100%; border: 0; } .lh-copy .lh-art { grid-template-columns: 1fr minmax(0, 170px) 1fr; margin: 10px 0 6px; } @media (max-width: 719.98px) { .lh-copy:has(.lh-art) { display: block; } .lh-form { margin-top: 4px; } } @media (min-width: 720px) { .lh-copy .lh-art { grid-template-columns: 1fr minmax(0, 230px) 1fr; margin: 18px 0 10px; } .lh-form { max-width: 460px; width: 100%; justify-self: center; } .lh-sticky { display: none; } .lh-hero { padding: 44px 0; } .lh-hero-grid { grid-template-columns: 1.05fr .95fr; align-items: center; gap: 40px; } .lh-h1 { font-size: clamp(36px, 4.6vw, 58px); margin: 14px 0 16px; } .lh-sub { font-size: 18px; } .lh-doubts { justify-content: flex-start; } .lh-act { margin-top: 26px; } .lh-cta { width: auto; padding: 18px 28px; font-size: 17px; } .lh-until { text-align: left; } .lh-art { grid-template-columns: 1fr minmax(0, 330px) 1fr; gap: 10px; } .lh-logos { gap: 28px; } .lh-logos img { height: 30px; max-width: 110px; } .lh-logos .is-tall img { height: 46px; } .lh-logos .is-wide img { height: 24px; } .lh-about { padding: 72px 0; text-align: left; } .lh-about-grid { grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; } .lh-about-copy p { margin: 0; font-size: 17px; } .lh-about-copy p + p { margin-top: 12px; } .lh-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, max-content)); gap: 12px 32px; margin-top: 28px; } .lh-close { padding: 72px 0 76px; } .lh-close-grid { grid-template-columns: 1fr minmax(0, 240px) 1fr; row-gap: 44px; } .lh-close .lh-cta { width: auto; } .lh-close .lh-logos { gap: 26px; } .lh-close .lh-logos img { height: 24px; max-width: 100px; } .lh-close .lh-logos .is-tall img { height: 36px; } .lh-close .lh-logos .is-wide img { height: 19px; } } .lh-note { margin-top: 10px; font-size: 13.5px; line-height: 1.45; font-weight: 600; color: var(--ink-2); text-align: center; } .lh-objections { padding: 6px 0 34px; } .lh-objections ul { list-style: none; margin: 0 auto; padding: 0; max-width: 440px; display: grid; gap: 14px; } .lh-objections li { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 1.35; font-weight: 700; color: var(--navy); } .lh-objections svg { flex: none; width: 20px; height: 20px; color: var(--gold-2); } .lh--lean .lh-close { padding: 44px 0 48px; } .lh--lean .lh-close-grid { display: block; } .lh--lean .lh-close-copy { max-width: 560px; margin: 0 auto; } @media (max-width: 719.98px) { .lh--lean .lh-sub { display: block; margin: 0 auto 14px; font-size: 15px; line-height: 1.45; text-align: center; } .lh--lean .lh-proof { order: 3; margin-top: 16px; } } @media (min-width: 720px) { .lh-note { text-align: left; } .lh-objections { padding: 8px 0 52px; } .lh-objections ul { max-width: 980px; grid-template-columns: repeat(3, auto); justify-content: space-between; gap: 20px 32px; } .lh--lean .lh-proof { margin-top: 22px; } .lh--lean .lh-close { padding: 64px 0 68px; } } @media (min-width: 1100px) { .lh-close-grid { grid-template-columns: 1fr 1fr minmax(0, 480px) 2fr; grid-template-areas: "la lb copy art"; gap: 0 28px; } .lh-close-art { width: 100%; max-width: 340px; justify-self: center; } .lh-close .lh-logos { gap: 30px; } .lh-close .lh-logos img { height: 30px; max-width: 120px; } .lh-close .lh-logos .is-tall img { height: 46px; } .lh-close .lh-logos .is-wide img { height: 24px; } }