:root{
  --ink:#102a2c;
  --ink-2:#18383a;
  --cream:#f5f1e9;
  --paper:#fbfaf7;
  --white:#ffffff;
  --teal:#1eb4a5;
  --teal-dark:#0c887d;
  --lime:#d6f56b;
  --muted:#627474;
  --line:#dbe3df;
  --shadow:0 30px 80px rgba(15,42,44,.12);
  --radius:24px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Manrope",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.demo-bar{height:36px;background:var(--ink);color:#d9e8e5;display:flex;align-items:center;justify-content:center;gap:34px;font-size:12px;letter-spacing:.01em;padding:0 20px}
.demo-bar a{color:var(--lime);font-weight:700}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,42,44,.08)}
.nav-wrap{height:84px;display:flex;align-items:center;gap:36px}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}
.brand-mark{width:39px;height:39px;color:var(--teal);display:grid;place-items:center}
.brand-mark svg{width:100%;height:100%}
.brand-name{font-weight:800;font-size:22px;letter-spacing:-.045em}
.brand-name span{color:var(--teal)}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}
.main-nav a{position:relative}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--teal);transition:right .25s ease}
.main-nav a:hover:after{right:0}
.nav-call{padding:12px 17px;border-radius:999px;background:var(--ink);color:white;font-weight:700;font-size:14px}
.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;font-weight:700;color:var(--ink)}
.hero{padding:58px 0 80px;background:linear-gradient(180deg,var(--paper),#f6f5f0)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:66px;align-items:center}
.eyebrow{margin:0 0 22px;font-size:12px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:var(--teal-dark)}
.hero h1,.section h2,.quote-section h2{margin:0;letter-spacing:-.065em;line-height:.93;font-size:clamp(58px,7vw,102px);font-weight:700}
.hero h1 span{color:var(--teal)}
.hero-lede{font-size:19px;line-height:1.65;color:#476061;max-width:650px;margin:30px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;padding:15px 22px;font-weight:750;font-size:14px;border:1px solid transparent;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--teal);color:white;box-shadow:0 12px 28px rgba(30,180,165,.2)}
.btn-primary:hover{background:var(--teal-dark)}
.btn-quiet{background:transparent;border-color:#cfd9d5}
.btn-outline{border-color:#cbd9d4;background:white;color:var(--ink)}
.btn-full{width:100%;border:0}
.hero-proof{display:flex;gap:28px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.hero-proof>div{display:flex;align-items:flex-start;gap:8px}
.hero-proof strong{font-size:22px;letter-spacing:-.05em}
.hero-proof span{font-size:12px;color:#ef9b00;letter-spacing:.03em;display:flex;flex-direction:column;font-weight:700}
.hero-proof small{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:0;margin-top:2px}
.hero-media{position:relative;border-radius:32px;overflow:visible;min-height:620px}
.hero-media:before{content:"";position:absolute;inset:22px -18px -20px 34px;background:var(--lime);border-radius:34px;transform:rotate(2deg)}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}
.hero-badge{position:absolute;left:-30px;bottom:42px;background:white;border-radius:18px;padding:16px 18px;display:flex;gap:11px;align-items:center;box-shadow:0 18px 50px rgba(15,42,44,.18)}
.hero-badge strong,.hero-badge small{display:block}.hero-badge strong{font-size:13px}.hero-badge small{font-size:11px;color:var(--muted);margin-top:2px}
.pulse-dot{width:10px;height:10px;border-radius:50%;background:#ff6a55;display:inline-block;position:relative;flex:0 0 auto}
.pulse-dot:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(255,106,85,.6);border-radius:50%;animation:pulse 1.8s infinite}
@keyframes pulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.7);opacity:0}}
.hero-sticker{position:absolute;right:-26px;top:34px;width:122px;height:122px;border-radius:50%;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;font-size:13px;font-weight:800;line-height:1.2;transform:rotate(7deg);box-shadow:0 15px 30px rgba(15,42,44,.2)}
.hero-sticker span{font-size:11px;color:var(--lime);font-weight:700}
.trust-strip{background:var(--cream);border-top:1px solid #e8e2d9;border-bottom:1px solid #e8e2d9}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}
.trust-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;border-right:1px solid #ddd7cd}
.trust-item:last-child{border-right:0}.trust-item strong,.trust-item small{display:block}.trust-item strong{font-size:13px}.trust-item small{font-size:11px;color:var(--muted);margin-top:2px}
.trust-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:white;color:var(--teal-dark);font-weight:800}
.section{padding:128px 0}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:56px}
.section-head h2,.problem-copy h2,.feature-copy h2,.review-head h2,.areas-copy h2,.faq-title h2{font-size:clamp(46px,5.6vw,78px)}
.section-head>p{max-width:350px;color:var(--muted);margin:0 0 4px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service-card{background:white;border:1px solid #e4ebe7;border-radius:22px;padding:28px;min-height:365px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(15,42,44,.09)}
.service-number{font-size:11px;color:#94a5a4;font-weight:800;letter-spacing:.08em}
.service-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eaf8f5;color:var(--teal-dark);font-size:23px;font-weight:800;margin:32px 0 28px}
.service-card h3{font-size:25px;margin:0 0 12px;letter-spacing:-.045em}.service-card>p{color:var(--muted);font-size:14px;margin:0}
.service-more,.service-direct{position:absolute;left:28px;right:28px;bottom:24px;border:0;padding:0;background:none;color:var(--ink);font-size:13px;font-weight:800;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7ece9;padding-top:18px}
.service-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.service-detail p{overflow:hidden;margin:16px 0 55px;color:#486060;font-size:13px}.service-card.open .service-detail{grid-template-rows:1fr}.service-card.open .service-more span{transform:rotate(45deg)}
.service-card-accent{background:var(--ink);color:white}.service-card-accent .service-icon{background:var(--lime);color:var(--ink)}.service-card-accent>p{color:#c0cfcd}.service-card-accent .service-number{color:#9bb0ad}.service-card-accent .service-direct{color:white;border-top-color:#355254}
.problem-section{background:var(--ink);color:white;position:relative;overflow:hidden}.problem-section:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(214,245,107,.2);border-radius:50%;left:-270px;bottom:-350px}.problem-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.problem-copy .eyebrow,.eyebrow.light{color:var(--lime)}.problem-copy>p:not(.eyebrow){color:#b8c9c6;max-width:500px;font-size:17px}.check-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:11px;color:#dfe9e7;font-size:14px}.check-list span{display:inline-grid;place-items:center;width:22px;height:22px;background:rgba(214,245,107,.12);color:var(--lime);border-radius:50%;margin-right:8px}
.checker{background:#f8faf7;color:var(--ink);border-radius:28px;padding:32px;min-height:520px;box-shadow:0 40px 80px rgba(0,0,0,.25)}
.checker-top{display:flex;justify-content:space-between;color:#718482;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #dbe4e0;padding-bottom:18px}.checker h3{font-size:34px;letter-spacing:-.05em;margin:38px 0 26px}.issue-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.issue-btn{border:1px solid #dbe5e0;background:white;border-radius:16px;padding:21px 18px;text-align:left;font-weight:750;color:var(--ink);transition:.2s ease}.issue-btn span{display:block;font-size:22px;margin-bottom:12px;color:var(--teal-dark)}.issue-btn:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,42,44,.07)}
.checker-result{padding-top:24px}.result-icon{width:54px;height:54px;border-radius:16px;background:#e2f7f2;color:var(--teal-dark);display:grid;place-items:center;font-size:24px;font-weight:800}.result-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--teal-dark);font-size:11px;font-weight:800;margin:28px 0 0}.checker-result h3{margin:8px 0 14px}.checker-result>p:not(.result-kicker){color:var(--muted);font-size:15px;max-width:560px}.result-actions{display:flex;gap:10px;margin-top:28px}.reset-check{border:0;background:none;color:var(--muted);font-weight:700;font-size:12px;padding:20px 0 0}
.project-feature{background:var(--cream)}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:78px;align-items:center}.feature-image{position:relative}.feature-image img{width:100%;aspect-ratio:1.08/1;object-fit:cover;border-radius:28px}.image-label{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.94);padding:11px 14px;border-radius:999px;font-size:11px;font-weight:800}.feature-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:510px}.project-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid #d9d5cb;border-bottom:1px solid #d9d5cb;padding:24px 0;margin:34px 0}.project-stats strong,.project-stats span{display:block}.project-stats strong{font-size:23px;letter-spacing:-.05em}.project-stats span{font-size:11px;color:var(--muted);margin-top:4px}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:72px}.work-card{position:relative;overflow:hidden;border-radius:20px;background:var(--ink)}.work-card img{width:100%;aspect-ratio:1.35/1;object-fit:cover;transition:transform .5s ease}.work-card:hover img{transform:scale(1.04)}.work-card div{display:flex;justify-content:space-between;gap:18px;padding:17px 18px;background:white}.work-card span{font-size:12px;color:var(--muted)}.work-card strong{font-size:12px}
.review-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:55px}.rating-block{text-align:right}.rating-block strong{display:block;font-size:68px;line-height:.85;letter-spacing:-.07em}.rating-block span{display:block;color:#f2a300;letter-spacing:.07em;margin-top:10px}.rating-block small{display:block;color:var(--muted);margin-top:5px}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card{border:1px solid #e1e9e5;border-radius:22px;padding:28px;background:white;display:flex;flex-direction:column;min-height:320px}.review-stars{color:#f2a300;letter-spacing:.05em;font-size:13px}.review-card>p{font-size:17px;line-height:1.65;letter-spacing:-.015em}.reviewer{display:flex;align-items:center;gap:12px;margin-top:auto}.reviewer>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-size:11px;font-weight:800}.reviewer strong,.reviewer small{display:block}.reviewer strong{font-size:12px}.reviewer small{font-size:10px;color:var(--muted);margin-top:2px}
.areas-section{background:#eef6f3}.areas-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.areas-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:500px}.area-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.area-pills span{border:1px solid #cadcd6;background:#f8fbfa;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700}
.map-card{height:520px;border-radius:28px;background:#dfeee8;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(16,42,44,.07)}.map-ring{position:absolute;border:1px solid rgba(16,42,44,.12);border-radius:50%}.ring-1{width:120px;height:120px;left:48%;top:48%;transform:translate(-50%,-50%)}.ring-2{width:270px;height:270px;left:48%;top:48%;transform:translate(-50%,-50%)}.ring-3{width:470px;height:470px;left:48%;top:48%;transform:translate(-50%,-50%)}.map-road{position:absolute;height:10px;background:rgba(255,255,255,.8);border-radius:999px}.road-1{width:120%;top:35%;left:-10%;transform:rotate(-14deg)}.road-2{width:120%;top:62%;left:-10%;transform:rotate(13deg)}.road-3{width:100%;top:52%;left:2%;transform:rotate(77deg)}.map-pin{position:absolute;left:48%;top:48%;transform:translate(-50%,-50%);background:var(--ink);color:white;border-radius:18px;padding:14px 18px 14px 46px;box-shadow:0 15px 35px rgba(16,42,44,.2)}.map-pin>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:var(--teal);border:5px solid white;border-radius:50%}.map-pin strong,.map-pin small{display:block}.map-pin strong{font-size:12px}.map-pin small{font-size:10px;color:#a9c0bc}.map-label{position:absolute;background:white;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;box-shadow:0 7px 20px rgba(16,42,44,.08)}.label-woodley{left:64%;top:58%}.label-earley{left:42%;top:69%}.label-caversham{left:32%;top:26%}.label-wokingham{left:72%;top:77%}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-title>p:not(.eyebrow){color:var(--muted)}.faq-list{border-top:1px solid #dce5e1}.faq-list details{border-bottom:1px solid #dce5e1}.faq-list summary{list-style:none;padding:24px 0;font-weight:750;display:flex;justify-content:space-between;gap:24px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;transition:transform .2s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);margin:-5px 60px 24px 0;font-size:14px;line-height:1.7}
.quote-section{background:var(--ink);color:white;padding:115px 0}.quote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:start}.quote-copy h2{font-size:clamp(50px,6vw,82px)}.quote-copy>p:not(.eyebrow){color:#b8c9c6;max-width:510px;font-size:16px}.quote-contact{margin-top:35px;display:flex;flex-direction:column;gap:6px}.quote-contact a{font-size:17px;font-weight:800}.emergency-note{margin-top:27px;display:flex;align-items:center;gap:10px;color:#dce8e6;font-size:12px}.quote-form{background:white;color:var(--ink);border-radius:26px;padding:30px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form label{font-size:9px;font-weight:800;letter-spacing:.12em;color:#657a78;display:block;margin-bottom:12px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:8px;border:1px solid #d8e3df;border-radius:12px;background:#fbfcfb;padding:14px 13px;outline:none;color:var(--ink);font-size:13px;letter-spacing:0}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--teal)}.form-small{text-align:center;color:#8ba09d;font-size:9px;margin:12px 0 0}.form-success{background:#e8f8f4;color:var(--teal-dark);font-size:12px;font-weight:700;border-radius:10px;padding:12px;margin-top:12px}
.site-footer{background:#0b2022;color:white;padding:56px 0 80px}.footer-grid{display:grid;grid-template-columns:1fr .5fr .6fr;gap:40px}.brand-footer .brand-mark{color:var(--teal)}.brand-footer .brand-name{color:white}.footer-grid>div:first-child>p{color:#8fa9a6;font-size:12px}.footer-links{display:grid;gap:9px;font-size:12px}.footer-meta{text-align:right;color:#8fa9a6;font-size:11px}.footer-meta p{margin:0 0 5px}.footer-meta a{color:var(--lime);font-weight:700}
.mobile-actions{display:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.in-view{opacity:1;transform:none}.reveal-delay{transition-delay:.1s}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:84px;left:24px;right:24px;background:white;border-radius:18px;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block}.nav-call{display:none}.hero-grid,.problem-grid,.feature-grid,.areas-grid,.faq-grid,.quote-grid{grid-template-columns:1fr}.hero-media{min-height:560px}.problem-grid,.feature-grid,.areas-grid,.faq-grid,.quote-grid{gap:55px}.service-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item{padding:16px 10px}.section{padding:90px 0}.work-grid,.reviews-grid{grid-template-columns:1fr 1fr}.review-card:last-child{grid-column:1/-1}.map-card{height:430px}}
@media(max-width:680px){body{padding-bottom:62px}.container{width:min(100% - 28px,var(--max))}.demo-bar{height:auto;min-height:40px;justify-content:space-between;gap:10px;font-size:9px}.demo-bar span{max-width:65%}.nav-wrap{height:70px}.main-nav{top:70px}.brand-mark{width:34px;height:34px}.brand-name{font-size:20px}.hero{padding:40px 0 55px}.hero-grid{gap:42px}.hero h1{font-size:55px}.hero-lede{font-size:16px;margin-top:22px}.hero-actions{display:grid}.btn{width:100%}.hero-proof{gap:14px;justify-content:space-between}.hero-proof strong{font-size:18px}.hero-proof span{font-size:9px}.hero-media{min-height:450px}.hero-media:before{inset:16px -7px -12px 15px}.hero-sticker{right:-5px;top:22px;width:96px;height:96px;font-size:11px}.hero-badge{left:12px;right:12px;bottom:16px}.trust-grid{grid-template-columns:1fr 1fr;padding:12px 0}.trust-item{justify-content:flex-start;border-right:0}.trust-item strong{font-size:11px}.section{padding:72px 0}.section-head,.review-head{display:block}.section-head h2,.problem-copy h2,.feature-copy h2,.review-head h2,.areas-copy h2,.faq-title h2{font-size:45px}.section-head>p{margin-top:20px}.service-grid,.work-grid,.reviews-grid{grid-template-columns:1fr}.service-card{min-height:350px}.issue-grid{grid-template-columns:1fr}.checker{padding:22px;min-height:unset}.checker h3{font-size:28px}.result-actions{display:grid}.feature-grid{gap:45px}.project-stats{gap:6px}.project-stats strong{font-size:18px}.work-grid{margin-top:45px}.review-head .rating-block{text-align:left;margin-top:32px}.rating-block strong{font-size:52px}.review-card:last-child{grid-column:auto}.map-card{height:360px}.faq-list details p{margin-right:0}.quote-section{padding:75px 0}.field-row{grid-template-columns:1fr}.quote-form{padding:22px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-meta{text-align:left}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:60;background:white;border-top:1px solid #dce5e1;padding:8px;gap:8px}.mobile-actions a{display:grid;place-items:center;padding:11px 10px;border-radius:10px;background:var(--ink);color:white;font-size:12px;font-weight:800}.mobile-actions a:last-child{background:var(--teal)} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}