/* Landingspagina Taalkamer — richting F. Mandarijn alleen voor het spreekmoment. */
.lp{margin:-20px calc(-1 * max(16px,env(safe-area-inset-left))) -40px}
main:has(.lp){max-width:none;padding:0}
.lp-wrap{max-width:1100px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.lp-nav{gap:4px 18px}
.lp-nav a{font-weight:600}
.lp-hero{background:var(--mos);color:#fff;padding-block:56px 40px;overflow:hidden}
.lp-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center}
.lp-eyebrow{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--blad);margin:0 0 12px;font-weight:600}
.lp-hero h1{color:#fff;font-size:clamp(32px,4.6vw,52px);line-height:1.08;margin:0 0 18px}
.lp-lead{font-size:19px;line-height:1.6;color:#E6EFEA;max-width:60ch;margin:0}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}
.lp-hero .knop{background:#fff;color:var(--mos);border-color:#fff}
.lp-hero .knop.zacht{background:transparent;color:#fff;border-color:#fff}
.groot-lp{min-height:54px;padding:12px 26px;font-size:17px}
.lp-feiten{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.lp-feiten li{font-size:14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 12px;color:#E6EFEA}
.lp-telefoon{margin:0;justify-self:center;background:var(--schors);border-radius:34px;padding:10px;max-width:300px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.lp-telefoon img{display:block;width:100%;height:auto;border-radius:26px}
.lp-telefoon.klein{max-width:280px}
.lp-sectie{padding-block:64px}
.lp-zacht{background:#EFE9DE}
.lp-sectie h2{font-family:var(--f-merk);color:var(--mos);font-size:clamp(26px,3.2vw,36px);line-height:1.15;margin:0 0 12px;max-width:26ch;text-wrap:balance}
.lp-intro{font-size:18px;max-width:66ch;color:var(--schors);margin:0 0 24px}
.lp-cijfers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp-cijfers div{background:var(--kaart);border-radius:18px;padding:20px;display:grid;gap:6px}
.lp-cijfers strong{font-family:var(--f-merk);font-size:46px;line-height:1;color:var(--mos);font-variant-numeric:tabular-nums}
.lp-cijfers span{font-size:15px;color:var(--schors-zacht)}
.lp-bron{font-size:14px;color:var(--schors-zacht);max-width:80ch;margin-top:18px}
.lp-twee{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;align-items:center}
.lp-stappen{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:10px}
.lp-stappen li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:2px 14px;background:var(--kaart);border-radius:16px;padding:14px 16px}
.lp-stappen li::before{content:counter(s);grid-row:1/3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--linnen);font-weight:700;color:var(--mos)}
.lp-stappen li.spreek::before{background:var(--spreek);color:var(--spreek-inkt)}
.lp-stappen span{color:var(--schors-zacht);font-size:15px}
.lp-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-raster article,.lp-rollen article{background:var(--kaart);border-radius:18px;padding:20px}
.lp-raster h3,.lp-rollen h3{margin:0 0 6px;font-size:18px;color:var(--mos)}
.lp-raster p,.lp-rollen p{margin:0;color:var(--schors-zacht);font-size:15px;line-height:1.55}
.lp-fasen{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.lp-fasen::before{content:"";position:absolute;left:0;right:0;top:19px;height:4px;background:var(--lijn);border-radius:2px}
.lp-fasen li{position:relative;padding:44px 16px 0 0;display:grid;gap:4px;align-content:start}
.lp-fasen li::before{content:"";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:var(--mos);border:4px solid var(--linnen)}
.lp-niveau{font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--mos)}
.lp-fasen strong{font-size:20px}
.lp-fasen span:last-child{color:var(--schors-zacht);font-size:15px}
.lp-rollen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.lp-check{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}
.lp-check li{padding-left:30px;position:relative}
.lp-check li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--blad)}
.lp-check li::after{content:"";position:absolute;left:5px;top:9px;width:7px;height:4px;border-left:2px solid var(--mos);border-bottom:2px solid var(--mos);transform:rotate(-45deg)}
.lp-kader{background:var(--linnen);border:2px dashed var(--mos);border-radius:18px;padding:22px}
.lp-kader h3{margin-top:0;color:var(--mos)}
.lp-pilot{background:var(--mos);color:#fff}
.lp-pilot h2{color:#fff}
.lp-pilot .lp-intro{color:#E6EFEA;margin-top:20px}
.lp-pilot article{background:rgba(255,255,255,.08)}
.lp-pilot article h3{color:#fff}
.lp-pilot article p{color:#E6EFEA}
.lp-formwrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.lp-form{background:var(--kaart);border-radius:20px;padding:24px}
.lp-honing{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lp-bedankt{background:var(--kaart);border-radius:20px;padding:24px;border-left:6px solid var(--goed)}
.tweekolom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.tweekolom>div{display:grid;gap:6px;align-content:start;min-width:0}
.lp-privacy{margin-block:24px}
.lp-privacy h2{color:var(--mos)}
@media (max-width:900px){
  .lp-hero-in,.lp-twee,.lp-formwrap{grid-template-columns:1fr}
  .lp-cijfers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-raster,.lp-rollen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-fasen{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .lp-fasen::before{display:none}
  .lp-telefoon{max-width:260px}
}
@media (max-width:560px){
  .lp-hero{padding-block:36px 32px}
  .lp-cijfers,.lp-raster,.lp-rollen,.lp-fasen,.tweekolom{grid-template-columns:1fr}
  .lp-sectie{padding-block:44px}
  .lp-nav a:not(.knop){display:none}
}