*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}.topbar{height:84px;background:#050505;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.window-icon{font-size:34px;color:#ffd400}.brand strong{font-size:27px;display:block}.brand small{display:block;letter-spacing:4px;font-size:10px}.mini-cta,.button{background:#ffd400;color:#050505;text-decoration:none;font-weight:900;padding:14px 18px}.hero{background:#111;position:relative}.hero img{display:block;width:100%;height:auto}.hero-hit{position:absolute;left:4%;bottom:13%;width:34%;height:14%}.quote-section{padding:70px 20px;background:#f3f3f3}.section-head,.content,.areas{max-width:1100px;margin:auto}.section-head{text-align:center}.eyebrow{font-weight:900;color:#d6ad00;letter-spacing:2px;font-size:13px}.section-head h1,.content h2,.areas h2{font-size:clamp(32px,5vw,54px);line-height:1.03;margin:12px 0 15px}.section-head p,.content p,.areas p{font-size:18px;line-height:1.65}.quote-card{max-width:720px;margin:35px auto 0;background:#fff;padding:28px;border-radius:18px;box-shadow:0 10px 35px #0001}.progress{height:7px;background:#eee;border-radius:10px;overflow:hidden;margin-bottom:28px}.progress span{display:block;height:100%;width:14%;background:#ffd400;transition:.25s}.q-step h2{font-size:30px;margin:0 0 8px}.q-step p{color:#555}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.choice,.next,.back{border:0;border-radius:10px;padding:17px;font-weight:800;font-size:16px;cursor:pointer}.choice{background:#f1f1f1}.choice:hover{background:#ffd400}.next{background:#ffd400;width:100%;margin-top:18px}.back{background:transparent;color:#555;width:100%;margin-top:5px}.field{width:100%;padding:17px;border:2px solid #ddd;border-radius:10px;font-size:17px;margin-top:12px}.price{font-size:58px;font-weight:900;margin:15px 0}.price small{font-size:18px;color:#555}.summary{background:#f5f5f5;padding:18px;border-radius:12px;line-height:1.7;margin:20px 0}.notice{font-size:13px!important;color:#666!important}.lead-form{margin-top:18px}.lead-form label{display:block;font-weight:800;margin-top:12px}.trust{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;padding:35px 20px;text-align:center;gap:15px}.trust strong,.trust span{display:block}.trust strong{font-size:22px}.trust span{color:#666;margin-top:6px}.content,.areas{padding:80px 25px}.dark{max-width:none;background:#0c0c0c;color:#fff;padding-left:max(25px,calc((100vw - 1100px)/2));padding-right:max(25px,calc((100vw - 1100px)/2))}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.cards article{border:1px solid #ddd;padding:25px}.cards h3{font-size:22px}.area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:30px 0}.area-grid span,.area-grid a{border:1px solid #444;padding:16px;text-align:center;font-weight:800}.area-grid a{color:#fff;text-decoration:none;display:block;transition:.15s}.area-grid a:hover,.area-grid a:focus{border-color:#ffd400;color:#ffd400;outline:none}.muted{color:#aaa}.booking{text-align:center}.booking .button{display:inline-block;margin-top:15px}footer{background:#050505;color:#aaa;padding:50px 25px;text-align:center}footer strong{color:#fff}.sticky{display:none}@media(max-width:700px){.topbar{height:74px;padding:0 18px}.brand strong{font-size:22px}.brand small{letter-spacing:2.5px;font-size:8px}.window-icon{font-size:28px}.mini-cta{padding:11px 12px;font-size:12px}.hero{overflow:hidden}.hero img{width:175%;max-width:none;transform:translateX(-1%)}.hero-hit{display:none}.quote-section{padding:45px 14px}.quote-card{padding:20px}.options{grid-template-columns:1fr}.trust{grid-template-columns:1fr;padding:30px 15px}.cards{grid-template-columns:1fr}.area-grid{grid-template-columns:repeat(2,1fr)}.content,.areas{padding-top:55px;padding-bottom:55px}.sticky{display:block;position:fixed;z-index:50;bottom:12px;left:14px;right:14px;text-align:center;background:#ffd400;color:#000;text-decoration:none;font-weight:900;padding:17px;box-shadow:0 8px 25px #0005}body{padding-bottom:68px}}
.optional{font-weight:400;opacity:.7}
.address-field{resize:vertical;min-height:88px}
.lead-form select.field{appearance:auto}
.appointment-note{font-size:.9rem;line-height:1.45;background:#f5f5f5;color:#222;padding:12px;border-radius:10px;margin:6px 0 14px}
.thanks-page{min-height:100vh;background:#0c0c0c;display:grid;place-items:center;padding:24px}
.thanks-wrap{width:min(680px,100%)}
.thanks-card{background:#fff;color:#111;border-radius:18px;padding:34px 24px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.thanks-card h1{font-size:clamp(1.8rem,6vw,2.8rem);margin:10px 0 14px}
.thanks-card p{line-height:1.6}
.thanks-tick{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#ffd400;color:#111;font-size:34px;font-weight:900}

/* Clickable overlay for the yellow GET INSTANT QUOTE artwork in the hero image */
.hero{position:relative}
.hero-hit{position:absolute;display:block;z-index:5;left:28%;width:44%;bottom:8%;height:16%;cursor:pointer}
@media (max-width:700px){.hero-hit{left:22%;width:56%;bottom:6%;height:18%}}
/* V4 branding and mobile polish */
.brand img{display:block;width:245px;max-width:48vw;height:64px;object-fit:contain;object-position:left center}
.hero{display:flex;justify-content:center;background:#080808}
.hero img{width:min(100%,941px);height:auto;object-fit:contain}
.hero-hit{left:18%;width:64%;bottom:2.2%;height:8.5%}
.feature-section{text-align:center}
.feature-section>p{max-width:850px;margin:0 auto}
.feature-pills{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.feature-pills span{border:1px solid #ffd400;border-radius:999px;padding:12px 18px;font-weight:800}
.why{text-align:center}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;text-align:left}
.why-grid article{border:2px solid #ffd400;border-radius:16px;padding:24px;background:#0d0d0d;color:#fff}
.why-grid h3{font-size:21px;margin:8px 0}.why-grid p{font-size:16px;line-height:1.55;color:#d7d7d7;margin:0}
.why-icon{font-size:28px}
@media(max-width:700px){
 .brand img{width:185px;max-width:55vw;height:54px}
 .hero img{width:100%;transform:none}
 .hero-hit{display:block;left:12%;width:76%;bottom:2%;height:9%}
 .why-grid{grid-template-columns:1fr}
 .feature-pills{align-items:stretch;flex-direction:column}
 .feature-pills span{border-radius:12px}
 .sticky.quote-visible{display:none}
}

/* Local service-area pages */
.local-hero{background:#0b0b0b;color:#fff;padding:72px max(25px,calc((100vw - 1100px)/2)) 64px}.breadcrumbs{font-size:14px;margin-bottom:28px;color:#bbb}.breadcrumbs a{color:#ffd400;text-decoration:none}.local-hero h1{font-size:clamp(38px,6vw,66px);line-height:1.02;max-width:850px;margin:10px 0 18px}.local-hero p{max-width:760px;font-size:19px;line-height:1.65;color:#ddd}.local-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.local-actions a{display:inline-block;background:#ffd400;color:#050505;text-decoration:none;font-weight:900;padding:15px 19px}.local-main{max-width:1100px;margin:auto;padding:65px 25px}.local-main h2{font-size:clamp(28px,4vw,42px);margin:0 0 16px}.local-main p,.local-main li{font-size:18px;line-height:1.65}.local-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:35px}.local-box{border:2px solid #ffd400;padding:25px;background:#111;color:#fff}.local-box h3{margin-top:0}.local-box ul{padding-left:20px}.local-cta{margin-top:45px;background:#f3f3f3;padding:30px}.local-cta .button{display:inline-block;margin-top:8px}.other-areas{margin-top:55px}.other-links{display:flex;gap:9px;flex-wrap:wrap}.other-links a{border:1px solid #ddd;color:#111;text-decoration:none;padding:10px 12px;font-weight:700}@media(max-width:700px){.local-hero{padding-top:48px;padding-bottom:48px}.local-grid{grid-template-columns:1fr}.local-main{padding-top:45px}.local-hero p,.local-main p,.local-main li{font-size:17px}}

/* V5.1: clean service-area cards — one frame only */
.area-grid a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:62px}
.area-grid a span{border:0;padding:0;display:inline;font:inherit}


/* V6: About, services and reviews */
.about-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:38px;align-items:start;margin-top:28px}
.about-smiths p{max-width:760px}
.about-facts{display:grid;gap:12px}
.about-facts div{border:2px solid #ffd400;border-radius:14px;padding:20px;background:#111}
.about-facts strong,.about-facts span{display:block}.about-facts strong{color:#ffd400;font-size:20px;margin-bottom:5px}.about-facts span{color:#ddd;line-height:1.45}
.section-intro{max-width:800px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}
.service-grid article{border:2px solid #ffd400;border-radius:16px;padding:26px;background:#0d0d0d;color:#fff}
.service-grid h3{font-size:23px;margin:8px 0}.service-grid p{font-size:16px;line-height:1.6;color:#ddd}.service-grid a{color:#ffd400;font-weight:900;text-decoration:none;display:inline-block;margin-top:4px}.service-icon{font-size:30px}
.reviews-ready{text-align:center}.reviews-ready p{max-width:780px;margin-left:auto;margin-right:auto}.reviews-ready .muted{font-size:15px}
@media(max-width:700px){.about-grid,.service-grid{grid-template-columns:1fr}.about-grid{gap:24px}.service-grid article{padding:22px}}

/* Ultimate homepage upgrade */
.hero-real{position:relative;min-height:690px;background:#080808;overflow:hidden;display:flex;align-items:center}
.hero-real>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 45%,rgba(0,0,0,.14) 76%,rgba(0,0,0,.08) 100%)}
.hero-copy{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:auto;color:#fff;padding:80px 0;max-width:1180px}
.hero-copy>*{max-width:680px}.hero-kicker{display:block;color:#ffd400;font-weight:900;letter-spacing:.12em;font-size:.86rem;margin-bottom:14px}
.hero-copy h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.88;letter-spacing:-.055em;margin:0 0 22px;font-weight:950;text-transform:uppercase}.hero-copy h1 span{color:#ffd400}.hero-copy p{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.5;margin:0 0 16px}.hero-price{font-size:1.15rem;margin:8px 0 22px}.hero-price strong{color:#ffd400;font-size:1.55em}.hero-button{display:inline-block;background:#ffd400;color:#080808;text-decoration:none;font-weight:950;padding:18px 25px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.hero-copy small{display:block;margin-top:12px;color:#ddd}
.real-results{background:#f5f5f3}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.results-grid figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.08)}.results-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.results-grid figcaption{padding:13px 15px;font-weight:850}.results-grid .pair{display:grid;grid-template-columns:1fr 1fr}.results-grid .pair img{height:100%;aspect-ratio:auto;min-height:280px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.review-grid blockquote{margin:0;padding:24px;border:1px solid #333;background:#121212;border-radius:12px}.review-grid p{font-size:1rem;line-height:1.65}.review-grid cite{font-style:normal;color:#aaa;font-weight:700}.stars{color:#ffd400;font-size:1.35rem;letter-spacing:.08em}.review-button{display:inline-block;border:2px solid #ffd400;color:#ffd400;padding:15px 20px;text-decoration:none;font-weight:900;border-radius:8px}
@media(max-width:720px){.hero-real{min-height:660px;align-items:flex-end}.hero-real>img{object-position:52% center}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.7) 46%,rgba(0,0,0,.1) 76%)}.hero-copy{padding:210px 0 54px;width:calc(100% - 34px)}.hero-copy h1{font-size:clamp(2.8rem,14vw,4.4rem)}.hero-copy p{font-size:1.05rem}.results-grid,.review-grid{grid-template-columns:1fr}.results-grid .pair img{min-height:210px}.brand img{max-width:180px;height:auto}}
.book-prompt{display:block;background:#ffd400;color:#090909;text-align:center;text-decoration:none;font-weight:950;font-size:1.1rem;padding:18px;border-radius:8px;margin:18px 0 12px}

/* Review carousel */
.review-slider-wrap{position:relative;max-width:1120px;margin:28px auto 14px;padding:0 48px}
.review-grid{display:flex;gap:18px;margin:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.review-grid::-webkit-scrollbar{display:none}
.review-grid blockquote{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;box-sizing:border-box}
.review-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:2px solid #ffd400;background:#111;color:#ffd400;font-size:2rem;line-height:1;cursor:pointer;z-index:2}
.review-arrow.prev{left:0}.review-arrow.next{right:0}
.review-dots{display:flex;justify-content:center;gap:8px;margin:14px 0 24px}
.review-dot{width:9px;height:9px;border:0;border-radius:50%;background:#555;padding:0;cursor:pointer}
.review-dot.active{background:#ffd400}
@media(max-width:720px){.review-slider-wrap{padding:0 40px}.review-grid blockquote{flex-basis:100%}.review-arrow{width:36px;height:36px;font-size:1.7rem}.review-arrow.prev{left:0}.review-arrow.next{right:0}}

/* Final polish: centred carousel arrows + Google review proof */
.review-arrow{display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-family:Arial,sans-serif}
.review-arrow.prev,.review-arrow.next{text-indent:0}
.review-arrow.prev{padding-bottom:3px}
.review-arrow.next{padding-bottom:3px}
.google-five-star{margin:12px auto 4px;font-size:clamp(1rem,2vw,1.2rem);font-weight:950;letter-spacing:.03em;color:#fff}
.google-five-star span{color:#ffd400;letter-spacing:.08em;margin-right:7px}

/* Final compact mobile layout: swipeable content and progressive disclosure */
.compact-slider-wrap{position:relative;margin-top:22px;padding:0 42px}
.compact-slider{display:flex!important;gap:18px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0 8px}
.compact-slider::-webkit-scrollbar{display:none}
.compact-slider>article,.compact-slider>figure{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;margin:0}
.section-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:36px;height:36px;border:0;border-radius:50%;background:#ffd400;color:#0b0b0b;font:800 28px/1 Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:0 0 3px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.section-arrow.prev{left:0}.section-arrow.next{right:0}
.section-dots{display:flex;justify-content:center;gap:7px;min-height:12px;margin:10px 0 4px}
.section-dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#aaa;cursor:pointer}
.section-dot.active{background:#ffd400;transform:scale(1.2)}
.results-slider-wrap{margin-bottom:12px}
.expandable-copy{position:relative}
.expand-button{display:block;margin:18px auto 0;border:2px solid #ffd400;border-radius:999px;background:transparent;color:inherit;font-weight:800;padding:10px 18px;cursor:pointer}
.dark .expand-button{color:#fff}
.areas .area-extra{display:none}
.areas.expanded .area-extra{display:flex}

@media(max-width:720px){
  .compact-slider-wrap{padding:0 36px}
  .compact-slider>article,.compact-slider>figure{flex-basis:100%}
  .section-arrow{width:34px;height:34px;font-size:25px}
  .about-smiths .expandable-copy{max-height:220px;overflow:hidden}
  .about-smiths .expandable-copy:not(.expanded)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(transparent,#111)}
  .about-smiths .expandable-copy.expanded{max-height:none}
  .areas .area-grid{grid-template-columns:1fr 1fr}
}
@media(min-width:721px){
  .about-smiths .expand-button{display:none}
  .areas .area-extra{display:flex}
  .areas .areas-toggle{display:none}
}