.managed-hero{position:relative;overflow:hidden}.managed-hero-grid{z-index:1;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:56px;display:grid;position:relative}.managed-hero .product-engines{margin-top:24px}.managed-backdrop{-webkit-mask-image:radial-gradient(55% 75% at 75%,#000 25%,#0000 78%);mask-image:radial-gradient(55% 75% at 75%,#000 25%,#0000 78%)}.managed-terminal{background:var(--code);color:var(--code-ink);margin:0;padding:20px 22px;font-size:12px;line-height:1.9;overflow-x:auto}.managed-figure .cluster{width:100%;max-height:60svh;display:block}.managed-steps{margin:36px 0 0;padding:0;list-style:none}.managed-step-n{letter-spacing:.1em;color:var(--muted);font-size:9px}.managed-steps strong{letter-spacing:-.03em;font-size:14px;font-weight:500}.managed-step-body{color:var(--muted);font-size:11px;line-height:1.7}.managed-steps--board{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.managed-steps--board li{background:var(--lab-paper);flex-direction:column;gap:6px;padding:16px;display:flex}.managed-steps--board .cluster{width:100%;margin-bottom:10px}.managed-steps-demo{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:56px;display:grid}.managed-steps--list{border-top:1px solid var(--line)}.managed-steps--list li{border-bottom:1px solid var(--line)}.managed-steps--list button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:.45;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr);gap:4px 12px;padding:16px 0;transition:opacity .2s ease-out;display:grid}.managed-steps--list .managed-step-n{grid-row:span 2;padding-top:4px}.managed-steps--list li[data-active] button{opacity:1}.managed-lifecycle[data-layout=compact] .agent-flow strong{font-size:13px}.managed-included li>p:last-child{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.7}.managed-start .agent-guards{margin-top:0}.managed-start-note{color:var(--muted);margin-top:32px;font-size:12px}.managed-start .managed-terminal{width:fit-content;max-width:100%;margin-top:14px}.managed-start[data-layout=closing] .managed-terminal,.managed-start .agent-start{margin-top:32px}.managed-cross{margin-top:28px;font-size:11px;display:inline-block}@media (max-width:900px){.managed-hero-grid,.managed-steps-demo{grid-template-columns:minmax(0,1fr);gap:32px}.managed-steps--board{grid-template-columns:repeat(2,minmax(0,1fr))}.managed-steps-demo .managed-figure{order:-1}.managed-figure .cluster{max-height:36svh}}