/* D2i Cyber · Service — Provide Grid */
:root{
  --d2i-ink-700:#234b6a;
  --d2i-muted:#596475;
  --d2i-brand-600:#0087f8;
  --d2i-brand-400:#00b9ff;
  --d2i-bg-soft:#f9fcff;
  --d2i-g-dark:linear-gradient(90deg,#163042 0%,#234b6a 100%);
  --d2i-g-glass:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);
  --d2i-g-mesh:linear-gradient(180deg,rgba(255,255,255,.04) 1.7857%,rgba(255,255,255,0) 1.7857%),
               linear-gradient(90deg,rgba(255,255,255,.04) 1.7857%,rgba(255,255,255,0) 1.7857%);
  --d2i-shadow-blue:0 20px 60px -20px rgba(0,135,248,.35);
  --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-provide{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;
  padding:100px 80px;font-family:var(--d2i-font);
  background:
    radial-gradient(86.4% 76.56% at 70% 20%,rgba(0,185,255,.35) 0%,rgba(0,185,255,0) 60%),
    radial-gradient(72% 57.42% at 20% 80%,rgba(0,135,248,.3) 0%,rgba(0,135,248,0) 60%),
    linear-gradient(180deg,#1e2832 0%,#234b6a 100%)}
.d2i-provide *,.d2i-provide *::before,.d2i-provide *::after{box-sizing:border-box}
.d2i-provide p,.d2i-provide h2,.d2i-provide h3{margin:0}
.d2i-provide__mesh{position:absolute;inset:0;z-index:-1;opacity:.5;background:var(--d2i-g-mesh);background-size:56px 56px}
.d2i-provide__glow{position:absolute;z-index:-1;left:50%;transform:translateX(-50%);top:33.33%;bottom:11.05%;
  width:960px;border-radius:50%;background:rgba(0,135,248,.2);filter:blur(32px)}
.d2i-provide__inner{display:flex;flex-direction:column;gap:64px;max-width:var(--d2i-shell);margin-inline:auto}

/* three-across is a flex row; the 2x2 variant needs the doubled class to beat it */
.d2i-provide__grid--three{display:flex;gap:24px;align-items:stretch;width:100%}
.d2i-provide__grid--three .d2i-provide__card{flex:1 0 0;min-width:0;}
.d2i-provide__grid.d2i-provide__grid--twobytwo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}

.d2i-provide__card{display:flex;flex-direction:column;align-items:flex-start;gap:9.1px;padding:29px;border-radius:22px;
  background:var(--d2i-g-glass);border:1px solid rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  transition:transform .25s ease,border-color .25s ease}
.d2i-provide__card:hover{transform:translateY(-4px);border-color:rgba(0,185,255,.35)}
.d2i-provide__title{
  margin-top:14.9px;
  font-family:var(--d2i-font-alt);font-weight:700;
  font-size:17.9px;line-height:28px;letter-spacing:-.45px;color:#fff;
}
.d2i-provide__body,.d2i-provide__tagline{padding-top:10px;font-size:14px;font-weight:400;line-height:22.75px;color:#fff;}
.d2i-provide__detail{margin-top:12px;font-size:16px;line-height:18.8px;color:rgba(255,255,255,.65)}
.d2i-provide__detail p{margin:0 0 14px}
.d2i-provide__detail p:last-child{margin-bottom:0}
.d2i-provide__outro{max-width:672px;font-size:18px;line-height:28px;color:rgba(255,255,255,.7)}
.d2i-eyebrow{    max-width: 415px !important;font-size:12px;font-weight:600;line-height:16px;letter-spacing:2.64px;text-transform:uppercase;color:var(--d2i-brand-600)}
.d2i-eyebrow--cyan{color:var(--d2i-brand-400)}
.d2i-h2--light{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff}
.d2i-lede{font-size:18px;line-height:29.25px;color:var(--d2i-muted)}
.d2i-lede--light{color:rgba(255,255,255,.7)}
.d2i-sectionhead{display:flex;flex-direction:column;gap:20px;max-width:672px}
.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--dark{background:var(--d2i-g-dark);box-shadow:var(--d2i-shadow-blue)}
.d2i-iconbox img{display:block;width:20px;height:20px;object-fit:contain}

@media (max-width:1200px){.d2i-provide{padding-inline:48px}
  .d2i-provide__grid--three{flex-wrap:wrap}
  .d2i-provide__grid--three .d2i-provide__card{flex:1 1 calc(50% - 12px)}
/*   .d2i-provide__title{font-size:24px !important;}.d2i-provide__body,.d2i-provide__tagline{font-size:19px;line-height:26px}} */
@media (max-width:900px){.d2i-provide{padding:72px 24px}.d2i-provide__inner{gap:40px}}
@media (max-width:640px){
  .d2i-provide__grid--three .d2i-provide__card{flex:1 1 100%;padding:24px}
  .d2i-provide__grid.d2i-provide__grid--twobytwo{grid-template-columns:1fr}
/*   .d2i-provide__title{font-size:22px !important;line-height:26px !important;} */
/*   .d2i-provide__body,.d2i-provide__tagline{font-size:17px;line-height:25px}} */
@media (prefers-reduced-motion:reduce){.d2i-provide *{transition:none!important}}