:root{--navy:#0b2019;--dark:#06130f;--blue:#3d8a6c;--light:#f7f8f3;--alt:#e9efe8;--line:#d6dfd7;--ink:#172a23;--muted:#617168;--gold:#f3b53f;--emerald:#3d8a6c;--emerald-dark:#286f56;--ivory:#fffdf7;--premium-shadow:0 22px 55px rgba(5,45,31,.12)}
body{background:linear-gradient(180deg,#fbfcf8 0%,#f4f7f2 48%,#fbfaf5 100%);background-attachment:fixed;color:var(--ink)}body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 8%,rgba(243,181,63,.1),transparent 25%),radial-gradient(circle at 92% 28%,rgba(13,150,99,.1),transparent 28%)}
.top{background:linear-gradient(90deg,#04140f,#0b2c20 52%,#04140f);border-bottom:1px solid rgba(243,181,63,.18)}.top-marquee-group .top-ticker-urgent{background:linear-gradient(135deg,#d99116,#f3b53f);color:#10261d}.top-marquee a:hover{color:#ffd982}
header{background:rgba(255,253,247,.91);border-bottom:1px solid rgba(7,99,66,.13);box-shadow:0 10px 30px rgba(6,35,25,.06)}.brand strong{color:#10261d}.brand small{color:#65756c}.mark{filter:drop-shadow(0 8px 13px rgba(13,150,99,.22))}
header nav>a,.dropdown>a{position:relative;color:#273a32}header nav>a:after,.dropdown>a:after{content:"";position:absolute;left:0;right:100%;bottom:23px;height:2px;background:linear-gradient(90deg,var(--emerald),var(--gold));transition:right .3s}header nav>a:hover:after,.dropdown>a:hover:after{right:0}.dropdown>div{border-color:rgba(13,150,99,.16);border-radius:15px;box-shadow:0 24px 55px rgba(4,30,21,.16)}.dropdown>div a:hover{background:#e9f6ef;color:var(--emerald-dark)}
.call,.primary,.hero-call{background:linear-gradient(135deg,var(--emerald-dark),#18ad73)!important;color:#fff!important;border:0;box-shadow:0 13px 28px rgba(7,99,66,.24)}.call:hover,.primary:hover,.hero-call:hover{box-shadow:0 18px 36px rgba(7,99,66,.34)}
.hero-booking-layout{background:#071a14}.hero-booking-layout .hero-image:after{background:linear-gradient(90deg,#061711 0%,#09281df2 40%,#09281dcc 59%,#0717114a 100%)}.hero-copy label{color:#ffdc87;border-color:rgba(243,181,63,.6)}.hero-copy h1{color:#fff}.hero-copy h1 :is(em,span),h1 em{color:transparent;background:linear-gradient(90deg,#f8c95d,#fff1ba 45%,#39d99c);background-clip:text;-webkit-background-clip:text}.hero-copy>p{color:#dce9e2}.hero-copy .offers span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:14px}.hero-copy .offers small,.hero-copy .ticks span{color:#e3efe8}.hero-copy .offers strong{color:#fff}
.hero-booking{background:linear-gradient(160deg,rgba(255,255,255,.98),#f3f8f4);border:1px solid rgba(255,255,255,.75);box-shadow:0 30px 80px rgba(1,14,9,.5);border-radius:22px}.hero-booking:before{content:"";display:block;width:54px;height:4px;border-radius:10px;background:linear-gradient(90deg,var(--gold),var(--emerald));margin-bottom:14px}.hero-booking h2{color:#10261d}.hero-enquiry-form input,.hero-enquiry-form select,.enquiry-form input,.enquiry-form select{border-color:#ccd9d0;background:#fbfdf9}.hero-enquiry-form input:focus,.hero-enquiry-form select:focus,.enquiry-form input:focus,.enquiry-form select:focus{border-color:var(--emerald);box-shadow:0 0 0 4px rgba(13,150,99,.13)}
.hero-whatsapp,.mobile a:last-child{background:linear-gradient(135deg,#168747,#25bd68)!important}.hero-contact-actions .btn{border-radius:13px}.hero-benefits,.benefits{background:rgba(255,255,255,.93);border-color:rgba(13,150,99,.16);border-radius:17px;box-shadow:var(--premium-shadow);backdrop-filter:blur(14px)}.hero-benefits b{border-color:var(--emerald);color:var(--emerald)}
.hero,.service-hero,.page-hero{background:radial-gradient(circle at 88% 15%,rgba(243,181,63,.22),transparent 30%),radial-gradient(circle at 8% 75%,rgba(13,150,99,.13),transparent 35%),linear-gradient(135deg,#fbfcf7,#eef4ed)}
h1,.heading h2,.section h2,.page-hero h1,.cta h2{font-family:Georgia,"Times New Roman",serif}.heading h2,.section h2,.page-hero h1{color:#10261d}.heading h2:after,.section>h2:after{content:"";display:block;width:64px;height:3px;margin-top:15px;border-radius:4px;background:linear-gradient(90deg,var(--emerald),var(--gold))}
.section:nth-of-type(even),.problems,.why-us,.process,.gallery,.page-split{background:radial-gradient(circle at 90% 12%,rgba(243,181,63,.1),transparent 25%),linear-gradient(145deg,#eef4ed,#fbfcf8)}.about,.areas,.about-principles,.brands-we-serve{background:radial-gradient(circle at 8% 80%,rgba(13,150,99,.1),transparent 28%),linear-gradient(145deg,#f8f5eb,#f7faf5)}
.brand-image-wrap,.about-image img,.hero-image img,.service-hero>img,.gallery-grid a{border:1px solid rgba(13,150,99,.16);box-shadow:var(--premium-shadow)}
.service-grid article,.content-cards article,.area-grid article,.steps article,.cards article,.gallery-page article,.review-page article,.principle-grid article,.contact-page>a,.contact-page>div,.faq details{background:linear-gradient(155deg,#fff,#fbfcf8);border:1px solid rgba(13,150,99,.15);border-radius:18px;box-shadow:0 12px 30px rgba(5,45,31,.07)}
.service-grid article:before,.content-cards article:before,.area-grid article:before,.steps article:before,.cards article:before,.gallery-page article:before,.review-page article:before,.principle-grid article:before{content:"";position:absolute;z-index:3;top:-120%;left:-42%;width:34%;height:300%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.56),transparent);transform:rotate(22deg);transition:left .8s ease}.service-grid article:after,.content-cards article:after,.area-grid article:after,.steps article:after,.cards article:after,.gallery-page article:after,.review-page article:after,.principle-grid article:after{background:radial-gradient(circle at 85% 15%,rgba(243,181,63,.88),transparent 30%),linear-gradient(145deg,#0fa56d,#073c2a 76%)}
.service-grid article:hover:before,.content-cards article:hover:before,.area-grid article:hover:before,.steps article:hover:before,.cards article:hover:before,.gallery-page article:hover:before,.review-page article:hover:before,.principle-grid article:hover:before{left:135%}.service-grid article:hover,.content-cards article:hover,.area-grid article:hover,.steps article:hover,.cards article:hover,.gallery-page article:hover,.review-page article:hover,.principle-grid article:hover{border-color:#56d39f;box-shadow:0 28px 65px rgba(5,65,43,.28)}
.more,label{color:var(--emerald-dark)}.content-cards article>span,.principle-grid article>span{background:#e5f5ec;color:var(--emerald-dark);border-color:var(--emerald)}
.intro-content{background:linear-gradient(135deg,#edf4ee,#fbfcf8)}.intro-content>div:first-child{background:radial-gradient(circle at 88% 85%,rgba(243,181,63,.25),transparent 31%),linear-gradient(145deg,#0d9663,#071f17 78%)}.intro-content label{color:#ffe3a0}.intro-content>div:last-child{border-left-color:var(--emerald)}
.reviews{background:radial-gradient(circle at 12% 18%,rgba(243,181,63,.2),transparent 27%),linear-gradient(135deg,#061711,#0b3023 72%,#123f2f)}.review-list article{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.17);backdrop-filter:blur(8px)}.review-list strong{color:#f7cc69}.review-list article:hover{background:linear-gradient(135deg,#0e9a66,#0a3f2c)!important;border-color:#f4c85f!important}
.cta,footer{background:radial-gradient(circle at 82%,rgba(243,181,63,.18),transparent 33%),linear-gradient(120deg,#04130e,#0a2d21)}footer>small a{color:#7ce0b4}.service-disclaimer{background:#f4f1e7;border-color:#ddd5bf;color:#4a493f}.service-disclaimer strong{color:#1b3329}
.btn{position:relative;overflow:hidden;border-radius:11px}.btn:after{content:"";position:absolute;inset:-65% auto -65% -55%;width:35%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:skewX(-20deg);transition:left .65s}.btn:hover:after{left:135%}.secondary{background:#fff;border-color:#cbd9d0;color:#17352a}.outline{border-color:rgba(255,255,255,.5)}
.motion{filter:blur(9px);transition-duration:.85s}.motion[data-motion=depth]{transform:perspective(1000px) translateZ(-150px) scale(.86) rotateX(3deg)}.motion.shown{filter:none}
@media(max-width:700px){.hero-booking-layout .hero-image:after{background:linear-gradient(180deg,#061711f5,#09281de9 58%,#071711d8)}h1{font-size:clamp(39px,12vw,51px)}.service-grid article:before,.content-cards article:before,.area-grid article:before,.steps article:before,.cards article:before,.gallery-page article:before,.review-page article:before,.principle-grid article:before{display:none}.motion[data-motion=left],.motion[data-motion=right],.motion[data-motion=depth]{transform:translateY(35px) scale(.96)}header nav{background:#fffdf8}.mobile a:first-child{background:linear-gradient(135deg,var(--emerald-dark),#18ad73)}}
@media(hover:none),(pointer:coarse){.service-grid article:hover,.content-cards article:hover,.area-grid article:hover,.steps article:hover,.cards article:hover,.gallery-page article:hover,.review-page article:hover,.principle-grid article:hover{transform:none;box-shadow:0 12px 30px rgba(5,45,31,.07)}}@media(prefers-reduced-motion:reduce){.btn:after,.service-grid article:before,.content-cards article:before,.area-grid article:before,.steps article:before,.cards article:before,.gallery-page article:before,.review-page article:before,.principle-grid article:before{display:none}}

/* Performance safeguards: preserve the premium look without costly continuous compositing */
body{background-attachment:scroll}body:before{position:absolute}header,.hero-copy .offers span,.hero-benefits,.benefits,.review-list article{backdrop-filter:none;-webkit-backdrop-filter:none}
.motion{filter:none;will-change:transform,opacity;transition-property:opacity,transform}.motion.shown{will-change:auto}
main>.section,.brands-we-serve,.service-disclaimer,footer{content-visibility:auto;contain-intrinsic-size:1px 720px}
@media(max-width:700px){.motion{filter:none;will-change:auto}.service-grid article,.content-cards article,.area-grid article,.steps article,.cards article,.gallery-page article,.review-page article,.principle-grid article{box-shadow:0 8px 22px rgba(5,45,31,.07)}}

/* Guaranteed hover contrast across every card family */
.service-grid article>*,.content-cards article>*,.area-grid article>*,.steps article>*,.cards article>*,.gallery-page article>*,.review-page article>*,.principle-grid article>*{position:relative;z-index:4}
.service-grid article:after,.content-cards article:after,.area-grid article:after,.steps article:after,.cards article:after,.gallery-page article:after,.review-page article:after,.principle-grid article:after{background:radial-gradient(circle at 96% 4%,rgba(243,181,63,.24),transparent 22%),linear-gradient(145deg,#08744d,#041f16 78%)}
@media(hover:hover) and (pointer:fine){.service-grid article:hover,.content-cards article:hover,.area-grid article:hover,.steps article:hover,.cards article:hover,.gallery-page article:hover,.review-page article:hover,.principle-grid article:hover{color:#fff!important}.service-grid article:hover :is(h2,h3,h4,p,li,a,strong,small,span,label),.content-cards article:hover :is(h2,h3,h4,p,li,a,strong,small,span,label),.area-grid article:hover :is(h2,h3,h4,p,li,a,strong,small,span,label),.steps article:hover :is(h2,h3,h4,p,li,a,strong,small,span,label),.cards article:hover :is(h2,h3,h4,p,li,a,strong,small,span,label),.gallery-page article:hover :is(h2,h3,h4,p,li,a,strong,small,span,label),.review-page article:hover :is(h2,h3,h4,p,li,a,strong,small,span,label),.principle-grid article:hover :is(h2,h3,h4,p,li,a,strong,small,span,label){color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.content-cards article:hover>span,.principle-grid article:hover>span{background:#fff!important;color:#076342!important;border-color:#fff!important;text-shadow:none}.review-page article:hover>span,.review-list article:hover>span{color:#ffd568!important}.gallery-page article:hover .gallery-label{color:#ffe19a!important}.service-grid article:hover .photo{background:#05291d}.faq details:hover :is(summary,p){color:#17352a!important}}

/* Unified landing-page brand background */
.service-hero,.page-hero{background-color:#3d8a6c;background-image:radial-gradient(circle at 88% 15%,rgba(255,255,255,.16),transparent 28%),radial-gradient(circle at 10% 90%,rgba(243,181,63,.16),transparent 30%),linear-gradient(135deg,#3d8a6c,#32775d)!important;color:#fff}
.service-hero h1,.page-hero h1{color:#fff;text-shadow:0 3px 18px rgba(4,40,27,.2)}.service-hero p,.service-hero-detail,.service-hero-points li,.page-hero p{color:#f3fff9!important}.service-hero label,.page-hero label{color:#e4fff4!important}.service-hero>img{border:1px solid rgba(255,255,255,.45);box-shadow:0 24px 58px rgba(8,54,38,.27)}.service-hero .secondary{background:#fff;color:#286f56;border-color:#fff}
