.integration-hero{background:radial-gradient(circle at 84% 22%, #4b68ff18 0 5px, transparent 6px), linear-gradient(90deg, transparent calc(66% - .5px), #d8d8cf calc(66% - .5px), #d8d8cf calc(66% + .5px), transparent calc(66% + .5px)), var(--paper)}.integration-map-section{background:var(--blue);color:#fff;padding:84px 4.5vw 96px}.integration-map-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:8vw;margin-bottom:48px;display:grid}.integration-map-section h2,.integration-warning h2,.integration-types h2,.integration-decisions h2,.integration-examples h2,.integration-controls h2,.integration-process h2,.integration-faq h2,.integration-cta h2{letter-spacing:-.05em;margin:0;font-size:clamp(38px,4.6vw,70px);line-height:1.02}.integration-map-heading>p,.integration-types-heading>p,.integration-decisions>div:first-child>p:last-child,.integration-controls>div:first-child>p:last-child{color:#dce2ff;max-width:610px;margin:0;font-size:18px;line-height:1.65}.integration-map{background:var(--ink);border:1px solid #fff5;grid-template-columns:1fr 54px 1.15fr 54px 1fr;align-items:center;min-height:390px;padding:26px;display:grid;box-shadow:10px 12px #101c2755}.integration-map-column{align-self:stretch}.integration-map-label{color:#8fa0aa;letter-spacing:.08em;min-height:37px;font:10px/1.4 monospace;display:block}.integration-map-column>div{border-top:1px solid #ffffff20;grid-template-columns:28px 1fr 18px;align-items:center;gap:10px;min-height:50px;padding:10px 12px;display:grid}.integration-map-column>div:last-child{border-bottom:1px solid #ffffff20}.integration-map-column i{color:#71838e;font:10px/1.4 monospace}.integration-map-column strong{font-size:13px;line-height:1.35}.integration-map-column b{color:var(--lime);text-align:right;font-size:13px}.integration-flow-lines{gap:38px;padding:0 8px;display:grid}.integration-flow-lines i{background:#ffffff35;height:1px;display:block;position:relative}.integration-flow-lines i:after{background:var(--lime);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-1px}.integration-hub{border:1px solid var(--lime);background:var(--blue);min-height:290px;padding:24px;box-shadow:7px 7px #ffffff10}.integration-hub-top{color:#dce2ff;letter-spacing:.06em;justify-content:space-between;gap:14px;font:10px/1.4 monospace;display:flex}.integration-hub-top span{color:var(--lime)}.integration-hub-top i{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.integration-hub>strong{color:#fff;letter-spacing:-.045em;margin:44px 0 26px;font-size:clamp(28px,3vw,43px);line-height:1;display:block}.integration-hub ul{background:#ffffff30;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;display:grid}.integration-hub li{color:#eef1ff;background:#405bed;padding:11px;font-size:12px}.integration-warning{grid-template-columns:.82fr 1.18fr;gap:8vw;padding:98px 4.5vw;display:grid}.integration-warning>div>p:last-child{color:#52616a;max-width:590px;margin:30px 0 0;font-size:17px;line-height:1.65}.integration-warning ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.integration-warning li{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;align-items:start;gap:24px;padding:22px 0;display:grid}.integration-warning li span,.integration-types-grid article>span,.integration-decision-grid article>span,.integration-example-number,.integration-controls-grid article>span,.integration-process li>span{color:var(--blue);font:12px/1.5 monospace}.integration-warning li p{margin:0;font-size:18px;font-weight:650;line-height:1.5}.integration-types{background:var(--ink);color:#fff;padding:94px 4.5vw}.integration-types-heading{grid-template-columns:1fr .8fr;align-items:end;gap:8vw;margin-bottom:54px;display:grid}.integration-types-grid{border-top:1px solid #ffffff28;border-left:1px solid #ffffff28;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.integration-types-grid article{border-bottom:1px solid #ffffff28;border-right:1px solid #ffffff28;min-height:285px;padding:24px}.integration-types-grid article>span,.integration-controls-grid article>span,.integration-process li>span{color:var(--lime);margin-bottom:65px;display:block}.integration-types-grid h3,.integration-decision-grid h3,.integration-examples h3,.integration-controls-grid h3,.integration-process h3{letter-spacing:-.035em;margin:0 0 15px;font-size:clamp(22px,2.25vw,32px);line-height:1.1}.integration-types-grid p,.integration-controls-grid p,.integration-process li p{color:#b9c5cb;margin:0;font-size:15px;line-height:1.6}.integration-decisions{background:var(--blue);color:#fff;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:96px 4.5vw;display:grid}.integration-decision-grid{border-top:1px solid #ffffff50;border-left:1px solid #ffffff50;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.integration-decision-grid article{border-bottom:1px solid #ffffff50;border-right:1px solid #ffffff50;min-height:355px;padding:22px}.integration-decision-grid article>span{color:var(--lime);margin-bottom:78px;display:block}.integration-decision-grid p{color:#dce2ff;margin:0;font-size:15px;line-height:1.6}.integration-examples{padding:96px 4.5vw}.integration-examples-heading{max-width:850px;margin-bottom:58px}.integration-examples>article{border-top:1px solid var(--line);grid-template-columns:48px .9fr 1.1fr;gap:5vw;padding:40px 0;display:grid}.integration-examples>article:last-child{border-bottom:1px solid var(--line)}.integration-examples article>div p{color:var(--blue);margin:0 0 14px;font-size:14px;font-weight:750}.integration-examples article>p{color:#52616a;margin:3px 0 0;font-size:17px;line-height:1.65}.integration-controls{background:var(--ink);color:#fff;grid-template-columns:.72fr 1.28fr;gap:8vw;padding:96px 4.5vw;display:grid}.integration-controls-grid{border-top:1px solid #ffffff28;border-left:1px solid #ffffff28;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.integration-controls-grid article{border-bottom:1px solid #ffffff28;border-right:1px solid #ffffff28;min-height:250px;padding:22px}.integration-controls-grid article>span{margin-bottom:45px}.integration-process{background:#e8e8e0;padding:94px 4.5vw}.integration-process-heading{grid-template-columns:1fr auto;align-items:end;gap:7vw;margin-bottom:56px;display:grid}.integration-process ol{border-top:1px solid #bfc1ba;border-left:1px solid #bfc1ba;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.integration-process li{border-bottom:1px solid #bfc1ba;border-right:1px solid #bfc1ba;min-height:300px;padding:24px}.integration-process li>span{margin-bottom:66px;display:block}.integration-process li p{color:#52616a}.integration-faq{grid-template-columns:.75fr 1.25fr;gap:8vw;padding:94px 4.5vw;display:grid}.integration-faq details{border-top:1px solid var(--line)}.integration-faq details:last-child{border-bottom:1px solid var(--line)}.integration-faq summary{cursor:pointer;grid-template-columns:1fr 26px;align-items:center;gap:20px;padding:23px 0;font-size:18px;font-weight:750;line-height:1.4;list-style:none;display:grid}.integration-faq summary::-webkit-details-marker{display:none}.integration-faq summary span{color:var(--blue);font-size:24px;transition:transform .2s}.integration-faq details[open] summary span{transform:rotate(45deg)}.integration-faq details p{color:#52616a;max-width:680px;margin:-4px 0 25px;padding-right:40px;font-size:16px;line-height:1.65}.integration-cta{background:var(--blue);color:#fff;padding:100px 4.5vw}.integration-cta h2{margin-bottom:42px;font-size:clamp(52px,7.7vw,112px)}.integration-cta .button{color:var(--ink)}@media (max-width:1100px){.integration-map{grid-template-columns:1fr 38px 1.1fr 38px 1fr;padding:18px}.integration-decisions,.integration-controls{grid-template-columns:1fr;gap:46px}.integration-decision-grid{max-width:900px}}@media (max-width:880px){.integration-map-heading,.integration-types-heading,.integration-warning,.integration-faq{grid-template-columns:1fr;gap:32px}.integration-map{grid-template-columns:1fr;gap:14px}.integration-flow-lines{grid-template-columns:repeat(3,1fr);gap:16px;padding:4px 35px}.integration-flow-lines i{justify-self:center;width:1px;height:22px}.integration-flow-lines i:after{top:auto;bottom:-1px;right:-3px}.integration-hub{min-height:260px}.integration-types-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-examples>article{grid-template-columns:38px 1fr;gap:22px}.integration-examples article>p{grid-column:2}.integration-process-heading{grid-template-columns:1fr}.integration-process-heading .section-page-link{justify-self:start}.integration-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.integration-hero{background:var(--paper)}.integration-map-section,.integration-warning,.integration-types,.integration-decisions,.integration-examples,.integration-controls,.integration-process,.integration-faq,.integration-cta{padding:65px 4.5vw}.integration-map{padding:12px;box-shadow:6px 7px #101c2755}.integration-hub{min-height:230px}.integration-hub>strong{margin-top:35px}.integration-types-grid,.integration-decision-grid,.integration-process ol{grid-template-columns:1fr}.integration-types-grid article,.integration-decision-grid article,.integration-process li{min-height:245px}.integration-controls-grid{grid-template-columns:1fr}}@media (max-width:420px){.integration-hub-top{flex-direction:column}.integration-hub ul{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.integration-faq summary span{transition:none}}
