/* Sectie 6 — Aanbod: Installatie (DFY, held) vs Blueprint (DIY), bewust ongelijk.
   Prijsloos tot het gesprek (beslist 2026-07-21). Motion: alleen fade-up + hover-lift. */

.offer{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(1.2rem,2.5vw,2rem);align-items:stretch;margin-top:2rem}
@media (max-width:840px){.offer{grid-template-columns:1fr}}

.plan{padding:clamp(1.4rem,2.6vw,2.2rem);display:flex;flex-direction:column;gap:.8rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color var(--dur)}
.plan:hover{transform:translateY(-4px)}
.plan.hero-plan{border:1px solid rgba(62,139,255,.28);box-shadow:var(--hero-plan-shadow)}

/* badge in de kaartflow i.p.v. absoluut (fix 2026-07-21: overlapte de kicker op alle breedtes) */
.plan .badge{position:static;align-self:flex-start;background:var(--neon-ink);color:#fff;font-weight:600;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:.24rem .65rem;margin-bottom:-.2rem}
[data-theme="dark"] .plan .badge{color:#06101F}
.plan h3{font-family:var(--serif);font-weight:700;font-size:1.5rem;letter-spacing:-.01em}
.plan .sub2{font-size:.78rem;color:var(--ink-3);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.plan p{color:var(--ink-2);font-size:.93rem}
.plan .price{font-family:var(--serif);font-weight:600;font-size:1.05rem;margin-top:.2rem;color:var(--ink)}
.plan .price small{font-family:var(--sans);font-weight:400;font-size:.78rem;color:var(--ink-3)}

.plan .go{margin-top:auto;align-self:flex-start;border-radius:100px;padding:.7rem 1.3rem;font-weight:600;font-size:.9rem;transition:transform .25s var(--ease)}
.plan .go:hover{transform:translateY(-2px)}
.plan.hero-plan .go{background:var(--neon-ink);color:#fff;border:0;box-shadow:var(--btn-shadow)}
[data-theme="dark"] .plan.hero-plan .go{color:#06101F}
.plan:not(.hero-plan) .go{background:transparent;border:1px solid var(--line-strong);color:var(--ink)}

@media (prefers-reduced-motion:reduce){
  .plan,.plan .go{transition:none}
  .plan:hover,.plan .go:hover{transform:none}
}