.ys-home{--groen:#3aaa35;--groen-donker:#2d8a29;--groen-diep:#1f6b1c;--groen-licht:#eaf6e8;--groen-zacht:#f4f8f2;--tekst:#16201a;--tekst-zacht:#44514a;--grijs:#5d685f;--lijn:#e7ebe4;--lijn-sterk:#dbe2d6;--vlak:#f6f8f4;--vlak-warm:#faf9f5;--donker:#16201a;--wit:#fff;--radius-klein:10px;--radius:14px;--radius-groot:18px;--schaduw-xs:0 1px 2px #16201a0f;--schaduw-zacht:0 1px 3px #16201a0f,0 6px 16px #16201a0d;--schaduw:0 4px 12px #16201a0f,0 14px 36px #16201a14;--schaduw-knop:0 1px 2px #16201a1f;--font-display:"Fraunces","Public Sans",Georgia,serif;--font-body:"Plus Jakarta Sans","Public Sans",system-ui,-apple-system,sans-serif;--sectie-y:clamp(72px,9vw,124px);--gutter:max(24px,calc((100% - 1200px)/2));font-family:var(--font-body);color:var(--tekst);background:var(--wit);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0}.ys-home *,.ys-home :before,.ys-home :after{box-sizing:border-box}.ys-home h1,.ys-home h2,.ys-home h3,.ys-home h4{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.1}.ys-home p,.ys-home ul{margin:0}.ys-home a{color:inherit}.ys-home :focus-visible{outline:2px solid var(--groen);outline-offset:3px;border-radius:6px}.ys-home [id]{scroll-margin-top:88px}.ys-home svg{display:block}.ys-hero{min-height:min(90vh,820px);padding:clamp(104px,12vw,168px)var(--gutter)clamp(72px,9vw,116px);background:linear-gradient(158deg,#3aaa35 0%,#2d8a29 100%);align-items:center;display:flex}.ys-hero-inhoud{max-width:720px;animation:.7s cubic-bezier(.22,1,.36,1) both ysFadeUp}@keyframes ysFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.ys-hero-label{color:var(--wit);letter-spacing:.2px;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:50px;margin-bottom:30px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-block}.ys-hero h1{color:var(--wit);letter-spacing:-.025em;margin-bottom:26px;font-size:clamp(40px,6vw,70px);font-weight:500}.ys-hero-sub{color:#ffffffe6;max-width:540px;margin-bottom:44px;font-size:clamp(17px,1.5vw,20px);font-weight:400;line-height:1.65}.ys-hero-knoppen{flex-wrap:wrap;gap:14px;display:flex}.ys-knop-wit,.ys-knop-omlijnd,.ys-knop-groen,.ys-stap-knop{cursor:pointer;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.ys-knop-wit{background:var(--wit);color:var(--groen-diep);box-shadow:var(--schaduw-knop);border:none;border-radius:50px;padding:15px 30px;font-size:15px;font-weight:600}.ys-knop-wit:hover{box-shadow:var(--schaduw-zacht);transform:translateY(-1px)}.ys-knop-omlijnd{color:var(--wit);background:0 0;border:1.5px solid #ffffff80;border-radius:50px;padding:15px 30px;font-size:15px;font-weight:500}.ys-knop-omlijnd:hover{border-color:var(--wit);background:#ffffff14}.ys-hero-stats{border-top:1px solid #fff3;gap:clamp(28px,4vw,52px);margin-top:56px;padding-top:36px;display:flex}.ys-stat-getal{font-family:var(--font-display);color:var(--wit);letter-spacing:-.02em;font-size:clamp(32px,4vw,42px);font-weight:600;line-height:1}.ys-stat-label{color:#ffffffb8;margin-top:8px;font-size:13px}.ys-sectie-label,.ys-sectie-label-licht{letter-spacing:.16em;text-transform:uppercase;color:var(--groen-diep);margin-bottom:16px;font-size:12px;font-weight:700}.ys-sectie-label-licht{color:#7bd075}.ys-sectie-titel,.ys-sectie-titel-licht{letter-spacing:-.022em;color:var(--tekst);margin-bottom:18px;font-size:clamp(28px,3.6vw,44px);font-weight:500;line-height:1.12}.ys-sectie-titel-licht{color:var(--wit)}.ys-sectie-sub,.ys-sectie-sub-center,.ys-sectie-sub-licht{color:var(--grijs);max-width:580px;margin-bottom:56px;font-size:17px;font-weight:400;line-height:1.7}.ys-sectie-sub-center{text-align:center;margin-left:auto;margin-right:auto}.ys-sectie-sub-licht{color:#ffffffad;margin-bottom:34px}.ys-stappen{padding:var(--sectie-y)var(--gutter);background:var(--wit)}.ys-stappen-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ys-stap-kaart{background:var(--vlak);border-radius:var(--radius-groot);border:1px solid var(--lijn);padding:36px 30px;transition:transform .25s,box-shadow .25s,border-color .25s}.ys-stap-kaart:hover{box-shadow:var(--schaduw);border-color:var(--lijn-sterk);transform:translateY(-3px)}.ys-stap-cta{border:1.5px solid var(--groen);background:var(--groen-zacht)}.ys-stap-nummer{font-family:var(--font-display);color:var(--groen);margin-bottom:20px;font-size:40px;font-weight:500;line-height:1}.ys-stap-titel{margin-bottom:10px;font-size:20px;font-weight:600}.ys-stap-tekst{color:var(--grijs);font-size:14.5px;line-height:1.68}.ys-stap-knop{background:var(--groen);color:var(--wit);box-shadow:var(--schaduw-knop);border:none;border-radius:50px;margin-top:20px;padding:10px 20px;font-size:13px;font-weight:600}.ys-stap-knop:hover{background:var(--groen-donker)}.ys-sprints-sectie{padding:var(--sectie-y)var(--gutter);background:var(--vlak)}.ys-categorie-filters{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.ys-filter-knop{border:1.5px solid var(--lijn-sterk);background:var(--wit);color:var(--grijs);cursor:pointer;border-radius:50px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.ys-filter-knop:hover{border-color:var(--groen);color:var(--groen-diep)}.ys-filter-knop.ys-actief{background:var(--groen);color:var(--wit);border-color:var(--groen)}.ys-sprint-teller{color:var(--grijs);margin-bottom:22px;font-size:13px}.ys-sprint-teller strong{color:var(--groen-diep)}.ys-sprints-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ys-sprint-kaart{background:var(--wit);border-radius:var(--radius-groot);border:1px solid var(--lijn);color:inherit;flex-direction:column;padding:26px 24px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.ys-sprint-kaart:hover{box-shadow:var(--schaduw);border-color:var(--lijn-sterk);transform:translateY(-3px)}.ys-sprint-badge{letter-spacing:.02em;background:var(--groen-licht);color:var(--groen-diep);border-radius:50px;align-self:flex-start;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.ys-sprint-titel{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:9px;font-size:18px;font-weight:600;line-height:1.32}.ys-sprint-beschrijving{color:var(--grijs);flex:1;margin-bottom:22px;font-size:13.5px;line-height:1.62}.ys-sprint-meta{justify-content:space-between;align-items:center;display:flex}.ys-sprint-duur{color:var(--grijs);font-size:12.5px;font-weight:500}.ys-sprint-start{color:var(--groen-diep);font-size:12.5px;font-weight:600;transition:gap .2s}.ys-sprint-kaart:hover .ys-sprint-start{color:var(--groen-donker)}.ys-leeg{background:var(--wit);border-radius:var(--radius-groot);text-align:center;color:var(--grijs);border:1px dashed var(--lijn-sterk);padding:56px 40px}.ys-certificaat-sectie{padding:var(--sectie-y)var(--gutter);background:var(--wit);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,80px);display:grid}.ys-cert-stappen{flex-direction:column;gap:22px;margin-top:10px;display:flex}.ys-cert-stap{align-items:flex-start;gap:16px;display:flex}.ys-cert-icoon{background:var(--groen-licht);width:42px;height:42px;color:var(--groen-diep);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ys-cert-icoon svg{width:20px;height:20px}.ys-cert-stap h4{font-family:var(--font-body);margin-bottom:4px;font-size:15px;font-weight:700}.ys-cert-stap p{color:var(--grijs);font-size:13.5px;line-height:1.55}.ys-cert-preview{background:var(--vlak);border-radius:var(--radius-groot);border:1px solid var(--lijn-sterk);text-align:center;padding:46px 38px}.ys-cert-kop{letter-spacing:.16em;text-transform:uppercase;color:var(--grijs);margin-bottom:12px;font-size:11px;font-weight:700}.ys-cert-titel{font-family:var(--font-display);color:var(--tekst);margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.32}.ys-cert-naam{font-family:var(--font-display);color:var(--groen-diep);border-bottom:1px solid var(--lijn-sterk);margin-bottom:20px;padding-bottom:20px;font-size:24px;font-weight:600}.ys-cert-detail{color:var(--grijs);font-size:12.5px;line-height:1.8}.ys-cert-badge{background:var(--groen-licht);color:var(--groen-diep);letter-spacing:.02em;border-radius:50px;margin-top:16px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.ys-bouwen-sectie{padding:var(--sectie-y)var(--gutter);background:var(--vlak-warm);grid-template-columns:1fr 1fr;align-items:start;gap:clamp(40px,6vw,80px);display:grid}.ys-input-types{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:34px;display:grid}.ys-input-type{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);align-items:center;gap:11px;padding:16px 14px;transition:border-color .2s,transform .2s;display:flex}.ys-input-type:hover{border-color:var(--groen);transform:translateY(-2px)}.ys-input-icoon{color:var(--groen-diep);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ys-input-icoon svg{width:20px;height:20px}.ys-input-label{color:var(--tekst);font-size:13px;font-weight:600;line-height:1.3}.ys-bouwen-quote{background:var(--wit);border:1px solid var(--lijn);border-left:3px solid var(--groen);border-radius:var(--radius);padding:22px 26px}.ys-bouwen-quote p{color:var(--tekst-zacht);font-size:15px;line-height:1.68}.ys-bouwen-stappen-blok{background:var(--wit);border-radius:var(--radius-groot);border:1px solid var(--lijn);padding:clamp(32px,4vw,44px) clamp(28px,3.5vw,40px)}.ys-bouwen-stappen-titel{color:var(--tekst);letter-spacing:-.015em;margin-bottom:32px;font-size:22px;font-weight:600}.ys-bouwen-stappen{flex-direction:column;gap:26px;margin-bottom:32px;display:flex}.ys-bouwen-stap{align-items:flex-start;gap:16px;display:flex}.ys-bouwen-nr{background:var(--groen-licht);width:34px;height:34px;color:var(--groen-diep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.ys-bouwen-stap-tekst strong{color:var(--tekst);margin-bottom:4px;font-size:15px;font-weight:700;display:block}.ys-bouwen-stap-tekst p{color:var(--grijs);font-size:13.5px;line-height:1.6}.ys-bouwen-reeks-blok{background:var(--groen-zacht);border-radius:var(--radius);border:1px solid var(--lijn-sterk);align-items:flex-start;gap:14px;margin-bottom:30px;padding:20px 22px;display:flex}.ys-reeks-icoon{color:var(--groen-diep);flex-shrink:0;margin-top:1px}.ys-reeks-icoon svg{width:22px;height:22px}.ys-bouwen-reeks-blok h4{font-family:var(--font-body);color:var(--tekst);margin-bottom:6px;font-size:15px;font-weight:700}.ys-bouwen-reeks-blok p{color:var(--grijs);font-size:13.5px;line-height:1.6}.ys-bouwen-cta{margin-top:36px}.ys-knop-groen{background:var(--groen);color:var(--wit);box-shadow:var(--schaduw-knop);border:none;border-radius:50px;padding:15px 30px;font-size:15px;font-weight:600}.ys-knop-groen:hover{background:var(--groen-donker);transform:translateY(-1px)}.ys-cta-sub{color:var(--grijs);margin-top:14px;font-size:13px}.ys-prijzen-sectie{padding:var(--sectie-y)var(--gutter);background:var(--wit);text-align:center}.ys-prijzen-grid{text-align:left;grid-template-columns:repeat(5,1fr);align-items:stretch;gap:14px;margin:0 auto;display:grid}.ys-prijs-kaart{background:var(--wit);border-radius:var(--radius-groot);border:1px solid var(--lijn);flex-direction:column;padding:30px 22px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative}.ys-prijs-kaart:hover{box-shadow:var(--schaduw);border-color:var(--lijn-sterk);transform:translateY(-3px)}.ys-prijs-kaart.ys-uitgelicht{border-color:var(--groen);border-width:1.5px}.ys-populair-badge{background:var(--groen);color:var(--wit);white-space:nowrap;border-radius:50px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.ys-prijs-naam{letter-spacing:.08em;text-transform:uppercase;color:var(--grijs);margin-bottom:12px;font-size:11px;font-weight:700}.ys-prijs-bedrag{font-family:var(--font-display);color:var(--tekst);letter-spacing:-.02em;margin-bottom:4px;font-size:34px;font-weight:600;line-height:1}.ys-prijs-bedrag-inline{padding-top:8px;font-size:22px}.ys-prijs-bedrag span{font-family:var(--font-body);color:var(--grijs);letter-spacing:0;font-size:14px;font-weight:500}.ys-prijs-periode{color:var(--grijs);margin-bottom:6px;font-size:11.5px}.ys-prijs-jaar{color:var(--groen-diep);min-height:16px;margin-bottom:22px;font-size:11.5px;font-weight:600}.ys-prijs-features{flex-direction:column;flex:1;gap:10px;margin-bottom:26px;padding:0;list-style:none;display:flex}.ys-prijs-features li{color:var(--tekst-zacht);align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.ys-check{color:var(--groen);flex-shrink:0;margin-top:1px;font-size:13px;font-weight:700}.ys-prijs-knop{text-align:center;border-radius:50px;margin-top:auto;padding:12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.ys-prijs-knop-groen{background:var(--groen);color:var(--wit)}.ys-prijs-knop-groen:hover{background:var(--groen-donker)}.ys-prijs-knop-omlijnd{border:1.5px solid var(--lijn-sterk);color:var(--tekst)}.ys-prijs-knop-omlijnd:hover{border-color:var(--groen);color:var(--groen-diep)}.ys-prijs-knop-grijs{border:1.5px solid var(--lijn-sterk);color:var(--grijs)}.ys-prijs-knop-grijs:hover{border-color:var(--groen);color:var(--groen-diep)}.ys-yhh-korting{background:var(--groen-zacht);border:1px solid var(--lijn-sterk);border-radius:var(--radius);max-width:900px;color:var(--tekst-zacht);text-align:center;margin:32px auto 0;padding:18px 26px;font-size:14px;line-height:1.65}.ys-yhh-korting strong{color:var(--groen-diep)}.ys-yhh-sectie{padding:var(--sectie-y)var(--gutter);background:var(--donker);color:var(--wit);grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(40px,6vw,80px);display:grid}.ys-yhh-voordelen{flex-direction:column;gap:14px;margin-bottom:36px;display:flex}.ys-yhh-voordeel{color:#ffffffdb;align-items:center;gap:13px;font-size:15px;display:flex}.ys-yhh-check{color:#7bd075;background:#3aaa352e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.ys-knop-yhh{color:var(--groen-diep)!important}.ys-yhh-logo-blok{border-radius:var(--radius-groot);text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;padding:clamp(32px,4vw,46px)}.ys-yhh-logo{font-family:var(--font-display);color:var(--wit);letter-spacing:-.01em;margin-bottom:18px;font-size:26px;font-weight:600}.ys-yhh-logo-blok p{color:#ffffff8f;font-size:14px;line-height:1.7}.ys-cta-sectie{padding:clamp(96px,11vw,136px)var(--gutter);text-align:center;background:linear-gradient(158deg,#3aaa35 0%,#2d8a29 100%)}.ys-cta-sectie h2{color:var(--wit);letter-spacing:-.025em;margin-bottom:18px;font-size:clamp(32px,5vw,54px);font-weight:500}.ys-cta-sectie p{color:#ffffffd9;max-width:600px;margin:0 auto 40px;font-size:17px;line-height:1.65}@media (max-width:1000px){.ys-prijzen-grid{grid-template-columns:repeat(3,1fr)}.ys-stappen-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.ys-sprints-grid{grid-template-columns:1fr 1fr}.ys-certificaat-sectie,.ys-yhh-sectie,.ys-bouwen-sectie{grid-template-columns:1fr}.ys-yhh-logo-blok{order:-1}}@media (max-width:700px){.ys-prijzen-grid,.ys-input-types{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ys-stappen-grid,.ys-sprints-grid,.ys-prijzen-grid,.ys-input-types{grid-template-columns:1fr}.ys-hero-stats{flex-wrap:wrap;gap:22px 32px}.ys-hero-knoppen .ys-knop-wit,.ys-hero-knoppen .ys-knop-omlijnd{flex:1}}@media (prefers-reduced-motion:reduce){.ys-home *,.ys-home :before{transition:none!important;animation:none!important}}