/* One company system: apps and information flow through Palmaking to each team. */
.ecosystem-section{overflow:hidden;padding:82px 0 90px;background:#f4f3e9;color:#1c3525}
.ecosystem-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1160px;margin:0 auto 27px}
.ecosystem-heading>div{display:grid;gap:5px}
.ecosystem-heading .eyebrow{color:#5b805d;font-size:.59rem;letter-spacing:.16em}
.ecosystem-heading h2{margin:3px 0 0;color:#1b3325;font:800 clamp(2.45rem,4.8vw,4.2rem)/.98 Manrope,system-ui,sans-serif;letter-spacing:-.08em}
.ecosystem-scale{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #dce6d7;border-radius:14px;background:rgba(255,255,255,.54);color:#65806a;font-size:.48rem;font-weight:850;letter-spacing:.13em;line-height:1.4}
.ecosystem-scale b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e5f0dc;color:#346140;font-size:.58rem;letter-spacing:.04em}
.ecosystem-shell{position:relative;max-width:1160px;margin:0 auto;overflow:hidden;border:1px solid rgba(45,82,49,.13);border-radius:25px;background:linear-gradient(145deg,#fbfcf7,#edf0e5);box-shadow:0 22px 64px rgba(36,68,39,.07)}
.ecosystem-shell::before{position:absolute;inset:38px 16% 40px;border:1px solid rgba(89,139,77,.075);border-radius:50%;content:"";pointer-events:none}
.ecosystem-shell-top,.ecosystem-shell-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 21px;border-bottom:1px solid rgba(49,84,51,.09)}
.ecosystem-shell-top>span,.ecosystem-shell-footer>span:first-child{display:flex;align-items:center;gap:8px;color:#526e55;font-size:.51rem;font-weight:900;letter-spacing:.14em}
.ecosystem-shell-top>span i{width:7px;height:7px;border-radius:50%;background:#9bc86a;box-shadow:0 0 0 4px rgba(155,200,106,.15)}
.ecosystem-shell-top>small{color:#849282;font-size:.47rem;font-weight:800;letter-spacing:.12em}
.ecosystem-shell-top>small b{padding-inline:5px;color:#9eb88e}
.ecosystem-flow{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(220px,.93fr) 74px minmax(0,1.13fr);align-items:center;gap:0;min-height:355px;padding:29px 22px 31px}
.ecosystem-stage{min-width:0}
.ecosystem-stage-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.ecosystem-step{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #d6e5ce;border-radius:10px;background:#eff5e8;color:#568054;font-size:.53rem;font-weight:900}
.ecosystem-stage-heading>div{display:grid;gap:3px;min-width:0}
.ecosystem-stage-heading small{color:#7f907d;font-size:.43rem;font-weight:850;letter-spacing:.11em}
.ecosystem-stage-heading h3{margin:0;color:#2c4631;font:780 .88rem/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.04em}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.integration-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;min-height:93px;padding:12px;border:1px solid rgba(48,87,51,.1);border-radius:15px;background:rgba(255,255,252,.86);box-shadow:0 7px 18px rgba(34,62,37,.035);transition:transform .2s,border-color .2s,box-shadow .2s}
.integration-tile:hover{transform:translateY(-2px);border-color:rgba(75,131,67,.32);box-shadow:0 12px 24px rgba(34,62,37,.08)}
.integration-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f2f6ee}
.integration-mark img{display:block;width:29px;height:29px;object-fit:contain}
.integration-tile>span:last-child{color:#354b39;font-size:.61rem;font-weight:800;letter-spacing:-.01em}
.integration-siigo .integration-mark{width:70px;background:transparent}
.integration-siigo .integration-mark img{width:66px;height:41px}
.ecosystem-stage-note{display:block;margin-top:11px;color:#869185;font-size:.45rem;font-weight:650;letter-spacing:.015em}
.ecosystem-bridge{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;color:#829a7a}
.ecosystem-bridge::before{position:absolute;top:50%;right:1px;left:1px;height:1px;background:linear-gradient(90deg,rgba(115,158,103,.2),rgba(115,158,103,.75),rgba(115,158,103,.2));content:""}
.ecosystem-bridge i{position:relative;display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(89,135,78,.16);border-radius:50%;background:#f0f4e8;color:#5c8b53;font-size:.78rem;font-style:normal;line-height:1}
.ecosystem-bridge span{position:absolute;top:calc(50% - 26px);color:#82917f;font-size:.37rem;font-weight:900;letter-spacing:.1em;white-space:nowrap}
.ecosystem-engine{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:284px;padding:23px 14px 18px;overflow:hidden;border:1px solid rgba(173,221,132,.42);border-radius:23px;background:radial-gradient(ellipse at 50% 14%,rgba(72,124,65,.49),transparent 42%),linear-gradient(145deg,#183d28,#0b2115 72%);box-shadow:0 19px 45px rgba(20,53,30,.2);color:#f3f8ed;text-align:center}
.ecosystem-engine-halo{position:absolute;z-index:-1;top:8px;left:50%;width:198px;height:198px;border:1px solid rgba(181,230,134,.15);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 22px rgba(181,230,134,.035),0 0 0 44px rgba(181,230,134,.025)}
.ecosystem-engine-mark{position:relative;display:grid;place-items:center;width:66px;height:66px;margin-bottom:11px;border:1px solid rgba(203,244,162,.7);border-radius:50%;background:radial-gradient(circle at 35% 25%,#d7ffad,#93cf5e 56%,#4c8b43);box-shadow:0 0 0 8px rgba(178,230,127,.08),0 0 35px rgba(176,233,114,.33)}
.ecosystem-engine-mark::before,.ecosystem-engine-mark::after{position:absolute;inset:-7px;border:1px solid rgba(192,235,145,.28);border-radius:50%;content:""}
.ecosystem-engine-mark::after{inset:-14px;border-color:rgba(192,235,145,.15)}
.ecosystem-engine-mark img{width:34px;height:34px;object-fit:contain}
.ecosystem-engine>small{color:#b9d6a7;font-size:.46rem;font-weight:900;letter-spacing:.19em}
.ecosystem-engine h3{margin:7px 0 17px;color:#f6f7ed;font:780 1.07rem/1.02 Manrope,system-ui,sans-serif;letter-spacing:-.055em}
.engine-capabilities{display:flex;align-items:center;justify-content:center;gap:5px;width:100%}
.engine-capabilities span{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;color:#d6e6d0;font-size:.43rem;font-weight:700;white-space:nowrap}
.engine-capabilities img{width:23px;height:23px;object-fit:contain}
.ecosystem-area-list{display:grid;gap:8px}
.ecosystem-area{display:grid;grid-template-columns:43px minmax(0,1fr) 13px;align-items:center;gap:10px;min-height:70px;padding:9px 11px;border:1px solid rgba(48,87,51,.1);border-radius:15px;background:rgba(255,255,252,.87);box-shadow:0 7px 18px rgba(34,62,37,.035);transition:transform .2s,border-color .2s,box-shadow .2s}
.ecosystem-area:hover{transform:translateX(2px);border-color:rgba(75,131,67,.3);box-shadow:0 11px 23px rgba(34,62,37,.075)}
.area-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #dce8d4;border-radius:13px;background:linear-gradient(145deg,#f3f7ed,#e7f0df)}
.area-mark img{width:35px;height:35px;object-fit:contain}
.ecosystem-area>span:nth-child(2){display:grid;gap:3px;min-width:0}
.ecosystem-area>span small{color:#849281;font-size:.39rem;font-weight:850;letter-spacing:.1em}
.ecosystem-area>span strong{color:#2d4632;font-size:.67rem;font-weight:850;letter-spacing:-.025em}
.ecosystem-area>span em{color:#829081;font-size:.45rem;font-style:normal}
.ecosystem-area>b{align-self:start;color:#8aa181;font-size:.71rem;font-weight:600}
.ecosystem-shell-footer{border-top:1px solid rgba(49,84,51,.09);border-bottom:0;background:rgba(234,239,225,.46)}
.ecosystem-shell-footer>span:first-child{font-size:.44rem}
.ecosystem-flow-key{display:flex;align-items:center;gap:7px;color:#7d8b7a;font-size:.45rem;font-weight:700}
.ecosystem-flow-key i{width:6px;height:6px;border-radius:50%;background:#9bc86a;box-shadow:0 0 0 3px rgba(155,200,106,.15)}
.ecosystem-flow-key b{color:#88a477;font-size:.65rem}
@media(max-width:1100px){
 .ecosystem-flow{grid-template-columns:minmax(0,1fr) 54px minmax(200px,.93fr) 54px minmax(0,1.1fr);padding-inline:17px}
 .ecosystem-area{grid-template-columns:39px minmax(0,1fr) 11px;gap:7px;padding-inline:8px}
 .area-mark{width:39px;height:39px}
 .area-mark img{width:32px;height:32px}
}
@media(max-width:900px){
 .ecosystem-section{padding-block:59px}
 .ecosystem-heading{margin-bottom:18px}
 .ecosystem-flow{display:flex;flex-direction:column;gap:15px;padding:19px 18px 21px}
 .ecosystem-stage{width:100%}
 .ecosystem-stage-heading{margin-bottom:11px}
 .integration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .integration-tile{align-items:center;justify-content:center;gap:6px;min-height:75px;padding:8px}
 .integration-mark{width:35px;height:35px}
 .integration-mark img{width:27px;height:27px}
 .integration-siigo .integration-mark{width:65px}
 .integration-siigo .integration-mark img{width:62px;height:38px}
 .integration-tile>span:last-child{font-size:.58rem}
 .ecosystem-stage-note{margin-top:8px}
 .ecosystem-bridge{flex-direction:row;width:100%;height:17px}
 .ecosystem-bridge::before{top:50%;right:calc(50% + 14px);left:calc(50% + 14px);height:1px;background:linear-gradient(90deg,rgba(115,158,103,.1),rgba(115,158,103,.65),rgba(115,158,103,.1))}
 .ecosystem-bridge i{transform:rotate(90deg)}
 .ecosystem-bridge span{top:50%;right:calc(50% + 22px);transform:translateY(-50%)}
 .ecosystem-bridge.bridge-out span{right:auto;left:calc(50% + 22px)}
 .ecosystem-engine{width:min(100%,440px);min-height:235px;margin-inline:auto;padding:19px}
 .ecosystem-engine h3{margin-bottom:11px}
 .ecosystem-area-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .ecosystem-area{grid-template-columns:38px minmax(0,1fr) 10px;gap:6px;min-height:69px;padding:8px}
 .area-mark{width:37px;height:37px;border-radius:11px}
 .area-mark img{width:30px;height:30px}
 .ecosystem-area>span strong{font-size:.61rem}
 .ecosystem-area>span em{font-size:.4rem}
 .ecosystem-area>span small{font-size:.36rem}
}
@media(max-width:620px){
 .ecosystem-section{padding-block:52px}
 .ecosystem-heading{align-items:flex-start;gap:12px}
 .ecosystem-heading .eyebrow{font-size:.5rem}
 .ecosystem-heading h2{max-width:270px;font-size:clamp(2.1rem,9vw,2.7rem)}
 .ecosystem-scale{gap:6px;padding:6px 8px;font-size:.39rem}
 .ecosystem-scale b{width:27px;height:27px;border-radius:9px;font-size:.47rem}
 .ecosystem-shell{border-radius:20px}
 .ecosystem-shell::before{display:none}
 .ecosystem-shell-top,.ecosystem-shell-footer{padding:12px 13px}
 .ecosystem-shell-top>span{font-size:.43rem;letter-spacing:.1em}
 .ecosystem-shell-top>small{font-size:.39rem;letter-spacing:.06em}
 .ecosystem-flow{gap:12px;padding:15px 12px 16px}
 .ecosystem-stage-heading h3{font-size:.8rem}
 .ecosystem-step{width:27px;height:27px;border-radius:9px}
 .integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .integration-tile{flex-direction:row;justify-content:flex-start;gap:9px;min-height:56px;padding:7px 10px;border-radius:13px}
 .integration-mark{width:34px;height:34px;flex:none}
 .integration-mark img{width:25px;height:25px}
 .integration-siigo .integration-mark{width:45px}
 .integration-siigo .integration-mark img{width:45px;height:30px}
 .integration-tile>span:last-child{font-size:.61rem}
 .ecosystem-stage-note{font-size:.42rem}
 .ecosystem-engine{min-height:222px;border-radius:19px}
 .ecosystem-engine-mark{width:59px;height:59px}
 .ecosystem-engine-mark img{width:31px;height:31px}
 .ecosystem-engine>small{font-size:.4rem;letter-spacing:.13em}
 .ecosystem-engine h3{font-size:1rem}
 .engine-capabilities{gap:11px}
 .ecosystem-area-list{grid-template-columns:1fr;gap:7px}
 .ecosystem-area{grid-template-columns:41px minmax(0,1fr) 12px;gap:9px;min-height:64px;padding:8px 10px;border-radius:13px}
 .area-mark{width:41px;height:41px;border-radius:12px}
 .area-mark img{width:33px;height:33px}
 .ecosystem-area>span small{font-size:.38rem}
 .ecosystem-area>span strong{font-size:.67rem}
 .ecosystem-area>span em{font-size:.44rem}
 .ecosystem-bridge span{font-size:.35rem}
 .ecosystem-shell-footer{align-items:flex-start;flex-direction:column;gap:7px}
 .ecosystem-shell-footer>span:first-child{font-size:.39rem}
 .ecosystem-flow-key{font-size:.42rem}
}
@media(max-width:360px){
 .ecosystem-heading h2{max-width:205px;font-size:2.05rem}
 .ecosystem-scale{flex-direction:column;align-items:center;text-align:center}
 .ecosystem-shell-top>small{max-width:115px;text-align:right;line-height:1.5}
 .ecosystem-flow{padding-inline:10px}
 .ecosystem-engine{padding-inline:11px}
 .engine-capabilities{gap:8px}
}
@media(prefers-reduced-motion:reduce){.integration-tile,.ecosystem-area{transition:none}}