.integrations-page{background:radial-gradient(circle at 82% 13%,rgba(8,119,255,.19),transparent 31%),radial-gradient(circle at 12% 54%,rgba(0,200,255,.08),transparent 30%),#02070a}
.integrations-hero{min-height:560px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:4vw;padding:78px 6vw 90px;border-bottom:1px solid var(--line)}
.integrations-hero-copy{position:relative;z-index:1}.integrations-hero h1{font-size:clamp(48px,6.5vw,88px);line-height:1.02}.integrations-hero .lead{max-width:720px}
.integration-visual{width:min(100%,500px);aspect-ratio:1;position:relative;justify-self:center;border-radius:50%;background:radial-gradient(circle,rgba(0,200,255,.17),transparent 27%),radial-gradient(circle,rgba(8,119,255,.09),transparent 65%)}
.integration-orbit{position:absolute;border:1px solid rgba(99,231,255,.22);border-radius:50%;inset:11%}.orbit-two{inset:27%;border-style:dashed;border-color:rgba(99,231,255,.25)}
.integration-orbit:after{content:"";position:absolute;inset:50% auto auto 50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.integration-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:154px;height:154px;display:grid;place-items:center;border-radius:38px;border:1px solid rgba(99,231,255,.5);background:linear-gradient(145deg,#0a3540,#031318);box-shadow:0 0 70px rgba(0,200,255,.2)}.integration-core img{width:108px;height:auto}
.integration-node{position:absolute;display:grid;place-items:center;width:90px;height:90px;border:1px solid rgba(99,231,255,.35);border-radius:25px;background:#071d24;color:#bdf9ff;font-weight:900;letter-spacing:.06em;box-shadow:0 22px 55px rgba(0,0,0,.35)}.node-gps{top:7%;left:15%}.node-pib{top:21%;right:2%}.node-sef{bottom:6%;left:26%}
.integrations-section{padding:90px 6vw}.integrations-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.integrations-section-head h2{margin:13px 0 0}.integrations-section-head p{max-width:475px;margin:0 0 5px;font-size:16px}
.integration-grid{display:grid;gap:18px}.current-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-card{min-height:335px;display:flex;flex-direction:column;padding:27px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(10,49,58,.86),rgba(3,17,22,.95));box-shadow:0 24px 70px rgba(0,0,0,.15)}
.integration-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.integration-card-index{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.12em}.integration-status{padding:7px 10px;border:1px solid rgba(100,239,194,.25);border-radius:999px;background:rgba(85,239,189,.08);color:#91efd1;font-size:11px;font-weight:900}.integration-glyph{width:66px;height:66px;display:grid;place-items:center;margin-top:31px;border:1px solid rgba(0,200,255,.32);border-radius:19px;background:rgba(0,200,255,.08);color:var(--cyan);font-size:38px;line-height:1}.integration-card h3{margin:22px 0 8px;font-size:26px}.integration-card p{margin:0;font-size:15px;line-height:1.6}
.planned-integrations{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(6,26,31,.7),rgba(2,7,10,.2))}.planned-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.planned-card{min-height:220px;padding:24px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.025)}.planned-card>span{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.12em}.planned-card h3{margin:40px 0 9px;font-size:24px}.planned-card p{margin:0;font-size:14px;line-height:1.55}.integration-disclaimer{margin:22px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.integrations-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:0 6vw 90px;padding:42px 48px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(110deg,rgba(8,119,255,.18),rgba(0,200,255,.07) 55%,rgba(3,18,22,.85))}.integrations-cta h2{margin:13px 0}.integrations-cta p{margin:0;max-width:680px}.integrations-cta .btn{flex:0 0 auto}
@media(max-width:1000px){.integrations-hero{grid-template-columns:1fr;gap:10px}.integration-visual{width:min(100%,400px)}.current-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.integrations-hero{min-height:auto;padding:64px 5vw 60px}.integrations-hero h1{font-size:clamp(42px,10.5vw,64px)}.integration-visual{width:min(100%,310px)}.integration-core{width:110px;height:110px;border-radius:29px}.integration-core img{width:80px}.integration-node{width:68px;height:68px;border-radius:18px;font-size:12px}.integrations-section{padding:70px 5vw}.integrations-section-head{display:block}.integrations-section-head p{margin-top:18px}.current-grid,.planned-grid{grid-template-columns:1fr}.integration-card{min-height:295px}.planned-card{min-height:175px}.planned-card h3{margin-top:28px}.integrations-cta{display:block;margin:0 5vw 70px;padding:32px 24px}.integrations-cta .btn{display:inline-flex;margin-top:24px}}