:root{--gold:#ffd166;--soft:#c0d7ce;--line:#d5e9d323}
body{background:#003b3d;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}.wrap{max-width:1220px;padding-inline:40px}
header{background:#003b3deb;border-bottom-color:var(--line);transition:box-shadow .3s,background .3s}header.scrolled{background:#003435f5;box-shadow:0 10px 35px #001c2440}
nav{min-height:82px}.brand{font-size:30px;letter-spacing:-1.5px}.brand small{font-size:9px;letter-spacing:1.6px}.links{gap:25px}.links a{font-size:13px;color:#d2e5dd;padding:10px 0;transition:color .2s}.links a:hover,.links a[aria-current]{color:var(--gold)}
.links a:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}.links a:hover:after,.links a[aria-current]:after{transform:scaleX(1)}
.btn{min-height:48px;border-radius:10px;gap:14px;padding:13px 23px;font-size:14px;letter-spacing:.1px;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #001e2840}.btn span{transition:transform .25s}.btn:hover span{transform:translate(2px,-2px)}.outline{border-color:#e4ca7e65;background:#ffffff04}.outline:hover{background:#ffffff09}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.hero{min-height:730px;grid-template-columns:1.1fr .9fr;column-gap:45px;padding-top:38px}.hero>.eyebrow{font-size:10px;letter-spacing:2.2px;max-width:450px;line-height:1.8}.hero h1{font-size:clamp(55px,6.3vw,80px);line-height:1.08;letter-spacing:-3.8px;margin:18px 0 24px}.hero>p{font-size:17px;line-height:1.85;color:var(--soft);max-width:450px}.hero-foot{gap:12px;margin-top:27px}.universe{height:620px}.world{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hero-phone{width:245px;top:44%;animation:phone-drift 8s ease-in-out infinite;filter:drop-shadow(15px 26px 25px #001d2380)}.phone-glow{position:absolute;left:50%;top:44%;width:350px;height:350px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e5c85d15,#66c48a09 45%,transparent 70%);animation:glow-breathe 9s ease-in-out infinite}.orbit{top:44%;width:440px;height:315px;opacity:.65}.orbit.two{top:44%;width:410px;height:410px;animation:turn 40s linear infinite;opacity:.35}.orbit:before{animation-duration:90s}
.node{padding:10px 14px!important;border:1px solid #d1e7cb28!important;border-radius:10px;background:#004644d9!important;box-shadow:0 5px 16px #001f241f;min-height:60px;transition:transform .3s,border-color .3s,background .3s}.node small{font-size:9px;letter-spacing:1.5px;color:#bfd9c7}.node b{font-size:14px;font-weight:600;white-space:nowrap}.node:hover,.node[aria-pressed=true]{border-color:#ffd16690!important;background:#075b51!important;transform:translateY(-4px)}.n0{left:0;top:4%}.n1{right:0;top:8%}.n2{left:0;top:72%}.n3{right:0;top:72%}.n4{left:0;top:85%}.n5{right:0;top:85%}
.cursor-light{display:none}.ambient:before{animation-duration:26s;opacity:.3}.ticker{background:#003436;border-color:var(--line);padding:0}.ticker-track{font-size:10px;letter-spacing:2px;animation-duration:55s;padding:16px 0}
section{padding-block:78px}.section-head{margin-bottom:45px;padding-bottom:28px;border-color:var(--line)}.section-head h2,h2{font-size:clamp(34px,4vw,50px);font-weight:600;letter-spacing:-1.8px;line-height:1.15}.section-head p{font-size:16px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:2.2px}
.loan-stories{gap:78px}.loan-story{grid-template-columns:1fr 1fr;gap:65px}.loan-photo{aspect-ratio:1.15;border-radius:20px!important;transform:none!important;box-shadow:0 20px 45px #001d2330;overflow:hidden;transition:box-shadow .5s}.loan-photo:after{border-radius:20px}.loan-story:hover .loan-photo{box-shadow:0 24px 65px #001d2355}.loan-story-copy h3{font-size:clamp(30px,3.3vw,42px);letter-spacing:-1.4px;line-height:1.2;margin:17px 0 20px}.loan-story-copy p{font-size:16px;line-height:1.85;margin-bottom:24px}.loan-story-copy .btn{border-radius:9px;border-color:#ffd16660;min-height:46px}.truck-brand-photo img{aspect-ratio:1.15;border-radius:20px;box-shadow:0 20px 45px #001d2330}.truck-brand-photo figcaption{font-size:10px;margin:10px 4px}
.calc-section{padding:42px;gap:40px;border-radius:24px;background:linear-gradient(130deg,#08594f,#00423f);border:1px solid var(--line);align-items:stretch}.calc-section h2{font-size:43px}.calc-section>div>p{font-size:15px}.selected-loan{color:var(--gold);font-size:13px!important;margin:22px 0 -12px}.fields{gap:17px;margin-top:28px}.fields label{font-size:12px;color:#d0e2d9}input,select{min-height:50px;border-radius:9px;background:#003f3c;border-color:#89b4a450;padding:12px 14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffd16612;outline:none}input[aria-invalid=true]{border-color:#ffb3a2}
.amount-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.amount-presets button{font-size:11px;min-height:36px;padding:6px 12px;color:#c6ddd0;background:transparent;border:1px solid #8cae9750;border-radius:20px;transition:background .2s,border-color .2s}.amount-presets button:hover,.amount-presets button[aria-pressed=true]{color:var(--gold);background:#ffd1660c;border-color:#ffd16670}#error{color:#ffcabd;min-height:22px;margin-bottom:0}
.result{padding:30px;border:1px solid #d4b56845;border-radius:17px;background:#003835;justify-content:flex-start;box-shadow:0 15px 35px #00232630}.result:before{animation:none;background:linear-gradient(90deg,#62b68c,var(--gold));height:3px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:35px}.estimate-badge{font-size:10px;border:1px solid #ffd16635;border-radius:20px;padding:4px 10px;color:#d8c88d}.result>span{font-size:13px;color:#c4d8c9}.monthly{font-size:clamp(33px,4vw,51px);line-height:1.15;letter-spacing:-2px;margin:13px 0 10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.repayment-context{font-size:11px;color:#a7c6b4;margin:0 0 30px}dl div{font-size:12px;padding:16px 0;border-color:var(--line)}dd{font-variant-numeric:tabular-nums}dt{color:#bcd1c3}.result .micro{font-size:11px;line-height:1.8;margin-top:auto;padding-top:25px}
.how{gap:30px;border-color:var(--line)}.step{padding:20px 0}.step b{font-size:28px}.step h3{font-size:20px;margin:14px 0}.step p{font-size:15px}.app-showcase{border:1px solid var(--line);border-radius:24px;padding:50px 25px;background:radial-gradient(ellipse at center,#19725935,transparent 75%)}.app-copy h2{font-size:48px}.app-copy>p{font-size:16px}.app-tags span{border-radius:20px;font-size:11px;padding:7px 14px}.app-availability{font-size:12px}
.faq{max-width:850px;margin-inline:auto}.faq h2{margin-bottom:30px}details{padding:22px 0;border-color:var(--line)}summary{font-size:16px;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;font-weight:300;color:var(--gold);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{font-size:14px;line-height:1.85;max-width:700px;animation:faq-enter .25s ease-out}.end{padding:45px;border-radius:24px}.end h2{font-size:42px}.end .btn{border-radius:9px}.logo{width:210px}.notice{font-size:11px;line-height:1.8}footer{padding:36px 0}.footer-top a{font-size:13px}
.reveal{opacity:1;transform:none}.scroll-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.scroll-reveal.entered{opacity:1;transform:none}.hero h1,.hero>p,.hero-foot{animation:hero-enter .8s both}.hero>p{animation-delay:.1s}.hero-foot{animation-delay:.2s}.motion-suspended *,.motion-suspended *:before,.motion-suspended *:after{animation-play-state:paused!important}
@keyframes phone-drift{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,calc(-50% - 9px)) rotate(1deg)}}@keyframes glow-breathe{50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}@keyframes hero-enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes faq-enter{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.wrap{padding-inline:28px}.hero{column-gap:24px}.hero h1{font-size:64px}.hero-foot{flex-wrap:wrap}.node{padding:8px 10px!important}.node b{font-size:12px}.hero-phone{width:225px}.orbit{width:380px}.orbit.two{width:365px}.calc-section{padding:30px;gap:26px}.loan-story{gap:40px}}
@media(max-width:850px){nav .links{top:82px;left:16px;right:16px;background:#00423f;border:1px solid #c4dbc630;border-radius:14px;padding:16px;gap:0;box-shadow:0 20px 40px #001c2850}.links a{padding:13px}.links a:after{display:none}.menu{border-radius:9px;min-height:44px;min-width:65px;font-size:13px}.calc-section{grid-template-columns:1fr}.result{min-height:380px}.result-heading{margin-bottom:25px}.monthly{font-size:48px}}
@media(max-width:800px){.hero{display:flex;flex-direction:column;min-height:0;padding-top:50px;gap:0}.hero>.eyebrow{max-width:400px;align-self:center}.hero h1{font-size:64px;margin-top:22px}.hero>p{max-width:500px}.hero-foot{order:0;justify-content:center;margin:25px 0 12px}.universe{order:1;height:580px;margin-top:20px;max-width:480px}.hero-phone{width:235px;top:43%}.orbit,.orbit.two{top:43%}.loan-stories{gap:60px}.section-head h2{font-size:43px}}
@media(max-width:560px){.wrap{padding-inline:22px}nav{gap:10px}.brand{font-size:27px}.brand small{font-size:8px;letter-spacing:1px}.hero{padding-top:35px;text-align:center}.hero>.eyebrow{font-size:9px;max-width:310px}.hero h1{font-size:clamp(42px,12vw,58px);letter-spacing:-2.7px;line-height:1.12}.hero>p{font-size:15px;line-height:1.8}.hero-foot{flex-direction:column;width:100%;gap:10px;margin-top:24px}.hero-foot .btn{width:100%}.universe{height:600px;margin-top:12px}.hero-phone{top:33%;width:210px}.orbit{top:33%;width:280px;height:220px}.orbit.two{top:33%;width:285px;height:285px}.phone-glow{top:33%;width:280px;height:280px}.node{width:calc(50% - 6px);min-height:59px;text-align:left;padding:9px 12px!important}.node b{font-size:13px}.node small{font-size:8px}.n0,.n1{top:64%}.n2,.n3{top:76%}.n4,.n5{top:88%}.n0,.n2,.n4{left:0}.n1,.n3,.n5{right:0}.loan-story{grid-template-columns:1fr;gap:24px}.loan-photo,.truck-brand-photo img{aspect-ratio:1.1;border-radius:15px!important}.loan-story:nth-child(even) .loan-photo{order:0}.loan-story-copy{padding:0!important}.loan-story-copy h3{font-size:31px}.loan-story-copy p{font-size:15px}.loan-stories{gap:50px}section{padding-block:48px}.section-head{margin-bottom:30px}.section-head h2,h2{font-size:35px}.section-head p{font-size:14px}.calc-section{padding:25px 18px;border-radius:18px;gap:25px}.calc-section h2{font-size:35px}.result{padding:24px 20px;min-height:370px}.monthly{font-size:clamp(32px,9vw,43px)}.fields{gap:15px}.app-showcase{padding:32px 16px;border-radius:18px}.app-copy h2{font-size:35px}.app-copy>p{font-size:15px}.supplied-store{width:190px}.how{gap:0}.step{padding-block:15px}.faq h2{font-size:35px}summary{font-size:15px;min-height:42px}.end{padding:30px 23px;border-radius:18px}.end h2{font-size:34px}.end .btn{width:100%;margin-top:15px}.footer-top{gap:22px}.logo{width:190px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scroll-reveal{opacity:1;transform:none}.world{transform:none!important}#depth-field{display:none}}
header{z-index:50}.reading-progress{z-index:51}.result dl{margin-bottom:15px}
body{overflow-x:clip}
