.studio-ecosystem{--color-accent-text:var(--color-accent-inverse);--ecosystem-line:var(--line-inverse);--ecosystem-tint:color-mix(in srgb,var(--text-inverse)4%,transparent);--ecosystem-mark-frame:5rem;padding-block:var(--space-xl);background:var(--surface-inverse);color:var(--text-inverse);border-block-start:1px solid var(--ecosystem-line);box-shadow:inset 0 2px 0 0 color-mix(in srgb,var(--color-accent-text)45%,transparent)}.studio-ecosystem-heading{align-items:end;gap:var(--space-lg);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);margin-block-end:var(--space-xl);display:grid}.studio-ecosystem-heading h2{letter-spacing:-.04em;text-wrap:balance;max-inline-size:24ch;margin:0;font-size:clamp(2rem,4vw,3.75rem);line-height:1.08}.studio-ecosystem-heading h2 span{color:var(--color-accent-text)}.studio-ecosystem-heading>p{max-inline-size:38ch;color:var(--text-inverse-muted);justify-self:end;margin:0;font-size:1rem;line-height:1.6}.studio-ecosystem-explorer{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.studio-ecosystem :is(.studio-ecosystem-overview,.studio-ecosystem-panel,.studio-ecosystem-panels){min-inline-size:0}.studio-ecosystem-board{background:var(--ecosystem-line);border:1px solid var(--ecosystem-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.studio-ecosystem-tile{min-block-size:8.75rem;min-inline-size:0;padding:var(--space-sm);background:var(--surface-inverse);color:var(--text-inverse);cursor:pointer;border:0;place-items:center;display:grid;position:relative}.studio-ecosystem-tile:hover{background:color-mix(in srgb,var(--text-inverse)5%,var(--surface-inverse))}.studio-ecosystem-tile[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--color-accent-text);background:color-mix(in srgb,var(--color-accent-text)8%,var(--surface-inverse))}.studio-ecosystem-tile-mark{--ecosystem-mark-inline:100%;--ecosystem-mark-block:2.75rem;inline-size:100%;block-size:var(--ecosystem-mark-frame);justify-content:center;align-items:center;display:flex}.studio-ecosystem-tile-mark img{block-size:auto;inline-size:auto;max-inline-size:min(100%,var(--ecosystem-mark-inline));max-block-size:var(--ecosystem-mark-block);object-fit:contain;object-position:center;display:block}.studio-ecosystem-tile-mark[data-logo=nota]{--ecosystem-mark-inline:92%}.studio-ecosystem-tile-mark[data-logo=tablix]{--ecosystem-mark-inline:96%}.studio-ecosystem-tile-mark[data-logo=sst]{--ecosystem-mark-inline:4rem;--ecosystem-mark-block:4.5rem}.studio-ecosystem-tile-mark[data-logo=controlcraft],.studio-ecosystem-tile-mark[data-logo=plainledger]{--ecosystem-mark-inline:100%;--ecosystem-mark-block:2.5rem}.studio-ecosystem-tile-mark[data-logo=devanture]{--ecosystem-mark-inline:92%}.studio-ecosystem-tile-mark[data-logo=offerduel]{--ecosystem-mark-inline:90%}.studio-ecosystem-tile-mark[data-logo=ralika]{--ecosystem-mark-inline:88%}.studio-ecosystem-tile-mark[data-logo=ursly]{--ecosystem-mark-inline:82%;--ecosystem-mark-block:2.5rem}.studio-ecosystem-feature{gap:.5rem var(--space-md);min-block-size:44px;inline-size:100%;padding:var(--space-md)0;color:var(--text-inverse);border:0;border-block-end:1px solid var(--ecosystem-line);text-align:start;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;margin-block-start:var(--space-md);display:grid}.studio-ecosystem-feature>:not(svg){grid-column:1}.studio-ecosystem-feature>strong{font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:500;line-height:1.35}.studio-ecosystem-feature>span:not(.studio-ecosystem-detail-label){color:var(--text-inverse-muted);font-size:.875rem;line-height:1.6}.studio-ecosystem-feature>svg{color:var(--color-accent-text);grid-area:2/2}.studio-ecosystem-detail-label{color:var(--text-inverse-muted);font:.6875rem/1.5 var(--font-mono);letter-spacing:.04em}.studio-ecosystem-feature .studio-ecosystem-detail-label{color:var(--color-accent-text)}.studio-ecosystem-panel[hidden]{display:none}.studio-ecosystem-mission-card[data-covered=true]{visibility:hidden;pointer-events:none}.studio-ecosystem-product-heading{justify-content:space-between;align-items:baseline;gap:.5rem var(--space-md);flex-wrap:wrap;margin-block-end:var(--space-md);display:flex}.studio-ecosystem-product-heading h3{margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.studio-ecosystem-stage{max-inline-size:32ch;color:var(--text-inverse-muted);margin:0;font-size:.75rem;line-height:1.5}.studio-ecosystem-art{border:1px solid var(--ecosystem-line);background:var(--ecosystem-tint);min-block-size:clamp(18rem,27vw,24rem);display:grid;position:relative}.studio-ecosystem-panel[data-ecosystem-product=controlcraft] .studio-ecosystem-art{background:radial-gradient(70% 60% at 18% 68%,#ff5a1f12,transparent 55%),radial-gradient(50% 45% at 92% 30%,#ff5a1f0b,transparent 60%),var(--ecosystem-tint)}.studio-ecosystem-panel[data-ecosystem-product=devanture] .studio-ecosystem-art{background:radial-gradient(70% 60% at 50% 42%,#24457f29,transparent 62%),var(--ecosystem-tint)}.studio-ecosystem-panel[data-ecosystem-product=offerduel] .studio-ecosystem-art{background:linear-gradient(100deg,#24457f21,transparent 55%),linear-gradient(260deg,#8fa6cf17,transparent 55%),var(--ecosystem-tint)}.studio-ecosystem-panel[data-ecosystem-product=ralika] .studio-ecosystem-art{background:radial-gradient(60% 55% at 50% 45%,#d8f56b0f,transparent 60%),var(--ecosystem-tint)}.studio-ecosystem-mission-card{overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:start;padding:clamp(1.25rem,3vw,3rem);display:flex}.studio-ecosystem-mission-card>img{object-fit:contain;object-position:left center;block-size:4rem;inline-size:min(100%,16rem);margin-block-end:var(--space-lg)}.studio-ecosystem-mission-card>p{margin:0}.studio-ecosystem-mission-card .studio-ecosystem-role{max-inline-size:30ch;margin-block:var(--space-xs)var(--space-md);color:var(--text-inverse);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.35rem,2vw,2rem);font-weight:500;line-height:1.2}.studio-ecosystem-mission{max-inline-size:48ch;font-size:1rem;line-height:1.65}.studio-ecosystem-mission-card .studio-ecosystem-studio-role{color:var(--text-inverse-muted);margin-block-start:var(--space-md);font-size:.8125rem;line-height:1.65}.studio-ecosystem .product-splash{block-size:100%;margin:0;display:block;position:absolute;inset:0}.studio-ecosystem .product-splash-frame{aspect-ratio:auto;background:var(--surface-inverse);border-radius:0;outline:none;block-size:100%;inline-size:100%}.studio-ecosystem .product-splash-controls{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.studio-ecosystem .product-splash-button{border-color:var(--ecosystem-line);background:var(--surface-inverse);color:var(--text-inverse)}.studio-ecosystem-skip{align-items:center;gap:var(--space-xs);border:1px solid var(--ecosystem-line);background:var(--surface-inverse);min-block-size:44px;max-inline-size:calc(100% - 88px - 2rem);color:var(--text-inverse);cursor:pointer;padding:.5rem;font-size:.875rem;line-height:1.5;display:inline-flex;position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem}.studio-ecosystem-actions{align-items:center;gap:var(--space-xs)var(--space-sm);padding-block:var(--space-sm);border-block-start:1px solid var(--ecosystem-line);flex-wrap:wrap;margin-block-start:var(--space-sm);display:flex}.studio-ecosystem-visit{align-items:center;gap:var(--space-xs);border-radius:var(--radius-control);background:var(--color-accent-text);min-block-size:44px;max-inline-size:100%;color:var(--surface-inverse);cursor:pointer;text-align:start;border:0;padding:.625rem 1rem;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.studio-ecosystem-replay{align-items:center;gap:var(--space-xs);min-block-size:44px;max-inline-size:100%;color:var(--text-inverse-muted);cursor:pointer;text-align:start;background:0 0;border:0;padding:.25rem 0;font-size:.875rem;line-height:1.5;display:inline-flex}.studio-ecosystem-socials{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.studio-ecosystem-socials a{align-items:center;gap:var(--space-xs);border-radius:var(--radius-control);min-block-size:44px;color:var(--text-inverse);border:0;padding:.25rem .5rem .25rem 0;font-size:.875rem;line-height:1.5;text-decoration:none;display:inline-flex}.studio-ecosystem-socials a:hover{color:var(--color-accent-inverse)}.studio-ecosystem-details{border-block:1px solid var(--ecosystem-line)}.studio-ecosystem-details>summary{justify-content:space-between;align-items:center;gap:var(--space-md);min-block-size:44px;padding-block:var(--space-sm);cursor:pointer;font-size:.875rem;line-height:1.5;list-style:none;display:flex}.studio-ecosystem-details>summary::-webkit-details-marker{display:none}.studio-ecosystem-details>summary svg{flex-shrink:0}.studio-ecosystem-details[open]>summary svg{transform:rotate(45deg)}.studio-ecosystem-details-body{color:var(--text-inverse-muted);padding-block-end:var(--space-md);font-size:.875rem;line-height:1.6}.studio-ecosystem-details-body p{margin-block:var(--space-sm)}.studio-ecosystem-commerce ul{margin:0;padding:0;list-style:none}.studio-ecosystem-commerce li{margin-block:var(--space-xs)}.studio-ecosystem-connections{margin-block-start:var(--space-xl)}.studio-ecosystem-connections>ul{gap:var(--space-lg);margin-block:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.studio-ecosystem-connections li{gap:var(--space-xs);font-size:.875rem;line-height:1.5;display:grid}.studio-ecosystem-connections li>span,.studio-ecosystem-scope{color:var(--text-inverse-muted)}.studio-ecosystem-scope{margin-block:var(--space-md);font-size:.8125rem;line-height:1.6}.studio-ecosystem :is(button,a,summary,[role=tabpanel],.studio-ecosystem-mission-card):focus-visible{outline:2px solid var(--color-accent-text);outline-offset:3px}.studio-ecosystem-tile:focus-visible{outline-offset:-3px}.studio-ecosystem-fallback{margin-block-start:var(--space-xl)}.studio-ecosystem-fallback>ul{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.studio-ecosystem-fallback li{border-block-start:1px solid var(--ecosystem-line);padding-block:var(--space-md)}.studio-ecosystem-fallback img{object-fit:contain;object-position:left;block-size:4rem;inline-size:min(100%,15rem)}.studio-ecosystem-fallback p{font-size:1rem;line-height:1.6}.studio-ecosystem-fallback a{align-items:center;gap:var(--space-xs);min-block-size:44px;color:var(--color-accent-text);display:inline-flex}@media (max-width:60rem){.studio-ecosystem-explorer{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}.studio-ecosystem-heading{gap:var(--space-sm);grid-template-columns:minmax(0,1fr)}.studio-ecosystem-heading>p{justify-self:start}.studio-ecosystem-feature{padding-block:var(--space-md)}}@media (max-width:36rem){.studio-ecosystem-board{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-ecosystem-tile:last-child:nth-child(odd){grid-column:1/-1}.studio-ecosystem-tile{padding:var(--space-sm)var(--space-xs)}.studio-ecosystem-art{min-block-size:20rem}.studio-ecosystem-skip svg{display:none}.studio-ecosystem-connections>ul,.studio-ecosystem-fallback>ul{grid-template-columns:minmax(0,1fr)}}.studio-ecosystem-tile{transition:background var(--duration-base)var(--ease-smooth),transform var(--duration-base)var(--ease-smooth)}.studio-ecosystem-tile .studio-ecosystem-art img{transition:transform var(--duration-base)var(--ease-smooth)}.studio-ecosystem-visit svg{transition:transform var(--duration-fast)var(--ease-smooth)}@media (prefers-reduced-motion:no-preference){.studio-ecosystem-tile:hover,.studio-ecosystem-tile:focus-within{transform:translateY(-2px)}.studio-ecosystem-tile:hover .studio-ecosystem-art img,.studio-ecosystem-tile:focus-within .studio-ecosystem-art img{transform:scale(1.05)}.studio-ecosystem-visit:hover svg{transform:translate(2px,-2px)}}.studio-ecosystem-presentation{margin-top:clamp(1.5rem,4vh,2.5rem)}.studio-ecosystem-presentation a{min-height:44px;color:var(--color-accent-text);text-underline-offset:.3em;align-items:center;gap:.5rem;font-weight:700;text-decoration:underline;display:inline-flex}@media (prefers-reduced-motion:reduce){.studio-ecosystem *,.studio-ecosystem :before{transition:none;animation:none}}