:root{--baremetal-navy:#021e4b;--baremetal-blue:#1464d2;--baremetal-text:#122d54;--baremetal-muted:#52708e;--baremetal-line:#d8e4ef;--baremetal-bg:#f4f8fc}.baremetal-page{background:var(--baremetal-bg);color:var(--baremetal-text)}.baremetal-hero{min-height:510px;padding:72px max(7vw,calc((100vw - 1150px)/2));display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,510px);align-items:center;gap:62px;background:#eef3f7}.baremetal-hero-copy{max-width:600px}.eyebrow{display:inline-block;padding:8px 16px;border-radius:999px;background:#e4edf8;color:var(--baremetal-navy);font-weight:800;font-size:14px}.baremetal-hero h1{margin:18px 0 10px;color:var(--baremetal-navy);font-size:46px;line-height:1.16}.baremetal-hero h2{margin:0 0 14px;font-size:21px;color:#234d7f}.baremetal-hero p{max-width:590px;margin:0;color:var(--baremetal-muted);line-height:1.9;font-size:16px}.baremetal-hero-media{overflow:hidden;background:#eef3f7;isolation:isolate}.baremetal-hero-media img{display:block;width:100%;mix-blend-mode:multiply}.baremetal-section{max-width:1160px;margin:0 auto;padding:88px 0 0}.baremetal-heading{text-align:center;margin-bottom:32px}.baremetal-heading h2{margin:0 0 11px;color:var(--baremetal-navy);font-size:30px}.baremetal-heading p{margin:0;color:var(--baremetal-muted);font-size:15px;line-height:1.7}.baremetal-capability-grid,.baremetal-advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.baremetal-capability-grid article,.baremetal-advantage-grid article{min-height:194px;padding:25px 22px;border:1px solid var(--baremetal-line);border-radius:8px;background:#fff;text-align:center;box-shadow:0 10px 25px rgba(2,30,75,.04);transition:transform .2s ease,box-shadow .2s ease}.baremetal-capability-grid article:hover,.baremetal-advantage-grid article:hover,.baremetal-scene-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(2,30,75,.10)}.baremetal-capability-grid img,.baremetal-advantage-grid img{width:44px;height:44px;object-fit:contain}.baremetal-capability-grid h3,.baremetal-advantage-grid h3{margin:14px 0 8px;font-size:18px;color:var(--baremetal-navy)}.baremetal-capability-grid p,.baremetal-advantage-grid p{margin:0;color:var(--baremetal-muted);font-size:14px;line-height:1.7}.baremetal-catalog{padding-top:96px}.baremetal-tabs{display:flex;justify-content:center;overflow-x:auto}.baremetal-tabs button{min-width:150px;padding:13px 18px;border:1px solid var(--baremetal-line);border-right:0;background:#fff;color:#52708e;font-weight:800;cursor:pointer;transition:.2s}.baremetal-tabs button:first-child{border-radius:6px 0 0 6px}.baremetal-tabs button:last-child{border-right:1px solid var(--baremetal-line);border-radius:0 6px 6px 0}.baremetal-tabs button.active,.baremetal-tabs button:hover{color:#fff;background:var(--baremetal-navy);border-color:var(--baremetal-navy)}.baremetal-count{text-align:center;margin:18px 0 22px;color:var(--baremetal-muted);font-size:14px}.baremetal-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.baremetal-config-card{min-height:346px;padding:24px 22px 20px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--baremetal-line);border-radius:8px;background:#fff;text-align:center;box-shadow:0 10px 28px rgba(2,30,75,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.baremetal-config-card:hover{transform:translateY(-4px);border-color:#85a3c5;box-shadow:0 16px 30px rgba(2,30,75,.11)}.baremetal-card-top{display:flex;flex-direction:column;align-items:center;gap:8px}.baremetal-card-top img{width:56px;height:56px;object-fit:contain}.baremetal-config-card h3{margin:0;color:var(--baremetal-navy);font-size:20px}.baremetal-config-card>p{margin:8px 0 14px;color:var(--baremetal-muted);font-size:14px}.baremetal-specs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;padding:15px 0;border-top:1px solid #e5edf4;border-bottom:1px solid #e5edf4;color:#3d5775;font-size:14px;line-height:1.35}.baremetal-specs span:before{content:'';display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:#1464d2}.baremetal-card-footer{width:100%;margin-top:auto;padding-top:16px;display:flex;flex-direction:column;align-items:center;gap:11px}.baremetal-price{color:var(--baremetal-navy);font-size:24px;font-weight:900}.baremetal-buy{min-width:124px;padding:10px 16px;border-radius:5px;color:#fff;background:#d93a3a;font-weight:800;font-size:14px}.baremetal-scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.baremetal-scene-grid article{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:20px;min-height:180px;padding:24px;border:1px solid var(--baremetal-line);border-radius:8px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.baremetal-scene-grid img{width:104px;height:104px;object-fit:contain}.baremetal-scene-grid h3{margin:0 0 10px;color:var(--baremetal-navy);font-size:19px}.baremetal-scene-grid p{margin:0;color:var(--baremetal-muted);font-size:14px;line-height:1.75}.baremetal-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--baremetal-line);background:#fff}.baremetal-flow-grid article{min-height:188px;padding:26px 20px;border-right:1px solid var(--baremetal-line);display:grid;grid-template-columns:43px minmax(0,1fr);align-content:start;column-gap:12px}.baremetal-flow-grid article:last-child{border-right:0}.baremetal-flow-grid b{grid-column:1;grid-row:1;align-self:center;color:#1464d2;font-size:25px}.baremetal-flow-grid h3{grid-column:2;grid-row:1;align-self:center;margin:0;color:var(--baremetal-navy);font-size:19px}.baremetal-flow-grid p{grid-column:1/-1;grid-row:2;margin:17px 0 0;color:var(--baremetal-muted);font-size:14px;line-height:1.75}.payment-section{padding-top:96px}.payment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.payment-grid article{min-height:157px;padding:23px 16px;border:1px solid var(--baremetal-line);border-radius:8px;background:#fff;text-align:center}.payment-grid img{width:40px;height:40px;object-fit:contain}.payment-grid h3{margin:10px 0 5px;color:var(--baremetal-navy);font-size:17px}.payment-grid p{margin:0;color:var(--baremetal-muted);font-size:13px}.baremetal-faq{padding-bottom:0}.baremetal-faq .faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.baremetal-faq details{border:1px solid var(--baremetal-line);border-radius:8px;background:#fff}.baremetal-faq summary{padding:18px 19px;cursor:pointer;color:var(--baremetal-navy);font-weight:800;list-style:none}.baremetal-faq summary::-webkit-details-marker{display:none}.baremetal-faq summary b{margin-right:11px;color:#1464d2}.baremetal-faq details p{margin:0;padding:0 19px 18px;color:var(--baremetal-muted);line-height:1.75;font-size:14px}.baremetal-cta{max-width:1160px;min-height:198px;margin:84px auto 0;padding:30px 64px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #9cabbd;border-radius:8px;background:linear-gradient(90deg,#edf2f6,#fafcfd)}.baremetal-cta h2{margin:0 0 9px;color:var(--baremetal-navy);font-size:29px}.baremetal-cta p{max-width:650px;margin:0 0 16px;color:var(--baremetal-muted);line-height:1.75;font-size:14px}.baremetal-cta>img{width:min(28%,250px);object-fit:contain}.baremetal-footer{margin-top:44px}@media(max-width:1060px){.baremetal-hero{grid-template-columns:1fr 1fr;gap:32px}.baremetal-config-grid{grid-template-columns:repeat(2,1fr)}.baremetal-capability-grid,.baremetal-advantage-grid,.payment-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.baremetal-hero{min-height:0;grid-template-columns:1fr;padding:54px 24px 32px}.baremetal-hero h1{font-size:36px}.baremetal-hero-media{display:none}.baremetal-section{padding:64px 24px 0}.baremetal-heading h2{font-size:27px}.baremetal-capability-grid,.baremetal-advantage-grid,.baremetal-config-grid,.baremetal-scene-grid,.payment-grid,.baremetal-faq .faq-list{grid-template-columns:1fr}.baremetal-tabs{justify-content:flex-start}.baremetal-tabs button{min-width:145px}.baremetal-scene-grid article{grid-template-columns:94px minmax(0,1fr);gap:14px}.baremetal-scene-grid img{width:88px;height:88px}.baremetal-flow-grid{grid-template-columns:1fr}.baremetal-flow-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--baremetal-line)}.baremetal-flow-grid article:last-child{border-bottom:0}.baremetal-cta{margin:64px 24px 0;padding:26px}.baremetal-cta>img{display:none}}
/* Dedicated baremetal page icon alignment */
.baremetal-capability-grid article,
.baremetal-advantage-grid article,
.payment-grid article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.baremetal-capability-grid img,
.baremetal-advantage-grid img,
.payment-grid img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  object-fit: contain;
  display: block;
}
.baremetal-capability-grid h3,
.baremetal-advantage-grid h3,
.payment-grid h3 {
  width: 100%;
  text-align: center;
}
.baremetal-flow-grid article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 224px;
  text-align: center;
}
.baremetal-flow-grid article > img {
  display: block;
  width: 58px;
  height: 58px;
  margin: 0 auto 8px;
  object-fit: contain;
}
.baremetal-flow-grid b,
.baremetal-flow-grid h3,
.baremetal-flow-grid p {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}
.baremetal-flow-grid b { font-size: 13px; line-height: 1.2; }
.baremetal-flow-grid h3 { margin: 5px 0 0; }
.baremetal-flow-grid p { margin-top: 10px; }
@media(max-width:680px){
  .baremetal-flow-grid article { min-height: 0; padding: 26px 20px; }
}

/* Fallback fourth-card icons */
.baremetal-fallback-icon { filter: brightness(0) saturate(100%) invert(9%) sepia(46%) saturate(1901%) hue-rotate(182deg) brightness(82%) contrast(111%); }


/* Bare-metal bandwidth filter */
.baremetal-bandwidth-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 16px;
  color: var(--baremetal-navy);
  font-weight: 800;
  font-size: 15px;
}
.baremetal-bandwidth-tabs { display: flex; flex-wrap: wrap; justify-content: center; }
.baremetal-bandwidth-tabs button {
  min-width: 86px;
  padding: 10px 16px;
  border: 1px solid var(--baremetal-line);
  border-right: 0;
  color: #52708e;
  background: #fff;
  font-weight: 800;
  cursor: pointer;
  transition: .2s ease;
}
.baremetal-bandwidth-tabs button:first-child { border-radius: 6px 0 0 6px; }
.baremetal-bandwidth-tabs button:last-child { border-right: 1px solid var(--baremetal-line); border-radius: 0 6px 6px 0; }
.baremetal-bandwidth-tabs button:hover,
.baremetal-bandwidth-tabs button.active { color: #fff; background: var(--baremetal-navy); border-color: var(--baremetal-navy); }
@media (max-width: 680px) {
  .baremetal-bandwidth-row { align-items: flex-start; justify-content: flex-start; gap: 10px; font-size: 14px; }
  .baremetal-bandwidth-tabs button { min-width: 72px; padding: 10px 12px; }
}
