/* Clay-inspired content surfaces with the requested white backgrounds. The approved typography, header and heroes
   deliberately keep their own styles in klarna-design.css. */

/* The reference's large, inset panels, adapted to red, black and white. */
main > :is(.trust-strip,.garden-map-section,.client-story,.quote-section,.family-moments,.local-section,.process-timeline-section,.garden-service,.pro-plan,.mosquito-cycle) {
  width:calc(100% - 64px);max-width:1440px;margin:24px auto;
  padding:48px;border:1px solid #e8e5e1;border-radius:48px;
  background:#fff;color:#201f1c;
}
main > :is(.trust-strip,.garden-map-section,.client-story,.quote-section,.family-moments,.local-section,.process-timeline-section,.garden-service,.pro-plan,.mosquito-cycle) > .container {
  width:100%;max-width:1280px;
}
main > .section.container {padding-block:80px;border-inline:1px solid #eae7e2;padding-inline:24px;}
main > :is(.garden-map-section,.garden-service,.quote-section) {background:#fff;border-color:#f3dfdb;}
main > :is(.client-story,.family-moments,.local-section,.pro-plan) {background:#fff;}
main > .mosquito-cycle {background:#fff;}
main > .section:not(.hero) .section-heading {align-items:start;}
main > :is(.section,.garden-map-section,.client-story,.quote-section,.family-moments,.local-section,.pro-callout,.process-timeline-section,.garden-service,.pro-plan,.mosquito-cycle) .eyebrow {
  display:inline-flex;align-items:center;max-width:calc(100% - 18px);width:fit-content;
  padding:8px 14px;border:1px solid #f2d4cf;border-radius:999px;
  background:#fff;color:#a91d22;box-shadow:8px 0 0 #e11f2012,16px 0 0 #e11f2008;
}
main > :is(.section,.garden-map-section,.client-story,.quote-section,.family-moments,.local-section,.pro-callout,.process-timeline-section,.garden-service,.pro-plan,.mosquito-cycle,.final-cta) .button {
  border-radius:12px;box-shadow:none;transition:background .18s ease,box-shadow .18s ease;
}
main > :is(.section,.garden-map-section,.client-story,.quote-section,.family-moments,.local-section,.pro-callout,.process-timeline-section,.garden-service,.pro-plan,.mosquito-cycle,.final-cta) .button:hover {box-shadow:0 4px 14px #201f1c12;}
main > :is(.section,.garden-map-section,.client-story,.family-moments,.local-section,.process-timeline-section,.garden-service,.pro-plan,.mosquito-cycle) .text-link {text-decoration:none;}
main > :is(.section,.garden-map-section,.client-story,.family-moments,.local-section,.process-timeline-section,.garden-service,.pro-plan,.mosquito-cycle) .text-link:hover {text-decoration:underline;text-underline-offset:5px;}

/* A quiet proof grid, like Clay's customer tiles. */
main > .trust-strip {padding:12px;border:0;}
.trust-strip .trust-grid {gap:12px;padding:0;}
.trust-strip .trust-grid>div {border:0;background:#fff;border-radius:28px;padding:24px;}
.trust-strip .trust-grid span {position:static;display:inline-block;padding:5px 10px;margin-bottom:15px;border:1px solid #efd9d5;border-radius:999px;background:#fff;}
.trust-strip .trust-grid strong {margin-bottom:8px;}

/* Centred introductions and an inset grid of independent cards. */
#solutions .section-heading,#vos-espaces .section-heading,.family-moments .family-heading,.rain-checklist>.section-heading {
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin:0 auto 40px;
}
#solutions .section-heading>div,#vos-espaces .section-heading>div,.family-moments .family-heading>div {max-width:900px;}
#solutions .section-heading h2,#vos-espaces .section-heading h2,.family-moments .family-heading h2 {max-width:900px;}
#solutions .section-heading>p,#vos-espaces .section-heading>p,.family-moments .family-heading>p,.rain-checklist>.section-heading>p {max-width:680px;margin:0;}
#solutions .service-grid,.pro-contexts,.prevention-mini,.support-grid {
  gap:12px;background:#fff;padding:12px;border-radius:32px;border:1px solid #e8e5e1;
}
#solutions .service-card,#solutions .service-card.featured,.pro-contexts article,.prevention-mini article,.support-grid article {
  background:#fff;border:1px solid #e8e5e1;border-radius:22px;box-shadow:none;padding:28px;
}
#solutions .service-card.featured {background:#fff;}
#solutions .service-number {display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:6px 10px;border:1px solid #e8e1dd;border-radius:999px;background:#fff;color:#a91d22;}
#solutions .service-icon {border:1px solid #e8e1dd;border-radius:16px;background:#fff;}
#solutions .offer-summary {gap:12px;border:0;padding:0;margin-top:12px;}
#solutions .offer-summary>div {padding:26px 28px;border:1px solid #e8e5e1;border-radius:24px;background:#fff;}
#solutions .service-actions {text-align:center;margin-top:28px;}

/* Spacious split panels: content and photography have the same visual weight. */
.garden-map-section .garden-map-layout {gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;}
.garden-map-section .map-picture {border-radius:28px;border:1px solid #eadad5;}
.garden-map-section .garden-map {align-self:center;}
.garden-map-section .map-copy {background:#fff;border:1px solid #eee2de;border-radius:28px;padding:30px;display:flex;flex-direction:column;justify-content:center;}
.garden-map-section .map-detail {min-height:0;}
.garden-map-section .map-step {display:inline-block;padding:8px 12px;background:#fff;border:1px solid #f3dfdb;border-radius:999px;}
.garden-map-section .map-copy>.text-link {margin-top:auto;padding-top:20px;}
.garden-map-section .map-point {background:#191919;box-shadow:0 3px 10px #0003;}
.garden-map-section .map-point[aria-pressed=true] {background:#e11f20;}
.client-story .client-story-layout {gap:40px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);}
.client-story figure {background:#fff;border-radius:28px;padding:12px;}
.client-story img {border-radius:20px;}
.client-story .testimonial-full {border-color:#dbd6cf;}
.client-story blockquote footer {background:none;}
.family-moments .family-gallery {gap:16px;}
.family-moments .family-card {margin:0;background:white;border:1px solid #e7e3de;border-radius:28px;overflow:hidden;padding:12px;}
.family-moments .family-card>img {border-radius:20px;}
.family-moments .family-card figcaption {padding:24px 16px 16px;background:white;}
.family-moments .family-footer {justify-content:center;text-align:center;margin-top:28px;}
.local-section .local-layout {gap:40px;}
.local-section .territory-photo {background:#fff;padding:12px;border:1px solid #e7e3de;border-radius:28px;overflow:hidden;}
.local-section .territory-photo img {border-radius:20px;}
.pro-callout.container {padding:44px;border-radius:36px;border:1px solid #f0d9d5;background:#fff;margin-block:56px 8px;}
.prevention-mini>article>span,.pro-contexts article>span {display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #e8e1dd;background:#fff;border-radius:999px;}

/* Clay's panel/tab language for service navigation and the three-step journey. */
.service-anchor-nav {width:calc(100% - 64px);max-width:1440px;margin:0 auto 24px;border:0;border-radius:24px;background:#fff;}
.service-anchor-nav .container {width:100%;padding:12px;min-height:0;gap:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}
.service-anchor-nav a {display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:12px;background:white;border:1px solid #e4dfd9;border-radius:14px;white-space:normal;}
.service-anchor-nav a:hover {background:#fff;border-color:#e11f20;}
.service-intro .approach-photo {border-radius:28px;overflow:hidden;padding:12px;background:#fff;border:1px solid #e8e5e1;}
.service-intro .approach-photo img {border-radius:20px;}
.process-timeline-section .process-intro {max-width:860px;margin-bottom:44px;}
.process-timeline-section .process-timeline {display:grid;grid-template-columns:1fr;gap:20px;}
.process-timeline-section .process-timeline::before,.process-timeline-section .process-step-arrow {display:none;}
.process-timeline-section .process-step {grid-column:auto;grid-row:auto;padding:0;margin:0;}
.process-timeline-section .process-step-marker,.process-timeline-section .process-step:nth-child(even) .process-step-marker {position:relative;display:inline-flex;top:auto;left:auto;transform:none;margin:0 0 12px 20px;background:#fff;border-color:#e6d9d5;}
.process-timeline-section .process-step-card {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:20px;border:1px solid #e7e3de;border-radius:32px;box-shadow:none;background:white;}
.process-timeline-section .process-step:nth-child(2) .process-step-card {background:#fff;border-color:#efded8;}
.process-timeline-section .process-step-image {aspect-ratio:3/2;background:#fff;border:0;border-radius:22px;overflow:hidden;}
.process-timeline-section .process-step-image .image-zoom-button {padding:0;}
.process-timeline-section .process-step-image img {object-fit:contain;}
.process-timeline-section .process-step-copy {padding:24px;}
.process-timeline-section .process-step:nth-child(even) .process-step-copy {grid-column:1;grid-row:1;}
.process-timeline-section .process-step:nth-child(even) .process-step-image {grid-column:2;grid-row:1;}
.service-offer-choice {gap:16px;padding-block:28px;}
.service-offer-choice>a {border:1px solid #e5dfd9;border-radius:28px;padding:32px;background:white;}
.service-offer-choice>a:nth-child(2) {background:#fff;border-color:#f0d9d5;}
.service-offer-choice>a>span {padding:7px 12px;background:#fff;border:1px solid #e6dad4;border-radius:999px;}
.subscription-section .subscription-inclusions {background:#fff;border:1px solid #e5dfd9;border-radius:28px;padding:32px;}
.subscription-section .inclusion {border-color:#dcd7d0;}
.subscription-section .support-options {border-color:#e4dfd9;margin-top:24px;padding-top:40px;}
.garden-service .garden-service-grid {gap:32px;}
.garden-service .garden-steps {padding:12px 28px;background:#fff;border:1px solid #eee0db;border-radius:28px;}
.garden-service .garden-steps li,.garden-service .garden-steps li:first-child {padding-block:24px;border-color:#e8e0da;}
.garden-service .garden-photo-grid {gap:16px;}
.garden-service .garden-photo-grid figure {background:#fff;padding:12px;border-radius:28px;border:1px solid #eee0db;}
.garden-service .garden-photo-grid img {border-radius:20px;}
.subscription-details .subscription-conditions {background:#fff;border:1px solid #e5dfd9;padding:32px;border-radius:28px;}

/* White form within a soft-red section. No fields or request behaviour change. */
.quote-section .quote-grid {gap:48px;align-items:center;}
.quote-section .quote-copy h2 {color:#201f1c;}
.quote-section .quote-copy h2>span {color:#b91d23;}
.quote-section .quote-copy>p:not(.eyebrow),.quote-section .quote-reassurance,.quote-section .diagnostic-inclusions {color:#55504b;}
.quote-section .diagnostic-inclusions {border-color:#e6ceca;}
.quote-section .diagnostic-inclusions h3 {color:#201f1c;}
.quote-section .quote-reassurance .brand-icon {filter:none;}
.quote-section .quote-form {border:1px solid #e8dcd6;border-radius:28px;padding:32px;background:#fff;box-shadow:0 8px 24px #42201b06;}
.quote-section .quote-form input:not([type=radio]),.quote-section .quote-form select,.quote-section .quote-form textarea {border-radius:12px;border-color:#dedad4;background:#fff;}
.quote-section .quote-form input:focus,.quote-section .quote-form select:focus,.quote-section .quote-form textarea:focus {outline:2px solid #b91d23;outline-offset:2px;}
.quote-section .contact-options {border-radius:16px;background:#fff;padding:6px;gap:6px;}
.quote-section .contact-options label {border-radius:11px;background:#fff;border-color:transparent;}
.quote-section .contact-options label:has(input:checked) {border-color:#b91d23;background:#fff;}
.quote-section .form-icon {border-radius:14px;background:#fff;}

/* Professionals: matched cards and an orderly three-column process. */
.pro-contexts article {overflow:hidden;}
.pro-contexts article img {border-radius:18px;}
.pro-plan .pro-process {gap:12px;padding:12px;background:#fff;border-radius:32px;}
.pro-plan .pro-process li {padding:28px;background:#fff;border:1px solid #e8e3dc;border-radius:22px;}
.pro-plan .pro-process li>span {border-color:#edd4cf;background:#fff;color:#ae1c22;}

/* Educational content: white cards, compact pills and generous image panels. */
.knowledge-page .mosquito-cycle {padding:48px;background:#fff;}
.mosquito-cycle .cycle-diagram {padding:12px;background:#fff;border:1px solid #e5dfd9;border-radius:28px;overflow:hidden;}
.mosquito-cycle .cycle-diagram img {border-radius:20px;}
.knowledge-page .cycle-stages {gap:16px;}
.knowledge-page .cycle-stage {border-color:#e5dfd9;border-radius:24px;padding:28px;background:white;}
.knowledge-page .cycle-stage:nth-child(even) {background:#fff;}
.mosquito-cycle .cycle-habitat {border-radius:999px;background:#fff;}
.mosquito-cycle .cycle-video {padding:24px;background:#fff;border:1px solid #e5dfd9;border-radius:28px;}
.mosquito-cycle .cycle-video video {border-radius:18px;}
.mosquito-cycle .cycle-takeaway {border:1px solid #ead6d0;border-radius:28px;background:#fff;}
.rain-checklist .rain-checklist-grid {gap:12px;padding:12px;background:#fff;border-radius:32px;}
.rain-checklist .rain-check {background:#fff;border:1px solid #e8e5e1;border-radius:22px;}
.rain-checklist .rain-check:has(input:checked) {border-color:#b91d23;background:#fff;}
.rain-checklist .checklist-progress {padding:20px 24px;background:#fff;border:1px solid #e5dfd9;border-radius:22px;}
.rain-checklist .checklist-feedback p {border:1px solid #ead6d0;background:#fff;border-radius:18px;}
.knowledge-page .knowledge-bubbles {gap:16px;}
.knowledge-page .info-bubble {border:1px solid #e5dfd9;border-radius:24px;background:#fff;box-shadow:none;}
.knowledge-page .info-bubble-kicker {color:#a91d22;}
.knowledge-page .educational-posters {gap:16px;padding:12px;background:#fff;border-radius:32px;}
.knowledge-page .educational-posters .brand-photo {background:#fff;border:1px solid #e5dfd9;border-radius:22px;overflow:hidden;padding:10px;}

/* The same rounded language continues through answers and the page ending. */
.faq-list {padding:12px;background:#fff;border:1px solid #e5dfd9;border-radius:28px;}
.faq-list details {background:white;border:1px solid #e5dfd9;border-radius:18px;margin-bottom:8px;padding-inline:24px;}
.faq-list details:last-child {margin-bottom:0;}
.faq-list details[open] {background:#fff;border-color:#efd5cd;}
main > .final-cta.container {background:#191919;border-color:#191919;border-radius:40px;padding:48px;margin-top:24px;margin-bottom:32px;}
.final-cta h2 {color:#fff;max-width:740px;}
.final-cta .eyebrow {color:#e0d9d4;}
body:not(.pilotage-page)>footer {width:calc(100% - 64px);max-width:1440px;margin:0 auto 24px;padding:20px 40px 0;background:#fff;border:1px solid #e3ded7;border-radius:40px;}
body>footer .container {width:100%;max-width:1280px;}
body>footer .footer-main {border:0;gap:40px;padding:32px 0;}
body>footer .footer-links {display:grid;grid-template-columns:1fr 1fr;gap:8px 32px;}
body>footer .footer-links a {padding-block:6px;}
body>footer .footer-bottom {border-color:#ddd6ce;}

@media(max-width:1100px) {
 main > :is(.trust-strip,.garden-map-section,.client-story,.quote-section,.family-moments,.local-section,.process-timeline-section,.garden-service,.pro-plan,.mosquito-cycle) {width:calc(100% - 48px);padding:32px;border-radius:36px;}
 main > .trust-strip {padding:12px;}
 main > .section.container {padding-inline:12px;padding-block:64px;}
 .garden-map-section .garden-map-layout,.client-story .client-story-layout {grid-template-columns:1fr;gap:24px;}
 .garden-map-section .map-copy {padding:28px;}
 .garden-map-section .map-copy>.text-link {margin-top:0;}
 .client-story figure {max-width:none;}
 .process-timeline-section .process-step-card {gap:20px;}
 .process-timeline-section .process-step-copy {padding:16px;}
 .quote-section .quote-grid {gap:32px;}
 .quote-section .quote-copy,.quote-section .quote-form {max-width:none;}
 .knowledge-page .mosquito-cycle {padding:32px;}
 .service-anchor-nav {width:calc(100% - 48px);}
 .pro-plan .pro-process li {padding:24px;}
 body>footer .footer-main {flex-wrap:wrap;}
 body:not(.pilotage-page)>footer {width:calc(100% - 48px);padding-inline:28px;}
}
@media(max-width:800px) {
 .service-anchor-nav .container {grid-template-columns:repeat(2,minmax(0,1fr));}
 .process-timeline-section .process-step-card {grid-template-columns:1fr;padding:12px;gap:0;}
 .process-timeline-section .process-step:nth-child(even) .process-step-copy,.process-timeline-section .process-step:nth-child(even) .process-step-image {grid-column:auto;grid-row:auto;}
 .process-timeline-section .process-step-copy {padding:24px 16px;}
 .process-timeline-section .process-step-image {aspect-ratio:3/2;}
 .service-offer-choice>a {padding:26px;}
 .quote-section .contact-options {gap:4px;padding:4px;}
}
@media(max-width:600px) {
 main > :is(.trust-strip,.garden-map-section,.client-story,.quote-section,.family-moments,.local-section,.process-timeline-section,.garden-service,.pro-plan,.mosquito-cycle) {width:calc(100% - 24px);padding:24px 16px;border-radius:28px;margin-block:16px;}
 main > .section.container {padding:44px 0;border-inline:0;}
 main > .trust-strip {padding:8px;}
 .trust-strip .trust-grid {gap:8px;}
 .trust-strip .trust-grid>div {border-radius:20px;padding:18px 14px;}
 .trust-strip .trust-grid span {margin-bottom:10px;}
 #solutions .section-heading,#vos-espaces .section-heading,.family-moments .family-heading,.rain-checklist>.section-heading {gap:16px;margin-bottom:24px;}
 #solutions .service-grid,.pro-contexts,.prevention-mini,.support-grid {padding:8px;gap:8px;border-radius:26px;}
 #solutions .service-card,#solutions .service-card.featured {padding:20px;border-radius:18px;}
 #solutions .service-number {min-height:0;padding:4px 9px;}
 #solutions .service-icon {border-radius:12px;}
 #solutions .offer-summary {gap:10px;margin-top:10px;}
 #solutions .offer-summary>div {padding:22px;border-radius:20px;}
 .garden-map-section .map-picture,.client-story figure,.local-section .territory-photo {border-radius:22px;}
 .garden-map-section .map-copy {padding:22px;border-radius:22px;}
 .client-story .client-story-layout,.local-section .local-layout {gap:28px;}
 .client-story figure,.local-section .territory-photo {padding:8px;}
 .client-story img,.local-section .territory-photo img {border-radius:16px;}
 .family-moments .family-card {border-radius:22px;padding:8px;}
 .family-moments .family-card>img {border-radius:16px;}
 .family-moments .family-card figcaption {padding:20px 12px 14px;}
 .pro-callout.container {padding:28px 24px;border-radius:28px;margin-top:32px;}
 .prevention-mini article,.pro-contexts article,.support-grid article {padding:24px;border-radius:18px;}
 .service-anchor-nav {width:calc(100% - 32px);margin-bottom:16px;border-radius:20px;}
 .service-anchor-nav .container {padding:8px;gap:6px;}
 .service-anchor-nav a {border-radius:12px;}
 .process-timeline-section .process-step-card {border-radius:24px;}
 .process-timeline-section .process-step-image {border-radius:16px;}
 .process-timeline-section .process-step-copy {padding:24px 12px 16px;}
 .process-timeline-section .process-step-marker {margin-left:12px;}
 .service-offer-choice>a,.subscription-section .subscription-inclusions,.garden-service .garden-steps,.subscription-details .subscription-conditions {padding:24px;border-radius:24px;}
 .garden-service .garden-steps {padding-block:0;}
 .garden-service .garden-photo-grid figure {border-radius:22px;padding:8px;}
 .garden-service .garden-photo-grid img {border-radius:16px;}
 .quote-section .quote-form {padding:24px 18px;border-radius:24px;}
 .quote-section .quote-grid {gap:28px;}
 .quote-section .contact-options label {padding-inline:6px;gap:6px;}
 .pro-plan .pro-process {padding:8px;gap:8px;border-radius:24px;}
 .pro-plan .pro-process li {padding:22px 18px;border-radius:18px;}
 .knowledge-page .mosquito-cycle {padding:28px 16px;}
 .mosquito-cycle .cycle-diagram {padding:8px;border-radius:22px;}
 .knowledge-page .cycle-stage {padding:22px;border-radius:22px;}
 .mosquito-cycle .cycle-video {padding:18px 12px;border-radius:22px;}
 .mosquito-cycle .cycle-video video {border-radius:12px;}
 .mosquito-cycle .cycle-takeaway {padding:24px;border-radius:22px;}
 .rain-checklist .rain-checklist-grid {padding:8px;gap:8px;border-radius:26px;}
 .rain-checklist .rain-check {padding:20px;border-radius:18px;}
 .knowledge-page .info-bubble {border-radius:22px;}
 .faq-list {padding:8px;border-radius:24px;}
 .faq-list details {border-radius:16px;padding-inline:18px;}
 main > .final-cta.container {border-radius:28px;padding:32px 24px;margin-block:16px;}
 body:not(.pilotage-page)>footer {width:calc(100% - 24px);padding:12px 24px 0;border-radius:28px;margin-bottom:16px;}
 body>footer .footer-main {gap:24px;padding-block:24px;}
 body>footer .footer-links {gap:4px 18px;width:100%;}
}
@media(prefers-reduced-motion:reduce) {
 main > :is(.section,.garden-map-section,.client-story,.quote-section,.family-moments,.local-section,.pro-callout,.process-timeline-section,.garden-service,.pro-plan,.mosquito-cycle,.final-cta) .button {transition:none;}
}

/* White replaces the former cream canvas; hero composition stays intact. */
:root{--paper:#fff;--sand:#fff;--cream:#fff}
body,.services-page{background:#fff}
.knowledge-intro.container{background:#fff}

main>.rain-checklist.section>.section-heading{align-items:center}
.rain-checklist>.section-heading>div,.rain-checklist>.section-heading h2{width:100%;max-width:none}
.quote-section .diagnostic-inclusions li{color:#55504b}
.quote-section .diagnostic-inclusions li:before{filter:none}