
/* SL-HERO-POLISH-20261002 */
.sl-hero{background:linear-gradient(145deg,var(--dk),var(--dk2));padding:72px 5% 56px;position:relative;overflow:hidden;isolation:isolate}
.sl-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.sl-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 40%;opacity:.28;filter:saturate(1.08) contrast(1.05);transform:scale(1.06)}
.sl-hero::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 72% 40%,rgba(0,184,122,.18) 0%,transparent 62%);pointer-events:none}
.sl-hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,rgba(11,20,38,.94) 0%,rgba(11,20,38,.78) 46%,rgba(11,20,38,.52) 100%)}
.sl-hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative;z-index:2}
.sl-hero-visual{overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .sl-hero-bg img{animation:slKenBg 28s ease-in-out infinite alternate}
  .sl-hero-visual>img{animation:slKenFg 22s ease-in-out infinite alternate;transform-origin:center 40%}
}
@keyframes slKenBg{0%{transform:scale(1.06) translate3d(0,0,0)}100%{transform:scale(1.14) translate3d(-2%,-1.2%,0)}}
@keyframes slKenFg{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.05) translate3d(-1.2%,-.8%,0)}}
@media (prefers-reduced-motion:reduce){.sl-hero-bg img,.sl-hero-visual>img{animation:none!important}}
.sl-badge svg{width:14px;height:14px;flex:0 0 auto} /* BADGE-ICOON-MAAT-20260929: zonder maat werd het icoon enorm */
.sl-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(0,184,122,.15);border:1px solid rgba(0,184,122,.3);color:var(--g);padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:600;margin-bottom:20px}
.sl-hero h1{font-size:clamp(2rem,4.4vw,3.05rem);font-weight:900;color:#fff;margin:0 0 16px;letter-spacing:-.02em;line-height:1.12}
.sl-hero .lead{color:rgba(255,255,255,.68);font-size:1.05rem;max-width:540px;margin:0 0 28px;line-height:1.65}
.sl-ctas{display:flex;gap:12px;flex-wrap:wrap}
.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:10px;font-weight:700;font-size:.95rem;text-decoration:none}
.sl-btn svg{width:16px;height:16px}
.sl-btn.pri{background:var(--g);color:#fff!important;box-shadow:0 4px 20px rgba(0,184,122,.35)}
.sl-btn.pri:hover{background:var(--g2)}
.sl-btn.ghost{color:#fff;border:1.5px solid rgba(255,255,255,.3)}
.sl-btn.ghost:hover{background:rgba(255,255,255,.07)}
.sl-hero-visual{position:relative;background:rgba(255,255,255,.1);padding:7px;border-radius:18px;box-shadow:0 28px 64px rgba(0,0,0,.4)}
.sl-hero-visual img{width:100%;height:auto;display:block;border-radius:12px;background:#e2e8f0}
.sl-hero-visual figcaption{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.92);color:var(--dk);font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:8px}
.sl-ch{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.sl-ch span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;padding:6px 11px;border-radius:999px;font-size:.78rem;font-weight:600}
.sl-ch svg{width:14px;height:14px}
.sl-ch .t-wa{color:#4ade80}.sl-ch .t-mail{color:#93c5fd}.sl-ch .t-ig{color:#e879f9}.sl-ch .t-msg{color:#7dd3fc}.sl-ch .t-chat{color:#6ee7b7}.sl-ch .t-phone{color:#67e8f9}
.sl-wrap{max-width:1100px;margin:0 auto;padding:64px 5%}
.sl-h2{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;color:var(--dk);text-align:center;margin:0 0 10px}
.sl-sub{text-align:center;color:var(--nt);max-width:560px;margin:0 auto 32px;line-height:1.6}
.sl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.sl-card{background:#fff;border:1.5px solid var(--bdr);border-radius:14px;padding:22px;transition:border-color .15s,box-shadow .15s}
.sl-card:hover{border-color:rgba(0,184,122,.35);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.sl-ico{width:42px;height:42px;border-radius:11px;background:rgba(0,184,122,.12);color:var(--g);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.sl-ico svg{width:22px;height:22px}
.sl-card h3{font-size:1.02rem;font-weight:800;margin:0 0 8px;color:var(--dk)}
.sl-card p{font-size:.9rem;color:var(--nt);line-height:1.6;margin:0}
.sl-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sl-shots figure{margin:0;background:#fff;border:1px solid var(--bdr);border-radius:14px;overflow:hidden}
.sl-shots img{width:100%;height:210px;object-fit:cover;display:block}
.sl-shots figcaption{padding:12px 14px;font-size:.82rem;font-weight:650;color:var(--dk)}
.sl-steps{display:flex;flex-direction:column;gap:14px;max-width:720px;margin:0 auto}
.sl-step{display:flex;gap:16px;background:#fff;border:1px solid var(--bdr);border-radius:12px;padding:18px 20px;align-items:flex-start}
.sl-num{width:40px;height:40px;border-radius:12px;background:rgba(0,184,122,.12);color:var(--g);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sl-num svg{width:20px;height:20px}
.sl-step h3{margin:0 0 4px;font-size:1rem}
.sl-step p{margin:0;color:var(--nt);font-size:.9rem;line-height:1.55}
.sl-faq{max-width:720px;margin:0 auto}
.sl-fi{background:#fff;border:1px solid var(--bdr);border-radius:12px;margin-bottom:10px;overflow:hidden}
.sl-fq{padding:16px 20px;font-weight:700;font-size:.92rem;color:var(--dk)}
.sl-fa{padding:0 20px 16px;font-size:.88rem;color:#475569;line-height:1.7}
.sl-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.sl-price{background:#fff;border:1.5px solid var(--bdr);border-radius:16px;padding:24px 20px;display:flex;flex-direction:column}
.sl-price.pop{border-color:var(--g);box-shadow:0 8px 32px rgba(0,184,122,.14)}
.sl-price .name{font-weight:800;font-size:1.1rem;color:var(--dk)}
.sl-price .tag{color:var(--nt);font-size:.82rem;min-height:2.4em;margin:6px 0 10px}
.sl-price .amt{font-size:1.9rem;font-weight:900;color:var(--dk)}
.sl-price .amt span{font-size:.9rem;font-weight:500;color:var(--nt)}
.sl-price ul{list-style:none;margin:14px 0 18px;padding:0;flex:1}
.sl-price li{font-size:.84rem;color:var(--nt);padding:5px 0;border-bottom:1px solid #f1f5f9}
.sl-price li::before{content:"✓ ";color:var(--g);font-weight:800}
.sl-rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.sl-rel a{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:650;color:var(--dk);padding:14px 16px;border:1.5px solid var(--bdr);border-radius:12px;background:#fff;text-decoration:none}
.sl-rel a:hover{border-color:var(--g);color:var(--g2)}
.sl-rel .sl-ico{width:34px;height:34px;margin:0;flex-shrink:0}
.sl-rel .sl-ico svg{width:18px;height:18px}
.sl-cta{background:linear-gradient(135deg,var(--g),var(--g2));padding:64px 5%;text-align:center;color:#fff}
.sl-cta h2{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:900;margin:0 0 10px}
.sl-cta p{color:rgba(255,255,255,.88);margin:0 0 24px}
.sl-cta .sl-ctas{justify-content:center}
.sl-note{background:var(--lt);border:1px solid #bbf7d0;border-radius:12px;padding:16px 18px;color:var(--nt);font-size:.88rem;line-height:1.6;max-width:720px;margin:28px auto 0}
.sl-alt{background:var(--lt)}
.sl-prose{max-width:760px;margin:0 auto}
.sl-prose h2{font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:800;color:var(--dk);margin:0 0 12px}
.sl-prose p{color:var(--nt);line-height:1.75;margin:0 0 14px;font-size:1rem}
.sl-prose ul{margin:0 0 14px;padding-left:20px;color:var(--nt);line-height:1.7}
.sl-prose li{margin-bottom:6px}
.sl-prose+.sl-prose{margin-top:36px}
@media(max-width:880px){
  .sl-hero-inner{grid-template-columns:1fr;gap:32px}
  .sl-hero{padding:56px 5% 40px}
  .sl-shots{grid-template-columns:1fr}
  .sl-shots img{height:200px}
}
@media(max-width:560px){
  .sl-ctas{flex-direction:column;align-items:stretch}
  .sl-btn{width:100%;box-sizing:border-box;text-align:center}
}
