#ecosystem{position:relative;--eco-gutter:max(1.5rem,var(--page-padding))}.eco-intro,.eco-outro,.eco-stage{padding-inline:var(--eco-gutter)}.eco-intro{padding-block:clamp(5rem,13svh,9rem) clamp(4rem,9svh,7rem)}.eco-headline{max-width:12ch;margin-top:3rem;font-size:var(--text-display-xl);line-height:var(--text-display-xl--line-height);letter-spacing:var(--text-display-xl--letter-spacing)}.eco-lead{max-width:34ch;margin:2.5rem 0 0 auto}.eco-runway,.eco-stage{position:relative}.eco-stage{padding-block:5rem}.eco-stage-eyeline{display:flex;gap:.75rem;align-items:center;font:500 var(--text-mono-sm)/1.45 var(--font-mono);letter-spacing:.045em;color:var(--color-paper-mute)}.eco-eyeline-dot{width:5px;height:5px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan-deep)}.eco-panel,.eco-panels{position:relative}.eco-panel{padding-block:3rem;max-width:35rem}.eco-panel-label{display:flex;gap:1.5rem;font:500 var(--text-mono-sm)/1.45 var(--font-mono);letter-spacing:var(--text-mono-sm--letter-spacing);text-transform:uppercase;color:var(--color-cyan)}.eco-panel-label>span{color:var(--color-paper-soft)}.eco-statement{margin-top:1.25rem;max-width:12ch;font-family:var(--font-grotesk);font-size:var(--text-display-l);font-weight:550;line-height:1;letter-spacing:var(--text-display-l--letter-spacing);text-wrap:balance;color:var(--color-paper)}.eco-description{max-width:33ch;margin-top:1.5rem;font-size:var(--text-body-l);line-height:1.5;color:var(--color-paper-lead);text-wrap:pretty}.eco-capabilities{margin-top:1.75rem;display:flex;flex-wrap:wrap;align-content:start;gap:0 1.2rem;max-width:31rem}.eco-capability{position:relative}.eco-capability summary{display:flex;align-items:center;gap:.65rem;min-height:44px;padding-block:.5rem;list-style:none;cursor:pointer;font-size:var(--text-body);color:var(--color-paper-soft);transition:color .18s}.eco-capability summary::-webkit-details-marker{display:none}.eco-capability summary:hover,.eco-capability[open] summary{color:var(--color-cyan)}.eco-plus{position:relative;width:9px;height:9px;flex:none;color:var(--color-cyan-deep)}.eco-plus:after,.eco-plus:before{content:"";position:absolute;background:currentColor}.eco-plus:before{width:9px;height:1px;left:0;top:4px}.eco-plus:after{width:1px;height:9px;top:0;left:4px;transition:transform .2s}.eco-capability[open] .eco-plus:after{transform:scaleY(0)}.eco-capability>p{color:var(--color-paper);font-size:var(--text-body-s);line-height:1.5;max-width:30ch;padding:.7rem 0}.eco-panel-whole .cta-primary{margin-top:2rem}.eco-visual-fallback{width:min(60vw,22rem);margin:3rem auto;color:var(--color-cyan)}.eco-visual-fallback svg{width:100%;height:auto}.eco-core-label,.eco-navigation{display:none}.eco-outro{padding-block:clamp(3rem,8svh,6rem) clamp(5rem,12svh,9rem)}.eco-outro-line{max-width:26ch;font-size:var(--text-display-m);line-height:1.15;letter-spacing:-.02em;color:var(--color-paper-lead)}[data-eco-live]{height:400svh}[data-eco-live] .eco-stage{position:sticky;top:0;height:100svh;min-height:640px;padding-top:max(7.5rem,14svh);padding-bottom:5svh}[data-eco-live] .eco-visual-fallback{position:absolute;top:27%;left:73.5%;transform:translateX(-50%);margin:0;width:min(32vw,24rem)}[data-field-ready=true] [data-eco-live] .eco-visual-fallback{display:none}[data-eco-live] .eco-panels{position:absolute;left:var(--eco-gutter);top:27%;width:35%;height:61%}[data-eco-live] .eco-panel{position:absolute;inset:0;max-width:none;padding:0;clip-path:inset(calc((1 - var(--eco-reveal, 0)) * 100%) 0 calc(var(--eco-leave, 0) * 100%) 0)}[data-eco-live] .eco-capability>p{position:absolute;z-index:3;left:0;top:100%;width:26ch;padding:.65rem .85rem;background:var(--color-surface);border-left:1px solid var(--color-cyan-deep)}[data-eco-live] .eco-navigation{position:absolute;left:var(--eco-gutter);right:calc(var(--page-padding) + var(--rail-safe, 0px));bottom:5svh;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}.eco-navigation button{position:relative;display:flex;align-items:center;gap:1.1rem;min-height:48px;padding:.5rem 0 1rem;text-align:left;font:500 var(--text-body-s)/1.4 var(--font-sans);color:var(--color-paper-soft);cursor:pointer}.eco-navigation button[aria-pressed=true]{color:var(--color-paper)}.eco-nav-number{font:400 var(--text-mono-sm)/1.4 var(--font-mono);color:var(--color-paper-soft)}.eco-navigation button[aria-pressed=true] .eco-nav-number{color:var(--color-cyan)}.eco-nav-track{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--color-paper-faint)}.eco-nav-track:after{content:"";position:absolute;inset:0;background:var(--color-cyan-deep);transform-origin:left;transform:scaleX(var(--eco-fill,0))}[data-eco-live] .eco-core-label{position:absolute;top:74%;left:73.5%;transform:translateX(-50%);display:block;color:var(--color-paper-soft);font:400 var(--text-mono-sm)/1.45 var(--font-mono);letter-spacing:.05em;opacity:0;transition:opacity .4s}[data-eco-live] [data-eco-beat="3"] .eco-core-label{opacity:1}@media (max-width:1023px) and (min-height:640px){.eco-intro{padding-top:5rem}.eco-headline{font-size:var(--text-display-l);max-width:13ch;margin-top:2rem}.eco-lead{margin:2rem 0 0}[data-eco-live]{height:370svh}[data-eco-live] .eco-stage{padding-top:max(6rem,12svh)}[data-eco-live] .eco-visual-fallback{top:20%;left:50%;width:min(56vw,16rem)}.eco-stage-eyeline{font-size:var(--text-mono-sm);max-width:27ch}[data-eco-live] .eco-panels{top:51%;left:var(--eco-gutter);right:var(--eco-gutter);width:auto;height:39%}.eco-panel-label{gap:1rem;font-size:var(--text-mono-sm)}.eco-statement{font-size:var(--text-display-l);max-width:17ch;margin-top:.7rem;line-height:1.06}.eco-description{font-size:var(--text-body);max-width:38ch;margin-top:.85rem;line-height:1.45}.eco-capabilities{margin-top:.55rem;gap:0 1rem;max-width:100%}.eco-capability summary{font-size:var(--text-body-s)}[data-eco-live] .eco-capability{position:static}[data-eco-live] .eco-capability>p{position:absolute;left:0;right:0;top:auto;bottom:0;width:auto;max-width:none}[data-eco-live] .eco-navigation{bottom:3svh;right:var(--eco-gutter);gap:1rem}.eco-navigation button{display:grid;gap:.2rem;min-height:50px;padding-bottom:.7rem;font-size:var(--text-body-s)}.eco-navigation .eco-nav-number{font-size:var(--text-mono-sm)}[data-eco-live] .eco-core-label{top:47%;left:50%}.eco-panel-whole .cta-primary{margin-top:1.1rem}.eco-outro-line{max-width:23ch}}@media (max-width:1023px) and (min-height:640px) and (max-height:739px){[data-eco-live] .eco-panels{top:47%;height:42%}.eco-statement{font-size:var(--text-display-m)}.eco-description{font-size:var(--text-body-s)}.eco-capabilities{margin-top:.3rem}}@media (max-height:639px){.eco-headline{font-size:var(--text-display-l)}.eco-stage{background:var(--color-ink)}.eco-visual-fallback{width:min(45vw,14rem)}.eco-panel{max-width:42rem}}@media (max-height:739px) and (min-width:1024px){[data-eco-live] .eco-panels{top:25%}.eco-statement{font-size:var(--text-display-m)}.eco-description{margin-top:1rem}.eco-capabilities{margin-top:.8rem}}@media (prefers-reduced-motion:reduce){.eco-capability summary,.eco-plus:after{transition:none}}