/* Home page — Technology & Digital Experiences detail section */
#technology-digital-details { scroll-margin-top: 105px; }
.technology-detail {
  position:relative;
  overflow:hidden;
  padding:clamp(76px,9vw,124px) 0;
  background:#f4f8fb;
  color:#18345b;
}
.technology-detail > .container { position:relative; z-index:1; }
.technology-detail-head { max-width:790px; }
.technology-detail-head h2 {
  margin:20px 0 18px;
  color:#002b66;
  font-size:clamp(42px,5.6vw,72px);
  line-height:1.04;
  letter-spacing:-.065em;
}
.technology-detail-head h2 em { color:#a0ec00; font-style:normal; }
.technology-detail-lead {
  max-width:720px;
  margin:0;
  color:#526b86;
  font-size:17px;
  line-height:1.85;
}
.technology-detail-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:48px;
}
.technology-detail-grid article {
  min-height:220px;
  padding:25px 22px;
  border:1px solid #d6e2ed;
  border-top:3px solid #a0ec00;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(160,236,0,.10),0 3px 12px rgba(0,43,102,.045);
  transition:transform .5s ease,box-shadow .5s ease,border-color .5s ease;
}
.technology-detail-grid article:hover {
  transform:translateY(-6px);
  border-color:rgba(160,236,0,.7);
  box-shadow:0 18px 40px rgba(160,236,0,.18),0 5px 16px rgba(0,43,102,.06);
}
.technology-detail-grid article>span {
  color:#80c900;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.technology-detail-grid h3 {
  margin:26px 0 10px;
  color:#18345b;
  font-size:18px;
  line-height:1.35;
  letter-spacing:-.035em;
}
.technology-detail-grid p {
  margin:0;
  color:#60758d;
  font-size:13px;
  line-height:1.8;
}
.technology-detail-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid #d3e0eb;
}
.technology-detail-bottom p {
  max-width:690px;
  margin:0;
  color:#526b86;
  font-size:15px;
  line-height:1.8;
}
.technology-detail-bottom .btn { flex:0 0 auto; }
/* Light mode: match the supporting-copy treatment used by the other Services detail sections. */
html:not([data-theme="dark"]) .technology-detail .technology-detail-lead,
html:not([data-theme="dark"]) .technology-detail .technology-detail-grid article p,
html:not([data-theme="dark"]) .technology-detail .technology-detail-bottom p {
  color:#002B66 !important;
}

html[data-theme="dark"] .technology-detail {
  background:#0b203b !important;
  color:#eef5ff !important;
}
html[data-theme="dark"] .technology-detail-head h2 { color:#f6fbff !important; }
html[data-theme="dark"] .technology-detail-head h2 em { color:#a0ec00 !important; }
html[data-theme="dark"] .technology-detail-lead,
html[data-theme="dark"] .technology-detail-bottom p { color:#c1d1e2 !important; }
html[data-theme="dark"] .technology-detail-grid article {
  background:#002b66 !important;
  border-color:rgba(160,236,0,.25) !important;
  border-top:3px solid #a0ec00 !important;
  box-shadow:0 14px 36px rgba(160,236,0,.13),0 5px 18px rgba(0,0,0,.16);
}
html[data-theme="dark"] .technology-detail-grid h3 { color:#fff !important; }
html[data-theme="dark"] .technology-detail-grid p { color:#d5e3f2 !important; }
html[data-theme="dark"] .technology-detail-bottom { border-color:rgba(160,236,0,.25); }
@media(max-width:900px) {
  .technology-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px) {
  .technology-detail { padding:70px 0; }
  .technology-detail-grid { grid-template-columns:1fr; gap:13px; margin-top:32px; }
  .technology-detail-grid article { min-height:0; }
  .technology-detail-bottom { align-items:flex-start; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
  .technology-detail-grid article { transition:none !important; }
}