/* Rudozi site-brede bouwstijl (gebaseerd op de DigiView-pagina) */
body.zc-site{--ink:#0d0d0d;--ink2:#161616;--ink3:#202020;--line:#2e2e2e;--mute:#b3b3b3;--y:#f5c518;--cream:#f4f1ea;--ease:cubic-bezier(.16,1,.3,1);background:var(--ink);color:#fff;overflow-x:clip}
.zc-site ::selection{background:var(--y);color:#000}
.zc-site a:focus-visible,.zc-site button:focus-visible,.zc-site summary:focus-visible{outline:3px solid var(--y);outline-offset:3px}
.zc-site h1,.zc-site h2,.zc-site h3,.zc-site h4{letter-spacing:-.025em;text-wrap:balance;color:inherit}

/* Startup-animatie (CSS, werkt zonder JavaScript) */
@keyframes zcIn{from{opacity:0;transform:translateY(34px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes zcFade{from{opacity:0}to{opacity:1}}
@keyframes zcDrop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes zcLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes zcGlow{from{opacity:0;transform:translateY(-30px) scale(.85)}to{opacity:1;transform:none}}
.zc-site .header{animation:zcDrop .9s var(--ease) var(--intro,0s) backwards}
.zc-site .zc-hero h1{animation:zcIn 1.1s var(--ease) calc(.15s + var(--intro,0s)) backwards}
.zc-site .zc-hero .lede{animation:zcIn 1.1s var(--ease) calc(.4s + var(--intro,0s)) backwards}
.zc-site .hero-logo{animation:zcIn 1.1s var(--ease) calc(.1s + var(--intro,0s)) backwards}
.zc-site .hero-title{animation:zcIn 1.1s var(--ease) calc(.3s + var(--intro,0s)) backwards}
.zc-site .hero-intro{animation:zcIn 1.1s var(--ease) calc(.5s + var(--intro,0s)) backwards}
.zc-site .hero-cta{animation:zcIn 1.1s var(--ease) calc(.7s + var(--intro,0s)) backwards}
.zc-site .hero-scroll{animation:zcFade 1.2s ease calc(1.3s + var(--intro,0s)) backwards}
.zc-site .product-badge{animation:zcIn 1.1s var(--ease) calc(.1s + var(--intro,0s)) backwards}
.zc-site .product-hero h1{animation:zcIn 1.1s var(--ease) calc(.25s + var(--intro,0s)) backwards}
.zc-site .product-hero-content p{animation:zcIn 1.1s var(--ease) calc(.5s + var(--intro,0s)) backwards}
.zc-site .hero::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--y);transform-origin:left;animation:zcLine 1.4s var(--ease) calc(.6s + var(--intro,0s)) backwards;opacity:.9}
.zc-site .hero::before,.zc-site .product-hero::before{animation:zcGlow 1.6s var(--ease) var(--intro,0s) backwards}


/* Logo-intro: logo groot in beeld, zoomt in en gaat omhoog naar de header (bij openen via adresbalk/bladwijzer en bij refresh; niet bij doorklikken binnen de site; ?intro forceert hem) */
html.zc-intro-on{--intro:2.7s;--es:.406}
@media(max-width:700px){html.zc-intro-on{--es:.8125}}
html.zc-intro-on body::before{content:"";position:fixed;inset:0;z-index:2000;background:#0d0d0d;pointer-events:none;animation:zcOv 3.3s ease-in-out forwards}
html.zc-intro-on body::after{content:"";position:fixed;z-index:2001;left:50%;top:50%;width:480px;aspect-ratio:996/250;background:url("images/rudozi_logo-removebg-preview.png") center/contain no-repeat;pointer-events:none;will-change:transform;transform:translate(-50%,-50%) scale(.94);animation:zcLogoT 3.3s linear forwards,zcLogoO 3.3s ease forwards}
@media(max-width:700px){html.zc-intro-on body::after{width:240px}}
@keyframes zcOv{0%,70%{opacity:1;visibility:visible}96%{opacity:0;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes zcLogoT{0.00%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.0000 - (1.22 - var(--es)) * 0.0000))}2.08%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.1094 - (1.22 - var(--es)) * 0.0000))}4.17%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.2105 - (1.22 - var(--es)) * 0.0000))}6.25%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.3036 - (1.22 - var(--es)) * 0.0000))}8.33%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.3892 - (1.22 - var(--es)) * 0.0000))}10.42%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.4674 - (1.22 - var(--es)) * 0.0000))}12.50%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.5386 - (1.22 - var(--es)) * 0.0000))}14.58%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.6032 - (1.22 - var(--es)) * 0.0000))}16.67%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.6614 - (1.22 - var(--es)) * 0.0000))}18.75%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.7137 - (1.22 - var(--es)) * 0.0000))}20.83%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.7603 - (1.22 - var(--es)) * 0.0000))}22.92%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.8015 - (1.22 - var(--es)) * 0.0000))}25.00%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.8377 - (1.22 - var(--es)) * 0.0000))}27.08%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.8692 - (1.22 - var(--es)) * 0.0000))}29.17%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.8964 - (1.22 - var(--es)) * 0.0000))}31.25%{transform:translate(calc(-50% + var(--dx,0px) * 0.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0000)) scale(calc(0.94 + 0.2800 * 0.9195 - (1.22 - var(--es)) * 0.0000))}33.33%{transform:translate(calc(-50% + var(--dx,0px) * 0.0007),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0007)) scale(calc(0.94 + 0.2800 * 0.9389 - (1.22 - var(--es)) * 0.0007))}35.42%{transform:translate(calc(-50% + var(--dx,0px) * 0.0029),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0029)) scale(calc(0.94 + 0.2800 * 0.9549 - (1.22 - var(--es)) * 0.0029))}37.50%{transform:translate(calc(-50% + var(--dx,0px) * 0.0078),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0078)) scale(calc(0.94 + 0.2800 * 0.9678 - (1.22 - var(--es)) * 0.0078))}39.58%{transform:translate(calc(-50% + var(--dx,0px) * 0.0163),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0163)) scale(calc(0.94 + 0.2800 * 0.9780 - (1.22 - var(--es)) * 0.0163))}41.67%{transform:translate(calc(-50% + var(--dx,0px) * 0.0294),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0294)) scale(calc(0.94 + 0.2800 * 0.9858 - (1.22 - var(--es)) * 0.0294))}43.75%{transform:translate(calc(-50% + var(--dx,0px) * 0.0481),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0481)) scale(calc(0.94 + 0.2800 * 0.9914 - (1.22 - var(--es)) * 0.0481))}45.83%{transform:translate(calc(-50% + var(--dx,0px) * 0.0735),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.0735)) scale(calc(0.94 + 0.2800 * 0.9954 - (1.22 - var(--es)) * 0.0735))}47.92%{transform:translate(calc(-50% + var(--dx,0px) * 0.1065),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.1065)) scale(calc(0.94 + 0.2800 * 0.9979 - (1.22 - var(--es)) * 0.1065))}50.00%{transform:translate(calc(-50% + var(--dx,0px) * 0.1481),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.1481)) scale(calc(0.94 + 0.2800 * 0.9992 - (1.22 - var(--es)) * 0.1481))}52.08%{transform:translate(calc(-50% + var(--dx,0px) * 0.1994),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.1994)) scale(calc(0.94 + 0.2800 * 0.9999 - (1.22 - var(--es)) * 0.1994))}54.17%{transform:translate(calc(-50% + var(--dx,0px) * 0.2614),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.2614)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.2614))}56.25%{transform:translate(calc(-50% + var(--dx,0px) * 0.3350),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.3350)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.3350))}58.33%{transform:translate(calc(-50% + var(--dx,0px) * 0.4212),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.4212)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.4212))}60.42%{transform:translate(calc(-50% + var(--dx,0px) * 0.5205),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.5205)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.5205))}62.50%{transform:translate(calc(-50% + var(--dx,0px) * 0.6149),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.6149)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.6149))}64.58%{transform:translate(calc(-50% + var(--dx,0px) * 0.6959),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.6959)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.6959))}66.67%{transform:translate(calc(-50% + var(--dx,0px) * 0.7647),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.7647)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.7647))}68.75%{transform:translate(calc(-50% + var(--dx,0px) * 0.8223),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.8223)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.8223))}70.83%{transform:translate(calc(-50% + var(--dx,0px) * 0.8696),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.8696)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.8696))}72.92%{transform:translate(calc(-50% + var(--dx,0px) * 0.9077),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.9077)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.9077))}75.00%{transform:translate(calc(-50% + var(--dx,0px) * 0.9375),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.9375)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.9375))}77.08%{transform:translate(calc(-50% + var(--dx,0px) * 0.9601),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.9601)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.9601))}79.17%{transform:translate(calc(-50% + var(--dx,0px) * 0.9765),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.9765)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.9765))}81.25%{transform:translate(calc(-50% + var(--dx,0px) * 0.9876),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.9876)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.9876))}83.33%{transform:translate(calc(-50% + var(--dx,0px) * 0.9945),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.9945)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.9945))}85.42%{transform:translate(calc(-50% + var(--dx,0px) * 0.9982),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.9982)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.9982))}87.50%{transform:translate(calc(-50% + var(--dx,0px) * 0.9997),calc(-50% + var(--dy,calc(55px - 50vh)) * 0.9997)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 0.9997))}89.58%{transform:translate(calc(-50% + var(--dx,0px) * 1.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 1.0000)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 1.0000))}91.67%{transform:translate(calc(-50% + var(--dx,0px) * 1.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 1.0000)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 1.0000))}93.75%{transform:translate(calc(-50% + var(--dx,0px) * 1.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 1.0000)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 1.0000))}95.83%{transform:translate(calc(-50% + var(--dx,0px) * 1.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 1.0000)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 1.0000))}97.92%{transform:translate(calc(-50% + var(--dx,0px) * 1.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 1.0000)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 1.0000))}100.00%{transform:translate(calc(-50% + var(--dx,0px) * 1.0000),calc(-50% + var(--dy,calc(55px - 50vh)) * 1.0000)) scale(calc(0.94 + 0.2800 * 1.0000 - (1.22 - var(--es)) * 1.0000))}}
@keyframes zcLogoO{0%{opacity:0}9%{opacity:1}90%{opacity:1}100%{opacity:0;visibility:hidden}}

html.zc-intro-on .hero-logo{animation:none}

/* Header */
.zc-site .header.scrolled,.zc-site .header-solid{background:rgba(13,13,13,.97);box-shadow:none;border-bottom:1px solid var(--line)}
.zc-site .nav-dropdown-menu{background:var(--ink2);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -10px #000}

/* Hero's (home + producten) */
.zc-site .hero,.zc-site .product-hero{background:radial-gradient(900px 420px at 85% 0,#f5c51826,transparent 70%),var(--ink);overflow:hidden}
.zc-site .hero::before,.zc-site .product-hero::before{background:radial-gradient(700px 360px at 85% 0,#f5c51820,transparent 70%);opacity:1}
.zc-site .hero-overlay,.zc-site .product-hero-overlay{display:none}
.zc-site .hero{min-height:min(100vh,860px);justify-content:flex-start}
.zc-site .hero-content,.zc-site .product-hero-content{max-width:1220px;width:100%;margin:0 auto;text-align:left;padding-left:20px;padding-right:20px}
.zc-site .hero-content{padding-top:150px;padding-bottom:96px}
.zc-site .hero-logo img{max-width:260px;margin:0}
.zc-site .hero-title{font-size:clamp(2rem,5vw,3.9rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;max-width:20ch;opacity:1;margin-bottom:24px}
.zc-site .hero-intro{color:var(--mute);margin:0 0 36px;max-width:56ch;font-size:clamp(1.05rem,1.8vw,1.2rem)}
.zc-site .hero-cta{justify-content:flex-start}
.zc-site .hero-scroll{left:20px;transform:none}
.zc-site .product-hero{padding:150px 0 72px}
.zc-site .product-badge{background:var(--ink2);color:var(--y);border:1px solid var(--line);font-weight:600;letter-spacing:.08em;margin-bottom:24px}
.zc-site .product-hero-content h1{font-size:clamp(2.4rem,6.4vw,5rem);font-weight:800;line-height:1.02;max-width:18ch;margin-bottom:24px;color:#fff}
.zc-site .product-hero-content p{color:var(--mute);margin:0;max-width:46ch;font-size:1.2rem}

/* Secties */
.zc-site .section{padding:112px 0}
.zc-site .section-light{background:var(--ink);color:#fff}
.zc-site .section-dark{background:var(--ink2);color:#fff}
.zc-site .section.zc-cream{background:var(--cream);color:#111}
.zc-site .container{max-width:1220px;padding:0 20px}
.zc-site .section-header{text-align:left;margin-bottom:48px}
.zc-site .section-title{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1.1;color:inherit;margin:0}
.zc-site .section-divider{width:56px;height:4px;margin:22px 0 0;background:var(--y);border-radius:99px;transform-origin:left}
.zc-site .section-subtitle,.zc-site .section-dark .section-subtitle{color:var(--mute);margin:22px 0 0;max-width:56ch;font-size:1.1rem}
.zc-site .zc-cream .section-subtitle{color:#444}
.zc-site .product-intro{max-width:none;margin:0;text-align:left}
.zc-site .product-intro p,.zc-site .section-dark .product-intro p{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.7;color:#e6e6e6;max-width:56ch;margin:0 0 20px}
.zc-site .product-intro p:last-child{margin-bottom:0}
.zc-site .zc-cream .product-intro p{color:#333}
.zc-site strong{color:#fff}
.zc-site .zc-cream strong{color:#000}

/* Afbeeldingen */
.zc-site .product-main-image,.zc-site .product-content-image img{border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 60px -20px #000,0 12px 24px #0009;overflow:hidden}
.zc-site .product-content-image{border-radius:20px;overflow:visible}
.zc-site .product-main-image img{display:block;width:100%}
.zc-site .zc-cream .product-content-image img{border-color:#0002;box-shadow:0 30px 60px -30px #0006}

/* Tekst + beeld */
.zc-site .product-content-grid,.zc-site .content-grid{gap:64px}
.zc-site .product-content-text h3,.zc-site .section-dark .product-content-text h3,.zc-site .content-text h3{font-size:1.35rem;font-weight:700;color:inherit}
.zc-site .product-content-text p,.zc-site .section-dark .product-content-text p,.zc-site .content-text p{color:var(--mute);line-height:1.75}
.zc-site .zc-cream .product-content-text p,.zc-site .zc-cream .content-text p{color:#444}
.zc-site .feature-list{margin-top:28px;border-bottom:1px solid var(--line)}
.zc-site .feature-list li,.zc-site .section-dark .feature-list li{color:#e6e6e6;padding:16px 0;border-top:1px solid var(--line);font-weight:500}
.zc-site .feature-list .icon{color:var(--y)}
.zc-site .zc-cream .feature-list,.zc-site .zc-cream .feature-list li{border-color:#0002;color:#222}
.zc-site .zc-cream .feature-list .icon{color:#c4a000}
.zc-site .product-content-text h3+.feature-list,.zc-site .product-content-text .feature-list+p{margin-top:28px}

/* Kaarten */
.zc-site .product-features-grid{gap:20px;margin:0;max-width:900px}
.zc-site .product-feature-card,.zc-site .section-dark .product-feature-card,.zc-site .service-card,.zc-site .reason-card{background:var(--ink2);border:1px solid var(--line);border-radius:20px;box-shadow:none;text-align:left;transition:transform .5s var(--ease),border-color .3s}
.zc-site .section-dark .service-card,.zc-site .section-dark .product-feature-card{background:var(--ink3)}
.zc-site .product-feature-card:hover,.zc-site .service-card:hover,.zc-site .reason-card:hover{transform:translateY(-4px);border-color:var(--y);box-shadow:none;background:var(--ink3)}
.zc-site .product-feature-card{padding:32px}
.zc-site .product-feature-icon,.zc-site .service-icon{width:56px;height:56px;border-radius:50%;background:var(--y);margin:0 0 20px;display:grid;place-items:center}
.zc-site .product-feature-icon svg,.zc-site .service-icon svg,.zc-site .service-card:hover .service-icon svg{color:#000;width:26px;height:26px}
.zc-site .service-card:hover .service-icon{background:var(--y)}
.zc-site .product-feature-card h3,.zc-site .section-dark .product-feature-card h3,.zc-site .service-card h3,.zc-site .reason-card h3{color:#fff;font-weight:700;font-size:1.25rem}
.zc-site .product-feature-card p,.zc-site .section-dark .product-feature-card p,.zc-site .service-card p,.zc-site .reason-card p{color:var(--mute);line-height:1.7}
.zc-site .reason-number{font-family:"Montserrat",sans-serif;font-weight:800;color:var(--y);font-size:2.4rem;letter-spacing:-.03em}
.zc-site .visual-card{background:var(--ink2);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px -20px #000}
.zc-site .visual-card h4{color:#fff}.zc-site .visual-card p{color:var(--mute)}
.zc-site .visual-icon{background:var(--y);border-radius:50%}
.zc-site .visual-icon svg{color:#000}

/* Carousel (home) */
.zc-site .carousel{border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 60px -20px #000,0 12px 24px #0009}
.zc-site .carousel-slide-overlay{background:linear-gradient(transparent,rgba(0,0,0,.88))}
.zc-site .carousel-slide-overlay h3{font-weight:800;letter-spacing:-.025em}
.zc-site .carousel-btn{background:rgba(13,13,13,.7);border-color:var(--line)}
.zc-site .carousel-btn:hover{background:var(--y);border-color:var(--y);color:#000}

/* Knoppen */
.zc-site .btn{border-radius:99px}
.zc-site .btn-primary{background:var(--y);border-color:var(--y);color:#000}
.zc-site .btn-primary:hover{background:#ffd54f;border-color:#ffd54f}
.zc-site .btn-secondary{border-color:var(--line);color:#fff;background:var(--ink2)}
.zc-site .btn-secondary:hover{background:#fff;color:#000;border-color:#fff}

/* Contact-band (zoals de gele quote-band) */
.zc-site .section-cta{background:var(--y);color:#000;text-align:left;padding:96px 0}
.zc-site .cta-content{max-width:none;margin:0}
.zc-site .cta-content h2{font:800 clamp(1.6rem,4.2vw,3.2rem)/1.15 "Montserrat",sans-serif;letter-spacing:-.025em;color:#000;max-width:24ch;text-wrap:balance;margin:0 0 28px}
.zc-site .cta-content>p{color:#222;max-width:56ch;margin:0 0 32px;font-size:1.1rem}
.zc-site .cta-buttons{justify-content:flex-start;margin-bottom:0}
.zc-site .section-cta .btn-primary{background:#0d0d0d;border-color:#0d0d0d;color:var(--y)}
.zc-site .section-cta .btn-primary:hover{background:#000;border-color:#000}
.zc-site .section-cta .btn-secondary{background:transparent;border-color:#0d0d0d;color:#0d0d0d}
.zc-site .section-cta .btn-secondary:hover{background:#0d0d0d;color:var(--y)}

/* Footer */
.zc-site .footer{background:var(--ink);border-top:1px solid var(--line)}

/* Reveal bij scrollen */
.js .zc-site .rv,.js.zc-site .rv{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),filter .9s var(--ease) var(--d,0s)}
.js .zc-site .rv.in,.js.zc-site .rv.in{opacity:1;transform:none;filter:none}
.js .zc-site .section-divider.rv{transform:scaleX(0);filter:none}
.js .zc-site .section-divider.rv.in{transform:none}

/* Verminderde beweging: geen verplaatsing/blur, wel een zachte fade zodat de intro zichtbaar blijft */
@media (prefers-reduced-motion:reduce){
  .zc-site .header,.zc-site .zc-hero h1,.zc-site .zc-hero .lede,.zc-site .hero-logo,.zc-site .hero-title,.zc-site .hero-intro,.zc-site .hero-cta,.zc-site .product-badge,.zc-site .product-hero h1,.zc-site .product-hero-content p,.zc-site .hero::before,.zc-site .product-hero::before{animation:zcFade .9s ease backwards}
  .zc-site .hero::after{animation:zcFade 1.2s ease .3s backwards}
  .zc-site .hero-scroll a{animation:none}
  .js .zc-site .rv,.js.zc-site .rv{transform:none;filter:none;transition:opacity .7s ease var(--d,0s)}
}

@media(max-width:900px){
  .zc-site .product-content-grid,.zc-site .content-grid{gap:36px}
}
@media(max-width:768px){
  .zc-site .hero-content{padding-top:130px;padding-bottom:80px}
  .zc-site .hero-scroll{left:50%;transform:translateX(-50%)}
}
@media(max-width:600px){
  .zc-site .section{padding:72px 0}
  .zc-site .product-hero{padding:120px 0 48px}
  .zc-site .section-cta{padding:64px 0}
  .zc-site .section-header{margin-bottom:32px}
}

/* Correcties */
.zc-site .zc-diagram strong,.zc-site .zc-legend strong{color:inherit}
.zc-site .product-features-grid-3,.zc-site .product-features-grid-5{max-width:none}
@media(max-width:768px){
  .zc-site .hero-cta,.zc-site .cta-buttons{align-items:flex-start}
}

/* Responsive: lange woorden afbreken, nooit zijwaarts scrollen */
html{overflow-x:hidden}
.zc-site h1,.zc-site h2,.zc-site h3,.zc-site h4{hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal}
.zc-site img,.zc-site video,.zc-site svg{max-width:100%}
.zc-site p,.zc-site li{hyphens:none;-webkit-hyphens:none;overflow-wrap:break-word}
@media(max-width:600px){
  .zc-site .section-title{font-size:clamp(1.55rem,7.4vw,2.2rem)}
  .zc-site .product-hero-content h1,.zc-site .zc-hero h1{font-size:clamp(2rem,10vw,3rem)}
}

/* Uitlijning: zelfde inhoudsbreedte op alle pagina's */
.zc-site .zc .wrap{max-width:1220px}

/* Knoppen: nooit over twee regels */
.zc-site .btn{white-space:nowrap}
@media(max-width:768px){
  .zc-site .btn-large{padding:16px 26px;max-width:100%;width:auto;min-width:min(100%,260px)}
  .zc-site .hero-cta,.zc-site .cta-buttons{align-items:stretch;width:100%;max-width:340px}
}

/* Tablet: kaarten in 2-3 kolommen i.p.v. 1 brede kolom */
@media(min-width:601px) and (max-width:900px){
  .zc-site .services-grid,.zc-site .reasons-grid{grid-template-columns:repeat(2,1fr)}
  .zc-site .product-features-grid,.zc-site .product-features-grid-3,.zc-site .product-features-grid-5{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media(max-width:600px){
  .zc-site .product-features-grid,.zc-site .product-features-grid-3,.zc-site .product-features-grid-5{grid-template-columns:1fr}
  .zc-site .product-feature-card{padding:24px}
  .zc-site .carousel-slide{aspect-ratio:4/3}
  .zc-site .carousel-slide-overlay{padding:24px 20px 52px}
  .zc-site .carousel-dots{bottom:14px}
  .zc-site .carousel-btn{width:40px;height:40px}
}

/* Kleine kaarten (Toepassingen): geen afgebroken woorden */
@media(max-width:900px){
  .zc-site .product-features-grid-5 .product-feature-card{padding:22px 18px}
  .zc-site .product-features-grid-5 .product-feature-card h3{font-size:1.02rem}
}

/* Homepage: geen header, producten als foto-kaarten rechts in de hero */
.zc-site .hero-content.hero-split{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:64px;align-items:center;padding-top:72px;padding-bottom:72px}
.zc-site .hero-split .hero-title{font-size:clamp(2rem,4.2vw,3.5rem)}
.zc-site .hero-products{display:grid;gap:14px}
.zc-site .hero-products-label{font:700 .78rem "Montserrat",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--y);margin-bottom:2px}
.zc-site .hero-pc{display:flex;align-items:center;gap:18px;background:var(--ink2);border:1px solid var(--line);border-radius:20px;padding:12px 20px 12px 12px;color:#fff;transition:border-color .25s,transform .45s var(--ease),background .25s}
.zc-site .hero-pc:hover{border-color:var(--y);transform:translateX(6px);background:var(--ink3)}
.zc-site .hero-pc img{width:148px;height:100px;object-fit:cover;border-radius:13px;flex:none;border:1px solid var(--line)}
.zc-site .hero-pc b{font:800 1.3rem/1.15 "Montserrat",sans-serif;letter-spacing:-.02em;display:block;margin-bottom:6px}
.zc-site .hero-pc span{font:700 .85rem "Montserrat",sans-serif;color:var(--y)}
.zc-site .hero-pc .arr{margin-left:auto;font-style:normal;font-size:1.3rem;color:var(--y);transition:transform .3s}
.zc-site .hero-pc:hover .arr{transform:translateX(4px)}
.zc-site .hero-products-label{animation:zcIn 1.1s var(--ease) calc(.6s + var(--intro,0s)) backwards}
.zc-site .hero-pc:nth-of-type(1){animation:zcIn 1.1s var(--ease) calc(.7s + var(--intro,0s)) backwards}
.zc-site .hero-pc:nth-of-type(2){animation:zcIn 1.1s var(--ease) calc(.85s + var(--intro,0s)) backwards}
.zc-site .hero-pc:nth-of-type(3){animation:zcIn 1.1s var(--ease) calc(1s + var(--intro,0s)) backwards}
@media(max-width:1100px){
  .zc-site .hero-content.hero-split{grid-template-columns:minmax(0,1fr);gap:40px}
  .zc-site .hero-products{max-width:560px}
}
@media(max-width:768px){
  .zc-site .hero-content.hero-split{padding-top:56px;padding-bottom:88px}
}
@media(max-width:600px){
  .zc-site .hero-pc{gap:14px;padding:10px 14px 10px 10px;border-radius:16px}
  .zc-site .hero-pc img{width:104px;height:76px;border-radius:10px}
  .zc-site .hero-pc b{font-size:1.1rem}
}
@media(prefers-reduced-motion:reduce){
  .zc-site .hero-products-label,.zc-site .hero-pc{animation:zcFade .9s ease backwards}
}
@media(max-width:1100px){
  .zc-site .hero-content.hero-split{padding-bottom:88px}
}

/* Koppen bovenaan productpagina's: kleiner en over de volle breedte */
.zc-site .zc-hero h1,.zc-site .product-hero-content h1{font-size:clamp(1.9rem,4.2vw,3.5rem);line-height:1.1;max-width:none;margin-bottom:20px}
.zc-site .zc-hero .lede,.zc-site .product-hero-content p{max-width:68ch;font-size:clamp(1.05rem,1.5vw,1.2rem);margin-top:0}
.zc-site .zc-hero .lede{margin-top:4px}
@media(max-width:600px){
  .zc-site .zc-hero h1,.zc-site .product-hero-content h1{font-size:clamp(1.65rem,7.6vw,2.2rem)}
}

/* DigiView: kop en openingsvraag vloeien in elkaar, zonder scheiding */
.zc-site .zc{background:radial-gradient(900px 520px at 85% 0,#f5c51826,transparent 70%) no-repeat,var(--ink)}
.zc-site .zc-hero,.zc-site .zc-intro{background:transparent}
.zc-site .zc-hero{padding-bottom:20px}
.zc-site .zc-hero h1{margin-bottom:0}
.zc-site .zc-intro{padding-top:0}
.zc-site .product-hero{padding-bottom:40px}
.zc-site .product-hero + .section{padding-top:40px}