/* Styles the detailed ecosystem reference page while preserving the shared V2 visual language. */
:root{--eco-red:#ed2743;--eco-blue:#6fd4f0;--eco-yellow:#ffc942;--eco-dark:#202126;--eco-muted:#5f626a;--eco-pale:#f2f8fa;--eco-border:#dde2e5;--eco-white:#fff}
.ecosystem-v2-page{margin:0;overflow-x:hidden;background:var(--eco-white)}
.ecosystem-v2-page [data-public-contact-modal="true"]{font-family:"Montserrat",sans-serif}
.ecosystem-v2,.ecosystem-v2 button,.ecosystem-v2 a{font-family:"Montserrat",sans-serif}
.ecosystem-v2{overflow:hidden;color:var(--eco-dark);background:var(--eco-white);font-size:16px;line-height:1.65}
.ecosystem-v2 *{box-sizing:border-box}
.ecosystem-v2__symbols{position:absolute;width:0;height:0;overflow:hidden}
.ecosystem-v2__container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.ecosystem-v2 h1,.ecosystem-v2 h2,.ecosystem-v2 h3,.ecosystem-v2 p{margin-top:0}
.ecosystem-v2 h1,.ecosystem-v2 h2{font-weight:700;letter-spacing:-.035em;line-height:1.08}
.ecosystem-v2 h1{max-width:760px;margin-bottom:28px;font-size:clamp(38px,4.4vw,62px)}
.ecosystem-v2 h2{margin-bottom:24px;font-size:clamp(30px,3vw,42px)}
.ecosystem-v2 h3{margin-bottom:10px;font-size:20px;line-height:1.3}
.ecosystem-v2__eyebrow{margin-bottom:16px;color:var(--eco-red);font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.ecosystem-v2__hero{padding:88px 0 160px;background:var(--eco-blue)}
.ecosystem-v2__hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:center;gap:72px}
.ecosystem-v2__back{display:inline-block;margin-bottom:34px;color:var(--eco-dark);font-size:13px;font-weight:600;text-decoration:none}
.ecosystem-v2__hero .ecosystem-v2__eyebrow{color:var(--eco-dark)}
.ecosystem-v2__lead{max-width:760px;margin-bottom:32px;color:#343940;font-size:19px;line-height:1.7}
.ecosystem-v2__hero-proof{padding:34px;border:1px solid rgba(32,33,38,.16);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 20px 45px rgba(32,33,38,.1)}
.ecosystem-v2__hero-proof strong,.ecosystem-v2__hero-proof span{display:block}
.ecosystem-v2__hero-proof strong{margin-top:22px;font-size:18px;line-height:1.35}
.ecosystem-v2__hero-proof span{margin-top:5px;color:var(--eco-muted);font-size:14px}
.ecosystem-v2__proof-label{margin-bottom:4px;color:var(--eco-red);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ecosystem-v2__cloud-transition{position:relative;z-index:3;height:150px;margin-top:-130px;background-image:url('/wp-content/uploads/2023/03/nuage_v2.png');background-position:0 0;background-repeat:repeat-x;background-size:auto 150px;pointer-events:none}
.ecosystem-v2__actions{display:flex;flex-wrap:wrap;gap:14px}
.ecosystem-v2__actions--center{justify-content:center}
.ecosystem-v2__button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;padding:14px 24px;border:2px solid transparent;border-radius:12px;font-size:15px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.ecosystem-v2__button:hover{transform:translateY(-2px);text-decoration:none}
.ecosystem-v2__button--primary{color:var(--eco-white);background:var(--eco-red);box-shadow:0 13px 28px rgba(213,29,59,.2)}
.ecosystem-v2__button--secondary{border-color:#c7c9cc;color:var(--eco-dark);background:var(--eco-white)}
.ecosystem-v2__index{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--eco-border);background:rgba(255,255,255,.96);box-shadow:0 7px 22px rgba(32,33,38,.06)}
.ecosystem-v2__index-inner{display:flex;overflow-x:auto;gap:8px;padding-top:14px;padding-bottom:14px;scrollbar-width:thin}
.ecosystem-v2__index a{flex:0 0 auto;padding:8px 12px;border-radius:999px;color:var(--eco-dark);background:#f2f3f4;font-size:12px;font-weight:600;text-decoration:none}
.ecosystem-v2__index a:hover{background:#e7f7fb}
.ecosystem-v2__index .ecosystem-v2__index-highlight{color:var(--eco-white);background:var(--eco-red)}
.ecosystem-v2__needs{padding:92px 0}
.ecosystem-v2__needs h2{max-width:820px}
.ecosystem-v2__section-guide{max-width:760px;margin:-4px 0 34px;color:var(--eco-muted);font-size:16px}
.ecosystem-v2__needs-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:44px}
.ecosystem-v2__needs-grid a{display:flex;min-height:190px;flex-direction:column;padding:25px;border:1px solid var(--eco-border);border-radius:20px;color:var(--eco-dark);background:var(--eco-white);text-decoration:none;box-shadow:0 14px 34px rgba(32,33,38,.06);transition:transform .2s ease,border-color .2s ease}
.ecosystem-v2__needs-grid a:nth-child(2n){background:#e7f8fc}
.ecosystem-v2__needs-grid a:nth-child(3){background:#fff2c9}
.ecosystem-v2__needs-grid a:hover{transform:translateY(-4px);border-color:var(--eco-red)}
.ecosystem-v2__needs-grid strong{font-size:18px;line-height:1.3}
.ecosystem-v2__needs-grid span{margin-top:12px;color:var(--eco-muted);font-size:14px}
.ecosystem-v2__applications{padding:96px 0;background:var(--eco-pale);scroll-margin-top:80px}
.ecosystem-v2__applications h2{max-width:820px}
.ecosystem-v2__applications-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ecosystem-v2__applications-grid>article{padding:34px;border:1px solid var(--eco-border);border-radius:20px;background:var(--eco-white);box-shadow:0 14px 34px rgba(32,33,38,.06)}
.ecosystem-v2__applications-grid>article:nth-child(3n){background:#fff4d2}
.ecosystem-v2__applications-grid>article.ecosystem-v2__application--featured{background:var(--eco-blue)}
.ecosystem-v2__application-icon{display:block;width:72px;height:72px;margin-bottom:22px;object-fit:contain;object-position:left center}
.ecosystem-v2__applications-grid h3{font-size:24px}
.ecosystem-v2__applications-grid>article>p{color:var(--eco-muted);font-size:15px}
.ecosystem-v2__applications-grid ul{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.ecosystem-v2__applications-grid li{padding:8px 11px;border-radius:999px;color:var(--eco-dark);background:#f1f2f3;font-size:12px;font-weight:600}
.ecosystem-v2__applications-grid>article:nth-child(3n) li,.ecosystem-v2__application--featured li{background:rgba(255,255,255,.72)}
.ecosystem-v2__tool-stack{display:grid;gap:12px;margin-top:22px}
.ecosystem-v2__tool-stack>div{padding:18px;border-radius:14px;background:rgba(255,255,255,.78)}
.ecosystem-v2__tool-stack strong,.ecosystem-v2__tool-stack span{display:block}
.ecosystem-v2__tool-stack strong{font-size:15px}
.ecosystem-v2__tool-stack span{margin-top:5px;color:#42464c;font-size:12px;line-height:1.55}
.ecosystem-v2__orientation{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:28px;padding:28px 30px;border:1px solid rgba(32,33,38,.12);border-radius:20px;background:var(--eco-white);box-shadow:0 14px 34px rgba(32,33,38,.06)}
.ecosystem-v2__orientation div{max-width:690px}
.ecosystem-v2__orientation strong,.ecosystem-v2__orientation span{display:block}
.ecosystem-v2__orientation strong{font-size:20px;line-height:1.35}
.ecosystem-v2__orientation span{margin-top:6px;color:var(--eco-muted);font-size:14px;line-height:1.65}
.ecosystem-v2__orientation .ecosystem-v2__button{flex:0 0 auto}
.ecosystem-v2__ai{padding:96px 0;background:var(--eco-white);scroll-margin-top:80px}
.ecosystem-v2__ai h2{max-width:880px}
.ecosystem-v2__ai .ecosystem-v2__resource-grid{margin-top:42px}
.ecosystem-v2__ai .ecosystem-v2__orientation{background:#e7f8fc}
.ecosystem-v2__catalogue{padding:96px 0;background:#f5f6f6;scroll-margin-top:80px}
.ecosystem-v2__catalogue h2{max-width:820px}
.ecosystem-v2__intro{max-width:850px;margin-bottom:42px;color:var(--eco-muted);font-size:18px}
.ecosystem-v2__details-list{display:grid;gap:16px}
.ecosystem-v2__detail{overflow:hidden;border:1px solid var(--eco-border);border-radius:20px;background:var(--eco-white);scroll-margin-top:88px;box-shadow:0 10px 28px rgba(32,33,38,.04)}
.ecosystem-v2__detail summary{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:18px;padding:25px 30px;cursor:pointer;list-style:none}
.ecosystem-v2__detail summary::-webkit-details-marker{display:none}
.ecosystem-v2__detail summary>span{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;color:var(--eco-white);background:var(--eco-red);font-size:13px;font-weight:700}
.ecosystem-v2__detail summary div{position:relative;padding-right:50px}
.ecosystem-v2__detail summary div::after{position:absolute;top:50%;right:4px;width:16px;height:16px;border-right:2px solid var(--eco-dark);border-bottom:2px solid var(--eco-dark);content:"";transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}
.ecosystem-v2__detail[open] summary div::after{transform:translateY(-25%) rotate(225deg)}
.ecosystem-v2__detail summary strong,.ecosystem-v2__detail summary small{display:block}
.ecosystem-v2__detail summary strong{font-size:22px;line-height:1.3}
.ecosystem-v2__detail summary small{margin-top:4px;color:var(--eco-muted);font-size:14px}
.ecosystem-v2__detail[open] summary{border-bottom:1px solid var(--eco-border);background:#f9fcfd}
.ecosystem-v2__detail-body{padding:34px 30px 38px}
.ecosystem-v2__detail-lead{max-width:900px;margin-bottom:28px;color:#464950;font-size:17px}
.ecosystem-v2__resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ecosystem-v2__resource-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ecosystem-v2__resource-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ecosystem-v2__resource-grid article{display:flex;min-height:210px;flex-direction:column;padding:24px;border-radius:16px;background:var(--eco-pale)}
.ecosystem-v2__resource-grid article:nth-child(2n){background:#fff4d2}
.ecosystem-v2__resource-grid p{margin-bottom:18px;color:var(--eco-muted);font-size:14px}
.ecosystem-v2__resource-grid article>div{display:flex;flex-direction:column;gap:5px;margin-top:auto}
.ecosystem-v2__resource-grid a,.ecosystem-v2__text-link{color:var(--eco-red);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ecosystem-v2__detail-body>.ecosystem-v2__text-link{display:inline-block;margin-top:24px}
.ecosystem-v2__chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.ecosystem-v2__chips span{padding:9px 14px;border-radius:999px;color:var(--eco-dark);background:#e8f7fb;font-size:13px;font-weight:600}
.ecosystem-v2__availability{padding:86px 0;color:var(--eco-dark);background:var(--eco-yellow)}
.ecosystem-v2__availability-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px}
.ecosystem-v2__availability .ecosystem-v2__eyebrow{color:var(--eco-dark)}
.ecosystem-v2__availability p:last-child{margin-bottom:0;font-size:18px;line-height:1.75}
.ecosystem-v2__contact{padding:94px 0;background:var(--eco-pale);text-align:center}
.ecosystem-v2__contact h2{max-width:850px;margin-right:auto;margin-left:auto}
.ecosystem-v2__contact>div>p:not(.ecosystem-v2__eyebrow){max-width:760px;margin:0 auto 30px;color:var(--eco-muted);font-size:18px}
.ecosystem-v2__contact small{display:block;margin-top:20px;color:var(--eco-muted)}
@media(max-width:1050px){.ecosystem-v2__hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:38px}.ecosystem-v2__needs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ecosystem-v2__resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ecosystem-v2__container{width:min(100% - 32px,620px)}.ecosystem-v2 h1{font-size:36px}.ecosystem-v2 h2{font-size:29px}.ecosystem-v2__hero{padding:72px 0 150px}.ecosystem-v2__hero-grid,.ecosystem-v2__availability-grid{grid-template-columns:1fr}.ecosystem-v2__hero-grid{gap:42px}.ecosystem-v2__lead{font-size:17px}.ecosystem-v2__hero-proof{padding:27px}.ecosystem-v2__cloud-transition{height:100px;margin-top:-80px;background-size:auto 100px}.ecosystem-v2__actions{display:grid;grid-template-columns:1fr}.ecosystem-v2__button{width:100%}.ecosystem-v2__index{position:relative}.ecosystem-v2__needs,.ecosystem-v2__applications,.ecosystem-v2__ai,.ecosystem-v2__catalogue,.ecosystem-v2__contact{padding:72px 0}.ecosystem-v2__needs-grid,.ecosystem-v2__applications-grid{grid-template-columns:1fr}.ecosystem-v2__needs-grid{margin-top:30px}.ecosystem-v2__needs-grid a{min-height:0}.ecosystem-v2__applications-grid>article{padding:27px 24px}.ecosystem-v2__orientation{display:grid;gap:22px;padding:25px 22px}.ecosystem-v2__detail summary{grid-template-columns:40px minmax(0,1fr);gap:13px;padding:21px 18px}.ecosystem-v2__detail summary>span{width:38px;height:38px}.ecosystem-v2__detail summary div{padding-right:32px}.ecosystem-v2__detail summary strong{font-size:18px}.ecosystem-v2__detail summary small{font-size:12px}.ecosystem-v2__detail-body{padding:25px 18px 28px}.ecosystem-v2__resource-grid,.ecosystem-v2__resource-grid--three,.ecosystem-v2__resource-grid--two{grid-template-columns:1fr}.ecosystem-v2__resource-grid article{min-height:0}.ecosystem-v2__availability{padding:72px 0}.ecosystem-v2__availability-grid{gap:12px}}
@media(max-width:390px){.ecosystem-v2__container{width:calc(100% - 24px)}.ecosystem-v2 h1{font-size:33px}.ecosystem-v2__hero-proof{padding:23px}.ecosystem-v2__detail summary{padding-right:14px;padding-left:14px}}
@media(prefers-reduced-motion:reduce){.ecosystem-v2 *,.ecosystem-v2 *::before,.ecosystem-v2 *::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}