/* Homepage v10 — ontwerp getrouw aan goedgekeurde concept */
.ucm-landing{overflow:hidden;background:#fff;color:#171e2c}
.ucm-landing .eyebrow{font-size:12px;letter-spacing:.17em;font-weight:800;color:#596071}
.landing-hero{position:relative;background:radial-gradient(ellipse at 90% 16%,#f2e2ec 0,transparent 48%),linear-gradient(125deg,#fff 0%,#faf5f8 70%,#f7edf2 100%);padding:67px 0 52px}
.landing-hero::after{content:"";position:absolute;inset:auto 0 0;height:85px;pointer-events:none;opacity:.45;background:repeating-radial-gradient(ellipse at 75% 120%,transparent 0px,transparent 23px,#cb96ab 24px,transparent 25px);mask-image:linear-gradient(transparent,#000)}
.landing-hero-layout{display:grid;grid-template-columns:1fr 1.02fr;gap:35px;align-items:center;position:relative;z-index:1}
.landing-hero-text h1{font-size:clamp(38px,3.65vw,60px);line-height:1.12;letter-spacing:-.048em;margin:18px 0 20px;max-width:690px;color:#121a2b}
.landing-hero-text h1 span{color:#8b113d}.landing-intro{color:#475263;max-width:640px;font-size:17px;line-height:1.65;margin:0 0 28px}
.landing-actions{display:flex;flex-wrap:wrap;gap:13px}.landing-actions .btn{border-radius:9px;padding:15px 22px;display:inline-flex;gap:18px;align-items:center;font-size:14px}.landing-actions .secondary{background:#fff;color:#771133;border:1px solid #c57f9c}
.landing-trust{display:flex;gap:21px;flex-wrap:wrap;margin-top:24px;color:#293442;font-size:12px}.landing-trust span::first-letter{color:#8b113d}
.landing-product-preview{margin:0;position:relative;filter:drop-shadow(0 24px 26px rgba(66,22,51,.12))}.landing-product-preview img{width:100%;height:auto;border-radius:18px;display:block;transform:perspective(1000px) rotateY(-4deg)}.landing-product-preview figcaption{font-size:10px;position:absolute;bottom:5px;right:18px;background:#fffdfcbb;color:#565a66;padding:3px 6px;border-radius:5px}
.landing-promises{padding:22px 0 40px;background:#fbfafb}.landing-promises-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.promise-card{color:inherit!important;display:grid;grid-template-columns:54px 1fr;gap:14px;border:1px solid #ebe5e9;border-radius:16px;background:#fff;padding:21px 16px;box-shadow:0 8px 26px rgba(64,30,46,.055);text-decoration:none!important;transition:transform .2s,box-shadow .2s}.promise-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(64,30,46,.12)}.promise-icon{width:51px;height:51px;padding:9px;background:linear-gradient(160deg,#fbecf3,#fff);border-radius:14px}.promise-card h2{font-size:16px;line-height:1.3;margin:0 0 10px;letter-spacing:-.025em}.promise-card p{font-size:12px;color:#525e6b;line-height:1.55;margin:0 0 10px}.promise-more{font-size:12px;font-weight:800;color:#8a1240}
.landing-uniformity{padding:80px 0 85px;background:linear-gradient(120deg,#fff,#fcf6fa)}.landing-uniformity-inner{display:grid;grid-template-columns:.67fr 1.33fr;gap:50px;align-items:center}.landing-uniform-intro h2,.landing-audience-heading h2,.landing-community-copy h2{font-size:clamp(29px,3vw,45px);line-height:1.12;letter-spacing:-.042em;margin:12px 0 18px}.landing-uniform-intro p:not(.eyebrow){color:#535d6a;font-size:16px;max-width:430px;line-height:1.55}.landing-uniform-intro .btn{margin-top:13px;font-size:13px}
.uniform-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}.uniform-journey::before{content:"";height:3px;position:absolute;left:11%;right:11%;top:51px;background:linear-gradient(90deg,#eec4d5,#8b113d,#ebc2d0);z-index:0}.uniform-node{position:relative;text-align:center;z-index:1}.uniform-node img{width:99px;height:99px;display:block;margin:0 auto 19px;background:#fff;border:1px solid #ebdfe5;border-radius:50%;padding:24px;box-shadow:0 12px 25px rgba(119,17,51,.09)}.uniform-node p{color:#293244;line-height:1.45;font-weight:650;font-size:12px;margin:0}
.landing-audiences{padding:64px 0;background:white}.landing-audience-layout{display:grid;grid-template-columns:.58fr 1.42fr;gap:36px;align-items:center}.landing-audience-heading>p:not(.eyebrow){color:#616b78}.landing-audience-list{display:grid;grid-template-columns:1fr 1fr;gap:17px}.audience-feature{display:grid;grid-template-columns:35% 1fr;overflow:hidden;border-radius:15px;border:1px solid #e6e0e5;text-decoration:none!important;color:inherit!important;background:#fff;box-shadow:0 7px 24px #50152a0c;transition:box-shadow .2s}.audience-feature:hover{box-shadow:0 12px 31px #50152a21}.audience-feature img{width:100%;height:100%;min-height:180px;object-fit:cover}.audience-feature>div{padding:19px}.audience-feature h3{font-size:16px;line-height:1.25;margin:0 0 9px}.audience-feature p{color:#58626e;font-size:12px;line-height:1.5;margin:0 0 12px}.audience-feature strong{color:#8b113d;font-size:12px}
.landing-community{background:linear-gradient(120deg,#faf5f8,#fff);padding:64px 0 76px}.landing-community-layout{display:grid;grid-template-columns:.85fr 1.1fr .52fr;gap:26px;align-items:center}.landing-community-copy h2{font-size:clamp(27px,2.8vw,38px)}.landing-community-copy p:not(.eyebrow){font-size:14px;color:#596271;line-height:1.6}.landing-community-copy .btn{font-size:13px;margin-top:12px}.community-demo{background:#fff;border:1px solid #eadfe5;border-radius:16px;box-shadow:0 12px 29px #50152a12;padding:23px}.community-demo-top{display:flex;align-items:center;gap:9px;font-size:12px}.community-demo-top small{color:#88113e;margin-left:auto;background:#f9eaf1;padding:4px 8px;border-radius:12px}.demo-dot{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#b42d60,#64102f)}.community-demo h3{font-size:17px;line-height:1.45;margin:16px 0}.community-demo-answer{border:1px solid #efe6eb;border-radius:11px;padding:16px;background:#fbfafb}.community-demo-answer strong{font-size:13px;color:#771133}.community-demo-answer strong span{font-size:16px}.community-demo-answer p{font-size:12px;color:#55606c;margin:7px 0 0}.community-flow{display:flex;flex-direction:column;gap:23px}.community-flow>div{display:flex;align-items:center;gap:11px;font-size:12px;color:#384250;font-weight:650}.community-flow span{flex-shrink:0;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#8b113d;color:white;box-shadow:0 6px 13px #770e3038}
@media(max-width:1120px){.landing-hero-layout{grid-template-columns:1fr 1fr}.landing-promises-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-audience-layout{grid-template-columns:1fr}.landing-community-layout{grid-template-columns:1fr 1fr}.community-flow{grid-column:1/-1;flex-direction:row;justify-content:space-around}}
@media(max-width:760px){.landing-hero-layout,.landing-uniformity-inner,.landing-community-layout{grid-template-columns:1fr}.landing-hero{padding:48px 0 30px}.landing-hero-text h1{font-size:clamp(35px,8vw,48px)}.landing-product-preview{max-width:650px}.uniform-journey{grid-template-columns:repeat(2,1fr);gap:26px}.uniform-journey::before{display:none}.landing-audience-list{grid-template-columns:1fr}.community-flow{grid-column:auto}.landing-uniformity{padding:65px 0}.landing-community{padding:55px 0}}
@media(max-width:520px){.landing-promises-grid{grid-template-columns:1fr}.promise-card{grid-template-columns:52px 1fr}.landing-trust{gap:9px 16px}.landing-actions .btn{width:100%;justify-content:center}.uniform-node img{width:77px;height:77px;padding:18px}.audience-feature{grid-template-columns:34% 1fr}.audience-feature>div{padding:14px}.landing-audiences{padding:50px 0}.community-flow{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.promise-card,.audience-feature{transition:none}.promise-card:hover{transform:none}}

/* v11: cards and visual uniformity approved design */
.landing-promises{padding:14px 0 29px;background:linear-gradient(180deg,#faf9fb,#fff)}
.landing-promises-grid{gap:10px}
.promise-card{position:relative;grid-template-columns:75px minmax(0,1fr);gap:10px;align-items:start;min-height:182px;padding:17px 30px 16px 12px;border-radius:12px;border-color:#e6e1e8;box-shadow:0 7px 21px #5116310c}
.promise-card:focus-visible{outline:3px solid #a72e60;outline-offset:3px}
.promise-icon{width:73px;height:88px;object-fit:contain;padding:8px;background:transparent;border-radius:0;filter:drop-shadow(0 7px 5px #77113325);transition:transform .25s ease}
.promise-card:hover .promise-icon{transform:translateY(-5px) scale(1.04)}
.promise-card h2{font-size:16px;line-height:1.22;font-weight:800;margin:4px 0 10px}
.promise-card p{font-size:12px;line-height:1.55;color:#475364;margin:0}
.promise-chevron{position:absolute;right:8px;top:16px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #e8e4e9;border-radius:50%;font-size:24px;color:#232936;line-height:1;background:#fff}
.promise-card:hover .promise-chevron{background:#771133;color:white;border-color:#771133}
.landing-uniformity{position:relative;isolation:isolate;overflow:hidden;padding:52px 0 58px;background:#fff}
.landing-uniformity:before{content:"";position:absolute;z-index:-1;inset:0;background:url('uniform-wave.svg') center/cover no-repeat;pointer-events:none}
.landing-uniformity-inner{grid-template-columns:.66fr 1.34fr;gap:28px}
.landing-uniform-intro h2{font-size:clamp(30px,3.1vw,42px);margin:10px 0 12px}
.landing-uniform-intro p:not(.eyebrow){font-size:15px;line-height:1.55}
.landing-uniform-intro .btn{margin-top:10px}
.uniform-journey{gap:12px}
.uniform-journey::before{top:45px;height:2px;left:11%;right:11%;background:linear-gradient(90deg,#dec1d0,#a3305d,#dab3c8)}
.uniform-node img{width:91px;height:91px;padding:20px;margin-bottom:17px;border-color:#efe5eb;box-shadow:0 5px 17px #7711331a,0 0 0 8px #ffffffab}
.uniform-node p{font-size:12px;line-height:1.45;font-weight:700;color:#1d293b}
@media(max-width:1120px){.promise-card{min-height:150px}}
@media(max-width:760px){.uniform-journey{gap:22px}.landing-uniformity{padding:50px 0}}
@media(max-width:520px){.promise-card{min-height:0}.promise-icon{height:75px}.uniform-node img{width:76px;height:76px}}
@media(prefers-reduced-motion:reduce){.promise-icon{transition:none}}

/* v12 — één overzichtelijke community-intro met volledig klikbare doelgroepkaarten */
.landing-audiences{padding:76px 0 88px;background:linear-gradient(150deg,#fff 50%,#fbf6f9 100%)}
.landing-community-intro>h2{font-size:clamp(30px,3.2vw,43px);line-height:1.16;letter-spacing:-.038em;margin:10px 0 16px}
.landing-community-intro>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:850px;color:#535d6a;margin:0 0 32px}
.landing-community-intro .landing-audience-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.landing-community-intro .audience-feature{min-height:184px;position:relative;transition:box-shadow .2s,transform .2s,border-color .2s}
.landing-community-intro .audience-feature:hover{transform:translateY(-3px);border-color:#d1a3b6;box-shadow:0 18px 32px #50152a1c}
.landing-community-intro .audience-feature:focus-visible{outline:3px solid #a72e60;outline-offset:4px}
.landing-community-intro .audience-feature>div{padding:27px 30px 27px 23px;display:flex;flex-direction:column;justify-content:center}
.landing-community-intro .audience-feature h3{font-size:19px;margin:0 0 11px}
.landing-community-intro .audience-feature p{font-size:14px;line-height:1.6;margin:0}
.landing-community-intro .audience-feature:after{content:'›';position:absolute;right:14px;top:14px;width:27px;height:27px;border:1px solid #eee1e7;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:25px;line-height:1;color:#771133}
@media(max-width:800px){.landing-community-intro .landing-audience-list{grid-template-columns:1fr}.landing-audiences{padding:53px 0 65px}}
@media(max-width:520px){.landing-community-intro>p:not(.eyebrow){font-size:15px}.landing-community-intro .audience-feature>div{padding:20px 26px 20px 15px}.landing-community-intro .audience-feature h3{font-size:16px}.landing-community-intro .audience-feature p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.landing-community-intro .audience-feature{transition:none}}