@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');

:root{
    --ink:#071019;
    --ink-soft:#0d1823;
    --paper:#f4f1ea;
    --paper-deep:#e7e1d6;
    --blue:#168cff;
    --blue-deep:#0873d9;
    --accent-rgb:22,140,255;
    --eyebrow:#74baff;
    --mist:#aeb9c4;
    --white:#fff;
    --line:rgba(255,255,255,.12);
}

body.gardening-theme{
    --ink:#07130d;
    --ink-soft:#0d1d14;
    --blue:#1f6b45;
    --blue-deep:#174f35;
    --accent-rgb:31,107,69;
    --eyebrow:#75b58e;
    --mist:#b3c3b8;
    --line:rgba(190,224,201,.14);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--white);font-family:"DM Sans",sans-serif;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}

/* The site header lives in site-header.css and is shared by every page. */
img{display:block;max-width:100%}

.button{background:var(--blue);border:1px solid var(--blue);border-radius:10px;color:var(--white);display:inline-flex;font-weight:700;justify-content:center;padding:12px 19px;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.button:hover{background:var(--blue-deep);border-color:var(--blue-deep);transform:translateY(-2px)}
.button.secondary{background:transparent;border-color:rgba(255,255,255,.35)}
.button.secondary:hover{background:rgba(255,255,255,.08);border-color:var(--white)}

.hero{isolation:isolate;min-height:760px;overflow:hidden;padding:150px 24px 90px;position:relative}
.hero::before{background-image:linear-gradient(90deg,rgba(4,10,16,.96) 0%,rgba(4,10,16,.78) 48%,rgba(4,10,16,.28) 100%),url('/images/herefordshire-window-cleaning-hero.webp');background-position:center;background-size:cover;content:"";inset:0;position:absolute;z-index:-2}
.hero::after{background:linear-gradient(180deg,transparent 70%,var(--ink));content:"";inset:0;position:absolute;z-index:-1}
.hero-grid{align-items:end;display:grid;gap:64px;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);margin:auto;max-width:1180px;min-height:510px}
.breadcrumb{color:#cad3db;font-size:13px;margin-bottom:34px}
.breadcrumb a{border-bottom:1px solid rgba(255,255,255,.35)}
.eyebrow{color:var(--eyebrow);font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:17px;text-transform:uppercase}
h1,h2{font-family:"Fraunces",Georgia,serif}
h1{font-size:clamp(48px,7.2vw,92px);letter-spacing:-4px;line-height:.96;max-width:840px}
h1 span{color:var(--blue);display:block}
.hero-copy{color:#d4dbe1;font-size:18px;margin:28px 0 31px;max-width:680px}
.button-row{display:flex;flex-wrap:wrap;gap:12px}
.route-note{background:rgba(7,16,25,.82);border:1px solid var(--line);border-radius:22px;padding:28px;backdrop-filter:blur(15px)}
.route-note strong{display:block;font-family:"Fraunces",Georgia,serif;font-size:25px;line-height:1.15;margin-bottom:10px}
.route-note p{color:var(--mist);font-size:14px}

.trust-strip{background:var(--paper);color:var(--ink)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1180px}
.trust-item{border-right:1px solid rgba(7,16,25,.13);padding:29px 24px}
.trust-item:last-child{border-right:0}
.trust-item strong{display:block;font-family:"Fraunces",Georgia,serif;font-size:24px;line-height:1.1}
.trust-item span{color:#55616c;font-size:13px}

.section{padding:100px 24px}
.section.light{background:var(--paper);color:var(--ink)}
.section-shell{margin:auto;max-width:1180px}
.section-intro{display:grid;gap:40px;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);margin-bottom:55px}
.section-intro h2{font-size:clamp(38px,5vw,62px);letter-spacing:-2px;line-height:1.02}
.section-intro p{color:#4e5b65;font-size:17px;max-width:680px}
.service-grid{display:grid;gap:18px;grid-template-columns:1.2fr .8fr .8fr}
.service-card{background:var(--white);border:1px solid rgba(7,16,25,.1);border-radius:22px;min-height:270px;padding:31px;position:relative;transition:transform .2s ease,box-shadow .2s ease}
.service-card:hover{box-shadow:0 18px 45px rgba(7,16,25,.09);transform:translateY(-4px)}
.service-card:first-child{background:var(--ink-soft);color:var(--white)}
.service-number{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:1.5px}
.service-card h3{font-family:"Fraunces",Georgia,serif;font-size:29px;line-height:1.1;margin:70px 0 12px}
.service-card p{color:#5b6872;font-size:14px}
.service-card:first-child p{color:var(--mist)}
.related-services{align-items:center;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.24);border-radius:18px;display:flex;gap:24px;justify-content:space-between;margin-top:22px;padding:20px 23px}
.related-services strong{font-family:"Fraunces",Georgia,serif;font-size:20px}
.related-services div{display:flex;flex-wrap:wrap;gap:9px}
.related-services a{background:var(--white);border:1px solid rgba(7,16,25,.1);border-radius:999px;color:var(--ink);font-size:13px;font-weight:800;padding:9px 13px;transition:border-color .2s ease,transform .2s ease}
.related-services a:hover{border-color:var(--blue);transform:translateY(-2px)}

.local-grid{align-items:center;display:grid;gap:70px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.local-image{border-radius:28px;box-shadow:22px 22px 0 rgba(var(--accent-rgb),.16);height:540px;object-fit:cover;width:100%}
.local-copy h2{font-size:clamp(38px,5vw,62px);letter-spacing:-2px;line-height:1.03;margin-bottom:23px}
.local-copy p{color:#bec8d0;margin-bottom:18px}
.tick-list{display:grid;gap:11px;margin:28px 0 32px}
.tick-list li{align-items:center;display:flex;gap:11px;list-style:none}
.tick-list li::before{background:var(--blue);border-radius:50%;content:"";height:8px;width:8px}

.nearby-wrap{background:var(--ink-soft);border:1px solid var(--line);border-radius:28px;padding:42px}
.nearby-head{align-items:end;display:flex;gap:30px;justify-content:space-between;margin-bottom:28px}
.nearby-head h2{font-size:clamp(34px,4vw,50px);letter-spacing:-1.5px;line-height:1}
.nearby-head p{color:var(--mist);max-width:480px}
.nearby-links{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
.nearby-links a{align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;display:flex;font-weight:700;justify-content:space-between;padding:15px 17px;transition:background .2s ease,border-color .2s ease}
.nearby-links a::after{color:var(--blue);content:"→"}
.nearby-links a:hover{background:rgba(var(--accent-rgb),.09);border-color:rgba(var(--accent-rgb),.5)}

.faq-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
.faq-item{background:var(--white);border:1px solid rgba(7,16,25,.1);border-radius:18px;padding:25px}
.faq-item h3{font-family:"Fraunces",Georgia,serif;font-size:22px;line-height:1.2;margin-bottom:9px}
.faq-item p{color:#5b6872;font-size:14px}

.cta{background:var(--blue);color:var(--white);overflow:hidden;padding:84px 24px;position:relative}
.cta::after{border:1px solid rgba(255,255,255,.27);border-radius:50%;content:"";height:420px;position:absolute;right:-130px;top:-210px;width:420px}
.cta-shell{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:auto;max-width:1180px;position:relative;z-index:1}
.cta h2{font-size:clamp(38px,5vw,60px);letter-spacing:-2px;line-height:1;max-width:720px}
.cta .button{background:var(--white);border-color:var(--white);color:var(--ink);flex-shrink:0}
.quote-embed{background:#000;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden}
/* The Tally widget resizes the iframe as the visitor moves through the form. */
.quote-embed iframe{border:0;display:block;width:100%}
.cta .quote-embed{flex-shrink:0;text-align:left;width:min(100%,520px)}
.cta p{color:rgba(255,255,255,.85);margin-top:14px;max-width:520px}
.cta p a{color:var(--white);text-decoration:underline}

.directory-hero{padding-bottom:75px;min-height:530px}
.directory-hero .hero-grid{align-items:center;grid-template-columns:1fr;min-height:300px}
.directory{background:var(--paper);color:var(--ink);padding:80px 24px 110px}
.directory-shell{margin:auto;max-width:1180px}
.directory-group{margin-bottom:56px}
.directory-group h2{border-bottom:1px solid rgba(7,16,25,.18);font-size:36px;margin-bottom:20px;padding-bottom:14px}
.directory-links{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}
.directory-links a{background:var(--white);border:1px solid rgba(7,16,25,.1);border-radius:11px;font-weight:700;padding:14px 16px;transition:transform .2s ease,border-color .2s ease}
.directory-links a:hover{border-color:var(--blue);transform:translateY(-2px)}
.service-directory-grid{display:grid;gap:18px;grid-template-columns:repeat(2,1fr);margin-top:46px}
.service-directory-card{background:var(--white);border:1px solid rgba(7,16,25,.1);border-radius:24px;color:var(--ink);min-height:280px;padding:32px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.service-directory-card:hover{border-color:var(--blue);box-shadow:0 20px 48px rgba(7,16,25,.1);transform:translateY(-4px)}
.service-directory-card.primary{background:var(--ink-soft);color:var(--white);grid-column:1/-1;min-height:320px}
.service-directory-card span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:1.5px}
.service-directory-card h2{font-size:clamp(34px,4vw,52px);letter-spacing:-1.5px;line-height:1;margin:92px 0 15px}
.service-directory-card p{color:#5b6872;max-width:620px}
.service-directory-card.primary p{color:var(--mist)}
.service-hero::before{background-image:linear-gradient(90deg,rgba(4,10,16,.97) 0%,rgba(4,10,16,.82) 54%,rgba(4,10,16,.58) 100%),url('/images/herefordshire-window-cleaning-hero.webp')}
.service-feature-grid{grid-template-columns:repeat(3,1fr)}
.service-feature-grid .service-card:first-child{background:var(--white);color:var(--ink)}
.service-feature-grid .service-card:first-child p{color:#5b6872}
.service-local-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.service-mark{align-items:flex-start;aspect-ratio:1;background:radial-gradient(circle at 75% 20%,rgba(var(--accent-rgb),.32),transparent 34%),var(--ink-soft);border:1px solid var(--line);border-radius:32px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:45px;position:relative}
.service-mark::before{border:1px solid rgba(255,255,255,.1);border-radius:50%;content:"";height:72%;position:absolute;right:-22%;top:-17%;width:72%}
.service-mark span{color:var(--blue);font-size:clamp(50px,8vw,100px);font-weight:800;letter-spacing:-5px;line-height:.78}
.service-mark strong{color:var(--white);font-family:"Fraunces",Georgia,serif;font-size:clamp(44px,7vw,88px);font-weight:600;letter-spacing:-4px;line-height:.88}

footer{background:#000;padding:48px 24px 90px;text-align:center}
footer img{margin:0 auto 14px;width:130px}
footer p{color:#7f8c97;font-size:13px}

@media(max-width:850px){
    .hero{min-height:auto;padding-top:125px}
    .hero::before{background-image:linear-gradient(180deg,rgba(4,10,16,.72),rgba(4,10,16,.93)),url('/images/herefordshire-window-cleaning-hero.webp')}
    .hero-grid,.section-intro,.local-grid{grid-template-columns:1fr}
    .hero-grid{gap:34px;min-height:auto}
    h1{letter-spacing:-2.5px}
    .trust-grid{grid-template-columns:1fr}
    .trust-item{border-bottom:1px solid rgba(7,16,25,.13);border-right:0}
    .service-grid{grid-template-columns:1fr}
    .service-card{min-height:230px}
    .related-services{align-items:flex-start;flex-direction:column}
    .service-directory-grid{grid-template-columns:1fr}
    .service-directory-card.primary{grid-column:auto}
    .local-image{height:390px}
    .nearby-head,.cta-shell{align-items:flex-start;flex-direction:column}
    .nearby-links,.directory-links{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:520px){
    .section{padding:76px 20px}
    .hero{padding-left:20px;padding-right:20px}
    .hero-copy{font-size:16px}
    .button-row .button{width:100%}
    .route-note,.nearby-wrap{padding:25px}
    .local-image{height:310px}
    .nearby-links,.faq-grid,.directory-links{grid-template-columns:1fr}
    .service-directory-card{min-height:245px;padding:25px}
    .service-directory-card h2{margin-top:65px}
    .service-mark{padding:30px}
    .cta{padding:70px 20px}
}

/* Legal pages (privacy policy) */
.legal-hero{min-height:auto;padding-bottom:70px}
.legal-hero .hero-grid{align-items:center;grid-template-columns:1fr;min-height:260px}
.legal-hero h1{font-size:clamp(44px,6vw,78px)}
.legal-stamp{color:var(--mist);font-size:14px;margin-top:26px}
.legal-layout{display:grid;gap:56px;grid-template-columns:minmax(240px,.34fr) minmax(0,1fr)}
.legal-toc{align-self:start;background:var(--white);border:1px solid rgba(7,16,25,.1);border-radius:22px;padding:28px;position:sticky;top:100px}
.legal-toc strong{display:block;font-family:"Fraunces",Georgia,serif;font-size:22px;line-height:1.15;margin-bottom:16px}
.legal-toc ol{display:grid;gap:8px;list-style:none;counter-reset:legal}
.legal-toc a{color:#4e5b65;display:block;font-size:14px;font-weight:600;transition:color .2s ease}
.legal-toc a:hover{color:var(--blue)}
.legal-body{color:#4e5b65;max-width:760px}
.legal-body>p:first-of-type{color:var(--ink);font-size:19px}
.legal-body p{font-size:16px;margin-bottom:16px}
.legal-body article{border-top:1px solid rgba(7,16,25,.14);margin-top:44px;padding-top:34px;scroll-margin-top:100px}
.legal-body article:first-of-type{border-top:0;margin-top:38px;padding-top:0}
.legal-body h2{color:var(--ink);font-size:clamp(27px,3vw,36px);letter-spacing:-1px;line-height:1.08;margin-bottom:18px}
.legal-body h2 em{color:var(--blue);display:block;font-family:"DM Sans",sans-serif;font-size:12px;font-style:normal;font-weight:800;letter-spacing:1.8px;margin-bottom:9px;text-transform:uppercase}
.legal-list{display:grid;gap:10px;margin:0 0 18px}
.legal-list li{align-items:flex-start;display:flex;font-size:16px;gap:12px;list-style:none}
.legal-list li::before{background:var(--blue);border-radius:50%;content:"";flex-shrink:0;height:7px;margin-top:9px;width:7px}
.legal-basis{display:grid;gap:12px;margin-bottom:18px}
.legal-basis div{background:var(--white);border:1px solid rgba(7,16,25,.1);border-left:3px solid var(--blue);border-radius:14px;padding:20px 22px}
.legal-basis strong{color:var(--ink);display:block;font-family:"Fraunces",Georgia,serif;font-size:20px;margin-bottom:6px}
.legal-basis p{margin-bottom:0}
.legal-contact{background:var(--ink-soft);border-radius:22px;color:var(--mist);display:grid;gap:8px;margin-top:24px;padding:28px}
.legal-contact a{color:var(--white);font-weight:700}
.legal-contact a:hover{color:var(--eyebrow)}
.legal-sign{border-top:1px solid rgba(7,16,25,.14);color:#6b7681;font-size:14px;margin-top:44px;padding-top:28px}
.legal-sign strong{color:var(--ink);display:block;font-family:"Fraunces",Georgia,serif;font-size:22px}

.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin-top:16px}
.footer-links a{color:#9aa7b2;font-size:13px;font-weight:700;transition:color .2s ease}
.footer-links a:hover{color:var(--blue)}

@media(max-width:850px){
    .legal-layout{grid-template-columns:1fr;gap:36px}
    .legal-toc{position:static}
}