﻿@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101112;--panel:#181a1c;--white:#f1f0ec;--muted:#939697;--blue:#0878df;--line:#333638;--reveal:0%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #67b2ff;outline-offset:5px}button{color:inherit}header{height:94px;position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff20;background:#101112aa}.brand{display:flex;align-items:center;gap:16px}.monogram{font-family:Arial,sans-serif;font-size:46px;letter-spacing:-7px;font-weight:900;font-style:italic;line-height:1}.monogram>span{font-size:10px;letter-spacing:0;vertical-align:top;margin-left:9px}.brand-label{font-size:9px;letter-spacing:2px;line-height:1.7;border-left:1px solid #555;padding-left:16px}nav{display:flex;gap:38px;color:#c4c6c6;font-size:12px}nav a:hover,.text-link:hover{color:#64b3ff}.header-cta{font-size:10px;letter-spacing:1.5px;font-weight:800}.header-cta span{margin-left:25px;color:var(--blue);font-size:20px}.menu-toggle{display:none;background:none;border:0}.hero-track{height:190vh}.hero{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;background:#101112}.hero-top{position:absolute;left:5%;right:5%;top:130px;display:flex;justify-content:space-between;z-index:3}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.8}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--blue);margin-right:9px}.location{font-size:9px;letter-spacing:1.6px;color:#aaa}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:600}h1{position:absolute;left:5%;top:174px;font-size:clamp(80px,8.3vw,150px);line-height:.87;letter-spacing:-2px;z-index:3}h1 span{color:#a4a6a5}.hero-copy{position:absolute;right:6%;top:205px;font-size:12px;line-height:1.9;color:#b4b6b7;z-index:3}.car-stage{position:absolute;inset:130px 0 0;overflow:hidden}.car-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(#101112 0%,transparent 28%,transparent 80%,#101112 100%);pointer-events:none}.car-stage img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 60%}.clean{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.reveal-line{position:absolute;left:var(--reveal);top:28%;bottom:8%;width:1px;background:#d7eaff99;opacity:0}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:4;font-size:9px;letter-spacing:1.6px}.down{font-size:22px;margin-left:20px}.progress{display:flex;gap:15px;align-items:center;color:#aaa;font-size:8px}.progress>div{width:150px;height:2px;background:#ffffff30}.progress i{display:block;height:100%;width:var(--reveal);background:var(--blue)}.section{padding:110px 7%}.intro{display:grid;grid-template-columns:1fr 3fr;border-bottom:1px solid var(--line);padding-top:130px;padding-bottom:130px}.intro>.eyebrow{padding-top:12px;color:var(--muted)}h2{font-size:clamp(52px,5.6vw,90px);line-height:1;letter-spacing:-1px}h2 em{font-style:normal;color:var(--muted)}.intro-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;margin-top:50px}.intro p{color:#a7aaab;line-height:1.9;max-width:390px}.text-link{font-size:9px;font-weight:800;letter-spacing:1.4px;display:inline-block;padding-bottom:10px;border-bottom:1px solid #555;justify-self:start}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.section-heading .eyebrow{color:#8da6bd;margin-bottom:26px}.section-heading>p{color:#9a9d9f;line-height:1.9}.service-controls{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.segmented{display:flex;gap:6px}.segmented button{border:0;background:none;color:#858a8d;font-size:12px;letter-spacing:1px;padding:12px 22px}.segmented button.active{background:var(--white);color:#111}.size-controls{display:flex;align-items:center;gap:20px}.size-controls>span{font-size:9px;letter-spacing:1.5px;color:#92979b}.catalog{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding-top:20px}.service-list button{width:100%;display:flex;align-items:center;text-align:left;gap:20px;background:none;border:0;border-bottom:1px solid #ffffff12;padding:17px 0;color:#999;font-size:15px}.service-list button span{font-size:9px;color:#666}.service-list button b{margin-left:auto;font-weight:400}.service-list button.active{color:var(--white)}.service-list button.active span,.service-list button.active b{color:var(--blue)}.service-detail{background:#191c1e;margin-top:12px;padding:35px 40px;align-self:start;position:sticky;top:25px}.detail-label{font-size:9px;letter-spacing:2px;color:#6caced}.service-detail h3{font-size:48px;margin:20px 0 12px}.service-detail p{font-size:12px;color:#a5aaad;line-height:1.9}.service-detail ul{list-style:none;padding:20px 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.service-detail li{font-size:11px;line-height:1.5;color:#c0c4c5;padding-left:12px;position:relative}.service-detail li:before{content:'—';position:absolute;left:0;color:#5f7890}.price-line{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #ffffff18;padding-top:25px;margin-top:10px}.price-line small{font-size:9px;letter-spacing:1px;color:#a1a7ab}.price{font-family:'Barlow Condensed',Impact,sans-serif;font-size:60px;line-height:1.2}.price span{font-family:Manrope,Arial;font-size:17px;margin-right:9px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;background:var(--blue);color:white;padding:20px 24px;font-size:10px;letter-spacing:1px;font-weight:800}.button:hover{background:#1689ef}.service-detail .button{display:flex;margin-top:25px}.results{background:#e6e5e0;color:#17191b}.results .eyebrow{color:#596773}.results .section-heading>p{color:#62676a}.results figure{margin:0}.results img{width:100%;height:510px;object-fit:cover;display:block}.results figcaption{display:flex;justify-content:space-between;padding-top:17px;font-size:8px;letter-spacing:1.5px}.pending{border-top:1px solid #0003;margin-top:45px;padding-top:25px;display:flex;justify-content:space-between}.pending span{font-size:9px;letter-spacing:1.5px}.pending p{color:#686c6f;font-size:12px;line-height:1.8}.booking{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:130px;padding-bottom:130px}.booking .eyebrow{color:#859db1;margin-bottom:25px}.booking-intro>p{line-height:1.9;color:#999fa3;margin:28px 0}.preview-note{margin-top:50px;font-size:9px;letter-spacing:1px;color:#9bb7d0;line-height:2}.preview-note span{color:#7d858b;letter-spacing:0;font-size:11px}.booking-form{padding-top:5px}.steps{display:flex;justify-content:space-between;padding:0 0 25px;margin:0 0 40px;list-style:none;border-bottom:1px solid var(--line);color:#656b6f;font-size:11px}.steps span{display:block;font-size:9px;margin-top:7px}.steps .current{color:white}.steps .current:before{content:'';display:block;width:15px;height:2px;background:var(--blue);margin-top:-10px;margin-bottom:8px}form h3{font-size:34px;margin-bottom:25px}label{display:block;font-size:10px;letter-spacing:.6px;color:#b5bbbf;margin:23px 0 9px}input,select{width:100%;border:1px solid #444b50;border-radius:0;background:#191c1e;color:white;padding:15px;font-size:14px;color-scheme:dark}input:focus{border-color:var(--blue);outline:1px solid var(--blue)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;justify-content:space-between;margin-top:32px;align-items:center}.back{border:0;background:none;color:#a2a8ac;font-size:10px;letter-spacing:1px}.choice{display:flex;gap:10px}.choice button{flex:1;background:#191c1e;border:1px solid #444b50;padding:16px;font-size:11px}.choice button.selected{border-color:var(--blue);background:#112539}.form-hint{color:#9ca5ac;font-size:11px;line-height:1.8;margin:15px 0}.check-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff15;margin:0;letter-spacing:0;cursor:pointer}.check-row input{width:17px;height:17px;accent-color:var(--blue)}.check-row span{margin-left:auto;white-space:nowrap}.estimate{margin-top:24px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.estimate strong{font-size:22px}#form-error{font-size:12px;color:#ffb49d;line-height:1.7;margin-top:15px}.summary{display:grid;grid-template-columns:100px 1fr;gap:15px;font-size:12px;line-height:1.7}.summary dt{color:#8c969e}.summary dd{margin:0;overflow-wrap:anywhere}details{font-size:11px;color:#a5adb4;line-height:1.9;margin-top:24px}summary{cursor:pointer}.contact{border-top:1px solid var(--line);position:relative}.contact>.eyebrow{color:#8b9399;margin-bottom:25px}.contact-details{display:flex;justify-content:space-between;gap:25px;margin-top:50px;line-height:1.8;color:#b3b7ba;font-size:12px}footer{border-top:1px solid var(--line);padding:35px 7%;display:flex;justify-content:space-between;align-items:center}footer>span{font-size:8px;letter-spacing:1.5px;color:#8d959b}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;padding:15px;z-index:100}.skip:focus{top:10px}@media(min-width:1600px){.car-stage{inset:90px 0 -80px}h1{top:180px}}@media(max-width:900px){.section{padding:80px 6%}header{height:80px}.hero-top{top:110px}.hero{min-height:650px}h1{top:155px;font-size:100px}.hero-copy{top:180px}.intro{grid-template-columns:1fr;gap:30px}.catalog{gap:30px;grid-template-columns:1fr 1fr}.service-detail{padding:25px}.service-detail ul{grid-template-columns:1fr}.booking{gap:35px}.steps span{font-size:8px}.header-cta{font-size:9px}.brand-label{display:none}.results img{height:380px}}@media(max-width:600px){header{height:74px;padding:0 6%}.monogram{font-size:38px}.header-cta{margin-left:auto;margin-right:20px;font-size:8px}.header-cta span{margin-left:8px}.menu-toggle{display:block}nav{display:none;position:absolute;top:74px;left:0;right:0;background:#16191b;padding:30px 6%;border-bottom:1px solid #555}nav.open{display:flex}.hero-track{height:160svh}.hero{min-height:620px;height:100svh}.hero-top{top:104px;left:6%}.location{display:none}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{top:155px;left:6%;font-size:clamp(76px,20vw,112px);line-height:.92;letter-spacing:-1px}.hero-copy{top:340px;left:6%;font-size:11px}.car-stage{inset:0}.car-stage img{object-fit:cover;object-position:12% center}.car-stage:after{background:linear-gradient(#101112 0%,transparent 20%,transparent 80%,#101112 100%)}.hero-bottom{left:6%;right:6%;bottom:25px;font-size:7px;letter-spacing:1px}.progress{gap:7px;font-size:6px}.progress>div{width:60px}.hero-count{display:none}.down{margin-left:10px}.section{padding:70px 6%}h2{font-size:54px}.intro-bottom{grid-template-columns:1fr;gap:25px;margin-top:30px}.intro p{font-size:12px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{font-size:12px;margin-top:25px}.section-heading .eyebrow{margin-bottom:18px}.service-controls{align-items:start;gap:10px}.segmented button{padding:11px 15px;font-size:10px}.size-controls{flex-direction:column;gap:7px;align-items:end}.size-controls>span{font-size:7px}.catalog{grid-template-columns:1fr;gap:22px}.service-list{max-height:245px;overflow:auto;padding-right:8px;scrollbar-color:#555 transparent}.service-list button{font-size:13px;padding:15px 0}.service-detail{position:static;margin:0;padding:26px}.service-detail h3{font-size:43px}.service-detail ul{grid-template-columns:1fr 1fr;gap:10px 15px}.service-detail li{font-size:10px}.results img{height:auto;aspect-ratio:1.3;object-fit:cover}.results figcaption{gap:15px;font-size:6px}.pending{display:block;margin-top:30px}.pending p{margin-top:15px;font-size:11px}.booking{grid-template-columns:1fr;gap:45px}.preview-note{margin-top:25px}.steps{margin-bottom:30px}.steps span{font-size:8px}.field-row{gap:12px}.contact-details{flex-direction:column;gap:20px;margin-top:30px}footer{flex-wrap:wrap;gap:25px;padding:30px 6%}footer>span:last-child{width:100%;font-size:7px}.service-detail{animation:fade .25s ease}.form-actions .button{padding:18px 20px}}@keyframes fade{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-track{height:auto}.hero{position:relative}.clean{clip-path:inset(0 50% 0 0)}.reveal-line{left:50%;opacity:1}}
.logo-window{position:relative;display:block;width:140px;height:66px;overflow:hidden}.logo-window img{position:absolute;width:198px;height:198px;max-width:none;left:-29px;top:-58px}@media(max-width:600px){.logo-window{width:105px;height:53px}.logo-window img{width:150px;height:150px;left:-22px;top:-44px}}.form-actions[hidden]{display:none}

.hero-title{font-size:clamp(64px,6vw,104px);line-height:.94;letter-spacing:-1px}@media(max-width:600px){.hero-title{font-size:clamp(44px,14.5vw,68px);line-height:.95}.hero-copy{top:370px}}

/* Banner contínuo: o cabeçalho faz parte da mesma composição. */
header{border-bottom:0;background:transparent}.hero{min-height:0}.car-stage{inset:0}.car-stage:after{background:linear-gradient(180deg,rgba(16,17,18,.72) 0%,rgba(16,17,18,.3) 30%,transparent 58%,rgba(16,17,18,.8) 100%)}@media(max-width:600px){.car-stage{inset:0}.car-stage img{object-fit:cover;object-position:12% center}.car-stage:after{background:linear-gradient(180deg,#101112 8%,rgba(16,17,18,.5) 30%,transparent 58%,rgba(16,17,18,.6) 100%)}}
/* Título compacto na área superior, preservando a leitura do veículo. */
.hero-title{top:160px;font-size:clamp(40px,4vw,64px);line-height:.98;letter-spacing:0}
@media(min-width:1600px){.hero-title{top:160px}}
@media(max-width:900px){.hero-title{top:145px;font-size:48px}}
@media(max-width:600px){.hero-title{top:145px;font-size:clamp(34px,9vw,46px);line-height:1}}
@media(max-height:600px) and (min-width:601px){.hero-top{top:100px}.hero-title{top:130px;font-size:36px}}
/* Navegação alinhada ao CTA na lateral direita do cabeçalho. */
@media(min-width:601px){header nav{margin-left:auto;margin-right:48px}}
@media(min-width:601px) and (max-width:900px){header nav{gap:24px;margin-right:30px}}
/* Segunda transformação em tela cheia, com progresso independente da hero. */
.results-track{height:190svh;position:relative;background:#101112;scroll-margin-top:0}
.results-banner{position:sticky;top:0;height:100svh;overflow:hidden;--reveal:0%}
.results-images{position:absolute;inset:0}
.results-images img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.results-banner:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 55%,rgba(0,0,0,.8) 100%)}
.results-caption{position:absolute;left:5%;right:5%;bottom:5%;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:24px;color:#f1f0ec}
.results-caption .eyebrow{margin-bottom:14px;color:#b7c4cf}
.results-caption h2{font-size:clamp(32px,3.5vw,56px);letter-spacing:0}
.results-caption>span{font-size:9px;letter-spacing:1.5px;white-space:nowrap}
@media(max-width:600px){.results-track{height:160svh}.results-images img{object-position:42% center}.results-caption{left:6%;right:6%;bottom:35px;display:block}.results-caption h2{font-size:36px}.results-caption>span{display:block;margin-top:22px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.results-track{height:100svh}.results-banner{position:relative}.results-banner .clean{clip-path:inset(0 50% 0 0)}}

/* Catálogo: nomes extensos e orçamentos sob avaliação. */
.service-list button{overflow-wrap:anywhere;line-height:1.6}.service-detail h3{overflow-wrap:anywhere}.price-assessment{font-size:36px;line-height:1.2;margin-top:12px}.check-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px}.check-row .service-name{margin:0;white-space:normal;overflow-wrap:anywhere}.check-row .service-value{margin:0;font-size:11px}.estimate{gap:18px;flex-wrap:wrap}.estimate strong{font-size:18px;line-height:1.6}
@media(max-width:600px){.check-row{grid-template-columns:18px minmax(0,1fr)}.check-row .service-value{grid-column:2;justify-self:start}.price-assessment{font-size:32px}.service-detail h3{font-size:36px}}
/* Hero mobile: área de texto livre e fotografia contínua até a base da tela. */
@media(max-width:600px){
 header{height:94px;padding:8px 6%;gap:14px;align-items:center}
 header .brand{flex-shrink:0}
 .logo-window{width:100px;height:64px}
 .logo-window img{width:142px;height:142px;left:-21px;top:-41px}
 .header-cta{margin:0 0 0 auto;font-size:8px;letter-spacing:.7px;min-height:44px;display:flex;align-items:center;white-space:nowrap}
 .menu-toggle{padding:0;width:32px;min-height:44px;flex-shrink:0;font-size:18px}
 nav{top:94px;padding:24px 6%;gap:28px}
 .hero{height:100svh;min-height:0;background:#101112}
 .hero-track{height:170svh}
 .hero-top{top:100px;left:6%;right:6%}
 .hero-top .eyebrow{font-size:8px;letter-spacing:1.1px}
 .hero-title{top:126px;left:6%;right:6%;font-size:clamp(34px,10vw,44px);line-height:.96}
 .car-stage{inset:0;overflow:hidden}
 .car-stage img{inset:0;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:left bottom;mask-image:none;-webkit-mask-image:none}
 .car-stage:after{background:linear-gradient(to bottom,rgba(16,17,18,.55) 0%,rgba(16,17,18,.3) 25%,transparent 48%,transparent 85%,rgba(0,0,0,.5) 100%)}
 .hero-bottom{left:6%;right:6%;bottom:max(30px,env(safe-area-inset-bottom));font-size:8px;letter-spacing:1.3px}
 .hero-bottom .progress,.hero-bottom .hero-count{display:none}
 .hero-bottom .down{font-size:20px;margin-left:14px}
}
@media(max-width:600px) and (max-height:700px){
 .hero-top{top:96px}.hero-title{top:120px;font-size:34px}
 
 .hero-bottom{bottom:22px}
}
@media(max-width:600px) and (orientation:landscape){
 .hero-title{top:118px;font-size:30px}.hero-top{top:88px}
 .car-stage{inset:0}.car-stage img{inset:0;width:100%;height:100%;object-position:35% center}.car-stage:after{background:linear-gradient(to bottom,rgba(16,17,18,.85),transparent 65%,rgba(0,0,0,.45))}
}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.hero-track{height:100svh}.hero{position:relative}}
.moto-range{display:block;font-size:8px;letter-spacing:0;margin-top:7px;line-height:1.5}.choice button{min-width:0}@media(max-width:600px){.moto-range{font-size:7px}}

/* Fill the mobile viewport while keeping the front of the car in view. */
@media(max-width:600px){.car-stage{background:#000}.car-stage img{object-fit:cover;object-position:left bottom}.car-stage:after{background:linear-gradient(to bottom,transparent 85%,rgba(0,0,0,.35))}}

@media(max-width:600px){.size-controls{width:100%;flex-wrap:wrap;gap:12px}.size-controls .segmented{width:100%}.size-controls .segmented button{flex:1;padding:12px 6px;font-size:11px;letter-spacing:.5px}#booking-size button{padding:14px 6px;font-size:12px}}
