/* AcnoFin · Digital Evolution Journey v1.0 — scoped ONLY to #ecosystem */
#ecosystem.cb-evolution-section{padding:68px 0 76px;background:radial-gradient(ellipse at 15% 7%,#e7f5ff 0,transparent 55%),linear-gradient(180deg,#f5fbff 0%,#f9fcff 67%,#fff 100%);position:relative;overflow:hidden;color:#102c4b}
#ecosystem .cb-evolution-inner{position:relative;z-index:1}
#ecosystem .cb-evolution-top{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:45px;margin-bottom:28px}
#ecosystem .cb-evolution-label{font-size:12px;font-weight:800;letter-spacing:2px;color:#237cc0;display:flex;align-items:center;gap:10px;margin-bottom:14px}
#ecosystem .cb-evolution-label span{width:27px;height:4px;border-radius:5px;background:#f29a2b}
#ecosystem .cb-evolution-top h2{font-size:clamp(28px,3.2vw,46px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 8px;font-weight:850;color:#102f50}
#ecosystem .cb-evolution-top h2 em{font-style:normal;color:#258bbd}
#ecosystem .cb-evolution-top h3{font-size:clamp(17px,1.65vw,23px);margin:0;font-weight:650;color:#3e658a}
#ecosystem .cb-evolution-top>p{font-size:15px;line-height:1.8;color:#6a7f92;margin:0 0 5px;max-width:480px}
#ecosystem .cb-evolution-track{height:88px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;margin:2px 0 10px}
#ecosystem .cb-evolution-track-line{position:absolute;left:16.67%;right:16.67%;top:50%;height:5px;background:linear-gradient(90deg,#358ed0,#22aeaa 52%,#f5a043);border-radius:20px;transform:translateY(-50%);box-shadow:0 0 0 7px #f3faff}
#ecosystem .cb-evolution-track-line:after{content:'›';position:absolute;right:33%;top:-24px;font-size:35px;font-weight:900;color:#2897ae}
#ecosystem .cb-evolution-step{position:relative;z-index:2;width:57px;height:57px;display:grid;place-items:center;border-radius:50%;color:white;font-size:20px;font-weight:850;border:7px solid #f4faff;box-shadow:0 6px 17px #2c71942e}
#ecosystem .cb-evolution-step.blue{background:#318bd0}#ecosystem .cb-evolution-step.teal{background:#25aeaa}#ecosystem .cb-evolution-step.amber{background:#f69e41}
#ecosystem .cb-evolution-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#ecosystem .cb-evolution-card{min-width:0;min-height:495px;display:flex;flex-direction:column;padding:25px 24px 23px;border-radius:24px;border:1px solid #dfecf7;background:linear-gradient(150deg,#f4faff,#fff 78%);box-shadow:0 15px 40px #204a7713;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}
#ecosystem .cb-evolution-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #204a7725}
#ecosystem .cb-evolution-saas{background:linear-gradient(145deg,#f0fcfb,#fff 80%)}
#ecosystem .cb-evolution-finance{background:linear-gradient(145deg,#fff8ed,#fff 80%);border-color:#f7e5d3}
#ecosystem .cb-evolution-card-heading{display:flex;justify-content:space-between;align-items:start;gap:8px}
#ecosystem .cb-evolution-card h4{font-size:clamp(18px,1.4vw,22px);line-height:1.3;font-weight:800;color:#133556;margin:0}
#ecosystem .cb-evolution-card-heading>span{border:1px solid #d7e8f7;background:#fff;color:#3a8fbe;border-radius:100%;width:32px;height:32px;display:grid;place-items:center;flex:none}
#ecosystem .cb-evolution-card>p{font-size:13.5px;line-height:1.7;color:#607b92;margin:13px 0 5px;min-height:70px}
#ecosystem .cb-evolution-art{height:230px;position:relative;margin:13px -10px 15px;display:grid;place-items:center;isolation:isolate}
#ecosystem .cb-evolution-art:before{content:'';position:absolute;width:260px;height:185px;border-radius:50%;background:#cfebff;filter:blur(35px);opacity:.5;z-index:-1}
#ecosystem .cb-evolution-portal-device{width:min(100%,295px);height:177px;display:grid;grid-template-columns:76px 1fr;border:6px solid #fff;background:#fff;border-radius:11px;transform:perspective(800px) rotateY(-8deg) rotateX(4deg);box-shadow:0 16px 27px #174a7650;overflow:hidden}
#ecosystem .cb-evolution-portal-device aside{background:#145486;display:flex;flex-direction:column;gap:11px;padding:13px 8px;color:#c6e4fa;font-size:9px}#ecosystem .cb-evolution-portal-device aside b{color:white;font-size:12px;margin-bottom:5px}#ecosystem .cb-evolution-portal-device aside span:first-of-type{color:white;background:#327ab5;border-radius:4px;padding:5px 3px}
#ecosystem .cb-evolution-device-main{padding:13px 9px;background:#f7fbfe;min-width:0}#ecosystem .cb-evolution-device-main strong{font-size:12px;color:#204e70}#ecosystem .cb-evolution-device-main strong small{font-size:8px;color:#7897ab}
#ecosystem .cb-evolution-device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}#ecosystem .cb-evolution-device-grid>span{background:#fff;box-shadow:0 2px 6px #1c568914;border:1px solid #e4f0f9;border-radius:6px;display:grid;justify-items:center;padding:8px 2px 6px;color:#347cb1;font-size:18px}#ecosystem .cb-evolution-device-grid small{color:#536c84;font-size:8px}
#ecosystem .cb-evolution-float{position:absolute;padding:12px 17px;background:white;color:#4e94c4;font-size:23px;border-radius:11px;box-shadow:0 9px 18px #356b9138}#ecosystem .cb-evolution-float-one{top:9px;right:4px}#ecosystem .cb-evolution-float-two{bottom:12px;left:0}
#ecosystem .cb-evolution-orbit{height:215px;width:280px;max-width:100%;position:relative;border:2px dashed #b0dada;border-radius:50%;transform:scale(.95)}
#ecosystem .cb-evolution-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:121px;width:139px;border-radius:45%;background:linear-gradient(150deg,#fff,#b7e0ed);box-shadow:0 12px 22px #26728f29;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#38a2c7;font-size:37px;text-align:center}
#ecosystem .cb-evolution-hub b{font-size:14px;line-height:1.3;color:#15557a}#ecosystem .cb-evolution-hub small{font-size:10px;color:#346980}
#ecosystem .cb-evolution-node{position:absolute;width:66px;height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;border:1px solid #d0e8eb;border-radius:14px;box-shadow:0 5px 16px #26728f25;color:#2692b4;font-size:25px}#ecosystem .cb-evolution-node small{font-size:10px;font-weight:800;color:#476f87}#ecosystem .cb-node-team{top:-12px;left:9px}#ecosystem .cb-node-cloud{top:-12px;right:9px}#ecosystem .cb-node-api{bottom:-12px;left:9px}#ecosystem .cb-node-app{bottom:-12px;right:9px}
#ecosystem .cb-evolution-art-finance:before{background:#ffe6c4}#ecosystem .cb-evolution-bank{position:relative;width:176px;height:143px;margin-top:32px;filter:drop-shadow(0 12px 8px #ae83523b)}
#ecosystem .cb-evolution-roof{width:190px;height:44px;margin-left:-7px;background:#4586b9;clip-path:polygon(50% 0,100% 100%,0 100%);border-bottom:6px solid #f6b35e}#ecosystem .cb-evolution-columns{height:88px;display:flex;justify-content:space-evenly;align-items:stretch;background:#dbefff;border-top:9px solid #84b5d5;border-bottom:9px solid #84b5d5}#ecosystem .cb-evolution-columns i{width:21px;background:linear-gradient(90deg,#82b0d2,#f4faff 48%,#86badb);border-radius:4px 4px 0 0}#ecosystem .cb-evolution-base{height:13px;background:#447fad;box-shadow:0 5px 0 #bad6e9}
#ecosystem .cb-evolution-chart{position:absolute;top:24px;right:0;color:#f0a342;font-size:47px;letter-spacing:-5px;transform:rotate(-4deg)}#ecosystem .cb-evolution-shield{position:absolute;top:30px;left:2px;width:38px;height:41px;clip-path:polygon(50% 0,95% 20%,85% 75%,50% 100%,15% 75%,5% 20%);background:#fff1d5;color:#e69b33;display:grid;place-items:center;font-size:24px;font-weight:bold}#ecosystem .cb-evolution-future{position:absolute;right:-5px;bottom:9px;background:#ffebd1;color:#c47d31;padding:11px 13px;border-radius:12px;font-size:13px;font-weight:800;line-height:1.2}
#ecosystem .cb-evolution-disclaimer{font-size:11px;line-height:1.5;color:#ab762a;font-weight:650;margin:0 0 8px;min-height:33px}
#ecosystem .cb-evolution-link{font-weight:850;font-size:14px;display:inline-flex;align-items:center;gap:8px;align-self:start;color:#167dc2;text-decoration:none;margin-top:auto;padding:9px 0}
#ecosystem .cb-evolution-link:hover,#ecosystem .cb-evolution-link:focus-visible{text-decoration:underline;text-underline-offset:4px}#ecosystem .cb-evolution-link span{transition:transform .2s ease}#ecosystem .cb-evolution-link:hover span{transform:translateX(5px)}
@media(max-width:980px){#ecosystem .cb-evolution-top{grid-template-columns:1fr;gap:14px}#ecosystem .cb-evolution-cards{gap:12px}#ecosystem .cb-evolution-card{padding:19px 14px;min-height:470px}#ecosystem .cb-evolution-card>p{min-height:90px}#ecosystem .cb-evolution-art{transform:scale(.88);margin-inline:-20px}}
@media(max-width:700px){#ecosystem.cb-evolution-section{padding:45px 0 52px}#ecosystem .cb-evolution-top h2{letter-spacing:-.7px}#ecosystem .cb-evolution-top>p{font-size:13px}#ecosystem .cb-evolution-track{display:none}#ecosystem .cb-evolution-cards{grid-template-columns:1fr;gap:31px;position:relative}#ecosystem .cb-evolution-card{position:relative;min-height:unset;padding:22px 19px;border-radius:21px}#ecosystem .cb-evolution-card:not(:last-child):after{content:'↓';font-weight:900;position:absolute;bottom:-31px;left:50%;transform:translateX(-50%);font-size:25px;color:#2ba3b4}#ecosystem .cb-evolution-card>p{min-height:0}#ecosystem .cb-evolution-art{transform:none;margin:12px 0 15px;height:224px}#ecosystem .cb-evolution-disclaimer{min-height:0}#ecosystem .cb-evolution-card h4{font-size:20px}}
@media(max-width:360px){#ecosystem .cb-evolution-card{padding:19px 13px}#ecosystem .cb-evolution-art{transform:scale(.88);margin-inline:-12px}#ecosystem .cb-evolution-future{right:0}}
@media(prefers-reduced-motion:reduce){#ecosystem .cb-evolution-card,#ecosystem .cb-evolution-link span{transition:none}#ecosystem .cb-evolution-card:hover{transform:none}}

/* V2 fidelity pass: approved Option 4 illustrated journey — section-only overrides */
#ecosystem.cb-evolution-section{padding:54px 0 74px;background:linear-gradient(180deg,#eff8ff 0%,#f7fcff 74%,#fff 100%);isolation:isolate}
#ecosystem .cb-evolution-landscape{position:absolute;inset:0 0 auto;height:470px;background:url('/themes/corporate-blue/assets/cb-evolution-landscape-v3.svg') center top / cover no-repeat;pointer-events:none;opacity:.95;z-index:0}
#ecosystem .cb-evolution-inner{max-width:1510px;width:calc(100% - 76px)}
#ecosystem .cb-evolution-top{margin-bottom:8px;grid-template-columns:1.8fr 1fr;align-items:center}
#ecosystem .cb-evolution-label{letter-spacing:1px;border:1px solid #cfe3f9;padding:8px 14px;border-radius:25px;width:max-content;background:#f5faffd9;font-size:13px}
#ecosystem .cb-evolution-top h2{font-size:clamp(31px,3.15vw,51px);line-height:1.04;letter-spacing:-1.9px;max-width:940px}
#ecosystem .cb-evolution-top h2 span{font-size:.83em;white-space:normal}
#ecosystem .cb-evolution-top h2 em{color:#2479d3}
#ecosystem .cb-teal{color:#12b5b0}
#ecosystem .cb-evolution-top>p{max-width:440px;font-size:15px;line-height:1.65}
#ecosystem .cb-evolution-track{height:124px;align-items:end;padding-bottom:4px;margin:5px 0 -5px}
#ecosystem .cb-evolution-route{position:absolute;left:0;right:0;bottom:6px;width:100%;height:116px;overflow:visible;filter:drop-shadow(0 5px 6px #3f91ba29)}
#ecosystem .cb-evolution-track-line{display:none}
#ecosystem .cb-evolution-step{height:63px;width:63px;font-size:20px;border:7px solid #fff;box-shadow:0 8px 19px #164c7b43;transform:translateY(-5px)}
#ecosystem .cb-evolution-step.teal{transform:translateY(4px)}
#ecosystem .cb-evolution-step.amber{transform:translateY(-23px)}
#ecosystem .cb-evolution-cards{gap:21px}
#ecosystem .cb-evolution-card{min-height:420px;padding:23px 25px 22px;border-radius:24px;border:1px solid #cfe4f8;box-shadow:0 12px 35px #195f9422;position:relative;background:linear-gradient(145deg,#f5fbffec,#fffefcf0);backdrop-filter:blur(4px)}
#ecosystem .cb-evolution-saas{background:linear-gradient(145deg,#edfcfbf0,#fffefcf0);border-color:#c9e9ec}
#ecosystem .cb-evolution-finance{background:linear-gradient(145deg,#fff7edf0,#fffefcf0);border-color:#f5dbbf}
#ecosystem .cb-evolution-card h4{font-size:clamp(19px,1.6vw,24px)}
#ecosystem .cb-evolution-card>p{font-size:14px;min-height:52px;line-height:1.55}
#ecosystem .cb-evolution-art{height:210px;margin:5px -5px 6px;transform:scale(1.05)}
#ecosystem .cb-evolution-portal-device{width:min(100%,335px);height:194px}
#ecosystem .cb-evolution-orbit{height:210px;width:290px}
#ecosystem .cb-evolution-bank{transform:scale(1.17)}
#ecosystem .cb-evolution-link{font-size:15px}
#ecosystem .cb-evolution-disclaimer{font-size:11.5px}
@media (max-width:980px){#ecosystem .cb-evolution-inner{width:calc(100% - 34px)}#ecosystem .cb-evolution-card{padding:18px 13px;min-height:460px}#ecosystem .cb-evolution-art{transform:scale(.88)}#ecosystem .cb-evolution-top{gap:16px}}
@media (max-width:700px){#ecosystem.cb-evolution-section{padding:38px 0 46px}#ecosystem .cb-evolution-inner{width:calc(100% - 28px)}#ecosystem .cb-evolution-landscape{height:320px;opacity:.62}#ecosystem .cb-evolution-top{display:block;margin-bottom:22px}#ecosystem .cb-evolution-top h2{font-size:clamp(27px,8vw,36px);line-height:1.13;letter-spacing:-.7px}#ecosystem .cb-evolution-top>p{margin-top:15px;font-size:14px}#ecosystem .cb-evolution-track{display:none}#ecosystem .cb-evolution-card{min-height:unset;padding:22px 20px}#ecosystem .cb-evolution-art{height:230px;transform:none}#ecosystem .cb-evolution-cards{gap:28px}}
@media(max-width:350px){#ecosystem .cb-evolution-art{transform:scale(.86);margin-inline:-10px}}

/* V3: approved illustration fidelity, constrained to the three journey panels */
#ecosystem.cb-evolution-section{padding:35px 0 45px}
#ecosystem .cb-evolution-inner{width:calc(100% - 72px);max-width:1560px}
#ecosystem .cb-evolution-landscape{height:550px;opacity:1;background-size:cover}
#ecosystem .cb-evolution-label{margin-bottom:13px}
#ecosystem .cb-evolution-top h2{font-size:clamp(34px,3.05vw,52px);line-height:1.04}
#ecosystem .cb-evolution-top h2 span{font-size:.83em}
#ecosystem .cb-evolution-track{height:101px;margin-bottom:-3px}
#ecosystem .cb-evolution-route{height:118px;bottom:0}
#ecosystem .cb-evolution-step{width:61px;height:61px}
#ecosystem .cb-evolution-cards{gap:18px}
#ecosystem .cb-evolution-card{padding:21px 23px 19px;min-height:385px;border-radius:23px}
#ecosystem .cb-evolution-card h4{font-size:clamp(19px,1.38vw,24px)}
#ecosystem .cb-evolution-card>p{font-size:13.5px;margin:10px 0 0;min-height:52px}
#ecosystem .cb-evolution-art{height:205px;width:100%;margin:0 auto 5px;transform:none;display:flex;align-items:center;justify-content:center}
#ecosystem .cb-evolution-art:before{display:none}
#ecosystem .cb-evolution-illustration{display:block;width:100%;max-width:490px;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px #316e9a12)}
#ecosystem .cb-evolution-art-portal .cb-evolution-illustration{transform:scale(1.11);transform-origin:center}
#ecosystem .cb-evolution-art-saas .cb-evolution-illustration{transform:scale(1.07)}
#ecosystem .cb-evolution-art-finance .cb-evolution-illustration{transform:scale(1.11)}
#ecosystem .cb-evolution-disclaimer{min-height:28px;font-size:11px;line-height:1.35;margin-top:0}
#ecosystem .cb-evolution-link{font-size:14.5px}
@media(max-width:980px){#ecosystem .cb-evolution-inner{width:calc(100% - 32px)}#ecosystem .cb-evolution-card{min-height:405px;padding:17px 13px}#ecosystem .cb-evolution-art{height:185px;transform:none}#ecosystem .cb-evolution-card>p{min-height:65px}}
@media(max-width:700px){#ecosystem.cb-evolution-section{padding:36px 0 50px}#ecosystem .cb-evolution-inner{width:calc(100% - 28px)}#ecosystem .cb-evolution-landscape{height:440px;opacity:.8}#ecosystem .cb-evolution-card{min-height:unset;padding:20px}#ecosystem .cb-evolution-art{height:235px}#ecosystem .cb-evolution-card>p{min-height:0}#ecosystem .cb-evolution-disclaimer{min-height:0}}
@media(max-width:360px){#ecosystem .cb-evolution-art{height:190px}}