/* Cream inset surfaces on a white canvas. The Klarna heroes and type stay intact. */
:root{--surface-cream:#f3f1eb;--motion-ease:cubic-bezier(.22,1,.36,1);--soft-red-wash:linear-gradient(180deg,#fff 0%,#fff 62%,#fffdfd 75%,#fff6f6 88%,#ffe3e3 100%)}
body,body.services-page{background:#fff}
main>:is(.trust-strip,.section.container,.client-story,.quote-section,.family-moments,.local-section,.process-timeline-section,.mosquito-cycle,.subscription-details,.pro-callout){background:var(--surface-cream);border-color:#e8e4dc}
main>.section.container,main>.subscription-details{width:calc(100% - 64px);max-width:1440px;margin:24px auto;padding:64px 48px;border:1px solid #e8e4dc;border-radius:48px}
main>.mosquito-cycle,body.knowledge-page main>.mosquito-cycle{background:var(--surface-cream)}
main>.trust-strip{background:var(--surface-cream)}
body:not(.pilotage-page)>footer{background:var(--surface-cream)}
main>:is(.garden-map-section,.garden-service,.pro-plan){background:var(--soft-red-wash);border-color:#f0e8e6;isolation:isolate;position:relative}
main>:is(.garden-map-section,.garden-service,.pro-plan)::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23777777' filter='url(%23n)' opacity='.35' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
main>.final-cta.container{background:var(--soft-red-wash);border-color:#f0e8e6}
.final-cta h2{color:#201f1c}.final-cta .eyebrow{color:#a91d22}.final-cta .button{background:#e11f20;color:#fff;border-color:#e11f20}.final-cta .button:hover{background:#b91519;border-color:#b91519}.final-cta .button .brand-icon{filter:brightness(0) invert(1)}
/* Short, rolling labels and arrows echo the reference's hover language. */
.motion-label{display:inline-grid;overflow:hidden;vertical-align:middle;line-height:1.5}
.motion-label>span{grid-area:1/1;transition:transform .45s var(--motion-ease),opacity .35s ease}
.motion-label>span+span{transform:translateY(110%);opacity:0}
a:is(:hover,:focus-visible)>.motion-label>span:first-child{transform:translateY(-110%);opacity:0}
a:is(:hover,:focus-visible)>.motion-label>span+span{transform:translateY(0);opacity:1}
main>section:not(:is(.hero,.pro-hero,.knowledge-intro)) :is(.button,.text-link) .icon-arrow,.nav-cta .icon-arrow{transition:transform .4s var(--motion-ease)}
main>section:not(:is(.hero,.pro-hero,.knowledge-intro)) :is(.button,.text-link):is(:hover,:focus-visible) .icon-arrow,.nav-cta:is(:hover,:focus-visible) .icon-arrow{transform:translateX(5px)}
.service-anchor-nav a,.guide-links a,.map-point{transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .4s var(--motion-ease)}
.service-anchor-nav a[aria-current=location],.guide-links a[aria-current=location]{background:#fbd8d1;border-color:#c93e38;color:#65181a}
.map-point:is(:hover,:focus-visible){transform:scale(1.12)}
.map-list li{transition:background-color .3s,color .3s;padding:7px 10px;border-radius:9px}
.map-list li.is-current{background:#fbe1da;color:#871b20}
@media(hover:hover){
 main :is(.service-card,.service-offer-choice>a,.family-card,.pro-contexts article,.rain-check,.pro-process li){transition:transform .5s var(--motion-ease),box-shadow .5s var(--motion-ease),border-color .3s ease}
 main :is(.service-card,.service-offer-choice>a,.family-card,.pro-contexts article,.rain-check,.pro-process li):hover{transform:translateY(-5px);box-shadow:0 14px 32px #3928220c;border-color:#d3bcb4}
 .family-card img,.pro-contexts img,.territory-photo img{transition:transform .75s var(--motion-ease)}
 .family-card:hover img,.pro-contexts article:hover img,.territory-photo:hover img{transform:scale(1.025)}
}
/* Navigation panels retain the site's existing destinations. */
body .site-header{z-index:60;transition:box-shadow .35s ease,border-color .35s ease}
body .site-header.is-scrolled{box-shadow:0 6px 26px #2718130a}
.nav-group{display:flex;align-items:center;gap:2px}
body .site-header .nav-group>a{font-size:12px;color:#171717;white-space:nowrap}
.nav-disclosure{display:grid;place-items:center;width:24px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#191919;cursor:pointer}
.nav-disclosure::after{content:'';width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-2px);transition:transform .35s var(--motion-ease)}
.nav-disclosure[aria-expanded=true]::after{transform:rotate(225deg) translate(-1px,-1px)}
.nav-disclosure:hover{background:var(--surface-cream)}
.nav-panel{position:absolute;top:calc(100% + 8px);left:32px;right:32px;max-width:1376px;margin:auto;display:grid;grid-template-columns:1.65fr 1fr;gap:16px;padding:20px;background:white;border:1px solid #e8e4dc;border-radius:28px;box-shadow:0 24px 60px #21140f20;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .4s var(--motion-ease),visibility .25s}
.nav-panel.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.nav-panel-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body .site-header .nav-panel a{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:6px;padding:20px;white-space:normal;border:0;border-radius:16px;background:var(--surface-cream);color:#1b1b1b;text-decoration:none;transition:background .3s,transform .35s var(--motion-ease)}
body .site-header .nav-panel a:hover{background:#fbe3dc;transform:translateY(-2px)}
.nav-panel a strong{font-size:15px;font-weight:600}.nav-panel a small{font-size:12px;line-height:1.5;color:#5f5854}
.nav-panel-feature{overflow:hidden;background:#fbe3dc;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.nav-panel-feature img{width:100%;height:100%;min-height:180px;object-fit:cover}
.nav-panel-feature>div{padding:20px}.nav-panel-feature p{margin:8px 0 14px;font-size:13px;line-height:1.5}
body .site-header .nav-panel-feature a{display:inline-flex;padding:10px 12px;background:#171717;color:#fff;font-size:12px}
:is(.nav-disclosure,.nav-panel a):focus-visible{outline:2px solid #bc2027;outline-offset:4px}
details summary{transition:color .3s ease}
details[open]>summary{color:#a31f26}
details[open]>summary>span[aria-hidden=true]{transform:rotate(45deg)}
details summary>span[aria-hidden=true]{display:inline-block;transition:transform .35s var(--motion-ease)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:motion-page-out .16s ease both}
::view-transition-new(root){animation:motion-page-in .24s ease both}
@keyframes motion-page-out{to{opacity:0}}
@keyframes motion-page-in{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){
 main>.section.container,main>.subscription-details{width:calc(100% - 48px);padding:40px 32px;border-radius:36px}
 body .site-header .nav-inner{gap:12px}
 body .site-header #navigation{gap:12px}
 .nav-panel{left:24px;right:24px}
}
@media(max-width:1000px){
 body .site-header .menu-toggle{display:block}
 body .site-header .nav-cta{margin-left:auto}
 body .site-header #navigation{display:flex;position:absolute;top:100%;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0;padding:14px;background:#fff;border:1px solid #e8e4dc;border-radius:0 0 24px 24px;box-shadow:0 20px 35px #24181015;max-height:calc(100dvh - 100px);overflow:auto;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:transform .4s var(--motion-ease),opacity .25s ease,visibility .25s}
 body .site-header #navigation.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}
 body .site-header #navigation>a,body .site-header .nav-group>a{padding:14px 12px;min-height:48px;border:0;font-size:14px}
 .nav-group{display:grid;grid-template-columns:1fr 44px}
 .nav-disclosure{width:44px;height:44px}
 .nav-panel{display:none;position:static;grid-column:1/-1;padding:8px;box-shadow:none;margin:0 0 10px;max-width:100%;border-radius:18px;transform:none;transition:none}
 .nav-panel.is-open{display:block}
 .nav-panel-links{gap:6px}
 body .site-header .nav-panel a{padding:16px 12px;min-height:0;font-size:13px}
 .nav-panel a strong{font-size:13px}.nav-panel-feature{display:none}
}
@media(max-width:600px){
 main>.section.container,main>.subscription-details{width:calc(100% - 24px);padding:32px 16px;margin:16px auto;border-radius:28px}
 body .site-header .nav-inner{gap:8px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
 .motion-label>span+span{display:none}
 a:is(:hover,:focus-visible)>.motion-label>span:first-child{transform:none;opacity:1}
}