:root{--mx-blue:#0788ca;--mx-blue-light:#1fb8e8;--mx-ink:#101216;--mx-focus:#f2d63b;--mx-radius:14px;--mx-shadow:0 24px 70px rgba(0,0,0,.18)}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--mx-focus);outline-offset:3px}
.skip-link{position:fixed;top:10px;left:10px;z-index:1000;padding:12px 16px;background:#fff;color:#111;transform:translateY(-150%);transition:transform .2s;font-weight:800}
.skip-link:focus{transform:none}
.service-bar{height:34px;padding:0 clamp(20px,5vw,76px);display:flex;justify-content:flex-end;align-items:center;gap:24px;background:#07090b;color:#9ea5ad;font-size:11px;letter-spacing:.25px}
.service-bar a{color:#fff;font-weight:800}
.site-header{position:sticky;top:0;z-index:40;background:rgba(17,19,24,.94);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.site-header .brand{flex:0 0 auto}
.site-header nav a{position:relative;padding:30px 0}
.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;background:var(--mx-blue-light);transition:right .2s}
.site-header nav a:hover:after{right:0}
.header-cta,.button,.quick-search button,.form-nav button{border-radius:8px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.header-cta:hover,.button-primary:hover,.quick-search button:hover,.form-nav .next:hover,.form-nav .submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(7,136,202,.28)}
.hero{min-height:calc(100vh - 116px);isolation:isolate;position:relative}
.hero:after{content:"MOTORIX";position:absolute;z-index:-1;right:-2vw;bottom:-4vw;font:800 clamp(100px,18vw,280px)/1 "Barlow Condensed",sans-serif;color:rgba(255,255,255,.018);letter-spacing:-8px}
.hero-copy{max-width:800px}
.hero h1{max-width:820px;text-wrap:balance}
.hero-lead{max-width:690px}
.quick-search{border-radius:12px;overflow:hidden;box-shadow:var(--mx-shadow)}
.quick-search input{min-height:30px}
.quick-search button{border-radius:8px}
.quick-note{display:flex;gap:0;flex-wrap:wrap}
.quick-note span{display:inline-flex;align-items:center}
.quick-note span:not(:last-child):after{content:"";width:3px;height:3px;margin:0 10px;border-radius:50%;background:var(--mx-blue-light)}
.hero-card{border-radius:20px;transform:perspective(1000px) rotateY(-2deg);box-shadow:0 35px 90px rgba(0,0,0,.48)}
.steps,.confidence,.parts-band,.faq{content-visibility:auto;contain-intrinsic-size:700px}
.step-grid{border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(17,19,24,.08)}
.step-grid article{transition:transform .2s,box-shadow .2s;position:relative}
.step-grid article:hover{z-index:2;transform:translateY(-5px);box-shadow:0 18px 45px rgba(17,19,24,.12)}
.request-section{scroll-margin-top:82px}
.request-intro{position:relative;overflow:hidden}
.request-intro:after{content:"";position:absolute;width:270px;height:270px;right:-110px;bottom:-110px;border:45px solid rgba(22,188,230,.08);border-radius:50%}
.request-form{min-height:680px}
.form-status{min-height:20px;margin:0;color:#c52d2d;font-size:12px;font-weight:700}
.field input,.field textarea,.field select{min-height:52px;border-radius:8px;transition:border-color .15s,box-shadow .15s,background .15s}
.field textarea{min-height:132px}
.field input:hover,.field textarea:hover,.field select:hover{border-color:#b2b8bf;background:#fff}
.choice-group label{border-radius:9px;transition:border-color .15s,background .15s,transform .15s}
.choice-group label:has(input:checked){border-color:var(--mx-blue);background:#edf9fe;box-shadow:inset 0 0 0 1px var(--mx-blue)}
.choice-group label:hover{transform:translateY(-2px)}
.upload-box{border-radius:9px;background:#fafbfc;transition:border-color .15s,background .15s}
.upload-box:hover{border-color:var(--mx-blue);background:#f1fbfe}
.check a{text-decoration:underline;text-underline-offset:2px;color:#006fa7}
.parts-list span{border-radius:999px;transition:background .15s,color .15s,border-color .15s}
.parts-list span:hover{background:#111318;color:#fff;border-color:#111318}
.faq-list details{transition:background .15s,padding .15s}
.faq-list details[open]{background:rgba(255,255,255,.55);padding-left:20px;padding-right:20px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:25;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:999px;background:#fff;color:#14171b;box-shadow:0 16px 45px rgba(0,0,0,.22);font-size:12px;font-weight:800}
.whatsapp-float b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#22c768;color:#fff;font-size:10px}
.lead-toast{position:fixed;z-index:60;right:24px;bottom:88px;width:min(380px,calc(100vw - 32px));display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:18px 18px 18px 20px;border-left:4px solid #22c768;border-radius:10px;background:#fff;color:#15171b;box-shadow:0 22px 70px rgba(0,0,0,.25)}
.lead-toast[hidden]{display:none}.lead-toast strong{font-size:14px}.lead-toast span{grid-column:1;font-size:12px;color:#697078;line-height:1.5}.lead-toast button{grid-column:2;grid-row:1/3;border:0;background:transparent;font-size:24px;color:#7a8087;cursor:pointer}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) 360px;gap:36px;padding-left:45px;padding-right:45px}.hero h1{font-size:clamp(55px,6.4vw,75px)}.quick-search{grid-template-columns:.7fr 1.1fr}.quick-search button{grid-column:1/-1}.request-section{grid-template-columns:.58fr 1.42fr}.request-intro{padding-left:45px}.request-form{padding-left:50px;padding-right:50px}}
@media(max-width:900px){.service-bar{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:70px 28px}.hero-card{max-width:620px;width:100%;margin:10px auto 0;transform:none}.request-section{grid-template-columns:1fr}.request-intro{padding:60px 28px}.request-form{padding:55px 28px}.site-header{top:0}.site-header nav{display:none}.faq{gap:32px}}
@media(max-width:600px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.site-header{height:68px}.site-header .brand{width:142px}.header-cta{padding:11px 12px}.hero{padding:42px 18px 58px}.hero h1{font-size:clamp(44px,13.5vw,58px);letter-spacing:-.5px}.hero-lead{font-size:15px;margin:20px 0 24px}.quick-search{padding:10px;border-radius:12px}.quick-search label{min-height:62px}.quick-search button{width:100%}.hero-actions .button{min-height:48px}.trust-row{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-card{min-height:350px;border-radius:14px}.speed-badge{top:16px}.step-grid{border-radius:12px}.step-grid article:hover{transform:none}.request-section{scroll-margin-top:68px}.request-intro{padding:52px 20px}.request-form{min-height:650px;padding:46px 18px 55px}.form-step h3{margin-bottom:22px}.two-cols{gap:0}.choice-group label{min-height:64px}.form-nav{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));z-index:5;margin-left:-18px;margin-right:-18px;padding:12px 18px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 -8px 25px rgba(0,0,0,.06)}.form-nav .next,.form-nav .submit{min-width:0;flex:1}.form-note{text-align:left;line-height:1.5}.faq-list details[open]{padding-left:12px;padding-right:12px}.mobile-sticky{height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.whatsapp-float{display:none}.lead-toast{right:16px;bottom:calc(78px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

footer{grid-template-columns:1.35fr 1fr 1fr 1fr}
footer address{font-style:normal;line-height:1.7;color:#bec3c8}
@media(max-width:900px){footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){footer{grid-template-columns:1fr}}
