*{box-sizing:border-box;margin:0;padding:0}
:root{--green:#0b3d2e;--green2:#123f32;--gold:#f5a300;--cream:#f8f0dc;--black:#0d0e0d;--muted:#686b66}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:#171816;background:#fff;line-height:1.6}
.flag-line{height:5px;display:flex}.flag-line span:nth-child(1),.flag-line span:nth-child(3){background:#008751;flex:1}.flag-line span:nth-child(2){background:#fff;flex:1}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 6%;background:rgba(10,18,14,.97);color:#fff;border-bottom:2px solid #c77d00}
.logo{display:flex;align-items:center;color:#fff;text-decoration:none}.logo img{width:230px;height:auto;display:block}.logo-mark{width:42px;height:42px;border:2px solid var(--gold);border-radius:10px;display:grid;place-items:center;font-weight:900;color:var(--gold)}.logo strong{display:block;letter-spacing:1px}.logo small{display:block;font-size:8px;color:#f3c35b;letter-spacing:1.2px}
.nav nav{display:flex;gap:24px}.nav nav a{color:#eee;text-decoration:none;font-size:13px;font-weight:700}.nav-btn,.btn{display:inline-block;text-decoration:none;font-weight:800;border-radius:7px;padding:12px 20px}.nav-btn,.primary{background:var(--gold);color:#111}.outline{border:1px solid var(--gold);color:#fff;background:transparent}
.hero{min-height:620px;padding:75px 6%;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;color:#fff;background:radial-gradient(circle at 75% 25%,rgba(245,163,0,.25),transparent 30%),linear-gradient(120deg,#07120d,#123f32 55%,#08100c);position:relative;overflow:hidden}.hero:after,.patterned:after{content:"";position:absolute;inset:0;opacity:.09;background-image:linear-gradient(45deg,transparent 45%,#f5a300 46%,#f5a300 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,#008751 46%,#008751 54%,transparent 55%);background-size:42px 42px;pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:900;color:var(--gold);margin-bottom:14px}.hero h1{font-size:clamp(43px,6vw,76px);line-height:1.02;letter-spacing:-3px;margin-bottom:22px}.hero h1 span{color:var(--gold)}.lead{font-size:19px;max-width:610px;color:#ddd}.actions{display:flex;gap:12px;margin:28px 0}.hero-pills{display:flex;gap:10px;flex-wrap:wrap}.hero-pills span{border:1px solid rgba(255,255,255,.25);padding:7px 12px;border-radius:99px;font-size:12px}
.hero-art{height:410px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(145deg,#183e30,#d17b00 75%,#f5a300);border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 70px rgba(0,0,0,.25)}.sun{width:150px;height:150px;border-radius:50%;background:#ffd36b;position:absolute;right:15%;top:14%;box-shadow:0 0 70px #f5a300}.africa{position:absolute;right:15%;top:17%;font-weight:900;font-size:48px;color:rgba(8,42,30,.65);transform:rotate(-8deg);letter-spacing:4px}.road{position:absolute;left:-10%;right:-10%;bottom:30px;height:90px;background:#171a17;transform:skewY(-5deg)}.truck{position:absolute;bottom:82px;left:24%;font-size:100px;color:#eee;filter:drop-shadow(5px 8px 0 rgba(0,0,0,.25))}.route-card{position:absolute;bottom:20px;right:20px;background:#fff;color:#111;border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;font-size:12px}.route-card b{font-size:14px}.route-card span{color:#666}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:35px 6%;background:var(--cream);border-bottom:5px solid var(--green)}.trust>div{padding:8px 25px;border-right:1px dashed #b9a77b}.trust>div:last-child{border:0}.trust b{color:var(--gold);font-size:12px}.trust strong{display:block;font-size:18px;margin:6px 0}.trust p{color:var(--muted);font-size:13px}
.quote-section{padding:90px 6%;background:#fff}.section-intro{text-align:center;max-width:800px;margin:0 auto 35px}.section-intro h2,.section h2,.about h2,.contact h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-1.5px;margin-bottom:14px}.section-intro>p:last-child{color:var(--muted)}
.quote-form{max-width:1000px;margin:auto;background:#f8f5ed;padding:30px;border-radius:20px;border:1px solid #e7dfc9;box-shadow:0 20px 50px rgba(0,0,0,.07)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:13px;font-weight:800}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;border:1px solid #d7d0bd;border-radius:8px;padding:13px 14px;background:#fff;font:inherit;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,163,0,.12)}.submit{border:0;margin-top:22px;cursor:pointer;width:100%;font-size:15px}.form-note{text-align:center;color:#777;font-size:12px;margin-top:10px}
.section{padding:85px 6%}.dark{background:var(--green);color:#fff}.center{text-align:center;margin-bottom:35px}.dark .eyebrow{color:#f5c257}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{background:#f8f0dc;color:#151713;border-radius:14px;padding:26px;border-top:4px solid var(--gold)}.service-grid span{font-size:28px;color:var(--green)}.service-grid h3{margin:12px 0 7px}.service-grid p{color:#62655f;font-size:14px}
.patterned{background:var(--cream);position:relative;overflow:hidden}.patterned>*{position:relative;z-index:1}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps>div{background:#fff;border-radius:14px;padding:25px;border-bottom:4px solid var(--gold)}.steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff}.steps h3{margin:12px 0 6px}.steps p{color:#666;font-size:14px}
.about{padding:85px 6%;background:#111;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p:last-child{color:#ccc;font-size:18px}.contact{padding:85px 6%;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-card{background:#fff;padding:30px;border-radius:18px;border-left:5px solid var(--gold);box-shadow:0 15px 40px rgba(0,0,0,.08)}.contact-card p{margin-bottom:16px}.contact-card a{color:#155b43;text-decoration:none}.full{width:100%;text-align:center;margin-top:10px}
footer{padding:30px 6%;background:#08100c;color:#ddd;display:flex;justify-content:space-between;gap:20px}footer strong{display:block;color:#f5a300}footer span{font-size:12px;color:#aaa}
@media(max-width:850px){.nav nav{display:none}.hero,.about,.contact{grid-template-columns:1fr}.hero-art{height:330px}.trust{grid-template-columns:1fr 1fr}.trust>div{border-bottom:1px dashed #b9a77b}.service-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hero{padding-top:55px}.hero h1{letter-spacing:-2px}.actions{flex-direction:column}.trust,.service-grid,.steps,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.quote-form{padding:20px}.nav-btn{display:none}footer{flex-direction:column}}

@media(max-width:520px){.logo img{width:185px}}
