*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#062d5b;--blue:#087bfa;--orange:#ff8b00;--pale:#eef6ff;--ink:#142d4d}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:#fff}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 5%;background:#fff;box-shadow:0 3px 16px #062d5b14}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:max-content}
.brand-icon{font-size:36px}
.brand strong{display:block;color:var(--navy);font-size:25px;line-height:1.1}
.brand strong span{color:var(--orange)}
.brand small{display:block;text-align:center;font-size:12px;letter-spacing:1px}
.nav{display:flex;align-items:center;gap:26px}
.nav a{text-decoration:none;font-weight:700;font-size:14px}
.nav a:hover{color:var(--orange)}
.header-call{background:var(--blue);color:#fff;padding:12px 17px;border-radius:12px;text-decoration:none;font-weight:700;white-space:nowrap}
.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;border-radius:7px;padding:8px 11px;font-size:20px}
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:480px;overflow:hidden;background:linear-gradient(110deg,#062d5b 0%,#075ba6 57%,#0d9de7 100%);color:#fff;padding:55px 5%}
.hero-copy{position:relative;z-index:2;width:min(50%,600px)}
.eyebrow{font-weight:800;letter-spacing:2px;color:#ffd18d;margin-bottom:10px}
.eyebrow i{color:var(--orange);font-style:normal}
.hero h1{font-size:clamp(42px,5.5vw,70px);line-height:.99;letter-spacing:-2px;margin-bottom:18px}
.hero h1 span{color:#ff9b13}
.hero h2{font-size:clamp(19px,2vw,26px);margin-bottom:8px}
.hero-text{max-width:430px;color:#e8f4ff}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 16px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:800;border:2px solid transparent;transition:transform .15s,filter .15s}
.button:hover{transform:translateY(-2px);filter:brightness(1.04)}
.button-orange{background:linear-gradient(110deg,#ffad12,#ff7900);color:white}
.button-outline{border-color:#fff;color:white;background:#ffffff12}
.call-now{font-size:21px;font-weight:800}
.call-now a{color:#ffc028;text-decoration:none}
.small-note{font-size:13px;color:#d9eaff;margin-top:3px}
.hero-art{position:absolute;z-index:1;inset:0 0 0 37%;background-image:linear-gradient(90deg,#075ba6 0%,#075ba600 25%),url('assets/courier-banner.png');background-size:cover;background-position:center 34%;opacity:.85;mask-image:linear-gradient(90deg,transparent 0%,#000 15%)}
.section{padding:55px 5%}
.section-heading{text-align:center;margin-bottom:30px}
.eyebrow.dark{font-size:11px;color:var(--orange);margin-bottom:3px}
.section-heading h2{font-size:clamp(29px,4vw,42px);color:var(--navy);line-height:1.2}
.section-heading>p:last-child{color:#536b87}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.service-card{overflow:hidden;border:1px solid #e0ebf7;border-radius:15px;background:#fff;box-shadow:0 8px 25px #0b3e7010;transition:transform .2s,box-shadow .2s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0b3e701b}
.service-photo{height:145px;display:flex;align-items:center;justify-content:center;font-size:66px;background:linear-gradient(135deg,#eaf4ff,#fff)}
.parcels{background:linear-gradient(135deg,#fff1dd,#ffe0b0)}
.documents{background:linear-gradient(135deg,#e8f2ff,#d4e8ff)}
.express{background:linear-gradient(135deg,#e0f5ff,#c5e6ff)}
.coverage{background:linear-gradient(135deg,#fff1dd,#fff9e9)}
.service-content{position:relative;padding:20px 18px 22px 65px;min-height:132px}
.service-icon{position:absolute;left:15px;top:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:white;font-size:20px;font-weight:bold}
.service-icon.blue{background:var(--blue)}.service-icon.orange{background:var(--orange)}
.service-content h3{font-size:17px;color:var(--navy);margin-bottom:7px}
.service-content p{font-size:13px;color:#5c6d81}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:25px 5%;background:var(--pale)}
.benefits>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #c5d9ef;padding:4px 12px}
.benefits>div:last-child{border:0}
.benefit-icon{font-size:29px;color:var(--blue)}
.benefits strong,.benefits small{display:block}
.benefits strong{font-size:14px;color:var(--navy)}
.benefits small{font-size:12px;color:#60748b}
.booking-strip{padding:30px 5%;background:linear-gradient(110deg,#062d5b,#087bfa);color:white}
.booking-box{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1150px;margin:auto}
.package-icon{font-size:43px}
.booking-box h2{font-size:27px}.booking-box p{color:#e4efff}
footer{background:#061d3a;color:#fff;padding:35px 5% 15px}
.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1.2fr;gap:30px;padding-bottom:25px}
.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-left:1px solid #45617f;padding-left:25px}
.footer-main h3{font-size:15px;margin-bottom:5px}
.footer-main a,.footer-main p{font-size:13px;color:#d5e4f7;text-decoration:none}
.footer-main a:hover{color:#ffb33d}
.footer-brand{align-self:start}
.footer-brand strong{color:white}
.footer-call{background:var(--orange);color:#fff!important;padding:8px 15px;border-radius:7px;margin-top:6px}
.copyright{text-align:center;border-top:1px solid #34506e;padding-top:14px;color:#b7c7dc;font-size:12px}
@media(max-width:1000px){.site-header{gap:12px;padding:12px 3%}.nav{gap:13px}.brand strong{font-size:21px}.header-call{font-size:13px;padding:10px}.service-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{width:58%}.hero-art{left:32%;opacity:.55}.footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{flex-wrap:wrap}.brand-icon{font-size:30px}.brand strong{font-size:20px}.brand small{font-size:10px}.header-call{margin-left:auto;font-size:12px;padding:9px 10px}.menu-toggle{display:block}.nav{display:none;order:5;width:100%;padding:10px 0 4px;flex-direction:column;align-items:flex-start;gap:14px}.nav.open{display:flex}.hero{min-height:520px;padding:42px 6%;align-items:flex-start}.hero-copy{width:100%;max-width:500px}.hero h1{font-size:47px}.hero-art{inset:150px 0 0 0;background-position:center;background-size:cover;opacity:.28;mask-image:linear-gradient(180deg,transparent,#000 30%)}.hero-copy{ text-shadow:0 1px 2px #001b38}.hero-text,.small-note{max-width:330px}.call-now{font-size:19px}.section{padding:42px 5%}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{display:grid;grid-template-columns:115px 1fr}.service-photo{height:100%;min-height:150px;font-size:48px}.service-content{padding:22px 14px 18px 58px}.service-icon{left:12px;top:18px;width:34px;height:34px}.benefits{grid-template-columns:repeat(2,1fr);gap:10px;padding:20px 4%}.benefits>div{justify-content:flex-start;border-right:0;padding:8px 3px}.benefit-icon{font-size:25px}.booking-box{flex-wrap:wrap;justify-content:flex-start}.booking-box h2{font-size:23px}.booking-box .button{width:100%}.footer-main{grid-template-columns:1fr;gap:22px}.footer-main>div{border-left:0;border-top:1px solid #34506e;padding:17px 0 0}.footer-brand{padding-bottom:8px}}
@media(max-width:390px){.header-call{order:3;width:100%;text-align:center}.menu-toggle{margin-left:auto}.hero h1{font-size:40px}.hero-actions .button{width:100%}.service-card{grid-template-columns:90px 1fr}.service-content{padding-left:51px}.service-content h3{font-size:15px}}