/* CarpAtlas · PREMIUM / LICHT–DONKER RITME · reviewversie, geen publicatie.
   Bestaande merkkleuren: #f7f3ea ivoor, #eee8dc zand, #10241c bosgroen,
   #183127 groen, #cda54f / #e0be73 goud, #80601f donker goud. */

/* Hero volledig ongemoeid. De verschillende lichte vlakken krijgen een
   eigen thematische scope. Dit voorkomt dat de donkere header verandert. */
.premium-home .feature-band,
.premium-home .premium-gallery,
.premium-home .privacy-band,
.premium-home .faq-band {
 --heading:#0b1713;--text:#0b1713;--secondary:#526158;--muted:#526158;
 --accent:#80601f;--accent-pressed:#e0be73;--on-accent:#0b1713;
 --button-background:#cda54f;--border:rgba(11,23,19,.13);
 --border-strong:#526158;--shadow:rgba(11,23,19,.10);
 color:#0b1713;color-scheme:light;
}

/* 01 — NA DE DONKERE HERO: ADEMRUIMTE. */
.premium-home .feature-band {background:#f7f3ea;border:0;position:relative}
.premium-home .premium-benefit-heading {padding-top:83px;display:flex;align-items:end;justify-content:space-between;gap:28px}
.premium-home .premium-benefit-heading h2 {max-width:660px;margin-bottom:0;color:#0b1713}
.premium-home .premium-benefit-heading h2 em {color:#80601f}
.premium-home .premium-benefit-heading .eyebrow {color:#80601f;margin-bottom:13px}
.premium-home .premium-benefit-heading>p {max-width:265px;color:#526158;font-size:.91rem;margin-bottom:5px}
.premium-home .benefit-grid {padding-top:30px;padding-bottom:83px;gap:20px}
.premium-home .benefit-grid article {
 background:#fffdfa;
 border:1px solid rgba(11,23,19,.105);
 box-shadow:0 12px 35px rgba(11,23,19,.045);
 border-radius:18px;min-height:252px;padding:29px 28px;
}
.premium-home .benefit-grid article:before {content:"";display:block;position:absolute;top:0;left:28px;width:58px;height:3px;background:#cda54f;border-radius:0 0 3px 3px}
.premium-home .benefit-grid .number {color:#80601f;font-weight:650}
.premium-home .benefit-grid h3 {color:#0b1713;font-weight:650}
.premium-home .benefit-grid p {color:#526158}
.premium-home .benefit-grid .text-link {color:#80601f}
.premium-home .benefit-grid .text-link:hover {color:#0b1713}

/* 02 — LICHTE GALERIJ: ECHTE DONKERE APP-SCHERMEN KRIJGEN CONTRAST. */
.premium-home .premium-gallery {
 background:#eee8dc;
 border-top:1px solid rgba(11,23,19,.08);
 border-bottom:0;
 padding:92px 0 100px;
}
.premium-home .premium-gallery .eyebrow {color:#80601f}
.premium-home .premium-gallery h2 {color:#0b1713}
.premium-home .premium-gallery h2 em {color:#80601f}
.premium-home .premium-section-head>p {color:#526158}
.premium-home .premium-screenshot {
 background:#f7f3ea;
 border:1px solid rgba(11,23,19,.10);
 box-shadow:0 14px 34px rgba(11,23,19,.045);
 border-radius:21px;
}
.premium-home .premium-screenshot img {filter:drop-shadow(0 15px 20px rgba(11,23,19,.16))}
.premium-home .premium-screenshot figcaption,
.premium-home .premium-screenshot strong {color:#0b1713}
.premium-home .premium-screenshot figcaption span {color:#526158}
.premium-home .premium-inline-link {color:#80601f}
.premium-home .premium-inline-link:hover {color:#0b1713}

/* 03 — DIEP GROEN HOUDT HET RITME; HIER IS DELEN DE HOOFDFUNCTIE. */
.premium-home .sharing-section {
 background:radial-gradient(ellipse at 79% 16%,rgba(224,190,115,.095),transparent 52%),linear-gradient(155deg,#183127 0%,#10241c 76%);
 border-block:1px solid rgba(224,190,115,.15);
}
.premium-home .story-grid {padding-block:100px}
.premium-home .sharing-section h2,
.premium-home .sharing-section h3 {color:#f7f3ea}
.premium-home .sharing-section h2 em {color:#e0be73}
.premium-home .sharing-section .eyebrow {color:#e0be73}
.premium-home .sharing-section .lead,.premium-home .sharing-section .fine-print {color:#d7ddd6}

/* 04 — PRIVACY / EIGENAARSCHAP: IVOOR MET ZACHT GROENGRIJS. */
.premium-home .privacy-band {background:#f7f3ea}
.premium-home .privacy-section {padding-block:94px 100px}
.premium-home .privacy-section h2 {color:#0b1713}
.premium-home .privacy-section .eyebrow {color:#80601f}
.premium-home .privacy-section>.lead {color:#526158}
.premium-home .privacy-grid {gap:18px}
.premium-home .privacy-grid article {
 border:1px solid rgba(11,23,19,.085);
 border-radius:16px;background:#ecefe8;
 padding:28px 25px 29px;
}
.premium-home .privacy-grid h3 {color:#183127;font-size:1.1rem}
.premium-home .privacy-grid p {color:#425449;line-height:1.7}
.premium-home .privacy-section .text-link {color:#80601f}
.premium-home .privacy-section .text-link:hover {color:#0b1713}

/* 05 — ZAND: PRIJZEN / GEEN ABONNEMENT ZIJN REEDS LICHT. */
.premium-home .pricing-section {background:#eee8dc;border-top:1px solid rgba(11,23,19,.08)}
.premium-home .pricing-section .eyebrow {color:#80601f}
.premium-home .price-grid article:not(.full-access) {background:#fffdfa;box-shadow:0 12px 32px rgba(11,23,19,.04)}
.premium-home .price-grid article.full-access .eyebrow {color:#e0be73}
.premium-home .pricing-section .section-head>p {color:#526158}

/* 06 — LICHT SAGE: FAQ ONDERBREKEN VOOR DE DONKERE SLOTCTA. */
.premium-home .faq-band {background:#e9eee7;border-top:1px solid rgba(11,23,19,.08)}
.premium-home .faq-section {padding-block:92px 97px}
.premium-home .faq-section h2 {color:#0b1713}
.premium-home .faq-section details {border-color:rgba(11,23,19,.17)}
.premium-home .faq-section summary {color:#0b1713;font-weight:600}
.premium-home .faq-section details p {color:#425449}
.premium-home .faq-section details summary::after {color:#80601f}
.premium-home .faq-section summary:hover {color:#80601f}

/* 07 — AFSLUITING WEER DONKER. */
.premium-home .closing-cta {border-top:0;padding-block:72px 66px}
.premium-home .closing-cta .button.primary {min-height:61px;padding:16px 30px}
.premium-home .footer {border-color:rgba(224,190,115,.14)}

@media(max-width:740px){
 .premium-home .premium-benefit-heading {display:block;padding-top:62px}
 .premium-home .premium-benefit-heading>p {margin:16px 0 0;max-width:550px}
 .premium-home .benefit-grid {padding-top:24px;padding-bottom:61px}
 .premium-home .benefit-grid article {min-height:0;padding:23px 24px}
 .premium-home .premium-gallery {padding:66px 0 68px}
 .premium-home .premium-screenshot {padding:25px 18px}
 .premium-home .story-grid {padding-block:71px}
 .premium-home .privacy-section {padding-block:69px 75px}
 .premium-home .privacy-grid article {padding:22px}
 .premium-home .pricing-section .section {padding-block:72px}
 .premium-home .faq-section {padding-block:70px}
 .premium-home .closing-cta {padding-block:56px}
}