:root{
  --navy:#4f3d2d;
  --navy2:#604a36;
  --blue:#5a4432;
  --cyan:#ffdc3d;
  --ink:#3d352f;
  --muted:#75695f;
  --line:#e8dfd5;
  --soft:#fff8df;
  --yellow:#ffdc3d;
  --brown:#53402f;
}

.brand-logo{display:block;width:190px;height:auto;max-height:65px;object-fit:contain;flex:0 0 auto}
.brand b{color:var(--brown);letter-spacing:.02em}
.brand small{color:#887561;letter-spacing:.12em}
.topbar{height:84px;border-bottom:5px solid #a77b50}
.top-contact{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;color:#eb8708;line-height:1.15;margin-left:4px}
.top-contact span{grid-row:1 / 3;width:24px;height:24px;display:grid;place-items:center;background:#eb8708;color:#fff;border-radius:3px;font-size:14px}
.top-contact b{font-size:17px;letter-spacing:.02em}
.top-contact small{grid-column:2;font-weight:800;font-size:12px;color:#eb8708}
.btn{background:var(--brown);border-color:var(--brown);color:#fff}
.btn:hover{background:#37291f}
.lang,.service-grid a,.news-grid a,.news-grid small,.service-grid span{color:var(--brown)}

.hero{color:var(--brown);background:linear-gradient(135deg,#ffe46a 0%,#ffda35 55%,#ffd326 100%)}
.hero:before{content:"HARDCORE LOGISTICS";position:absolute;right:-35px;top:120px;font-weight:900;font-size:92px;letter-spacing:.08em;color:rgba(83,64,47,.055);transform:rotate(90deg);transform-origin:center}
.hero{position:relative}
.hero h1 span{color:var(--brown)}
.hero .eyebrow{color:var(--brown)}
.hero .lead{color:#69533f}
.hero .btn{background:var(--brown);color:#fff}
.hero .btn.ghost{background:transparent;border-color:var(--brown);color:var(--brown)}
.hero .btn.ghost:hover{background:rgba(83,64,47,.1)}
.trust{color:#69533f}
.route-card{background:linear-gradient(145deg,#5b4735,#463426);border-color:rgba(255,255,255,.18);box-shadow:0 30px 70px rgba(83,64,47,.22);color:#fff}
.route-head{color:#ffe986}.route-head strong{color:#fff}
.globe{background:radial-gradient(circle at center,rgba(255,220,61,.18),rgba(57,41,29,.18) 61%,transparent 62%),repeating-radial-gradient(circle at center,transparent 0 36px,rgba(255,220,61,.1) 37px 38px);border-color:rgba(255,220,61,.2)}
.globe:before,.globe:after{border-color:rgba(255,220,61,.2)}
.dot{background:var(--yellow);box-shadow:0 0 0 7px rgba(255,220,61,.1),0 0 22px var(--yellow)}
.line{background:linear-gradient(90deg,var(--yellow),transparent)}

.eyebrow.dark{color:var(--brown)}
.service-grid article:hover{background:var(--yellow);color:var(--brown);box-shadow:0 18px 45px rgba(83,64,47,.15)}
.service-grid article:hover p{color:#69533f}
.service-grid article:hover a{color:var(--brown)}
.adv-grid>div{border-top-color:var(--yellow);box-shadow:0 8px 28px rgba(83,64,47,.06)}
.adv-grid b{color:var(--brown)}
.quote-wrap{background:linear-gradient(125deg,#463426,#604b38)}
.quote-wrap .eyebrow{color:var(--yellow)}
.quote-form{border-top:6px solid var(--yellow)}
input:focus,textarea:focus{outline-color:rgba(255,220,61,.35);border-color:var(--brown)}
.btn.light{color:var(--brown);border-color:var(--brown)}
footer{background:var(--brown)}
.inverse{display:inline-flex;background:#fff8df;border-radius:6px;padding:4px 6px;margin-bottom:8px}
.inverse .brand-logo{width:198px;max-height:none}
.inverse b{color:#fff}.inverse small{color:var(--yellow)}
.footer-main a{color:var(--yellow)}
.float a{background:var(--yellow);color:var(--brown)}
.float a:last-child{background:var(--brown);color:#fff;border:1px solid var(--yellow)}

@media(max-width:1050px){.top-contact{display:none}}
@media(max-width:900px){.topbar{height:72px}.brand-logo{width:170px;max-height:55px}}
@media(max-width:600px){.hero:before{display:none}.brand-logo{width:158px}.inverse .brand-logo{width:178px}}