/* Support tiers form a single stepped color band; response time is the primary datum. */
.page-products .product-sla{background:#f7fafc}
.product-sla__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #d7e5ef;border-radius:25px;background:#fff;box-shadow:0 18px 44px rgba(31,79,122,.08)}
.product-sla__tier{--tier-color:#1766ab;min-width:0;background:#fff;border-right:1px solid #e0e9f0}
.product-sla__tier:last-child{border-right:0}
.product-sla__tier--basic{--tier-color:#1766ab;--tier-start:#2d83c9;--tier-end:#155c9d}
.product-sla__tier--standard{--tier-color:#087d88;--tier-start:#16aaae;--tier-end:#087b93}
.product-sla__tier--dedicated{--tier-color:#655fa4;--tier-start:#8b80c8;--tier-end:#625ba7}
.product-sla__tier--critical{--tier-color:#b75a45;--tier-start:#ee9167;--tier-end:#cf5d58}
.product-sla__tier-head{min-height:130px;padding:27px 23px;color:#fff;background:linear-gradient(135deg,var(--tier-start),var(--tier-end))}
.product-sla__tier-head h3{margin:0 0 9px;color:#fff;font-size:22px;line-height:1.3;font-weight:700}
.product-sla__tier-head p{margin:0;color:rgba(255,255,255,.9);font-size:12px;line-height:1.6}
.product-sla__tier-body{padding:25px 23px 26px}
.product-sla__metric-label{display:block;color:#71869a;font-size:11px;font-weight:600}
.product-sla__metric{min-height:38px;margin:6px 0 25px;color:var(--tier-color);font-size:clamp(23px,2vw,29px);font-weight:750;line-height:1.35;letter-spacing:-.04em;white-space:nowrap}
.product-sla__tier dl{display:grid;gap:0;margin:0}
.product-sla__tier dl div{padding:13px 0;border-top:1px solid #e7eef4}
.product-sla__tier dt{margin-bottom:4px;color:#8293a2;font-size:11px}
.product-sla__tier dd{margin:0;color:#36546d;font-size:12px;line-height:1.6}
.product-faq .faq__icon{width:30px;height:30px;margin-top:0;border:1px solid #b7ddec;border-radius:9px;background:#ecf8fd}
.product-faq .faq__icon::before{content:"";position:absolute;inset:auto;left:9px;top:8px;width:10px;height:10px;margin:0;border-right:2.5px solid #078fc3;border-bottom:2.5px solid #078fc3;border-radius:0;background:transparent;transform:rotate(45deg);transition:transform .2s ease}
.product-faq .faq__icon::after{display:none}
.product-faq .faq__q[aria-expanded="true"] .faq__icon::before{transform:translateY(5px) rotate(225deg)}
.product-faq .faq__q:hover .faq__icon{border-color:#6bc4e0;background:#e2f5fc}
@media(max-width:1023px){
  .product-sla__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
  .product-sla__tier{overflow:hidden;border:1px solid #d7e5ef;border-radius:20px;box-shadow:0 12px 30px rgba(31,79,122,.065)}
  .product-sla__tier:last-child{border-right:1px solid #d7e5ef}
}
@media(max-width:560px){
  .product-sla__grid{grid-template-columns:1fr;gap:13px}
  .product-sla__tier-head{min-height:0;padding:21px 22px}
  .product-sla__tier-body{padding:19px 22px 17px}
  .product-sla__metric{min-height:0;margin:5px 0 17px;font-size:27px}
  .product-sla__tier dl{grid-template-columns:1fr 1fr;gap:12px}
  .product-sla__tier dl div{padding:11px 0 0}
  .product-faq .faq__icon{width:28px;height:28px}
  .product-faq .faq__icon::before{left:8px;top:7px}
}