:root{--black:#0b0c0d;--charcoal:#151719;--ink:#202221;--gold:#d9af5a;--cream:#f4f0e8;--muted:#9b9a96;--line:#343636}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}
h2{font-size:clamp(2.35rem,5vw,4.55rem);line-height:1.08;font-weight:600}
em{color:var(--gold);font-style:normal}
.header{height:76px;background:var(--black);color:#fff;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1160px)/2));gap:34px;position:relative;z-index:10}
.logo{position:relative;color:#fff;text-decoration:none;display:grid;grid-template-columns:30px auto;grid-template-rows:16px 10px;column-gap:5px;align-items:end;line-height:1}
.logo span{grid-row:1/3;width:29px;height:29px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:600 19px Georgia;color:var(--gold)}
.logo b{font:700 13px Manrope;letter-spacing:.13em}
.logo i{font-style:normal;font-size:7px;letter-spacing:.27em;color:#b3b2ac} 
.nav{display:flex;gap:25px;margin-left:auto}
.nav a,.footer-bottom a{color:#babbb8;text-decoration:none;font-size:13px}
.nav a:hover{color:var(--gold)}
.header-cta{font-size:12px;background:var(--gold);color:#16120a;text-decoration:none;font-weight:700;padding:13px 16px}
.header-cta span{margin-left:12px;font-size:16px}
.menu-button{display:none}
.hero{height:calc(100svh - 76px);min-height:620px;color:white;position:relative;display:flex;align-items:center;isolation:isolate}
.hero-image,.hero-overlay{position:absolute;inset:0}
.hero-image{background:url('assets/hero-corolla.png') 62% center/cover no-repeat;z-index:-2}
.hero-overlay{z-index:-1;background:linear-gradient(90deg,rgba(4,5,6,.91) 0%,rgba(4,5,6,.61) 47%,rgba(4,5,6,.13) 100%)}
.hero-content{padding:70px 0 100px}
.eyebrow{font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:.19em;color:#696a67;margin-bottom:25px;display:flex;align-items:center;gap:10px}
.eyebrow span{width:26px;height:1px;background:var(--gold);display:inline-block}
.eyebrow.light{color:#c3c3be}
.hero h1{font-size:clamp(3rem,5.5vw,5.4rem);line-height:1.05;max-width:780px;margin-bottom:25px;font-weight:600}
.hero-text{max-width:480px;color:#d5d4d0;line-height:1.6;font-size:15px}
.hero-actions{display:flex;gap:12px;margin-top:34px}
.button{font:700 12px 'DM Sans';letter-spacing:.01em;min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;border:1px solid transparent;transition:.25s}
.button.gold{background:var(--gold);color:#1d170d}
.button.gold:hover{background:#efc674;transform:translateY(-2px)}
.button.ghost{border-color:rgba(255,255,255,.4);color:#fff}
.button.ghost:hover{background:#fff;color:#111}
.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.22);height:70px;display:flex;align-items:center;justify-content:space-between;color:#bebfbb;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.hero-numbers{display:flex;height:100%;align-items:center;gap:25px}
.hero-numbers span{border-left:1px solid rgba(255,255,255,.2);padding-left:25px}
.hero-numbers b{color:#fff;font:600 18px Manrope;letter-spacing:0;margin-right:5px}
.intro{padding:130px 0;display:grid;grid-template-columns:.65fr 1.35fr}
.intro>div{display:grid;grid-template-columns:1.3fr .7fr;gap:55px}
.intro h2{margin:0}
.intro p:not(.eyebrow),.section-heading>p,.benefit-copy>p:not(.eyebrow){color:#6c6d69;line-height:1.75;font-size:15px}
.section-dark{background:var(--black);color:#f7f5ef;padding:120px 0}
.section-heading{max-width:610px}
.section-heading h2{margin-bottom:16px}
.section-heading>p{color:#a8a8a4}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-card{min-height:260px;padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.3s;display:flex;flex-direction:column}
.service-card:hover{background:#1b1d1e}
.service-card.featured{background:#d0a654;color:#16130e}
.service-card.featured p,.service-card.featured a{color:#382f20}
.icon{font-size:25px;color:var(--gold);height:58px}
.featured .icon{color:#19150d}
.service-card h3{font-size:20px;margin:0 0 10px}
.service-card p{font-size:13px;color:#9a9b98;line-height:1.55;margin:0}
.service-card a{margin-top:auto;padding-top:22px;text-decoration:none;color:#e9e8e2;font-size:12px;font-weight:bold}
.service-card a span,.text-link span{color:var(--gold);margin-left:8px;font-size:17px}
.benefits{padding:130px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px}
.benefit-copy h2{margin-bottom:22px}
.text-link{display:inline-block;color:var(--ink);text-decoration:none;font-size:13px;font-weight:bold;margin-top:22px}
.benefit-list>div{border-top:1px solid #c8c3ba;display:grid;grid-template-columns:52px 1fr;column-gap:14px;padding:20px 0}
.benefit-list>div:last-child{border-bottom:1px solid #c8c3ba}
.benefit-list b{font:500 11px Manrope;color:var(--gold);padding-top:4px}
.benefit-list h3{font-size:17px;margin:0 0 5px}
.benefit-list p{grid-column:2;color:#777873;font-size:13px;margin:0}
.fleet{padding:115px 0;background:#e8e3d9}
.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.vehicle{background:var(--black);color:white;overflow:hidden}
.vehicle img{width:100%;height:260px;display:block;object-fit:cover;transition:transform .5s}
.vehicle:hover img{transform:scale(1.05)}
.vehicle-info{padding:23px}
.vehicle-info p{font-size:9px;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px}
.vehicle-info h3{font-size:21px;margin:0 0 12px}
.vehicle-info span{font-size:11px;color:#b4b4b0}
.vehicle-info i{font-style:normal;color:var(--gold);margin:0 5px}
.instagram-section{padding:120px 0;background:var(--cream)}
.instagram-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}
.instagram-heading h2{margin:0}
.instagram-profile{min-height:44px;padding:0 18px;border:1px solid #aaa79f;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:18px;white-space:nowrap;transition:.25s}
.instagram-profile:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.instagram-profile span{color:var(--gold);font-size:16px}
.instagram-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.instagram-post{display:block;background:#161718;overflow:hidden;min-width:0;border:1px solid #ded9d0;aspect-ratio:1;transition:transform .3s ease,box-shadow .3s ease}
.instagram-post:hover{transform:translateY(-5px);box-shadow:0 14px 24px rgba(26,24,19,.17)}
.instagram-post img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.instagram-post:hover img{transform:scale(1.035)}
.quote{min-height:850px;position:relative;background:#111;color:#f7f5ee;display:grid;grid-template-columns:1fr 1fr}
.quote-image{background:linear-gradient(0deg,rgba(7,8,8,.42),rgba(7,8,8,.18)),url('assets/reserve-seu-trajeto.jpg') center/cover}
.quote-panel{padding:100px max(30px,calc((100vw - 1160px)/2));padding-left:70px;background:#151617}
.quote-panel h2{font-size:clamp(2.4rem,4vw,3.7rem);margin-bottom:16px}
.quote-panel>p:not(.eyebrow){font-size:14px;color:#a7a7a3;line-height:1.6;max-width:470px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.form-grid label{font-size:11px;color:#d5d3cd;display:flex;flex-direction:column;gap:8px}
.form-grid input,.form-grid select,.form-grid textarea{font:13px 'DM Sans';color:#f0efe9;width:100%;border:0;border-bottom:1px solid #4c4d4b;background:transparent;padding:9px 0;outline:none;border-radius:0}
.form-grid select{color:#d5d3cd}
.form-grid option{color:#111}
.form-grid textarea{resize:vertical;min-height:50px}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--gold)}
.form-grid .full{grid-column:span 2}
.submit{margin-top:23px;width:100%;border:0}
.submit:disabled{opacity:.7}
.form-status{min-height:18px;margin:17px 0 0;font-size:12px}
.form-status.error{color:#ffaaa0}
.form-status.success{color:#d9af5a}
.whatsapp{color:#d7d6cf;text-decoration:none;font-size:12px;margin-top:25px;display:flex;justify-content:space-between;border-top:1px solid #414240;padding-top:21px}
.whatsapp span{color:var(--gold)}
.contact{padding:130px 0}
.contact h2{margin-bottom:60px}
.contact-grid{border-top:1px solid #c7c2b9;display:grid;grid-template-columns:1fr 1.2fr 1.1fr}
.contact-grid>*{padding:20px 24px 20px 0;border-bottom:1px solid #c7c2b9;position:relative;text-decoration:none;color:var(--ink)}
.contact-grid>*+*{padding-left:24px;border-left:1px solid #c7c2b9}
.contact-grid small{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:#888985;margin-bottom:12px}
.contact-grid strong{font:600 14px Manrope;line-height:1.35;display:block}
.contact-grid a span{position:absolute;right:15px;top:20px;color:var(--gold);font-size:19px}
footer{background:var(--black);color:#fff}
.footer-top{min-height:170px;display:flex;align-items:center;gap:80px}
.footer-top p{color:#acaca8;font-size:13px;margin:0;max-width:255px;line-height:1.55}
.social{margin-left:auto;display:flex;gap:9px}
.social a{border:1px solid #494a47;color:#d1d0ca;width:29px;height:29px;display:grid;place-items:center;text-decoration:none;font-size:10px}
.footer-bottom{border-top:1px solid #373835;min-height:66px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#898a85}
.footer-bottom div{display:flex;gap:20px}
.floating-wa{display:none}
.reveal{opacity:0;transform:translateY(17px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.wrap{width:min(100% - 32px,600px)}
.header{height:64px;padding:0 16px;gap:12px}
.header-cta{font-size:10px;padding:10px 11px;margin-left:auto}
.header-cta span{display:none}
.menu-button{display:flex;width:30px;height:30px;background:none;border:0;flex-direction:column;justify-content:center;gap:6px;padding:4px}
.menu-button span{height:1px;background:#fff;width:21px;transition:.25s}
.nav{display:none;position:absolute;left:0;right:0;top:64px;background:#0b0c0d;padding:12px 20px 25px;border-top:1px solid #333;flex-direction:column;gap:17px}
.header.menu-open .nav{display:flex}
.header.menu-open .menu-button span:first-child{transform:translateY(3.5px) rotate(45deg)}
.header.menu-open .menu-button span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hero{height:auto;min-height:0;display:block;background:var(--black);padding-top:300px}
.hero-image{inset:0 0 auto;height:300px;background-position:59% center}
.hero-overlay{inset:0 0 auto;height:300px;background:linear-gradient(0deg,rgba(4,5,6,.38),rgba(4,5,6,.04) 65%)}
.hero-content{padding:42px 0 112px}
.hero h1{font-size:clamp(2.65rem,12vw,3.45rem);line-height:1.05}
.hero-text{font-size:14px;max-width:350px}
.hero-actions{display:none}
.button{min-height:52px}
.hero-bottom{height:70px;font-size:8px;letter-spacing:.07em}
.hero-numbers{display:none}
.intro{padding:78px 0;display:block}
.intro>.eyebrow{margin-bottom:35px}
.intro>div{display:block}
.intro h2{font-size:2.3rem}
.intro p:not(.eyebrow){font-size:14px;margin:25px 0 0}
.section-dark{padding:78px 0}
.section-heading h2{font-size:2.3rem}
.service-grid{grid-template-columns:1fr;margin-top:35px}
.service-card{min-height:205px;padding:25px}
.benefits{padding:78px 0;display:block}
.benefit-copy h2{font-size:2.3rem}
.benefit-list{margin-top:48px}
.fleet{padding:75px 0}
.fleet-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-16px;padding-right:16px;margin-top:35px;gap:13px}
.vehicle{flex:0 0 85%;scroll-snap-align:start}
.vehicle img{height:220px}
.instagram-section{padding:75px 0}
.instagram-heading{display:block;margin-bottom:32px}
.instagram-heading h2{font-size:2.3rem}
.instagram-profile{margin-top:18px}
.instagram-feed{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-16px;padding-right:16px;gap:13px}
.instagram-post{flex:0 0 86%;scroll-snap-align:start}
.quote{display:block}
.quote-image{height:220px;background-position:center}
.quote-panel{padding:66px 16px 70px}
.quote-panel h2{font-size:2.4rem}
.form-grid{grid-template-columns:1fr;gap:18px}
.form-grid .full{grid-column:auto}
.form-grid input,.form-grid select{padding:11px 0;font-size:16px}
.contact{padding:78px 0}
.contact h2{font-size:2.35rem;margin-bottom:35px}
.contact-grid{display:block}
.contact-grid>*{padding:19px 0!important;border-left:0!important}
.footer-top{padding:48px 0;display:block}
.footer-top p{margin:23px 0}
.social{margin:0}
.footer-bottom{padding:18px 0;align-items:flex-start;gap:15px;flex-direction:column}
.footer-bottom div{gap:14px}
.floating-wa{display:grid;position:fixed;z-index:9;right:18px;bottom:18px;width:52px;height:52px;border-radius:50%;place-items:center;background:#d9af5a;color:#17130c;text-decoration:none;font-size:25px;box-shadow:0 5px 20px #0006}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}
.reveal{opacity:1;transform:none}
}
}