.noc-page .hero{background:#061c31}.noc-page .hero-photo{inset:0;background-image:linear-gradient(90deg,#061c31 0%,#061c31 28%,#061c31ed 38%,#061c319c 51%,#061c3122 68%,#061c3155 100%),image-set(url('/assets/responsive/c1696ac2fd42b1-1920.webp') 1x, url('/assets/responsive/c1696ac2fd42b1-3840.webp') 2x);background-size:cover,75% auto;background-position:center,right center;opacity:1}.noc-page .hero-copy{max-width:560px}.noc-page .hero-highlights{background:#061b2de8;backdrop-filter:blur(10px);border-color:#77929866}.noc-page .line-icon{display:block;width:34px;height:34px;color:#65d6d5;min-width:34px}.noc-page .line-icon svg{width:34px;height:34px}.noc-page .hero-highlights>div:nth-child(2) .line-icon{color:#edc18b}.noc-page .hero-highlights>div:nth-child(3) .line-icon{color:#bfa6f3}.noc-page .benefits-grid{gap:16px}.noc-page .benefit{padding:20px;background:#f3f9fc;border:1px solid #d8e7ef;border-radius:14px;display:grid;grid-template-columns:60px 1fr;gap:0 16px;align-content:start}.noc-page .benefit-icon{grid-row:1/3;width:60px;height:60px;border-radius:14px;background:#0b3049;color:#63dce0;margin:0}.noc-page .benefit-icon svg{width:36px;height:36px}.noc-page .benefit:nth-child(2) .benefit-icon{color:#bda5ff}.noc-page .benefit:nth-child(3) .benefit-icon{color:#ffd197}.noc-page .benefit h2{font-size:17px;line-height:1.3;min-height:42px}.noc-page .benefit p{font-size:16px;line-height:1.55}.noc-page .coverage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.noc-page .coverage-card img{height:auto;aspect-ratio:16/9}.noc-page .coverage-card{border-color:#32556c;border-radius:14px}.noc-page .coverage-card-body{padding:20px;border-top:3px solid #48bfca}.noc-page .coverage-card:nth-child(3n+2) .coverage-card-body{border-color:#a387e3}.noc-page .coverage-card:nth-child(3n) .coverage-card-body{border-color:#dca95d}.noc-page .coverage-card h3{font-size:20px;margin:0 0 10px}.noc-page .coverage-card p{font-size:16px;line-height:1.6}.noc-page .noc-process-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:26px 32px;align-items:start}.noc-page .process .section-head{grid-column:1/-1;margin-bottom:0}.noc-process-art{margin:0;overflow:hidden;border-radius:16px;border:1px solid #d5dfea}.noc-process-art img{display:block;width:100%;height:auto;object-fit:contain}.noc-page .process .steps-grid{grid-template-columns:1fr;gap:10px}.noc-page .step{display:grid;grid-template-columns:42px 1fr;gap:0 14px;padding:16px;min-height:0}.noc-page .step-num{grid-row:1/3;width:36px;height:36px;margin:0;background:#0d8291}.noc-page .step:nth-child(2n) .step-num{background:#7860ae}.noc-page .step h3{font-size:16px;margin:0 0 5px}.noc-page .step p{font-size:16px;line-height:1.5}.noc-page .diff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.noc-page .diff{display:grid;grid-template-columns:48px 1fr;gap:0 16px;text-align:left;border:1px solid #2a4d66;border-radius:12px;padding:20px;background:#0b2b43;align-content:start}.noc-page .diff-icon{grid-row:1/3;width:48px;height:48px;margin:0;color:#5cd9df}.noc-page .diff-icon svg{width:44px;height:44px}.noc-page .diff:nth-child(3n+2) .diff-icon{color:#b69bed}.noc-page .diff:nth-child(3n) .diff-icon{color:#f9cc8c}.noc-page .diff h3{font-size:17px;line-height:1.3;margin:0 0 7px}.noc-page .diff p{font-size:16px;line-height:1.5}.noc-page .tooling{background:linear-gradient(110deg,#edf7f7,#f4effb)}.noc-page .tooling-grid{gap:36px}.noc-page .tooling-points{gap:12px}.noc-page .tooling-points span{display:flex;flex-direction:column;gap:16px;background:#fff;padding:22px;border:1px solid #cce4e6;border-top:3px solid #199caa;box-shadow:0 6px 20px #15344308}.noc-page .tooling-points span:before{display:none}.noc-page .tooling-points span:nth-child(2){border-top-color:#8c6dc3}.noc-page .tooling-points span:nth-child(3){border-top-color:#ca9147}.noc-page .tooling-points span:nth-child(4){border-top-color:#4689c6}.noc-page .tooling-points svg{width:34px;height:34px;color:#156c80}.noc-page .tooling-points span:nth-child(2) svg{color:#8058aa}.noc-page .tooling-points span:nth-child(3) svg{color:#ac792f}.noc-page .cta{background:linear-gradient(115deg,#061b30,#173b49);padding:34px 0}.noc-page .cta-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:36px}.noc-page .cta-actions{padding:34px 24px;background:#ffffff08;border:1px solid #ffffff30;border-radius:18px;min-width:0}.noc-page .cta .btn{border:1px solid #5accff;background:#078cf0;border-radius:8px;min-height:54px;padding:16px 22px;width:100%;text-align:center;font-size:15px;box-shadow:0 8px 28px #018cff30}.noc-page .cta .text-link{color:#a4eafa}.noc-page .cta:before,.noc-page .cta:after{display:none}@media(max-width:1150px){.noc-page .benefits-grid{grid-template-columns:1fr 1fr}.noc-page .hero-photo{background-size:cover,90% auto}.noc-page .benefit h2{min-height:0}}@media(max-width:760px){.noc-page .hero-photo{background-size:cover,cover;background-image:linear-gradient(90deg,#061c31ed,#061c31a6),image-set(url('/assets/responsive/c1696ac2fd42b1-1920.webp') 1x, url('/assets/responsive/c1696ac2fd42b1-3840.webp') 2x)}.noc-page .hero,.noc-page .hero-grid{min-height:0}.noc-page .hero-copy{padding:32px 0}.noc-page .coverage-grid{grid-template-columns:1fr 1fr}.noc-page .coverage-card-body{padding:16px}.noc-page .coverage-card h3{font-size:18px}.noc-page .noc-process-grid,.noc-page .tooling-grid,.noc-page .cta-grid{grid-template-columns:1fr;gap:22px}.noc-page .diff-grid{grid-template-columns:1fr 1fr}.noc-page .diff{padding:16px;grid-template-columns:36px 1fr;gap:0 12px}.noc-page .diff-icon,.noc-page .diff-icon svg{width:34px;height:34px}.noc-page .cta-actions{margin:0;align-items:stretch}.noc-page .cta .text-link{text-align:center}.noc-page .benefit{grid-template-columns:1fr;padding:16px}.noc-page .benefit-icon{grid-row:auto;margin-bottom:16px}.noc-page .benefit h2{font-size:16px}.noc-page .hero h1 span{white-space:normal}}@media(max-width:480px){.noc-page .coverage-grid,.noc-page .diff-grid{grid-template-columns:1fr}.noc-page .tooling-points{grid-template-columns:1fr 1fr}.noc-page .tooling-points span{padding:16px;font-size:12px}}

/* Fit service labels and balance the coverage introduction. */
main[data-page="solucoes/noc-observability-performance"] .hero-highlights{width:292px;max-width:100%;min-width:0;box-sizing:border-box;padding:24px 20px;justify-self:end}
main[data-page="solucoes/noc-observability-performance"] .hero-highlights>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:13px;align-items:center}
main[data-page="solucoes/noc-observability-performance"] .hero-highlights p{min-width:0;margin:0;line-height:1.5}
main[data-page="solucoes/noc-observability-performance"] .hero-highlights strong{font-size:14px;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.4}
main[data-page="solucoes/noc-observability-performance"] .coverage-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:26px}
main[data-page="solucoes/noc-observability-performance"] .coverage-head h2{max-width:none;font-size:clamp(28px,2.6vw,42px);line-height:1.17}
main[data-page="solucoes/noc-observability-performance"] .coverage-head>div>p:last-child{max-width:760px;font-size:16px;line-height:1.6;margin:14px 0 0}
main[data-page="solucoes/noc-observability-performance"] .coverage-head .section-intro{max-width:none;margin:0;font-size:18px;line-height:1.65;color:#c4d9e8;align-self:center}
@media(max-width:760px){main[data-page="solucoes/noc-observability-performance"] .hero-highlights{width:100%;padding:20px}main[data-page="solucoes/noc-observability-performance"] .coverage-head{grid-template-columns:1fr;gap:18px}main[data-page="solucoes/noc-observability-performance"] .coverage-head .section-intro{font-size:16px}}