/* Enterprise cloud infrastructure visual theme. */
:root {
  --primary: #0b5cab;
  --primary-dark: #07447f;
  --primary-light: #eaf2fa;
  --section-bg: #f3f6f9;
  --text: #17212f;
  --muted: #5f6f82;
  --border: #cbd5e1;
  --shadow: 0 4px 14px rgba(15, 35, 55, .07);
  --shadow-hover: 0 8px 22px rgba(15, 35, 55, .12);
  --warm: #c96a18;
  --cyan: #168aad;
  --radius: 6px;
}

body {
  background: #fff;
  color: var(--text);
}
.section::before {
  width: min(100% - 32px, var(--container));
  background: #dbe3ec;
}
.section-title {
  color: #152538;
  font-size: 30px;
  font-weight: 750;
  letter-spacing: 0;
}
.section-desc {
  color: #607084;
  font-size: 15px;
}
.btn {
  min-height: 40px;
  padding: 0 20px;
  border-radius: 4px;
  background: #0b5cab;
  box-shadow: none;
  font-weight: 700;
}
.btn:hover {
  background: #07447f;
  box-shadow: none;
  transform: none;
}

.site-header {
  background: rgba(255, 255, 255, .98);
  border-bottom: 1px solid #d5dee8;
  backdrop-filter: blur(10px);
}
.site-header::after { display: none; }
.site-header.scrolled { box-shadow: 0 4px 14px rgba(15, 35, 55, .08); }
.nav-links { gap: 2px; }
.nav-links a {
  padding: 9px 13px;
  border-radius: 3px;
  color: #334155;
  font-size: 14px;
  font-weight: 650;
}
.pc .nav-links a:hover {
  background: #edf3f8;
  color: #0b5cab;
}

.hero {
  background: #edf2f7;
  padding-bottom: 0;
}
.slider.copy-slider {
  height: 290px;
  border: 0;
  border-top: 4px solid #0b5cab;
  border-radius: 0;
  background: #f8fafc;
  box-shadow: 0 8px 24px rgba(15, 35, 55, .10);
}
.copy-slider .slide { height: 290px; background: #f8fafc; }
.copy-slider .slide-inner { padding: 22px 54px 52px; }
.copy-slider .copy-slide .copy-action { bottom: 26px; }
.copy-slider .slide:nth-child(even) { background: #f1f5f9; }
.copy-slider .hero-kicker {
  padding: 4px 9px;
  border: 1px solid #bdd0e2;
  border-radius: 3px;
  background: #e8f0f7;
  color: #0b5cab;
  font-size: 12px;
  font-weight: 750;
}
.copy-slider .hero-title {
  color: #142235;
  font-weight: 760;
  letter-spacing: 0;
}
.copy-slider .hero-desc { color: #526276; }
.copy-slider .hero-specs { display: flex; }
.copy-slider .hero-specs span {
  padding: 4px 8px;
  border: 1px solid #c7d3df;
  border-radius: 3px;
  background: #fff;
  color: #42566d;
  font-weight: 650;
}
.copy-slider .hero-specs span.hot {
  border-color: #8eb3d5;
  background: #e8f1f9;
  color: #0b5cab;
}
.copy-slider .copy-action {
  background: #0b5cab;
  border-radius: 3px;
  box-shadow: none;
}
.copy-slider .copy-action:hover { background: #07447f; box-shadow: none; }
.copy-slider .slider-dots {
  border: 1px solid #cbd5e1;
  border-radius: 3px;
  background: rgba(255, 255, 255, .92);
  box-shadow: none;
}
.slider-dot { border-radius: 1px; background: #aebdcb; }
.slider-dot.active { background: #0b5cab; }
.slider-progress { border-radius: 0; background: #d5dee8; }
.slider-progress span { border-radius: 0; background: #0b5cab; }

.quick-section { background: #fff; }
.quick-section .quick-grid { gap: 10px; }
.quick-section .quick-card {
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
  color: #26384d;
}
.quick-card::after { display: none; }
.quick-card, .intro-point, .product-row { outline: 0; }
.pc .quick-card:hover {
  border-color: #0b5cab;
  box-shadow: inset 3px 0 0 #0b5cab;
  color: #0b5cab;
  transform: none;
}
.quick-section .quick-card .quick-icon {
  border: 1px solid #c0cfdd;
  border-radius: 3px;
  background: #edf3f8;
  box-shadow: none;
}
.quick-section .quick-card .quick-icon svg {
  filter: none;
  opacity: .9;
}
.quick-section .quick-card strong {
  color: #203248;
  font-weight: 750;
}
.quick-section .quick-card em { color: #6a798a; }

.intro-section {
  border-top: 1px solid #dbe3ec;
  border-bottom: 1px solid #dbe3ec;
  background: #edf2f6;
}
.intro-section .intro-points { gap: 0; border: 1px solid #cbd5e1; }
.intro-section .intro-point {
  min-width: 0;
  border: 0;
  border-right: 1px solid #cbd5e1;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.intro-section .intro-point:last-child { border-right: 0; }
.intro-section .intro-point span {
  border-radius: 2px;
  background: #173a5e;
  color: #fff;
  font-size: 10px;
}
.intro-section .intro-point strong {
  display: block;
  color: #203248;
  font-size: 13px;
  white-space: nowrap;
}
.intro-section .intro-point em {
  display: block;
  margin-left: 8px;
  color: #6a798a;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#products { background: #fff; }
.product-category-tabs {
  justify-content: flex-start;
  border-bottom: 1px solid #cbd5e1;
  gap: 0;
}
.product-category-tab {
  min-height: 40px;
  padding: 0 20px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #526276;
}
.product-category-tab:hover,
.product-category-tab.active {
  border-color: #0b5cab;
  background: #f2f6fa;
  color: #0b5cab;
}
.product-group-title {
  padding: 9px 12px;
  border-left: 3px solid #0b5cab;
  background: #edf3f8;
  font-size: 16px;
}
#products .product-list { gap: 6px; }
#products .product-row {
  min-height: 70px;
  border: 1px solid #d5dee8;
  border-radius: 3px;
  background: #fff;
  box-shadow: none;
}
#products .product-row::before { width: 3px; background: #0b5cab; }
#products .product-row:nth-child(3n)::before { background: #168aad; }
.pc #products .product-row:hover {
  border-color: #8ba8c2;
  background: #f9fbfd;
  box-shadow: none;
  transform: none;
}
#products .product-row-title h3 { color: #203248; font-weight: 750; }
#products .product-row-title .badge,
#products .product-row-specs span {
  border-radius: 3px;
  background: #f3f6f9;
}
#products .product-row-price { color: #b45309; }
#products .product-row .order-btn { border-radius: 3px; }
.product-expand {
  border-radius: 3px;
  background: #fff;
}

#credentials { background: #edf2f6; }
.credential-grid { gap: 16px; }
.credential-card {
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  box-shadow: none;
}
.credential-card h3 {
  color: #203248;
  font-size: 18px;
  font-weight: 750;
}
.credential-image {
  border-radius: 2px;
  background: #f3f6f9;
}

.float-tools a,
.float-tools button {
  border-radius: 3px;
  box-shadow: 0 4px 12px rgba(15, 35, 55, .12);
}
.trust-strip {
  background: #15283c;
  border-color: #263e57;
}
.trust-item {
  padding: 0 12px;
  border-right: 1px solid rgba(255,255,255,.14);
}
.trust-item:last-child { border-right: 0; }
.trust-item b { font-size: 15px; }
.site-footer {
  background: #0f1e2e;
  text-align: left;
}
.site-footer .icp { justify-content: flex-start; }

@media (max-width: 767px) {
  .nav-links a { padding: 6px 8px; font-size: 11px; }
  .slider.copy-slider { height: 300px; border-top-width: 3px; border-radius: 0; }
  .copy-slider .slide { height: 300px; }
  .copy-slider .slide-inner { padding: 16px 18px 54px; }
  .copy-slider .copy-slide .copy-action { bottom: 34px; }
  .copy-slider .hero-specs { display: flex; }
  .quick-section .quick-card { border-radius: 3px; }
  .intro-section .intro-points {
    grid-template-columns: 1fr;
    border-bottom: 0;
  }
  .intro-section .intro-point {
    border-right: 0;
    border-bottom: 1px solid #cbd5e1;
  }
  .intro-section .intro-point strong { min-width: 82px; }
  .intro-section .intro-point em { margin-left: 6px; }
  .product-category-tabs { justify-content: flex-start; }
  .trust-item { border-right: 0; }
  .section-title { font-size: 24px; }
}