/* Spacious division panels, sharing the established VERTIVO design tokens. */
.ecosystem-showcase{background:var(--white)}
.ecosystem-intro{padding-block:5.5rem 4rem}.ecosystem-intro>.eyebrow{color:var(--gold);margin-bottom:2rem}.ecosystem-intro h2{font-size:clamp(2rem,4.4vw,4.3rem);font-weight:500;line-height:1.2;letter-spacing:-.045em;display:flex;flex-wrap:wrap;gap:.15em .3em}.ecosystem-intro h2 em{font-size:1.1em}
.ecosystem-panel{--panel-line:var(--line);--panel-muted:var(--muted);position:relative;border-top:1px solid var(--panel-line);scroll-margin-top:112px}
.panel-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(2rem,6vw,6rem);padding-block:2rem 4.5rem;min-height:490px;align-items:center}
.panel-index{grid-column:1/-1;display:flex;align-items:center;gap:1.1rem;margin-bottom:3rem;color:var(--panel-muted);font-size:.75rem;letter-spacing:.13em}.panel-index>span:first-child{color:var(--gold)}.panel-index-line{width:44px;height:1px;background:var(--gold);transform-origin:left;transition:transform 500ms var(--ease)}
.panel-copy{min-width:0}.panel-copy h3{font-size:clamp(2.4rem,5vw,4.7rem);font-weight:500;letter-spacing:-.055em;line-height:1.1}.panel-brand-prefix{display:block;font-size:.8125rem;font-weight:500;letter-spacing:.18em;line-height:1.5;margin-bottom:1rem;color:var(--panel-muted)}
.panel-topics{font-size:.875rem;line-height:1.9;margin-top:1.3rem;color:var(--panel-muted)}.panel-description{font-size:clamp(1rem,1.45vw,1.125rem);line-height:1.85;max-width:550px;margin-top:1.3rem}.panel-action{margin-top:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.panel-action .button{gap:1.75rem}.panel-action .button:disabled{opacity:1;color:var(--panel-muted);border-color:var(--panel-line);background:transparent;cursor:default}.panel-soon{color:var(--panel-muted);font-size:.75rem;line-height:1.6}
.panel-identity{align-self:stretch;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-left:1px solid var(--panel-line);padding:2rem 0 3rem 3rem}.panel-identity img{display:block;object-fit:contain;width:100%;max-width:430px;height:150px;transition:transform 600ms var(--ease)}.identity-caption{position:absolute;bottom:0;left:3rem;color:var(--panel-muted);font-size:.75rem;letter-spacing:.12em;line-height:1.7}
.panel-craft{background:var(--surface)}.panel-studio{background:var(--ink);color:var(--white);--panel-line:#41413d;--panel-muted:#bcbcb7}.panel-studio .panel-identity img{filter:brightness(0) invert(1)}.panel-studio .panel-index>span:first-child{color:#b4a17b}.panel-script .panel-copy h3{font-size:clamp(2.25rem,4.1vw,3.9rem);max-width:540px}.panel-script{border-bottom:1px solid var(--line)}
@media(hover:hover){.ecosystem-panel:hover .panel-index-line{transform:scaleX(1.5)}.ecosystem-panel:hover .panel-identity img{transform:translateY(-5px)}}
@media(max-width:800px){.panel-inner{column-gap:2rem;min-height:450px}.panel-identity{padding-left:2rem}.identity-caption{left:2rem}.panel-copy h3{font-size:clamp(2rem,5vw,3rem)}.panel-script .panel-copy h3{font-size:clamp(1.9rem,4.5vw,2.8rem)}}
@media(max-width:600px){.ecosystem-intro{padding-block:3.5rem 2.5rem}.ecosystem-intro>.eyebrow{margin-bottom:1.5rem}.ecosystem-panel{scroll-margin-top:88px}.panel-inner{grid-template-columns:1fr;padding-block:1.5rem 3rem;min-height:0}.panel-index{margin-bottom:2rem}.panel-copy h3{font-size:2.65rem}.panel-script .panel-copy h3{font-size:2.45rem}.panel-identity{grid-row:2;border-left:0;border-bottom:1px solid var(--panel-line);padding:0 0 1.7rem;margin-bottom:2rem;align-items:flex-start}.panel-identity img{width:85%;max-width:330px;height:100px;object-position:left center}.identity-caption{display:none}.panel-description{max-width:100%}.panel-action .button{font-size:.8125rem;padding-inline:1rem;gap:1rem}.panel-brand-prefix{margin-bottom:.8rem}}
@media(prefers-reduced-motion:reduce){.panel-index-line,.panel-identity img{transition:none}.ecosystem-panel:hover .panel-index-line,.ecosystem-panel:hover .panel-identity img{transform:none}}

.panel-studio a.button-secondary{color:var(--white);border-color:var(--panel-line)}.panel-studio a.button-secondary:hover{background:var(--white);color:var(--ink)}