.integration-section{padding:85px var(--gutter);position:relative;overflow:hidden}
.integration-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.integration-hero .binary-hero-copy{max-width:920px}.integration-hero h1{font-size:clamp(39px,3.8vw,59px);line-height:1.3;letter-spacing:-1.7px}.integration-hero .binary-hero-copy>p{max-width:660px}.integration-hero .binary-field{opacity:.39}
.integration-heading-row{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.integration-heading-row>.section-copy{margin:0;max-width:540px}.integration-heading-row .section-heading{line-height:1.4}.integration-icon{width:clamp(90px,8.5vw,130px);height:clamp(90px,8.5vw,130px);display:grid;place-items:center;border:5px solid #ffffffdb;border-radius:27px;background:linear-gradient(145deg,#fff,#fafbf6);box-shadow:0 7px 2px #dfe2d583,0 12px 24px #86924c17}.integration-icon svg{width:56%;height:56%;fill:none;stroke:#9da18f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lime-stage .integration-icon{border-color:#f8fcdf;box-shadow:0 7px 2px #dbe6a383,0 12px 24px #9ead461f}.lime-stage .integration-icon svg{stroke:#adbf19;stroke-width:2.5}
.deployment-path{list-style:none;margin:52px 0 0;padding:60px 35px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;border:6px solid #ffffffba;border-radius:26px;background:radial-gradient(ellipse at 17% 20%,#e5f17db0,transparent 52%),radial-gradient(ellipse at 85% 75%,#edf4b4b0,transparent 42%),#f9faf7;box-shadow:0 10px 23px #e0e3d340}.deployment-path li{display:flex;position:relative;align-items:center;flex-direction:column;min-width:0}.deployment-path h3{font-weight:470;font-size:20px;line-height:1.4;text-align:center;margin:26px 0 0}.deployment-path li:not(:last-child):after{content:'»';position:absolute;left:calc(100% + 13px);top:45%;transform:translate(-50%,-50%);font-size:27px;color:#93977f;font-weight:300}.deployment-zones{display:grid;grid-template-columns:2fr 1fr 2fr;gap:35px;padding:0 38px;text-align:center}.zone-bracket{border:1.5px dashed #93a335;border-top:0;height:36px;width:90%;margin:0 auto 27px}.deployment-zones h3{font-weight:500;font-size:14px;margin:0 0 11px}.deployment-zones article:nth-child(2) h3{color:#798726}.deployment-zones p{font-size:14px;line-height:1.6;color:#6f765f;max-width:305px;margin:0 auto}
.lifecycle-cards{display:grid;grid-template-columns:.95fr 1.15fr;gap:26px;margin-top:42px}.lifecycle-card{min-width:0;display:flex;flex-direction:column;padding:35px 28px;border:1px solid #e0e3d9;border-radius:20px;background:radial-gradient(ellipse at 115% 2%,#f2f7d2a6 0 45%,transparent 45.5%),#f8f9f6}.lifecycle-card>h3{font-size:29px;line-height:1.35;font-weight:440;margin:0}.lifecycle-card>p{font-size:14px;line-height:1.7;color:#67705a;margin:0}.lifecycle-path{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:66px 0 62px;min-height:145px;align-content:center}.active-path{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lifecycle-path li{display:flex;align-items:center;flex-direction:column;position:relative;min-width:0}.lifecycle-path .integration-icon{width:84px;height:84px;border-radius:20px;border-width:4px}.lifecycle-path h4{font-size:13px;line-height:1.5;text-align:center;font-weight:490;margin:17px 0 0}.lifecycle-path li:not(:last-child):after{content:'»';position:absolute;left:calc(100% + 12px);top:32px;transform:translateX(-50%);font-size:23px;font-weight:300;color:#9c9e8f}.active-path li:not(:last-child):after{left:calc(100% + 8px)}.bootstrap-path li:first-child:before{content:'443';position:absolute;left:calc(100% + 12px);transform:translateX(-50%);top:12px;font:10px var(--mono);color:#7a8921}
.ports-panel{margin-top:25px;padding:40px 50px 30px;border:1px solid #e0e3d9;border-radius:20px;background:#f7f8f5}.ports-panel>h3{font-size:26px;font-weight:440;text-align:center;margin:0 0 30px}.port-cards{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.port-cards>div{border:4px solid #f0f1ed;border-radius:19px;background:#fff;padding:23px 22px;box-shadow:0 4px 1px #e0e3dca3}.port-cards dt{font-size:15px;line-height:1.4;font-weight:550}.port-cards dt span{display:block;font:29px/1.3 var(--mono);font-weight:300;color:#7d8370;margin-bottom:8px}.port-cards dd{font-size:13px;line-height:1.6;color:#6b725f;margin:9px 0 0}.ports-note{font-size:12px;line-height:1.7;color:#707961;max-width:850px;margin:25px auto 0;text-align:center}.ports-note code{font-family:var(--mono);font-size:11px}
.serving-intro{max-width:1030px;margin:22px 0 0}.serving-flow{border:1px solid #e0e3d9;border-radius:23px;background:radial-gradient(ellipse at 110% 0%,#f4f7df80 0 47%,transparent 47.2%),#f8f9f6;margin-top:40px;padding:50px clamp(25px,8vw,120px) 30px}.flow-start{width:calc((100% - 132px)/2);position:relative;background:#fff;border:4px solid #f0f1ed;border-radius:20px;box-shadow:0 5px 0 #e2e5ddad,0 12px 18px #8f957515;padding:23px 18px;text-align:center;margin-bottom:32px;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:8px}.flow-start strong{font-size:17px;font-weight:540}.flow-start>span{font-size:11px;line-height:1.5;color:#6e775f}.flow-start:after{content:'↓';position:absolute;left:50%;bottom:-33px;transform:translateX(-50%);font-size:21px;color:#8d9479;line-height:29px;z-index:1}.serving-rows{margin:0;padding:0;list-style:none;display:grid;gap:31px}.serving-rows>li{display:grid;grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);align-items:stretch;position:relative}.flow-question,.flow-answer{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:98px;padding:20px 18px;border:4px solid #f3f4ef;border-radius:20px;background:linear-gradient(110deg,#f8fcdf,#fff 70%);box-shadow:0 5px 0 #e0e4d9ad,0 10px 17px #8a926917;text-align:center}.serving-rows li:last-child .flow-question,.serving-rows li:last-child .flow-answer{background:#fff}.flow-question h3,.flow-answer h3{font-size:17px;line-height:1.4;font-weight:530;margin:0 0 7px}.flow-question p,.flow-answer p{font-size:12px;line-height:1.5;color:#6a745a;margin:0}.flow-branch{align-self:center;margin:0 20px;text-align:center;padding:13px 7px;background:white;border-radius:40px;border:1px solid #f0f1e9;box-shadow:0 4px 10px #656d3610;color:#7c8b22;font-size:15px}.flow-branch>span{margin-left:5px;color:#99a17d}.serving-note{font-size:12px;line-height:1.7;color:#737c64;max-width:760px;text-align:center;margin:30px auto 0}
.integration-statement{min-height:500px;display:grid;place-items:center;text-align:center;padding-block:120px;background:repeating-radial-gradient(ellipse at 25% 45%,#fff0 0 200px,#fff8 205px 285px,#fff0 290px 460px),#f8f9f7}.integration-statement>div{max-width:1080px}.integration-statement h2{font-size:clamp(28px,2.7vw,42px);font-weight:520;line-height:1.4;letter-spacing:-1px;margin:0}.integration-statement p{font-size:clamp(26px,2.7vw,42px);font-weight:280;line-height:1.5;letter-spacing:-.6px;margin:0;color:#565d4e}.integration-statement p.setup-note{font-size:13px;font-weight:400;line-height:1.7;letter-spacing:0;max-width:680px;margin:30px auto 0;color:#6f765f}
@media(min-width:1600px){.integration-section{padding-inline:max(var(--gutter),calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.deployment-path{padding:45px 20px;gap:20px}.deployment-path h3{font-size:17px}.deployment-path li:not(:last-child):after{left:calc(100% + 10px)}.deployment-zones{gap:25px;padding-inline:25px}.lifecycle-cards{gap:20px}.lifecycle-card{padding:30px 23px}.lifecycle-path{gap:18px}.lifecycle-path .integration-icon{width:68px;height:68px;border-radius:17px}.lifecycle-path h4{font-size:12px}.lifecycle-path li:not(:last-child):after{top:24px;left:calc(100% + 9px)}.active-path{gap:15px}.active-path li:not(:last-child):after{left:calc(100% + 7.5px)}.bootstrap-path li:first-child:before{left:calc(100% + 9px);top:3px}.ports-panel{padding:35px 28px 28px}.port-cards{gap:15px}.port-cards>div{padding:20px 17px}.serving-flow{padding-inline:40px}.flow-question h3,.flow-answer h3{font-size:15px}.serving-rows>li{grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr)}.flow-start{width:calc((100% - 105px)/2)}.flow-branch{margin-inline:15px}}
@media(max-width:850px){.integration-section{padding:65px 24px}.integration-heading-row{gap:30px}.integration-heading-row .section-heading{font-size:30px}.integration-hero h1{font-size:43px}.integration-hero .binary-hero-copy{max-width:700px}.deployment-path{padding-inline:10px;gap:15px}.deployment-path .integration-icon{width:85px;height:85px;border-radius:20px}.deployment-path h3{font-size:15px}.deployment-path li:not(:last-child):after{left:calc(100% + 7.5px);font-size:21px}.deployment-zones p{font-size:12px}.lifecycle-cards{grid-template-columns:1fr}.lifecycle-card{padding:30px}.lifecycle-card>h3 br{display:none}.lifecycle-card>h3{font-size:27px}.lifecycle-path{margin:40px 0;min-height:150px;gap:40px}.lifecycle-path .integration-icon{width:95px;height:95px;border-radius:22px}.lifecycle-path h4{font-size:14px}.lifecycle-path li:not(:last-child):after{top:36px;left:calc(100% + 20px)}.bootstrap-path li:first-child:before{left:calc(100% + 20px);top:16px}.active-path{gap:24px}.active-path li:not(:last-child):after{left:calc(100% + 12px)}.ports-panel{padding-inline:22px}.port-cards>div{padding:18px 14px}.port-cards dt{font-size:14px}.port-cards dd{font-size:12px}.serving-flow{padding-inline:28px}.flow-question,.flow-answer{padding:18px 13px}.integration-statement{padding-block:90px}}
@media(max-width:650px){.integration-section{padding:55px 24px}.integration-hero h1{font-size:clamp(34px,7.5vw,44px);line-height:1.2;letter-spacing:-1.2px}.integration-hero h1 br{display:none}.integration-heading-row{grid-template-columns:1fr;gap:22px}.integration-heading-row>.section-copy{font-size:14px}.integration-heading-row .section-heading{font-size:30px;line-height:1.3}.integration-heading-row br{display:none}.deployment-path{grid-template-columns:1fr;margin-top:30px;padding:32px 28px;gap:0}.deployment-path li{display:grid;grid-template-columns:82px 1fr;gap:24px;align-items:center;padding-bottom:44px}.deployment-path li:last-child{padding-bottom:0}.deployment-path .integration-icon{width:82px;height:82px;border-radius:20px}.deployment-path h3{font-size:18px;margin:0;text-align:left}.deployment-path li:not(:last-child):after{left:41px;top:auto;bottom:11px;transform:translateX(-50%) rotate(90deg);font-size:22px}.deployment-zones{grid-template-columns:1fr;gap:22px;text-align:left;margin-top:30px;padding:0}.deployment-zones article{display:grid;grid-template-columns:16px 1fr;column-gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px}.zone-bracket{grid-row:1/3;width:12px;height:100%;margin:0;border:1.5px dashed #93a335;border-right:0}.deployment-zones h3{font-size:16px;margin:0 0 7px}.deployment-zones p{font-size:14px;max-width:none;margin:0}.lifecycle-cards{margin-top:30px;gap:22px}.lifecycle-card{padding:28px 20px}.lifecycle-card>h3{font-size:26px}.lifecycle-card>p{font-size:14px}.lifecycle-path{margin:35px 0;gap:18px;min-height:125px}.lifecycle-path .integration-icon{width:64px;height:64px;border-radius:17px;border-width:3px}.lifecycle-path h4{font-size:11px;margin-top:14px}.lifecycle-path li:not(:last-child):after{font-size:19px;left:calc(100% + 9px);top:24px}.bootstrap-path li:first-child:before{left:calc(100% + 9px);top:8px;font-size:9px}.active-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px;padding:10px 0}.active-path .integration-icon{width:78px;height:78px;border-radius:19px}.active-path h4{font-size:13px}.active-path li:nth-child(1):after,.active-path li:nth-child(3):after{left:calc(100% + 20px);top:29px}.active-path li:nth-child(2):after{content:'↓';left:50%;top:auto;bottom:-29px;transform:translateX(-50%)}.active-path li:nth-child(3){grid-row:2;grid-column:2}.active-path li:nth-child(4){grid-row:2;grid-column:1}.active-path li:nth-child(3):after{content:'«';left:-20px}.port-cards{grid-template-columns:1fr;gap:18px}.ports-panel{padding:28px 20px;margin-top:22px}.ports-panel>h3{font-size:25px;margin-bottom:22px}.port-cards>div{padding:22px}.port-cards dt{font-size:16px}.port-cards dd{font-size:14px}.ports-note{font-size:12px;text-align:left;overflow-wrap:anywhere}.serving-intro{font-size:14px}.serving-flow{padding:26px 18px;margin-top:28px}.flow-start{width:100%;margin-bottom:35px;min-height:105px}.serving-rows{gap:30px}.serving-rows>li{grid-template-columns:1fr;gap:12px;border-bottom:1px dashed #cfd6b7;padding-bottom:25px}.serving-rows>li:last-child{border-bottom:0;padding-bottom:0}.flow-branch{font-size:13px;justify-self:center;min-width:82px;margin:0;padding:8px 15px}.flow-branch>span{display:inline-block;transform:rotate(90deg)}.flow-question,.flow-answer{min-height:98px;padding:20px 14px}.flow-question h3,.flow-answer h3{font-size:16px}.flow-question p,.flow-answer p{font-size:12px}.serving-note{margin-top:25px;font-size:12px;text-align:left}.integration-statement{min-height:0;padding-block:90px}.integration-statement h2{font-size:29px;margin-bottom:10px}.integration-statement p{font-size:27px;line-height:1.55}.integration-statement p.setup-note{font-size:13px}}
@media(max-width:380px){.integration-hero h1{font-size:34px}.deployment-path{padding-inline:19px}.deployment-path li{gap:16px}.deployment-path h3{font-size:16px}.lifecycle-card{padding-inline:16px}.lifecycle-path{gap:16px}.lifecycle-path .integration-icon{width:56px;height:56px;border-radius:15px}.lifecycle-path h4{font-size:10px}.bootstrap-path li:first-child:before{left:calc(100% + 8px);font-size:8px}.bootstrap-path li:not(:last-child):after{left:calc(100% + 8px)}.active-path{gap:36px 30px}.active-path .integration-icon{width:72px;height:72px}.active-path h4{font-size:12px}.active-path li:nth-child(1):after{left:calc(100% + 15px)}.active-path li:nth-child(3):after{left:-15px}.serving-flow{padding-inline:14px}.flow-question h3,.flow-answer h3{font-size:15px}}