.integration-page{color:#14233d;background:#fff}.integration-hero{isolation:isolate;color:#fff;background:#0b1429;align-items:center;min-height:78vh;padding:156px 0 96px;display:grid;position:relative;overflow:hidden}.integration-hero__image{z-index:-3;object-fit:cover}.integration-hero__shade{z-index:-2;background:linear-gradient(90deg,#07152fe6,#07152f66),linear-gradient(#0000,#07152f80);position:absolute;inset:0}.integration-hero__content{width:min(1120px,100% - 48px);margin:auto}.integration-hero h1{max-width:820px;margin:20px 0 24px}.integration-hero p{color:#e0e8f5;max-width:720px;font-size:18px;line-height:1.75}.integration-hero__actions{margin-top:32px}.integration-hero__eyebrow,.integration-section__heading>span,.integration-suggest__content>span,.integration-final__card>span{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;display:inline-flex}.integration-hero__eyebrow{color:#cadbff}.integration-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:14px 24px;font-size:14px;font-weight:650;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.integration-button--primary{color:#fff;background:#315bf5}.integration-button:hover{background:#2346c7;transform:translateY(-2px)}.integration-button:focus-visible,.integration-card__link:focus-visible{outline-offset:5px;outline:3px solid #9cb7ff}.integration-hero .integration-button,.integration-final .integration-button{color:#132443;background:#fff}.integration-hero .integration-button:hover,.integration-final .integration-button:hover{background:#e9efff}.integration-section{background:#f7f9fd;padding:96px 0}.integration-group{width:min(1120px,100% - 48px);margin:auto}.integration-group+.integration-group{border-top:1px solid #e0e6f0;margin-top:88px;padding-top:72px}.integration-section__heading{margin-bottom:36px}.integration-section__heading>span{color:#315bf5;margin-bottom:14px}.integration-section__heading h2{max-width:850px;margin:0}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.integration-card{--integration-accent:#315bf5;background:#fff;border:1px solid #e0e6f0;border-radius:18px;flex-direction:column;min-width:0;padding:32px;transition:box-shadow .22s,border-color .22s;display:flex;box-shadow:0 6px 20px #12244305}.integration-card:hover{border-color:#bfceec;box-shadow:0 16px 40px #1224430c}.integration-card--purple{--integration-accent:#8b1cc9}.integration-card--red{--integration-accent:#d84040}.integration-card--cyan{--integration-accent:#008ba8}.integration-card__header{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:18px;padding-bottom:28px;display:flex}.integration-card__brand{align-items:center;width:160px;min-height:70px;display:flex}.integration-card__brand img{object-fit:contain;object-position:left center;width:100%;height:65px}.integration-card__status{color:#16724a;background:#f0faf5;border:1px solid #d7eee3;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:650;display:inline-flex}.integration-card__status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.integration-card__status--upcoming{color:#67748c;background:#f5f7fb;border-color:#e0e6f0}.integration-card__body{padding-top:28px}.integration-card__category{color:var(--integration-accent);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700}.integration-card h3{font-family:var(--font-body);letter-spacing:-.035em;color:#0b1730;margin:10px 0 14px;font-size:27px;font-weight:750;line-height:1.2}.integration-card p{color:#536179;margin:0 0 28px;font-size:15px;line-height:1.8}.integration-card__link{color:#315bf5;align-self:flex-start;align-items:center;gap:9px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.integration-card__link:hover{text-decoration:underline}.integration-suggest{background:#fff;padding:80px 0}.integration-suggest__inner{background:linear-gradient(115deg,#f7f9ff,#fff);border:1px solid #e1e7f3;border-radius:20px;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:32px;width:min(1120px,100% - 48px);margin:auto;padding:44px;display:grid}.integration-suggest__icon{color:#315bf5;background:#eaf0ff;border-radius:18px;place-items:center;width:80px;height:80px;display:grid}.integration-suggest__icon svg{width:34px;height:34px}.integration-suggest__content>span{color:#315bf5;margin-bottom:16px}.integration-suggest h2{margin:0}.integration-suggest p{color:#536179;max-width:720px;margin:24px 0;font-size:16px;line-height:1.8}.integration-final{color:#fff;background:#0b1730;padding:80px 0}.integration-final__card{isolation:isolate;text-align:center;background:radial-gradient(at 100% 0,#315bf530,#0000 65%),#111f3d;border:1px solid #ffffff20;border-radius:22px;width:min(1120px,100% - 48px);margin:auto;padding:64px 48px;position:relative;overflow:hidden}.integration-final__card>span{color:#b0c8ff}.integration-final h2{max-width:850px;margin:20px auto}.integration-final p{color:#c8d5eb;max-width:680px;margin:0 auto 28px;font-size:16px;line-height:1.8}.integration-final__glow{z-index:-1;filter:blur(50px);opacity:.12;border-radius:50%;width:180px;height:180px;position:absolute}.integration-final__glow--one{background:#3468ff;top:0;left:0}.integration-final__glow--two{background:#7552ff;bottom:0;right:0}.integration-final__glow--three{background:#38bdf8;top:0;right:30%}@media (max-width:760px){.integration-hero{min-height:68vh;padding:130px 0 72px}.integration-hero__content,.integration-group,.integration-suggest__inner,.integration-final__card{width:calc(100% - 32px)}.integration-hero p{font-size:16px}.integration-section{padding:64px 0}.integration-grid{grid-template-columns:1fr;gap:18px}.integration-card{padding:24px}.integration-group+.integration-group{margin-top:56px;padding-top:48px}.integration-suggest,.integration-final{padding:56px 0}.integration-suggest__inner{grid-template-columns:1fr;gap:24px;padding:28px 24px}.integration-final__card{padding:44px 24px}}@media (max-width:380px){.integration-card__header{flex-wrap:wrap}.integration-card__brand{width:140px}}@media (prefers-reduced-motion:reduce){.integration-page *,.integration-page :before,.integration-page :after{transition:none!important;animation:none!important}}