@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');

:root { --deep:#062b35; --deep2:#0a4350; --aqua:#49d7d0; --blue:#168faf; --ink:#12323a; --muted:#60767c; --line:#d9e5e7; --paper:#f3f8f8; --white:#fff; --lime:#b9eb63; font-family:'Manrope',system-ui,sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--paper); }
button,input { font:inherit; }
a { color:inherit; }
.site-header { min-height:82px; padding:14px max(22px,calc((100vw - 1200px)/2)); display:flex; align-items:center; justify-content:space-between; gap:24px; color:white; background:var(--deep); border-bottom:1px solid rgba(255,255,255,.12); }
.brand { display:inline-flex; align-items:center; gap:13px; color:white; text-decoration:none; line-height:1; }
.brand>span:last-child { display:grid; gap:4px; letter-spacing:.08em; }
.brand strong { font-family:'Space Grotesk',sans-serif; font-size:16px; }
.brand small { color:var(--aqua); font-size:9px; font-weight:800; letter-spacing:.34em; }
.drop { width:29px; height:38px; display:block; background:linear-gradient(145deg,#63e3dc,#168faf); border-radius:58% 42% 65% 35%/68% 45% 55% 32%; transform:rotate(45deg); box-shadow:inset -5px -6px 10px rgba(4,66,79,.2); }
.header-note { display:inline-flex; align-items:center; gap:9px; color:#d9f7f5; font-size:12px; font-weight:700; }
.header-note i { width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px rgba(185,235,99,.12); }
.hero { position:relative; isolation:isolate; overflow:hidden; padding:64px max(22px,calc((100vw - 1200px)/2)) 72px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.76fr); gap:clamp(44px,7vw,92px); align-items:center; color:white; background:radial-gradient(circle at 18% 18%,rgba(73,215,208,.18),transparent 28%),radial-gradient(circle at 75% 78%,rgba(22,143,175,.14),transparent 25%),linear-gradient(135deg,#062b35 0%,#093b47 58%,#05242c 100%); }
.hero::before,.hero::after { content:''; position:absolute; z-index:-1; border:1px solid rgba(73,215,208,.1); border-radius:50%; }
.hero::before { width:590px; height:590px; top:-330px; right:28%; }
.hero::after { width:850px; height:850px; top:-458px; right:17%; }
.hero-copy { min-width:0; max-width:660px; }
.eyebrow { margin:0 0 18px; color:var(--aqua); font-size:12px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
h1,h2 { margin:0; font-family:'Space Grotesk',sans-serif; letter-spacing:-.045em; }
h1 { max-width:690px; font-size:clamp(42px,5.3vw,73px); line-height:1; }
.hero-lede { max-width:625px; margin:23px 0 30px; color:#bed8dc; font-size:clamp(17px,2vw,20px); line-height:1.6; }
.offer-panel { max-width:620px; min-height:128px; margin-bottom:30px; padding:20px 24px; display:flex; align-items:center; gap:22px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:linear-gradient(135deg,#0b4855,#147f91); box-shadow:0 18px 50px rgba(0,0,0,.2); }
.offer-panel>div:last-child { display:grid; gap:3px; }
.offer-panel span { font-size:10px; font-weight:800; letter-spacing:.16em; }
.offer-panel strong { color:white; font-family:'Space Grotesk',sans-serif; font-size:clamp(30px,4vw,43px); line-height:1; }
.offer-panel small { color:#c9eeee; font-size:11px; }
.offer-icon { position:relative; width:78px; height:78px; flex:0 0 78px; display:grid; place-items:center; border-radius:20px; background:rgba(255,255,255,.1); }
.offer-icon span { width:30px; height:40px; display:block; border-radius:58% 42% 65% 35%/68% 45% 55% 32%; background:var(--aqua); transform:rotate(45deg); }
.offer-icon b { position:absolute; right:12px; bottom:12px; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:var(--lime); }
.offer-icon b::after { content:'✓'; color:var(--deep); font-size:15px; }
.benefit-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 22px; }
.benefit-grid li { min-width:0; display:flex; align-items:center; gap:13px; }
.benefit-grid li>b { width:37px; height:37px; flex:0 0 37px; display:grid; place-items:center; border-radius:11px; color:var(--aqua); background:rgba(73,215,208,.1); border:1px solid rgba(73,215,208,.18); }
.benefit-grid li>span { min-width:0; display:grid; gap:2px; }
.benefit-grid strong { font-size:13px; }
.benefit-grid small { color:#89a6ac; font-size:9px; letter-spacing:.04em; text-transform:uppercase; }
.lead-card { position:relative; min-width:0; overflow:hidden; color:var(--ink); background:white; border-radius:22px; box-shadow:0 34px 90px rgba(0,0,0,.28); }
.card-topline { min-height:38px; display:flex; align-items:center; justify-content:center; gap:9px; color:#d5f8f5; background:#0a3c48; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.card-topline span { width:7px; height:7px; border-radius:50%; background:var(--lime); }
.form-heading { padding:28px 30px 18px; }
.form-heading p { margin:0 0 7px; color:#168faf; font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.form-heading h2 { font-size:clamp(31px,4vw,41px); }
.form-heading>span { display:block; margin-top:10px; color:var(--muted); font-size:13px; line-height:1.55; }
form { padding:0 30px 30px; }
.field { display:grid; gap:7px; margin-bottom:14px; }
.field label { color:#344d53; font-size:11px; font-weight:800; }
.field input { min-width:0; width:100%; height:51px; padding:0 14px; color:var(--ink); background:#fbfdfd; border:1px solid #d3e1e3; border-radius:10px; outline:none; font-size:14px; }
.field input::placeholder { color:#96a8ac; }
.field input:focus { background:white; border-color:var(--blue); box-shadow:0 0 0 4px rgba(22,143,175,.11); }
.consent { margin:4px 0 17px; display:grid; grid-template-columns:17px 1fr; gap:9px; align-items:start; color:#687d82; font-size:10px; line-height:1.45; }
.consent input { width:16px; height:16px; margin:1px 0 0; accent-color:var(--blue); }
.submit-button { width:100%; min-height:58px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border:0; border-radius:11px; color:white; background:linear-gradient(100deg,#087f96,#18adad); box-shadow:0 12px 25px rgba(22,143,175,.25); font-size:14px; font-weight:800; cursor:pointer; }
.submit-button span:last-child { font-size:22px; }
.submit-button:hover { filter:brightness(1.05); transform:translateY(-1px); }
.submit-button:disabled { opacity:.65; cursor:wait; transform:none; }
.privacy-note { margin:12px 8px 0; color:#849397; font-size:9px; line-height:1.5; text-align:center; }
.privacy-note a { color:#526a70; }
.form-error { margin:0 0 12px; padding:10px 12px; color:#9b2230; background:#fff0f2; border:1px solid #f4c7cd; border-radius:8px; font-size:12px; }
.honeypot { position:absolute; left:-9999px; }
.how-it-works { max-width:1200px; margin:0 auto; padding:64px 22px 50px; display:grid; grid-template-columns:.72fr 1.28fr; gap:60px; align-items:center; }
.eyebrow.dark { margin-bottom:12px; color:#168faf; }
.how-it-works h2 { max-width:430px; font-size:clamp(31px,4vw,45px); line-height:1.06; }
.how-it-works ol { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); }
.how-it-works li { min-height:136px; padding:4px 20px; display:flex; gap:12px; border-left:1px solid var(--line); }
.how-it-works li>b { color:#168faf; font-family:'Space Grotesk',sans-serif; font-size:12px; }
.how-it-works li>span { padding-top:27px; display:flex; flex-direction:column; gap:7px; }
.how-it-works li strong { font-size:14px; }
.how-it-works li small { color:var(--muted); font-size:11px; line-height:1.5; }
.disclaimer { max-width:1160px; margin:0 auto; padding:0 22px 40px; color:#7a8d91; font-size:9px; line-height:1.6; text-align:center; }
footer { min-height:72px; padding:18px max(22px,calc((100vw - 1200px)/2)); display:flex; justify-content:space-between; gap:20px; align-items:center; color:#94b0b4; background:var(--deep); font-size:10px; letter-spacing:.05em; }
.thank-you-page { min-height:100vh; display:grid; grid-template-rows:auto 1fr auto; color:white; background:var(--deep); }
.thank-you-main { display:grid; place-items:center; padding:52px 22px; background:radial-gradient(circle at center,#0d5865 0%,var(--deep) 60%); }
.thank-you-card { width:min(620px,100%); padding:clamp(34px,6vw,60px); text-align:center; color:var(--ink); background:white; border-radius:24px; box-shadow:0 35px 90px rgba(0,0,0,.3); }
.checkmark { width:68px; height:68px; margin:0 auto 24px; display:grid; place-items:center; border-radius:50%; color:#087f96; background:#e3f8f7; font-size:31px; font-weight:800; }
.thank-you-card h1 { font-size:clamp(36px,6vw,55px); }
.thank-you-card p { max-width:470px; margin:18px auto 0; color:var(--muted); line-height:1.65; }
.thank-you-card a { display:inline-block; margin-top:26px; color:#087f96; font-weight:800; text-decoration:none; }
@media(max-width:900px){ .hero{grid-template-columns:minmax(0,1fr);padding-top:50px}.hero-copy{max-width:none}.lead-card{width:min(620px,100%);justify-self:center}.how-it-works{grid-template-columns:1fr;gap:36px} }
@media(max-width:600px){ .site-header{min-height:70px}.header-note{display:none}.hero{padding:18px 18px 50px;gap:42px}.lead-card{order:-1}h1{font-size:43px}.hero-lede{font-size:16px}.offer-panel{padding:17px}.offer-icon{width:62px;height:62px;flex-basis:62px}.offer-panel strong{font-size:28px}.benefit-grid{grid-template-columns:1fr;gap:15px}.form-heading{padding:24px 20px 16px}form{padding:0 20px 24px}.how-it-works{padding:48px 20px 34px}.how-it-works ol{grid-template-columns:1fr}.how-it-works li{min-height:86px;padding:16px 4px;border-left:0;border-top:1px solid var(--line)}.how-it-works li>span{padding-top:0}footer{align-items:flex-start;flex-direction:column} }
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto}*,*::before,*::after{transition:none!important} }