/* Sprint 6636-1048 — compacte homepage. Bouwt voort op home-legacy-1048.css (hero, demo, prijzen ongewijzigd). */
.adv48-head h2{font-size:clamp(30px,3.4vw,46px);line-height:1.08;letter-spacing:-.02em;margin:10px 0 16px;color:#101826}
.adv48-head p{font-size:18px;line-height:1.6;color:#4d5868;margin:0;max-width:640px}
.adv48-head p a{color:#1d6b45;font-weight:600}
.adv48-center{text-align:center;margin:0 auto 48px;max-width:820px}
.adv48-center p{margin:0 auto}

/* Probleem */
.adv48-problem{padding:96px 0;background:#fff}
.adv48-problem-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}
.adv48-leaks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.adv48-leaks li{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border:1px solid #e3ebe7;border-radius:18px;background:#fbfdfc}
.adv48-leaks p{margin:0;color:#4d5868;font-size:16px;line-height:1.55}
.adv48-leaks .adv48-leak-title{color:#101826;font-size:18px;font-weight:700;margin-bottom:4px}
.adv48-leak-icon,.adv48-feature-icon{flex:0 0 46px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#e9f7f0;color:#1d6b45}

/* Zo werkt het */
.adv48-how{padding:96px 0;background:linear-gradient(135deg,#07182b 0%,#0a2440 60%,#0a3145 100%);color:#fff}
.adv48-how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.adv48-how .adv48-how-copy h2{font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-.02em;margin:10px 0 30px;color:#fff}
.adv48-how .adv-home-kicker{color:#62e8b7}
.adv48-steps{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:22px}
.adv48-steps li{display:flex;gap:18px;align-items:flex-start}
.adv48-step-no{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#62e8b7;color:#07182b}
.adv48-steps h3{font-size:20px;line-height:1.3;margin:6px 0 6px;color:#fff}
.adv48-steps p{margin:0;color:#c6d3dd;font-size:16px;line-height:1.55}
.adv48-how-demo{padding:0!important;background:transparent!important}
.adv48-demo-note{margin:12px 0 0;font-size:13px;color:#9fb1bf;text-align:right}
.adv48-btn{display:inline-flex!important;align-items:center;gap:8px}

/* Functies */
.adv48-features{padding:96px 0;background:#f7faf8}
.adv48-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.adv48-feature{background:#fff;border:1px solid #e3ebe7;border-radius:20px;padding:28px 26px;transition:border-color .15s,box-shadow .15s}
.adv48-feature:hover{border-color:#bfe3d0;box-shadow:0 14px 34px rgba(16,24,38,.07)}
.adv48-feature h3{font-size:20px;line-height:1.3;margin:18px 0 8px;color:#101826}
.adv48-feature p{margin:0;color:#4d5868;font-size:16px;line-height:1.55}

/* Controle */
.adv48-control{padding:96px 0;background:#fff}
.adv48-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1040px;margin:0 auto}
.adv48-mode{border:1px solid #e3ebe7;border-radius:22px;padding:32px 30px;background:#fff}
.adv48-mode.is-dark{background:#0b1d31;border-color:#0b1d31;color:#fff}
.adv48-mode-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.adv48-mode h3{font-size:26px;margin:0;color:#101826}
.adv48-mode.is-dark h3{color:#fff}
.adv48-chip{font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:#eef2f0;color:#33403a;white-space:nowrap}
.adv48-mode.is-dark .adv48-chip{background:#1d6b45;color:#dffbee}
.adv48-mode p{margin:0 0 18px;color:#4d5868;font-size:16px;line-height:1.55}
.adv48-mode.is-dark p{color:#c6d3dd}
.adv48-mode ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.adv48-mode li{position:relative;padding-left:28px;font-size:15px;color:#26313f}
.adv48-mode.is-dark li{color:#e6eef4}
.adv48-mode li:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#62e8b7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307182b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat}

/* FAQ */
.adv48-faq{padding:96px 0;background:#f7faf8}
.adv48-faq-grid{display:block;max-width:900px;margin:0 auto}
.adv48-faq .adv48-head{text-align:center;margin-bottom:36px}
.adv48-faq .adv48-head p{margin:0 auto}
.adv48-faq-list{max-width:none!important;width:100%}
.adv48-faq-list{margin:0!important}

/* Afsluiter */
.adv48-final{padding:24px 0 96px;background:#f7faf8}
.adv48-final-box{text-align:center;border-radius:28px;padding:64px 32px;background:radial-gradient(circle at 80% 10%,rgba(98,232,183,.18),transparent 40%),linear-gradient(135deg,#07182b,#0a3145);color:#fff}
.adv48-final-box .adv-home-kicker{color:#62e8b7}
.adv48-final-box h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.02em;margin:10px auto 14px;max-width:760px;color:#fff}
.adv48-final-box p{max-width:640px;margin:0 auto 28px;color:#c6d3dd;font-size:18px;line-height:1.6}
.adv48-final-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.adv48-btn-ghost{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}
.adv48-btn-ghost:hover{border-color:#62e8b7!important;color:#62e8b7!important}

@media(max-width:1050px){
 .adv48-problem-grid,.adv48-how-grid{grid-template-columns:1fr;gap:36px}
 .adv48-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .adv48-problem,.adv48-how,.adv48-features,.adv48-control,.adv48-faq{padding:64px 0}
 .adv48-final{padding:8px 0 64px}
 .adv48-feature-grid,.adv48-control-grid{grid-template-columns:1fr}
 .adv48-center{margin-bottom:32px;text-align:left}
 .adv48-head p{font-size:16px}
 .adv48-mode{padding:26px 22px}
 .adv48-final-box{padding:44px 22px;border-radius:22px;text-align:left}
 .adv48-final-box p{margin-left:0}
 .adv48-final-actions{justify-content:flex-start}
 .adv48-final-actions .btn{width:100%;justify-content:center}
 .adv48-how-demo{display:none}
}
@media(prefers-reduced-motion:reduce){.adv48-feature{transition:none}}
/* Hero: langere H1 (zoekwoord) compacter */
.adv48-home .adv-sales-hero h1{font-size:clamp(40px,3.9vw,58px)!important;line-height:1.02;letter-spacing:-.045em;max-width:620px}
@media(max-width:760px){.adv48-home .adv-sales-hero h1{font-size:clamp(34px,9.6vw,44px)!important}}

/* Teller geanalyseerd budget (S6636_258/260), ongewijzigd verplaatst */
.adv-home-spend-proof{padding:24px 0 34px;background:#fff}.adv-home-spend-inner{position:relative;overflow:hidden;text-align:center;padding:38px 28px 36px;border:1px solid #dce9e5;border-radius:24px;background:linear-gradient(135deg,#f7fffb 0%,#fff 58%,#f1fbf7 100%);box-shadow:0 16px 44px rgba(17,54,61,.055)}.adv-home-spend-inner:before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-150px;background:rgba(35,198,121,.08);filter:blur(2px)}.adv-home-spend-value{position:relative;display:flex;align-items:baseline;justify-content:center;gap:.08em;color:#10252d;margin:7px 0 4px;line-height:1;letter-spacing:-.055em}.adv-home-spend-value :is(strong,adv-s){font-size:clamp(44px,7.5vw,82px);font-weight:950;font-variant-numeric:tabular-nums}.adv-home-spend-euro,.adv-home-spend-plus{font-size:clamp(27px,4vw,44px);font-weight:950;color:#0a9769}.adv-home-spend-inner p{margin:10px 0 5px;font-size:clamp(17px,2vw,21px);font-weight:850;color:#28464e}.adv-home-spend-inner small{display:block;color:#6c7f85;font-size:14px}@media(max-width:640px){.adv-home-spend-proof{padding:16px 0 26px}.adv-home-spend-inner{padding:29px 14px 28px;border-radius:19px}.adv-home-spend-value{letter-spacing:-.045em}.adv-home-spend-inner .adv-home-kicker{font-size:14px;letter-spacing:.09em}}
/* S6636_260_RESPONSIVE_SPEND_PRESENCE
   Keep mobile compact; progressively increase presence only on wider screens. */
@media (min-width:1200px){
 .adv-home-spend-proof{padding:30px 0 40px}
 .adv-home-spend-proof>.container{max-width:min(92vw,1540px)}
 .adv-home-spend-inner{min-height:190px;padding:46px 42px 42px;display:flex;flex-direction:column;justify-content:center}
 .adv-home-spend-value :is(strong,adv-s){font-size:clamp(76px,6vw,104px)}
 .adv-home-spend-euro,.adv-home-spend-plus{font-size:clamp(38px,3.2vw,56px)}
 .adv-home-spend-inner p{font-size:clamp(19px,1.45vw,24px)}
}
@media (min-width:1600px){
 .adv-home-spend-proof{padding:34px 0 46px}
 .adv-home-spend-proof>.container{max-width:min(94vw,1680px)}
 .adv-home-spend-inner{min-height:224px;padding:52px 56px 48px;border-radius:28px}
 .adv-home-spend-inner:before{width:390px;height:390px;right:-115px;top:-220px}
 .adv-home-spend-inner:after{content:'';position:absolute;width:430px;height:430px;border-radius:50%;left:-230px;bottom:-330px;background:rgba(35,198,121,.065);pointer-events:none}
 .adv-home-spend-value{margin:10px 0 6px}
 .adv-home-spend-value :is(strong,adv-s){font-size:clamp(92px,5.6vw,122px)}
 .adv-home-spend-euro,.adv-home-spend-plus{font-size:clamp(46px,2.8vw,64px)}
 .adv-home-spend-inner p{font-size:25px}
 .adv-home-spend-inner small{font-size:16px}
}
@media(prefers-reduced-motion:reduce){[data-adv-spend-counter]{transition:none!important}}
@media(min-width:761px){.adv48-home .adv653-with-ugc .adv-sales-hero-copy h1{font-size:clamp(38px,3.3vw,50px)!important}}
/* 1048: teller tussen Functies en Controle — compacter, in het blauw van hero/Zo werkt het */
.adv48-home .adv48-features{padding-bottom:40px}
.adv48-home .adv-home-spend-proof{padding:0 0 96px!important;background:#f7faf8!important}
.adv48-home .adv-home-spend-proof>.container{max-width:1180px!important}
.adv48-home .adv-home-spend-inner{min-height:0!important;padding:32px 28px 30px!important;border:0!important;border-radius:22px!important;background:radial-gradient(circle at 85% 0%,rgba(98,232,183,.12),transparent 45%),linear-gradient(135deg,#07182b 0%,#0a2440 60%,#0a3145 100%)!important;box-shadow:0 18px 44px rgba(7,24,43,.16)!important;color:#fff}
.adv48-home .adv-home-spend-inner:before,.adv48-home .adv-home-spend-inner:after{background:rgba(98,232,183,.06)!important}
.adv48-home .adv-home-spend-inner .adv-home-kicker{color:#62e8b7!important;font-size:13px!important}
.adv48-home .adv-home-spend-value{margin:8px 0 4px!important;color:#fff!important}
.adv48-home .adv-home-spend-value :is(strong,adv-s){font-size:clamp(40px,4.4vw,62px)!important;color:#fff!important}
.adv48-home .adv-home-spend-euro,.adv48-home .adv-home-spend-plus{font-size:clamp(24px,2.4vw,34px)!important;color:#62e8b7!important}
.adv48-home .adv-home-spend-inner p{font-size:17px!important;font-weight:700!important;color:#e6eef4!important;margin:8px 0 4px!important}
.adv48-home .adv-home-spend-inner small{font-size:14px!important;color:#9fb1bf!important}
@media(max-width:760px){.adv48-home .adv-home-spend-proof{padding:0 0 64px!important}.adv48-home .adv48-features{padding-bottom:28px}.adv48-home .adv-home-spend-inner{padding:26px 18px!important}}
/* 1048: cookiekoppen als tekst (geen H2 in de SEO-telling), zelfde opmaak als components.css */
.cookie-consent-copy .adv1048-cookie-title{font:800 20px/1.25 Manrope,Arial,sans-serif!important;letter-spacing:-.025em!important;margin:0 0 7px!important;color:#101827!important}
.cookie-consent-dialog .adv1048-cookie-title--dialog{font:800 27px/1.15 Manrope,Arial,sans-serif!important;letter-spacing:-.035em!important;margin:4px 0 8px!important;color:#101827!important}
@media(max-width:560px){.cookie-consent-dialog .adv1048-cookie-title--dialog{font-size:25px!important}}
/* 1048: taalbalk */
.adv1048-langbar{position:fixed;z-index:60;top:96px;right:16px;max-width:min(420px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 46px 12px 16px;border-radius:14px;background:#e9f7f0;color:#0b2a1e;font-size:14px;line-height:1.4;box-shadow:0 12px 32px rgba(7,24,43,.22)}
.adv1048-langbar[hidden]{display:none}
.adv1048-langbar a{font-weight:700;color:#155a39;text-decoration:underline}
.adv1048-langbar button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#0b2a1e;font-size:20px;line-height:1;cursor:pointer}
/* 1048: 404 */
.adv1048-404{padding:120px 0 140px;background:#f7faf8;text-align:center}
.adv1048-404 h1{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.03em;margin:10px 0 16px;color:#101826}
.adv1048-404 p{max-width:620px;margin:0 auto 28px;color:#4d5868;font-size:18px;line-height:1.6}
.adv1048-404-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.adv1048-404 .adv-home-kicker{display:block;font-size:13px;font-weight:800;letter-spacing:.14em;color:#1d6b45;margin:0 auto}
.adv1048-404 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px}
.adv1048-404 .btn-secondary{background:#fff!important;color:#161b26!important;border:1px solid #cfd6d1!important}
/* 1048b: werkwijze als nette stappenlijn */
.adv48-method{max-width:1040px;margin:28px auto 0;padding:30px 32px 34px;border-radius:24px;background:#f7faf8;border:1px solid #e3ebe7}
.adv48-method-title{margin:0 0 26px;text-align:center;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#1d6b45}
.adv48-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.adv48-flow li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px}
.adv48-flow li:not(:last-child):after{content:"";position:absolute;top:19px;left:calc(50% + 26px);right:calc(-50% + 26px);height:2px;border-radius:2px;background:#cfe5da}
.adv48-flow-no{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #1d6b45;color:#1d6b45;font-weight:800;font-size:15px;margin-bottom:14px;box-shadow:0 4px 12px rgba(29,107,69,.12)}
.adv48-flow li:last-child .adv48-flow-no{background:#1d6b45;color:#fff}
.adv48-flow-t{display:block;font-weight:800;font-size:16px;line-height:1.3;color:#101826;margin-bottom:6px}
.adv48-flow-d{display:block;font-size:14px;line-height:1.45;color:#5b6675;max-width:200px}
@media(max-width:900px){
 .adv48-method{padding:26px 22px}
 .adv48-method-title{text-align:left;margin-bottom:20px}
 .adv48-flow{grid-template-columns:1fr;gap:18px}
 .adv48-flow li{display:grid;grid-template-columns:40px 1fr;column-gap:16px;align-items:start;text-align:left;padding:0}
 .adv48-flow-no{grid-row:1/3;margin:0}
 .adv48-flow-t{margin:2px 0 2px}
 .adv48-flow-d{max-width:none}
 .adv48-flow li:not(:last-child):after{top:44px;bottom:-16px;left:19px;right:auto;width:2px;height:auto}
}

/* 1049: contrast (Lighthouse toegankelijkheid) — zelfde tint, iets donkerder */
.adv-home-kicker{color:#087a55}
.adv48-home .adv737-price small,.adv48-home .adv737-plan .adv868-was small{color:#646b66}
@media(max-width:760px){.adv1048-langbar{top:76px;right:12px;left:12px;max-width:none}}
.adv48-home .adv-pricing-proof{background:#f7faf8}