/* ============================================================
   D2i Cyber · Quick Wins Picker
   ============================================================ */
:root{
  --d2i-ink-700:#234b6a;
  --d2i-muted:#596475;
  --d2i-brand-600:#0087f8;
  --d2i-bg-soft:#f9fcff;
  --d2i-g-dark:linear-gradient(90deg,#163042 0%,#234b6a 100%);
  --d2i-shadow-soft:0 8px 30px -12px rgba(11,22,40,.12);
  --d2i-font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --d2i-font-display:"Poppins",var(--d2i-font);
  --d2i-font-alt:"Space Grotesk",var(--d2i-font);
  --d2i-shell:1200px;
}

.d2i-pick{box-sizing:border-box;padding:100px 80px;background:var(--d2i-bg-soft);font-family:var(--d2i-font)}
.d2i-pick *,.d2i-pick *::before,.d2i-pick *::after{box-sizing:border-box}
.d2i-pick p,.d2i-pick h2,.d2i-pick h3{margin:0}
.d2i-pick__inner{display:flex;flex-direction:column;gap:64px;max-width:var(--d2i-shell);margin-inline:auto}
.d2i-pick__head{display:flex;flex-direction:column;gap:20px;max-width:672px}
.d2i-pick__kicker{max-width: 415px !important;}
.d2i-pick__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}

.d2i-card{
  display:flex;flex-direction:column;align-items:flex-start;gap:9.1px;
  padding:29px;border-radius:22px;
/*   background:#fff; */
  border:1px solid rgba(224,229,235,.7);
  box-shadow:var(--d2i-shadow-soft);
  transition:transform .25s ease,box-shadow .25s ease;
}
.d2i-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px -18px rgba(11,22,40,.22)}
.d2i-iconbox{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:18px;background:var(--d2i-g-dark)}
.d2i-iconbox--tint{background:rgba(0,135,248,.1)}
.d2i-iconbox img{display:block;width:20px;height:20px;object-fit:contain}

.d2i-pick__q{
  margin-top:14.9px;
  font-family:var(--d2i-font-alt);font-weight:700;
  font-size:17.9px;line-height:28px;letter-spacing:-.45px;color:var(--d2i-ink-700);
}
/* pushed to the card foot so the offering name lines up across the row */
.d2i-pick__name{margin-top:auto;padding-top:10px;font-size:14px;font-weight:400;line-height:22.75px;color:rgba(89, 100, 117, 1);}

/* Single row: all cards in one line */
.d2i-pick__grid--row{grid-template-columns:repeat(4,minmax(0,1fr))}

/* 2 + 2 split layout */
.d2i-pick__grid--split{grid-template-columns:repeat(2,minmax(0,1fr))}
  background:var(--d2i-g-dark);-webkit-background-clip:text;background-clip:text;color:transparent}
.d2i-lede{font-size:18px;line-height:28px;color:var(--d2i-muted)}

@media (max-width:1200px){
  .d2i-pick{padding-inline:48px}
  .d2i-pick__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){.d2i-pick{padding:72px 24px}.d2i-pick__inner{gap:40px}}
@media (max-width:640px){
  .d2i-lede{font-size:16px;line-height:26px}
  .d2i-pick__grid{grid-template-columns:1fr}
  .d2i-card{padding:24px}
}