/* Paint details frame the content; text and controls retain plain backgrounds. */
:root{--paper:#f5f6f3;--spray:radial-gradient(circle at 8% 18%,#008cff88 0 2px,transparent 3px),radial-gradient(circle at 26% 72%,#008cff77 0 1px,transparent 2px),radial-gradient(circle at 72% 34%,#98e60088 0 2px,transparent 3px)}
.header{border-bottom:3px solid #006aff}
.hero{background-color:#06111a;background-image:radial-gradient(ellipse at 100% 20%,#006aff38,transparent 60%)}
.hero:before{opacity:.32;background-image:var(--spray);background-size:97px 83px,53px 71px,139px 113px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.hero-grid{grid-template-columns:.9fr 1.25fr;gap:38px;min-height:540px;padding-top:75px;padding-bottom:70px}
.hero h1{font-style:italic;font-size:clamp(70px,6.8vw,100px);letter-spacing:-.025em;line-height:1}
.hero h1>span{position:relative;display:inline-block;isolation:isolate;color:var(--navy);padding:0 12px 8px 4px}
.hero h1>span:before{content:'';position:absolute;z-index:-1;inset:2px -10px 0 -9px;background:var(--lime);transform:rotate(-2deg);clip-path:polygon(3% 7%,95% 0,93% 8%,100% 5%,96% 31%,100% 29%,95% 96%,7% 100%,8% 93%,0 96%,3% 58%,0 61%)}
.hero-art{padding:0;margin:0;transform:rotate(-2deg);isolation:isolate}
.hero-art:before,.hero-art:after{content:'';position:absolute;z-index:-1;inset:-15px -12px;background:var(--blue);clip-path:polygon(2% 13%,97% 0,93% 14%,100% 9%,96% 88%,4% 100%,8% 83%,0 89%)}
.hero-art:after{inset:16px -17px -20px 15px;background:var(--lime);transform:rotate(4deg)}
.hero-art img{display:block;width:100%;height:auto;filter:none;border:3px solid #06111a}
.hero-local{color:#aabbc9;font-size:12px;max-width:400px}
.hero-bottom{border-top:1px solid #33526a}
.services,.process,.quote,.faq{position:relative;isolation:isolate}
.section h2{font-style:italic}
.section-heading h2:after,.process h2:after,.quote-intro h2:after,.faq h2:after{content:'';display:block;width:115px;height:10px;margin-top:19px;background:var(--blue);transform:rotate(-3deg);clip-path:polygon(3% 12%,100% 0,94% 45%,99% 54%,3% 100%,8% 62%,0 69%)}
.services{background:var(--paper)}
.services:before{content:'';position:absolute;z-index:-1;right:0;top:0;width:170px;height:170px;background-image:var(--spray);background-size:39px 47px,31px 43px,51px 61px;opacity:.3;mask-image:linear-gradient(225deg,#000,transparent 75%);pointer-events:none}
.service{border-radius:2px;border-top:4px solid var(--blue)}
.service:nth-child(2n){border-top-color:var(--lime)}
.featured{background:#075acb}.bundle{border-top-color:var(--lime)}
.commercial{border-top:6px solid var(--blue);border-bottom:5px solid var(--lime)}
.commercial:before{background-color:#0059d9;background-image:var(--spray);background-size:57px 61px,83px 71px,113px 109px;clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,6% 80%,1% 62%,8% 39%)}
.commercial .large-number{transform:rotate(-3deg);text-shadow:3px 3px 0 #003d8b}
.steps article{border-top:3px solid var(--blue)}
.areas{background:#eaf0e2;border-left:8px solid var(--lime)}
.areas h2{font-style:italic}.quote form{border-top:5px solid var(--blue);border-radius:2px}
.quote-note{border-left-width:5px}
footer{border-top:5px solid var(--blue);background-image:radial-gradient(ellipse at 0 100%,#006aff30,transparent 60%)}
.footer-title{font-style:italic}.button{border-radius:2px;box-shadow:3px 3px 0 #00172818}.floating-whatsapp{border-radius:40px}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:55px;padding-top:55px;padding-bottom:45px}.hero-copy{max-width:680px;margin:auto;text-align:center}.hero .eyebrow,.actions{justify-content:center}.hero-description,.hero-local{margin-left:auto;margin-right:auto;max-width:520px}.hero-art{width:90%;max-width:740px;margin:auto}.hero h1{font-size:100px}}
@media(max-width:760px){.hero-grid{gap:35px;padding-top:40px;padding-bottom:38px}.hero h1{font-size:clamp(64px,13.5vw,92px)}.hero-art{width:95%;padding:0;margin:5px auto 0}.hero-art:before{inset:-8px}.hero-art:after{inset:8px -8px -10px 8px}.hero-local{font-size:11px}.section-heading h2:after,.process h2:after,.quote-intro h2:after,.faq h2:after{width:88px;height:8px;margin-top:16px}.areas{border-left-width:5px}.commercial-detail{background-color:#0059d9;background-image:var(--spray);background-size:97px 89px,71px 53px,101px 137px}.commercial h2{font-size:clamp(38px,8vw,50px)}}