:root{--bg:#101820;--gold:#D6AE61;--steel:#243746;--pearl:#F5F6F8;--green:#16A37D;--muted:#B8C6D0;--line:#40505D}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--pearl);margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.container{max-width:1240px;width:calc(100% - 48px);margin-inline:auto}
header{position:sticky;top:0;z-index:10;background:rgba(16,24,32,.97);border-bottom:1px solid #33414b;backdrop-filter:blur(12px)}
.top{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.logo{font-weight:850;font-size:22px;letter-spacing:.5px;display:flex;align-items:center;position:relative;padding-bottom:13px;white-space:nowrap}
.logo small{position:absolute;bottom:0;left:58px;font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600}
.logoicon{background:var(--gold);color:var(--bg);border-radius:12px;padding:8px 11px;margin-right:12px;font-size:17px}
nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:15px;font-weight:550}nav a:hover{color:var(--gold)}
.gold,.hero strong{color:var(--gold)}
.button{background:var(--gold);color:#101820;padding:12px 20px;border:1px solid var(--gold);border-radius:10px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:46px;transition:background .2s,transform .2s}
.button:hover{background:#f0ca82;transform:translateY(-1px)}
.button.ghost{background:transparent;color:var(--pearl);border-color:#798995}.button.ghost:hover{background:#253745}
.large{padding:16px 24px;min-height:54px}
.hero{background:radial-gradient(circle at 75% 30%,#263c4b 0%,#101820 62%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:30px;min-height:650px;padding-block:65px}
.eyebrow{font-size:13px;letter-spacing:2px;color:var(--gold);font-weight:750;text-transform:uppercase}
.hero h1{font-size:clamp(43px,4.8vw,74px);line-height:1.12;letter-spacing:-.035em;margin:22px 0;font-weight:820}
.hero p,.services>p{font-size:18px;max-width:590px;color:#D0DAE0}
.cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}
.benefits{margin-top:37px;font-size:12px;letter-spacing:.06em;color:#D2DAE0;line-height:1.9}
.hero-symbol{height:440px;position:relative;isolation:isolate;border-radius:22px;overflow:hidden;background:#1c2833;box-shadow:0 30px 65px rgba(0,0,0,.35);border:1px solid #45515b}
.hero-image{position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(8,13,18,.75)),url('/assets/hero-car.jpg') center center/cover no-repeat}
.hero-image-label{position:absolute;bottom:22px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;font-size:18px;letter-spacing:.1em;text-shadow:0 2px 8px #000}
.hero-image-label small{font-size:11px;color:#F0D19B;letter-spacing:.16em}
.services{padding:95px 0}.services h2,.billboard h2{font-size:clamp(30px,3.8vw,48px);line-height:1.18;letter-spacing:-.02em;margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px}
.grid article{background:#1b2933;border:1px solid #354651;border-radius:16px;padding:27px;min-height:300px;display:flex;flex-direction:column;box-shadow:0 10px 30px #0002}
.grid article>span{font-size:12px;letter-spacing:.08em;color:var(--gold);font-weight:650}
.glyph{font-size:42px;color:var(--gold);padding:20px 0 10px;line-height:1.3}
.grid h3{font-size:21px;line-height:1.3;margin:0}.grid p{font-size:15px;color:#CCD6DE;flex:1}.grid a{color:var(--gold);font-weight:700;font-size:15px}
.billboard{display:flex;justify-content:space-between;align-items:center;gap:22px;background:#253745;border:1px solid #435361;border-radius:18px;padding:46px;margin-bottom:100px}
.page{padding:75px 0 110px;min-height:65vh}.panel{background:#1b2933;border:1px solid #354651;border-radius:17px;padding:40px;max-width:780px}
.panel h1{font-size:clamp(30px,4vw,40px)}.panel p{color:#CCD6DE}.panel form{display:grid;gap:18px;margin:28px 0}
.panel label{display:grid;gap:8px;font-weight:650;font-size:15px}
.panel input,.panel select,.panel textarea{width:100%;padding:14px;background:#101820;border:1px solid #778794;border-radius:8px;color:white;min-height:48px}
.panel form .button{justify-self:start}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.vehicle{padding:18px;border:1px solid #42515e;background:#101820;border-radius:10px;margin:10px 0}
.plate{background:white;color:#101820;padding:5px 10px;border-left:6px solid #285db4;border-radius:4px}
.error{color:#ffbdbd!important}.success{color:#95e2bc!important}
footer{border-top:1px solid #354651}.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:32px 0;color:#CBD3D9;font-size:13px}
@media(max-width:1050px){.top{flex-wrap:wrap;padding-block:14px}.hero-grid{grid-template-columns:1fr;gap:26px;padding-block:54px}.hero-symbol{height:400px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.container{width:calc(100% - 32px)}.top{gap:14px}.logo{font-size:18px}.logo small{left:52px;font-size:9px}nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:13px}.top>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.top .button{padding:8px 12px;font-size:13px;min-height:40px}.hero-grid{padding-block:40px}.hero h1{font-size:clamp(39px,9.5vw,54px)}.hero p,.services>p{font-size:16px}.hero-symbol{height:270px}.hero-image-label{left:16px;right:16px;bottom:14px;font-size:14px}.hero-image-label small{font-size:9px}.benefits{font-size:11px}.grid{grid-template-columns:1fr}.grid article{min-height:245px}.services{padding:65px 0}.billboard{flex-direction:column;align-items:flex-start;padding:28px;margin-bottom:70px}.panel{padding:24px}.page{padding-top:45px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}