/* DeckLearn Nederland — rich product details inspired by the approved BR product pages */
.nl-rich-product-details{
  --nl-rich-a:#37d6ff;
  --nl-rich-b:#6e79ff;
  --nl-rich-gold:#ffd84d;
  width:min(1180px,calc(100% - 28px));
  margin:20px auto 24px;
  color:#eef5ff;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.nl-rich-product-details *{box-sizing:border-box}
.nl-rich-product-details h2,.nl-rich-product-details h3{font-family:Sora,Inter,sans-serif}
.nl-rich-product-details__intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 14px}
.nl-rich-product-details__intro h2{margin:6px 0 0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08;letter-spacing:-.035em}
.nl-rich-product-details__intro p{max-width:58ch;margin:0;color:#9fb3d8;line-height:1.58;text-align:right}
.nl-rich-kicker{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid color-mix(in srgb,var(--nl-rich-a) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--nl-rich-a) 9%,transparent);color:#e9f7ff;font:900 .73rem/1 Sora,Inter,sans-serif;letter-spacing:.055em;text-transform:uppercase;box-shadow:0 0 18px color-mix(in srgb,var(--nl-rich-a) 10%,transparent)}
.nl-rich-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nl-rich-feature{position:relative;overflow:hidden;min-height:162px;padding:18px;border:1px solid color-mix(in srgb,var(--nl-rich-a) 24%,rgba(255,255,255,.08));border-radius:19px;background:radial-gradient(360px 170px at 0 0,color-mix(in srgb,var(--nl-rich-a) 12%,transparent),transparent 68%),radial-gradient(300px 160px at 100% 100%,color-mix(in srgb,var(--nl-rich-b) 10%,transparent),transparent 70%),linear-gradient(135deg,#10192b,#171122 72%,#2a0c18);box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.018)}
.nl-rich-feature::after{content:"";position:absolute;right:-65px;bottom:-78px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--nl-rich-b) 22%,transparent),transparent 68%);pointer-events:none}
.nl-rich-feature__inner{position:relative;z-index:1;display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;height:100%}
.nl-rich-feature__icon{display:grid;place-items:center;width:76px;height:76px;margin:0;border-radius:18px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--nl-rich-a) 13%,transparent),rgba(5,10,22,.18));filter:drop-shadow(0 11px 12px rgba(0,0,0,.42))}
.nl-rich-feature__icon img{display:block;width:68px;height:68px;object-fit:contain}
.nl-rich-feature--culture .nl-rich-feature__icon{width:96px;height:88px;margin-left:-10px;background:transparent}
.nl-rich-feature--culture .nl-rich-feature__icon img{width:108px;height:90px}
.nl-rich-feature h3{margin:0 0 6px;color:#fff;font-size:clamp(1.02rem,2vw,1.28rem);line-height:1.18}
.nl-rich-feature p{margin:0;color:#aebfd8;font-size:.91rem;line-height:1.46}
.nl-rich-feature strong{color:#fff}

.nl-rich-journey{position:relative;overflow:hidden;margin-top:20px;padding:clamp(24px,4vw,42px) clamp(18px,4vw,38px) 30px;border:1px solid color-mix(in srgb,var(--nl-rich-gold) 22%,rgba(255,255,255,.08));border-radius:25px;background:radial-gradient(600px 300px at 0 0,color-mix(in srgb,var(--nl-rich-a) 13%,transparent),transparent 68%),radial-gradient(620px 300px at 100% 0,color-mix(in srgb,var(--nl-rich-b) 12%,transparent),transparent 70%),linear-gradient(180deg,#10192c,#0b1120 72%,#090e1a);box-shadow:0 22px 54px rgba(0,0,0,.40),inset 0 0 72px color-mix(in srgb,var(--nl-rich-a) 3%,transparent)}
.nl-rich-journey__head{position:relative;z-index:3;max-width:760px;margin:0 auto 22px;text-align:center}
.nl-rich-journey__head h2{margin:8px 0 7px;color:#fff;font-size:clamp(1.55rem,3.2vw,2.4rem);letter-spacing:-.035em}
.nl-rich-journey__head p{margin:0;color:#aebfd8;line-height:1.58}
.nl-rich-journey__decor{position:absolute;z-index:1;width:clamp(84px,12vw,145px);height:clamp(122px,18vw,190px);object-fit:contain;filter:drop-shadow(0 16px 15px rgba(0,0,0,.48)) drop-shadow(0 0 14px color-mix(in srgb,var(--nl-rich-a) 18%,transparent));pointer-events:none;opacity:.95}
.nl-rich-journey__decor--left{left:8px;top:15px}
.nl-rich-journey__decor--right{right:8px;top:18px}
.nl-rich-steps{position:relative;z-index:3;display:grid;gap:10px;max-width:1080px;margin:0 auto}
.nl-rich-step{--step-accent:var(--nl-rich-a);position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 112px;gap:16px;align-items:center;min-height:94px;padding:12px 16px;border:1px dashed color-mix(in srgb,var(--step-accent) 34%,rgba(255,255,255,.10));border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--step-accent) 8%,transparent),rgba(7,12,24,.82) 48%,rgba(10,15,29,.86));box-shadow:0 12px 30px rgba(0,0,0,.22)}
.nl-rich-step:nth-child(1){--step-accent:#5ce1ff}.nl-rich-step:nth-child(2){--step-accent:#4f9cff}.nl-rich-step:nth-child(3){--step-accent:#6e75ff}.nl-rich-step:nth-child(4){--step-accent:#ad63d3}.nl-rich-step:nth-child(5){--step-accent:var(--nl-rich-gold)}
.nl-rich-level-badge{display:grid;place-items:center;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--step-accent) 70%,rgba(255,255,255,.18));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--step-accent) 33%,#0d1628),#10182a);color:#fff;font:900 .95rem/1 Sora,Inter,sans-serif;box-shadow:0 10px 22px color-mix(in srgb,var(--step-accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.15)}
.nl-rich-step__copy strong{display:block;color:#fff;font:850 .98rem/1.32 Sora,Inter,sans-serif}.nl-rich-step__copy span{display:block;margin-top:5px;color:#a8bbd0;font-size:.86rem;line-height:1.46}
.nl-rich-progress{display:flex;justify-content:flex-end;gap:4px}.nl-rich-progress i{display:block;width:15px;height:15px;border:1px solid color-mix(in srgb,var(--step-accent) 35%,rgba(255,255,255,.12));border-radius:4px;background:rgba(255,255,255,.035)}.nl-rich-progress i.is-on{background:color-mix(in srgb,var(--step-accent) 52%,#0b1528);box-shadow:0 0 10px color-mix(in srgb,var(--step-accent) 30%,transparent)}
.nl-rich-note{position:relative;z-index:3;display:flex;align-items:center;gap:10px;max-width:850px;margin:16px auto 0;padding:11px 14px;border:1px solid color-mix(in srgb,var(--nl-rich-gold) 30%,transparent);border-radius:14px;background:color-mix(in srgb,var(--nl-rich-gold) 5%,rgba(8,13,25,.82));color:#cbd9ec;font-size:.88rem;line-height:1.5}.nl-rich-note b{color:#fff}

@media(max-width:900px){.nl-rich-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nl-rich-journey__decor{opacity:.36}.nl-rich-step{grid-template-columns:64px minmax(0,1fr) 92px}}
@media(max-width:650px){.nl-rich-product-details{width:min(100% - 20px,1180px)}.nl-rich-product-details__intro{display:block}.nl-rich-product-details__intro p{margin-top:8px;text-align:left}.nl-rich-feature-grid{grid-template-columns:1fr}.nl-rich-feature{min-height:142px}.nl-rich-feature__inner{grid-template-columns:68px minmax(0,1fr)}.nl-rich-feature__icon{width:66px;height:66px}.nl-rich-feature__icon img{width:60px;height:60px}.nl-rich-journey{padding:24px 12px 20px}.nl-rich-journey__decor{display:none}.nl-rich-step{grid-template-columns:56px minmax(0,1fr);gap:11px;padding:11px}.nl-rich-level-badge{width:48px;height:48px}.nl-rich-progress{grid-column:2;justify-content:flex-start}.nl-rich-progress i{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){.nl-rich-product-details *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}