:root{--navy:#061728;--navy2:#0a233b;--blue:#0782ff;--blue2:#22a7ff;--white:#fff;--ink:#111d2d;--muted:#667085;--line:#dfe7ef;--soft:#f5f8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;padding:14px clamp(18px,5vw,68px);background:#061728;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 22px rgba(0,0,0,.2)}
.brand{display:flex;flex-direction:column;line-height:.95;min-width:260px}.brand-main{font-size:28px;font-weight:900;letter-spacing:-1px}.brand-main b{color:#168bff}.brand-sub{font-size:10px;letter-spacing:2px;font-weight:800;margin-top:5px}
nav{display:flex;gap:25px;margin-left:auto;font-weight:700;font-size:14px}nav a{padding:8px 0;border-bottom:2px solid transparent}nav a:hover{border-color:var(--blue);color:#d9efff}.phone{background:linear-gradient(135deg,#0578f3,#168cff);padding:12px 18px;border-radius:9px;font-weight:900;white-space:nowrap}.menu{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px}
.hero{position:relative;min-height:690px;display:flex;align-items:center;padding:70px clamp(24px,5.2vw,82px);background:url('van-wolves.png') center right/cover no-repeat;color:#fff;overflow:hidden}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,16,29,.98) 0%,rgba(3,16,29,.94) 34%,rgba(3,16,29,.52) 57%,rgba(3,16,29,.08) 82%)}.hero-copy{position:relative;z-index:2;max-width:670px}.kicker{font-size:13px;letter-spacing:2px;color:#d6e0ea;margin-bottom:14px}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-2px;margin:0 0 22px;font-weight:900}.hero h1 span{color:#0782ff}.hero p{font-size:19px;max-width:650px;color:#e4eaf0}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:12px 22px;border-radius:9px;font-weight:800}.btn.primary{background:#087ff7}.btn.primary span{display:flex;flex-direction:column;line-height:1.05}.btn.primary small{font-size:14px}.btn.secondary{border:2px solid rgba(255,255,255,.8);background:rgba(5,20,34,.35);backdrop-filter:blur(5px)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);background:#071827;color:#fff;padding:25px clamp(24px,5vw,76px);gap:0}.trust>div{display:flex;align-items:center;gap:14px;padding:4px 28px;border-right:1px solid rgba(255,255,255,.22)}.trust>div:first-child{padding-left:0}.trust>div:last-child{border:0}.trust b{font-size:27px;color:#fff}.trust span{display:flex;flex-direction:column}.trust strong{font-size:15px}.trust small{color:#aebbc7}
.section{padding:82px clamp(22px,6vw,92px)}.section-head{text-align:center;max-width:900px;margin:0 auto 42px}.eyebrow{display:inline-block;color:#0a77e8;font-weight:900;font-size:12px;letter-spacing:4px;margin-bottom:10px}.section-head h2,.about h2{font-size:clamp(32px,4vw,50px);line-height:1.1;margin:0 0 14px;color:#071827;letter-spacing:-1.2px}.section-head p{font-size:18px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1220px;margin:auto}.service-grid article{padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 35px rgba(5,30,55,.07);transition:.2s}.service-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(5,30,55,.12)}.service-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#eaf4ff;color:#087ff7;font-size:26px;font-weight:900}.service-grid h3{margin:18px 0 8px;font-size:21px}.service-grid p{color:var(--muted);margin:0}
.fleet{background:#071827}.dark-head h2,.dark-head p{color:#fff}.dark-head p{color:#b9c5cf}.fleet-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1250px;margin:auto}.fleet-grid figure{margin:0;background:#0b2238;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.fleet-grid img{width:100%;height:390px;object-fit:cover}.fleet-grid figcaption{padding:15px 18px;color:#fff;font-weight:800}
.work{background:#f6f9fc}.gallery{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery figure{margin:0;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 10px 30px rgba(5,30,55,.08)}.gallery figure.wide{grid-column:span 2}.gallery img{width:100%;height:330px;object-fit:cover}.gallery figcaption{padding:12px 14px;font-size:14px;font-weight:700;color:#334155}
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;max-width:1400px;margin:auto}.about h2 span{color:#087ff7}.about>div>p{font-size:17px;color:#566475}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;font-weight:800}.checks span{padding:12px 14px;background:#f0f7ff;border-radius:8px;color:#173a5c}.about-card{background:#071827;border-radius:18px;padding:24px;text-align:center;color:#fff;box-shadow:0 20px 45px rgba(5,25,45,.2)}.about-card img{width:100%;max-height:330px;object-fit:cover;border-radius:12px}.about-card h3{margin:20px 0 3px;letter-spacing:2px}.about-card p{margin:0;color:#aebdca}
.areas{background:linear-gradient(135deg,#071827,#0b2948)}.area-list{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;max-width:1000px;margin:auto}.area-list span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;padding:13px 19px;border-radius:999px;font-weight:800}
.cta{background:linear-gradient(135deg,#087ff7,#055ec8);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(32px,4vw,48px);margin:0 0 8px;line-height:1.1}.cta p{margin:4px 0;color:#e9f4ff}.cta .web{font-weight:900;letter-spacing:1px}.light{color:#fff}.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:330px}.btn.white{background:#fff;color:#075dbd}.btn.outline{border:2px solid #fff;color:#fff}
footer{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:35px;padding:55px clamp(22px,6vw,92px) 28px;background:#04111d;color:#c3ced8}footer>div{display:flex;flex-direction:column;gap:7px}footer strong{color:#fff;margin-bottom:5px}.footer-brand .brand-main{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin:18px 0 0;font-size:13px}
@media(max-width:980px){.topbar{gap:12px}.brand{min-width:0}.brand-main{font-size:22px}nav{display:none;position:absolute;left:0;right:0;top:72px;background:#061728;padding:20px;flex-direction:column}nav.open{display:flex}.menu{display:block}.phone{display:none}.hero{min-height:620px;background-position:62% center}.shade{background:linear-gradient(90deg,rgba(3,16,29,.97),rgba(3,16,29,.76) 70%,rgba(3,16,29,.45))}.trust{grid-template-columns:1fr 1fr}.trust>div{border:0;padding:12px}.service-grid{grid-template-columns:1fr 1fr}.fleet-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.contact-actions{min-width:0;width:100%}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar{padding:13px 16px}.brand-sub{font-size:8px}.hero{min-height:650px;padding:55px 20px;background-position:67% center}.shade{background:linear-gradient(90deg,rgba(3,16,29,.97),rgba(3,16,29,.82))}.kicker{font-size:10px}.hero h1{font-size:45px}.hero p{font-size:16px}.actions,.actions .btn{width:100%}.trust{grid-template-columns:1fr}.service-grid,.gallery{grid-template-columns:1fr}.gallery figure.wide{grid-column:auto}.gallery img,.fleet-grid img{height:270px}.checks{grid-template-columns:1fr}.section{padding:62px 18px}.cta{padding:55px 20px}footer{grid-template-columns:1fr}}
