:root{
  --brand:#ffd400;
  --accent:#111;
  --accent-dark:#0b1220;
  --muted:#666;
  --wrap:1100px;
}
*{box-sizing:border-box}
body{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--accent);margin:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.wrap{max-width:var(--wrap);margin:0 auto;padding:2rem}
.lead{background:var(--accent-dark);padding:2rem 0;margin-top:1rem;border-top:2px solid rgba(255,212,0,0.2);border-bottom:2px solid rgba(255,212,0,0.2)}
.lead-text{font-size:1.1rem;line-height:1.7;color:#ffffff;margin:0 0 .75rem;font-weight:600;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.lead-text:first-child{color:var(--brand);font-weight:700}
.site-header{background:var(--accent-dark);border-bottom:1px solid rgba(255,255,255,0.06);color:#fff}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand-text{display:flex;align-items:center}
.brand-name{font-size:1.5rem;font-weight:800;color:var(--brand);letter-spacing:1px}
.logo-wrap{display:flex;align-items:center;gap:0.75rem}
/* Logo sizing: smaller, more minimal */
.logo{height:72px;max-height:100%;width:auto;display:block}
.logo-wrap{background:#0f1724;padding:6px;border-radius:8px;box-shadow:0 6px 20px rgba(2,6,23,0.5);border:1px solid rgba(255,212,0,0.06)}
.main-nav a{margin:0 .5rem;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}
.cta,.phone-btn,button,a{cursor:pointer}
.hero{position:relative;min-height:100vh;display:block;padding:0;margin:0;color:#fff}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center center;filter:blur(2px) saturate(1.1);transform:scale(1.02);z-index:0}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.7),rgba(0,0,0,0.65));z-index:1}
.hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}
.hero-content .wrap{display:flex;flex-direction:column;align-items:center;gap:0}
.hero-block{background:rgba(11,18,32,0.85);padding:3rem 2.5rem;border-radius:12px;border:2px solid rgba(255,212,0,0.25);box-shadow:0 12px 40px rgba(0,0,0,0.6);max-width:700px;backdrop-filter:blur(8px)}
.hero-content h1{font-size:2.5rem;margin:0 0 1rem;color:#fff;font-weight:800;line-height:1.2}
.hero-subline{font-size:1.15rem;opacity:0.95;margin:0 0 2rem;color:var(--brand);font-weight:600;letter-spacing:0.5px}
.cta-hero{padding:1rem 2.5rem;font-size:1.05rem;border-radius:8px;font-weight:800;background:var(--brand);color:#000;display:inline-block;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s}
.cta-hero:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,212,0,0.4)}
.cta{display:inline-block;background:var(--brand);color:#111;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:700;margin-right:0.5rem}
.slogan{font-size:1.8rem;font-weight:600;margin:0.5rem 0;color:var(--brand)}
.hero-cta{display:flex;gap:0.75rem;flex-wrap:wrap;align-items:center}
.phone-btn{display:inline-block;background:rgba(255,255,255,0.12);color:#fff;padding:0.6rem 1rem;border-radius:6px;text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,0.12)}
.phone-btn:hover{background:rgba(255,255,255,0.18)}
.services{padding:3rem 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card .icon{font-size:2.5rem;margin-bottom:0.5rem}
.card{background:#fff;padding:1.2rem;border-radius:8px;box-shadow:0 6px 18px rgba(17,17,17,0.05)}
.fleet{padding:3rem 0}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:6px}

/* Map - card style with reduced height */
.map-wrap{width:100%;max-width:600px;margin:1.25rem auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.08);background:#fff}
.map-wrap iframe{width:100%;height:200px;border:0;display:block}

/* Contact grid - compact layout */
.contact-grid{display:grid;grid-template-columns:1fr 440px;gap:1.25rem;align-items:start}
.contact-info{padding:0}
.contact-map{display:flex;flex-direction:column;align-items:stretch}
.contact .contact-info p{margin:.25rem 0}
@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;}
  .map-wrap iframe{height:240px}
}
.contact{padding:3rem 0}
/* Compact contact form */
.contact-form{max-width:720px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:0.75rem}
.contact-form input,.contact-form textarea{padding:.6rem;border:1px solid rgba(0,0,0,0.08);border-radius:8px;background:#fff}
.contact-form textarea{min-height:120px}
.contact-form button{background:var(--brand);color:#07101a;border:none;padding:.85rem;border-radius:8px;font-weight:800}
.site-footer{background:var(--accent-dark);color:#fff;padding:1.5rem}
.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-logo{max-width:120px}
.footer-logo img{width:100%;height:auto;display:block}
.social-links{margin-top:0.5rem}
.social-links a{color:var(--brand);transition:opacity 0.2s}
.social-links a:hover{opacity:0.8}
.social-links svg{display:block}
.media-fix{}
@media (max-width: 900px) {
  .logo{height:60px}
  .hero-block{padding:2.5rem 2rem}
  .hero-content h1{font-size:2rem}
}

@media(max-width:700px){
  .hero-img{width:100%;height:auto}
  .contact-form{grid-template-columns:1fr}
  .contact-form textarea{grid-column:auto}
}

@media (max-width: 480px) {
  .logo{height:52px}
  .hero-content h1{font-size:1.6rem}
  .hero-block{padding:2rem 1.5rem}
  .hero-subline{font-size:1rem}
}

@media (max-width: 360px) {
  .logo{height:48px}
}

/* Lead text: harmonized with site design */
.lead-text{font-size:1.1rem;line-height:1.7;color:#f3f4f6;margin:0 0 .75rem;font-weight:600;font-family:Inter, system-ui, Arial, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.lead-text:first-child{color:var(--brand);font-weight:700}

.lang{opacity:.9}

.wrap h2{margin-top:0}

/* Loading screen */
#loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--accent-dark);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 0.5s ease}
#loading-screen.hidden{opacity:0;pointer-events:none}
.loading-truck{font-size:4rem;animation:truck-move 2s ease-in-out infinite}
.loading-text{color:var(--brand);font-size:1.5rem;font-weight:700;margin-top:1rem}
@keyframes truck-move{0%,100%{transform:translateX(-20px)}50%{transform:translateX(20px)}}