:root{--navy:#082d37;--navy2:#0c3c47;--teal:#39b7a0;--mint:#c7efe5;--ink:#102f38;--muted:#64777c;--paper:#f6f8f6;--line:#dce5e2}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
.topbar{height:76px;padding:0 clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;background:#fff}
.brand{display:inline-flex;gap:11px;align-items:center;font-weight:800;letter-spacing:.12em;font-size:14px}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--navy);color:#fff;font-weight:800;letter-spacing:-.06em}
.topbar nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600;color:#496068}
.topbar nav a:hover{color:#168d7b}
.topbar nav .nav-cta{padding:12px 18px;border-radius:7px;background:var(--navy);color:#fff}
.hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:#fff}
.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-image{object-fit:cover;object-position:center 46%}
.hero-shade{background:linear-gradient(90deg,rgba(4,29,37,.96) 0%,rgba(4,29,37,.88) 31%,rgba(4,29,37,.46) 63%,rgba(4,29,37,.12) 100%),linear-gradient(0deg,rgba(4,29,37,.42),transparent 30%)}
.hero-content{position:relative;z-index:1;width:min(690px,90%);margin-left:clamp(24px,10vw,150px);padding:88px 0 104px}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:#b4eadd;font-size:10px;font-weight:800;letter-spacing:.17em}
.eyebrow span{height:7px;width:7px;border-radius:50%;background:var(--teal)}
.hero h1{max-width:690px;margin:0;font-size:clamp(43px,6vw,76px);line-height:.99;letter-spacing:-.055em;font-weight:730}
h1 em,h2 em{color:#68d3bc;font-style:normal}
.hero-copy{max-width:565px;margin:25px 0 27px;color:#d3e0df;font-size:17px;line-height:1.7}
.hero-actions,.cta-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 20px;border-radius:6px;font-size:13px;font-weight:750;transition:transform .18s ease,background .18s ease}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--teal);color:#062d35}
.button.ghost{border:1px solid rgba(255,255,255,.44);color:#fff;background:rgba(3,24,32,.12)}
.hero-note{margin:27px 0 0;color:#c0d2d1;font-size:12px}
.hero-caption{position:absolute;bottom:25px;right:clamp(22px,6vw,92px);z-index:1;display:flex;align-items:center;gap:8px;color:#fff;font-size:9px;font-weight:750;letter-spacing:.15em}
.live-dot{height:7px;width:7px;border-radius:50%;background:#67ddbd;box-shadow:0 0 0 4px rgba(103,221,189,.15)}
.section-wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}
.problem{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:106px;padding-bottom:105px}
.eyebrow.dark{color:#168b7a}
.section-intro h2,.section-heading h2,.benefit-copy h2,.signup-note h2{margin:0;font-size:clamp(32px,4vw,49px);line-height:1.1;letter-spacing:-.045em}
.section-intro h2 em,.benefit-copy h2 em{color:#1b9683}
.problem-copy{padding-top:33px;color:#5a7075;font-size:16px;line-height:1.8}
.problem-copy p{margin:0 0 18px}
.problem-copy .urgent-line{padding-left:17px;border-left:3px solid #31b39c;color:#193f48;font-weight:700;line-height:1.55}
.solution-band{padding:100px 0 88px;background:var(--navy);color:#fff}
.section-heading{max-width:700px;margin-bottom:46px}
.section-heading>p:last-child{max-width:610px;margin:20px 0 0;color:#c2d3d3;font-size:15px;line-height:1.7}
.section-heading h2{font-size:clamp(36px,4.5vw,55px)}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.flow-card{position:relative;min-height:245px;padding:25px 23px;border:1px solid rgba(207,232,226,.18);background:rgba(255,255,255,.045);border-radius:9px}
.flow-number{position:absolute;top:23px;right:22px;color:#83a7a9;font-size:11px;font-weight:800;letter-spacing:.1em}
.flow-icon{display:grid;place-items:center;width:47px;height:47px;margin-bottom:27px;border-radius:14px;background:rgba(55,185,160,.16);color:#67d3bb;font-size:27px}
.flow-card h3{margin:0 0 11px;font-size:16px}
.flow-card p{margin:0;color:#b6c9c9;font-size:13px;line-height:1.65}
.trace-line{display:flex;align-items:center;gap:0;margin-top:32px;color:#c8d9d8;font-size:11px}
.trace-line span{width:8px;height:8px;background:var(--teal);border-radius:50%}
.trace-line span:not(:first-child){margin-left:12px}
.trace-line span:not(:last-of-type)::after{content:"";display:inline-block;width:clamp(30px,7vw,95px);height:1px;background:rgba(125,210,190,.45);transform:translate(9px,-3px)}
.trace-line strong{margin-left:17px;color:#e1eeec;font-weight:600}
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:108px;padding-bottom:108px}
.benefit-visual{padding:32px 0}
.visual-card{padding:27px;border:1px solid #dce7e3;border-radius:12px;background:linear-gradient(145deg,#fff,#f2f7f5);box-shadow:0 18px 50px rgba(10,54,63,.09)}
.visual-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:.12em;color:#5d7479}
.visual-status{padding:6px 8px;border-radius:99px;background:#dff5ed;color:#278c79;font-size:8px}
.visual-route{display:grid;grid-template-columns:16px 1fr 30px 16px 1fr;align-items:center;gap:10px;margin:35px 0 30px}
.route-point{width:11px;height:11px;border:3px solid #31aa92;border-radius:50%}
.route-point.pale{border-color:#b2c6c3}
.visual-route i{height:1px;background:#a7c3be}
.visual-route small,.visual-route strong{display:block}
.visual-route small{margin-bottom:5px;color:#789095;font-size:8px;letter-spacing:.1em}
.visual-route strong{font-size:12px}
.visual-bars{display:grid;gap:8px}
.visual-bars span{height:6px;border-radius:8px;background:linear-gradient(90deg,#1d8f7f,#62cdb3)}
.visual-foot{display:flex;justify-content:space-between;margin-top:21px;padding-top:15px;border-top:1px solid #e2ebe8;color:#768b8d;font-size:10px}
.visual-foot b{color:#24515a;font-weight:650}
.visual-caption{margin:15px 0 0;text-align:center;color:#819396;font-size:11px}
.benefit-copy h2{font-size:clamp(33px,4vw,47px)}
.benefit-copy ul{display:grid;gap:16px;margin:28px 0 0;padding:0;list-style:none;color:#52696e;font-size:14px}
.benefit-copy li{display:flex;gap:11px;line-height:1.5}
.benefit-copy li span{display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:#e2f6ef;color:#138873;font-size:12px;font-weight:900}
.cta-section{padding:76px 24px;background:linear-gradient(110deg,#0b3943,#0b4a50);color:#fff}
.cta-inner{width:min(900px,100%);margin:0 auto;text-align:center}
.cta-inner .eyebrow{justify-content:center}
.cta-inner h2{margin:0;font-size:clamp(34px,5vw,55px);letter-spacing:-.045em;line-height:1.08}
.cta-inner>p:not(.eyebrow){max-width:650px;margin:19px auto 26px;color:#c4d8d7;font-size:14px;line-height:1.7}
.cta-actions{justify-content:center}
.button.light{background:#e8f7f1;color:#0a4148}
.cta-actions span{max-width:280px;color:#b4cecb;font-size:10px;line-height:1.5;text-align:left}
.signup-note{display:grid;grid-template-columns:55px 1fr auto;gap:22px;align-items:center;padding-top:64px;padding-bottom:64px}
.signup-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#e1f5ee;color:#138c7b;font-size:24px}
.signup-note h2{font-size:25px}
.signup-note>div:nth-child(2)>p:last-child{max-width:650px;margin:10px 0 0;color:#667b7e;font-size:13px;line-height:1.7}
.signup-preview{display:grid;gap:7px;padding:15px 18px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9}
.signup-preview small{color:#7a9090;font-size:8px;font-weight:800;letter-spacing:.11em}
.signup-preview strong{color:#14454d;font-size:12px}
.signup-preview span{color:#36a58f;font-size:11px}
.footer{min-height:75px;padding:18px clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7eeeb;color:#819194;font-size:10px}
.footer-brand{color:#24444b;font-size:11px}
.footer-brand .brand-mark{width:29px;height:29px;border-radius:9px;font-size:12px}
@media(max-width:850px){.topbar{height:66px}.topbar nav{gap:18px}.hero{min-height:580px}.hero-content{margin-left:6vw}.problem{gap:4%}.flow-grid{grid-template-columns:repeat(2,1fr)}.benefits{gap:6%}.signup-note{grid-template-columns:50px 1fr}.signup-preview{grid-column:2}}
@media(max-width:600px){.topbar{padding:0 18px}.brand{font-size:11px}.brand-mark{width:32px;height:32px}.topbar nav{gap:12px;font-size:11px}.topbar nav a:not(.nav-cta){display:none}.topbar nav .nav-cta{padding:10px 13px}.hero{min-height:650px;align-items:flex-end}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(0deg,rgba(4,29,37,.97) 0%,rgba(4,29,37,.88) 43%,rgba(4,29,37,.2) 100%)}.hero-content{width:auto;margin:0;padding:60px 24px 82px}.hero h1{font-size:48px}.hero-copy{font-size:15px}.hero-caption{font-size:8px;right:20px}.problem{grid-template-columns:1fr;padding-top:75px;padding-bottom:72px}.problem-copy{padding-top:0}.flow-grid{grid-template-columns:1fr}.flow-card{min-height:190px}.solution-band{padding:75px 0}.trace-line{font-size:9px}.trace-line span:not(:first-child){margin-left:6px}.trace-line span:not(:last-of-type)::after{width:25px;transform:translate(5px,-3px)}.trace-line strong{margin-left:8px}.benefits{grid-template-columns:1fr;padding-top:68px;padding-bottom:70px}.benefit-visual{padding:0 0 25px}.visual-card{padding:20px}.visual-route{grid-template-columns:12px 1fr 16px 12px 1fr;gap:7px}.visual-route strong{font-size:10px}.cta-section{padding:65px 23px}.cta-actions{flex-direction:column}.cta-actions span{text-align:center}.signup-note{grid-template-columns:42px 1fr;gap:13px;width:calc(100% - 36px);padding-top:48px;padding-bottom:48px}.signup-icon{width:40px;height:40px}.signup-note h2{font-size:21px}.signup-preview{grid-column:1/3}.footer{gap:15px;align-items:flex-start;flex-direction:column;padding:20px 19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.signup-copy{min-width:0}
.signup-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.signup-form label{display:grid;gap:6px;color:#415f64;font-size:11px;font-weight:700}
.signup-form input:not([type=checkbox]){width:100%;min-height:42px;padding:10px 12px;border:1px solid #d5e2de;border-radius:6px;background:#fff;color:#143e47;font:inherit;font-weight:500}
.signup-form input:focus{outline:2px solid #6acdb8;outline-offset:1px}
.signup-form .consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;font-weight:500;line-height:1.5}
.signup-form .consent input{margin:2px 0 0;accent-color:#168b7a}
.signup-form button,.signup-form small,.registration-message{grid-column:1/-1}
.signup-form small{color:#718487;font-size:10px;line-height:1.5}
.registration-message{padding:11px 13px;border-radius:6px;background:#e9f6f1;color:#176d5e;font-size:12px;line-height:1.5}
.registration-message.error{background:#fff0ee;color:#a54237}
.signup-note{grid-template-columns:50px minmax(0,1fr)}
.signup-preview{align-self:start}
@media(max-width:850px){.signup-note{grid-template-columns:50px minmax(0,1fr)}.signup-preview{grid-column:2}}
@media(max-width:600px){.signup-form{grid-template-columns:1fr}.signup-form label,.signup-form .consent,.signup-form button,.signup-form small,.registration-message{grid-column:1}}

.hero h1{max-width:850px;font-size:clamp(36px,5vw,62px);line-height:1.02}
.hero-subtitle{max-width:650px;margin:18px 0 0;font-size:clamp(25px,3vw,38px);line-height:1.1;letter-spacing:-.04em}
.hero-subtitle em{color:#68d3bc;font-style:normal}
.pricing{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;padding-top:95px;padding-bottom:95px}
.pricing-heading h2{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.045em}
.pricing-heading h2 em{color:#168b7a;font-style:normal}
.pricing-heading>p:last-child{max-width:460px;color:#5d7478;font-size:14px;line-height:1.75}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.plan-card{padding:24px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 36px rgba(10,54,63,.06)}
.plan-card.featured{border-color:#82cbbb;background:#f5fbf8}
.plan-card .eyebrow{margin-bottom:12px}
.plan-card h3{margin:0;color:#173f47;font-size:20px}
.plan-price{margin:15px 0;color:#168b7a}
.plan-price strong{font-size:29px;letter-spacing:-.04em}
.plan-price span{font-size:12px}
.plan-card ul{display:grid;gap:10px;min-height:110px;margin:18px 0;padding-left:18px;color:#63787b;font-size:12px;line-height:1.5}
.plan-card .button{width:100%;background:#0c4750;color:#fff}
@media(max-width:850px){.pricing{grid-template-columns:1fr;gap:32px;padding-top:70px;padding-bottom:70px}.pricing-heading{max-width:650px}}
@media(max-width:600px){.hero h1{font-size:42px}.hero-subtitle{font-size:26px}.pricing{padding-top:65px;padding-bottom:65px}.plan-grid{grid-template-columns:1fr}.plan-card ul{min-height:0}}