:root{--navy:#0b1a4a;--blue:#142b6f;--red:#d71f2a;--red2:#b71520;--white:#fff;--ink:#0d1222;--muted:#6e7281;--soft:#f5f7fb;--line:#dde2ee;--dark:#070a12;--shadow:0 24px 70px rgba(0,0,0,.18);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,92%);margin-inline:auto}.topbar{background:#07103a;color:#dfe6ff;font-size:.92rem}.topbar .container{display:flex;justify-content:space-between;gap:18px;padding:9px 0;flex-wrap:wrap}.topbar a{font-weight:800;color:#fff}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,20,60,.1)}.nav-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand img{width:68px;height:68px;object-fit:contain}.brand-text b{display:block;font-size:1.06rem;line-height:1.1;letter-spacing:.02em}.brand-text span{display:block;font-size:.82rem;color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:22px;font-weight:800;font-size:.94rem}.nav-links a:not(.btn){color:#1e2540}.nav-links a:not(.btn):hover{color:var(--red)}.mobile-toggle{display:none;border:0;background:var(--navy);color:white;border-radius:12px;padding:10px 14px;font-size:1.3rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:900;line-height:1;transition:.25s ease;border:2px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--red),#ff3340);color:white;box-shadow:0 14px 28px rgba(215,31,42,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 36px rgba(215,31,42,.34)}.btn-outline{border-color:rgba(255,255,255,.8);color:white;background:rgba(255,255,255,.08)}.btn-outline:hover{background:#fff;color:var(--navy)}.btn-light{background:#fff;color:var(--navy)}.hero{position:relative;min-height:86vh;display:grid;align-items:center;overflow:hidden;color:#fff;background:var(--dark)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,20,.9),rgba(8,15,45,.63),rgba(8,15,45,.25)),url('../images/ram-after.jpg') center/cover no-repeat;transform:scale(1.02);animation:slowZoom 16s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,#fff)}.hero-content{position:relative;z-index:2;padding:86px 0 120px}.eyebrow,.kicker{display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border-radius:999px;background:rgba(215,31,42,.13);color:#ffdde0;border:1px solid rgba(255,255,255,.24);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.kicker{background:#fff0f1;color:var(--red);border-color:#ffd3d6}.hero h1{font-size:clamp(3rem,8vw,7.7rem);line-height:.9;letter-spacing:-.07em;margin:22px 0 10px;max-width:980px;text-shadow:0 12px 34px rgba(0,0,0,.35)}.hero h1 span{display:block;color:#fff}.hero h2{font-size:clamp(1.1rem,2.4vw,2rem);margin:0 0 18px;color:#dfe7ff;text-transform:uppercase;letter-spacing:.09em}.hero p{font-size:1.24rem;max-width:710px;color:#eef2ff;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-card{position:absolute;right:5%;bottom:70px;z-index:3;background:rgba(255,255,255,.96);color:var(--ink);border-radius:var(--radius);padding:24px;width:min(380px,90%);box-shadow:var(--shadow);border-left:7px solid var(--red)}.hero-card strong{font-size:1.15rem}.trust-strip{position:relative;z-index:4;margin-top:-54px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:#fff;padding:18px;border-radius:28px;box-shadow:var(--shadow)}.stat{padding:22px;border-radius:20px;background:linear-gradient(180deg,#f8faff,#fff);border:1px solid var(--line);text-align:center}.stat b{font-size:2.2rem;color:var(--navy);display:block;line-height:1}.stat span{font-weight:800;color:#555b70;font-size:.92rem}section{padding:88px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 42px}.section-title h2{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1;margin:14px 0 13px;letter-spacing:-.05em;color:var(--navy)}.section-title p{font-size:1.12rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:30px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(16,24,54,.08);transition:.25s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.icon{font-size:2.4rem}.card h3{font-size:1.35rem;color:var(--navy);margin:14px 0 8px}.card p{color:var(--muted);margin:0}.about{background:linear-gradient(180deg,#f5f7fb,#fff)}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.photo-stack{position:relative}.photo-stack>img:first-child{border-radius:30px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}.photo-stack .small{position:absolute;right:-18px;bottom:-28px;width:190px;background:#fff;border-radius:26px;padding:18px;box-shadow:var(--shadow)}.story-panel{background:#fff;border-radius:30px;padding:38px;box-shadow:var(--shadow);border:1px solid var(--line)}.story-panel h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.05em;color:var(--navy);margin:0 0 18px}.story-panel p{color:#4c5265}.quote{border-left:6px solid var(--red);padding:16px 20px;background:#fff4f5;border-radius:16px;font-weight:900;color:var(--navy);font-size:1.15rem}.dark-section{background:linear-gradient(135deg,#060a18,#0d1b4a 58%,#182e72);color:#fff;position:relative;overflow:hidden}.dark-section:before{content:"";position:absolute;inset:0;background:url('../images/billboard.jpg') center/cover no-repeat;opacity:.12}.dark-section .container{position:relative}.dark-section h2,.dark-section .section-title h2{color:#fff}.dark-section p{color:#dfe7ff}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.check{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:13px 15px;font-weight:900}.process{counter-reset:step}.process .check{background:#fff;color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.12)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.repair-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 16px 40px rgba(18,28,63,.1)}.ba{position:relative;aspect-ratio:16/11;overflow:hidden;background:#111}.ba img{width:100%;height:100%;object-fit:cover}.ba .after{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}.ba input{position:absolute;inset:0;opacity:0;cursor:ew-resize;width:100%}.divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.divider:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:var(--red);width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.25)}.tag{position:absolute;top:14px;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:white}.tag.before{left:14px;background:rgba(7,10,18,.8)}.tag.after{right:14px;background:var(--red)}.repair-head{padding:22px}.repair-head h3{margin:0 0 6px;color:var(--navy)}.repair-head p{margin:0;color:var(--muted)}.estimate{background:linear-gradient(180deg,#f5f7fb,#edf1fa)}.estimate-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.contact-card{background:linear-gradient(135deg,var(--navy),#142b6f);color:#fff;border-radius:30px;padding:34px;box-shadow:var(--shadow);position:sticky;top:110px}.contact-card h3{font-size:2rem;line-height:1;margin:0 0 14px}.contact-line{display:block;margin-top:14px;font-weight:800}.form{background:#fff;padding:28px;border-radius:30px;box-shadow:var(--shadow);border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field.full{grid-column:1/-1}label{font-weight:900;color:var(--navy);font-size:.92rem}input,textarea,select{width:100%;border:1px solid #cfd6e6;border-radius:14px;padding:14px 15px;font:inherit;margin-top:6px;background:#fff}textarea{min-height:135px;resize:vertical}button.btn{width:auto;font-family:inherit}.map{width:100%;height:420px;border:0;border-radius:30px;box-shadow:var(--shadow)}.cta{background:linear-gradient(135deg,var(--red),#92111a);color:#fff;text-align:center}.cta h2{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1;letter-spacing:-.05em;margin:0 0 18px}.footer{background:#060a18;color:#e6ebff;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}.footer img{width:112px;margin-bottom:14px}.footer h4{color:#fff;margin:0 0 12px}.footer a{color:#fff;font-weight:800}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;color:#a9b3d6;font-size:.9rem}.page-hero{padding:92px 0;background:linear-gradient(135deg,#060a18,#0d1b4a);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:url('../images/shop-exterior.jpg') center/cover;opacity:.18}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.92;letter-spacing:-.06em;margin:14px 0}.page-hero p{max-width:720px;color:#dfe7ff;font-size:1.16rem}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-item{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(18,28,63,.08)}.service-item b{color:var(--navy);display:block}.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease, transform .6s ease}.reveal.visible{opacity:1;transform:none}@keyframes slowZoom{from{transform:scale(1.02)}to{transform:scale(1.08)}}@media (max-width:900px){.nav-inner{height:auto;padding:12px 0}.mobile-toggle{display:block}.nav-links{position:absolute;left:4%;right:4%;top:86px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links .btn{width:100%}.hero{min-height:760px}.hero-card{position:relative;right:auto;bottom:auto;margin:0 auto 34px}.trust-grid,.cards,.gallery-grid,.split,.estimate-wrap,.footer-grid,.service-list{grid-template-columns:1fr}.photo-stack .small{right:14px;width:145px}.contact-card{position:static}.form-grid{grid-template-columns:1fr}.hero h1{font-size:3.6rem}.check-grid{grid-template-columns:1fr}}@media (max-width:520px){.topbar .container{justify-content:center;text-align:center}.brand img{width:58px;height:58px}.brand-text b{font-size:.92rem}.brand-text span{font-size:.7rem}.hero h1{font-size:3rem}.hero-content{padding-top:56px}.btn{width:100%;padding:15px 18px}.trust-strip{margin-top:-24px}.stat b{font-size:1.8rem}section{padding:64px 0}.story-panel,.form,.contact-card{padding:24px}}


/* V3.1 final slider: restored clean Version 1 comparison style */
.ba{position:relative;aspect-ratio:16/11;overflow:hidden;background:#111;touch-action:none;}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none;}
.ba img:not(.after){z-index:1;}
.ba .after{z-index:2;clip-path:inset(0 0 0 50%);}
.ba input{position:absolute;inset:0;z-index:5;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;}
.divider{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2);pointer-events:none;}
.divider:before{content:none;}
.divider:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:var(--red);width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.25);}
.tag{position:absolute;z-index:6;top:14px;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:white;backdrop-filter:none!important;border:0;}
.tag.before{left:14px;background:rgba(7,10,18,.8)!important;}
.tag.after{right:14px;background:var(--red)!important;}
.repair-card{overflow:hidden;}

/* V3 nav polish */
.nav{background:rgba(255,255,255,.88);backdrop-filter:blur(20px);}
.nav.scrolled{background:rgba(7,16,58,.92);border-bottom-color:rgba(255,255,255,.12);}
.nav.scrolled .brand-text b,.nav.scrolled .nav-links a:not(.btn){color:#fff;}
.nav.scrolled .brand-text span{color:#ffccd0;}
.nav.scrolled .mobile-toggle{background:#fff;color:#0b1a4a;}

/* V3 more polished upload input */
input[type="file"]{border:2px dashed #cfd6e6;background:#f8faff;padding:18px;}

/* V3.2 FINAL SLIDER CLEANUP
   Removes all circular / semi-circular slider graphics. The comparison still works by dragging anywhere on the image. */
.ba{isolation:isolate;}
.ba .divider,
.ba .divider::before,
.ba .divider::after,
.divider,
.divider::before,
.divider::after{
  border-radius:0 !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.ba .divider::before,
.ba .divider::after,
.divider::before,
.divider::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.ba .divider,
.divider{
  width:3px !important;
  background:#ffffff !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.22) !important;
  z-index:4 !important;
}
.ba input{
  z-index:10 !important;
}
.ba .tag,
.tag{
  border-radius:8px !important;
  background:rgba(7,10,18,.78) !important;
  color:#fff !important;
}
.ba .tag.after,
.tag.after{
  background:rgba(7,10,18,.78) !important;
}

/* V3.3 ABSOLUTE CLEAN SLIDER FIX
   No labels, no semicircles, no squares, no glass overlays. Photos stay fully visible. */
.ba{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  cursor:ew-resize !important;
  touch-action:none !important;
}
.ba img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  user-select:none !important;
  pointer-events:none !important;
}
.ba img:not(.after){z-index:1 !important;}
.ba .after{z-index:2 !important;clip-path:inset(0 0 0 50%);}
.ba .tag,.ba .tag.before,.ba .tag.after,.tag.before,.tag.after{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.ba .divider,.divider{
  position:absolute !important;
  z-index:4 !important;
  top:0 !important;
  bottom:0 !important;
  left:50%;
  width:3px !important;
  height:auto !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.25) !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  pointer-events:none !important;
}
.ba .divider::before,.ba .divider::after,.divider::before,.divider::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.ba input[type="range"]{
  position:absolute !important;
  inset:0 !important;
  z-index:10 !important;
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
  cursor:ew-resize !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
}
.ba input[type="range"]::-webkit-slider-runnable-track{
  width:100% !important;
  height:100% !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.ba input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:0 !important;
  height:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.ba input[type="range"]::-moz-range-track{
  width:100% !important;
  height:100% !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.ba input[type="range"]::-moz-range-thumb{
  width:0 !important;
  height:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}