.landing .l-host-outline{width:min(100%,20rem);margin:auto;display:block}.landing .l-art-guide{stroke:var(--g-line);stroke-width:1px;opacity:.45}.landing .l-art-surface{fill:var(--g-elev-1,var(--g-surface));stroke:var(--g-line-strong,var(--g-muted));stroke-width:1.25px}.landing .l-art-line{stroke:var(--g-muted);stroke-width:1.25px}.landing .l-art-accent{stroke:var(--g-brand);stroke-width:1.5px}.landing .l-art-light{fill:var(--g-brand)}.landing .l-topology{margin:0;overflow:hidden}.landing .l-art-heading{justify-content:space-between;align-items:center;gap:var(--g-space-4);padding:var(--g-space-4) var(--g-space-6);border-bottom:var(--g-hairline) solid var(--g-line);color:var(--g-muted);font:400 var(--g-type-xs)/1.5 var(--g-mono);letter-spacing:0;display:flex}.landing .l-topology-svg{width:100%;height:auto;display:block}.landing .l-topology-edges{stroke:var(--g-line-strong,var(--g-muted));stroke-width:1.25px}.landing .l-topology-trace{stroke:var(--g-brand);stroke-width:1.5px;stroke-dasharray:12 420;opacity:0}.landing .l-topology:hover .l-topology-trace{opacity:.7;animation:l-topology-trace calc(var(--g-motion-slow) * 4) var(--g-ease-out) both}.landing .l-topology-labels{gap:var(--g-space-4);padding:0 var(--g-space-6) var(--g-space-6);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing .l-topology-labels>div{min-width:0}.landing .l-topology-labels :is(span,strong,small){display:block}.landing .l-topology-labels span{font:400 var(--g-type-xs)/1.5 var(--g-mono);color:var(--g-muted);margin-bottom:var(--g-space-2)}.landing .l-topology-labels strong{font-size:var(--g-type-sm);font-weight:550}.landing .l-topology-labels small{font-size:var(--g-type-xs);color:var(--g-muted);margin-top:var(--g-space-2)}.landing .l-topology figcaption{padding:var(--g-space-3) var(--g-space-6);background:var(--g-canvas);border-top:var(--g-hairline) solid var(--g-line);color:var(--g-muted);font-size:var(--g-type-xs);text-align:center}.landing .l-build-timeline{border:var(--g-hairline) solid var(--g-line);border-radius:var(--g-radius-md);background:var(--g-surface);overflow:hidden}.landing .l-build-timeline>svg{width:100%;padding-inline:var(--g-space-4);display:block}.landing .l-timeline-prep,.landing .l-timeline-clean{fill:var(--g-elev-3,var(--g-hover));stroke:var(--g-line-strong,var(--g-muted))}.landing .l-timeline-build{fill:var(--g-brand-soft);stroke:var(--g-brand)}.landing .l-build-timeline ol{gap:var(--g-space-2);padding:0 var(--g-space-6) var(--g-space-5);color:var(--g-muted);font-size:var(--g-type-xs);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.landing .l-build-timeline li:nth-child(2){text-align:center}.landing .l-build-timeline li:last-child{text-align:right}@keyframes l-topology-trace{0%{stroke-dashoffset:420px}to{stroke-dashoffset:0}}@media (max-width:700px){.landing .l-art-heading{padding:var(--g-space-3) var(--g-space-4)}.landing .l-topology-svg{min-height:10rem}.landing .l-topology-labels{gap:var(--g-space-2);padding:0 var(--g-space-3) var(--g-space-5)}.landing .l-topology-labels span{font-size:var(--g-type-xs);letter-spacing:-.04em}.landing .l-topology-labels strong{font-size:var(--g-type-xs);min-height:3em}.landing .l-topology-labels small{display:none}}@media (prefers-reduced-motion:reduce){.landing .l-topology:hover .l-topology-trace{opacity:0;animation:none}}.landing .l-topology figcaption.l-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}