/* Brand integration overrides: the official AI artwork is used without a background tile. */
.brand-logo {
  width: auto;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.brand-logo img {
  display: block;
  width: 205px;
  height: auto;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .08));
}

.footer-brand img {
  width: 220px;
}

.core-brand-mark { width: 54px; height: 54px; object-fit: contain; margin-bottom: 5px; filter: drop-shadow(0 0 12px rgba(32,203,224,.24)); }
.why-brand-mark { position: relative; z-index: 1; width: 260px; height: 260px; object-fit: contain; opacity: .72; filter: drop-shadow(0 0 32px rgba(30,196,222,.18)); }

.client-strip { padding: 34px 0; background: #f5f9fc; border-bottom: 1px solid #dce7ee; }
.client-strip .container { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.client-strip p { margin: 0; color: #75899a; font-size: 9px; font-weight: 700; letter-spacing: 1.8px; }
.client-list { display: grid; grid-template-columns: repeat(6, minmax(92px, 1fr)); align-items: center; gap: 22px; width: min(950px, 80%); }
.client-logo { height: 76px; display: flex; align-items: center; justify-content: center; padding: 5px; }
.client-logo img { display: block; max-width: 100%; max-height: 72px; width: auto; height: auto; object-fit: contain; }
.client-logo-wide img { max-height: 54px; }
.footer-bottom span:first-child { line-height: 1.8; }

@media (min-width: 901px) {
  .service-grid { grid-template-columns: repeat(4, 1fr); }
  .service-card { padding-left: 26px; padding-right: 26px; }
}

.technology { background: #f3f8fb; border-top: 1px solid #e0ebf1; }
.technology-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d9e5ec; border-left: 1px solid #d9e5ec; }
.technology-card { min-height: 280px; padding: 30px 25px 25px; background: rgba(255,255,255,.62); border-right: 1px solid #d9e5ec; border-bottom: 1px solid #d9e5ec; }
.technology-icon { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 22px; background: #e5f2f8; color: #147aa9; font-size: 21px; }
.technology-card > small { display: block; margin-bottom: 17px; color: #718697; font-size: 9px; font-weight: 800; letter-spacing: 1.35px; }
.brand-row { min-height: 104px; display: grid; grid-template-columns: repeat(2, minmax(92px, 1fr)); align-items: center; gap: 8px 10px; }
.brand-logo-cell { height: 46px; display: flex; align-items: center; justify-content: center; padding: 2px 6px; }
.brand-logo-cell img { display: block; width: 42px; height: 42px; max-width: 100%; object-fit: contain; opacity: .84; filter: saturate(.82); transition: .25s ease; }
.brand-logo-wide img { width: 108px; height: 31px; }
.synology-logo-cell { grid-column: 1 / -1; }
.synology-logo-cell img { width: 150px; height: 38px; max-width: 150px; opacity: .92; filter: none; }
.technology-card:hover .brand-logo-cell img { opacity: 1; filter: saturate(1); transform: translateY(-2px); }
.technology-card p { margin: 9px 0 0; color: #687b8c; font-size: 13px; line-height: 1.65; }
.brand-note { margin: 20px 0 0; color: #8797a4; font-size: 10px; text-align: center; }

@media (max-width: 900px) {
  .technology-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .client-strip .container { display: block; text-align: center; }
  .client-list { grid-template-columns: repeat(2, minmax(120px, 1fr)); gap: 18px 24px; width: 100%; margin-top: 20px; }
}

@media (max-width: 520px) {
  .technology-grid { grid-template-columns: 1fr; }
  .technology-card { min-height: auto; }
}

@media (max-width: 600px) {
  .core-brand-mark { width: 43px; height: 43px; }
  .why-brand-mark { width: 195px; height: 195px; }
  .brand-logo {
    padding: 0;
  }

  .brand-logo img {
    width: 165px;
  }
}