.ecosystem{padding:85px 0;background:#fff}.ecosystem-heading{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:38px}.ecosystem-heading h2{font-size:clamp(31px,3.3vw,44px);line-height:1.17;max-width:660px}.ecosystem-heading h2 span{color:#123b73}.ecosystem-heading>p{font-size:14px;line-height:1.8;max-width:330px}.ecosystem-route{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;margin-bottom:30px}.ecosystem-route:before{content:'';position:absolute;left:35px;right:35px;top:25px;height:2px;background:linear-gradient(90deg,#dbe8f7,#6196c8,#123b73,#c81f32,#edd0d6);pointer-events:none}.eco-tab{border:0;border-bottom:2px solid #e1eaf4;background:none;text-align:left;padding:0 10px 17px 0;position:relative;color:#677e98;display:flex;flex-direction:column;align-items:start;gap:8px;cursor:pointer;min-height:135px}.eco-step{display:grid;place-items:center;background:#f1f6fc;border:1px solid #d3e1f0;box-shadow:0 0 0 8px #fff;width:50px;height:50px;border-radius:50%;font-size:17px;font-weight:600;color:#7189a4;margin-bottom:9px;transition:background .3s,border-color .3s,color .3s}.eco-tab b{font-size:16px;color:#123b73;font-weight:700;letter-spacing:-.02em}.eco-tab>span:last-child{font-size:12px;line-height:1.45;max-width:185px}.eco-tab[aria-selected=true]{border-bottom-color:#c81f32}.eco-tab[aria-selected=true] .eco-step{background:#123b73;border-color:#123b73;color:#fff}.eco-tab[aria-selected=true] b{color:#c81f32}.eco-tab:hover .eco-step{border-color:#c81f32}.eco-panel{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:center;padding:44px 50px;background:linear-gradient(135deg,#f2f7fd,#fff 80%);border:1px solid #e1eaf5;border-radius:20px 65px 20px 20px;min-height:340px;position:relative;overflow:hidden}.eco-panel-copy{position:relative;z-index:2}.eco-panel-copy h3{font-size:24px;color:#123b73;line-height:1.25;margin-bottom:15px}.eco-panel-copy h4{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:0;color:#0b2449;max-width:660px}.eco-panel-copy p{font-size:14px;line-height:1.85;margin-top:21px;max-width:600px}.eco-panel .text-link{margin-top:24px}.eco-visual{height:230px;position:relative;display:grid;place-items:center;isolation:isolate}.eco-visual:before{content:'';position:absolute;width:225px;height:225px;border:1px solid #c1d5eb;border-radius:50%;transform:rotate(-20deg) scaleY(.8)}.eco-visual:after{content:'';position:absolute;width:245px;height:155px;border:1px solid #e2b2bb;border-radius:50%;transform:rotate(24deg);z-index:-1}.eco-glass{width:150px;height:150px;border-radius:42px;background:radial-gradient(circle at 20% 12%,#fff,#d7e7fa 62%,#89acd5);border:1px solid white;box-shadow:0 16px 35px #123b7319,inset 0 0 14px #fff;display:grid;place-items:center;animation:eco-float 5.5s ease-in-out infinite}.eco-graphic{width:78px;height:78px;display:block;overflow:visible;color:#123b73}.eco-graphic[hidden]{display:none}.eco-graphic img{width:100%;height:100%;object-fit:contain}.eco-satellite{position:absolute;width:10px;height:10px;border-radius:50%;background:#c81f32;top:19px;right:65px;animation:eco-satellite 5.5s ease-in-out infinite}.eco-tools{margin-top:40px;background:#123b73;color:#fff;border-radius:16px;padding:30px 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.eco-tool{position:relative;padding-right:22px}.eco-tool+.eco-tool{border-left:1px solid #ffffff25;padding-left:26px}.eco-tool svg{width:30px;height:30px;stroke:#c9def8;margin-bottom:15px;display:block}.eco-tool h3{font-size:17px;color:white;line-height:1.3;letter-spacing:-.02em}.eco-tool p{font-size:12px;color:#d2e1f2;line-height:1.8;margin-top:12px}.eco-tools-heading{font-size:20px;letter-spacing:-.025em;margin:38px 0 0;color:#123b73;line-height:1.4}.eco-tools-heading+.eco-tools{margin-top:18px}@keyframes eco-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes eco-satellite{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,8px)}}@media(max-width:1000px){.eco-panel{grid-template-columns:210px 1fr;gap:28px;padding:35px}.eco-tool{padding-right:5px}.eco-tool+.eco-tool{padding-left:18px}.eco-tools{gap:18px;padding:26px}.eco-tab>span:last-child{font-size:11px}.ecosystem-heading>p{max-width:290px}.eco-panel-copy h4{font-size:28px}}@media(max-width:760px){.ecosystem{padding:60px 0}.ecosystem-heading{display:block;margin-bottom:28px}.ecosystem-heading h2{font-size:32px}.ecosystem-heading>p{font-size:13px;max-width:100%;margin-top:20px}.ecosystem-route{grid-template-columns:1fr;gap:0;margin-bottom:25px}.ecosystem-route:before{left:21px;top:10px;bottom:10px;right:auto;width:2px;height:auto;background:linear-gradient(#6196c8,#123b73,#c81f32)}.eco-tab{display:grid;grid-template-columns:44px 1fr;column-gap:16px;row-gap:2px;min-height:74px;padding:11px 0;border:0}.eco-step{grid-row:1/3;width:42px;height:42px;box-shadow:0 0 0 5px white;margin:0;font-size:15px}.eco-tab b{font-size:15px;align-self:end}.eco-tab>span:last-child{font-size:12px;max-width:100%}.eco-tab[aria-selected=true]{border:0}.eco-panel{grid-template-columns:1fr;gap:12px;padding:27px;border-radius:20px 50px 20px 20px;min-height:0}.eco-visual{height:180px}.eco-visual:before{width:190px;height:190px}.eco-visual:after{width:215px;height:130px}.eco-glass{width:125px;height:125px;border-radius:34px}.eco-graphic{width:66px;height:66px}.eco-satellite{right:calc(50% - 75px);top:10px}.eco-panel-copy h3{font-size:20px}.eco-panel-copy h4{font-size:27px}.eco-panel-copy p{font-size:13px;margin-top:17px}.eco-tools-heading{font-size:19px;margin-top:30px}.eco-tools{grid-template-columns:1fr 1fr;gap:24px;padding:25px}.eco-tool,.eco-tool+.eco-tool{border:0;padding:0}.eco-tool h3{font-size:16px}.eco-tool p{font-size:12px}.eco-tool svg{width:28px;height:28px;margin-bottom:12px}}@media(max-width:380px){.eco-tools{grid-template-columns:1fr}.eco-tool+.eco-tool{border-top:1px solid #ffffff25;padding-top:22px}}@media(prefers-reduced-motion:reduce){.eco-glass,.eco-satellite{animation:none}.eco-step{transition:none}}