/* ===== RESET ===== */
    *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }


:root {
  --navy:        #0A1628;
  --cobalt:      #1A6BFF;
  --cobalt-dark: #1358D4;
  --amber:       #D4A02B;
  --white:       #FAFAF8;
  --slate:       #6B7A8F;
  --red:         #D43F34;
  --green:       #2D7D4F;
  --radius-sm:   12px;
  --header-bg:   #F5F3F0;
}

html { scroll-behavior:smooth; }

body {
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  background:var(--navy);
  color:var(--navy);
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}

/* ===== LAYOUT ===== */
.hero {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto 1fr;
  min-height:100vh;
}

.hero-images {
  grid-column:1;
  grid-row:1/3;
  position:relative;
  overflow:hidden;
  background:#2C3E4E;
}
.hero-images::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,rgba(10,22,40,.65) 0%,rgba(10,22,40,.2) 60%,transparent 100%);
  z-index:1;
}
.hero-images > img {
  width:100%; height:100%;
  object-fit:cover; object-position:center 30%;
  display:block;
  transition:transform 8s ease;
}
.hero-images:hover > img { transform:scale(1.03); }

.img-thumbnails {
  position:absolute;
  top:1.5rem; right:1.5rem;
  z-index:2;
  display:flex; flex-direction:column; gap:.5rem;
}
.img-thumb {
  width:70px; height:54px;
  border-radius:8px; overflow:hidden;
  border:2px solid rgba(255,255,255,.25);
  box-shadow:0 4px 12px rgba(0,0,0,.2);
}
.img-thumb img { width:100%; height:100%; object-fit:cover; }

.hero-overlay {
  position:absolute;
  bottom:0; left:0; right:0;
  z-index:2;
  padding:2rem;
  background:linear-gradient(to top,rgba(10,22,40,.92) 0%,transparent 100%);
}
.hero-overlay .tagline {
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:clamp(1.3rem,2.2vw,2rem);
  font-weight:800;
  color:#fff;
  line-height:1.25;
  margin-bottom:.75rem;
  letter-spacing:-.02em;
}
.hero-overlay .tagline em { color:var(--amber); font-style:normal; }

.stat-row { display:flex; gap:1.8rem; flex-wrap:wrap; }
.stat { display:flex; flex-direction:column; }
.stat-num {
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:1.5rem; font-weight:800; color:#fff; line-height:1;
}
.stat-label {
  font-size:.7rem; color:rgba(255,255,255,.7);
  font-weight:500; margin-top:.2rem;
  text-transform:uppercase; letter-spacing:.08em;
}

/* TOP-RIGHT: nav */
.topbar {
  grid-column:2; grid-row:1;
  padding:1.2rem 2.5rem 0.4rem;
  display:flex; justify-content:space-between; align-items:center;
  background:var(--header-bg);
  border-bottom:1px solid rgba(0,0,0,.04);
}
.logo {
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:1.4rem; font-weight:800; color:var(--navy); letter-spacing:-.02em;
}
.logo span { color:var(--cobalt); }
.topbar-tel {
  font-size:.85rem; font-weight:600; color:var(--slate);
  text-decoration:none; transition:color .2s;
}
.topbar-tel:hover { color:var(--cobalt); }

.topbar-nav { display:flex; gap:1.4rem; align-items:center; }
.topbar-nav a {
  font-size:.85rem; font-weight:600; color:var(--slate);
  text-decoration:none; transition:color .2s;
}
.topbar-nav a:hover { color:var(--cobalt); }

/* RIGHT: form panel */
.form-panel {
  grid-column:2; grid-row:2;
  background:var(--white);
  padding:1.2rem 2.5rem 3rem;
  display:flex; flex-direction:column;
  overflow-y:auto;
}

.form-headline { margin-bottom:0.9rem; }
.eyebrow {
  display:inline-block;
  font-size:.7rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--cobalt); margin-bottom:.3rem;
}
.form-headline h1 {
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:clamp(1.3rem,2.2vw,1.9rem);
  font-weight:800; color:var(--navy);
  line-height:1.2; letter-spacing:-.02em; margin-bottom:.2rem;
}
.form-headline p { color:var(--slate); font-size:.85rem; font-weight:500; line-height:1.4; }

.trust-row {
  display:flex; gap:1rem; margin-bottom:1.2rem; flex-wrap:wrap;
}
.trust-badge {
  display:flex; align-items:center; gap:.4rem;
  font-size:.74rem; font-weight:600; color:var(--navy); opacity:.75;
}
.trust-badge .dot {
  width:6px; height:6px; border-radius:50%;
  background:var(--cobalt); flex-shrink:0;
}

/* ===== STEP TABS ===== */
.steps-nav {
  display:flex;
  border-radius:var(--radius-sm);
  overflow:hidden;
  border:1.5px solid #DDE2E9;
  margin-bottom:1.4rem;
}
.step-tab {
  flex:1; padding:.5rem .3rem;
  text-align:center;
  font-size:.7rem; font-weight:600; color:var(--slate);
  background:#F4F6FA;
  border-right:1.5px solid #DDE2E9;
  transition:all .25s;
  white-space:nowrap;
}
.step-tab:last-child { border-right:none; }
.step-tab.active { background:var(--cobalt); color:#fff; }
.step-tab.done   { background:#E9EFF9; color:var(--cobalt); }
.step-num {
  display:inline-flex; width:17px; height:17px;
  border-radius:50%;
  background:rgba(255,255,255,.25);
  align-items:center; justify-content:center;
  font-size:.6rem; font-weight:700;
  margin-right:.3rem;
}
.step-tab.done .step-num { background:var(--cobalt); color:#fff; }

/* ===== STEP CONTENT ===== */
.step { display:none; }
.step.active { display:block; animation:fadeUp .28s ease; }
@keyframes fadeUp {
  from { opacity:0; transform:translateY(8px); }
  to   { opacity:1; transform:translateY(0); }
}

.step-title {
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:1rem; font-weight:700; color:var(--navy); margin-bottom:.1rem;
}
.step-desc {
  font-size:.78rem; color:var(--slate); font-weight:500; margin-bottom:1rem;
}

/* ===== FORM GROUPS ===== */
.form-group { margin-bottom:0.9rem; }

.field-label {
  display:block;
  font-size:.76rem; font-weight:600; color:var(--navy);
  margin-bottom:.35rem; letter-spacing:.01em;
}

.v-msg {
  display:none;
  font-size:.7rem; font-weight:600;
  color:var(--red);
  margin-top:.25rem;
  padding:.2rem .6rem;
  background:#FDF0ED;
  border-radius:6px;
  border-left:3px solid var(--red);
}
.v-msg.show { display:block; }

/* ===== RADIO PILLS ===== */
.radio-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(120px,1fr));
  gap:.5rem;
}
.radio-grid input[type="radio"] { display:none; }
.pill-label {
  display:flex; align-items:center; justify-content:center; gap:.3rem;
  padding:.5rem .6rem;
  border-radius:var(--radius-sm);
  font-size:.78rem; font-weight:600; color:#3A4A62;
  background:#F0F3F8;
  border:1.5px solid transparent;
  cursor:pointer;
  transition:all .18s;
  text-align:center; line-height:1.3;
  user-select:none;
}
.pill-label:hover { background:#E1E8F2; }
.radio-grid input[type="radio"]:checked + .pill-label {
  background:#E6EDFA;
  border-color:var(--cobalt);
  color:var(--cobalt);
}
.radio-grid.has-error .pill-label {
  border-color:#F4C8C2;
  background:#FDF0ED;
}
.radio-grid.has-error input[type="radio"]:checked + .pill-label {
  background:#E6EDFA;
  border-color:var(--cobalt);
  color:var(--cobalt);
}

/* ===== TEXT INPUTS ===== */
.text-input {
  width:100%; padding:.6rem .9rem;
  border:1.5px solid #DDE4EF; border-radius:var(--radius-sm);
  font-size:.85rem; font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  background:#FAFCFF; color:var(--navy);
  transition:border-color .2s, box-shadow .2s;
  outline:none;
}
.text-input::placeholder { color:#B0BDCF; }
.text-input:focus {
  border-color:var(--cobalt);
  box-shadow:0 0 0 3px rgba(26,107,255,.1);
  background:#fff;
}
.text-input.invalid {
  border-color:var(--red);
  box-shadow:0 0 0 3px rgba(212,63,52,.1);
}

/* ===== INPUT GRID (2-col) ===== */
.input-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:.7rem;
}

/* ===== CHECKBOX ===== */
.checkbox-row {
  display:flex; align-items:flex-start; gap:.7rem;
  padding:.6rem .8rem;
  background:#F6F8FC;
  border-radius:var(--radius-sm);
  border:1.5px solid #E2E8F0;
  transition:border-color .2s;
}
.checkbox-row.invalid { border-color:var(--red); background:#FDF0ED; }
.checkbox-row input[type="checkbox"] {
  width:1rem; height:1rem;
  margin-top:.1rem;
  accent-color:var(--cobalt);
  flex-shrink:0; cursor:pointer;
}
.checkbox-row label {
  font-size:.76rem; color:#3A4A62; font-weight:500;
  line-height:1.4; cursor:pointer;
}
.checkbox-row a { color:var(--cobalt); text-decoration:none; font-weight:600; }
.checkbox-row a:hover { text-decoration:underline; }

/* ===== BUTTONS - NOW ALL SAME HEIGHT & ALIGNED ===== */
.btn-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-top:1.2rem;
  min-height:3.5rem;
}
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  height:48px;
  min-width:150px;
  padding:0 1.5rem;
  border:none;
  border-radius:100px;
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  font-size:.85rem;
  font-weight:700;
  cursor:pointer;
  transition:all .2s;
  white-space:nowrap;
  text-align:center;
  flex-shrink:0;
  line-height:1;
}
.btn-primary {
  background:var(--cobalt);
  color:#fff;
  box-shadow:0 6px 18px rgba(26,107,255,.28);
}
.btn-primary:hover { background:var(--cobalt-dark); transform:translateY(-1px); }
.btn-ghost {
  background:transparent;
  color:var(--slate);
}
.btn-ghost:hover { color:var(--navy); background:rgba(0,0,0,.04); }
.btn-submit {
  background:linear-gradient(135deg,#2D7D4F,#1F5F3A);
  color:#fff;
  min-width:180px;
  box-shadow:0 6px 18px rgba(45,125,79,.3);
}
.btn-submit:hover { transform:translateY(-1px); box-shadow:0 10px 24px rgba(45,125,79,.4); }
.btn:disabled { opacity:.55; pointer-events:none; transform:none !important; }

.btn-spacer {
  min-width:150px;
  visibility:hidden;
  height:48px;
  display:inline-block;
}

/* ===== SUCCESS ===== */
.success-screen {
  display:none;
  flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:2rem 1rem; min-height:260px;
}
.success-screen.show { display:flex; animation:fadeUp .5s ease; }
.success-icon {
  width:64px; height:64px; border-radius:50%;
  background:#D1FAE5;
  display:flex; align-items:center; justify-content:center;
  font-size:1.8rem; margin-bottom:1rem;
}
.success-screen h2 {
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:1.4rem; color:var(--navy); margin-bottom:.4rem;
}
.success-screen p { color:var(--slate); font-size:.85rem; line-height:1.5; max-width:280px; }

.stat-num small {
  font-size:.7rem; font-weight:700; color:var(--amber);
  margin-left:.15rem; vertical-align:super; letter-spacing:0;
}

/* ===== HERO BUTTONS ===== */
.hero-btns { display:flex; gap:.7rem; margin-top:1.3rem; flex-wrap:wrap; }
.hero-btn {
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; padding:0 1.4rem;
  border-radius:100px;
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; font-size:.82rem; font-weight:700;
  text-decoration:none; cursor:pointer;
  transition:all .2s; white-space:nowrap;
  background:var(--amber); color:var(--navy);
  box-shadow:0 6px 18px rgba(212,160,43,.3);
}
.hero-btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(212,160,43,.45); }
.hero-btn-outline {
  background:rgba(255,255,255,.1); color:#fff;
  border:1.5px solid rgba(255,255,255,.5);
  box-shadow:none;
}
.hero-btn-outline:hover { background:rgba(255,255,255,.2); border-color:#fff; transform:translateY(-2px); }

/* ===== CONTENT SECTIONS (below hero) ===== */
.section {
  background:var(--white);
  padding:4rem 2rem;
}
.section-alt { background:var(--header-bg); }
.section-navy { background:var(--navy); }
.section-inner { max-width:1080px; margin:0 auto; }
.section-eyebrow {
  display:inline-block;
  font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--cobalt); margin-bottom:.6rem;
}
.section-navy .section-eyebrow { color:var(--amber); }
.section h1,
.section h2 {
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:clamp(1.6rem,3.2vw,2.4rem); font-weight:800; color:var(--navy);
  line-height:1.15; letter-spacing:-.02em; margin-bottom:.6rem;
}
.section-navy h2 { color:#fff; }
.section > .section-inner > .section-lead {
  font-size:1rem; color:var(--slate); font-weight:500; max-width:60ch; margin-bottom:2.5rem;
}
.section-navy .section-lead { color:rgba(255,255,255,.75); }

/* step cards */
.cards-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:1.3rem; }
.info-card {
  background:#fff; border:1px solid #E6EAF0; border-radius:16px;
  padding:1.8rem 1.6rem;
}
.section-alt .info-card { background:#fff; }
.info-card .card-num {
  width:40px; height:40px; border-radius:50%;
  background:var(--cobalt); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:1rem; margin-bottom:1rem;
}
.info-card h3 {
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:1.15rem; font-weight:700; color:var(--navy); margin-bottom:.5rem;
}
.info-card p { font-size:.9rem; color:var(--slate); line-height:1.5; }

/* contrast two-column */
.cards-2 { display:grid; grid-template-columns:1fr 1fr; gap:1.3rem; }
.compare-card { border-radius:16px; padding:1.8rem 1.6rem; }
.compare-them { background:#fff; border:1px solid #E6EAF0; }
.compare-us   { background:#0A1628; border:2px solid var(--cobalt); }
.compare-card .c-label {
  display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; padding:.35rem .8rem; border-radius:100px; margin-bottom:1.2rem;
}
.compare-them .c-label { background:#FDECE9; color:var(--red); }
.compare-us .c-label   { background:var(--cobalt); color:#fff; }
.compare-card ul { list-style:none; }
.compare-card li { position:relative; padding-left:1.8rem; margin-bottom:.85rem; font-size:.92rem; line-height:1.45; }
.compare-them li { color:var(--slate); }
.compare-us li   { color:rgba(255,255,255,.9); }
.compare-card li::before { position:absolute; left:0; top:0; font-weight:800; }
.compare-them li::before { content:'✕'; color:var(--red); }
.compare-us li::before   { content:'✓'; color:var(--amber); }

/* verify note */
.verify-note {
  display:flex; gap:1rem; align-items:flex-start;
  background:#EAF1EC; border:1px solid #CBE0D3; border-radius:14px;
  padding:1.3rem 1.5rem; margin-top:1.5rem;
}
.verify-note .vseal {
  flex:0 0 auto; width:44px; height:44px; border-radius:50%;
  background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:1.2rem; font-weight:800;
}
.verify-note p { font-size:.92rem; color:var(--navy); line-height:1.5; }
.verify-note strong { color:var(--green); }

/* faq */
.faq-list { display:flex; flex-direction:column; gap:.8rem; max-width:800px; }
.faq-item { border:1px solid #E6EAF0; border-radius:14px; background:#fff; overflow:hidden; transition:border-color .2s; }
.faq-item[open] { border-color:var(--cobalt); }
.faq-item summary {
  list-style:none; cursor:pointer; padding:1.1rem 1.4rem;
  font-size:1rem; font-weight:700; color:var(--navy);
  display:flex; justify-content:space-between; align-items:center; gap:1rem;
}
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary .chev {
  flex:0 0 auto; width:26px; height:26px; border-radius:50%;
  background:#E6EDFA; color:var(--cobalt);
  display:flex; align-items:center; justify-content:center; font-size:1.1rem; font-weight:800;
  transition:transform .2s;
}
.faq-item[open] summary .chev { transform:rotate(45deg); }
.faq-item .faq-body { padding:0 1.4rem 1.2rem; font-size:.92rem; color:var(--slate); line-height:1.55; }
.faq-item .faq-body strong { color:var(--cobalt); }

/* makelaar scarcity + cta */
.scarcity-box {
  display:flex; gap:1rem; align-items:center;
  background:rgba(212,160,43,.12); border:1px solid rgba(212,160,43,.4);
  border-radius:14px; padding:1.2rem 1.4rem; max-width:640px; margin-top:1.8rem;
}
.scarcity-pips { display:flex; gap:.5rem; flex:0 0 auto; }
.pip { width:30px; height:30px; border-radius:50%; border:2px solid var(--amber); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.9rem; color:var(--amber); background:transparent; }
.pip.taken { background:var(--amber); color:var(--navy); }
.scarcity-box p { font-size:.9rem; color:rgba(255,255,255,.85); line-height:1.45; }
.scarcity-box strong { color:var(--amber); }
.section-cta { margin-top:2rem; }
.btn-amber {
  display:inline-flex; align-items:center; justify-content:center;
  height:52px; padding:0 2rem; border-radius:100px;
  background:var(--amber); color:var(--navy);
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; font-size:.95rem; font-weight:700;
  text-decoration:none; cursor:pointer; transition:all .2s;
  box-shadow:0 8px 22px rgba(212,160,43,.35);
}
.btn-amber { border:none; }
.btn-amber:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(212,160,43,.5); }

/* ===== MAKELAAR MODAL ===== */
.modal-overlay {
  display:none;
  position:fixed; inset:0; z-index:100;
  background:rgba(10,22,40,.65);
  align-items:center; justify-content:center;
  padding:1.5rem;
}
.modal-overlay.show { display:flex; }
.modal-box {
  position:relative;
  background:var(--white);
  border-radius:18px;
  padding:2rem 2rem 1.6rem;
  max-width:440px; width:100%;
  max-height:90vh; overflow-y:auto;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  animation:fadeUp .25s ease;
}
.modal-close {
  position:absolute; top:.9rem; right:.9rem;
  width:32px; height:32px; border-radius:50%;
  border:none; background:#F0F3F8; color:var(--slate);
  font-size:1.2rem; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:background .2s;
}
.modal-close:hover { background:#E1E8F2; color:var(--navy); }
.modal-header { margin-bottom:1.2rem; }
.modal-header h3 {
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:1.3rem; font-weight:800; color:var(--navy);
  margin:.2rem 0 .3rem; letter-spacing:-.01em;
}
.modal-header p { font-size:.85rem; color:var(--slate); font-weight:500; line-height:1.4; }

/* footer */
.site-footer {
  background:var(--navy); color:rgba(255,255,255,.6);
  padding:2rem; font-size:.82rem; text-align:center;
  border-top:1px solid rgba(255,255,255,.08);
}
.site-footer a { color:var(--amber); text-decoration:none; }
.site-footer .footer-links { display:flex; justify-content:center; gap:1.2rem; flex-wrap:wrap; margin-bottom:.8rem; }
.site-footer .footer-links a { color:rgba(255,255,255,.7); }
.site-footer .footer-links a:hover { color:var(--amber); }

/* ===== MOBILE ===== */
@media (max-width:768px) {
  .hero {
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    min-height:auto;
  }
  .hero-images  { grid-column:1; grid-row:2; height:180px; }
  .img-thumbnails { display:none; }
  .hero-overlay { padding:1rem 1.2rem; }
  .hero-overlay .tagline { font-size:1rem; }
  .stat-row { gap:1rem; }
  .stat-num { font-size:1rem; }

  .topbar {
    grid-column:1; grid-row:1;
    padding:0.6rem 1rem 0.4rem;
    background:var(--header-bg);
  }
  .logo { font-size:1.2rem; }
  .topbar-tel { font-size:.75rem; }
  .topbar-nav{display:flex;}

  .form-panel { grid-column:1; grid-row:3; padding:1rem 1rem 2rem; }
  .input-grid { grid-template-columns:1fr; }
  .radio-grid { grid-template-columns:1fr 1fr; gap:.4rem; }

  .form-headline { margin-bottom:0.6rem; }
  .form-headline h1 { font-size:1.2rem; }
  .trust-row { margin-bottom:0.8rem; gap:0.6rem; }
  .steps-nav { margin-bottom:1rem; }
  .step-tab { font-size:.65rem; padding:.4rem .2rem; }
  .form-group { margin-bottom:0.7rem; }
  .btn-row {
    flex-wrap:wrap;
    justify-content:center;
    gap:0.6rem;
  }
  .btn {
    height:44px;
    min-width:120px;
    padding:0 1rem;
    font-size:.8rem;
    flex:1 0 auto;
  }
  .btn-submit { min-width:140px; }
  .btn-spacer { display:none; }
  .hero-btns { gap:.5rem; }
  .hero-btn { height:40px; font-size:.76rem; padding:0 1rem; }
  .section { padding:2.5rem 1.2rem; }
  .cards-3 { grid-template-columns:1fr; gap:1rem; }
  .cards-2 { grid-template-columns:1fr; gap:1rem; }
  .scarcity-box { flex-direction:column; align-items:flex-start; }
}

@media (max-width:480px) {
  .topbar { padding:0.4rem 0.8rem 0.2rem; }
  .logo { font-size:1rem; }
  .topbar-tel { font-size:.7rem; }
  .hero-images { height:150px; }
  .hero-overlay .tagline { font-size:.9rem; }
  .form-panel { padding:0.8rem 0.8rem 1.5rem; }
  .radio-grid { grid-template-columns:1fr 1fr; gap:.3rem; }
  .pill-label { font-size:.7rem; padding:.4rem .4rem; }
  .text-input { font-size:.8rem; padding:.5rem .7rem; }
  .btn { height:40px; min-width:90px; font-size:.75rem; padding:0 .8rem; }
  .btn-submit { min-width:120px; }
}


/* ===== LOPENDE TEKST IN SECTIES =====
   De globale reset (*{margin:0;padding:0}) haalt alle marges weg en er bestond
   nog geen regel voor <p>, <ul> of <li> binnen een sectie, omdat de secties tot
   nu toe enkel kaarten bevatten. Onderstaande regels herstellen enkel de
   leesbaarheid, met de kleuren en groottes die al elders in dit bestand staan.
   Direct-child-selectoren, zodat .info-card p en .faq-body ongewijzigd blijven. */

.section-inner > p{font-size:1rem;line-height:1.7;color:var(--slate);margin-bottom:1.1rem;max-width:70ch;}
.section-inner > p:last-child{margin-bottom:0;}
.section-inner > ul,
.section-inner > ol{margin:0 0 1.3rem 1.2rem;max-width:70ch;}
.section-inner > ul > li,
.section-inner > ol > li{font-size:1rem;line-height:1.65;color:var(--slate);margin-bottom:.55rem;}
.section-inner > ul > li strong,
.section-inner > ol > li strong{color:var(--navy);}
.section-inner > h3{font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:1.15rem;font-weight:700;color:var(--navy);margin:1.8rem 0 .5rem;}
.section-inner a{color:var(--cobalt);font-weight:600;text-decoration:none;}
.section-inner a:hover{color:var(--cobalt-dark);text-decoration:underline;}

.section-navy .section-inner > p,
.section-navy .section-inner > ul > li{color:rgba(255,255,255,.8);}
.section-navy .section-inner a{color:#fff;text-decoration:underline;}

/* genummerde stappen: hergebruikt de bestaande .card-num-vormgeving */
.section-inner > ol.step-list{list-style:none;margin-left:0;padding:0;counter-reset:stp;}
.section-inner > ol.step-list > li{counter-increment:stp;position:relative;padding-left:3.4rem;margin-bottom:1.6rem;}
.section-inner > ol.step-list > li::before{content:counter(stp);position:absolute;left:0;top:0;
  width:40px;height:40px;border-radius:50%;background:var(--cobalt);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;}

/* tabel in de vormgeving van .info-card */
.section-inner table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;
  border:1px solid #E6EAF0;border-radius:16px;overflow:hidden;margin:0 0 1.6rem;font-size:.92rem;}
.section-inner th{background:var(--header-bg);text-align:left;color:var(--navy);font-weight:700;
  font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.85rem 1rem;}
.section-inner td{padding:.85rem 1rem;border-top:1px solid #E6EAF0;color:var(--slate);font-variant-numeric:tabular-nums;}

@media(max-width:768px){
  .section-inner > ol.step-list > li{padding-left:2.9rem;}
  .section-inner > ol.step-list > li::before{width:34px;height:34px;font-size:.9rem;}
  .section-inner th,.section-inner td{padding:.6rem .7rem;}
}