.integration-page{background:#f4f6f7;color:#12212c}
.integration-hero{position:relative;overflow:hidden;background:#07131c url('/network-operations-background.webp') center/cover;color:#fff}
.integration-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,20,.98),rgba(6,21,31,.89) 62%,rgba(5,21,31,.76))}
.integration-hero .wrap{position:relative;z-index:1;padding:92px 0 82px}
.integration-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;color:#8ba3b0;font-size:11px}
.integration-breadcrumbs a{color:#b8ccd5}.integration-breadcrumbs a:hover{color:#fff}
.integration-hero h1{max-width:900px;margin:18px 0 24px;font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-.055em}
.integration-hero h1 em{font-style:normal;color:#31d1d9}
.integration-hero-copy{max-width:760px;color:#b1c5cf;font-size:18px;line-height:1.75}
.integration-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.integration-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:50px;border:1px solid #294b5c;background:#294b5c}
.integration-proof div{padding:18px 20px;background:rgba(7,24,34,.92)}
.integration-proof b,.integration-proof span{display:block}.integration-proof b{font-size:15px}.integration-proof span{margin-top:4px;color:#7895a4;font-size:11px}
.integration-section{padding:78px 0}.integration-section.alt{background:#fff}.integration-heading{max-width:760px;margin-bottom:34px}.integration-heading h2{margin:10px 0 14px;font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.045em}.integration-heading p{color:#5d717d}
.integration-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.integration-card{padding:28px;border:1px solid #d6e0e5;background:#fff;box-shadow:0 12px 34px rgba(8,23,32,.06)}.alt .integration-card{background:#f7f9fa}.integration-card .number{display:block;margin-bottom:20px;color:#1684b9;font:700 10px Consolas,monospace;letter-spacing:.12em}.integration-card h3{margin-bottom:10px;font-size:20px}.integration-card p{margin:0;color:#60727e;font-size:14px}
.integration-workflow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d3dee4;background:#fff}.integration-workflow article{position:relative;padding:28px;border-right:1px solid #d3dee4}.integration-workflow article:last-child{border-right:0}.integration-workflow strong{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;border-radius:50%;background:#0d2735;color:#31d1d9;font:700 11px Consolas,monospace}.integration-workflow h3{font-size:17px}.integration-workflow p{margin:0;color:#60727e;font-size:13px}
.integration-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}.integration-detail-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.06;letter-spacing:-.045em}.integration-detail-copy>p{color:#60727e}.integration-list-clean{list-style:none;padding:0;margin:28px 0 0}.integration-list-clean li{position:relative;padding:13px 0 13px 28px;border-top:1px solid #d9e2e7;color:#314754}.integration-list-clean li:before{content:"";position:absolute;left:3px;top:21px;width:8px;height:8px;border-radius:50%;background:#2bc680;box-shadow:0 0 0 4px rgba(43,198,128,.12)}
.integration-note{padding:28px;border:1px solid #2e5366;background:#0a1d28;color:#d9e8ee}.integration-note h3{color:#fff}.integration-note p{color:#9bb1bc}.integration-note p:last-child{margin-bottom:0}.integration-note a{color:#31d1d9;font-weight:700}
.integration-cta{padding:74px 0;background:#0b1d28;color:#fff}.integration-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.integration-cta h2{margin:8px 0 10px;font-size:clamp(30px,4vw,45px);letter-spacing:-.04em}.integration-cta p{max-width:680px;margin:0;color:#9cb2bd}
.integration-link-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.integration-link-row a{color:#087baa;font-weight:800;font-size:13px}.integration-link-row a:hover{text-decoration:underline}
.integration-list .integration-detail-link{display:inline-flex;margin-top:7px;color:#087baa;font-size:11px;font-weight:800}.integration-list .integration-detail-link:hover{text-decoration:underline}
@media(max-width:900px){.integration-card-grid{grid-template-columns:1fr 1fr}.integration-workflow{grid-template-columns:1fr 1fr}.integration-workflow article:nth-child(2){border-right:0}.integration-workflow article:nth-child(-n+2){border-bottom:1px solid #d3dee4}.integration-detail{grid-template-columns:1fr}.integration-proof{grid-template-columns:1fr}.integration-cta .wrap{display:block}.integration-cta .integration-actions{margin-top:26px}}
@media(max-width:620px){.integration-hero .wrap{padding:66px 0 58px}.integration-hero h1{font-size:44px}.integration-hero-copy{font-size:16px}.integration-section{padding:58px 0}.integration-card-grid,.integration-workflow{grid-template-columns:1fr}.integration-workflow article,.integration-workflow article:nth-child(2){border-right:0;border-bottom:1px solid #d3dee4}.integration-workflow article:last-child{border-bottom:0}}