:root{--navy:#071b31;--deep:#0b2947;--blue:#0878e6;--cyan:#19b9ed;--ice:#eaf7ff;--ink:#10283d;--muted:#65798a;--white:#fff;--line:#d9e5ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);background:#fff;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:1.23rem;font-weight:500;letter-spacing:-.04em}.brand b{font-weight:800}.drop{width:24px;height:31px;display:inline-block;background:linear-gradient(150deg,var(--cyan),var(--blue));border-radius:70% 35% 70% 70%;transform:rotate(45deg)}nav{display:flex;align-items:center;gap:34px;font-size:.88rem;font-weight:700}nav a:hover{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff!important;padding:12px 20px}.menu{display:none;border:0;background:none;font:700 .9rem Manrope}.hero{height:min(760px,calc(100vh - 76px));min-height:600px;position:relative;overflow:hidden;background:var(--navy);color:#fff}.hero-image{position:absolute;inset:0;background:url('assets/hero-blue-len-v2.png') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,35,.97) 0%,rgba(4,28,50,.82) 38%,rgba(4,28,50,.16) 74%),linear-gradient(0deg,rgba(4,24,42,.5),transparent 50%)}.hero-copy{position:relative;z-index:2;width:min(680px,90%);padding-top:clamp(90px,13vh,140px);margin-left:clamp(24px,8vw,126px)}.eyebrow{font-size:.73rem;letter-spacing:.2em;font-weight:800;color:#79d7ff;margin:0 0 22px}.eyebrow.blue{color:var(--blue)}.eyebrow.light{color:#83dafb}.hero h1{font-size:clamp(2.7rem,5.7vw,5rem);line-height:1.02;letter-spacing:-.06em;margin:0 0 28px}.hero h1 em{font-style:normal;color:#36b8ef}.lead{font-size:1.08rem;line-height:1.75;color:#d2e2ec;max-width:560px}.actions{display:flex;gap:14px;margin-top:34px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 22px;font-weight:800;font-size:.86rem;border:1px solid transparent}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1392f4}.secondary{border-color:#8da5b5;color:#fff}.hero-stats{display:flex;gap:0;margin-top:62px;border-top:1px solid rgba(255,255,255,.23);max-width:610px}.hero-stats div{padding:24px 42px 0 0;margin-right:42px;border-right:1px solid rgba(255,255,255,.23)}.hero-stats div:last-child{border:0}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:1.05rem}.hero-stats span{font-size:.72rem;color:#aebfca;margin-top:6px}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;padding:100px clamp(24px,8vw,126px) 48px}.intro h2,.split h2,.contact h2,.quality h2,.visual-banner h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.055em;margin:0}.intro>p{color:var(--muted);font-size:1rem;line-height:1.8;max-width:520px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:0 clamp(24px,8vw,126px) 110px;border:1px solid var(--line)}.card{background:#fff;padding:42px;min-height:335px;position:relative}.card.featured{background:var(--ice)}.number{position:absolute;right:26px;top:22px;color:#a9bac6;font-size:.72rem}.icon{font-size:2rem;color:var(--blue);margin:20px 0 44px}.card h3{font-size:1.2rem;margin:0 0 14px}.card p{font-size:.88rem;color:var(--muted);line-height:1.7}.card a,.text-link{display:inline-flex;gap:22px;margin-top:18px;color:var(--blue);font-size:.85rem;font-weight:800}.split{display:grid;grid-template-columns:1.05fr .95fr;min-height:610px;background:#f3f8fb}.split-image{background:center/cover no-repeat}.sprinter{background-image:url('assets/sprinter.png')}.split-copy{padding:90px clamp(36px,7vw,105px);align-self:center}.split-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;margin:28px 0}.split ul{list-style:none;padding:0;margin:26px 0}.split li{padding:12px 0;border-bottom:1px solid var(--line);font-size:.9rem;font-weight:700}.split li span{color:var(--blue);margin-right:12px}.quality{background:var(--navy);color:#fff;padding:100px clamp(24px,8vw,126px);display:grid;grid-template-columns:1fr 1.05fr;gap:90px}.quality-copy>p{color:#bbcad4;line-height:1.8;margin:0 0 44px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#345069}.quality-grid div{background:var(--navy);padding:18px}.quality-grid strong,.quality-grid span{display:block}.quality-grid strong{font-size:.82rem}.quality-grid span{font-size:.68rem;color:#93aabd;margin-top:7px}.visual-banner{height:560px;position:relative;color:#fff;overflow:hidden}.tanker{position:absolute;inset:0;background:url('assets/tanker.png') center/cover no-repeat}.visual-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,18,32,.9),rgba(2,27,46,.35),rgba(2,27,46,.08))}.banner-copy{position:relative;z-index:2;padding:145px clamp(24px,8vw,126px);max-width:680px}.banner-copy h2{margin-bottom:32px}.primary.white{background:#fff;color:var(--navy)}.contact{padding:100px clamp(24px,8vw,126px);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;background:#f7fafc}.contact>div>p:last-child{color:var(--muted);line-height:1.75;max-width:430px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact label{font-size:.76rem;font-weight:800}.contact input,.contact select,.contact textarea{font:500 .88rem Manrope;width:100%;margin-top:8px;border:1px solid var(--line);background:#fff;padding:14px;outline:none}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--blue)}.wide{grid-column:1/-1}.contact button{border:0;cursor:pointer;width:max-content}.success{grid-column:1/-1;color:#087649;font-size:.83rem}footer{background:#061522;color:#fff;padding:42px clamp(24px,8vw,126px);display:flex;align-items:center;justify-content:space-between;font-size:.75rem}footer p{color:#9eb0bc}@media(max-width:800px){.topbar{height:66px}.menu{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;align-items:stretch;box-shadow:0 12px 25px #0012}nav.open{display:flex}.hero{min-height:650px;height:calc(100vh - 66px)}.hero-image{background-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(3,19,35,.94),rgba(4,28,50,.4))}.hero-copy{padding-top:90px}.hero h1{font-size:3rem}.hero-stats div{padding-right:15px;margin-right:15px}.intro,.quality,.contact{grid-template-columns:1fr;gap:32px;padding-top:75px;padding-bottom:75px}.cards{grid-template-columns:1fr;margin-bottom:75px}.split{grid-template-columns:1fr}.split-image{min-height:380px}.split-copy{padding:64px 26px}.quality-grid{grid-template-columns:1fr}.visual-banner{height:500px}.contact form{grid-template-columns:1fr}.wide{grid-column:auto}footer{flex-direction:column;gap:10px;text-align:center}}@media(max-width:470px){.hero h1{font-size:2.55rem}.lead{font-size:.94rem}.actions{flex-direction:column;width:max-content}.hero-stats{margin-top:40px}.hero-stats div{padding-top:18px}.hero-stats strong{font-size:.86rem}.hero-stats span{font-size:.62rem}.intro{padding-top:60px}.card{padding:32px}.visual-banner{height:470px}.banner-copy{padding-top:110px}}

/* Readability, touch targets and narrow screens */
body{font-size:1rem} .eyebrow,.number,.hero-stats span,.quality-grid span,footer{font-size:.875rem}
.contact label{font-size:.9375rem}.contact input,.contact select,.contact textarea,.contact button{font-size:1rem}.card p,.card a,.text-link,.primary,.secondary,.success{font-size:1rem}
a:focus-visible,button:focus-visible{outline:3px solid #19b9ed;outline-offset:5px} .contact textarea{resize:vertical}
@media(max-width:800px){.hero{height:auto;min-height:650px;padding-bottom:45px}.hero-stats{flex-wrap:wrap;gap:18px}.hero-stats div{margin:0;padding:18px 15px 0 0}.hero-stats strong,.hero-stats span{font-size:.875rem}.hero h1{line-height:1.12}.brand{font-size:1.05rem}.contact button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Let the hero grow with its content so quantity labels cannot be clipped. */
.hero{height:auto;min-height:650px;padding-bottom:64px}
.hero-copy{width:min(680px,calc(100% - clamp(24px,8vw,126px) - 24px))}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.hero-stats div{min-width:0;margin:0;padding:20px 16px 0 0}
.hero-stats strong,.hero-stats span{line-height:1.5;white-space:normal;overflow-wrap:break-word}
.hero-stats span{color:#d2e2ec}
@media(max-width:470px){.hero{padding-bottom:40px}.hero-stats{gap:12px}.hero-stats div{padding-right:8px}.hero-copy{padding-top:64px}.actions{max-width:100%}}