:root{
  --bg:#080a0e;
  --bg-2:#0e131a;
  --bg-3:#121821;
  --panel:#10161f;
  --panel-2:#171f2b;
  --panel-3:#edf1f5;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.15);
  --text:#f7f9fc;
  --muted:#bcc4d1;
  --muted-2:#92a0b2;
  --red:#ef163f;
  --red-2:#ff3a60;
  --green:#25D366;
  --green-dark:#128C7E;
  --shadow:0 30px 80px rgba(0,0,0,.34);
  --shadow-soft:0 18px 45px rgba(0,0,0,.22);
  --radius:28px;
  --radius-sm:18px;
  --max:1240px;
  --header-h:88px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:19px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid rgba(255,58,96,.62);outline-offset:3px}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
textarea{resize:vertical}
fieldset{border:0;margin:0;padding:0;min-width:0}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:12px 16px;z-index:999}
.skip-link:focus{left:12px;top:12px}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.section{padding:108px 0}
.section-surface{position:relative;isolation:isolate;overflow:hidden}
.section-surface:before,.section-surface:after{content:"";position:absolute;pointer-events:none;z-index:-1}
.section-surface:after{left:0;right:0;bottom:0;height:72px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.14));opacity:.55}
.section-surface--hero{background:
  radial-gradient(circle at 78% 26%, rgba(239,22,63,.15), transparent 24%),
  radial-gradient(circle at 14% 12%, rgba(255,255,255,.06), transparent 18%),
  linear-gradient(180deg,#07090c 0%,#0b0e14 54%,#0f141c 100%)}
.section-surface--hero:before{inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 84%);mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 84%)}
.section-surface--quote{background:
  linear-gradient(180deg,#0f141c 0%,#10161f 100%)}
.section-surface--quote:before{left:-220px;top:120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(239,22,63,.075),transparent 68%)}
.section-surface--parts{background:
  radial-gradient(circle at 90% 12%,rgba(239,22,63,.11),transparent 22%),
  linear-gradient(180deg,#10161f 0%,#0b0f14 100%)}
.section-surface--process{background:
  radial-gradient(circle at 84% 18%,rgba(239,22,63,.12),transparent 30%),
  linear-gradient(180deg,#0b0f14 0%,#10161f 100%)}
.section-surface--about{background:
  radial-gradient(circle at 12% 84%,rgba(255,255,255,.035),transparent 28%),
  linear-gradient(180deg,#10161f 0%,#0b1016 100%)}
.section-surface--contact{background:
  radial-gradient(circle at 10% 20%,rgba(239,22,63,.1),transparent 25%),
  linear-gradient(180deg,#0b1016 0%,#080b0f 100%)}

h1,h2,h3,h4,p{margin:0}
h1{font-size:clamp(3.4rem,6vw,5.4rem);line-height:.95;letter-spacing:-.06em;max-width:780px}
h2{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.02;letter-spacing:-.045em;max-width:870px}
h3{font-size:1.34rem;letter-spacing:-.03em}
h4{font-size:1.02rem;letter-spacing:-.02em}
h1 em,h2 em{font-style:normal;color:var(--red)}
.eyebrow{display:inline-flex;align-items:center;gap:11px;margin:0 0 18px;color:#f7adbb;font-size:13px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.eyebrow span{width:36px;height:2px;border-radius:999px;background:var(--red)}

.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:12px 22px;border-radius:16px;border:1px solid transparent;font-size:15px;font-weight:900;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease}
.btn svg{width:17px;height:17px}
.btn:hover{transform:translateY(-2px)}
.btn--red{background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff;box-shadow:0 18px 36px rgba(239,22,63,.24)}
.btn--red:hover{box-shadow:0 20px 42px rgba(239,22,63,.34)}
.btn--ghost{background:rgba(255,255,255,.05);border-color:var(--line-strong);color:#fff}
.btn--ghost:hover{background:rgba(255,255,255,.08)}
.btn-wa-inline{display:grid;place-items:center;width:24px;height:24px;overflow:visible;flex:none}.btn-wa-inline img{width:100%;height:100%;object-fit:contain}

.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:rgba(8,10,14,.96);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .22s ease,background .22s ease}
.site-header.is-scrolled{background:rgba(8,10,14,.985);box-shadow:0 10px 26px rgba(0,0,0,.22)}
.header-inner{height:100%;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;flex:none}.brand img{width:238px;height:auto}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:26px;flex:1}
.desktop-nav a{position:relative;padding:12px 0;color:#d6dde7;font-size:16px;font-weight:760;white-space:nowrap}
.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;border-radius:999px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.desktop-nav a:hover{color:#fff}.desktop-nav a:hover:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:14px;flex:none}
.header-phone{display:flex;align-items:center;gap:10px;padding-right:4px;color:#fff}
.header-phone svg{width:20px;height:20px;color:var(--red)}
.header-phone span{display:grid;line-height:1.1;font-size:14px;font-weight:850}.header-phone small{color:var(--muted-2);font-size:10px;font-weight:750;margin-bottom:3px}
.wa-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 18px;border:0;border-radius:14px;background:linear-gradient(180deg,#1fc75b,#18b44e);color:#fff;font-size:14px;font-weight:900;box-shadow:0 16px 34px rgba(37,211,102,.2);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.wa-button:hover{transform:translateY(-3px);background:linear-gradient(180deg,#24d162,#17b14d);box-shadow:0 20px 42px rgba(37,211,102,.28)}
.wa-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;overflow:visible}.wa-icon img{width:100%;height:100%;object-fit:contain;border-radius:9px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.wa-icon--plain{width:28px;height:28px}
.wa-button--header{min-height:48px;padding:0 16px}.wa-button--header .wa-icon{width:28px;height:28px}
.menu-toggle{position:relative;display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;border:1px solid var(--line-strong);background:rgba(255,255,255,.04);color:#fff;transition:transform .28s ease,background .28s ease,border-color .28s ease}.menu-toggle svg{position:absolute;width:21px;height:21px;transition:opacity .24s ease,transform .32s cubic-bezier(.22,.8,.25,1)}.menu-toggle .menu-icon{opacity:1;transform:rotate(0deg) scale(1)}.menu-toggle .close-icon{opacity:0;transform:rotate(-90deg) scale(.7)}.menu-toggle.is-open{transform:rotate(0deg)}.menu-toggle.is-open .menu-icon{opacity:0;transform:rotate(90deg) scale(.7)}.menu-toggle.is-open .close-icon{opacity:1;transform:rotate(0deg) scale(1)}
.mobile-nav{position:absolute;left:0;right:0;top:100%;background:#0c1117;border-bottom:1px solid var(--line);box-shadow:0 20px 44px rgba(0,0,0,.35)}
.mobile-nav[hidden]{display:none}
.mobile-nav__inner{padding:18px 0 24px}
.mobile-nav__links{display:grid;gap:4px}
.mobile-nav__links a{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.07);font-size:18px;font-weight:780}
.mobile-nav__links a:after{content:"→";color:var(--red)}
.mobile-nav__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.mobile-call{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:1px solid var(--line-strong);border-radius:14px;font-size:14px;font-weight:850}.mobile-call svg{width:18px;height:18px;color:var(--red)}

.hero{padding:64px 0 92px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr);gap:56px;align-items:center;min-height:720px}
.hero-copy{min-width:0}
.hero-lead{margin-top:24px;max-width:700px;color:var(--muted);font-size:1.15rem;line-height:1.8}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}.hero-points span{display:inline-flex;align-items:center;gap:8px;color:#dce3ec;font-size:15px;font-weight:750}.hero-points svg{width:17px;height:17px;color:var(--red)}
.hero-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.hero-strip article{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft)}
.hero-strip small{display:block;color:#8d9aad;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}
.hero-strip strong{display:block;font-size:1rem;line-height:1.3}
.hero-strip__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff;flex:none;box-shadow:0 16px 30px rgba(239,22,63,.24)}
.hero-strip__icon svg{width:22px;height:22px}
.hero-strip__icon--wa{background:transparent;box-shadow:none}
.hero-strip__icon--wa img{width:48px;height:48px;object-fit:contain;border-radius:16px;box-shadow:0 16px 30px rgba(239,22,63,.24)}
.hero-media{position:relative;min-height:650px}
.hero-image-wrap{position:absolute;inset:0;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#11161d;box-shadow:var(--shadow)}
.hero-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18) 45%,rgba(0,0,0,.8))}
.hero-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease, filter .4s ease}
.hero-badge{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:rgba(10,13,19,.74);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-soft);font-size:14px;font-weight:820}
.hero-badge svg{width:18px;height:18px;color:var(--red)}
.hero-badge--top{left:22px;top:22px}
.hero-badge--bottom{right:22px;top:112px}
.hero-image-caption{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:20px;background:rgba(8,11,16,.84);border:1px solid rgba(255,255,255,.11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.caption-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff;flex:none;box-shadow:0 16px 30px rgba(239,22,63,.22)}.caption-icon svg{width:22px;height:22px}
.hero-image-caption strong{display:block;font-size:17px;margin-bottom:4px}.hero-image-caption small{display:block;color:#bcc5d1;font-size:13px;line-height:1.5}
.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(10px);animation:floatGlow 6s ease-in-out infinite}
.hero-glow--one{width:150px;height:150px;right:-24px;bottom:50px;background:radial-gradient(circle,rgba(239,22,63,.22),transparent 68%)}
.hero-glow--two{width:84px;height:84px;left:-16px;top:80px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);animation-delay:-2s}

.quote-section{padding:104px 0 118px}
.quote-heading,.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.74fr);gap:56px;align-items:end;margin-bottom:34px}.quote-heading>p,.section-heading>p{color:var(--muted);font-size:1.01rem;line-height:1.75}
.quote-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.quote-benefits article{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.quote-benefits svg{width:21px;height:21px;color:var(--red);flex:none}
.quote-benefits strong{display:block;font-size:1rem}
.quote-benefits span{display:block;font-size:.93rem;color:#c4ccd8;line-height:1.45}
.quote-workbench{display:grid;grid-template-columns:minmax(0,1.56fr) minmax(340px,.78fr);border:1px solid rgba(255,255,255,.11);border-radius:32px;background:#f8fafc;overflow:hidden;box-shadow:0 34px 95px rgba(0,0,0,.32)}
.quote-panel{padding:34px 36px 36px;color:#121722;background:linear-gradient(180deg,#fbfcfd,#eff3f7)}
.quote-preview{padding:34px 30px;color:#f7fbff;background:linear-gradient(180deg,#111822,#0c1218)}
.quote-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}
.quote-step{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#edf2f6;border:1px solid rgba(17,23,34,.07);font-size:13px;font-weight:800;color:#607083}
.quote-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fff;color:#111;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.quote-step.is-active{background:#fff;border-color:rgba(239,22,63,.18);color:#0f1520;box-shadow:0 14px 30px rgba(239,22,63,.08)}
.quote-step.is-active b{background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff;box-shadow:0 12px 28px rgba(239,22,63,.26)}
.quote-step.is-complete{background:#ecfaf1;color:#183e2a;border-color:rgba(37,211,102,.16)}
.quote-step.is-complete b{background:linear-gradient(180deg,#39dc75,#25D366);color:#fff;box-shadow:0 12px 28px rgba(37,211,102,.22)}
.quote-group{padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(17,23,34,.08);box-shadow:0 14px 34px rgba(10,20,34,.05)}
.quote-group + .quote-group{margin-top:18px}
.quote-group legend{display:flex;align-items:center;gap:10px;padding:0 0 16px;font-size:1rem;font-weight:900;color:#0f1420}
.quote-group legend span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(239,22,63,.1);color:var(--red);font-size:14px}
.form-grid{display:grid;gap:16px}.form-grid--vehicle{grid-template-columns:repeat(3,minmax(0,1fr))}
label{display:grid;gap:8px}
label>span{font-size:14px;font-weight:800;color:#223043} label i{font-style:normal;color:var(--red)} label em{font-style:normal;color:#5d6e81;font-size:.9em}
input,textarea,select{width:100%;border:1px solid #d4dbe5;border-radius:16px;background:#f8fafc;color:#101621;padding:15px 16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
input:focus,textarea:focus,select:focus{border-color:rgba(239,22,63,.55);box-shadow:0 0 0 4px rgba(239,22,63,.1);background:#fff}
.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#607083}.input-with-icon input{padding-left:45px}
.field-error{min-height:18px;color:#b11532;font-size:12px;font-weight:700}.field-error--group{margin-top:8px}.is-invalid{border-color:#d71d44!important;box-shadow:0 0 0 4px rgba(215,29,68,.1)!important;background:#fffafb!important}
.quick-picks{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.quick-picks button{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:999px;border:1px solid #d7dee7;background:#f4f7fa;color:#132132;font-size:14px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.quick-picks button svg{width:16px;height:16px;color:var(--red)}
.quick-picks button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,21,32,.08)}
.quick-picks button.is-selected{border-color:rgba(239,22,63,.28);background:rgba(239,22,63,.08);color:#0f1721}
.quote-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.quote-submit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:20px}
.quote-submit-note{display:flex;align-items:flex-start;gap:10px;padding:16px 18px;border-radius:18px;background:rgba(17,23,34,.05);font-size:14px;color:#304154}.quote-submit-note svg{width:18px;height:18px;color:var(--red);margin-top:1px;flex:none}
.wa-button--form{min-height:58px;padding:0 20px;font-size:15px}.wa-arrow{width:18px;height:18px}
.quote-preview__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.quote-preview__badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.quote-preview__status{display:inline-flex;align-items:center;gap:8px;color:#d5ffea;font-size:13px;font-weight:800}.quote-preview__status i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(37,211,102,.18)}
.quote-preview p{margin-top:8px;color:#b5c0cf;font-size:.98rem;line-height:1.6}
.quote-summary{display:grid;gap:14px;margin-top:24px;padding:22px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.quote-summary small{display:block;color:#93a1b2;font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
.quote-summary strong{display:block;font-size:1rem;line-height:1.5}
.quote-preview__help{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:flex-start;margin-top:20px;padding:18px;border-radius:20px;background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.18)}
.quote-preview__help-icon{display:grid;place-items:center;width:42px;height:42px}.quote-preview__help-icon img{width:34px;height:34px;object-fit:contain;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.14)}
.quote-preview__help strong{display:block;font-size:1rem}
.quote-preview__help p{margin-top:4px;font-size:.92rem;color:#d2e9da}
.quote-help-list{margin-top:18px;padding:20px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.quote-help-list h4{margin-bottom:10px}
.quote-help-list ul{margin:0;padding-left:18px;color:#c3ccd7;font-size:.95rem;display:grid;gap:8px}

.parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.part-card{display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-soft);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.part-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(0,0,0,.32);border-color:rgba(239,22,63,.18)}
.part-card__image{height:260px;overflow:hidden;position:relative}
.part-card__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,10,14,.18),rgba(8,10,14,.42))}
.part-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.part-card:hover .part-card__image img{transform:scale(1.06)}
.part-card__content{display:grid;gap:14px;padding:22px 22px 24px}.part-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff;box-shadow:0 14px 28px rgba(239,22,63,.2)}.part-icon svg{width:20px;height:20px}
.part-card p{color:#cad3df;font-size:.98rem;line-height:1.65;min-height:94px}
.part-card a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:860}.part-card a svg{width:16px;height:16px;color:var(--red)}

.process-grid,.about-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:center}
.process-copy p:not(.eyebrow),.about-copy p:not(.eyebrow){color:var(--muted);line-height:1.76;font-size:1rem}
.process-steps{display:grid;gap:16px;margin-top:28px}.process-steps article{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.process-steps b{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff;font-size:22px;line-height:1;box-shadow:0 16px 30px rgba(239,22,63,.2)}.process-steps h3{margin-bottom:6px;font-size:1.14rem}.process-steps p{font-size:.97rem;color:#c7cfdb;line-height:1.65}
.process-media{position:relative;height:520px;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.process-media img{width:100%;height:100%;object-fit:cover}.process-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(8,10,14,.7) 100%)}.process-media__overlay{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px;border-radius:20px;background:rgba(8,11,16,.78);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.process-media__overlay>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff;box-shadow:0 16px 30px rgba(239,22,63,.2)}.process-media__overlay strong{display:block;margin-bottom:4px;font-size:1rem}.process-media__overlay p{color:#c8d1dc;font-size:.92rem;line-height:1.55}

.about-media{position:relative;min-height:520px}.about-media__main,.about-media__small{position:absolute;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.about-media__main{inset:0 74px 0 0}.about-media__small{right:0;bottom:34px;width:220px;height:240px}.about-media img{width:100%;height:100%;object-fit:cover}.about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.about-facts>div{display:flex;gap:14px;padding:18px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.fact-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff;flex:none;box-shadow:0 14px 28px rgba(239,22,63,.2)}.fact-icon svg{width:19px;height:19px}.about-facts strong{display:block;font-size:1rem;margin-bottom:2px}.about-facts small{display:block;color:#b8c2cf;font-size:.9rem;line-height:1.45}

.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.contact-card{display:flex;flex-direction:column;gap:10px;min-height:220px;padding:26px;border-radius:26px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-soft);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.contact-card:hover{transform:translateY(-4px);border-color:rgba(239,22,63,.18);box-shadow:0 22px 48px rgba(0,0,0,.28)}.contact-card small{font-size:.75rem;font-weight:900;letter-spacing:.12em;color:#94a4b6;text-transform:uppercase}.contact-card strong{font-size:1.08rem;line-height:1.45}.contact-card span{color:#c3cddb;font-size:.95rem;line-height:1.6}.contact-card__icon,.contact-card__wa{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff;box-shadow:0 16px 30px rgba(239,22,63,.2)}.contact-card__icon svg{width:22px;height:22px}.contact-card__wa img{width:42px;height:42px;object-fit:contain;border-radius:14px}.contact-card--wa{border-color:rgba(239,22,63,.2)}

.footer{background:#06080b;border-top:1px solid rgba(255,255,255,.08)}
.footer-main{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:40px;padding:40px 0 28px}.footer-brand img{width:238px;margin-bottom:16px}.footer-brand p{color:#aeb9c8;font-size:.96rem;line-height:1.7;max-width:430px}.footer-links,.footer-contact{display:grid;align-content:start;gap:12px}.footer strong{font-size:1rem}.footer-links a,.footer-contact a{display:inline-flex;align-items:center;gap:10px;color:#c6cfdb;font-size:.94rem}.footer-links a:hover,.footer-contact a:hover{color:#fff}.footer-contact svg{width:17px;height:17px;color:#fff}.footer-wa{display:grid;place-items:center;width:17px;height:17px;flex:0 0 17px}.footer-wa img{width:17px;height:17px;object-fit:contain;border-radius:0}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 0 24px;border-top:1px solid rgba(255,255,255,.08);color:#93a1b2;font-size:.86rem;text-align:center}

.whatsapp-fab{position:fixed;right:18px;bottom:18px;z-index:95;display:inline-flex;align-items:center;gap:10px;padding:11px 16px 11px 12px;border-radius:999px;background:linear-gradient(180deg,#1fd25f,#16b44c);color:#fff;box-shadow:0 20px 38px rgba(37,211,102,.28);font-size:14px;font-weight:900;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px) scale(.96);transition:opacity .28s ease,visibility .28s ease,transform .28s ease,box-shadow .25s ease,background .25s ease}.whatsapp-fab.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.whatsapp-fab.is-visible:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 24px 44px rgba(37,211,102,.34);background:linear-gradient(180deg,#25d966,#16b44c)}.whatsapp-fab::before{content:"";position:absolute;inset:-5px;border-radius:999px;border:1px solid rgba(37,211,102,.38);animation:pulseRing 2.2s ease-out infinite}.whatsapp-fab__icon{display:grid;place-items:center;width:34px;height:34px;overflow:visible}.whatsapp-fab__icon img{width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none;filter:none}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}

@keyframes floatGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulseRing{0%{transform:scale(.92);opacity:.6}100%{transform:scale(1.15);opacity:0}}

@media(max-width:1140px){
  .hero-grid,.process-grid,.about-grid,.quote-heading,.section-heading{grid-template-columns:1fr}
  .hero-grid{gap:34px}
  .hero-media{min-height:560px}
  .quote-benefits{grid-template-columns:1fr 1fr 1fr}
  .quote-workbench{grid-template-columns:1fr}
  .parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-facts{grid-template-columns:1fr 1fr 1fr}
}

@media(max-width:980px){
  :root{--header-h:76px}
  body{font-size:17px}
  .desktop-nav,.wa-button--header{display:none}
  .menu-toggle{display:inline-flex}
  .brand img{width:210px}
  .header-actions{margin-left:auto}
  .hero{padding:46px 0 82px}
  .hero-grid{grid-template-columns:1fr}
  .hero-strip{grid-template-columns:1fr}
  .form-grid--vehicle,.quote-mini-grid{grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}

@media(max-width:720px){
  .container{width:calc(100% - 28px)}
  .section{padding:84px 0}
  .header-inner{gap:14px}
  .brand img{width:182px}
  .hero{padding:38px 0 70px}
  h1{font-size:clamp(2.6rem,12vw,4rem)}
  h2{font-size:clamp(2rem,9vw,3.2rem)}
  .hero-lead{font-size:1rem}
  .hero-actions .btn{width:100%}
  .hero-media{min-height:430px}
  .hero-image-wrap{border-radius:26px}
  .hero-badge{font-size:12px;padding:10px 12px}
  .hero-badge--bottom{top:auto;right:14px;bottom:114px}
  .hero-badge--top{left:14px;top:14px}
  .hero-image-caption{left:14px;right:14px;bottom:14px;padding:14px}
  .hero-strip article{padding:14px 15px}
  .quote-section{padding:84px 0 94px}
  .quote-benefits,.parts-grid,.contact-grid,.about-facts{grid-template-columns:1fr}
  .quote-panel,.quote-preview{padding:24px 20px}
  .quote-workbench{border-radius:24px}
  .quote-steps span{font-size:11px}
  .quote-step{gap:6px}
  .quote-group{padding:18px}
  .form-grid--vehicle,.quote-mini-grid{grid-template-columns:1fr}
  .quote-submit-row{grid-template-columns:1fr}
  .quote-submit-note{order:2}
  .wa-button--form{width:100%}
  .part-card__image{height:240px}
  .part-card p{min-height:0}
  .process-media{height:380px}
  .process-media__overlay{left:14px;right:14px;bottom:14px}
  .about-media{min-height:420px}.about-media__main{inset:0 56px 0 0}.about-media__small{width:180px;height:190px;bottom:22px}
  .contact-card{min-height:0}
  .footer-main{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;align-items:center}
  .whatsapp-fab{right:14px;bottom:14px}
}

@media(max-width:430px){
  .brand img{width:168px}.menu-toggle{width:44px;height:44px}
  .hero-media{min-height:390px}
  .hero-image-caption small{display:none}
  .quick-picks{display:grid;grid-template-columns:1fr 1fr}.quick-picks button:last-child{grid-column:1/-1}
  .process-media{height:340px}.process-media__overlay{grid-template-columns:40px 1fr}.process-media__overlay>span{width:40px;height:40px}
  .about-media{min-height:360px}.about-media__small{width:145px;height:155px}
  .whatsapp-fab{width:58px;height:58px;padding:5px;border-radius:50%;justify-content:center}.whatsapp-fab span:last-child{display:none}.whatsapp-fab__icon{width:38px;height:38px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.btn::after,.wa-button::after{content:"";position:absolute;inset:-120% auto auto -20%;width:44%;height:280%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);opacity:0;transition:opacity .25s ease,left .5s ease;pointer-events:none}
.btn:hover::after,.wa-button:hover::after{opacity:1;left:115%}

.hero-strip article:hover,.quote-benefits article:hover,.about-facts>div:hover,.process-steps article:hover{transform:translateY(-4px);transition:transform .25s ease, box-shadow .25s ease;box-shadow:0 20px 40px rgba(0,0,0,.18)}
.contact-card,.part-card,.quote-group{position:relative;overflow:hidden}
.contact-card::before,.part-card::before,.quote-group::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 34%,transparent 68%,rgba(239,22,63,.06));opacity:.75}
.contact-card:hover::before,.part-card:hover::before{opacity:1}
.mobile-call,.desktop-nav a,.footer-links a,.footer-contact a{transition:color .22s ease, transform .22s ease, background .22s ease, border-color .22s ease}
.mobile-call:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}

/* Final icon/contact refinements */
.wa-icon--outline img{border-radius:0;box-shadow:none;filter:none}
.contact-card--email strong{font-size:clamp(.88rem,1.08vw,1.04rem);overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.contact-card--email{min-width:0}
.contact-card--email span{overflow-wrap:anywhere}
@media(max-width:1140px){.contact-card--email strong{font-size:1rem}}
@media(max-width:720px){.contact-card--email strong{font-size:1.02rem}}

main > .section-surface + .section-surface{margin-top:-1px}
main > .section-surface:not(:first-child){box-shadow:inset 0 70px 70px -88px rgba(255,255,255,.14)}
main > .section-surface:not(:first-child) .container:before{content:"";position:absolute;left:50%;top:0;width:min(720px,62vw);height:1px;transform:translate(-50%,-1px);background:linear-gradient(90deg,transparent,rgba(239,22,63,.45),rgba(255,255,255,.12),rgba(239,22,63,.45),transparent);opacity:.42;pointer-events:none}
.section-surface > .container{position:relative;z-index:1}
.section-surface > .container:after{content:"";position:absolute;left:50%;bottom:-58px;width:min(760px,72vw);height:110px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(239,22,63,.055),transparent 68%);filter:blur(10px);pointer-events:none;z-index:-1}
.footer-brand__logo{display:inline-flex;align-items:center}
.footer-brand__logo img{width:238px!important;height:auto;margin:0!important}

/* SEO content and category landing pages */
.section-surface--faq{background:radial-gradient(circle at 92% 12%,rgba(239,22,63,.08),transparent 24%),linear-gradient(180deg,#0b1016,#0d1219)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.faq-item{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.045);overflow:hidden;transition:border-color .22s ease,transform .22s ease,background .22s ease}
.faq-item:hover{transform:translateY(-2px);border-color:rgba(239,22,63,.22);background:rgba(255,255,255,.06)}
.faq-item summary{position:relative;list-style:none;padding:22px 54px 22px 22px;font-weight:850;line-height:1.4;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(239,22,63,.12);color:var(--red);font-size:20px;font-weight:700;transition:transform .2s ease,background .2s ease}
.faq-item[open] summary:after{content:"−";background:linear-gradient(180deg,var(--red-2),var(--red));color:#fff}
.faq-item p{padding:0 22px 22px;color:var(--muted);font-size:.98rem;line-height:1.7}
.part-title-link{color:inherit;transition:color .2s ease}.part-title-link:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
picture{display:contents}.hero-image-wrap picture,.part-card__image picture,.about-media picture{display:block;width:100%;height:100%}.hero-image-wrap picture img,.part-card__image picture img,.about-media picture img{width:100%;height:100%;object-fit:cover}

.category-page{background:linear-gradient(180deg,#080b0f,#10161e)}
.category-hero{padding:70px 0 80px;background:radial-gradient(circle at 82% 22%,rgba(239,22,63,.12),transparent 26%),linear-gradient(180deg,#080b0f,#0d131a)}
.category-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.86fr);gap:56px;align-items:center}
.category-hero__copy p:not(.eyebrow){margin-top:22px;color:var(--muted);font-size:1.08rem;line-height:1.75;max-width:720px}
.category-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.category-hero__media{height:480px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}
.category-hero__media img{width:100%;height:100%;object-fit:cover}
.category-content{padding:86px 0;background:linear-gradient(180deg,#0e141b,#0b1016)}
.category-content__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:48px;align-items:start}
.category-copy{display:grid;gap:28px}.category-copy section{padding:26px;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.category-copy h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:12px}.category-copy p{color:var(--muted);line-height:1.75}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 0;padding:0;list-style:none}.category-list li{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);color:#dbe3ed;font-size:.96rem}.category-list li:before{content:"✓";color:var(--red);font-weight:900}
.category-followup{margin-top:12px}
.category-aside{position:sticky;top:calc(var(--header-h) + 22px);display:grid;gap:16px}.category-aside__card{padding:24px;border-radius:24px;background:linear-gradient(180deg,#151d27,#0e141c);border:1px solid rgba(255,255,255,.09);box-shadow:var(--shadow-soft)}.category-aside__card h3{margin-bottom:8px}.category-aside__card p{color:var(--muted);font-size:.96rem;line-height:1.65;margin-bottom:18px}.category-aside__card .btn{width:100%}.category-back{display:inline-flex;align-items:center;gap:8px;color:#ccd5e1;font-weight:800;font-size:.95rem}.category-back:hover{color:#fff}.category-breadcrumb{padding:18px 0 0;color:#96a3b3;font-size:.9rem}.category-breadcrumb a{color:#dce3ec}.category-breadcrumb span{margin:0 8px;color:#697587}
@media(max-width:980px){.faq-grid,.category-hero__grid,.category-content__grid{grid-template-columns:1fr}.category-hero__media{height:420px}.category-aside{position:static}.category-list{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.faq-grid,.category-list{grid-template-columns:1fr}.category-hero{padding:46px 0 64px}.category-hero__media{height:330px}.category-content{padding:70px 0}.category-copy section,.category-aside__card{padding:20px}}

.menu-toggle .menu-icon,.menu-toggle .close-icon{font-size:22px;line-height:1;font-weight:800}

/* Error page */
.error-page__main{min-height:100vh;display:grid;place-items:center;padding:56px 0;background:radial-gradient(circle at 50% 20%,rgba(239,22,63,.12),transparent 32%),linear-gradient(180deg,#080b0f,#0f151d)}
.error-page__content{max-width:780px;text-align:center}
.error-page__logo{width:min(280px,72vw);height:auto;margin:0 auto 28px}
.error-page__eyebrow{justify-content:center}
.error-page__copy{margin:20px auto 28px;color:var(--muted);max-width:620px;line-height:1.75}
.error-page__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* --- Refinements: hero contact strip, quote palette and footer --- */
@media(min-width:981px){
  .hero-strip{
    grid-column:1 / -1;
    grid-template-columns:.85fr 1.25fr 1.15fr;
    gap:16px;
    margin-top:-10px;
  }
  .hero-strip article{
    min-height:82px;
    padding:17px 22px;
  }
  .hero-strip article > div:last-child{min-width:0}
  .hero-strip strong{
    white-space:nowrap;
    font-size:1.02rem;
  }
}

/* Remove the unintended green cast from the quote workbench. WhatsApp itself remains green. */
.quote-workbench{
  background:#f3f5f8;
  border-color:rgba(255,255,255,.13);
}
.quote-panel{
  background:linear-gradient(180deg,#fbfcfd 0%,#f0f3f7 100%);
}
.quote-step.is-complete{
  background:#fff3f5;
  color:#5e2330;
  border-color:rgba(239,22,63,.16);
}
.quote-step.is-complete b{
  background:linear-gradient(180deg,var(--red-2),var(--red));
  color:#fff;
  box-shadow:0 12px 28px rgba(239,22,63,.2);
}
.quote-preview__status{
  color:#f6c5cf;
}
.quote-preview__status i{
  background:var(--red);
  box-shadow:0 0 0 5px rgba(239,22,63,.14);
}
.quote-preview__help{
  background:rgba(239,22,63,.075);
  border-color:rgba(239,22,63,.17);
}
.quote-preview__help p{
  color:#d7c5c9;
}
.wa-button--form .wa-icon img{
  border-radius:0;
  box-shadow:none;
  filter:none;
}

.footer-credit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#aeb8c6;
  white-space:nowrap;
  transition:color .24s ease,transform .24s ease,text-shadow .24s ease;
}
.footer-credit__heart{display:inline-block}
.footer-credit:hover{
  color:#fff;
  transform:translateY(-2px);
  text-shadow:0 0 18px rgba(255,255,255,.18);
}

@media(max-width:720px){
  .footer-main{
    text-align:center;
    justify-items:center;
  }
  .footer-brand,
  .footer-links,
  .footer-contact{
    justify-items:center;
    width:100%;
  }
  .footer-brand__logo{
    justify-content:center;
  }
  .footer-brand p{
    margin-left:auto;
    margin-right:auto;
  }
  .footer-links a,
  .footer-contact a{
    justify-content:center;
    text-align:center;
  }
  .footer-bottom{
    align-items:center;
    justify-content:center;
    text-align:center;
  }
}

/* Menú móvil de pantalla completa: al abrirlo, la página queda totalmente cubierta. */
@media(max-width:1180px){
  body.menu-open{overflow:hidden;overscroll-behavior:none}
  body.menu-open main,
  body.menu-open .footer,
  body.menu-open .whatsapp-fab{visibility:hidden;pointer-events:none}
  body.menu-open .site-header{background:#080a0e;box-shadow:none;border-bottom-color:rgba(255,255,255,.08)}
  body.menu-open .header-phone{display:none}
  body.menu-open .brand{position:relative;z-index:103}
  body.menu-open .menu-toggle{position:relative;z-index:103;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}

  .mobile-nav{
    position:fixed;
    inset:var(--header-h) 0 0 0;
    z-index:102;
    width:100%;
    height:calc(100dvh - var(--header-h));
    overflow-y:auto;
    overscroll-behavior:contain;
    background:#080a0e;
    border:0;
    border-top:1px solid rgba(255,255,255,.08);
    box-shadow:none;
  }
  .mobile-nav__inner{
    min-height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:34px 0 max(34px,env(safe-area-inset-bottom));
  }
  .mobile-nav__links{gap:2px}
  .mobile-nav__links a{
    padding:17px 4px;
    font-size:clamp(20px,5.4vw,27px);
    letter-spacing:-.02em;
  }
  .mobile-nav__actions{
    grid-template-columns:1fr;
    margin-top:26px;
  }
  .mobile-nav__actions .mobile-call,
  .mobile-nav__actions .wa-button{min-height:58px;font-size:15px}
  .mobile-nav__actions .wa-icon img{border-radius:0;box-shadow:none}
}


/* Responsive polish + animated mobile navigation */
html,body{max-width:100%;overflow-x:clip}
main,.site-header,.footer{max-width:100%}
.container{min-width:0}
.hero-grid>*,.quote-workbench>*,.process-grid>*,.about-grid>*,.category-hero__grid>*,.category-content__grid>*{min-width:0}
input,textarea,select,button,a{max-width:100%}
.contact-card strong,.footer-contact a,.hero-strip strong,.quote-summary strong{overflow-wrap:anywhere}

@media(max-width:1180px){
  .mobile-nav{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-14px);
    transition:opacity .28s ease,transform .34s cubic-bezier(.22,.8,.25,1),visibility .34s step-end;
  }
  .mobile-nav.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
    transition:opacity .28s ease,transform .34s cubic-bezier(.22,.8,.25,1),visibility 0s step-start;
  }
  .mobile-nav.is-closing{
    opacity:0;
    visibility:visible;
    pointer-events:none;
    transform:translateY(-10px);
  }
  .mobile-nav__links a,
  .mobile-nav__actions > *{
    opacity:0;
    transform:translateY(12px);
    transition:opacity .24s ease,transform .32s cubic-bezier(.22,.8,.25,1),background .22s ease,border-color .22s ease;
  }
  .mobile-nav.is-open .mobile-nav__links a,
  .mobile-nav.is-open .mobile-nav__actions > *{
    opacity:1;
    transform:translateY(0);
  }
  .mobile-nav.is-open .mobile-nav__links a:nth-child(1){transition-delay:.04s}
  .mobile-nav.is-open .mobile-nav__links a:nth-child(2){transition-delay:.07s}
  .mobile-nav.is-open .mobile-nav__links a:nth-child(3){transition-delay:.10s}
  .mobile-nav.is-open .mobile-nav__links a:nth-child(4){transition-delay:.13s}
  .mobile-nav.is-open .mobile-nav__links a:nth-child(5){transition-delay:.16s}
  .mobile-nav.is-open .mobile-nav__actions > *:nth-child(1){transition-delay:.19s}
  .mobile-nav.is-open .mobile-nav__actions > *:nth-child(2){transition-delay:.22s}
}

@media(max-width:820px){
  .header-phone span{font-size:13px}
  .header-phone{gap:7px}
  .brand img{width:196px}
}

@media(max-width:720px){
  .header-phone{display:none}
  .header-inner{justify-content:space-between}
  .header-actions{margin-left:auto}
  .hero-strip{gap:10px}
  .hero-strip article{min-width:0}
  .quote-steps{grid-template-columns:1fr;gap:8px}
  .quote-step{min-height:52px}
  .quote-preview__top{align-items:flex-start;flex-wrap:wrap}
  .hero-badge{max-width:calc(100% - 28px)}
  .process-steps article{grid-template-columns:50px 1fr;padding:18px}
  .process-steps b{width:50px;height:50px;border-radius:16px;font-size:18px}
  .process-media__overlay{grid-template-columns:42px minmax(0,1fr)}
  .contact-card,.part-card,.quote-group,.quote-preview{min-width:0}
}

@media(max-width:560px){
  :root{--header-h:70px}
  .container{width:calc(100% - 24px)}
  .brand img{width:min(164px,48vw)}
  .menu-toggle{width:44px;height:44px;border-radius:11px}
  .hero{padding-top:32px}
  .hero-media{min-height:clamp(330px,105vw,410px)}
  .hero-badge--bottom{display:none}
  .hero-image-caption{gap:10px}
  .caption-icon{width:44px;height:44px}
  .hero-strip strong{font-size:.94rem}
  .quote-panel,.quote-preview{padding:20px 16px}
  .quote-group{padding:16px}
  .quick-picks{grid-template-columns:1fr}
  .quick-picks button:last-child{grid-column:auto}
  .process-media{height:clamp(300px,90vw,350px)}
  .process-media__overlay{padding:14px;left:10px;right:10px;bottom:10px}
  .about-media{min-height:330px}
  .about-media__main{inset:0 34px 0 0}
  .about-media__small{width:135px;height:145px;right:0;bottom:18px}
  .contact-card{padding:22px}
  .footer-main{padding-top:34px}
  .mobile-nav__inner{justify-content:flex-start;padding-top:28px}
  .mobile-nav__links a{font-size:clamp(19px,6vw,24px);padding:14px 4px}
  .mobile-nav__actions{margin-top:20px}
}

@media(max-width:360px){
  .container{width:calc(100% - 20px)}
  .brand img{width:148px}
  h1{font-size:clamp(2.3rem,12vw,3.1rem)}
  h2{font-size:clamp(1.85rem,9vw,2.5rem)}
  .hero-points span{font-size:14px}
  .hero-media{min-height:320px}
  .hero-image-caption{left:10px;right:10px;bottom:10px;padding:12px}
  .hero-image-caption strong{font-size:14px}
  .quote-step{padding:10px 12px}
  .process-steps article{grid-template-columns:1fr;gap:10px}
  .process-steps b{width:44px;height:44px}
  .footer-contact a{font-size:.88rem}
}

@media(max-width:1180px){
  .desktop-nav,.wa-button--header{display:none}
  .menu-toggle{display:inline-flex}
  .header-actions{margin-left:auto}
}
