/* AI Kickstart: visual overview and scannable delivery steps. */
/* The intro inherits the shared subpage heading and lead styles. */
.kickstart-intro{margin-bottom:28px}
.kickstart-overview{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  background:var(--qm-paper);border:1px solid var(--qm-line-strong);
  border-radius:var(--qm-radius-sm);box-shadow:var(--qm-shadow);overflow:hidden;text-align:left;
}
.kickstart-overview-copy{grid-column:1;grid-row:1;padding:28px 30px;min-width:0}
.kickstart-overview-copy .eyebrow{font-size:.75rem;letter-spacing:.035em;margin-bottom:12px}
.kickstart-overview-copy h2{
  font-size:clamp(1.9rem,2.6vw,2.25rem);line-height:1.1;font-weight:500;
  margin:0 0 22px;color:var(--qm-navy);max-width:600px;
}
.kickstart-summary{list-style:none;padding:0;margin:0;display:grid;gap:17px}
.kickstart-summary li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:12px;align-items:start}
.kickstart-summary-number{font: .75rem/1.7 var(--qm-font-mono);color:var(--qm-muted);padding-top:1px}
.kickstart-summary strong{display:block;font-size:.9375rem;line-height:1.45;font-weight:600;color:var(--qm-navy)}
.kickstart-summary p{font-size:.875rem;line-height:1.65;color:var(--qm-body);margin:5px 0 0;max-width:470px}
.kickstart-hero-art{
  grid-column:2;grid-row:1;margin:24px 24px 18px 0;display:flex;flex-direction:column;justify-content:center;min-width:0;
}
.kickstart-hero-art img{
  width:100%;aspect-ratio:1.45;object-fit:cover;object-position:center;border-radius:var(--qm-radius-image);
}
.kickstart-hero-art figcaption{font-size:.75rem;line-height:1.6;color:var(--qm-muted);margin-top:12px}
.kickstart-overview-footer{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:20px 30px;border-top:1px solid var(--qm-line);
}
.kickstart-price{margin:0;max-width:600px}
.kickstart-price>strong{display:block;font-size:1.625rem;line-height:1.3;font-weight:500;color:var(--qm-navy)}
.kickstart-price>strong>span{font-size:.8125rem;font-weight:400;color:var(--qm-muted)}
.kickstart-price>span{display:block;font-size:.8125rem;line-height:1.6;margin-top:7px;color:var(--qm-muted)}
.kickstart-overview-footer .button{flex-shrink:0;font-size:.875rem;min-height:46px;gap:24px;box-shadow:none}
.page[data-route="ai-kickstart"] #ai-kickstart-werkwijze{padding-top:28px;background:var(--qm-canvas)}
.page[data-route="ai-kickstart"] .section-head h2{font-weight:500}
#ai-kickstart-werkwijze .rows{display:grid;gap:12px;border:0}
#ai-kickstart-werkwijze .row{
  background:var(--qm-paper);border:1px solid var(--qm-line);border-radius:var(--qm-radius-sm);
  padding:24px;grid-template-columns:34px minmax(0,.8fr) minmax(0,1.2fr);gap:20px;
}
#ai-kickstart-werkwijze .number{
  display:flex;align-items:center;justify-content:center;width:32px;height:32px;
  background:var(--qm-navy);color:var(--qm-paper);border-radius:var(--qm-radius-sm);
  font: .75rem/1 var(--qm-font-mono);
}
#ai-kickstart-werkwijze .row h3{font-size:1.625rem;line-height:1.16;font-weight:500;color:var(--qm-navy)}
#ai-kickstart-werkwijze .row p{font-size:.9375rem;line-height:1.75;color:var(--qm-body)}
#ai-kickstart-opbrengst .grid-three article{
  background:var(--qm-paper);border:1px solid var(--qm-line);border-radius:var(--qm-radius-sm);padding:24px;
}
#ai-kickstart-opbrengst .grid-three h3{font-weight:500;color:var(--qm-navy)}
#ai-kickstart-opbrengst .large-copy{margin-top:24px}
@media(max-width:980px){
  .kickstart-overview{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .kickstart-overview-copy{padding:24px}.kickstart-hero-art{margin:24px 24px 18px 0}
  .kickstart-overview-footer{padding:20px 24px}
  #ai-kickstart-werkwijze .row{grid-template-columns:32px minmax(0,.8fr) minmax(0,1.2fr);gap:16px;padding:22px}
}
@media(max-width:720px){
  .kickstart-intro{margin-bottom:24px}
  .kickstart-overview{grid-template-columns:minmax(0,1fr)}
  .kickstart-hero-art{grid-column:1;grid-row:1;margin:18px 18px 0}
  .kickstart-hero-art img{aspect-ratio:2.35;object-position:center 53%}
  .kickstart-hero-art figcaption{display:none}
  .kickstart-overview-copy{grid-column:1;grid-row:2;padding:22px}
  .kickstart-overview-copy h2{font-size:1.85rem;margin-bottom:20px}
  .kickstart-summary{gap:16px}
  .kickstart-overview-footer{grid-row:3;align-items:stretch;flex-direction:column;padding:20px 22px;gap:18px}
  .kickstart-overview-footer .button{width:100%;justify-content:space-between;min-height:48px}
  .page[data-route="ai-kickstart"] #ai-kickstart-werkwijze{padding-top:20px}
  #ai-kickstart-werkwijze .row{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:20px 18px}
  #ai-kickstart-werkwijze .number{width:28px;height:28px;font-size:.6875rem}
  #ai-kickstart-werkwijze .row h3{font-size:1.6rem}
  #ai-kickstart-werkwijze .row p{grid-column:2;font-size:.9375rem}
}
@media print{
  .kickstart-overview{box-shadow:none;break-inside:avoid}
  .kickstart-overview-footer .button{display:none}
  #ai-kickstart-werkwijze .row{break-inside:avoid}
}