/* Zorgbemiddeling.eu — brand identity v3: deep green and rose */
:root {
 --zorg-green:#143f35;
 --zorg-deep:#103a31;
 --zorg-pink:#c45d83;
 --zorg-rose:#a84669;
 --zorg-blush:#faecf0;
 --zorg-pink-light:#f7dce5;
 --zorg-cream:#fffbf7;
 --zorg-sage:#e9f0e7;
 --zorg-ink:#193f36;
}
html{scroll-behavior:smooth}
body{background:var(--zorg-cream);color:var(--zorg-ink)}
::selection{background:#f5c6d5;color:#173f35}
.site-header{background:var(--zorg-cream)}
.site-header .logo{display:flex;flex:0 0 auto;width:clamp(235px,22vw,285px);max-width:30%;min-width:0;align-items:center}
.site-header .logo .brand-lockup{width:100%;height:auto;display:block;object-fit:contain}
.site-header .rev-header-actions{gap:9px}
.footer .logo{width:min(100%,280px);max-width:100%;display:block}
.footer .logo .brand-lockup{width:100%;max-width:100%;height:auto;display:block}
.footer .rev-footer-intro .logo{background:transparent}
.site-header .nav-links a:hover,.site-header .nav-links a[aria-current="page"],.p-topnav a:hover{color:var(--zorg-rose)!important}
.topbar{background:var(--zorg-green)}
.eyebrow,.rev-eyebrow,.card-num,.article-card .kicker,.rev-featured-label{color:var(--zorg-rose)}
.eyebrow span,.rev-eyebrow:before,.rev-line{background:var(--zorg-pink)}
.rev-hero{background:radial-gradient(ellipse at 18% 66%,#fff0f1 0%,#fffbf8 54%,#f8f5ef 100%)}
.rev-hero h1 em{color:var(--zorg-rose)}
.rev-hero .rev-promises span:before{color:var(--zorg-pink)}
.rev-art{border-radius:42% 5% 5% 10%;border:3px solid #f1d5de;background:#e4ede3;box-shadow:0 15px 42px #653c4210}
.rev-art:after{content:"";position:absolute;inset:auto -26px -42px auto;width:165px;height:165px;background:#efb9ca60;border-radius:50%;pointer-events:none}
.rev-audience-card:nth-of-type(2),.rev-audience-card:nth-child(3){background:#faeaef;border-color:#f1d3df}
.rev-audience-card:nth-of-type(2) svg{color:var(--zorg-rose)}
.rev-audience-card:hover{border-color:#d28fa9;box-shadow:0 12px 25px #a24b6514}
.rev-process-badge{background:var(--zorg-pink)}
.rev-benefits{background:linear-gradient(90deg,#f5eff0,#e7eee7)}
.rev-benefit svg{color:var(--zorg-rose)}
.rev-block-title:after,.page-hero .eyebrow span{background:var(--zorg-pink)}
.rev-content-banner{background:linear-gradient(115deg,#154638 55%,#6d4d5d 155%)}
.rev-featured-card .rev-card-arrow{background:var(--zorg-blush);color:var(--zorg-rose)}
.btn,.p-btn{transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}
.btn:hover,.p-btn:hover{box-shadow:0 10px 22px #af6e8230}
.btn-light,.btn-outline,.p-btn-ghost{border-color:#c78aa2}
.btn-light:hover,.btn-outline:hover,.p-btn-ghost:hover{background:var(--zorg-blush);border-color:var(--zorg-pink);color:var(--zorg-green)}
.tag{background:var(--zorg-blush)}
.card .icon-wrap{background:#f5e3e9;color:var(--zorg-rose)}
.text-link:hover{color:var(--zorg-rose);border-color:var(--zorg-rose)}
.step .number{color:var(--zorg-rose)}
.notice,.p-safe,.p-disclaimer{border-left-color:var(--zorg-pink);background:#fcf2f4}
.info-aside{background:#f5f0ef}
.contact-panel{background:#163f34}
.p-status-pending{background:#fae8ee;color:#963e61}
.p-gratuit{background:var(--zorg-blush);color:var(--zorg-rose)}
.p-hero-layout{background:linear-gradient(125deg,#edf1e8,#fbeef2)}
.p-listing:hover{border-color:#d9a1b4}
.p-alert-success{background:#edf4e9}
.p-field input:focus,.p-field textarea:focus,.p-field select:focus{border-color:var(--zorg-pink);box-shadow:0 0 0 3px #f5d6e3}
.p-pages a[aria-current="page"]{background:var(--zorg-green)}
.footer{background:linear-gradient(105deg,#123e32,#164638)}
.footer .footer-main h4{color:#fff}
.footer a:hover{color:#ffd1df!important}
.footer .footer-bottom{border-color:#ffffff30}
.site-header .header-inner{min-height:78px}
.page-hero.page-hero-illustrated{
 background:radial-gradient(circle at 84% 52%,#f8dfe7 0%,#f8f5f0 38%,#e9f0e8 100%);
 padding:56px 0 61px;
 overflow:hidden;
}
.page-hero.page-hero-illustrated::after{display:none}
.page-hero-illustrated>.container{
 display:grid;
 grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
 gap:clamp(28px,5vw,82px);
 align-items:center;
}
.page-hero-illustrated .page-copy{min-width:0;position:relative;z-index:2}
.page-hero-illustrated h1{font-size:clamp(2.55rem,4vw,4.6rem);line-height:1.08;margin:0 0 25px}
.page-hero-illustrated .lead{max-width:640px;font-size:1.02rem;line-height:1.72}
.page-hero-visual{
 position:relative;
 margin:0;
 border-radius:38% 10% 9% 12%;
 overflow:hidden;
 background:linear-gradient(125deg,#ddebe0,#fbe4e9);
 aspect-ratio:1.9/1;
 box-shadow:0 18px 48px #5a4f4b19;
 border:3px solid #fff8f7;
}
.page-hero-visual img{width:100%;height:100%;object-fit:cover;display:block}
.page-hero-visual::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #e6c5d0a8;pointer-events:none}
.page-hero-visual.icon-art{display:grid;place-items:center;padding:25px}
.page-hero-visual.icon-art svg{display:block;width:100%;height:100%;max-height:275px}
.page-breadcrumb a:hover{color:var(--zorg-rose)}
.page-hero-illustrated .rev-hero-hint{margin-top:23px;display:inline-flex;gap:8px;align-items:center;color:var(--zorg-rose);font-size:.82rem;font-weight:760}
.page-hero-illustrated .rev-hero-hint:before{content:"♥";font-size:.75rem}
.feature-panel{background:#e8ebdc}
.p-main .p-pagehead .eyebrow{color:var(--zorg-rose)}
.p-panel,.p-aside,.p-detail{border-color:#e8dbe0}
@media(max-width:1180px){
 .site-header .logo{width:245px;max-width:38%}
 .page-hero-illustrated>.container{gap:28px;grid-template-columns:1.1fr .9fr}
 .page-hero-illustrated h1{font-size:clamp(2.5rem,4.2vw,3.6rem)}
}
@media(max-width:850px){
 .page-hero-illustrated>.container{grid-template-columns:1fr;gap:22px}
 .page-hero.page-hero-illustrated{padding:42px 0 45px}
 .page-hero-illustrated .page-copy h1{font-size:clamp(2.6rem,7vw,4rem)}
 .page-hero-visual{max-width:690px;aspect-ratio:2.15/1;border-radius:24% 7% 7% 7%}
 .site-header .logo{max-width:none;width:245px}
}
@media(max-width:600px){
 .site-header .logo{width:210px;min-width:0;max-width:calc(100% - 90px)}
 .site-header .header-inner{min-height:69px}
 .page-hero.page-hero-illustrated{padding:35px 0 39px}
 .page-hero-illustrated h1{font-size:clamp(2.25rem,8.2vw,3.15rem)!important;line-height:1.08}
 .page-hero-illustrated .lead{font-size:.94rem}
 .page-hero-visual{aspect-ratio:1.8/1}
 .page-hero-visual.icon-art{padding:18px}
 .rev-art{border-radius:30% 5% 5% 5%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}