:root {
  --bg: #07090a;
  --panel: #111313;
  --panel-2: #171918;
  --amber: #f7a400;
  --amber-bright: #ffb100;
  --green: #18b747;
  --text: #f4f4f1;
  --muted: #a3a4a1;
  --line: rgba(247, 164, 0, .38);
  --border: rgba(224, 177, 88, .38);
  --shell: 1380px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: var(--font-geist-sans), Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; }
section[id] { scroll-margin-top: 76px; }
.shell { width: min(calc(100% - 60px), var(--shell)); margin-inline: auto; }

.site-header { position: relative; z-index: 40; height: 78px; border-bottom: 1px solid rgba(255,255,255,.055); background: #030506; }
.header-inner { display: grid; height: 100%; grid-template-columns: 1.15fr auto 1fr; align-items: center; gap: 30px; }
.brand { display: flex; min-width: 280px; align-items: center; gap: 19px; }
.brand img { width: 132px; height: 51px; object-fit: cover; object-position: center; }
.brand > span { display: flex; min-height: 40px; padding-left: 18px; flex-direction: column; justify-content: center; border-left: 1px solid rgba(247,164,0,.4); color: #a7a8a4; font-size: .67rem; line-height: 1.25; }
.brand > span b { color: #babbb7; font-weight: 500; }
.site-header nav { display: flex; align-items: center; gap: clamp(25px, 4vw, 55px); white-space: nowrap; }
.site-header nav a { color: #eee; font-size: .82rem; font-weight: 600; transition: color .2s ease; }
.site-header nav a:hover { color: var(--amber); }
.header-phone { display: flex; min-height: 45px; margin-left: auto; padding: 0 21px; align-items: center; justify-content: center; gap: 13px; border: 1px solid #d88f00; border-radius: 10px; color: #ffad00; font-family: Arial, sans-serif; font-size: 1rem; font-weight: 800; box-shadow: inset 0 0 20px rgba(247,164,0,.035); }
.header-phone span { color: var(--amber); font-size: .8rem; }
.menu-button { display: none; width: 45px; height: 43px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: #0d1010; cursor: pointer; }
.menu-button i { display: block; width: 20px; height: 2px; margin: 4px auto; background: #fff; }

.hero { position: relative; min-height: 545px; overflow: hidden; background: #050606 url('mockup-assets/bts-reference-hero.png') center center / cover no-repeat; }
.hero::after { position: absolute; inset: auto 0 0; height: 130px; background: linear-gradient(0deg, rgba(3,5,5,.92), transparent); content: ""; }
.hero-shade { position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(0,0,0,.02) 0, rgba(0,0,0,.15) 36%, rgba(0,0,0,.38) 100%), linear-gradient(90deg, rgba(0,0,0,.08), transparent 24%, transparent 76%, rgba(0,0,0,.04)); }
.hero-content { position: relative; z-index: 2; display: flex; width: min(650px, 58vw); min-height: 545px; margin-inline: auto; padding: 35px 20px 30px; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.eyebrow { margin: 0 0 10px; color: var(--amber); font-size: .66rem; font-weight: 800; letter-spacing: .19em; }
.hero h1 { margin: 0; font-family: "Arial Narrow", Arial, sans-serif; font-size: clamp(3.35rem, 5.2vw, 5rem); font-weight: 900; letter-spacing: -.04em; line-height: .93; text-shadow: 0 4px 25px #000; }
.hero h1 strong { color: var(--amber-bright); font: inherit; }
.hero-copy { margin: 15px 0 0; color: #c8c8c5; font-size: .98rem; line-height: 1.35; text-shadow: 0 2px 8px #000; }
.hero-actions { display: flex; margin-top: 19px; align-items: center; justify-content: center; gap: 14px; }
.button { display: inline-flex; min-width: 145px; min-height: 43px; padding: 0 18px; align-items: center; justify-content: center; gap: 11px; border: 1px solid rgba(255,255,255,.25); border-radius: 7px; background: rgba(6,8,8,.86); font-size: .8rem; font-weight: 750; box-shadow: 0 8px 20px rgba(0,0,0,.24); backdrop-filter: blur(5px); }
.button.primary { border-color: var(--amber); background: linear-gradient(100deg, #ffbd1b, #f3a000); color: #0b0b0a; }
.button.call { border-color: #b77a12; color: #ffc14b; }
.button.whatsapp { border-color: #15993b; color: #21bd4d; }
.button.map { border-color: #ad7012; }
.button span { font-size: 1rem; }

.facts-bar { position: relative; z-index: 5; min-height: 54px; border-top: 1px solid rgba(247,164,0,.18); border-bottom: 1px solid rgba(247,164,0,.24); background: rgba(7,9,9,.97); }
.facts { display: grid; min-height: 54px; grid-template-columns: repeat(4, auto); align-items: center; justify-content: center; }
.facts > span { display: flex; min-height: 30px; padding: 0 28px; align-items: center; gap: 13px; border-right: 1px solid rgba(247,164,0,.34); color: #b7b8b4; font-size: .78rem; white-space: nowrap; }
.facts > span:last-child { border-right: 0; }
.facts b { color: var(--amber); font-size: 1rem; }

.section { background: #080a0b; }
.services { padding: 18px 0 30px; }
.services-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.service-card, .why-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 14px; background: linear-gradient(145deg, #1c1e1d, #0e1111); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.22); }
.service-card { min-height: 250px; padding: 9px 14px 16px; text-align: center; }
.service-card img { width: 106px; height: 87px; margin: 0 auto 4px; object-fit: cover; mix-blend-mode: screen; }
.service-card h2 { min-height: 35px; margin: 0 0 9px; font-family: "Arial Narrow", Arial, sans-serif; font-size: 1rem; line-height: 1.05; }
.service-card p { margin: 0; color: #a6a7a4; font-size: .72rem; line-height: 1.6; }

.booking { padding: 18px 0 34px; background: radial-gradient(circle at 12% 35%, rgba(247,164,0,.09), transparent 26%), #080a0b; }
.booking-layout { display: grid; grid-template-columns: .78fr 1.22fr; overflow: hidden; border: 1px solid rgba(247,164,0,.48); border-radius: 18px; background: linear-gradient(125deg, #171817, #0d1010 52%); box-shadow: 0 24px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035); }
.booking-intro { position: relative; padding: 48px 44px; overflow: hidden; border-right: 1px solid rgba(247,164,0,.28); }
.booking-intro::after { position: absolute; right: -92px; bottom: -125px; width: 260px; height: 260px; border: 34px solid rgba(247,164,0,.055); border-radius: 50%; content: ""; }
.booking-intro .eyebrow { margin-bottom: 13px; }
.booking-intro h2 { max-width: 430px; margin: 0; font-family: "Arial Narrow", Arial, sans-serif; font-size: clamp(2rem, 3.5vw, 3.25rem); letter-spacing: -.04em; line-height: .98; }
.booking-intro h2 strong { color: var(--amber); font: inherit; }
.booking-intro > p:not(.eyebrow) { max-width: 470px; margin: 21px 0 0; color: #aaa; font-size: .92rem; line-height: 1.7; }
.booking-note { position: relative; z-index: 1; display: flex; max-width: 410px; margin-top: 30px; padding: 17px 18px; align-items: center; gap: 16px; border: 1px solid rgba(247,164,0,.28); border-radius: 11px; background: rgba(5,7,7,.62); }
.booking-note > b { color: var(--amber); font-size: 1.4rem; }
.booking-note span { display: flex; flex-direction: column; gap: 3px; color: #888b87; font-size: .78rem; line-height: 1.4; }
.booking-note strong { color: #e9e9e6; font-size: .86rem; }
.booking-form { padding: 35px 40px 31px; background: rgba(5,7,7,.42); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px 15px; }
.booking-form label { display: flex; min-width: 0; flex-direction: column; gap: 8px; }
.booking-form label > span { color: #dedfdb; font-size: .78rem; font-weight: 700; }
.booking-form label small { color: #777a76; font-size: .68rem; font-weight: 500; }
.booking-form input, .booking-form select, .booking-form textarea { width: 100%; min-height: 47px; padding: 0 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; outline: none; background: #151817; color: #f0f0ed; font: inherit; font-size: .86rem; transition: border-color .2s ease, box-shadow .2s ease; color-scheme: dark; }
.booking-form textarea { min-height: 76px; padding-block: 12px; resize: vertical; }
.booking-form input::placeholder, .booking-form textarea::placeholder { color: #696c68; }
.booking-form input:focus, .booking-form select:focus, .booking-form textarea:focus { border-color: var(--amber); box-shadow: 0 0 0 3px rgba(247,164,0,.1); }
.full-field { grid-column: 1 / -1; }
.booking-submit { display: flex; width: 100%; min-height: 50px; margin-top: 19px; padding: 0 18px; align-items: center; justify-content: center; gap: 11px; border: 1px solid #15993b; border-radius: 8px; background: linear-gradient(110deg, #20bd4e, #129a39); color: #fff; font-size: .9rem; font-weight: 800; cursor: pointer; box-shadow: 0 10px 28px rgba(24,183,71,.14); }
.booking-submit:hover { filter: brightness(1.07); }
.form-footnote { margin: 11px 0 0; color: #858884; font-size: .7rem; line-height: 1.5; text-align: center; }
.booking-status { margin: 12px 0 0; padding: 10px 12px; border: 1px solid rgba(32,189,78,.38); border-radius: 7px; background: rgba(32,189,78,.08); color: #65dc86; font-size: .74rem; line-height: 1.45; text-align: center; }

.transport { padding: 0 0 28px; }
.section-title { display: grid; margin-bottom: 13px; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; text-align: center; }
.section-title > span { height: 1px; background: linear-gradient(90deg, transparent, var(--amber)); }
.section-title > span:last-child { background: linear-gradient(90deg, var(--amber), transparent); }
.section-title h2 { margin: 0; font-family: "Arial Narrow", Arial, sans-serif; font-size: clamp(1.45rem, 2.5vw, 2rem); letter-spacing: -.02em; }
.section-title h2 strong { color: var(--amber); font: inherit; }
.vehicle-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.vehicle-card { position: relative; height: 205px; overflow: hidden; border: 1px solid var(--border); border-radius: 14px; background: #151717; }
.vehicle-card::after { position: absolute; inset: 38% 0 0; background: linear-gradient(0deg, rgba(5,7,7,.96), rgba(5,7,7,.04)); content: ""; }
.vehicle-card img { width: 100%; height: 100%; object-fit: cover; image-rendering: auto; transition: transform .35s ease; }
.vehicle-card:hover img { transform: scale(1.035); }
.vehicle-card div { position: absolute; z-index: 2; right: 18px; bottom: 12px; left: 18px; }
.vehicle-card h3 { max-width: 160px; margin: 0; font-size: 1.07rem; line-height: 1.2; }
.vehicle-card i { display: block; width: 31px; height: 3px; margin-top: 7px; background: var(--amber); }

.why { padding: 0 0 23px; }
.why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; padding-inline: 35px; }
.why-card { min-height: 160px; padding: 10px 18px 15px; text-align: center; }
.why-card img { width: 82px; height: 62px; margin: 0 auto 1px; object-fit: cover; mix-blend-mode: screen; }
.why-card h3 { margin: 0 0 6px; font-size: .9rem; }
.why-card p { max-width: 250px; margin: 0 auto; color: #a8a9a5; font-size: .69rem; line-height: 1.45; }

.cta-strip { position: relative; min-height: 112px; overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: radial-gradient(circle at 75% 0, rgba(247,164,0,.14), transparent 31%), linear-gradient(100deg, #080a0a, #110b03 62%, #080a0a); }
.cta-strip::before { position: absolute; inset: 0; opacity: .22; background-image: repeating-linear-gradient(115deg, transparent 0 27px, rgba(247,164,0,.08) 28px 29px); content: ""; }
.cta-tire { position: absolute; top: -82px; bottom: -74px; left: -26px; width: 235px; opacity: .52; background: url('mockup-assets/bts-reference-hero.png') left center / 420px auto no-repeat; filter: grayscale(.5); }
.cta-inner { position: relative; z-index: 2; display: flex; min-height: 112px; padding-left: 230px; align-items: center; justify-content: space-between; gap: 40px; }
.cta-inner h2 { margin: 0; font-family: "Arial Narrow", Arial, sans-serif; font-size: clamp(1.6rem, 2.8vw, 2.35rem); }
.cta-inner h2 strong { color: var(--amber); font: inherit; }
.cta-inner p { margin: 8px 0 0; color: #aaa; font-size: .78rem; }
.cta-inner > a { display: grid; min-width: 240px; min-height: 78px; padding: 8px 24px; grid-template-columns: 30px 1fr; align-content: center; align-items: center; border: 1px solid #ffbd1c; border-radius: 8px; background: linear-gradient(120deg, #ffb611, #ee9300); color: #090909; box-shadow: 0 10px 35px rgba(238,147,0,.12); }
.cta-inner > a span { grid-row: 1 / 3; font-size: 1.3rem; }
.cta-inner > a b { font-size: .93rem; }
.cta-inner > a strong { margin-top: 4px; color: white; font-size: 1.06rem; letter-spacing: .04em; }

.contacts { padding: 12px 0 15px; }
.section-title.simple { display: block; margin-bottom: 10px; }
.section-title.simple h2 { font-size: 1.55rem; }
.contact-grid { display: grid; grid-template-columns: .92fr 1.72fr .94fr; gap: 25px; }
.contact-card, .map-card, .directions a, details { border: 1px solid var(--border); border-radius: 10px; background: #101313; }
.contact-card { display: flex; min-height: 165px; padding: 22px 25px; flex-direction: column; justify-content: center; gap: 13px; }
.contact-card a, .contact-card p { display: grid; margin: 0; grid-template-columns: 25px 1fr; color: #d3d4d1; font-size: .78rem; line-height: 1.4; }
.contact-card b { color: var(--amber); }
.contact-card small { display: block; grid-column: 2; color: #92938f; font-size: .7rem; }
.map-card { position: relative; min-height: 165px; overflow: hidden; background: #151817; }
.roads { position: absolute; inset: -30%; opacity: .55; background-image: repeating-linear-gradient(32deg, transparent 0 38px, rgba(143,147,143,.22) 39px 42px), repeating-linear-gradient(150deg, transparent 0 57px, rgba(143,147,143,.19) 58px 61px), repeating-linear-gradient(91deg, transparent 0 84px, rgba(143,147,143,.14) 85px 87px); transform: rotate(-5deg); }
.map-card::after { position: absolute; inset: 0; background: radial-gradient(circle at center, transparent, rgba(5,7,7,.42)); content: ""; }
.map-pin { position: absolute; z-index: 2; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; gap: 6px; color: #fff; text-align: center; transform: translate(-50%,-50%); }
.map-pin span { display: grid; width: 38px; height: 48px; place-items: center; border-radius: 50% 50% 50% 5px; background: var(--amber); color: #17100a; font-size: 1.1rem; transform: rotate(-45deg); box-shadow: 0 6px 18px rgba(0,0,0,.5); }
.map-pin span::first-letter { transform: rotate(45deg); }
.map-pin b { font-size: .74rem; text-shadow: 0 2px 4px #000; }
.directions { display: grid; grid-template-rows: 1fr 1fr; gap: 12px; }
.directions a { display: flex; padding: 0 28px; align-items: center; gap: 22px; color: #e5e5e2; font-size: .86rem; }
.directions span { color: #fff; font-size: 1.25rem; }
.directions .google-dot { color: #45a853; text-shadow: 6px -3px 0 #f4c20d, 4px 5px 0 #4285f4, -4px 1px 0 #db4437; }
.faq-title { margin: 14px 0 7px; }
.faq-title h2 { font-size: 1.35rem; }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 12px; }
details { overflow: hidden; }
summary { display: flex; min-height: 38px; padding: 0 17px; align-items: center; justify-content: space-between; color: #c8c9c5; font-size: .72rem; cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
summary span { font-size: 1rem; }
details[open] summary { color: var(--amber); }
details p { margin: 0; padding: 0 17px 14px; color: #9c9d99; font-size: .69rem; line-height: 1.5; }

footer { border-top: 1px solid rgba(247,164,0,.5); background: #040606; }
.footer-main { display: grid; min-height: 115px; grid-template-columns: 1.35fr .7fr 1fr .75fr; align-items: center; gap: 38px; }
.footer-brand { display: flex; align-items: center; gap: 20px; }
.footer-brand img { width: 136px; height: 52px; object-fit: cover; }
.footer-brand > div { display: flex; padding-left: 18px; flex-direction: column; border-left: 1px solid var(--line); }
.footer-brand b { color: var(--amber); font-size: .63rem; }
.footer-brand span, .footer-item { color: #989a96; font-size: .64rem; line-height: 1.4; }
.footer-item { display: grid; grid-template-columns: 24px 1fr; gap: 8px; }
.footer-item > b, .footer-item span b { color: var(--amber); }
.footer-item > span { display: flex; grid-column: 1 / 3; gap: 10px; }
.footer-item small { display: block; color: #777976; }
.copyright { min-height: 33px; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.045); color: #686a67; font-size: .56rem; text-align: center; }
.mobile-actions { display: none; }

@media (max-width: 1120px) {
  .header-inner { grid-template-columns: 1fr auto auto; }
  .site-header nav { position: absolute; top: 100%; right: 30px; display: none; width: 280px; padding: 12px; flex-direction: column; align-items: stretch; gap: 0; border: 1px solid var(--line); border-radius: 0 0 10px 10px; background: #080a0a; }
  .site-header nav.is-open { display: flex; }
  .site-header nav a { padding: 13px 12px; border-bottom: 1px solid rgba(255,255,255,.07); }
  .menu-button { display: block; }
  .services-grid { grid-template-columns: repeat(3, 1fr); }
  .booking-layout { grid-template-columns: 1fr; }
  .booking-intro { padding: 34px 35px; border-right: 0; border-bottom: 1px solid rgba(247,164,0,.28); }
  .footer-main { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-item:last-child { display: none; }
}

@media (max-width: 760px) {
  body { padding-bottom: 68px; }
  .shell { width: min(calc(100% - 28px), var(--shell)); }
  .site-header { height: 68px; }
  .header-inner { gap: 9px; }
  .brand { min-width: 0; gap: 0; }
  .brand img { width: 114px; height: 45px; }
  .brand > span, .header-phone { display: none; }
  .site-header nav { right: 14px; }
  .hero { min-height: 610px; background-position: 48% center; }
  .hero-shade { background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.5) 40%, rgba(0,0,0,.76)); }
  .hero-content { width: 100%; min-height: 610px; padding: 195px 15px 35px; justify-content: flex-end; }
  .eyebrow { font-size: .55rem; }
  .hero h1 { font-size: clamp(2.65rem, 13vw, 4rem); }
  .hero-copy { font-size: .82rem; }
  .hero-actions { width: 100%; flex-wrap: wrap; gap: 8px; }
  .button { min-width: 0; min-height: 44px; flex: 1 1 45%; padding: 0 10px; }
  .button.map, .button.whatsapp { flex-basis: 45%; }
  .facts { grid-template-columns: 1fr 1fr; padding: 8px 0; }
  .facts > span { min-height: 36px; padding: 0 8px; border-right: 0; font-size: .61rem; white-space: normal; }
  .services { padding-top: 14px; }
  .services-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .service-card { min-height: 225px; padding-inline: 10px; }
  .service-card h2 { font-size: .88rem; }
  .service-card p { font-size: .66rem; }
  .booking { padding: 5px 0 25px; }
  .booking-layout { border-radius: 13px; }
  .booking-intro { padding: 28px 22px; }
  .booking-intro > p:not(.eyebrow) { font-size: .84rem; line-height: 1.6; }
  .booking-note { margin-top: 22px; padding: 14px; }
  .booking-form { padding: 24px 18px 22px; }
  .form-grid { grid-template-columns: 1fr; gap: 14px; }
  .full-field { grid-column: auto; }
  .section-title { gap: 8px; }
  .section-title h2 { font-size: 1.25rem; }
  .vehicle-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .vehicle-card { height: 180px; }
  .vehicle-card div { right: 13px; left: 13px; }
  .vehicle-card h3 { font-size: .92rem; }
  .why-grid { grid-template-columns: 1fr 1fr; gap: 8px; padding-inline: 0; }
  .why-card { min-height: 175px; padding-inline: 10px; }
  .cta-tire { opacity: .26; }
  .cta-inner { min-height: 190px; padding: 24px 0; flex-direction: column; align-items: stretch; gap: 18px; text-align: center; }
  .cta-inner > a { width: 100%; }
  .contact-grid { grid-template-columns: 1fr; gap: 10px; }
  .contact-card { min-height: 175px; }
  .map-card { min-height: 210px; }
  .directions { grid-template-columns: 1fr 1fr; grid-template-rows: 62px; }
  .directions a { padding: 0 15px; justify-content: center; gap: 12px; }
  .faq-grid { grid-template-columns: 1fr; }
  .footer-main { padding: 25px 0; grid-template-columns: 1fr; gap: 20px; }
  .footer-item:last-child { display: grid; }
  .mobile-actions { position: fixed; z-index: 80; right: 0; bottom: 0; left: 0; display: grid; height: 68px; padding: 8px; grid-template-columns: 1fr 1fr; gap: 8px; border-top: 1px solid var(--line); background: rgba(4,6,6,.96); backdrop-filter: blur(12px); }
  .mobile-actions a { display: flex; align-items: center; justify-content: center; border-radius: 7px; background: var(--amber); color: #0a0a09; font-size: .75rem; font-weight: 850; }
  .mobile-actions a:last-child { border: 1px solid #188d38; background: #101312; color: #22bd4e; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition-duration: .01ms !important; }
}

/* BTS two-department update. Existing industrial visual system retained. */
:root{--font-geist-sans:Arial, sans-serif}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #ffc244;outline-offset:5px}
.skip-link{position:absolute;top:-100px;left:16px;z-index:100;background:#ffb100;color:#080a0b;padding:12px}
.skip-link:focus{top:8px}
.site-header{height:96px}
.header-inner{grid-template-columns:auto 1fr auto;gap:28px}
.site-header nav{justify-content:center;gap:26px}
.site-header nav [aria-current]{color:var(--amber)}
.header-contacts{display:flex;gap:18px}
.header-contacts a{display:flex;flex-direction:column;gap:6px;padding-left:16px;border-left:1px solid var(--line);white-space:nowrap}
.header-contacts small{font-size:.64rem;color:#b8b9b5}
.header-contacts b{font-size:.9rem;color:#ffb827}
.hero-home h1{font-size:clamp(2.9rem,4.5vw,4.5rem);line-height:1.02}
.hero-join{display:block;font-size:.3em;letter-spacing:.14em;color:#bbb;font-weight:500;margin:12px 0}
.hero-tire h1{font-size:clamp(2.6rem,4.3vw,4.2rem);line-height:1.04}
.hero-content{width:min(780px,72vw)}
.hero-copy{max-width:640px;line-height:1.6}
.hero-actions{flex-wrap:wrap}
.hero-construction{background-image:linear-gradient(90deg,rgba(4,6,6,.9),rgba(4,6,6,.68)),url('construction-2.jpg');background-position:center,center 56%}
.direction-section{background:#080a0b;border-top:1px solid var(--line);padding:28px 0 40px}
.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.direction-card{padding:28px 32px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,#1b1d1c,#0c0f0f);position:relative;overflow:hidden}
.construction-direction{background:linear-gradient(105deg,#191a18 45%,rgba(9,12,10,.82)),url('construction-2.jpg') center/cover}
.direction-number{color:var(--amber);font-size:.68rem;font-weight:800;letter-spacing:.13em}
.direction-card h2{font-size:2rem;margin:16px 0 10px;letter-spacing:-.03em}
.direction-card p{color:#b6b8b3;font-size:.87rem;line-height:1.6;margin:0 0 20px;max-width:450px}
.direction-phone{display:block;font-size:1.55rem;font-weight:800;color:#ffc047;margin-bottom:20px}
.text-link{color:#ffc047;font-weight:700}
.direction-card .text-link{display:flex;justify-content:space-between;border-top:1px solid #ffffff15;padding-top:16px;font-size:.83rem}
.section-heading{margin:0 0 26px;max-width:760px}
.section-heading h2{font-size:clamp(2rem,3.7vw,3.2rem);line-height:1.08;letter-spacing:-.04em;margin:12px 0 16px}
.section-heading h2 strong{font:inherit;color:var(--amber)}
.section-heading>p:not(.eyebrow){font-size:.92rem;line-height:1.75;color:#b4b6b1;margin:0}
.services{padding:22px 0 48px}
.service-card h3{min-height:35px;margin:0 0 9px;font-size:1rem;line-height:1.15}
.service-card p{font-size:.79rem;line-height:1.65}
.service-card{min-height:235px}
.vehicle-title{margin:30px 0 18px}
.section-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.construction{padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at right top,#f7a40012,transparent 60%),#0d1010}
.construction-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:60px;margin-bottom:16px}
.construction-contact{display:flex;flex-direction:column;gap:13px;padding:26px;border:1px solid #b57c20;border-radius:12px;background:linear-gradient(125deg,#251d10,#111512)}
.construction-contact small{font-size:.65rem;letter-spacing:.11em;color:#d8b77f}
.construction-contact strong{font-size:clamp(1.5rem,2.6vw,2.25rem);color:#ffbb32;white-space:nowrap}
.construction-contact span{font-size:.85rem;color:#c7c8c3}
.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.equipment-card{overflow:hidden;background:linear-gradient(135deg,#1b1e1b,#101312);border:1px solid var(--border);border-radius:14px}
.equipment-card img{width:100%;height:185px;object-fit:cover;filter:saturate(.8);border-bottom:1px solid var(--line)}
.equipment-copy{padding:22px 20px}
.equipment-copy small{color:#eeb44c;letter-spacing:.09em;font-size:.59rem}
.equipment-copy h3{font-size:1.13rem;line-height:1.25;margin:12px 0}
.equipment-copy p{font-size:.8rem;line-height:1.7;color:#afb2ac;margin:0}
.construction-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:24px}
.construction-bottom p{font-size:.82rem;color:#b5b8b1;line-height:1.6}
.booking{padding:50px 0}
.booking-status p{margin:0 0 12px}
.booking-form input,.booking-form select,.booking-form textarea{font-size:1rem}
.booking-intro .text-link{font-size:.88rem}
.why{padding:10px 0 20px}
.contacts{padding:48px 0 20px}
.department-contacts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.department-contacts .contact-card{padding:28px;gap:14px}
.department-contacts h3{margin:0;font-size:1.1rem;color:#e9eae4}
.department-contacts .contact-card a,.department-contacts .contact-card p{display:block;font-size:.9rem;line-height:1.65}
.department-contacts .contact-card .contact-number{font-size:1.8rem;line-height:1.3;font-weight:800;color:#ffb925}
.department-contacts .contact-card .button{display:inline-flex;align-self:flex-start;padding:10px 16px;font-size:.82rem}
.location-row{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:20px;padding:26px 0;color:#b2b5af;font-size:.87rem;line-height:1.65}
.location-row b{color:#e6e8e1}
.location-row p{margin:7px 0}
.location-actions{display:flex;gap:12px;flex-shrink:0}
.faq-section{padding:12px 0 44px}
summary{font-size:.84rem;line-height:1.4;padding:14px 17px;gap:14px}
details p{font-size:.83rem;line-height:1.7}
.footer-main{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:25px;padding:30px 0;font-size:.8rem}
.footer-department{display:flex;flex-direction:column;gap:10px}
.footer-department a:first-child{color:#b6b9b1;font-size:.76rem}
.footer-department a:last-child{color:#f1b64d;font-size:.94rem;font-weight:700;white-space:nowrap}
.footer-brand span{font-size:.7rem}
.copyright{font-size:.7rem;padding:14px}
@media(max-width:1200px){.brand>span{display:none}.brand{min-width:132px}.header-inner{gap:16px}.header-contacts{gap:12px}.equipment-grid{grid-template-columns:repeat(2,1fr)}.equipment-card img{height:220px}.footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-main>a{grid-column:1/-1}}
@media(max-width:1120px){.header-inner{grid-template-columns:1fr auto auto}.site-header nav{gap:0;justify-content:flex-start}.header-contacts a{padding-left:12px}.hero-content{width:min(780px,90vw)}.construction-heading{gap:30px}}
@media(max-width:760px){.site-header{height:72px}.header-inner{grid-template-columns:1fr auto}.header-contacts{display:none}.hero-content{width:100%;padding:130px 20px 40px;min-height:570px}.hero-home h1{font-size:clamp(2.55rem,11.7vw,4rem)}.hero-tire h1{font-size:clamp(2.3rem,10.5vw,3.7rem)}.hero{min-height:570px}.hero-construction .hero-content{padding-top:75px;min-height:480px;justify-content:center}.hero-construction{min-height:480px}.hero-construction h1{font-size:clamp(2.5rem,11vw,4rem)}.hero-copy br{display:none}.hero-copy{font-size:.9rem;line-height:1.6}.hero-actions{gap:10px}.hero-actions .button{flex-basis:100%;min-height:48px}.direction-grid,.construction-heading,.department-contacts{grid-template-columns:1fr}.direction-section{padding:20px 0}.direction-card{padding:24px}.section-heading h2{font-size:2.05rem}.section-heading>p:not(.eyebrow){font-size:.9rem}.services{padding:24px 0 32px}.service-card{min-height:225px}.service-card h3{font-size:.96rem}.service-card p{font-size:.77rem}.construction{padding:34px 0}.construction-heading{gap:0;margin-bottom:24px}.construction-contact{padding:22px}.equipment-grid{gap:12px}.equipment-card img{height:145px}.equipment-copy{padding:17px 13px}.equipment-copy h3{font-size:1rem}.equipment-copy p{font-size:.77rem}.equipment-copy small{font-size:.52rem}.construction-bottom,.location-row{flex-direction:column;align-items:stretch}.construction-bottom .button{min-height:50px;text-align:center}.booking{padding:34px 0}.location-actions{display:grid;grid-template-columns:1fr 1fr}.location-actions .button{font-size:.75rem}.footer-main{grid-template-columns:1fr;gap:25px}.footer-main>a{grid-column:auto}.mobile-actions{height:76px;grid-template-columns:1fr 1fr;padding-bottom:max(8px,env(safe-area-inset-bottom))}.mobile-actions a{flex-direction:column;gap:5px;font-size:.85rem}.mobile-actions a small{font-size:.66rem;font-weight:500}.mobile-actions a:last-child{border:1px solid var(--amber);color:#ffc047;background:#161710}body{padding-bottom:76px}.contacts{padding-top:32px}}
@media(max-width:360px){.equipment-grid{grid-template-columns:1fr}.equipment-card img{height:190px}.brand img{width:108px}.hero-home h1{font-size:2.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}