/* Oxted individual production presentation */
:root{--ox-navy:#061d3a;--ox-navy2:#0b315e;--ox-blue:#1267ee;--ox-orange:#ff5a0a;--ox-ink:#0a2038;--ox-soft:#f4f7fa;--ox-line:#dce5ed}
body.town-oxted{background:#fff;color:var(--ox-ink);overflow-x:hidden}
body.town-oxted .container{width:min(1220px,calc(100% - 40px));margin-inline:auto}
body.town-oxted .site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e5ebf1;box-shadow:0 8px 28px rgba(6,29,58,.07)}
body.town-oxted .header-inner{min-height:92px;gap:22px;width:min(1220px,calc(100% - 40px))}
body.town-oxted .site-logo{max-width:295px;flex:0 0 295px}
body.town-oxted .site-logo img{width:100%;max-height:82px;object-fit:contain}
body.town-oxted .main-nav{margin-left:auto}
body.town-oxted .main-nav ul{gap:1.15rem}
body.town-oxted .main-nav a{font-weight:850;color:var(--ox-ink);font-size:.91rem}
body.town-oxted .header-ctas{flex-shrink:0}
body.town-oxted .header-ctas .btn-phone{background:var(--ox-navy);color:#fff;border-color:var(--ox-navy)}
body.town-oxted .btn{border-radius:11px;font-weight:900;text-decoration:none}
body.town-oxted .btn-primary{background:var(--ox-orange);border-color:var(--ox-orange);color:#fff}
body.town-oxted section{padding:78px 0}
body.town-oxted .eyebrow{color:var(--ox-orange);font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}
/* image-led hero */
body.town-oxted .ox-hero{padding:42px 0 76px;background:linear-gradient(180deg,#edf3f8 0,#fff 100%)}
body.town-oxted .ox-hero-stage{position:relative;min-height:680px;border-radius:28px;overflow:visible}
body.town-oxted .ox-hero-image{position:absolute;inset:0;width:100%;height:610px;object-fit:cover;object-position:center 48%;border-radius:28px;box-shadow:0 28px 64px rgba(6,29,58,.18)}
body.town-oxted .ox-hero-shade{position:absolute;inset:0 0 auto 0;height:610px;border-radius:28px;background:linear-gradient(90deg,rgba(3,18,35,.7) 0%,rgba(3,18,35,.3) 42%,rgba(3,18,35,.05) 72%);pointer-events:none}
body.town-oxted .ox-hero-copy{position:absolute;left:34px;top:42px;z-index:2;width:min(560px,48%);padding:31px 32px;border-radius:20px;background:rgba(6,29,58,.91);backdrop-filter:blur(10px);border-left:5px solid var(--ox-orange);box-shadow:0 20px 44px rgba(0,0,0,.2)}
body.town-oxted .ox-hero-copy h1{margin:.2rem 0 18px;color:#fff;font-size:clamp(3.1rem,5vw,5.2rem);line-height:.93;letter-spacing:-.05em}
body.town-oxted .ox-hero-copy h1 span{display:block;color:var(--ox-orange);font-size:.66em;margin-top:.14em}
body.town-oxted .ox-hero-copy>p:not(.eyebrow){margin:0;color:#d8e5f1;font-size:1.08rem;line-height:1.7}
body.town-oxted .ox-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}
body.town-oxted .ox-btn-light{background:#fff;color:var(--ox-ink);border-color:#fff}
body.town-oxted .ox-hero-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}
body.town-oxted .ox-hero-pills span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07);color:#eef4fa;font-size:.76rem;font-weight:800}
body.town-oxted .ox-callback-card{position:absolute;right:34px;bottom:-34px;z-index:3;width:min(420px,38%);padding:22px;border-radius:20px;background:#fff;border:1px solid var(--ox-line);box-shadow:0 24px 54px rgba(6,29,58,.16)}
body.town-oxted .ox-callback-card h2{margin:0 0 7px;color:var(--ox-ink);font-size:1.35rem}
body.town-oxted .ox-callback-card>p{margin:0 0 14px;color:#617286;font-size:.9rem}
body.town-oxted .ox-callback-card .messngr-form-wrapper{min-height:430px;max-height:430px;overflow:hidden;border-radius:12px}
body.town-oxted .ox-callback-card iframe{min-height:430px}
/* quick strip */
body.town-oxted .trust-strip{padding:24px 0;background:#fff}
body.town-oxted .trust-strip-list{grid-template-columns:repeat(4,1fr);gap:12px;margin:0}
body.town-oxted .trust-strip-list li{padding:16px 14px;border:1px solid var(--ox-line);border-radius:14px;background:#f8fafc;box-shadow:none;text-align:left}
body.town-oxted .trust-strip p{margin-top:14px;color:#617286}
/* proof */
body.town-oxted .work-proof-section{background:#071d35;color:#fff}
body.town-oxted .work-proof-section .section-heading{margin-left:0;text-align:left;max-width:780px}
body.town-oxted .work-proof-section .section-heading h2{color:#fff}
body.town-oxted .work-proof-section .section-heading p:last-child{color:#c7d5e2}
body.town-oxted .work-proof-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;min-height:0}
body.town-oxted .work-proof-card,body.town-oxted .work-proof-card:first-child{grid-row:auto!important;border-radius:18px;border:1px solid rgba(255,255,255,.1);box-shadow:none;background:#0c2b4c;overflow:hidden}
body.town-oxted .work-proof-card img,body.town-oxted .work-proof-card:first-child img{width:100%;height:auto;min-height:0!important;aspect-ratio:16/10!important;object-fit:cover;object-position:center}
body.town-oxted .work-proof-card div{padding:18px}
body.town-oxted .work-proof-card h3{color:#fff}
body.town-oxted .work-proof-card p{color:#cbd8e4}
/* services */
body.town-oxted .services-section{background:#f4f7fa}
body.town-oxted .services-section .section-heading{text-align:center;margin-inline:auto}
body.town-oxted .services-grid{grid-template-columns:repeat(3,1fr);gap:16px}
body.town-oxted .service-card{min-height:230px;padding:26px;border-radius:18px;border:1px solid var(--ox-line);box-shadow:0 10px 24px rgba(7,29,53,.05);position:relative;overflow:hidden}
body.town-oxted .service-card:before{content:"";display:block;width:54px;height:4px;border-radius:999px;background:var(--ox-blue);margin-bottom:25px}
body.town-oxted .service-card:nth-child(even):before{background:var(--ox-orange)}
body.town-oxted .service-card a{margin-top:auto;color:#0c66df}
body.town-oxted .problems-section{background:#fff}
body.town-oxted .why-section{background:#f4f7fa}
body.town-oxted .why-grid article{border-radius:16px;border:1px solid var(--ox-line);box-shadow:none}
body.town-oxted .local-area-section{background:linear-gradient(135deg,#061d3a,#0b315e);color:#fff}
body.town-oxted .local-area-section h2,body.town-oxted .local-area-section p{color:#fff}
body.town-oxted .process-section{background:#fff}
body.town-oxted .process-steps{grid-template-columns:repeat(4,1fr);gap:14px}
body.town-oxted .process-steps li{min-height:170px;padding:24px;border-radius:16px;border:1px solid var(--ox-line);box-shadow:none}
body.town-oxted .process-steps li:before{display:none}
body.town-oxted .mid-cta-section{background:var(--ox-orange);color:#fff}
body.town-oxted .mid-cta-section h2,body.town-oxted .mid-cta-section p{color:#fff}
body.town-oxted .mid-cta-section .btn-primary{background:var(--ox-navy);border-color:var(--ox-navy)}
body.town-oxted .final-contact-section{background:linear-gradient(135deg,#061d3a,#0b315e);color:#fff}
body.town-oxted .final-contact-section h2{color:#fff}
body.town-oxted .final-contact-section p{color:#d7e5f2}
body.town-oxted .site-footer{background:#041428;border-top:0}
body.town-oxted .footer-brand > a:first-of-type{display:block;max-width:320px}
body.town-oxted .footer-brand img{max-height:110px;width:auto}
body.town-oxted .footer-phone{display:inline-flex;width:auto;max-width:max-content;padding:9px 13px;border-radius:9px;background:#fff;color:var(--ox-navy);white-space:nowrap;text-decoration:none}
@media(max-width:1050px){
 body.town-oxted .header-ctas .btn-secondary{display:none}
 body.town-oxted .ox-hero-copy{width:min(560px,55%)}
 body.town-oxted .ox-callback-card{width:min(400px,42%)}
 body.town-oxted .services-grid{grid-template-columns:1fr 1fr}
 body.town-oxted .work-proof-grid{grid-template-columns:1fr 1fr}
 body.town-oxted .work-proof-card:first-child{grid-column:1/3}
}
@media(max-width:899px){
 body.town-oxted{padding-bottom:70px}
 body.town-oxted .container,body.town-oxted .header-inner{width:min(100% - 28px,1220px)}
 body.town-oxted .site-logo{max-width:215px;flex:1 1 auto}
 body.town-oxted .site-logo img{max-height:64px}
 body.town-oxted .header-ctas{display:none}
 body.town-oxted .ox-hero{padding:20px 0 48px}
 body.town-oxted .ox-hero-stage{min-height:0;display:grid;gap:0}
 body.town-oxted .ox-hero-image{position:relative;height:auto;aspect-ratio:16/10;border-radius:18px 18px 0 0;box-shadow:none}
 body.town-oxted .ox-hero-shade{display:none}
 body.town-oxted .ox-hero-copy{position:relative;left:auto;top:auto;width:100%;border-radius:0;padding:26px 22px;background:var(--ox-navy);border-left:0;border-top:4px solid var(--ox-orange);box-shadow:none}
 body.town-oxted .ox-hero-copy h1{font-size:clamp(2.6rem,10vw,4rem)}
 body.town-oxted .ox-callback-card{position:relative;right:auto;bottom:auto;width:100%;border-radius:0 0 18px 18px;box-shadow:none;border-top:0}
 body.town-oxted .ox-callback-card .messngr-form-wrapper{min-height:420px;max-height:420px}
 body.town-oxted .trust-strip-list{grid-template-columns:1fr 1fr}
 body.town-oxted .work-proof-grid{grid-template-columns:1fr}
 body.town-oxted .work-proof-card:first-child{grid-column:auto}
 body.town-oxted .services-grid{grid-template-columns:1fr 1fr}
 body.town-oxted .process-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 body.town-oxted .container,body.town-oxted .header-inner{width:min(100% - 20px,1220px)}
 body.town-oxted .site-logo{max-width:190px}
 body.town-oxted .ox-hero-copy{padding:24px 18px}
 body.town-oxted .ox-hero-copy h1{font-size:2.75rem}
 body.town-oxted .ox-hero-actions{display:grid;grid-template-columns:1fr}
 body.town-oxted .ox-hero-actions .btn{width:100%}
 body.town-oxted .trust-strip-list,body.town-oxted .services-grid,body.town-oxted .process-steps{grid-template-columns:1fr}
 body.town-oxted .service-card{min-height:0}
 body.town-oxted .ox-callback-card{padding:16px}
}


/* OXTED V2 — callback form moved below hero */
body.town-oxted .ox-hero-stage{min-height:610px}
body.town-oxted .ox-callback-section{padding:72px 0;background:#fff}
body.town-oxted .ox-callback-section-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(480px,1fr);gap:56px;align-items:start}
body.town-oxted .ox-callback-intro{padding:26px 0;position:sticky;top:130px}
body.town-oxted .ox-callback-intro h2{margin:.2rem 0 14px;color:var(--ox-ink);font-size:clamp(2.25rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.04em;max-width:12ch}
body.town-oxted .ox-callback-intro>p:not(.eyebrow){max-width:520px;color:#617286;line-height:1.7;margin-bottom:22px}
body.town-oxted .ox-callback-section .ox-callback-card{position:static;right:auto;bottom:auto;width:100%;padding:24px;border-radius:20px;background:#fff;border:1px solid var(--ox-line);box-shadow:0 20px 46px rgba(6,29,58,.11)}
body.town-oxted .ox-callback-section .ox-callback-card h3{margin:0 0 7px;color:var(--ox-ink);font-size:1.35rem}
body.town-oxted .ox-callback-section .ox-callback-card>p{margin:0 0 14px;color:#617286;font-size:.9rem}
body.town-oxted .ox-callback-section .ox-callback-card .messngr-form-wrapper{min-height:647px;max-height:none;overflow:visible;border-radius:12px}
body.town-oxted .ox-callback-section .ox-callback-card iframe{min-height:647px}
@media(max-width:899px){
 body.town-oxted .ox-hero-stage{min-height:0}
 body.town-oxted .ox-callback-section{padding:52px 0}
 body.town-oxted .ox-callback-section-grid{grid-template-columns:1fr;gap:26px}
 body.town-oxted .ox-callback-intro{position:static;padding:0}
 body.town-oxted .ox-callback-section .ox-callback-card{padding:18px;border-radius:18px}
}
@media(max-width:620px){
 body.town-oxted .ox-callback-section{padding:42px 0}
 body.town-oxted .ox-callback-intro h2{font-size:2.25rem;max-width:none}
 body.town-oxted .ox-callback-section .ox-callback-card{padding:14px}
}