@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Cormorant+Garamond:ital,wght@1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#08090b;--ink:#ededf1;--muted:#a4a5b0;--line:#ffffff1b;--accent:#ca3745}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 12%,#62172a20,transparent 45%),radial-gradient(ellipse at 90% 70%,#414a6320,transparent 45%)}
.garage{position:relative;max-width:520px;margin:auto;background:#0c0d10;overflow:hidden}
.hero{height:458px;position:relative;isolation:isolate}
.topline{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;padding:25px 27px 0;font-size:12px;letter-spacing:.17em;color:#aeb0ba}
.brand{position:relative;z-index:2;display:block;width:76%;height:auto;margin:25px auto 0;filter:drop-shadow(0 4px 12px #0009)}
.car-scene{position:absolute;inset:0;z-index:-1;overflow:hidden}
.car-scene>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 48%;filter:saturate(.6) brightness(1.22)}
.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0c0d10 0%,#0c0d10c7 21%,transparent 43%,#0c0d1033 55%,#0c0d10 96%)}
.intro{position:absolute;bottom:18px;left:27px;right:27px}
.eyebrow{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.21em;color:#c2c3cc;font-weight:500}
.eyebrow span{width:24px;height:1px;background:var(--accent)}
h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:46px;line-height:.99;letter-spacing:.01em;font-weight:500;margin:15px 0 15px;text-shadow:0 2px 20px #0008}
h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:1.47em;letter-spacing:-.035em;line-height:.93;color:#e5e5ed}
.intro p{font-size:13px;line-height:1.65;color:#aaacb9;margin:0}
.links{padding:5px 24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.link{grid-column:1/-1;position:relative;display:flex;align-items:center;gap:16px;min-height:85px;padding:18px;background:linear-gradient(120deg,#1b1d23,#121318 70%);border:1px solid #353740;border-radius:5px;color:var(--ink);text-decoration:none;box-shadow:inset 0 1px 0 #ffffff05;transition:transform .25s,border-color .25s,box-shadow .25s}
.link:hover{transform:translateY(-3px);border-color:#7c7f90;box-shadow:0 10px 24px #0004}
.link:focus-visible{outline:2px solid #e1e2ed;outline-offset:5px}
.link.primary{min-height:98px;background:linear-gradient(115deg,#bfc2ce 0%,#f4f4f7 44%,#c4c6d1 100%);border-color:#f4f4f7;color:#171820;box-shadow:0 7px 30px #bfc6e011,inset 0 1px 0 #fff}
.link.primary:before{content:'';position:absolute;left:-1px;top:21px;bottom:21px;width:3px;background:#a61d31}
.icon{width:27px;height:27px;flex-shrink:0;color:#bbbfcf}
.icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.primary .icon{color:#6c2333}
.link-text{min-width:0;flex:1}
.link strong{display:block;font-size:15px;font-weight:600;letter-spacing:.01em}
.link small{display:block;font-size:12px;line-height:1.6;color:#a8aab7;margin-top:5px}
.primary strong{font-size:16px}
.primary small{color:#4e5262}
.arrow{font:21px Arial,sans-serif;color:#858a9c}
.primary .arrow{color:#363c4c}
.link:nth-child(4),.link:nth-child(5){grid-column:auto;min-height:137px;flex-wrap:wrap;align-content:space-between;gap:13px;padding:17px}
.link:nth-child(4) .link-text,.link:nth-child(5) .link-text{flex-basis:100%;order:2}
.link:nth-child(4) .arrow,.link:nth-child(5) .arrow{margin-left:auto}
.partners{padding:35px 24px 20px}
h2{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.19em;font-weight:500;color:#aaaebe;margin:0 0 20px}
h2:before,h2:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#5e6273)}
h2:after{transform:rotate(180deg)}
.brand-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:0;background:#0c0d10;isolation:isolate;padding:4px 0}
.partner{width:33.333%;height:76px;display:flex;align-items:center;justify-content:center;padding:14px 13px;background:#0c0d10}
.partner img{display:block;width:100%;max-width:110px;height:100%;object-fit:contain;filter:grayscale(1);mix-blend-mode:screen;opacity:.82}
.partner img.logo-invert{filter:grayscale(1) invert(1)}
.partner img.logo-pro7{width:55px;height:55px}
.partner span{font-size:14px;font-style:italic;font-weight:600;letter-spacing:.06em;color:#c1c4d0}
footer{text-align:center;border-top:1px solid var(--line);margin:0 24px;padding:24px 0 29px}
footer>span:first-child{font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.2em;color:#c2c5d0}
footer b{color:#838898;font-weight:500}
.tricolor{display:flex;justify-content:center;gap:3px;margin:12px auto 14px;opacity:.75}
.tricolor i{width:14px;height:2px;background:#23874e}
.tricolor i:nth-child(2){background:#ccc}
.tricolor i:nth-child(3){background:#ac2e3e}
footer p{margin:0;font-size:12px;color:#888d9d}
@media(min-width:900px){body{padding:50px 28px}.garage{max-width:1080px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #3b3d47;border-radius:8px;box-shadow:0 40px 120px #0008}.hero{grid-column:1;grid-row:1/3;height:auto;min-height:760px;border-right:1px solid var(--line)}.topline{padding:30px 32px 0}.brand{margin-top:39px;width:79%}.car-scene>img{object-position:50% 47%}.scene-shade{background:linear-gradient(180deg,#0c0d10 0%,#0c0d10b3 15%,transparent 38%,#0c0d1033 52%,#0c0d10 96%)}.intro{left:36px;right:32px;bottom:60px}h1{font-size:64px;margin-top:20px;margin-bottom:20px}.intro p{font-size:14px}.links{grid-column:2;padding:35px 30px 0;gap:13px}.partners{grid-column:2;padding:30px 30px 25px}footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin:0 30px;padding:23px 0}.tricolor{margin:0}.partner{height:70px}}
@media(max-width:359px){.hero{height:430px}.topline{padding-left:20px;padding-right:20px;letter-spacing:.12em}.intro{left:21px;right:21px}h1{font-size:42px}.links{padding-left:17px;padding-right:17px}.link{padding:16px 13px;gap:12px}.link:nth-child(4),.link:nth-child(5){padding:14px}.partners{padding-left:17px;padding-right:17px}.partner{padding:15px 10px}.partner span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* WhatsApp: signature red with a subtle periodic light sweep. */
.link.primary{overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#941d2b 0%,#c72d3e 48%,#891826 100%);border-color:#ee65746b;color:#fff;box-shadow:inset 0 1px 0 #ffffff18,0 7px 25px #b01d302b;transition:transform .25s,border-color .25s,box-shadow .25s}
.link.primary:before{display:none}
.link.primary:after{content:'';position:absolute;pointer-events:none;z-index:-1;inset:-50% -100%;background:linear-gradient(110deg,transparent 43%,#ffffff00 46%,#ffffff20 50%,#ffffff00 54%,transparent 57%);transform:translateX(-60%);animation:whatsapp-sheen 6s ease-in-out infinite}
.link.primary .icon,.link.primary .arrow{color:#fff0f2}
.link.primary small{color:#ffe0e5}
.link.primary:hover{background:linear-gradient(115deg,#a52233,#d33244 48%,#981c2d);border-color:#ff95a2;box-shadow:inset 0 1px 0 #ffffff20,0 12px 32px #b01d3042;transform:translateY(-3px)}
.link.primary:active{transform:translateY(0) scale(.985)}
@keyframes whatsapp-sheen{0%,62%{transform:translateX(-60%)}90%,100%{transform:translateX(60%)}}
@media(prefers-reduced-motion:reduce){.link.primary:after{animation:none;display:none}.link.primary,.link.primary:hover,.link.primary:active{transition:none;transform:none}}
.contact-address{grid-column:1/-1;margin:0 24px;padding:0 8px 30px;text-align:center;font-style:normal;font-size:12px;line-height:1.9;letter-spacing:.06em;color:#b3b7c4}
.contact-address p{margin:0 0 9px}
.contact-address a{display:inline-flex;align-items:center;min-height:44px;color:#e3e5ed;text-decoration:none;letter-spacing:.08em}
.contact-address a:hover{color:#ff8e9e}
.contact-address a:focus-visible{outline:2px solid #e1e2ed;outline-offset:4px}
