:root{--navy:#1D3F5A;--blue:#437B98;--sky:#96CAD3;--bg:#F4F8F9;--ink:#102D43;--muted:#657783;--white:#fff;--line:#DCE8EC}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:76px;display:flex;align-items:center;border-bottom:1px solid #edf2f4;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:24px}.brand strong{letter-spacing:-1.3px}.brand strong span{color:var(--blue)}.mark{width:38px;height:38px;border:3px solid var(--blue);border-radius:7px;display:grid;place-items:center;position:relative}.mark:before{content:"";position:absolute;left:-10px;width:17px;height:3px;background:var(--sky);box-shadow:0 7px 0 var(--blue),0 -7px 0 var(--sky)}.mark span{font-weight:800;color:var(--navy);font-size:22px}.nav nav{display:flex;gap:34px;font-size:14px;color:#49616f}.nav nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;gap:18px;background:var(--navy);color:#fff;padding:15px 22px;border-radius:9px;font-weight:700;font-size:14px;box-shadow:0 8px 24px rgba(29,63,90,.14)}.btn:hover{transform:translateY(-1px)}.btn-small{padding:11px 17px}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:610px;background:linear-gradient(115deg,#fff 0 57%,#edf6f7 57%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:610px;gap:50px}.eyebrow,.section-head span,.kicker,.cta span{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--blue)}h1{font-size:58px;line-height:1.04;letter-spacing:-3.2px;margin:18px 0 24px}h1 span{color:var(--blue)}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.actions{display:flex;align-items:center;gap:26px;margin:34px 0}.link{font-weight:600;color:var(--blue);font-size:14px}.trust{display:flex;gap:22px;color:#66808d;font-size:12px}.hero-art{height:500px;display:grid;place-items:center}.road-card{width:100%;height:390px;background:linear-gradient(150deg,var(--navy),#285f7b);border-radius:30px;position:relative;overflow:hidden;box-shadow:0 35px 70px rgba(29,63,90,.22);transform:perspective(1000px) rotateY(-3deg)}.road-card:before{content:"";position:absolute;width:150%;height:140px;background:#31556a;bottom:30px;left:-20%;transform:rotate(-11deg)}.route{position:absolute;width:120%;height:4px;background:repeating-linear-gradient(90deg,#fff 0 40px,transparent 40px 75px);bottom:118px;left:-10%;transform:rotate(-11deg);opacity:.7}.doc{position:absolute;top:70px;left:75px;width:125px;height:155px;border:7px solid #fff;border-radius:14px;color:#fff;padding:45px 20px}.doc:after{content:"";position:absolute;right:-7px;top:-7px;border-left:35px solid transparent;border-top:35px solid var(--sky)}.doc i{display:block;height:5px;background:#fff;margin:9px 0;border-radius:5px}.doc span{position:absolute;font-size:60px;left:-52px;top:55px}.truck{position:absolute;right:50px;bottom:87px;color:white;font-size:80px;letter-spacing:-15px}.truck small{font-size:18px;display:block;letter-spacing:30px;margin-left:18px}.floating{position:absolute;right:30px;top:40px;background:white;border-radius:12px;padding:16px 20px;width:210px;box-shadow:0 15px 30px #17384b55}.floating b,.floating span{display:block}.floating span{font-size:11px;color:var(--muted);margin-top:5px}.logos{text-align:center;border-bottom:1px solid var(--line);padding:18px;color:#91a2aa;font-size:10px;letter-spacing:2px}.section{padding:90px 0}.section-head{text-align:center;max-width:680px;margin:0 auto 50px}.section h2{font-size:40px;letter-spacing:-2px;margin:12px 0}.section-head p,.split>div>p{color:var(--muted);line-height:1.7}.steps,.audience{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article,.audience article{padding:34px;border:1px solid var(--line);border-radius:16px;position:relative;background:white}.steps article>b{position:absolute;right:22px;top:20px;color:#d8e5e9;font-size:28px}.icon,.audience article>div{width:50px;height:50px;border-radius:12px;background:#e9f4f6;color:var(--blue);display:grid;place-items:center;font-size:24px}.steps h3,.audience h3{margin:22px 0 8px}.steps p,.audience p{color:var(--muted);font-size:14px;line-height:1.7}.soft{background:var(--bg)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.checks{list-style:none;padding:0}.checks li{position:relative;padding:13px 0 13px 40px}.checks li:before{content:"✓";position:absolute;left:0;width:25px;height:25px;border-radius:50%;background:#dff0f2;color:var(--blue);display:grid;place-items:center;font-weight:bold}.checks b,.checks span{display:block}.checks span{color:var(--muted);font-size:13px;margin-top:4px}.dashboard{background:white;border-radius:18px;box-shadow:0 25px 55px rgba(29,63,90,.13);overflow:hidden;border:1px solid #e7eff2}.dash-top{height:32px;background:#f4f7f8;display:flex;gap:5px;padding:12px}.dash-top span{width:7px;height:7px;border-radius:50%;background:#bfd0d7}.dash-body{display:grid;grid-template-columns:70px 1fr;height:300px}.dash-body aside{background:var(--navy);padding:22px}.mini-brand{color:white;font-size:25px}.dash-body aside i{display:block;height:5px;background:#6e93a7;margin:24px 0}.dash-main{padding:30px}.dash-main small{color:var(--muted)}.dash-main h4{font-size:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats span{padding:15px;background:var(--bg);font-size:10px;color:var(--muted)}.stats b{display:block;color:var(--navy);font-size:22px}.table{margin-top:20px}.table i{display:block;height:12px;background:#edf3f5;margin:9px 0;border-radius:3px}.cta{background:linear-gradient(110deg,var(--navy),#285f7b);color:#fff;padding:70px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center}.cta span{color:var(--sky)}.cta h2{font-size:42px;letter-spacing:-2px;margin:12px 0}.cta p{color:#c9dbe3}.btn-white{background:#fff;color:var(--navy)}footer{background:#102f45;color:#9eb5c1;padding:30px 0}.footer{display:flex;align-items:center;justify-content:space-between;font-size:11px}.inverse strong{color:#fff}.inverse strong span{color:var(--sky)}.footer>div:last-child{display:flex;gap:20px}@media(max-width:850px){.nav nav,.nav>.btn{display:none}.menu{display:block}.hero{background:linear-gradient(#fff,#f0f7f8)}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{padding-top:60px}.hero-art{height:400px}.steps,.audience{grid-template-columns:1fr}.split{gap:45px}.trust{flex-wrap:wrap}.cta-inner,.footer{flex-direction:column;align-items:flex-start;gap:25px}.section{padding:65px 0}h1{font-size:45px}.section h2{font-size:34px}}@media(max-width:520px){.container{width:min(100% - 28px,1160px)}h1{font-size:39px;letter-spacing:-2.3px}.hero-grid{gap:15px}.hero-art{height:330px}.road-card{height:290px}.doc{transform:scale(.7);transform-origin:top left;left:55px}.floating{right:15px;top:25px;width:180px}.truck{font-size:55px;bottom:65px}.actions{align-items:flex-start;flex-direction:column}.section h2,.cta h2{font-size:31px}.dashboard{transform:none}.footer>div:last-child{flex-wrap:wrap}}

/* v1.1.0 · Bootstrap Icons */
.mark>i{font-size:18px;color:var(--navy)}
.trust i{color:var(--blue);margin-right:5px}
.btn i,.link i{font-size:1em}
.doc span i{font-size:52px;color:#fff}
.truck{letter-spacing:0}
.truck i{font-size:76px;color:#fff}
.floating b i{color:var(--blue);margin-right:5px}
.checks li{display:flex;gap:14px;padding:13px 0}
.checks li:before{display:none}
.checks li>i{width:25px;height:25px;min-width:25px;border-radius:50%;background:#dff0f2;color:var(--blue);display:grid;place-items:center}
.audience article>div i,.icon i{font-size:24px}
.menu{color:var(--navy);cursor:pointer}
@media(max-width:850px){
  .nav{position:relative}
  .nav nav{display:none;position:absolute;top:58px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 18px 40px rgba(29,63,90,.12);flex-direction:column;gap:0}
  .nav-open .nav nav{display:flex}
  .nav nav a{padding:13px 12px;border-radius:8px}
  .nav nav a:hover{background:var(--bg)}
}