/* CarpAtlas V3 – voorstel functiepagina. Alleen geladen op /nl/features/.
   Kleurwaarden zijn de bestaande CarpAtlas crème/groen/goud tinten. */
.features-premium-page {background:#f7f3ea;color:#0b1713;}
.features-premium-page main {overflow:hidden;}
.features-premium-page main .shell {width:min(1160px,calc(100% - 48px));}
.features-premium-page main p {margin-top:0;}
.features-premium-page main h1,.features-premium-page main h2,.features-premium-page main h3{letter-spacing:-.043em;line-height:1.1;text-wrap:balance;}
.features-premium-page main h2{font-size:clamp(2.15rem,4vw,3.5rem);font-weight:650;max-width:720px;margin:0 0 24px;}
.features-premium-page main h3 {font-size:1.2rem; margin:0 0 9px;}
.features-premium-page .fp-eyebrow,.features-premium-page .fp-kicker {letter-spacing:.15em;text-transform:uppercase;font-size:.74rem;font-weight:750;color:#80601f;margin:0 0 19px;}
.fp-hero {position:relative;isolation:isolate;padding:60px 0 58px;background:radial-gradient(ellipse 34% 62% at 85% 40%,rgba(205,165,79,.17),transparent 100%),linear-gradient(135deg,#f7f3ea 5%,#f2ede1 85%);}
.fp-hero-inner {display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;min-height:530px;}
.fp-kicker {display:flex;align-items:center;gap:12px;}
.fp-kicker-rule{width:29px;height:1px;background:#a98335;display:inline-block;}
.fp-hero h1 {font-size:clamp(2.9rem,5.1vw,4.65rem);font-weight:670;letter-spacing:-.06em;max-width:690px;margin-bottom:25px;}
.fp-hero h1 em,.fp-chapter-light h2 em,.fp-chapter-sand h2 em{color:#9c7426;}
.fp-hero .fp-lead {color:#526158;line-height:1.75;font-size:clamp(1.02rem,1.55vw,1.22rem);max-width:570px;}
.fp-buttons {display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:28px 0 15px;}
.fp-btn {min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 23px;border-radius:12px;font-size:.98rem;font-weight:700;transition:transform .18s ease,background .18s ease;}
.fp-btn:hover {transform:translateY(-2px);}
.fp-btn-primary {color:#0b1713 !important;background:#cda54f;box-shadow:0 8px 25px rgba(94,71,26,.13);}
.fp-btn-primary:hover {background:#e0be73 !important;}
.fp-btn-text {color:#80601f!important;text-decoration:underline;text-underline-offset:7px;}
.fp-microcopy {font-size:.77rem;color:#526158;}
.fp-hero-art {position:relative;min-width:0;display:flex;justify-content:center;align-items:center;padding:10px 0;}
.fp-hero-art:before {content:"";position:absolute;width:min(450px,85%);aspect-ratio:1/1;border-radius:50%;border:1px solid rgba(128,96,31,.18);}
.fp-photo-aura {position:absolute;inset:11% 4%;border-radius:45%;background:radial-gradient(ellipse,rgba(205,165,79,.24),transparent 70%);filter:blur(15px);}
.fp-shot {position:relative;width:max-content;max-width:100%;margin:0 auto;text-align:center;z-index:1;}
.fp-shot img {display:block;width:100%;max-width:260px;height:auto;object-fit:contain;border-radius:27px;box-shadow:0 23px 55px rgba(11,23,19,.21);border:1px solid rgba(11,23,19,.17);}
.fp-shot figcaption {font-size:.72rem;color:#526158;line-height:1.4;max-width:260px;margin:15px auto 0;}
.fp-hero-aside {position:absolute;z-index:2;right:-8px;bottom:100px;color:#10241c;background:rgba(247,243,234,.94);border:1px solid rgba(128,96,31,.28);box-shadow:0 10px 30px rgba(11,23,19,.11);padding:11px 16px;border-radius:10px;font-weight:650;font-size:.78rem;}
.fp-hero-aside span{color:#a98335;margin-right:7px;}
.fp-in-page {position:relative;border-top:1px solid rgba(11,23,19,.08);border-bottom:1px solid rgba(11,23,19,.13);background:#eee8dc;}
.fp-in-page-inner {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 26px;padding-block:13px;}
.fp-in-page a {font-size:.84rem;font-weight:650;color:#33463b;padding:8px 0;white-space:nowrap;}
.fp-in-page a:hover{color:#80601f;}
.fp-process {padding:88px 0 94px;background:#f7f3ea;}
.fp-process h2 {max-width:790px !important;}
.fp-intro {max-width:660px;color:#526158;font-size:1.04rem;line-height:1.75;margin-bottom:36px;}
.fp-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.fp-step {position:relative;display:block;background:#eee8dc;color:#0b1713;border:1px solid rgba(11,23,19,.11);border-radius:16px;padding:25px 22px 24px;min-height:210px;transition:transform .2s ease,border-color .2s ease;}
.fp-step:hover {transform:translateY(-3px);border-color:#cda54f;color:#0b1713;}
.fp-step-n {color:#80601f;font-size:.8rem;letter-spacing:.12em;display:block;margin-bottom:22px;}
.fp-step h3 {font-size:1.07rem!important;letter-spacing:-.025em!important;}
.fp-step p {font-size:.87rem;color:#526158;line-height:1.6;max-width:210px;margin:0;}
.fp-step-arrow {position:absolute;top:21px;right:20px;font-size:1.12rem;color:#9c7426;}
.fp-chapter {padding:95px 0;scroll-margin-top:20px;}
.fp-chapter-layout {display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:90px;}
.fp-chapter-reverse .fp-chapter-content{order:2;}
.fp-chapter-reverse .fp-chapter-visual{order:1;}
.fp-chapter-content {max-width:580px;}
.fp-chapter .fp-eyebrow span{display:inline-block;margin-right:12px;font-variant-numeric:tabular-nums;}
.fp-chapter .fp-chapter-lead {font-size:1.11rem;color:#526158;line-height:1.76;margin-bottom:26px;}
.fp-ticks {list-style:none;margin:0 0 28px;padding:0;display:grid;gap:14px;}
.fp-ticks li {position:relative;padding-left:27px;line-height:1.54;font-size:.94rem;}
.fp-ticks li:before {content:'✓';position:absolute;top:0;left:0;color:#80601f;font-weight:800;}
.fp-chapter .fp-story {font-size:.89rem;line-height:1.65;color:#526158;margin:0 0 23px;border-left:2px solid #cda54f;padding-left:18px;}
.fp-chapter-light {background:#f7f3ea;}
.fp-chapter-sand {background:#eee8dc;}
.fp-chapter-visual {position:relative;min-width:0;display:flex;justify-content:center;padding:25px 0;}
.fp-visual-halo {position:absolute;inset:8% 5%;border-radius:38px;transform:rotate(-7deg);background:#e6dcc9;opacity:.72;}
.fp-chapter-visual .fp-shot img {max-width:250px;}
.fp-chapter-visual .fp-shot figcaption {margin-top:18px;}
.fp-chapter-dark {background:#10241c;color:#f7f3ea;}
.fp-chapter-dark h2,.fp-chapter-dark h3 {color:#f7f3ea;}
.fp-chapter-dark h2 em {color:#e0be73;}
.fp-chapter-dark .fp-eyebrow,.fp-chapter-dark .fp-ticks li:before {color:#e0be73;}
.fp-chapter-dark .fp-chapter-lead,.fp-chapter-dark .fp-story {color:#d7ddd6;}
.fp-chapter-dark .fp-visual-halo {background:#183127;opacity:1;border:1px solid rgba(224,190,115,.15);}
.fp-chapter-dark .fp-shot figcaption {color:#d7ddd6;}
.fp-chapter-dark .fp-story {border-color:#e0be73;}
.fp-inline-link {font-size:.9rem;font-weight:700;text-decoration:underline;text-underline-offset:6px;color:#80601f;}
.fp-chapter-dark .fp-inline-link {color:#e0be73;}
.fp-chapter-dark .fp-inline-link:hover{color:#f7f3ea;}
.fp-extras {background:#e9eee7;padding:87px 0 93px;}
.fp-extra-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px;}
.fp-extra-grid article {background:#f7f3ea;border:1px solid rgba(11,23,19,.1);border-radius:16px;padding:28px 30px;}
.fp-extra-symbol {display:block;color:#80601f;font-size:1.5rem;line-height:1.2;margin-bottom:17px;}
.fp-extra-grid h3 {font-size:1.12rem!important;margin-bottom:12px!important;}
.fp-extra-grid p {font-size:.91rem;line-height:1.65;color:#526158;margin-bottom:0;}
.fp-close {padding:70px 0;background:#183127;color:#f7f3ea;}
.fp-close-layout {display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;}
.fp-close .fp-eyebrow {color:#e0be73;}
.fp-close h2 {color:#f7f3ea;font-size:clamp(2rem,3.1vw,2.8rem)!important;margin-bottom:15px!important;}
.fp-close p {color:#d7ddd6;line-height:1.65;}
.fp-close-layout>div:last-child {text-align:right;}
.fp-close .fp-close-note {font-size:.73rem;margin:14px 0 0;}
.fp-close .fp-btn{max-width:100%;}
@media (max-width: 960px){
 .fp-hero-inner{gap:28px;grid-template-columns:1fr .8fr;min-height:490px;}
 .fp-hero h1{font-size:clamp(2.65rem,5.4vw,4rem);}
 .fp-hero-art .fp-shot img{max-width:220px;}
 .fp-hero-aside{right:-3px;bottom:95px;}
 .fp-chapter-layout{gap:38px;}
 .fp-steps{gap:10px;}
 .fp-step{padding:20px 15px;}
}
@media (max-width: 700px){
 .features-premium-page main .shell{width:calc(100% - 38px);}
 .fp-hero{padding:39px 0 42px;}
 .fp-hero-inner{grid-template-columns:1fr;gap:22px;min-height:auto;}
 .fp-hero h1{font-size:clamp(2.7rem,10.8vw,4rem);max-width:550px;}
 .fp-hero .fp-lead{font-size:1.02rem;line-height:1.68;}
 .fp-hero-art{min-height:390px;padding:0 0 10px;}
 .fp-hero-art:before{width:330px;max-width:91%;}
 .fp-hero-art .fp-shot img{max-width:206px;}
 .fp-hero-art .fp-shot figcaption{font-size:.67rem;margin-top:12px;}
 .fp-hero-aside{right:4px;bottom:70px;font-size:.72rem;padding:8px 10px;}
 .fp-in-page-inner{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:23px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
 .fp-process{padding:62px 0;}
 .fp-process h2{font-size:2.2rem;}
 .fp-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
 .fp-step{min-height:190px;padding:20px 16px;}
 .fp-chapter{padding:64px 0 66px;}
 .fp-chapter-layout{grid-template-columns:1fr;gap:25px;}
 .fp-chapter-reverse .fp-chapter-content,.fp-chapter-reverse .fp-chapter-visual{order:initial;}
 .fp-chapter h2{font-size:clamp(2.15rem,9vw,3rem);}
 .fp-chapter .fp-chapter-lead{font-size:1rem;}
 .fp-chapter-visual{padding:18px 0 10px;}
 .fp-chapter-visual .fp-shot img{max-width:235px;}
 .fp-visual-halo{inset:7% 9%;}
 .fp-extra-grid{grid-template-columns:1fr;gap:12px;}
 .fp-extras{padding:65px 0;}
 .fp-close{padding:58px 0;}
 .fp-close-layout{grid-template-columns:1fr;gap:15px;}
 .fp-close-layout>div:last-child{text-align:left;}
}
@media (max-width: 390px){
 .features-premium-page main .shell{width:calc(100% - 32px);}
 .fp-hero h1{font-size:clamp(2.3rem,10vw,2.9rem);}
 .fp-hero-art .fp-shot img{max-width:195px;}
 .fp-buttons{flex-direction:column;align-items:stretch;}
 .fp-btn{width:100%;}
 .fp-step{padding:18px 14px;min-height:198px;}
 .fp-step p{font-size:.81rem;}
 .fp-extra-grid article{padding:24px 20px;}
}
@media(prefers-reduced-motion:reduce){.fp-btn,.fp-step{transition:none!important;}}