@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101010;color:#f4f4f4;font-family:Inter,Arial,sans-serif}
.top{height:120px;background:#090909;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #292929;position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;line-height:.88;letter-spacing:.5px}.brand span,.footer-brand span{color:#d92525}.car-icon{font-size:42px;filter:grayscale(1)}
nav{display:flex;gap:38px;font-size:13px;font-weight:700}nav a{color:#ddd;text-decoration:none}nav a:hover,nav .active{color:#e12626}.social{display:flex;gap:17px;font-weight:800}.social a{color:#eee;text-decoration:none;font-size:21px}
.hero{min-height:calc(100vh - 120px);position:relative;background:#222 url('tlo.png') center center/cover no-repeat;overflow:hidden}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.58))}
.content{position:relative;z-index:2;min-height:calc(100vh - 120px);text-align:center;padding:58px 20px 45px}.tools{font-size:42px;color:#aaa;margin-bottom:20px}.tools:before,.tools:after{content:"";display:inline-block;width:92px;height:1px;background:#777;vertical-align:middle;margin:0 22px}
h1{font-family:Anton,Impact,sans-serif;font-size:clamp(70px,10vw,150px);line-height:.88;letter-spacing:2px;margin:0;text-shadow:0 4px 20px #000}h1 span{color:#df2424}
.line{width:95px;height:3px;background:#e02424;margin:34px auto 22px}.lead{font-size:20px;line-height:1.6;color:#ddd;margin:0}.lead strong{font-weight:500}
.car{height:170px;max-width:820px;margin:35px auto 0;background:linear-gradient(transparent 72%,rgba(0,0,0,.35));opacity:.25}
.find{font-size:13px;font-weight:800;letter-spacing:2px;margin:12px 0}.big-social{display:flex;justify-content:center;gap:24px}.big-social a{width:64px;height:64px;border:1px solid #888;border-radius:8px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:30px}.big-social a:hover{border-color:#e02424;color:#e02424}
.hidden-section{padding:100px 20px;text-align:center;max-width:900px;margin:auto}.hidden-section h2{font:400 60px Anton;margin:0 0 20px}.hidden-section p{color:#aaa;line-height:1.8}
footer{background:#111;border-top:2px solid #d62525;text-align:center;padding:30px 20px;color:#777}.footer-brand{font-size:20px;color:#eee}.footer-brand span{color:#d92525}footer p{font-size:12px;margin:18px 0 0}
@media(max-width:900px){.top{height:auto;padding:22px 20px;flex-wrap:wrap;gap:20px}nav{order:3;width:100%;justify-content:center;gap:18px;flex-wrap:wrap;font-size:11px}.social{margin-left:auto}.content{padding-top:45px}.tools:before,.tools:after{width:40px;margin:0 10px}.lead{font-size:16px}h1{font-size:clamp(58px,16vw,100px)}}
@media(max-width:560px){.brand{font-size:18px}.car-icon{font-size:32px}.social{display:none}nav{justify-content:flex-start}.content{padding-left:12px;padding-right:12px}.tools{font-size:32px}}

.social-note{color:#aaa;font-size:12px;margin:-4px 0 15px}
.social a,.big-social a{transition:.2s ease}
.social a:hover,.big-social a:hover{transform:translateY(-2px)}
