/*
Theme Name: Wijkopenwitgoed Theme
Theme URI: https://www.wijkopenwitgoed.nl/
Author: Uw Naam
Author URI: https://www.uw-website.nl/
Description: Een modern en responsief thema voor Wijkopenwitgoed.nl, gebaseerd op het concept van Gemini.
Version: 2.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template
Text Domain: wijkopenwitgoed-theme
*/

body {
    font-family: 'Inter', sans-serif;
}

/* --- Review Pagina & Slider Styling --- */
.review-card {
    background-color: white;
    padding: 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.star-rating {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #f59e0b; /* amber-500 */
    margin-bottom: 1rem;
}
.review-card-content {
    flex-grow: 1;
    color: #4b5563; /* text-gray-600 */
    font-style: italic;
}
.review-card-author {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb; /* border-gray-200 */
    font-weight: 600;
    color: #1f2937; /* text-gray-800 */
}
.review-card-author span {
    display: block;
    font-weight: 400;
    font-size: 0.875rem; /* text-sm */
    color: #6b7280; /* text-gray-500 */
}
/* Styling voor het review formulier */
.wpcf7-form .rating-group {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0.5rem;
}
.wpcf7-form .rating-group input[type="radio"] {
    display: none;
}
.wpcf7-form .rating-group label {
    color: #d1d5db; /* gray-300 */
    font-size: 2rem;
    cursor: pointer;
    transition: color 0.2s;
}
.wpcf7-form .rating-group input[type="radio"]:checked ~ label,
.wpcf7-form .rating-group label:hover,
.wpcf7-form .rating-group label:hover ~ label {
    color: #f59e0b; /* amber-500 */
}


/* --- Bedankt Pagina Styling --- */
.bedankt-container {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}
.bedankt-icon {
    background-color: #dcfce7; /* green-100 */
    color: #16a34a; /* green-600 */
    width: 80px;
    height: 80px;
    border-radius: 9999px; /* rounded-full */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}
.bedankt-container h1 {
    font-size: 2.25rem; /* text-4xl */
    font-weight: 800; /* font-extrabold */
    color: #1f2937; /* text-gray-800 */
    margin-bottom: 1rem;
}
.bedankt-container p {
    color: #4b5563; /* text-gray-600 */
    line-height: 1.75;
    margin-bottom: 1.5rem;
}

/* --- Werkgebied Pagina Styling --- */
.werkgebied-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr); /* Standaard 2 kolommen voor mobiel */
}
@media (min-width: 768px) {
    .werkgebied-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 kolommen voor tablets */
    }
}
@media (min-width: 1024px) {
    .werkgebied-grid {
        grid-template-columns: repeat(4, 1fr); /* 4 kolommen voor desktops */
    }
}
.werkgebied-group {
    /* Zorgt ervoor dat elke lettergroep bij elkaar blijft */
    break-inside: avoid;
}
.werkgebied-group h3 {
    font-size: 1.875rem; /* text-3xl */
    font-weight: 800; /* font-extrabold */
    color: #16a34a; /* green-600 */
    margin-bottom: 0.5rem;
}
.werkgebied-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.werkgebied-group li {
    margin-bottom: 0.25rem;
    color: #4b5563; /* text-gray-600 */
}


/* --- Zakelijke Keuze Pagina --- */
.zakelijk-choice-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}
@media (min-width: 1024px) {
    .zakelijk-choice-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.zakelijk-choice-box {
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 2rem;
}
.zakelijk-choice-box h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.zakelijk-choice-box p {
    color: #6b7280;
    margin-bottom: 1.5rem;
}


/* --- Overname Sectie Styling --- */
.overname-section {
    background-color: #f0f4f8;
    padding: 2.5rem 1.5rem;
    border-radius: 0.75rem;
    margin: 0 auto;
    max-width: 1100px;
}
.overname-section h2 {
    font-size: 1.875rem; /* text-3xl */
    font-weight: 800; /* font-extrabold */
    color: #1f2937; /* text-gray-800 */
    text-align: center;
    margin-bottom: 1rem;
}
.overname-section p {
    text-align: center;
    color: #4b5563; /* text-gray-600 */
    max-width: 800px;
    margin: 0 auto 1rem auto;
}
.overname-buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}
.overname-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: white;
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    transition: all 0.2s ease-in-out;
}
.overname-button.particulier {
    background-color: #16a34a; /* green-600 */
}
.overname-button.particulier:hover {
    background-color: #15803d; /* green-700 */
    transform: translateY(-2px);
}
.overname-button.zakelijk {
    background-color: #3b82f6; /* blue-500 */
}
.overname-button.zakelijk:hover {
    background-color: #2563eb; /* blue-600 */
    transform: translateY(-2px);
}

/* Custom classes from the original design, now in pure CSS */
.btn-primary {
    background-color: #16a34a; /* bg-green-600 */
    color: white;
    font-weight: 700; /* font-bold */
    padding: 0.75rem 1.5rem; /* py-3 px-6 */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.btn-primary:hover {
    background-color: #15803d; /* hover:bg-green-700 */
    transform: scale(1.05); /* hover:scale-105 */
}

.btn-secondary {
    background-color: white;
    color: #1f2937; /* text-gray-800 */
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.btn-secondary:hover {
    background-color: #f3f4f6; /* hover:bg-gray-100 */
    transform: scale(1.05);
}

.hero-bg {
    background-color: #f0f4f8;
    background-image: linear-gradient(135deg, #f0f4f8 0%, #d9e2ec 100%);
}
.section-title {
    font-size: 2.25rem; /* text-4xl */
    line-height: 2.5rem;
    font-weight: 900; /* font-black */
    color: #1f2937; /* text-gray-800 */
    margin-bottom: 1rem; /* mb-4 */
    text-align: center;
}
.section-subtitle {
    font-size: 1.125rem; /* text-lg */
    line-height: 1.75rem;
    color: #4b5563; /* text-gray-600 */
    margin-bottom: 3rem; /* mb-12 */
    text-align: center;
    max-width: 42rem; /* max-w-2xl */
    margin-left: auto;
    margin-right: auto;
}
.card {
    background-color: white;
    padding: 2rem; /* p-8 */
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
    transition: box-shadow 0.3s, transform 0.3s;
}
.card:hover {
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); /* hover:shadow-2xl */
    transform: translateY(-0.5rem); /* hover:-translate-y-2 */
}
.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- Contact Form 7 Global Styling --- */
.wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio) {
    display: block;
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    transition: box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
    background-color: #fff;
    font-size: 1rem;
}

.wpcf7-form-control:not(.wpcf7-submit):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    border-color: #16a34a;
    box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.4);
}

.wpcf7-submit {
    background-color: #16a34a;
    color: white;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    transition: all 0.3s ease-in-out;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
.wpcf7-submit:hover {
    background-color: #15803d;
    transform: scale(1.05);
}

.wpcf7 p, .wpcf7-form-control-wrap {
    margin: 0;
    padding: 0;
    display: contents;
}

/* --- Improved Checkbox Styling --- */
.info-banner {
    background-color: #f0fdf4; /* green-50 */
    border-left: 4px solid #4ade80; /* green-400 */
    color: #14532d; /* green-900 */
    padding: 1rem; /* p-4 */
    border-radius: 0.5rem; /* rounded-lg */
    margin-bottom: 1.5rem; /* mb-6 */
    font-size: 0.9rem;
    line-height: 1.5;
}
.info-banner strong {
    font-weight: 600;
}
.info-banner-blue {
    background-color: #eff6ff; /* blue-50 */
    border-left: 4px solid #60a5fa; /* blue-400 */
    color: #1e3a8a; /* blue-900 */
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.6;
}
.info-banner-blue strong {
    font-weight: 600;
}
.appliance-options-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}
@media (min-width: 640px) {
    .appliance-options-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.appliance-option {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.appliance-option:has(input:checked) {
    border-color: #16a34a;
    box-shadow: 0 0 0 1px #16a34a;
}
.appliance-option .wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: flex-start;
}
.appliance-option input[type="checkbox"] {
    height: 1.15rem;
    width: 1.15rem;
    border-radius: 0.25rem;
    border-color: #d1d5db;
    color: #16a34a;
    margin-right: 0.75rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}
.appliance-option .wpcf7-list-item-label {
    font-weight: 600;
    cursor: pointer;
}
.appliance-option .extra-info {
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #6b7280;
    font-weight: 400;
    margin-top: 0.25rem;
}


/* --- Review Slider Styling --- */
.review-slide {
    box-sizing: border-box;
    padding: 0 1rem;
}

/* --- FAQ Accordion Styling --- */
.faq-item {
    border-bottom: 1px solid #e5e7eb;
}
.faq-question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    padding: 1.5rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    background: none;
    border: none;
}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}
.faq-answer p {
    padding-bottom: 1.5rem;
    color: #4b5563;
}
.faq-answer a {
    color: #16a34a;
    text-decoration: underline;
}
.faq-icon {
    transition: transform 0.3s ease-in-out;
}
.faq-item.active .faq-icon {
    transform: rotate(45deg);
}

/* --- Floating WhatsApp Button --- */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25D366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
}
.whatsapp-float:hover {
    transform: scale(1.1);
}

/* --- Social Media Icons --- */
.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #374151; /* gray-700 */
    border-radius: 9999px; /* rounded-full */
    color: white;
    transition: background-color 0.3s, transform 0.3s;
}
.social-icon:hover {
    background-color: #16a34a; /* green-600 */
    transform: scale(1.1);
}

/*ANIMATIES*/

/* style.css - COMPLETE HERBOUW */

/* --- Basis & Knoppen --- */
/* Pas de kleuren hier eventueel aan naar uw huisstijl */
.btn-primary {
    background-color: #22c55e; /* green-500 */
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    transition: background-color 0.3s;
}
.btn-primary:hover {
    background-color: #16a34a; /* green-600 */
}

.btn-secondary {
    background-color: #fff;
    color: #374151; /* gray-700 */
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    border: 1px solid #e5e7eb; /* gray-200 */
    transition: all 0.3s;
}
.btn-secondary:hover {
    background-color: #f9fafb; /* gray-50 */
    border-color: #d1d5db; /* gray-300 */
}

/* --- Sectie Titels --- */
.section-title {
    text-align: center;
    font-size: 2.25rem; /* 36px */
    font-weight: 800;
    color: #1f2937; /* gray-800 */
    margin-bottom: 1rem;
}
.section-subtitle {
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    color: #4b5563; /* gray-600 */
    font-size: 1.125rem; /* 18px */
    margin-bottom: 3rem;
}

/* --- Parallax Hero Effect --- */
#hero-parallax {
    position: relative;
}
.parallax-layer img {
    transition: transform 0.3s ease-out; 
}

/* --- Animatie Voorbereiding --- */
.hero-line, .hero-buttons {
    opacity: 0;
    transform: translateY(25px);
}

/* --- Review Slider (Swiper) --- */
.review-swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.review-swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 320px;
    opacity: 0.4;
    transition: opacity 0.3s ease;
    padding: 20px;
    box-sizing: border-box;
}
.review-swiper .swiper-slide-active {
    opacity: 1;
}
.review-swiper .review-card {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    height: 100%;
}
.review-swiper .star-rating {
    color: #f59e0b;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.review-swiper .swiper-pagination-bullet-active {
    background-color: #166534;
}

/* --- Multi-Step Formulier --- */
.wpcf7-form .form-step:not(:first-child) {
    display: none;
}
.form-step {
    animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.step-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
    padding-top: 1.5rem;
}
.step-buttons .btn-next, .step-buttons .btn-prev {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}
.step-buttons .btn-prev {
    background-color: #e5e7eb;
    color: #374151;
}
.step-buttons .btn-prev:hover {
    background-color: #d1d5db;
}
.step-buttons .btn-next {
    background-color: #22c55e;
    color: white;
}
.step-buttons .btn-next:hover {
    background-color: #16a34a;
}
.wpcf7-form .wpcf7-submit {
    display: none; /* Wordt door JS getoond op de laatste stap */
}



/* --- Stijl voor de Merknaam Blokjes (van de vorige keer) --- */
.brand-placeholder {
    background-color: #f3f4f6; /* Lichtgrijs (Tailwind gray-100) */
    color: #8c8c8c;           /* Donkergrijze tekst (gray-600) */
    padding: 20px 40px;        /* Meer horizontale ruimte voor de leesbaarheid */
    border-radius: 12px;       /* Afgeronde hoeken */
    text-align: center;
    font-weight: 600;
    font-size: 1.125rem;       /* 18px */
    transition: all 0.3s ease;
    white-space: nowrap;       /* Zorgt dat de naam niet afbreekt */
    flex-shrink: 0;            /* Voorkomt dat blokjes krimpen */
}

.brand-placeholder:hover {
    background-color: #ffffff;
    color: #166534;
    border: 1px solid #d1d5db;
    transform: translateY(-4px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.07);
}


/* --- NIEUWE CSS voor de Marquee Animatie --- */
.marquee-wrapper {
    position: relative;
    width: 100%;
    display: flex;
}

.marquee-content {
    display: flex; /* Zet alle blokjes netjes naast elkaar */
    gap: 1.5rem;   /* Ruimte tussen de blokjes (24px) */
    /* De animatie: naam, duur, timing, herhaling */
    animation: marquee-scroll 40s linear infinite;
}

.marquee-wrapper:hover .marquee-content {
    /* Pauzeer de animatie als de muis eroverheen gaat */
    animation-play-state: paused;
}

/* De @keyframes definitie die de daadwerkelijke beweging maakt */
@keyframes marquee-scroll {
    0% {
        transform: translateX(0%);
    }
    100% {
        /* Schuif de content precies 50% naar links op. */
        /* Omdat de content gedupliceerd is, lijkt dit naadloos. */
        transform: translateX(-50%);
    }
}

/* Fix voor de layout van de 'Overname' sectie op mobiel 
  en algemene styling voor de 'kaart'.
*/
.overname-section {
    background-color: #f9fafb; /* Lichtgrijze achtergrond (Tailwind gray-50) */
    padding: 1.5rem;           /* Ruimte binnenin de kaart (24px) */
    border-radius: 12px;       /* Mooie afgeronde hoeken */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* Subtiele schaduw */
    
    /* DE BELANGRIJKE FIX: */
    box-sizing: border-box;    /* Zorgt dat padding binnen de totale breedte valt */
    width: 100%;               /* Zorgt dat het element zich aanpast aan de container */
}

/* Optioneel: iets meer ruimte op grotere schermen voor een luxere uitstraling */
@media (min-width: 640px) { /* Dit is hetzelfde als de 'sm:' prefix van Tailwind */
    .overname-section {
        padding: 2.5rem; /* Iets meer padding op desktop */
    }
}

/* --- Styling voor de Secundaire Knop (wit met rand) --- */


.btn-secondary {
    display: inline-flex; /* Zorgt voor juiste uitlijning met iconen */
    align-items: center;
    justify-content: center;
    background-color: #ffffff; /* Witte achtergrond */
    color: #374151; /* Donkergrijze tekst (gray-700) */
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    border: 1px solid #e5e7eb; /* Lichte grijze rand (gray-200) */
    transition: all 0.3s ease;
    text-decoration: none; /* Zorgt dat er geen onderlijning is */
}

.btn-secondary:hover {
    background-color: #f9fafb; /* Iets donkerder wit op hover (gray-50) */
    border-color: #d1d5db; /* Iets donkerder rand op hover (gray-300) */
    color: #1f2937; /* Zwarte tekst op hover (gray-800) */
}

.page-title {
    display: none;
}

.wpcf7-submit {
    display: inline-block !important;
}


/* V2 professionele afwerking — veilig aanvullend laagje */
:root { --ww-brand: #168447; --ww-ink: #12213c; --ww-soft: #f4f8f6; }
body { color: var(--ww-ink); }
#header { border-bottom: 1px solid rgba(18,33,60,.08); transition: box-shadow .2s ease, background-color .2s ease; }
#header .container { min-height: 76px; }
#header img { display:block; max-width:min(250px, 52vw); object-fit:contain; }
#header nav a { transition: color .2s ease, transform .2s ease; }
#header nav a:hover { transform: translateY(-1px); }
#header .btn-primary, .btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:46px; box-shadow:0 8px 18px rgba(22,132,71,.16); }
#mobile-menu { overscroll-behavior: contain; }
#mobile-menu .mobile-menu-link { text-align:center; }
input:focus, textarea:focus, select:focus { outline:3px solid rgba(22,132,71,.18); outline-offset:1px; border-color:var(--ww-brand) !important; }
button, a { -webkit-tap-highlight-color: transparent; }
@media (max-width: 767px) {
  #header .container { padding-left:1rem; padding-right:1rem; }
  #header img { max-height:54px !important; }
  .whatsapp-float { width:54px; height:54px; right:16px; bottom:18px; font-size:26px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}


/* V2 modern design system — aanvullende overrides */
body { background:#f8fafc; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main > section { position:relative; }
#hero-parallax { min-height:clamp(560px,78vh,820px); background:linear-gradient(135deg,#f8fbff 0%,#effaf3 52%,#ffffff 100%); }
#hero-parallax::after { content:""; position:absolute; inset:auto -12% -24% 35%; height:360px; background:radial-gradient(ellipse,rgba(22,132,71,.14),transparent 68%); pointer-events:none; }
#hero-parallax h1 { max-width:900px; letter-spacing:-.055em; text-wrap:balance; }
#hero-parallax .hero-line { text-shadow:0 1px 0 rgba(255,255,255,.8); }
#hero-parallax .hero-buttons a { min-width:190px; border-radius:14px; padding:15px 22px; font-weight:800; }
.section-title { letter-spacing:-.045em; text-wrap:balance; }
.section-subtitle { line-height:1.7; }
.card, .step-card, .review-card, .overname-section { border:1px solid #e2e8f0; border-radius:20px; box-shadow:0 12px 32px rgba(15,23,42,.06); background:#fff; }
.card:hover, .step-card:hover, .review-card:hover { box-shadow:0 18px 42px rgba(15,23,42,.1); transform:translateY(-3px); }
.step-card, .review-card, .card { transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
#verkoop-formulier { background:linear-gradient(180deg,#f8fafc 0%,#eef8f1 100%) !important; }
#verkoop-formulier .card { max-width:920px; margin-left:auto; margin-right:auto; }
#particulier-form { scroll-margin-top:100px; }
.wpcf7-form input:not([type=checkbox]):not([type=radio]), .wpcf7-form select, .wpcf7-form textarea { width:100%; border:1px solid #d8e1ea; border-radius:12px; padding:13px 15px; background:#fff; transition:border-color .2s,box-shadow .2s; }
.wpcf7-form .wpcf7-submit { border:0; border-radius:12px; padding:14px 24px; font-weight:800; cursor:pointer; }
.ww-horeca-route { border-radius:24px; box-shadow:0 16px 42px rgba(15,23,42,.08); }
@media (max-width:767px) {
 #hero-parallax { min-height:650px; }
 #hero-parallax h1 { font-size:clamp(2.35rem,11vw,3.7rem); line-height:1.02; }
 #hero-parallax .hero-buttons { width:100%; padding:0 10px; }
 #hero-parallax .hero-buttons a { width:100%; }
 .section-title { font-size:clamp(1.8rem,8vw,2.5rem); }
 .card, .step-card, .review-card { border-radius:16px; }
}


/* =========================================================
   V2 VISUAL REFINEMENT — professioneel, rustig en conversiegericht
   ========================================================= */
:root {
  --ww-ink: #122033;
  --ww-muted: #526174;
  --ww-green: #16b866;
  --ww-green-dark: #0d8f50;
  --ww-surface: #f5f8f7;
  --ww-border: rgba(18,32,51,.10);
}

html { scroll-behavior: smooth; }
body {
  background: #f7faf9;
  color: var(--ww-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Hero: compacter, sterker contrast en geen lege viewport */
#hero-parallax {
  height: auto !important;
  min-height: clamp(620px, 76vh, 760px) !important;
  padding: clamp(54px, 7vw, 92px) 0 clamp(58px, 7vw, 88px);
  isolation: isolate;
  background:
    radial-gradient(circle at 82% 20%, rgba(22,184,102,.13), transparent 33%),
    linear-gradient(135deg, #f7fbfa 0%, #edf8f2 58%, #f8fcfb 100%) !important;
}
#hero-parallax::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(22,184,102,.24), transparent);
  z-index: 45;
}
#hero-parallax .parallax-layer img {
  object-fit: contain;
  filter: drop-shadow(0 22px 28px rgba(18,32,51,.12));
}
#hero-parallax .parallax-layer:nth-child(1) img { opacity: .18 !important; }
#hero-parallax .parallax-layer:nth-child(2) img { opacity: .38 !important; }
#hero-parallax .parallax-layer:nth-child(3) img { opacity: .16 !important; }
#hero-parallax h1 {
  max-width: 900px;
  margin-inline: auto;
  color: var(--ww-ink) !important;
  font-size: clamp(2.65rem, 5.2vw, 5.15rem) !important;
  letter-spacing: -.065em;
  line-height: .98 !important;
  text-wrap: balance;
}
#hero-parallax h1 span { color: var(--ww-green-dark) !important; }
#hero-parallax .hero-line:nth-of-type(1) {
  max-width: 760px;
  color: #356c52 !important;
  font-size: clamp(1.05rem, 1.65vw, 1.32rem) !important;
  line-height: 1.55;
}
#hero-parallax .hero-buttons { margin-top: 12px; }
#hero-parallax .hero-buttons a,
#hero-parallax .btn-primary,
#hero-parallax .btn-secondary {
  min-height: 54px;
  padding: 15px 24px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.01em;
}
#hero-parallax .btn-primary {
  background: linear-gradient(135deg, #20c66d, #0eaa5b) !important;
  box-shadow: 0 14px 28px rgba(14,170,91,.22);
}
#hero-parallax .btn-secondary {
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(18,32,51,.12) !important;
  color: var(--ww-ink) !important;
  box-shadow: 0 9px 22px rgba(18,32,51,.08);
}
#hero-parallax > .container > p:last-child {
  margin-top: 28px;
  color: #3f7258 !important;
  font-size: 14px !important;
  letter-spacing: .01em;
}

/* Overname: rustige editorial band in plaats van een fletse fotocirkel */
#overname {
  padding-block: clamp(64px, 8vw, 104px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(22,184,102,.10), transparent 44%),
    linear-gradient(180deg, #ffffff 0%, #f1f7f4 100%) !important;
  box-shadow: inset 0 1px 0 rgba(18,32,51,.05), inset 0 -1px 0 rgba(18,32,51,.05) !important;
}
#overname > .absolute { display: none !important; }
#overname .overname-animate { max-width: 820px; }
#overname h2 { font-size: clamp(2rem, 4vw, 3.35rem) !important; letter-spacing: -.055em; }
#overname h2 span { color: var(--ww-green-dark) !important; }
#overname p { color: var(--ww-muted); }
#overname p.text-xl { color: #187a4b !important; font-size: clamp(1.05rem, 2vw, 1.35rem) !important; }
#overname a { min-height: 50px; border-radius: 13px !important; }

/* Consistente sectiekoppen en kaarten */
.section-title {
  color: var(--ww-ink) !important;
  font-size: clamp(2rem, 3.4vw, 3rem) !important;
  letter-spacing: -.055em;
  line-height: 1.05 !important;
}
.section-subtitle { color: var(--ww-muted) !important; max-width: 640px; }
#hoe-het-werkt, #reviews, #verkoop-formulier, #merken { position: relative; }
#hoe-het-werkt { background: #f4f7f6 !important; }
#reviews { background: #ffffff !important; }
#verkoop-formulier { background: #f4f7f6 !important; }
.card, .review-card {
  border: 1px solid var(--ww-border);
  box-shadow: 0 14px 34px rgba(18,32,51,.07);
}
.step-card { min-height: 300px; padding: 34px 28px !important; }
.step-card h3 { color: var(--ww-ink) !important; letter-spacing: -.025em; }
.step-card p { color: var(--ww-muted) !important; line-height: 1.65; }

/* Routekaarten en formulier duidelijker als één keuze-flow */
#verkoop-formulier > .container > .max-w-4xl { margin-top: 34px; }
#verkoop-formulier > .container > .max-w-4xl > .card {
  min-height: 255px;
  padding: 30px !important;
  border-radius: 20px;
  background: rgba(255,255,255,.95);
}
#verkoop-formulier > .container > .max-w-4xl h3 { color: var(--ww-ink) !important; letter-spacing: -.035em; }
#verkoop-formulier > .container > .max-w-4xl p { color: var(--ww-muted) !important; line-height: 1.6; }
#particulier-form {
  max-width: 820px !important;
  padding: clamp(24px, 4vw, 44px) !important;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid var(--ww-border);
  box-shadow: 0 18px 44px rgba(18,32,51,.08);
}
#particulier-form h3 { color: var(--ww-ink) !important; letter-spacing: -.035em; }
#particulier-form .wpcf7-form-control:not([type="submit"]) {
  border-color: rgba(18,32,51,.16) !important;
  border-radius: 11px !important;
  min-height: 50px;
}
#particulier-form .wpcf7-submit { border-radius: 12px !important; min-height: 54px; font-weight: 800; }

/* Footer rustiger en scherper */
footer, .site-footer { background: #122033 !important; }
footer a, .site-footer a { transition: color .2s ease, opacity .2s ease; }
footer a:hover, .site-footer a:hover { opacity: 1; color: #6ee7a7 !important; }

@media (max-width: 767px) {
  #hero-parallax {
    min-height: 650px !important;
    padding: 42px 18px 54px;
  }
  #hero-parallax h1 { font-size: clamp(2.45rem, 12vw, 3.65rem) !important; line-height: 1.02 !important; }
  #hero-parallax .hero-line:nth-of-type(1) { font-size: 1rem !important; line-height: 1.5; }
  #hero-parallax .hero-buttons { gap: 10px; }
  #hero-parallax .hero-buttons a { width: 100%; min-height: 52px; }
  #hero-parallax > .container > p:last-child { margin-top: 22px; font-size: 12px !important; line-height: 1.45; }
  #overname { padding-block: 56px !important; }
  #overname h2 { font-size: 2rem !important; }
  #overname p.text-xl { font-size: 1.05rem !important; }
  #hoe-het-werkt, #reviews, #verkoop-formulier, #merken { padding-block: 62px !important; }
  .step-card { min-height: 0; padding: 28px 22px !important; }
  #verkoop-formulier > .container > .max-w-4xl > .card { min-height: 0; padding: 24px !important; }
  #particulier-form { margin-top: 42px !important; padding: 22px 17px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* Typografie-correctie: hero-kop en begeleidende tekst apart schalen */
#hero-parallax h1.hero-line {
  max-width: 900px;
  font-size: clamp(2.65rem, 5.2vw, 5.15rem) !important;
  line-height: .98 !important;
}
#hero-parallax p.hero-line {
  max-width: 760px;
  font-size: clamp(1.05rem, 1.65vw, 1.32rem) !important;
  line-height: 1.55 !important;
}


/* Definitieve cascade-fix voor hero-kop (h1 was door nth-of-type te klein) */
#hero-parallax h1.hero-line:nth-of-type(1) {
  max-width: 900px;
  color: var(--ww-ink) !important;
  font-size: clamp(2.65rem, 5.2vw, 5.15rem) !important;
  line-height: .98 !important;
}
#hero-parallax p.hero-line:nth-of-type(1) {
  max-width: 760px;
  color: #356c52 !important;
  font-size: clamp(1.05rem, 1.65vw, 1.32rem) !important;
  line-height: 1.55 !important;
}


/* Premium details: duidelijke introductie en compactere overnamekop */
.hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 auto 22px;
  padding: 8px 13px;
  border: 1px solid rgba(22,184,102,.22);
  border-radius: 999px;
  background: rgba(255,255,255,.74);
  color: #127343;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: 0 7px 18px rgba(18,32,51,.05);
}
.hero-kicker span { color: #f58220; }
#overname h2 br { display: none; }
#overname h2 { max-width: 860px; margin-inline: auto; }
@media (max-width: 767px) {
  .hero-kicker { margin-bottom: 17px; padding: 7px 10px; font-size: 9px; letter-spacing: .08em; }
}


/* Brede schermen: hero-kop krijgt meer ademruimte en een rustiger ritme */
#hero-parallax > .container { max-width: 1400px; }
#hero-parallax h1.hero-line:nth-of-type(1) {
  max-width: 1180px;
  font-size: clamp(2.55rem, 4.1vw, 4.6rem) !important;
  line-height: 1.01 !important;
}
@media (max-width: 767px) {
  #hero-parallax h1.hero-line:nth-of-type(1) {
    max-width: 100%;
    font-size: clamp(2.35rem, 11vw, 3.3rem) !important;
    line-height: 1.02 !important;
  }
}


/* Hero signature: uitgesproken premium contrast voor de nieuwe V2-identiteit */
#hero-parallax {
  background:
    radial-gradient(circle at 78% 18%, rgba(35,198,109,.28), transparent 32%),
    radial-gradient(circle at 14% 88%, rgba(38,105,168,.22), transparent 36%),
    linear-gradient(135deg, #0d1b2a 0%, #102a3a 52%, #123b3a 100%) !important;
}
#hero-parallax::after { background: linear-gradient(90deg, transparent, rgba(110,231,167,.42), transparent); }
#hero-parallax h1.hero-line:nth-of-type(1) { color: #f8fafc !important; }
#hero-parallax h1 span { color: #55e58d !important; }
#hero-parallax p.hero-line:nth-of-type(1) { color: #c8e6d5 !important; }
#hero-parallax > .container > p:last-child { color: #a6e9bf !important; }
#hero-parallax .hero-kicker {
  border-color: rgba(110,231,167,.30);
  background: rgba(255,255,255,.10);
  color: #b9f5ce;
  box-shadow: 0 10px 24px rgba(0,0,0,.16);
}
#hero-parallax .hero-kicker span { color: #fb923c; }
#hero-parallax .btn-secondary {
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(255,255,255,.55) !important;
}
#hero-parallax .parallax-layer:nth-child(1) img { opacity: .22 !important; }
#hero-parallax .parallax-layer:nth-child(2) img { opacity: .44 !important; }
#hero-parallax .parallax-layer:nth-child(3) img { opacity: .21 !important; }


/* =========================================================
   SITE-WIDE CONTENT SYSTEM — informatie-, contact- en FAQ-pagina's
   ========================================================= */
.ww-standard-page { background: #f4f7f6; min-height: 60vh; }
.ww-standard-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(60px, 8vw, 104px) 0 clamp(74px, 9vw, 120px);
  color: #ffffff;
  background:
    radial-gradient(circle at 80% 12%, rgba(35,198,109,.24), transparent 34%),
    linear-gradient(135deg, #0d1b2a 0%, #102a3a 58%, #123b3a 100%);
}
.ww-standard-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(110,231,167,.42), transparent);
}
.ww-standard-hero .container { position: relative; z-index: 1; max-width: 1160px; }
.ww-standard-kicker {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 8px 13px;
  border: 1px solid rgba(110,231,167,.30);
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  color: #b9f5ce;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ww-standard-hero h1 {
  max-width: 880px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.5rem, 5.2vw, 4.8rem);
  font-weight: 950;
  letter-spacing: -.06em;
  line-height: .99;
  text-wrap: balance;
}
.ww-standard-hero p {
  max-width: 680px;
  margin: 20px 0 0;
  color: #c8e6d5;
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  line-height: 1.65;
}
.ww-standard-content { padding: clamp(42px, 6vw, 80px) 0; }
.ww-standard-card {
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: clamp(24px, 5vw, 54px) !important;
  border: 1px solid rgba(18,32,51,.10);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(18,32,51,.08);
}
.ww-standard-card.prose { color: #526174; }
.ww-standard-card.prose h2,
.ww-standard-card.prose h3,
.ww-standard-card.prose h4 { color: #122033; letter-spacing: -.035em; }
.ww-standard-card.prose a { color: #0d8f50; font-weight: 700; }

/* Contact en FAQ delen dezelfde kaarttaal */
.faq-accordion, .faq-item { border-color: rgba(18,32,51,.10) !important; }
.faq-item { border-bottom: 1px solid rgba(18,32,51,.10); }
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 20px;
  padding: 22px 4px;
  color: #122033;
  font-size: 17px;
  font-weight: 800;
  text-align: left;
}
.faq-question:hover { color: #0d8f50; }
.faq-answer { color: #526174; line-height: 1.7; }

/* Header: iets meer merkuitstraling en nette hover states */
#header { border-bottom: 1px solid rgba(18,32,51,.08); }
#header nav a { position: relative; padding: 8px 0; }
#header nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: #16b866;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .2s ease;
}
#header nav a:hover::after { transform: scaleX(1); }
#header .btn-primary { min-height: 48px; padding-inline: 21px; border-radius: 12px; }

@media (max-width: 767px) {
  .ww-standard-hero { padding: 56px 0 74px; }
  .ww-standard-hero h1 { font-size: clamp(2.35rem, 12vw, 3.6rem); }
  .ww-standard-hero p { font-size: 1rem; }
  .ww-standard-kicker { font-size: 9px; letter-spacing: .08em; }
  .ww-standard-card { border-radius: 18px; }
  .faq-question { padding: 18px 0; font-size: 15px; }
}


/* ===== V2 conversion flow: form card and trust cues ===== */
.ww-form-shell{
  display:grid;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
  gap:0;
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  border:1px solid #dbe7e1;
  border-radius:28px;
  background:#fff;
  text-align:left;
  box-shadow:0 24px 70px rgba(15,23,42,.10);
}
.ww-form-intro{
  padding:42px 38px;
  background:linear-gradient(160deg,#0b1f2a 0%,#123b3a 62%,#0e8a59 140%);
  color:#fff;
}
.ww-form-kicker,.ww-form-card__eyebrow{
  display:inline-block;
  margin-bottom:13px;
  color:#7ee2b1;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ww-form-intro h3{
  margin:0;
  color:#fff;
  font-size:clamp(28px,3vw,39px);
  font-weight:900;
  letter-spacing:-.04em;
  line-height:1.08;
}
.ww-form-lead{
  margin:16px 0 28px;
  color:#c6d8d5;
  font-size:16px;
  line-height:1.7;
}
.ww-form-promise{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:17px;
}
.ww-form-promise__icon{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:10px;
  background:rgba(126,226,177,.16);
  color:#7ee2b1;
  font-size:15px;
  font-weight:900;
}
.ww-form-promise strong,.ww-form-promise span{display:block}
.ww-form-promise strong{color:#fff;font-size:14px}
.ww-form-promise span{margin-top:2px;color:#b7cbc8;font-size:13px;line-height:1.45}
.ww-form-note{
  margin:32px 0 0;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.15);
  color:#a9c1bd;
  font-size:12px;
  line-height:1.55;
}
.ww-form-card{
  padding:34px 38px 38px;
  background:#fff;
}
.ww-form-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:20px;
  padding-bottom:18px;
  border-bottom:1px solid #e7efeb;
}
.ww-form-card__eyebrow{margin-bottom:6px;color:#139b61}
.ww-form-card h4{margin:0;color:#102a35;font-size:25px;font-weight:900;letter-spacing:-.03em}
.ww-form-card__time{
  padding:7px 10px;
  border:1px solid #ccebdd;
  border-radius:999px;
  background:#f1fbf6;
  color:#137a51;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.ww-form-card .wpcf7-form{margin-top:0}
.ww-form-card .wpcf7-form label{color:#23343a;font-size:14px}
.ww-form-card .wpcf7-form input:not([type=submit]):not([type=checkbox]),
.ww-form-card .wpcf7-form select,
.ww-form-card .wpcf7-form textarea{
  width:100%;
  min-height:48px;
  margin-top:7px;
  border:1px solid #d4e0dc;
  border-radius:12px;
  background:#fbfdfc;
  color:#152a31;
  box-shadow:0 2px 4px rgba(15,23,42,.03);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.ww-form-card .wpcf7-form textarea{min-height:118px}
.ww-form-card .wpcf7-form input:not([type=submit]):not([type=checkbox]):focus,
.ww-form-card .wpcf7-form select:focus,
.ww-form-card .wpcf7-form textarea:focus{
  outline:none;
  border-color:#16b86b;
  background:#fff;
  box-shadow:0 0 0 4px rgba(22,184,107,.13);
}
.ww-form-card .wpcf7-form input[type=file]{
  width:100%;
  padding:11px;
  border:1px dashed #a9cdbc;
  border-radius:12px;
  background:#f4fbf7;
  color:#41605a;
  font-size:13px;
}
.ww-form-card .wpcf7-form input[type=submit]{
  width:100%;
  min-height:54px;
  margin-top:8px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#10b866,#079451);
  color:#fff;
  font-size:16px;
  font-weight:900;
  box-shadow:0 12px 24px rgba(7,148,81,.20);
  transition:transform .2s,box-shadow .2s,filter .2s;
}
.ww-form-card .wpcf7-form input[type=submit]:hover{transform:translateY(-2px);filter:saturate(1.1);box-shadow:0 16px 28px rgba(7,148,81,.28)}
.ww-form-card .wpcf7-not-valid-tip{margin-top:5px;color:#c2410c;font-size:12px}
.ww-form-card .wpcf7-response-output{margin:18px 0 0!important;border-radius:12px!important;font-size:13px;line-height:1.5}
.ww-form-card .wpcf7-list-item{margin:0 8px 8px 0}
.ww-form-card .wpcf7-list-item label{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #d4e8dc;border-radius:999px;background:#f5fbf7;cursor:pointer}
.ww-form-card .wpcf7-list-item input[type=checkbox]{accent-color:#0fae62}
@media (max-width:860px){
  .ww-form-shell{grid-template-columns:1fr;border-radius:22px}
  .ww-form-intro{padding:30px 24px}
  .ww-form-card{padding:27px 22px 28px}
}
@media (max-width:520px){
  .ww-form-intro h3{font-size:30px}
  .ww-form-card__head{display:block}
  .ww-form-card__time{display:inline-block;margin-top:10px}
}


/* ===== V2 homepage system: one visual language, clear route hierarchy ===== */
.ww-home{--ink:#0c1d2b;--muted:#60737b;--green:#12b968;--line:#dfeae5;color:var(--ink);background:#fff}
.ww-home-hero{position:relative;display:flex;align-items:center;min-height:clamp(620px,82vh,820px);overflow:hidden;background:linear-gradient(120deg,#091d2d 0%,#103b3d 62%,#0b7c58 130%)}
.ww-home-hero__inner{max-width:1020px;text-align:center}
.ww-home-hero h1{max-width:900px;margin:20px auto 22px;color:#fff;font-size:clamp(44px,6.2vw,86px);font-weight:950;letter-spacing:-.065em;line-height:.95}
.ww-home-hero h1 span{color:#54e18d}
.ww-home-hero p{max-width:670px;margin:0 auto;color:#d0e2df;font-size:clamp(16px,1.6vw,20px);line-height:1.65}
.ww-home-hero .hero-buttons{display:flex;justify-content:center;gap:12px;margin-top:32px}
.ww-home-hero .btn-primary,.ww-final-cta .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 24px;border-radius:13px;background:var(--green);color:#062e22;font-weight:900;text-decoration:none;box-shadow:0 14px 28px rgba(18,185,104,.24)}
.ww-home-hero .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 24px;border:1px solid rgba(255,255,255,.28);border-radius:13px;background:rgba(255,255,255,.1);color:#fff;font-weight:800;text-decoration:none}
.ww-home-hero__proof{display:flex;justify-content:center;gap:12px;margin-top:25px;color:#b9d2cc;font-size:13px}
.ww-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1120px;margin:-1px auto 0;padding:25px 28px;border-bottom:1px solid var(--line);background:#fff}
.ww-trust-strip__item{display:flex;align-items:center;gap:13px;padding:4px 24px;border-right:1px solid var(--line)}
.ww-trust-strip__item:last-child{border-right:0}
.ww-trust-strip__item>span{color:var(--green);font-size:13px;font-weight:950}
.ww-trust-strip strong,.ww-trust-strip small{display:block}.ww-trust-strip strong{font-size:14px}.ww-trust-strip small{margin-top:3px;color:var(--muted);font-size:12px}
.ww-home-section{max-width:1180px;margin:0 auto;padding:104px 28px}
.ww-section-heading{max-width:700px;margin:0 auto 42px;text-align:center}.ww-section-heading--split{display:flex;align-items:end;justify-content:space-between;gap:50px;max-width:1000px;text-align:left}.ww-section-heading--split>p{max-width:360px;margin:0 0 5px}
.ww-section-kicker{display:block;margin-bottom:12px;color:#07965a;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.ww-section-heading h2{margin:0;color:var(--ink);font-size:clamp(34px,4vw,54px);font-weight:950;letter-spacing:-.055em;line-height:1.02}.ww-section-heading h2 em{color:#0ca761;font-style:normal}.ww-section-heading p{margin:16px auto 0;color:var(--muted);font-size:17px;line-height:1.6}
.ww-routes{padding-top:94px}.ww-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1080px;margin:0 auto}.ww-route-card{position:relative;display:flex;flex-direction:column;min-height:270px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 10px 35px rgba(15,45,40,.06);transition:transform .2s,box-shadow .2s,border-color .2s}.ww-route-card:hover{transform:translateY(-5px);border-color:#9fd8bb;box-shadow:0 18px 40px rgba(15,45,40,.11)}.ww-route-card--primary{border-color:#99dbb9;background:linear-gradient(145deg,#f4fff8,#fff)}.ww-route-card--horeca{border-color:#f1c28f;background:linear-gradient(145deg,#fffaf4,#fff)}
.ww-route-card__number{color:#8aa29d;font-size:12px;font-weight:900}.ww-route-card__icon{display:grid;place-items:center;width:46px;height:46px;margin:24px 0 18px;border-radius:14px;background:#dff8ea;color:#07965a;font-size:22px;font-weight:900}.ww-route-card--horeca .ww-route-card__icon{background:#fff0df;color:#dd741b}.ww-route-card h3{margin:0;font-size:24px;font-weight:950;letter-spacing:-.035em}.ww-route-card p{margin:10px 0 22px;color:var(--muted);font-size:15px;line-height:1.55}.ww-route-card__link{margin-top:auto;color:#087e4d;font-size:13px;font-weight:900}.ww-route-card__link b{float:right;font-size:19px}
.ww-how{max-width:1120px;padding-top:95px}.ww-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ww-how-grid article{min-height:210px;padding:28px 30px;border-right:1px solid var(--line)}.ww-how-grid article:last-child{border-right:0}.ww-how-number{color:var(--green);font-size:13px;font-weight:950}.ww-how h3{margin:30px 0 8px;font-size:21px;letter-spacing:-.025em}.ww-how p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.ww-form-section{max-width:none;padding:104px 28px;background:#f2f8f5}.ww-form-shell{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);max-width:1050px;margin:0 auto;overflow:hidden;border:1px solid #cfe1d9;border-radius:24px;background:#fff;box-shadow:0 24px 65px rgba(15,45,40,.11)}.ww-form-intro{padding:44px 40px;background:linear-gradient(155deg,#0b1f2d,#12483e);color:#fff}.ww-form-intro h2{margin:0;color:#fff;font-size:clamp(32px,4vw,48px);font-weight:950;letter-spacing:-.055em;line-height:1.02}.ww-form-intro>p{margin:18px 0 30px;color:#c4d9d4;font-size:16px;line-height:1.6}.ww-form-intro ul{display:grid;gap:19px;margin:0;padding:0;list-style:none}.ww-form-intro li{display:flex;gap:11px}.ww-form-intro li>span{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border-radius:9px;background:rgba(100,226,155,.16);color:#73e7a5;font-weight:900}.ww-form-intro li strong,.ww-form-intro li small{display:block}.ww-form-intro li strong{font-size:14px}.ww-form-intro li small{margin-top:3px;color:#b5cbc6;font-size:12px;line-height:1.45}.ww-form-intro__privacy{display:block;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);color:#9bb7b0;font-size:11px}.ww-form-card{padding:36px 40px;background:#fff}.ww-form-card__head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e5eee9}.ww-form-card__eyebrow{display:block;margin-bottom:5px;color:#07965a;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.ww-form-card h3{margin:0;font-size:27px;font-weight:950;letter-spacing:-.04em}.ww-form-card__time{padding:7px 10px;border:1px solid #cbe8d8;border-radius:999px;background:#f2fbf6;color:#087e4d;font-size:12px;font-weight:900}.ww-form-card .wpcf7-form label{color:#29413d;font-size:13px}.ww-form-card .wpcf7-form input:not([type=submit]):not([type=checkbox]),.ww-form-card .wpcf7-form select,.ww-form-card .wpcf7-form textarea{border:1px solid #d4e2dc;border-radius:10px;background:#fbfdfc}.ww-form-card .wpcf7-form input[type=submit]{border:0;border-radius:11px;background:var(--green);color:#052b20;font-weight:950}
.ww-proof{padding-top:94px}.ww-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ww-proof-grid article{padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}.ww-stars{color:#f2a51b;letter-spacing:.1em}.ww-proof-grid p{min-height:78px;margin:14px 0;color:#52686b;font-size:14px;line-height:1.65}.ww-proof-grid strong{font-size:13px}.ww-brands{padding-top:70px;padding-bottom:85px}.ww-brand-list{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.ww-brand-list span{padding:10px 17px;border:1px solid var(--line);border-radius:999px;background:#f8fbfa;color:#49645f;font-size:13px;font-weight:800}.ww-final-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1120px;margin:0 auto;padding:72px 28px;border-top:1px solid var(--line)}.ww-final-cta h2{margin:0;font-size:clamp(32px,4vw,52px);font-weight:950;letter-spacing:-.055em;line-height:1}.ww-final-cta h2 em{color:#0ca761;font-style:normal}
@media(max-width:850px){.ww-trust-strip{grid-template-columns:1fr;gap:16px;padding:22px}.ww-trust-strip__item{padding:0;border-right:0}.ww-home-section{padding:76px 20px}.ww-section-heading--split{display:block;text-align:center}.ww-section-heading--split>p{margin:16px auto 0}.ww-route-grid,.ww-proof-grid{grid-template-columns:1fr}.ww-route-card{min-height:220px}.ww-how-grid{grid-template-columns:1fr}.ww-how-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.ww-how-grid article:last-child{border-bottom:0}.ww-form-shell{grid-template-columns:1fr}.ww-form-intro,.ww-form-card{padding:30px 24px}.ww-final-cta{display:block;text-align:center}.ww-final-cta .btn-primary{margin-top:25px}}
@media(max-width:520px){.ww-home-hero{min-height:670px}.ww-home-hero h1{font-size:45px}.ww-home-hero .hero-buttons{flex-direction:column}.ww-home-hero .hero-buttons a{width:100%}.ww-home-hero__proof{flex-wrap:wrap;font-size:11px}.ww-section-heading h2{font-size:36px}.ww-form-card__head{display:block}.ww-form-card__time{display:inline-block;margin-top:10px}}


/* Final homepage cascade: neutralise legacy hero selectors for the new markup */
#hero-parallax.ww-home-hero{display:flex!important;align-items:center!important;min-height:clamp(620px,82vh,820px)!important;background:linear-gradient(120deg,#091d2d 0%,#103b3d 62%,#0b7c58 130%)!important}
#hero-parallax.ww-home-hero .ww-home-hero__inner{max-width:1020px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
#hero-parallax.ww-home-hero h1{max-width:900px!important;margin:20px auto 22px!important;color:#fff!important;font-size:clamp(44px,6.2vw,86px)!important;font-weight:950!important;letter-spacing:-.065em!important;line-height:.95!important}
#hero-parallax.ww-home-hero h1 span{color:#54e18d!important}
#hero-parallax.ww-home-hero p{max-width:670px!important;margin:0 auto!important;color:#d0e2df!important;font-size:clamp(16px,1.6vw,20px)!important;line-height:1.65!important}
#hero-parallax.ww-home-hero .hero-kicker{display:inline-flex!important;margin:0 auto!important}
#hero-parallax.ww-home-hero .hero-buttons{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;margin-top:32px!important}
#hero-parallax.ww-home-hero .ww-home-hero__proof{display:flex!important;justify-content:center!important;gap:12px!important;margin-top:25px!important;color:#b9d2cc!important;font-size:13px!important}
@media(max-width:520px){
 #hero-parallax.ww-home-hero h1{font-size:45px!important;line-height:1!important}
 #hero-parallax.ww-home-hero .hero-buttons{flex-direction:column!important}
 #hero-parallax.ww-home-hero .hero-buttons a{width:100%!important}
}


/* ===== Focused network section ===== */
.ww-network{padding:72px 28px 76px;border-top:1px solid #e2ebe7;background:#f7faf8}
.ww-network__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:70px;max-width:1040px;margin:0 auto}
.ww-network__heading{text-align:left}.ww-network__kicker{display:block;margin-bottom:12px;color:#108a56;font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.ww-network__heading h2{margin:0;color:#102a35;font-size:clamp(31px,4vw,47px);font-weight:950;letter-spacing:-.055em;line-height:1.02}.ww-network__heading h2 em{color:#109b5e;font-style:normal}.ww-network__heading p{max-width:410px;margin:16px 0 0;color:#65777b;font-size:15px;line-height:1.6}
.ww-network__links{display:grid;gap:12px}.ww-network__link{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 18px;padding:22px 24px;border:1px solid #d9e7e0;border-radius:15px;background:#fff;color:#102a35;text-decoration:none;box-shadow:0 8px 22px rgba(15,45,40,.05);transition:transform .2s,border-color .2s,box-shadow .2s}.ww-network__link:hover{transform:translateX(4px);border-color:#9bd5b7;box-shadow:0 12px 28px rgba(15,45,40,.09)}.ww-network__link--main{border-color:#a7dbc0;background:linear-gradient(100deg,#f5fff8,#fff)}
.ww-network__label{font-size:18px;font-weight:950;letter-spacing:-.025em}.ww-network__meta{grid-column:1;color:#6b7d80;font-size:13px}.ww-network__arrow{grid-column:2;grid-row:1 / span 2;color:#0a9e5b;font-size:24px;font-weight:800}
@media(max-width:760px){.ww-network{padding:58px 20px}.ww-network__inner{grid-template-columns:1fr;gap:28px}.ww-network__heading{text-align:center}.ww-network__heading p{margin-left:auto;margin-right:auto}.ww-network__link{padding:19px 20px}}


/* ===== Full-bleed layout system: consistent width and section rhythm ===== */
.ww-home-section{width:100%;max-width:none;margin:0;padding-left:28px;padding-right:28px}
.ww-home-section>.ww-section-heading,.ww-home-section>.ww-route-grid,.ww-home-section>.ww-how-grid,.ww-home-section>.ww-proof-grid,.ww-home-section>.ww-brand-list{width:min(1120px,100%);margin-left:auto;margin-right:auto}
.ww-routes{background:#fff}
.ww-how{background:#f1f6f4}
.ww-proof{background:#f8faf9}
.ww-brands{background:#fff}
.ww-form-section{background:#edf5f1}
.ww-section-heading{margin-bottom:44px}
.ww-route-grid{gap:20px}
.ww-route-card{min-height:292px;padding:32px}
.ww-how-grid{background:#fff;border:1px solid #dce9e3;border-radius:20px;overflow:hidden}
.ww-how-grid article{min-height:235px;padding:32px}
.ww-proof-grid{gap:20px}
.ww-proof-grid article{min-height:230px;padding:30px}
.ww-brand-list{gap:10px}
.ww-final-cta{width:100%;max-width:none;margin:0;padding:78px max(28px,calc((100% - 1120px)/2));background:#fff}
@media(max-width:850px){
 .ww-home-section{padding-left:20px;padding-right:20px}
 .ww-route-card{min-height:0}
 .ww-final-cta{padding-left:20px;padding-right:20px}
}


/* ===== Wide signature value band ===== */
.ww-value{width:100%;padding:88px 28px;background:linear-gradient(120deg,#082b3b 0%,#0a4350 55%,#0c6d55 100%);color:#fff}
.ww-value__inner{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:80px;width:min(1120px,100%);margin:0 auto}
.ww-value__intro .ww-section-kicker{color:#73e3a0}.ww-value__intro h2{margin:0;color:#fff;font-size:clamp(34px,4.5vw,58px);font-weight:950;letter-spacing:-.06em;line-height:1}.ww-value__intro h2 em{color:#62e29a;font-style:normal}.ww-value__intro p{max-width:420px;margin:20px 0 26px;color:#c1d9d5;font-size:16px;line-height:1.65}.ww-value__button{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:10px;background:#18c875;color:#062d22;font-size:14px;font-weight:950;text-decoration:none}.ww-value__points{display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px}.ww-value__points>div{display:grid;grid-template-columns:28px 1fr;gap:0 10px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.16)}.ww-value__points>div:nth-last-child(-n+2){border-bottom:0}.ww-value__points span{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(119,230,165,.55);border-radius:50%;color:#77e6a5;font-size:12px;font-weight:900}.ww-value__points strong,.ww-value__points small{display:block}.ww-value__points strong{color:#fff;font-size:14px}.ww-value__points small{margin-top:4px;color:#a7c8c2;font-size:12px;line-height:1.45}
@media(max-width:850px){.ww-value{padding:68px 20px}.ww-value__inner{grid-template-columns:1fr;gap:38px}.ww-value__intro{text-align:center}.ww-value__intro p{margin-left:auto;margin-right:auto}.ww-value__points{gap:0 20px}}
@media(max-width:520px){.ww-value__points{grid-template-columns:1fr}.ww-value__points>div:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}.ww-value__points>div:last-child{border-bottom:0}}

.ww-value__points small{grid-column:2}


/* ===== Focused intake modals ===== */
.ww-route-card{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer}
.ww-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.ww-modal.is-open{visibility:visible;opacity:1}.ww-modal__backdrop{position:absolute;inset:0;background:rgba(5,20,29,.72);backdrop-filter:blur(7px)}.ww-modal__panel{position:relative;z-index:1;width:min(720px,100%);max-height:min(88vh,900px);overflow:auto;padding:36px 38px 40px;border:1px solid #d8e8df;border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28)}.ww-modal__close{position:absolute;top:13px;right:17px;width:36px;height:36px;border:0;border-radius:50%;background:#eef5f1;color:#31534b;font-size:27px;line-height:1;cursor:pointer}.ww-modal__panel h2{margin:0;color:#102a35;font-size:clamp(28px,4vw,42px);font-weight:950;letter-spacing:-.05em;line-height:1.03}.ww-modal__lead{margin:13px 0 24px;color:#627579;font-size:15px;line-height:1.6}.ww-modal__panel .wpcf7-form label{color:#29413d;font-size:13px}.ww-modal__panel .wpcf7-form input:not([type=submit]):not([type=checkbox]),.ww-modal__panel .wpcf7-form select,.ww-modal__panel .wpcf7-form textarea{width:100%;min-height:47px;margin-top:6px;border:1px solid #d2e1da;border-radius:10px;background:#fbfdfc}.ww-modal__panel .wpcf7-form textarea{min-height:110px}.ww-modal__panel .wpcf7-form input[type=file]{width:100%;padding:10px;border:1px dashed #a7cdb8;border-radius:10px;background:#f2faf5}.ww-modal__panel .wpcf7-form input[type=submit]{width:100%;min-height:52px;border:0;border-radius:11px;background:#11b968;color:#062e22;font-weight:950}.ww-modal-open{overflow:hidden}
@media(max-width:560px){.ww-modal{padding:10px}.ww-modal__panel{max-height:92vh;padding:30px 20px 24px;border-radius:17px}.ww-modal__panel h2{font-size:31px}}

.ww-value__button{border:0;font:inherit;cursor:pointer}
.ww-home-hero .btn-primary,.ww-home-hero .btn-secondary{cursor:pointer}


/* Modal route switch + deliberate closing rhythm */
.ww-modal-switch{display:inline-flex;gap:3px;margin:0 0 22px;padding:4px;border:1px solid #dce9e3;border-radius:999px;background:#f4f8f6}.ww-modal-switch button{min-width:108px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:#607571;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.ww-modal-switch button.is-active{background:#102f3a;color:#fff;box-shadow:0 3px 8px rgba(16,47,58,.16)}.ww-modal-switch button:focus-visible{outline:3px solid rgba(18,185,104,.28);outline-offset:2px}
.ww-proof{border-top:1px solid #e4eeea}.ww-brands{border-top:1px solid #e4eeea;padding-top:84px}.ww-final-cta{position:relative;border-top:0;border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(105deg,#f1fbf5 0%,#fff 62%)}.ww-final-cta::before{content:"";position:absolute;top:0;left:50%;width:min(1120px,calc(100% - 56px));height:1px;transform:translateX(-50%);background:#d9e9e1}.ww-network{border-top:0;background:#f4f8f6}
@media(max-width:560px){.ww-modal-switch{display:flex;width:100%;margin-bottom:18px}.ww-modal-switch button{flex:1}}


/* ===== Bottom-of-page hierarchy ===== */
.ww-brands{position:relative;background:#f7faf9;border-top:1px solid #e0ece6;border-bottom:1px solid #dce9e3}
.ww-brands::after{content:"";display:block;width:min(1120px,calc(100% - 56px));height:1px;margin:70px auto 0;background:#d8e7e0}
.ww-final-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:38px;background:linear-gradient(110deg,#092839 0%,#0b3a45 60%,#0b6450 100%);border:0;color:#fff}
.ww-final-cta::before{display:none}
.ww-final-cta .ww-section-kicker{color:#73e3a0}.ww-final-cta h2{color:#fff}.ww-final-cta h2 em{color:#62e29a}.ww-final-cta .btn-primary{background:#1bd17b;color:#062d22;box-shadow:0 14px 30px rgba(27,209,123,.22)}
.ww-network{position:relative;border-top:10px solid #eaf5ef;background:#fff}
.ww-network__links{gap:10px}.ww-network__link{box-shadow:0 5px 18px rgba(15,45,40,.04)}
footer#contact{border-top:4px solid #18bd70}
@media(max-width:760px){.ww-brands::after{width:calc(100% - 40px);margin-top:48px}.ww-final-cta{text-align:center}}

.ww-modal__criteria{margin:-12px 0 22px;color:#6c7d80;font-size:12px}.ww-modal__criteria a{color:#078650;font-weight:900;text-decoration:underline}

/* V2 footer hierarchy and route links */
.ww-site-footer{background:#0b1d31;color:#d7e4e8;border-top:4px solid #16c875}
.ww-footer__main{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:4.5rem 0 3.5rem;display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:3rem}
.ww-footer__brand{max-width:320px}
.ww-footer__logo{display:inline-block;color:#fff;text-decoration:none;font-size:1.55rem;font-weight:900;letter-spacing:-.04em}
.ww-footer__logo span{color:#20cf78}.ww-footer__logo small{font-size:.95rem;color:#d7e4e8}
.ww-footer__brand p{color:#9db2bb;line-height:1.65;margin:1rem 0 1.35rem}
.ww-footer__social{display:flex;gap:.55rem}.ww-footer__social a{width:2rem;height:2rem;border:1px solid #4b6470;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-weight:800}
.ww-footer__column{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}
.ww-footer__column h3{font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:#6fe7a1;margin:0 0 .55rem}
.ww-footer__column a,.ww-footer__column span{color:#b6c8ce;text-decoration:none;line-height:1.45;font-size:.96rem}
.ww-footer__column a:hover{color:#fff}.ww-footer__contact-button{margin-top:.55rem!important;background:#18c875;color:#062d35!important;border-radius:.6rem;padding:.7rem .9rem;font-weight:800}
.ww-footer__bottom{width:min(1120px,calc(100% - 48px));margin:0 auto;border-top:1px solid rgba(214,232,236,.16);padding:1.3rem 0 1.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#829aa4;font-size:.82rem}
.ww-footer__bottom a{color:#b9cbd0;text-decoration:none}.ww-footer__bottom i{font-style:normal;margin:0 .35rem;color:#536d78}
@media(max-width:800px){.ww-footer__main{grid-template-columns:1fr 1fr;gap:2.2rem}.ww-footer__brand{grid-column:1/-1;max-width:520px}}
@media(max-width:520px){.ww-footer__main,.ww-footer__bottom{width:min(100% - 32px,1120px)}.ww-footer__main{grid-template-columns:1fr 1fr;padding:3.5rem 0 2.5rem;gap:2rem 1.2rem}.ww-footer__brand{grid-column:1/-1}.ww-footer__column a,.ww-footer__column span{font-size:.9rem}.ww-footer__bottom{display:block;line-height:1.8}.ww-footer__bottom>span{display:block}}


/* Homepage mobile guard: keep every full-width section inside the viewport. */
body.home { overflow-x: hidden; }
body.home .ww-home,
body.home .ww-home * { box-sizing: border-box; }
body.home .ww-home { max-width: 100%; overflow-x: clip; }