:root{--ci-orange: #ff6600;--ci-orange-soft: #ff9933;--ci-blue: #0ea5e9;--ci-ink: #0d1729;--ci-muted: #64748b;--ci-line: #e2e8f0;--ci-surface: #f8fafc;--ci-green: #10b981}.integrations-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.integrations-hero{position:relative;min-height:760px;padding:118px 0 78px;overflow:clip;background:#fff}.integrations-hero__wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 17%,rgba(14,165,233,.11),transparent 29%),radial-gradient(circle at 58% 64%,rgba(255,102,0,.08),transparent 33%),linear-gradient(180deg,#fff 0% 72%,#f8fbfd)}.integrations-hero__wash:after{content:"";position:absolute;inset:0;opacity:.48;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent 0%,#000 58%,#000 100%)}.integrations-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);align-items:center;gap:34px}.integrations-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--ci-orange);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.integrations-kicker>span{width:22px;height:2px;background:var(--ci-orange);box-shadow:7px 0 #ff660040}.integrations-kicker--small{margin-bottom:12px;font-size:11px;letter-spacing:.14em}.integrations-hero h1{max-width:620px;margin:0;color:var(--ci-ink);font-size:clamp(48px,5.1vw,70px);font-weight:850;line-height:1.07;letter-spacing:-.055em}.integrations-hero__copy>p{max-width:600px;margin:26px 0 0;color:var(--ci-muted);font-size:18px;line-height:1.82}.integrations-hero__actions,.integration-cta__aside>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.integrations-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid transparent;border-radius:10px;font-size:15px;font-weight:750;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease}.integrations-button:hover{transform:translateY(-2px)}.integrations-button--primary{color:#fff;background:var(--ci-orange);box-shadow:0 14px 28px #ff660038}.integrations-button--primary:hover{box-shadow:0 18px 36px #ff66004d}.integrations-button--secondary{color:var(--ci-ink);border-color:var(--ci-line);background:#ffffffb8}.integrations-button--secondary:hover{border-color:#ff66004d;background:#fff}.integrations-hero__proof{display:flex;gap:0;margin:48px 0 0;padding:0;list-style:none}.integrations-hero__proof li{display:grid;gap:3px;min-width:112px;padding-right:24px}.integrations-hero__proof li+li{padding-left:24px;border-left:1px solid var(--ci-line)}.integrations-hero__proof strong{color:var(--ci-ink);font-size:25px;line-height:1}.integrations-hero__proof span{color:var(--ci-muted);font-size:12px}.topology{position:relative;min-height:560px;isolation:isolate}.topology:before{content:"";position:absolute;inset:10% -16% 3% 6%;z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98) 0%,rgba(239,248,252,.82) 54%,transparent 74%);filter:drop-shadow(0 28px 55px rgba(42,80,115,.08))}.topology__grid{position:absolute;inset:30px -40px 0 10px;z-index:-1;border:1px solid rgba(14,165,233,.11);border-radius:42% 58% 46% 54%/46% 35% 65% 54%;opacity:.7;background-image:linear-gradient(rgba(14,165,233,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.055) 1px,transparent 1px);background-size:36px 36px;transform:rotate(-3deg)}.topology__paths{position:absolute;inset:7px -20px 0 -10px;width:calc(100% + 30px);height:calc(100% - 7px);overflow:visible}.topology__line{fill:none;stroke:url(#flowWarm);stroke-width:1.7;stroke-linecap:round;stroke-dasharray:5 9;animation:ci-flow 10s linear infinite}.topology__line--two,.topology__line--five{animation-direction:reverse;animation-duration:13s}.topology__line--three{animation-duration:16s}.topology__packet--one{offset-path:path("M45 108 C198 108 270 238 474 238");animation:ci-packet 5.4s ease-in-out infinite}.topology__packet--two{offset-path:path("M44 414 C210 414 290 260 474 260");animation:ci-packet 6.7s 1.2s ease-in-out infinite}.topology__packet--three{offset-path:path("M176 44 C254 76 326 155 478 205");animation:ci-packet 7.2s 2.2s ease-in-out infinite}@keyframes ci-flow{to{stroke-dashoffset:-112}}@keyframes ci-packet{0%,8%{offset-distance:0%;opacity:0}16%,82%{opacity:1}94%,to{offset-distance:100%;opacity:0}}.topology-node{position:absolute;z-index:2;display:flex;min-height:62px;align-items:center;gap:10px;padding:10px 15px 10px 10px;border:1px solid rgba(148,163,184,.26);border-radius:14px;color:#34435a;background:#ffffffe0;box-shadow:0 14px 32px #33415517;backdrop-filter:blur(12px);font-size:12px;font-weight:750;animation:ci-drift 6s ease-in-out infinite}.topology-node img,.topology-node__mark{width:38px;height:38px;padding:8px;border-radius:10px;background:#f7fafc;object-fit:contain}.topology-node__mark{display:grid;place-items:center;color:var(--ci-orange);font-size:11px;font-weight:900}.topology-node--aws{left:2%;top:13%}.topology-node--k8s{left:8%;top:39%;animation-delay:-.8s}.topology-node--nginx{left:2%;top:69%;animation-delay:-2.1s}.topology-node--gitlab{left:28%;top:2%;animation-delay:-3.2s}.topology-node--vault{left:30%;bottom:0;animation-delay:-1.7s}.topology-node--f5{left:26%;top:61%;animation-delay:-4s}@keyframes ci-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.topology-core{position:absolute;z-index:3;top:31%;right:0;width:248px;padding:25px;border:1px solid rgba(14,165,233,.2);border-radius:22px;background:linear-gradient(145deg,#fffffff5,#f7fbfdf0);box-shadow:0 28px 64px #1e405f26,inset 0 1px #fff}.topology-core:before{content:"";position:absolute;inset:-10px;z-index:-1;border:1px solid rgba(255,102,0,.13);border-radius:29px}.topology-core__status{display:flex;align-items:center;gap:7px;color:var(--ci-green);font-size:9px;font-weight:850;letter-spacing:.11em}.topology-core__status span{width:7px;height:7px;border-radius:50%;background:var(--ci-green);box-shadow:0 0 0 5px #10b9811a;animation:ci-pulse 2s ease-out infinite}@keyframes ci-pulse{50%{box-shadow:0 0 0 10px #10b98100}}.topology-core__brand{margin-top:27px;color:var(--ci-ink);font-size:28px;font-weight:500;letter-spacing:-.04em}.topology-core__brand strong{color:var(--ci-orange)}.topology-core>p{margin:5px 0 23px;color:var(--ci-muted);font-size:12px}.topology-core__rail{position:relative;display:flex;justify-content:space-between;margin:0 5px}.topology-core__rail:before{content:"";position:absolute;top:4px;left:4px;right:4px;height:1px;background:linear-gradient(90deg,var(--ci-blue),var(--ci-orange))}.topology-core__rail span{position:relative;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--ci-orange);box-shadow:0 0 0 1px #ff660047}.topology-core__rail span:first-child{background:var(--ci-blue);box-shadow:0 0 0 1px #0ea5e947}.topology-core__meta{display:flex;justify-content:space-between;margin-top:9px;color:#758399;font-size:9px}.integration-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:end;gap:64px;margin-bottom:48px}.integration-section-heading h2{margin:0;color:var(--ci-ink);font-size:clamp(34px,4vw,48px);line-height:1.14;letter-spacing:-.045em}.integration-section-heading>p{margin:0 0 4px;color:var(--ci-muted);font-size:15px;line-height:1.85}.integration-directory{padding:108px 0 120px;border-top:1px solid #edf2f7;background:linear-gradient(180deg,#f8fafc 0,#fff 260px)}.integration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;border:1px solid var(--ci-line);border-radius:18px;background:#f8fafc}.integration-search{position:relative;display:flex;width:min(540px,100%);align-items:center}.integration-search>i{position:absolute;left:18px;color:#8a9aaf;font-size:14px}.integration-search input{width:100%;height:52px;padding:0 50px;border:1px solid #dce5ee;border-radius:12px;outline:none;color:var(--ci-ink);background:#fff;font:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.integration-search input:focus{border-color:#ff660085;box-shadow:0 0 0 4px #ff660014}.integration-search input::placeholder{color:#9ba8b8}.integration-search button{position:absolute;right:10px;display:none;width:32px;height:32px;border:0;border-radius:8px;color:#7d8a9c;background:transparent;cursor:pointer}.integration-search button.is-visible{display:grid;place-items:center}.integration-search button:hover{color:var(--ci-orange);background:#ff660014}.integration-result{margin:0;padding-right:14px;color:var(--ci-muted);font-size:13px;white-space:nowrap}.integration-result strong{color:var(--ci-orange);font-size:18px}.integration-filters{display:flex;gap:8px;margin:20px 0 58px;padding-bottom:6px;overflow-x:auto;scrollbar-width:thin}.integration-filters button{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid #e4eaf0;border-radius:9px;color:#5f6f82;background:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.integration-filters button:hover{color:var(--ci-orange);border-color:#ff660047}.integration-filters button.is-active{color:#fff;border-color:var(--ci-orange);background:var(--ci-orange);box-shadow:0 8px 18px #ff660029}.integration-groups{display:grid;gap:66px}.integration-group[hidden],.integration-card[hidden],.integration-empty[hidden]{display:none!important}.integration-group__header{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:start;gap:17px;margin-bottom:22px;padding-bottom:21px;border-bottom:1px solid var(--ci-line)}.integration-group__icon{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(255,102,0,.14);border-radius:15px;color:var(--ci-orange);background:linear-gradient(145deg,#fff,#fff7f1);font-size:17px;box-shadow:0 9px 20px #ff660012}.integration-group__header span{display:block;margin:0 0 3px;color:#9aa6b5;font-size:9px;font-weight:800;letter-spacing:.14em}.integration-group__header h3{margin:0;color:var(--ci-ink);font-size:22px;letter-spacing:-.02em}.integration-group__header p{margin:7px 0 0;color:var(--ci-muted);font-size:13px;line-height:1.55}.integration-group__header b{color:#c6cfda;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:500}.integration-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.integration-card{display:grid;min-width:0;min-height:150px;place-items:center;align-content:center;gap:15px;padding:22px 16px 18px;border:1px solid #e5ebf1;border-radius:14px;background:#fff;box-shadow:0 6px 20px #1f324709;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.integration-card:hover{transform:translateY(-3px);border-color:#0ea5e93d;box-shadow:0 15px 30px #1f324714}.integration-card__logo{display:grid;width:76px;height:76px;place-items:center;overflow:hidden;border:1px solid #edf1f5;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc)}.integration-card__logo img{width:48px;height:48px;object-fit:contain}.integration-card>strong{max-width:100%;overflow:hidden;color:#172236;font-size:12px;line-height:1.3;text-align:center;text-overflow:ellipsis;white-space:nowrap}.integration-empty{padding:72px 24px;border:1px dashed #d8e0e8;border-radius:20px;text-align:center;background:#f8fafc}.integration-empty>i{color:#bcc7d3;font-size:24px}.integration-empty h3{margin:16px 0 6px;color:var(--ci-ink);font-size:20px}.integration-empty p{margin:0;color:var(--ci-muted);font-size:13px}.integration-empty a{display:inline-block;margin-top:18px;color:var(--ci-orange);font-size:13px;font-weight:750}.integration-cta{position:relative;padding:100px 0;overflow:hidden;color:#fff;background:linear-gradient(120deg,#051120f5,#0a2b41f0),radial-gradient(circle at 80% 30%,#0ea5e9,transparent 46%)}.integration-cta:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,#000,transparent 72%)}.integration-cta__orb{position:absolute;right:-6%;top:-80%;width:680px;aspect-ratio:1;border:1px solid rgba(14,165,233,.38);border-radius:50%;box-shadow:0 0 0 70px #0ea5e90b,0 0 0 140px #ff660006}.integration-cta__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;align-items:end;gap:90px}.integrations-kicker--light{margin-bottom:17px;color:#7dd3fc;font-size:10px}.integration-cta h2{margin:0;font-size:clamp(34px,4.2vw,51px);line-height:1.15;letter-spacing:-.045em}.integration-cta__aside>p{margin:0;color:#c3d1de;font-size:15px;line-height:1.8}.integration-cta__aside>div{margin-top:22px}.integrations-button--light{color:#fff;background:var(--ci-orange)}.integrations-button--ghost{color:#e6eef5;border-color:#ffffff38;background:#ffffff0a}.integrations-button--ghost:hover{border-color:#fff6;background:#ffffff14}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1100px){.integrations-hero__grid{grid-template-columns:1fr}.integrations-hero__copy{max-width:760px}.topology{width:min(720px,100%);min-height:540px;margin:20px auto 0}.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 760px){.integrations-shell{width:min(100% - 28px,1200px)}.integrations-hero{min-height:auto;padding:88px 0 54px}.integrations-hero h1{font-size:clamp(40px,12vw,54px)}.integrations-hero__copy>p{font-size:16px;line-height:1.75}.integrations-hero__actions .integrations-button{flex:1 1 170px}.integrations-hero__proof{margin-top:36px}.integrations-hero__proof li{min-width:0;flex:1;padding-right:12px}.integrations-hero__proof li+li{padding-left:12px}.topology{min-height:500px;margin-top:30px;transform:scale(.94);transform-origin:top center}.topology-core{right:0;width:215px}.topology-node span:last-child{display:none}.topology-node{min-height:54px;padding:8px}.topology-node img,.topology-node__mark{width:36px;height:36px}.integration-directory{padding:78px 0}.integration-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.integration-section-heading>p{font-size:14px}.integration-toolbar{align-items:stretch;flex-direction:column}.integration-search{width:100%}.integration-result{padding:0 4px}.integration-filters{margin-bottom:42px}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-group__header{grid-template-columns:46px minmax(0,1fr) auto}.integration-group__icon{width:46px;height:46px}.integration-cta{padding:78px 0}.integration-cta__inner{grid-template-columns:1fr;gap:28px}}@media (max-width: 520px){.integrations-hero h1 br{display:none}.integrations-hero__proof strong{font-size:22px}.topology{left:50%;width:520px;min-height:455px;margin-left:-260px;transform:scale(.78)}.integration-grid{grid-template-columns:1fr 1fr;gap:10px}.integration-card{min-height:136px;padding-inline:10px}.integration-card__logo{width:68px;height:68px}.integration-card__logo img{width:43px;height:43px}.integration-group__header p{display:none}.integration-group__header{align-items:center}.integration-cta h2 br{display:none}}@media (prefers-reduced-motion: reduce){.topology__line,.topology__packet,.topology-node,.topology-core__status span{animation:none!important}.integration-card,.integrations-button{transition-duration:.01ms!important}}