:root{--bg:#151a1e;--panel:#252d33;--panel2:#1d2328;--text:#f4f6f7;--muted:#b9c0c5;--red:#f21419;--lime:#d8ff00;--green:#18db42;--line:#3a4248;--max:1180px;--shadow:0 18px 55px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.topline{background:#0c0f11;color:#d8dde0;font-size:12px;text-align:center;padding:7px 10px;border-bottom:1px solid #4c555c}.site-header{position:sticky;top:0;z-index:20;background:rgba(24,30,34,.96);backdrop-filter:blur(10px);border-bottom:1px solid #394148}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px}.brand{display:flex;align-items:center}.brand img{display:block;width:auto;height:80px;border-radius:0;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}.navlinks{display:flex;gap:8px;align-items:center}.navlinks a{text-decoration:none;padding:11px 12px;border-radius:8px;font-weight:700;font-size:14px}.navlinks a:hover,.navlinks a:focus-visible{background:#2b3237}.nav-cta{background:var(--green)!important;color:#06150a!important}.menu-btn{display:none;background:#262d32;border:1px solid #3c454b;color:#fff;border-radius:8px;padding:9px 12px;font-weight:700}.hero{min-height:680px;background:radial-gradient(circle at 78% 46%,rgba(70,80,87,.34),transparent 34%),linear-gradient(100deg,#080b0d 0%,#12181c 52%,#1d252a 100%);display:grid;align-items:center;border-bottom:1px solid #343b40;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;inset:0;background:url('avit-van.png') right 8% bottom 22px/37% auto no-repeat;pointer-events:none}.hero-inner{position:relative;z-index:1}.hero-inner{padding:82px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#0a0b0b;background:var(--lime);padding:7px 11px;border-radius:99px;font-weight:900;font-size:12px;letter-spacing:.8px;text-transform:uppercase}.hero h1{font-size:clamp(46px,7vw,82px);line-height:.95;margin:20px 0 18px;max-width:760px}.hero h1 span{color:var(--lime)}.hero p{max-width:690px;font-size:20px;color:#d5dadd}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:900;border-radius:8px;padding:14px 18px;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--red);color:#fff}.btn-secondary{background:var(--lime);color:#0a0c0d}.btn-ghost{border-color:#707a80;background:rgba(18,22,25,.4)}.trustbar{background:#252b30;border-bottom:1px solid #394148}.trustgrid{display:grid;grid-template-columns:repeat(3,1fr)}.trustitem{padding:21px 24px;border-right:1px solid #3b4349}.trustitem:last-child{border-right:0}.trustitem strong{display:block;font-size:17px}.trustitem span{color:var(--muted);font-size:14px}.section{padding:76px 0}.section.dark{background:#0e1113}.section.pattern{background-color:#0f1316;background-image:radial-gradient(#050708 22%,transparent 23%);background-size:18px 18px;border-top:1px solid #20272c;border-bottom:1px solid #20272c}.section-head{max-width:760px;margin-bottom:34px}.kicker{color:var(--lime);text-transform:uppercase;letter-spacing:1.6px;font-size:12px;font-weight:900}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.05;margin:8px 0 14px}.section p.lead{font-size:18px;color:#c5cbd0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid #394148;border-radius:14px;padding:26px;box-shadow:var(--shadow)}.icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-size:22px;margin-bottom:16px}.card h3{margin:0 0 8px}.card p{color:#c2c8cc}.card a{font-weight:900;color:var(--lime)}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.accent-panel{background:var(--lime);color:#0a0c0d;padding:34px;border-radius:16px;box-shadow:var(--shadow)}.accent-panel h3{font-size:32px;margin:0 0 10px}.ticklist{padding:0;margin:18px 0;list-style:none}.ticklist li{padding:8px 0 8px 28px;position:relative}.ticklist li:before{content:'✓';position:absolute;left:0;font-weight:900;color:#0a841f}.areas{display:flex;flex-wrap:wrap;gap:10px}.pill{background:#2b3237;border:1px solid #444e55;padding:9px 12px;border-radius:999px;text-decoration:none}.pill:hover{border-color:var(--lime)}.quote-strip{background:var(--red);padding:42px 0}.quote-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.quote-inner h2{margin:0;font-size:32px}.quote-inner p{margin:5px 0 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-card{background:#1f2529;border:1px solid #3a4248;border-radius:14px;padding:28px}.contact-card a{color:var(--lime);font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:13px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border-radius:7px;border:1px solid #58636b;background:#121619;color:#fff}.field textarea{min-height:130px;resize:vertical}.hint{font-size:12px;color:#98a2a9}.form-status{font-size:13px;margin-top:10px}.footer{background:#080a0b;border-top:1px solid #30373c;padding:40px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer h3{font-size:15px}.footer a{display:block;color:#c6ccd0;text-decoration:none;padding:3px 0}.footer a:hover{color:var(--lime)}.copyright{border-top:1px solid #252b2f;margin-top:28px;padding-top:18px;color:#8e999f;font-size:12px}.page-hero{padding:78px 0 55px;background:linear-gradient(100deg,#0c0f11 0%,#242a2e 100%);border-bottom:1px solid #394148}.breadcrumbs{font-size:13px;color:#9da6ac}.breadcrumbs a{color:#cfd5d9}.page-hero h1{font-size:clamp(40px,6vw,66px);line-height:1;margin:14px 0}.page-hero p{max-width:800px;font-size:19px;color:#c7cdd1}.content{max-width:820px}.content h2{margin-top:38px}.faq details{background:#22282c;border:1px solid #3b444a;border-radius:10px;padding:16px 18px;margin:10px 0}.faq summary{font-weight:900;cursor:pointer}.small-cta{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.notice{background:#312d12;border:1px solid #5f5618;color:#f3e97a;padding:12px 14px;border-radius:8px;font-size:13px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:#000;padding:8px}@media(max-width:900px){.hero:after{background-size:48% auto;background-position:right 5% bottom 14px;opacity:.58}.menu-btn{display:block}.navlinks{display:none;position:absolute;top:88px;left:0;right:0;background:#171c20;padding:12px 16px;border-bottom:1px solid #343c42;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{padding:13px}.hero{min-height:600px}.service-grid{grid-template-columns:1fr 1fr}.split,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.trustgrid{grid-template-columns:1fr}.trustitem{border-right:0;border-bottom:1px solid #3b4349}.quote-inner{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.hero:after{background-size:66% auto;background-position:right -2% bottom 10px;opacity:.34}.brand img{width:185px}.hero-inner{padding:60px 0}.hero h1{font-size:48px}.hero p{font-size:17px}.service-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.section{padding:58px 0}.quote-inner h2{font-size:27px}}

/* AVIT supplied logo + Facebook gallery */
.footer img{border-radius:0;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))}
.gallery-split{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:34px;align-items:center}
.gallery-feature{display:block;border-radius:18px;overflow:hidden;border:1px solid #3a4248;box-shadow:var(--shadow);background:linear-gradient(135deg,#20272c,#343b41);padding:24px}
.gallery-feature img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;transition:transform .25s ease}
.gallery-feature:hover img,.gallery-feature:focus-visible img{transform:scale(1.025)}
.location-services{background:#171c20}
@media(max-width:900px){.gallery-split{grid-template-columns:1fr}.brand img{height:62px}}
@media(max-width:620px){.brand img{width:auto;height:52px}}

.coverage-note{color:#aeb7bd;margin:0 0 20px;max-width:900px}.areas.all-areas{gap:9px}.areas.all-areas .pill{font-size:14px}.pill-muted{background:#20262b;border:1px solid #384149;padding:9px 12px;border-radius:999px;color:#d4d9dc}

/* Customer testimonials */
.testimonials{background:#171c20}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.testimonial-card{background:#232a2f;border:1px solid #3a4349;border-radius:14px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:100%}
.testimonial-card .stars{color:var(--lime);font-size:20px;letter-spacing:2px;margin-bottom:10px}
.testimonial-card blockquote{margin:0;color:#e8ecef;font-size:16px;line-height:1.65}
.testimonial-card footer{margin-top:auto;padding-top:18px;color:#aeb7bd;font-size:14px}
.testimonial-card footer strong{display:block;color:#fff;font-size:15px}
.testimonial-link{margin-top:24px}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.testimonial-grid{grid-template-columns:1fr}}

/* Local service SEO landing pages */
.we-come-badge{display:inline-flex;margin:14px 0 4px;background:var(--lime);color:#080a0b;font-weight:900;text-transform:uppercase;letter-spacing:.7px;font-size:12px;padding:7px 11px;border-radius:999px}.local-service-hero h1{max-width:900px}.featured-service{border-color:var(--lime);box-shadow:0 0 0 1px rgba(216,255,0,.22),var(--shadow)}.featured-service:before{content:'Featured service';display:inline-block;color:#0a0c0d;background:var(--lime);padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.mobile-promise .dark-kicker{color:#263000}.location-contact{background:#101518;border-top:1px solid #2e373d}.location-contact .contact-card{height:100%}.service-grid .card a{display:inline-block;margin-top:8px}.coverage-note{color:#c5cbd0;max-width:900px}


/* 2026 conversion, SEO and accessibility refinement */
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.btn,.navlinks a,.menu-btn{min-height:44px}.menu-btn{min-width:54px}.mobile-promise-bar{background:#0b0f11;border-bottom:1px solid #303940;color:#d9dfe2;text-align:center;padding:9px 16px;font-size:14px}.mobile-promise-bar strong{color:var(--lime)}
.brand picture{display:flex;align-items:center}.brand picture img{display:block;width:auto;height:80px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}
.hero:after{background-image:image-set(url('avit-van.avif') type('image/avif'),url('avit-van.webp') type('image/webp'),url('avit-van.png') type('image/png'));background-position:right 14% bottom 24px;background-size:34% auto}
.page-hero.has-van{position:relative;overflow:hidden}.page-hero.has-van>.wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:24px}.page-hero-van{align-self:end;justify-self:end;max-width:520px}.page-hero-van img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.4))}.local-service-hero .page-hero-van{max-width:470px}.hero-copy{position:relative;z-index:2}.work-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.work-photo{min-height:240px;border-radius:16px;overflow:hidden;border:1px solid #394148;background:#20272c;box-shadow:var(--shadow);display:block}.work-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.work-photo:hover img,.work-photo:focus-visible img{transform:scale(1.025)}.work-photo-main{grid-column:auto;min-height:240px}.service-photo-strip{background:#101518}.service-real-photo{display:block;border-radius:16px;overflow:hidden;border:1px solid #3a4248;box-shadow:var(--shadow)}.service-cutout-photo{background:linear-gradient(135deg,#11161a 0%,#1c2429 100%);display:grid;place-items:center;padding:18px;min-height:340px}.service-real-photo img{display:block;width:100%;height:100%;object-fit:cover;min-height:320px}.service-cutout-photo img{height:auto;min-height:0;max-height:360px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35))}.check-label{display:flex!important;align-items:flex-start;gap:9px}.check-label input{width:auto!important;margin-top:5px}.site-credit{margin-left:8px}.thank-you{max-width:850px}.footer .site-credit a{color:var(--lime)}
@media(max-width:1000px){.navlinks{gap:2px}.navlinks a{padding:10px 8px;font-size:13px}.page-hero.has-van>.wrap{grid-template-columns:1fr .65fr}.page-hero-van{max-width:380px}.local-service-hero .page-hero-van{max-width:350px}.hero:after{background-size:40% auto;background-position:right 7% bottom 16px}}
@media(max-width:900px){.brand picture img{height:62px}.page-hero.has-van>.wrap{grid-template-columns:1fr}.page-hero-van{position:absolute;right:-4%;bottom:-20px;width:44%;opacity:.28}.local-service-hero .page-hero-van{max-width:none}.work-gallery{grid-template-columns:1fr 1fr}.work-photo-main{grid-column:auto}.service-cutout-photo{min-height:280px}.service-cutout-photo img{max-height:280px}.mobile-promise-bar{font-size:13px}.navlinks{top:88px}}
@media(max-width:620px){.brand picture img{height:52px}.hero{min-height:650px}.hero:after{background-size:60% auto;background-position:right -12% bottom 16px;opacity:.26}.page-hero{padding-top:58px}.page-hero-van{width:62%;right:-18%;opacity:.22}.work-gallery{grid-template-columns:1fr}.work-photo-main{grid-column:auto;min-height:220px}.work-photo{min-height:220px}.service-cutout-photo{min-height:220px;padding:12px}.service-cutout-photo img{max-height:220px}.mobile-promise-bar{padding:8px 12px;line-height:1.35}.site-credit{display:block;margin:7px 0 0}.btn{width:100%}.small-cta,.cta-row{align-items:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.social-icon{width:18px;height:18px;flex:0 0 18px;display:inline-block;vertical-align:middle}.btn .social-icon{margin-right:2px}

/* Subtle interaction and scroll-reveal effects */
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
.card,.testimonial-card,.contact-card,.accent-panel,.work-photo,.service-real-photo,.pill{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease}
.card:hover,.testimonial-card:hover{transform:translateY(-4px);border-color:#58636b;box-shadow:0 22px 48px rgba(0,0,0,.32)}
.work-photo:hover{transform:translateY(-3px);border-color:#65717a}
.pill:hover,.pill:focus-visible{transform:translateY(-2px);background:#333c42}
.btn{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.navlinks a{transition:background-color .18s ease,color .18s ease,transform .18s ease}
.navlinks a:hover{transform:translateY(-1px)}
.brand img,.brand picture img{transition:transform .25s ease,filter .25s ease}
.brand:hover img,.brand:hover picture img{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none}.card:hover,.testimonial-card:hover,.work-photo:hover,.pill:hover,.btn:hover,.navlinks a:hover,.brand:hover img,.brand:hover picture img{transform:none}}

.form-note{margin:12px 0 18px;padding:11px 13px;border-left:4px solid var(--lime);background:#171d21;color:#e7ecef;border-radius:6px}.form-note strong{color:var(--lime)}

.hero-contact{display:flex;align-items:center;gap:7px;margin-top:16px;font-size:15px;color:#c8d0d5}
.hero-contact span{font-weight:700;color:#fff}
.hero-contact a{color:var(--lime);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(216,255,0,.45)}
.hero-contact a:hover,.hero-contact a:focus-visible{border-bottom-color:var(--lime)}
@media(max-width:620px){.hero-contact{justify-content:flex-start;flex-wrap:wrap;font-size:14px}}

.booking-terms{margin:16px 0 20px;padding:16px 18px;border:1px solid #4a535a;border-left:4px solid var(--lime);border-radius:10px;background:#171d21;color:#d6dce0}.booking-terms strong{display:block;color:#fff;margin-bottom:6px}.booking-terms p{margin:6px 0;font-size:13px;line-height:1.55;color:#bcc5ca}

/* Compact location cards */
.area-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.area-card{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:105px;padding:17px 16px;background:var(--panel);border:1px solid #394148;border-radius:12px;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.area-card span{font-size:17px;font-weight:900;line-height:1.2}
.area-card small{color:var(--lime);font-size:12px;font-weight:800}
.area-card:hover,.area-card:focus-visible{transform:translateY(-3px);border-color:var(--lime);background:#2a3238}
@media(max-width:1080px){.area-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.area-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.area-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.area-card{min-height:92px;padding:14px}.area-card span{font-size:15px}}

/* Cleaner desktop intro for local SEO pages */
.seo-intro-section{background:#11171b;padding:68px 0}
.seo-intro-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:54px;align-items:start}
.seo-intro-copy{max-width:760px}
.seo-intro-copy h2{font-size:clamp(34px,3.8vw,50px);max-width:680px;margin:8px 0 20px;line-height:1.04}
.seo-intro-copy p{color:#c9d0d4;font-size:17px;max-width:720px;margin:0 0 16px}
.seo-intro-note{margin-top:28px;padding-top:22px;border-top:1px solid #30393f;display:flex;gap:10px 22px;align-items:baseline;flex-wrap:wrap}
.seo-intro-note strong{font-size:16px;color:#fff}
.seo-intro-note span{color:#9fa9af;font-size:14px}
.seo-mobile-card{background:#1b2227;border:1px solid #39444b;border-top:3px solid var(--lime);border-radius:14px;padding:28px 30px;box-shadow:0 16px 40px rgba(0,0,0,.22)}
.seo-mobile-card .kicker{color:var(--lime)}
.seo-mobile-card h3{font-size:30px;line-height:1.05;margin:8px 0 20px}
.seo-mobile-points{display:grid;gap:0;margin:0 0 24px}
.seo-mobile-points span{position:relative;padding:11px 0 11px 25px;border-bottom:1px solid #30383e;color:#d5dade;font-size:15px}
.seo-mobile-points span:last-child{border-bottom:0}
.seo-mobile-points span:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}
.seo-mobile-card .btn{padding:12px 16px}
@media(max-width:900px){.seo-intro-grid{grid-template-columns:1fr;gap:28px}.seo-mobile-card{max-width:none}.seo-intro-section{padding:56px 0}}
@media(max-width:620px){.seo-intro-section{padding:48px 0}.seo-intro-copy h2{font-size:36px}.seo-mobile-card{padding:24px 22px}.seo-mobile-card h3{font-size:27px}}

.home-quote-card{align-self:center}
.home-quote-card p{color:#c9d0d4;margin:0 0 22px;font-size:16px;line-height:1.7}
.home-quote-card .btn{margin-top:2px}

/* Experience markers are visible immediately in the page hero. */
.experience-markers{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin:22px 0 4px;max-width:660px}
.experience-marker{display:flex;flex-direction:column;justify-content:center;min-width:165px;gap:1px;border:1px solid rgba(225,235,238,.23);border-left:3px solid var(--lime);border-radius:7px;background:rgba(13,19,23,.79);padding:10px 16px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.experience-marker strong{color:#fff;font-size:16px;line-height:1.35}
.experience-marker small{color:#d3dde1;font-size:12px;line-height:1.45}
@media(max-width:620px){.experience-markers{gap:9px;margin-top:18px}.experience-marker{flex:1 1 138px;min-width:0;padding:9px 11px}.experience-marker strong{font-size:14px}.experience-marker small{font-size:11px}}
