@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --dim{syntax:"<number>";inherits:false;initial-value:1}.model{--m-bg:#fff;--m-fg:#1b1b1c;--m-chip-bg:#f5f5ff;--m-turquoise:#1948ff;--m-violet:var(--brand-violet,#5c51f2);--m-purple:var(--brand-purple,#9c57ff);--m-lilac:#8a82ff;--m-lilac-glow:#c9a3ff;--m-ease:cubic-bezier(0.4,0,0.2,2);--m-ease-soft:cubic-bezier(0.4,0,0.2,1);--m-fast:0.6s;--m-chip-time:0.2s;background:var(--m-bg);color:var(--m-fg);line-height:1.33;padding:2rem 1.5rem;text-align:left}.model,.model *,.model :after,.model :before{box-sizing:border-box}@media (min-width:768px){.model{padding:2rem}}@media (min-width:1140px){.model{padding:2rem 1.5rem}}.model :focus-visible{outline:3px solid var(--m-turquoise);outline-offset:3px}.model__inner{container-type:inline-size;margin-inline:auto;max-width:1080px}.model .model__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.375rem;padding:0}.model .chip{--_c:var(--m-fg);align-items:center;appearance:none;background:var(--m-chip-bg);border:2px solid hsla(0,0%,100%,.35);border-radius:30px;box-shadow:none;color:var(--m-fg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;letter-spacing:normal;line-height:1.2;margin-bottom:30px;min-height:44px;padding:.5rem 1.1rem;transition:border-color var(--m-chip-time) var(--m-ease-soft),background-color var(--m-chip-time) var(--m-ease-soft);white-space:nowrap;width:auto}.model .chip:before{background:var(--_c);border-radius:50%;content:"";flex:none;height:.75rem;width:.75rem}.model .chip:after{content:none}.model .chip:hover{background:var(--m-chip-bg);border-color:var(--_c);color:var(--m-fg)}.model .chip[aria-pressed=true]{background:hsla(0,0%,100%,.14);border-color:var(--_c)}.model .chip--system{--_c:var(--m-turquoise)}.model .chip--pods{--_c:var(--m-violet)}.model .chip--agents{--_c:var(--m-purple)}.model .stage{--step:6px;display:grid;gap:.75rem;margin:0;padding:0}.model .oval{background:color-mix(in srgb,var(--c) 9%,transparent);border:2px solid var(--c);border-radius:1.75rem;position:relative}.model .oval:after{animation:orbit 7s linear infinite;background:conic-gradient(from var(--angle),transparent 0 72%,var(--glow) 100%);border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);padding:2px;pointer-events:none;position:absolute}@keyframes orbit{to{--angle:360deg}}.model .group-title{color:var(--m-fg);font-size:1.25rem;font-weight:800;letter-spacing:normal;line-height:1.15;margin:0;padding:0;text-align:left;text-transform:none}.model .list{display:grid;gap:.3rem;list-style:none;margin:0;padding:0}.model .agents .list,.model .system .list{column-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.model .list li{align-items:center;color:var(--m-fg);display:flex;font-size:1rem;font-weight:400;gap:.75rem;line-height:1.33;margin:0;padding:0}.model .list li:before{background:var(--c);border-radius:50%;content:"";flex:none;height:.5rem;width:.5rem}.model .system{--c:var(--m-turquoise);--glow:var(--m-turquoise);align-content:center;display:grid;gap:.5rem;padding:1.125rem 1.25rem}.model .system .group-title{color:var(--m-turquoise)}.model .pods{padding-right:calc(var(--step)*3);position:relative}.model .pods__layer{background:color-mix(in srgb,var(--m-violet) calc(14% - var(--n)*3%),transparent);border:2px solid var(--m-violet);border-radius:1.75rem;bottom:0;left:calc(var(--n)*var(--step));position:absolute;right:calc((3 - var(--n))*var(--step));top:0}.model .pods__layer--1{--n:1}.model .pods__layer--2{--n:2}.model .pods__layer--3{--n:3}.model .pods__main{--c:var(--m-violet);--glow:var(--m-lilac);--frame:1;background:color-mix(in srgb,var(--c) calc(var(--frame)*9%),var(--m-bg));border-color:color-mix(in srgb,var(--c) calc(var(--frame)*100%),transparent);display:grid;gap:.75rem;padding:1.125rem;position:relative;z-index:1}.model .pods__head{align-items:center;display:grid;gap:.5rem}.model .pods__head .group-title{color:var(--m-violet)}.model .agents{--c:var(--m-purple);--glow:var(--m-lilac-glow);align-items:center;border-radius:1.5rem;display:grid;gap:.5rem;padding:.875rem 1.125rem}.model .agents .group-title{color:var(--m-purple)}@container (max-width: 639px){.model .model__chips{display:none}}@container (min-width: 640px) and (max-width: 979px){.model .stage{--step:10px;--sys-w:clamp(15rem,38%,18rem);--overlap:2.5rem;display:block;position:relative}.model .oval,.model .pods__layer{border-radius:2.5rem}.model .agents{border-radius:1.75rem}.model .system{bottom:12%;left:0;padding:1.25rem 1.5rem;position:absolute;top:12%;width:var(--sys-w);z-index:2}.model .pods{margin-left:calc(var(--sys-w) - var(--overlap))}.model .pods__main{padding:1.5rem 1.75rem 1.5rem calc(var(--overlap) + 1rem)}.model .agents{padding:1rem 1.25rem}.model .agents .list,.model .system .list{grid-template-columns:1fr}}@container (min-width: 980px){.model .stage{--step:12px;display:block;position:relative}.model .agents,.model .oval,.model .pods__layer{border-radius:999px}.model .list li{white-space:nowrap}.model .system{align-items:center;bottom:14%;gap:1rem;grid-template-columns:auto 1fr;left:0;padding:1rem 2.5rem 1rem 2rem;position:absolute;top:14%;width:44%;z-index:2}.model .pods{margin-left:40%}.model .pods__main{padding:1.5rem 2.75rem}.model .pods__head{padding-inline:2rem 0}.model .agents,.model .pods__head{gap:1rem;grid-template-columns:auto 1fr}.model .agents{padding:1rem 2.5rem 1rem 2.25rem}.model .agents .list,.model .system .list{grid-template-columns:1fr}.model .agents .list{gap:.2rem}}.model .pods__head,.model .reveal{opacity:var(--dim);transition:opacity var(--m-fast) var(--m-ease-soft)}.model .pods__main{transition:border-color var(--m-fast) var(--m-ease-soft),background-color var(--m-fast) var(--m-ease-soft)}.model .pods__main:after{opacity:var(--frame);transition:opacity var(--m-fast) var(--m-ease-soft)}@container (min-width: 640px){.model .stage[data-focus=system] .agents,.model .stage[data-focus=system] .pods__head,.model .stage[data-focus=system] .pods__layer{--dim:0.22}.model .stage[data-focus=system] .pods__main{--frame:0.22}.model .stage[data-focus=agents] .pods__head,.model .stage[data-focus=agents] .pods__layer,.model .stage[data-focus=agents] .system,.model .stage[data-focus=pods] .system{--dim:0.22}}@keyframes reveal{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes reveal-layer{0%{opacity:0;transform:translateX(calc(var(--n)*var(--step)*-1))}}.model .stage.has-anim:not(.is-in) .reveal{opacity:0}.model .stage.is-in .reveal{animation:reveal .6s var(--m-ease) backwards;animation-delay:calc(var(--i, 0)*70ms)}.model .stage.is-in .pods__layer{animation-name:reveal-layer}@media (prefers-reduced-motion:reduce){.model .oval:after,.model .stage.is-in .reveal{animation:none}}