@import url('/fonts.css');
:root{--navy:#071A2F;--navy2:#0D2744;--blue:#267BFF;--blue2:#69A8FF;--accent:#267BFF;--ink:#10263B;--muted:#617386;--paper:#F4F7FB;--white:#fff;--line:#DCE6F1;--shadow:0 20px 50px rgba(7,26,47,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Geist,sans-serif;background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.8rem;z-index:99}.site-header{height:118px;padding:0 clamp(24px,5vw,88px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border-bottom:1px solid #edf1f0;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-family:Geist,sans-serif;font-size:21px;font-weight:800;line-height:1}.brand>span{display:grid}.brand strong{color:var(--accent)}.brand small{font-family:Geist,sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#6d7b83;margin-top:5px}.logo{width:150px;height:auto;display:block;flex:0 0 auto}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:600}.site-header nav a:hover{color:#1769E8}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;border-radius:8px;padding:15px 22px;color:#fff;background:var(--blue2);font:700 14px Geist;cursor:pointer;box-shadow:0 10px 24px rgba(38,123,255,.24);transition:.2s}.button:hover{transform:translateY(-2px);background:#1769E8}.button-small{padding:11px 17px;background:var(--navy);color:#fff;box-shadow:none}.hero{height:min(720px,calc(100vh - 118px));min-height:620px;position:relative;overflow:hidden;background:var(--navy);color:#fff}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(3,19,31,.98) 0%,rgba(4,24,37,.9) 38%,rgba(5,28,41,.2) 68%,rgba(5,25,38,.1) 100%)}.hero-content{position:absolute;z-index:2;left:clamp(24px,7vw,118px);top:50%;transform:translateY(-52%);width:min(620px,48vw)}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--blue2)}.eyebrow span{display:inline-block;width:18px;height:2px;background:var(--accent);vertical-align:middle;margin-right:9px}.eyebrow.dark{color:#1769E8}.hero h1,.section h2,.story h2,.planner h2,.results h2,.trust-section h2{font-family:Geist,sans-serif;letter-spacing:-.045em;line-height:1.03}.hero h1{font-size:clamp(48px,5.1vw,82px);margin:0 0 24px;max-width:650px}.hero h1 em{font-style:normal;color:var(--blue2)}.lead{font-size:18px;line-height:1.7;color:#D6E1EC;max-width:590px}.hero-actions{display:flex;align-items:center;gap:25px;margin:32px 0}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:3px}.trust-row{display:flex;gap:22px;color:#d9e4e7;font-size:12px}.trust-row b{color:var(--blue2);margin-right:5px}.hero-card{position:absolute;z-index:3;right:clamp(24px,5vw,82px);bottom:48px;width:330px;padding:22px;border:1px solid rgba(255,255,255,.18);background:rgba(7,26,47,.90);backdrop-filter:blur(15px);border-radius:16px;box-shadow:var(--shadow)}.hero-card>p{font-size:9px;letter-spacing:.16em;color:#9db0ba}.score{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding:8px 0 18px}.score span{font-size:12px;color:#b8c9cf}.score strong{font:800 26px Geist;color:var(--blue2)}.score small{font-size:10px}.mini-route{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px}.mini-route i{font-style:normal;color:var(--blue2)}.mini-route span{display:grid;color:#9fb1b9}.mini-route span b{color:#fff;font-size:12px}.mini-route em{font-style:normal;background:var(--blue);color:#fff;border-radius:20px;padding:4px 7px;font-weight:700}.credibility{display:grid;grid-template-columns:repeat(4,1fr);max-width:1220px;margin:-1px auto 0;background:#fff;border:1px solid var(--line);box-shadow:0 15px 35px rgba(13,44,61,.07)}.credibility div{padding:24px 32px;border-right:1px solid var(--line);display:flex;align-items:center;gap:12px}.credibility div:last-child{border:0}.credibility strong{font:800 25px Geist;color:#1769E8}.credibility span{font-size:11px;color:var(--muted)}.section{max-width:1220px;margin:auto;padding:105px 28px}.section-heading{max-width:660px}.section-heading h2,.story h2,.trust-section h2{font-size:clamp(36px,4vw,57px);margin:0 0 16px}.section-heading>p:last-child,.story-copy>p{color:var(--muted);font-size:17px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.solution-grid article{padding:30px;background:#fff;border:1px solid var(--line);border-radius:12px;position:relative;transition:.2s}.solution-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.solution-grid article>span{position:absolute;right:20px;top:20px;font:700 10px Geist;color:#98aaa9}.icon{width:44px;height:44px;border-radius:10px;background:#EAF2FF;color:#1769E8;display:grid;place-items:center;font-size:20px}.solution-grid h3{font:700 19px Geist;margin:22px 0 10px}.solution-grid p{color:var(--muted);font-size:14px;margin:0}.story{display:grid;grid-template-columns:1.08fr .92fr;background:#fff;max-width:1440px;margin:auto}.story-photo{position:relative;min-height:650px}.story-photo img{width:100%;height:100%;object-fit:cover}.story-photo>div{position:absolute;left:30px;right:30px;bottom:30px;background:rgba(7,28,44,.93);color:#fff;border-radius:10px;padding:22px;display:grid}.story-photo strong{font:700 18px Geist}.story-photo span{font-size:13px;color:#bcd0d5}.story-copy{padding:80px clamp(40px,6vw,92px);align-self:center}.story-copy ol{list-style:none;padding:15px 0 0;margin:0;counter-reset:item}.story-copy li{counter-increment:item;position:relative;padding:19px 0 19px 48px;border-bottom:1px solid var(--line);display:grid}.story-copy li:before{content:'0' counter(item);position:absolute;left:0;color:#1769E8;font:700 11px Geist;top:24px}.story-copy li b{font:700 15px Geist}.story-copy li span{color:var(--muted);font-size:13px}.planner{max-width:1220px;margin:105px auto;padding:65px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;background:var(--navy);color:#fff;border-radius:20px;box-shadow:var(--shadow)}.planner h2{font-size:54px;margin:0 0 18px}.planner-intro>p:not(.eyebrow){color:#b6c9cf;font-size:17px}.security-note{display:flex;gap:13px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:18px;margin-top:35px;color:var(--blue2)}.security-note div{display:grid}.security-note strong{font-size:13px;color:#fff}.security-note small{font-size:11px;color:#9fb3ba;margin-top:3px}.loan-form{display:grid;gap:15px;background:#fff;padding:30px;border-radius:13px;color:var(--ink)}.loan-form label{position:relative;font-size:11px;font-weight:700;color:#536871}.loan-form label>span{position:absolute;right:13px;top:38px;color:#1769E8;font-size:11px}.loan-form input{display:block;width:100%;border:1px solid #D8E3EF;background:#F8FAFD;border-radius:7px;padding:13px;margin-top:6px;font:600 15px Geist;color:var(--ink)}.loan-form input:focus{outline:2px solid var(--blue);border-color:transparent}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calculate{width:100%;margin-top:4px}.form-note{text-align:center;font-size:10px;color:#839497;margin:0}.results{max-width:1220px;margin:0 auto 100px;padding:70px 28px}.results-heading{max-width:700px}.results h2{font-size:48px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.results-grid article{background:#fff;border:1px solid var(--line);padding:30px;border-radius:12px}.result-tag{color:#1769E8;font-size:9px;letter-spacing:.14em;font-weight:800}.results-grid h3{font:700 18px Geist}.results-grid strong{display:block;font:800 34px Geist;color:var(--navy);margin:22px 0 6px}.results-grid p{color:var(--muted);font-size:13px}.next-step{margin-top:20px;background:var(--navy);color:#fff;padding:26px 30px;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.next-step div{display:grid}.next-step span{color:#a9bec5;font-size:13px}.trust-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;border-top:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-grid article{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:25px}.trust-grid strong{font:700 16px Geist}.trust-grid p{font-size:12px;color:var(--muted)}footer{background:#041323;color:#fff;padding:35px clamp(24px,5vw,88px);display:flex;align-items:center;justify-content:space-between}footer p{font-size:11px;color:#9bb0b7}footer .logo{filter:drop-shadow(0 6px 12px rgba(0,0,0,.16))}
@media(max-width:1000px){.site-header nav{display:none}.hero{height:auto;min-height:760px}.hero-content{width:62vw;top:44%}.hero-card{right:25px;bottom:25px}.credibility{grid-template-columns:1fr 1fr}.credibility div:nth-child(2){border-right:0}.solution-grid{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr}.story-photo{min-height:550px}.planner{margin:70px 25px;gap:35px;padding:45px}.trust-section{grid-template-columns:1fr}.results-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.site-header{height:82px;padding:0 18px}.button-small{font-size:0;padding:11px}.button-small:after{content:'Start';font-size:12px}.logo{width:98px;height:auto}.hero{min-height:810px}.hero-photo{object-position:64% center}.hero-shade{background:linear-gradient(180deg,rgba(3,19,31,.6),rgba(3,19,31,.96) 58%,#071A2F 100%)}.hero-content{left:22px;right:22px;top:56%;width:auto;transform:none}.hero h1{font-size:44px}.lead{font-size:15px}.hero-card{display:none}.trust-row{flex-wrap:wrap;gap:8px 16px}.credibility{grid-template-columns:1fr 1fr;margin:0}.credibility div{padding:18px;display:grid}.credibility strong{font-size:20px}.section{padding:72px 20px}.section-heading h2,.story h2,.trust-section h2{font-size:37px}.solution-grid{grid-template-columns:1fr;margin-top:30px}.story-photo{min-height:430px}.story-copy{padding:60px 24px}.planner{display:block;margin:50px 12px;padding:35px 20px}.planner h2{font-size:40px}.loan-form{margin-top:35px;padding:20px}.form-row{grid-template-columns:1fr}.results{padding:55px 20px}.results h2{font-size:36px}.next-step{display:grid;gap:20px}.trust-grid{grid-template-columns:1fr}footer{display:grid;gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.solution-grid article{transition:none}}

::selection{background:rgba(38,123,255,.22);color:var(--navy)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #267BFF;outline-offset:3px}
.button{color:var(--navy)}
.mini-route em{color:#fff}
footer .brand{background:#fff;padding:8px 10px;border-radius:10px}
footer .logo{filter:none}

/* Calculator-first hero and responsive refinements */
body{overflow-x:hidden}
.site-header{padding-left:max(clamp(24px,5vw,88px),env(safe-area-inset-left));padding-right:max(clamp(24px,5vw,88px),env(safe-area-inset-right))}
.site-header .button-small{color:#fff}
.hero{height:auto;min-height:max(680px,calc(100svh - 118px));display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,440px);align-items:center;gap:clamp(36px,6vw,92px);padding:52px clamp(24px,7vw,118px)}
.hero-content{position:relative;inset:auto;transform:none;width:auto;max-width:650px}
.hero h1{font-size:clamp(46px,4.7vw,76px)}
.hero-calculator{position:relative;z-index:3;width:100%;padding:18px;border:1px solid rgba(255,255,255,.34);background:rgba(7,26,47,.38);backdrop-filter:blur(7px) saturate(115%);-webkit-backdrop-filter:blur(7px) saturate(115%);border-radius:18px;box-shadow:0 20px 50px rgba(3,19,31,.24);scroll-margin-top:22px}
.hero-calculator-heading{padding:2px 4px 15px}
.hero-calculator-heading p{margin:0 0 6px;color:var(--blue2);font-size:9px;font-weight:800;letter-spacing:.16em}
.hero-calculator-heading h2{margin:0 0 5px;color:#fff;font:800 27px/1.08 Geist;letter-spacing:-.035em}
.hero-calculator-heading>span{display:block;color:#b9cad8;font-size:12px}
.hero-loan-form{padding:20px;gap:11px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);color:#fff}
.hero-loan-form label{font-size:10px;color:#F0F5FA}
.hero-loan-form input{padding:11px 12px;margin-top:5px;background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.68)}
.hero-loan-form label>span{top:34px}
.hero-loan-form .calculate{min-height:44px;margin-top:2px}
.hero-loan-form .form-note{line-height:1.35;color:rgba(255,255,255,.8)}
#planner,#results,#solutions,#how,#trust{scroll-margin-top:24px}

@media(max-width:1050px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(350px,400px);gap:32px;padding:44px 34px}
  .hero h1{font-size:clamp(44px,5.4vw,62px)}
  .hero-content{width:auto;top:auto}
}

@media(max-width:860px){
  .site-header{height:94px}
  .hero{min-height:0;grid-template-columns:1fr;gap:28px;padding:52px max(24px,env(safe-area-inset-right)) 42px max(24px,env(safe-area-inset-left))}
  .hero-photo{object-position:65% center}
  .hero-shade{background:linear-gradient(180deg,rgba(3,19,31,.58),rgba(3,19,31,.79) 48%,rgba(7,26,47,.88) 100%)}
  .hero-content{max-width:650px}
  .hero-calculator{max-width:620px}
  .hero-actions{margin:25px 0}
}

@media(max-width:680px){
  .site-header{height:78px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:12px}
  .site-header .logo{width:105px}
  .button-small{min-height:42px;padding:10px 14px;font-size:0}
  .button-small:after{content:'Start plan';font-size:12px}
  .hero{min-height:0;padding:42px max(16px,env(safe-area-inset-right)) max(34px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:24px}
  .hero-content{inset:auto;transform:none;width:auto}
  .hero h1{font-size:clamp(38px,11.2vw,48px);margin-bottom:18px}
  .lead{font-size:15px;line-height:1.55;margin:0}
  .hero-actions{gap:18px;margin:22px 0}
  .hero-actions .button{min-height:46px;padding:13px 17px;gap:16px}
  .text-link{font-size:13px}
  .trust-row{gap:7px 13px;font-size:11px}
  .hero-calculator{padding:13px;border-radius:15px}
  .hero-calculator-heading{padding:2px 3px 12px}
  .hero-calculator-heading h2{font-size:24px}
  .hero-loan-form{margin:0;padding:15px;gap:10px;border-radius:10px}
  .hero-loan-form .form-row{grid-template-columns:1fr 1fr;gap:9px}
  .hero-loan-form label{font-size:9.5px;line-height:1.2}
  .hero-loan-form input{min-width:0;padding:11px 10px;font-size:16px}
  .hero-loan-form label>span{right:10px;top:32px}
  .hero-loan-form .form-note{font-size:9px}
  .credibility{grid-template-columns:1fr 1fr}
  .credibility div{min-width:0;padding:16px}
  .credibility span{line-height:1.35}
  .planner{margin-left:12px;margin-right:12px}
  .loan-form input{font-size:16px}
  footer{padding-bottom:max(35px,env(safe-area-inset-bottom))}
}

@media(max-width:380px){
  .site-header .logo{width:96px}
  .button-small{padding:9px 11px}
  .hero{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .hero h1{font-size:37px}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:12px}
  .hero-calculator{padding:10px}
  .hero-loan-form{padding:13px}
  .hero-loan-form .form-row{gap:7px}
  .hero-loan-form label{font-size:9px}
}
