.ys-home{--groen:#3aaa35;--groen-donker:#2d8a29;--groen-licht:#e8f7e7;--groen-zacht:#f0faf0;--grijs:#6b6b6b;--grijs-licht:#f5f5f5;--tekst:#1a1a1a;--wit:#fff;--radius:12px;--radius-groot:20px;color:var(--tekst);background:var(--wit);margin:0;font-family:Plus Jakarta Sans,Public Sans,system-ui,-apple-system,sans-serif}.ys-home *,.ys-home :before,.ys-home :after{box-sizing:border-box}.ys-home h1,.ys-home h2,.ys-home h3,.ys-home h4{margin:0;font-family:inherit;font-weight:700;line-height:1.15}.ys-home p,.ys-home ul{margin:0}.ys-home a{color:inherit}.ys-hero{background:var(--groen);align-items:center;min-height:88vh;padding:80px 5%;display:flex;position:relative;overflow:hidden}.ys-hero:before{content:"";background:#ffffff0f;border-radius:50%;width:600px;height:600px;position:absolute;top:-120px;right:-120px}.ys-hero:after{content:"";background:#ffffff0a;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-80px;left:-80px}.ys-hero-inhoud{z-index:2;max-width:680px;animation:.7s both ysFadeUp;position:relative}@keyframes ysFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ys-hero-label{color:var(--wit);letter-spacing:.3px;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:50px;margin-bottom:28px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.ys-hero h1{color:var(--wit);letter-spacing:-1px;margin-bottom:24px;font-size:clamp(36px,5.5vw,64px)}.ys-hero-sub{color:#ffffffd9;max-width:540px;margin-bottom:44px;font-size:18px;font-weight:400;line-height:1.7}.ys-hero-knoppen{flex-wrap:wrap;gap:14px;display:flex}.ys-knop-wit{background:var(--wit);color:var(--groen);border-radius:50px;padding:15px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 20px #00000026}.ys-knop-wit:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}.ys-knop-omlijnd{color:var(--wit);background:0 0;border:2px solid #ffffff80;border-radius:50px;padding:15px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-block}.ys-knop-omlijnd:hover{border-color:var(--wit);background:#ffffff1a}.ys-hero-stats{border-top:1px solid #fff3;gap:40px;margin-top:56px;padding-top:40px;display:flex}.ys-stat-getal{color:var(--wit);font-size:36px;font-weight:700;line-height:1}.ys-stat-label{color:#ffffffb3;margin-top:4px;font-size:13px}.ys-sectie-label{letter-spacing:2px;text-transform:uppercase;color:var(--groen);margin-bottom:14px;font-size:12px;font-weight:600}.ys-sectie-titel{letter-spacing:-.8px;color:var(--tekst);margin-bottom:16px;font-size:clamp(26px,3.5vw,42px);line-height:1.15}.ys-sectie-sub{color:var(--grijs);max-width:560px;margin-bottom:52px;font-size:17px;font-weight:400;line-height:1.65}.ys-sectie-sub-center{color:var(--grijs);text-align:center;margin:0 auto 52px;font-size:17px;font-weight:400;line-height:1.65}.ys-sectie-label-licht{letter-spacing:2px;text-transform:uppercase;color:var(--groen);margin-bottom:14px;font-size:12px;font-weight:600}.ys-sectie-titel-licht{letter-spacing:-.8px;color:var(--wit);margin-bottom:16px;font-size:clamp(26px,3.5vw,42px);line-height:1.15}.ys-sectie-sub-licht{color:#ffffffa6;max-width:560px;margin-bottom:32px;font-size:17px;font-weight:400;line-height:1.65}.ys-stappen{background:var(--wit);padding:100px 5%}.ys-stappen-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.ys-stap-kaart{background:var(--groen-zacht);border-radius:var(--radius-groot);border:1px solid #d4efd3;padding:40px 32px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.ys-stap-kaart:hover{transform:translateY(-4px);box-shadow:0 16px 40px #3aaa351f}.ys-stap-cta{border:2px solid var(--groen);background:var(--wit)}.ys-stap-accent{background:var(--groen);height:3px;position:absolute;top:0;left:0;right:0}.ys-stap-nummer{color:var(--groen);opacity:.2;margin-bottom:16px;font-size:48px;font-weight:700;line-height:1}.ys-stap-titel{margin-bottom:10px;font-size:20px;font-weight:600}.ys-stap-tekst{color:var(--grijs);font-size:15px;line-height:1.65}.ys-stap-knop{background:var(--groen);color:var(--wit);border:none;border-radius:50px;margin-top:16px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.ys-stap-knop:hover{background:var(--groen-donker)}.ys-sprints-sectie{background:var(--grijs-licht);padding:100px 5%}.ys-categorie-filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.ys-filter-knop{background:var(--wit);color:var(--grijs);cursor:pointer;border:1.5px solid #d0d0d0;border-radius:50px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.ys-filter-knop:hover,.ys-filter-knop.ys-actief{background:var(--groen);color:var(--wit);border-color:var(--groen)}.ys-sprint-teller{color:var(--grijs);margin-bottom:20px;font-size:13px}.ys-sprint-teller strong{color:var(--groen)}.ys-sprints-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ys-sprint-kaart{background:var(--wit);border-radius:var(--radius-groot);color:inherit;border:1px solid #e8e8e8;flex-direction:column;padding:28px 24px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.ys-sprint-kaart:before{content:"";background:var(--groen);transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ys-sprint-kaart:hover{border-color:#c8ecc7;transform:translateY(-3px);box-shadow:0 12px 32px #00000012}.ys-sprint-kaart:hover:before{transform:scaleX(1)}.ys-sprint-badge{background:var(--groen-licht);color:var(--groen-donker);border-radius:50px;align-self:flex-start;margin-bottom:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.ys-sprint-titel{margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4}.ys-sprint-beschrijving{color:var(--grijs);flex:1;margin-bottom:20px;font-size:13px;line-height:1.6}.ys-sprint-meta{justify-content:space-between;align-items:center;display:flex}.ys-sprint-duur{color:var(--grijs);font-size:12px}.ys-sprint-start{background:var(--groen);color:var(--wit);border-radius:50px;padding:6px 14px;font-size:12px;font-weight:600}.ys-leeg{background:var(--wit);border-radius:var(--radius-groot);text-align:center;color:var(--grijs);border:1px solid #e8e8e8;padding:40px}.ys-certificaat-sectie{background:var(--wit);grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:100px 5%;display:grid}.ys-cert-stappen{flex-direction:column;gap:20px;margin-top:8px;display:flex}.ys-cert-stap{align-items:flex-start;gap:14px;display:flex}.ys-cert-icoon{background:var(--groen);width:38px;height:38px;color:var(--wit);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.ys-cert-stap h4{margin-bottom:3px;font-size:15px;font-weight:600}.ys-cert-stap p{color:var(--grijs);font-size:13px;line-height:1.5}.ys-cert-preview{background:linear-gradient(135deg,var(--groen-zacht),#fff);border-radius:var(--radius-groot);text-align:center;border:2px solid #c8ecc7;padding:44px 36px}.ys-cert-kop{letter-spacing:2px;text-transform:uppercase;color:var(--grijs);margin-bottom:8px;font-size:11px;font-weight:600}.ys-cert-titel{color:var(--tekst);margin-bottom:6px;font-size:17px;font-weight:700;line-height:1.3}.ys-cert-naam{color:var(--groen);border-bottom:1px solid #d4efd3;margin-bottom:18px;padding-bottom:18px;font-size:22px;font-weight:600}.ys-cert-detail{color:var(--grijs);font-size:12px;line-height:1.8}.ys-cert-badge{background:var(--groen);color:var(--wit);border-radius:50px;margin-top:14px;padding:5px 14px;font-size:11px;font-weight:600;display:inline-block}.ys-bouwen-sectie{background:var(--wit);grid-template-columns:1fr 1fr;align-items:start;gap:80px;padding:100px 5%;display:grid}.ys-input-types{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;display:grid}.ys-input-type{background:var(--groen-zacht);border-radius:var(--radius);border:1px solid #d4efd3;align-items:center;gap:10px;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{flex-shrink:0;font-size:20px}.ys-input-label{color:var(--tekst);font-size:13px;font-weight:500;line-height:1.3}.ys-bouwen-quote{background:var(--grijs-licht);border-left:3px solid var(--groen);border-radius:0 var(--radius)var(--radius)0;padding:20px 24px;position:relative}.ys-quote-accent{color:var(--groen);opacity:.3;margin-bottom:-8px;font-family:Georgia,serif;font-size:48px;line-height:1}.ys-bouwen-quote p{color:var(--grijs);font-size:15px;font-style:italic;line-height:1.65}.ys-bouwen-stappen-blok{background:var(--groen-zacht);border-radius:var(--radius-groot);border:1px solid #d4efd3;padding:44px 40px}.ys-bouwen-stappen-titel{color:var(--tekst);letter-spacing:-.3px;margin-bottom:32px;font-size:20px;font-weight:700}.ys-bouwen-stappen{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.ys-bouwen-stap{align-items:flex-start;gap:16px;display:flex}.ys-bouwen-nr{background:var(--groen);width:32px;height:32px;color:var(--wit);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:600;display:block}.ys-bouwen-stap-tekst p{color:var(--grijs);font-size:13px;line-height:1.6}.ys-bouwen-reeks-blok{background:var(--wit);border-radius:var(--radius);border:1px solid #d4efd3;align-items:flex-start;gap:14px;margin-bottom:28px;padding:20px;display:flex}.ys-reeks-icoon{flex-shrink:0;margin-top:2px;font-size:22px}.ys-bouwen-reeks-blok h4{color:var(--tekst);margin-bottom:6px;font-size:15px;font-weight:600}.ys-bouwen-reeks-blok p{color:var(--grijs);font-size:13px;line-height:1.6}.ys-bouwen-cta{margin-top:36px}.ys-knop-groen{background:var(--groen);color:var(--wit);cursor:pointer;border:none;border-radius:50px;padding:15px 32px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-block;box-shadow:0 4px 16px #3aaa3540}.ys-knop-groen:hover{background:var(--groen-donker);transform:translateY(-2px)}.ys-cta-sub{color:var(--grijs);margin-top:12px;font-size:13px}.ys-prijzen-sectie{background:var(--grijs-licht);text-align:center;padding:100px 5%}.ys-prijzen-grid{text-align:left;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1100px;margin:0 auto;display:grid}.ys-prijs-kaart{background:var(--wit);border-radius:var(--radius-groot);border:1.5px solid #e8e8e8;flex-direction:column;padding:30px 22px;transition:transform .25s;display:flex;position:relative}.ys-prijs-kaart:hover{transform:translateY(-4px)}.ys-prijs-kaart.ys-uitgelicht{border-color:var(--groen);border-width:2px}.ys-populair-badge{background:var(--groen);color:var(--wit);white-space:nowrap;border-radius:50px;padding:3px 14px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.ys-prijs-naam{letter-spacing:1px;text-transform:uppercase;color:var(--grijs);margin-bottom:10px;font-size:11px;font-weight:600}.ys-prijs-bedrag{color:var(--tekst);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.ys-prijs-bedrag-inline{padding-top:6px;font-size:22px}.ys-prijs-bedrag span{color:var(--grijs);font-size:14px;font-weight:400}.ys-prijs-periode{color:var(--grijs);margin-bottom:6px;font-size:11px}.ys-prijs-jaar{color:var(--groen);min-height:16px;margin-bottom:20px;font-size:11px;font-weight:600}.ys-prijs-features{flex-direction:column;flex:1;gap:9px;margin-bottom:24px;padding:0;list-style:none;display:flex}.ys-prijs-features li{color:var(--tekst);align-items:flex-start;gap:7px;font-size:13px;line-height:1.4;display:flex}.ys-check{color:var(--groen);flex-shrink:0;font-size:13px;font-weight:700}.ys-prijs-knop{text-align:center;border-radius:50px;margin-top:auto;padding:11px;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:2px solid var(--groen);color:var(--groen)}.ys-prijs-knop-omlijnd:hover{background:var(--groen);color:var(--wit)}.ys-prijs-knop-grijs{color:var(--grijs);border:2px solid #d0d0d0}.ys-prijs-knop-grijs:hover{border-color:var(--groen);color:var(--groen)}.ys-yhh-korting{color:#6d4c00;text-align:center;background:#fff8e1;border:1px solid #ffe082;border-radius:12px;max-width:1100px;margin:28px auto 0;padding:16px 24px;font-size:14px;line-height:1.6}.ys-yhh-sectie{background:var(--tekst);color:var(--wit);grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:100px 5%;display:grid}.ys-yhh-voordelen{flex-direction:column;gap:14px;margin-bottom:36px;display:flex}.ys-yhh-voordeel{color:#ffffffd9;align-items:center;gap:12px;font-size:15px;display:flex}.ys-yhh-check{background:var(--groen);width:22px;height:22px;color:var(--wit);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ys-knop-yhh{color:var(--groen)!important}.ys-yhh-logo-blok{border-radius:var(--radius-groot);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;padding:44px}.ys-yhh-logo{color:var(--wit);margin-bottom:18px;font-size:24px;font-weight:700}.ys-yhh-logo-blok p{color:#ffffff8c;font-size:14px;line-height:1.65}.ys-cta-sectie{background:var(--groen);text-align:center;padding:120px 5%;position:relative;overflow:hidden}.ys-cta-sectie:before{content:"";background:#ffffff0d;border-radius:50%;width:700px;height:700px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.ys-cta-sectie h2{color:var(--wit);letter-spacing:-.8px;margin-bottom:18px;font-size:clamp(30px,4.5vw,52px);position:relative}.ys-cta-sectie p{color:#fffc;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:17px;position:relative}@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}}@media (max-width:700px){.ys-prijzen-grid,.ys-input-types{grid-template-columns:1fr 1fr}}@media (max-width:600px){.ys-stappen-grid,.ys-sprints-grid,.ys-prijzen-grid,.ys-input-types{grid-template-columns:1fr}.ys-hero-stats{gap:24px}}