
:root{--navy:#16233a;--navy2:#22334f;--amber:#f5a300;--amber-d:#d98e00;--ink:#14181f;--paper:#f6f4ef;--cream:#fbf5e6;--line:#d8d2c4;--rust:#8a3b1e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Trebuchet MS',Segoe UI,Tahoma,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;font-size:17px}
h1,h2,h3,.cond{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;line-height:1.08;letter-spacing:.3px}
a{color:var(--rust)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
/* top bar */
.topbar{background:var(--ink);color:#e9e4d6;font-size:14px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:6px 20px;flex-wrap:wrap;gap:6px}
.topbar a{color:var(--amber);text-decoration:none;font-weight:bold}
/* header */
header.site{background:#fff;border-bottom:3px solid var(--navy)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:14px;flex-wrap:wrap}
.brand{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:700;color:var(--navy);text-transform:uppercase;text-decoration:none;letter-spacing:.5px;line-height:1}
.brand b{color:var(--amber)}
.brand span{display:block;font-size:12px;letter-spacing:3px;color:#6b6353;font-weight:400}
nav.main{display:flex;gap:2px;align-items:center;flex-wrap:wrap}
nav.main a{color:var(--navy);text-decoration:none;padding:8px 11px;font-weight:bold;font-size:15px}
nav.main a:hover{color:var(--amber-d)}
.dropdown{position:relative}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);min-width:230px;z-index:40;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:8px 14px;border-bottom:1px solid #efeadd;font-size:14px}
.btn-call{background:var(--amber);color:#111;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:19px;text-transform:uppercase;text-decoration:none;padding:11px 18px;border-radius:3px;display:inline-block;letter-spacing:.5px;border-bottom:3px solid var(--amber-d)}
.btn-call:hover{background:var(--amber-d)}
nav.main .btn-call{color:#111}
/* hero */
.hero{position:relative;background:var(--navy);color:#fff}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.34}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.3fr .9fr;gap:34px;padding:46px 20px 50px}
.hero h1{font-size:52px;margin:0 0 6px;text-transform:uppercase}
.hero .sub{font-size:20px;color:#ffdf9b;margin:0 0 6px;font-family:'Barlow Condensed',sans-serif;letter-spacing:.5px}
.hero .svc-line{font-size:15px;color:#cfd6e2;margin:0 0 20px}
.hero .btn-call{font-size:24px;padding:14px 22px}
.hero .undernote{margin-top:14px;font-size:14px;color:#cfd6e2}
/* dispatch/quote card */
.quote{background:var(--cream);color:var(--ink);border:2px solid var(--navy);border-radius:4px;padding:18px 18px 20px;box-shadow:6px 6px 0 rgba(0,0,0,.18)}
.quote h2{font-size:25px;margin:0 0 4px;color:var(--navy);text-transform:uppercase}
.quote p.small{margin:0 0 12px;font-size:13px;color:#5c5648}
.quote label{display:block;font-size:13px;font-weight:bold;margin:8px 0 3px;color:var(--navy)}
.quote input,.quote textarea,.quote select{width:100%;padding:10px;border:1px solid #b9b19c;border-radius:3px;font-size:15px;font-family:inherit;background:#fff}
.quote textarea{min-height:70px}
.btn-submit{margin-top:14px;width:100%;background:var(--navy);color:#fff;border:none;border-bottom:3px solid #0c1526;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:21px;text-transform:uppercase;padding:13px;border-radius:3px;cursor:pointer;letter-spacing:.5px}
.btn-submit:hover{background:var(--navy2)}
/* sections */
main{padding:8px 0 10px}
section{padding:26px 0;border-bottom:1px solid var(--line)}
h2.band{font-size:31px;text-transform:uppercase;color:var(--navy);border-left:8px solid var(--amber);padding-left:12px;margin:0 0 14px}
h3{font-size:22px;color:var(--navy);margin:22px 0 6px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.trust .t b{color:var(--rust);font-size:19px;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.3px}
.svc-block{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start;margin:22px 0;padding-bottom:20px;border-bottom:1px dashed var(--line)}
.svc-block:nth-child(even){grid-template-columns:1fr 300px}
.svc-block:nth-child(even) .svc-img{order:2}
.svc-block img{border:1px solid var(--line);border-radius:3px}
.svc-block h3{margin-top:0}
.cta-strip{background:var(--navy);color:#fff;text-align:center;padding:26px 20px;border:none}
.cta-strip h2{color:#fff;font-size:30px;text-transform:uppercase;margin:0 0 12px}
.cta-strip .btn-call{font-size:24px}
/* tables */
table.data{width:100%;border-collapse:collapse;margin:14px 0;background:#fff;border:1px solid var(--line)}
table.data th{background:var(--navy);color:#fff;text-align:left;padding:9px 12px;font-family:'Barlow Condensed',sans-serif;font-size:17px;letter-spacing:.4px}
table.data td{padding:9px 12px;border-top:1px solid var(--line);font-size:15px}
table.data tr:nth-child(even) td{background:#faf8f2}
table.areas{width:100%;border-collapse:collapse;margin:12px 0}
table.areas td{padding:5px 10px;border:1px solid var(--line);font-size:14px;background:#fff}
/* faq */
.faq details{border:1px solid var(--line);border-radius:3px;margin:8px 0;background:#fff}
.faq summary{cursor:pointer;padding:12px 14px;font-weight:bold;color:var(--navy);font-size:16px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+ ";color:var(--amber-d);font-weight:900}
.faq details[open] summary::before{content:"– "}
.faq .a{padding:0 14px 14px;color:#33383f}
/* reviews */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review{background:#fff;border:1px solid var(--line);border-top:4px solid var(--amber);padding:14px 16px;font-size:15px}
.review .who{font-weight:bold;color:var(--navy);margin-top:8px;display:block;font-size:14px}
.stars{color:var(--amber-d);letter-spacing:2px}
/* breadcrumb */
.crumb{font-size:13px;color:#6b6353;padding:12px 0 0}
.crumb a{color:var(--rust)}
/* form on subpages */
.formbox{background:var(--cream);border:2px solid var(--navy);border-radius:4px;padding:18px;max-width:520px}
.formbox h2{margin-top:0}
/* footer */
footer.site{background:var(--ink);color:#c7c0b0;font-size:14px;padding:30px 0 44px}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
footer.site h4{font-family:'Barlow Condensed',sans-serif;color:#fff;font-size:19px;text-transform:uppercase;margin:0 0 10px;letter-spacing:.5px}
footer.site a{color:#e9c877;text-decoration:none;display:block;padding:2px 0}
footer.site .legal{margin-top:22px;border-top:1px solid #333;padding-top:14px;font-size:12px;color:#8a8474}
footer.site .legal a{display:inline;color:#a89a78}
.badge{display:inline-block;border:1px solid #4a4636;padding:6px 10px;color:#cbc4b2;font-size:12px;margin-top:8px;border-radius:3px}
/* sticky mobile call */
.mcall{display:none}
@media(max-width:820px){
 .hero .wrap{grid-template-columns:1fr;padding:30px 20px 40px}
 .hero h1{font-size:38px}
 .trust,.reviews{grid-template-columns:1fr}
 .svc-block,.svc-block:nth-child(even){grid-template-columns:1fr}
 .svc-block:nth-child(even) .svc-img{order:0}
 footer.site .cols{grid-template-columns:1fr}
 nav.main{display:none}
 .mcall{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--amber);border-top:2px solid var(--amber-d)}
 .mcall a{flex:1;text-align:center;padding:14px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:21px;color:#111;text-decoration:none;text-transform:uppercase}
 body{padding-bottom:54px}
}
