/* SwiftCargo — logistics portal styles (Aramex/DHL inspired) */
:root{--nv:#0b2540;--nv2:#123256;--am:#f59e0b;--am2:#d97706;--teal:#0d9488;--ink:#0b2540;--muted:#5b6b78;--line:#e4e9ee;--bg:#f4f7fa;--paper:#fff;--ok:#16a34a}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;font-size:15px}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}
h1,h2,h3{font-family:Poppins,Inter,sans-serif;font-weight:700}
.sample{background:#000;color:#fff;text-align:center;font-size:.82rem;padding:7px 10px}.sample a{background:#fff;color:#000;padding:3px 12px;border-radius:999px;font-weight:700;margin-left:8px}
.hdr{background:var(--nv);color:#fff;position:sticky;top:0;z-index:50}.hdr .wrap{display:flex;align-items:center;gap:22px;height:64px}
.logo{font-family:Poppins;font-weight:800;font-size:1.3rem;color:#fff}.logo span{color:var(--am)}
.mnav{display:flex;gap:20px;margin-left:8px}.mnav a{color:#cfdae6;font-weight:600;font-size:.92rem}.mnav a:hover{color:#fff}
.btn{display:inline-block;background:var(--am);color:#111;border:0;padding:12px 22px;border-radius:8px;font-weight:700;cursor:pointer;font-family:inherit;font-size:.95rem}.btn:hover{background:var(--am2)}.btn.block{width:100%;text-align:center}.btn.sm{padding:9px 16px;font-size:.86rem;margin-left:auto}.btn.teal{background:var(--teal);color:#fff}
.hero{background:linear-gradient(rgba(11,37,64,.82),rgba(11,37,64,.86)),url('img/hero.jpg');background-size:cover;background-position:center;color:#fff;padding:56px 0 70px}
.hero h1{font-size:2.6rem;line-height:1.1;margin-bottom:8px;text-align:center}.hero .sub{text-align:center;opacity:.9;margin-bottom:26px}
.trackbox{background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.25);max-width:720px;margin:0 auto;padding:22px}
.trackbox .tabs{display:flex;gap:6px;margin-bottom:14px}
.trackbox .tabs button{background:var(--bg);border:0;padding:9px 16px;border-radius:8px;font-weight:700;cursor:pointer;font-family:inherit;color:var(--muted)}.trackbox .tabs button.on{background:var(--nv);color:#fff}
.trackrow{display:flex;gap:10px}.trackrow input{flex:1;padding:13px 14px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:.95rem}
.result{margin-top:16px;border-top:1px solid var(--line);padding-top:16px;display:none}
.timeline{position:relative;margin-top:10px;padding-left:8px}
.tl{display:flex;gap:14px;padding:0 0 18px;position:relative}
.tl::before{content:"";position:absolute;left:9px;top:22px;bottom:-4px;width:2px;background:var(--line)}
.tl:last-child::before{display:none}
.tl .dot{width:20px;height:20px;border-radius:999px;background:#fff;border:3px solid var(--line);flex:0 0 auto;z-index:1}
.tl.done .dot{background:var(--ok);border-color:var(--ok)}.tl.cur .dot{border-color:var(--am);background:var(--am)}
.tl .c .s{font-weight:700}.tl .c .m{color:var(--muted);font-size:.85rem}
.sec{padding:48px 0}.sec .k{color:var(--am2);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.sec h2{font-size:1.9rem;margin:4px 0 8px}.sec .sub2{color:var(--muted);margin-bottom:24px}
.svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px}.svc{overflow:hidden}.svc .ic{width:100%;height:150px;border-radius:12px;background:#fff5e6;background-size:cover;background-position:center;margin-bottom:14px}.svc h3{font-size:1.08rem;margin-bottom:4px}.svc p{color:var(--muted);font-size:.9rem}
.calc{display:grid;grid-template-columns:1fr 320px;gap:22px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px}
.field{margin-bottom:12px}.field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:5px}.field input,.field select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;font-family:inherit}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote{background:var(--nv);color:#fff;border-radius:12px;padding:20px;text-align:center}.quote .p{font-size:2rem;font-weight:800}.quote .t{opacity:.85;font-size:.9rem}
.cover{background:var(--nv);color:#fff;border-radius:16px;padding:34px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;align-items:center}.cover h2{color:#fff}.cover .stat b{font-size:1.8rem;color:var(--am)}
.foot{background:#071a2e;color:#b9c6d3;margin-top:26px;padding:34px 0 20px}.foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;margin-bottom:18px}.foot h4{color:#fff;margin-bottom:8px;font-size:.95rem}.foot a{display:block;color:#b9c6d3;font-size:.86rem;padding:2px 0}.foot p{font-size:.86rem;opacity:.85}.foot .bot{border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:.8rem;opacity:.8;display:flex;justify-content:space-between;flex-wrap:wrap}.foot .bot a{display:inline;color:#fff;font-weight:700}
@media(max-width:900px){.svcs{grid-template-columns:1fr}.calc{grid-template-columns:1fr}.mnav{display:none}.hero h1{font-size:2rem}.two{grid-template-columns:1fr}}