.landing .l-host-outline{width:min(100%,22rem);margin:auto;display:block}.landing .l-art-guide{stroke:var(--xeno-border-l1);stroke-width:1px}.landing .l-art-surface{fill:var(--xc-plate-bg);stroke:var(--xc-edge-lo);stroke-width:1px}.landing .l-art-line{stroke:var(--xeno-fg-secondary);stroke-width:1.25px}.landing .l-art-accent{stroke:var(--xc-accent);stroke-width:1.5px}.landing .l-art-light{fill:var(--xc-accent)}.landing .xc-art-plate{fill:var(--xc-plate-bg);stroke:var(--xc-edge-lo);stroke-width:1px;stroke-linejoin:miter}.landing .xc-art-plate-raised{fill:var(--xeno-surface-elevated);stroke:var(--xc-edge-lo);stroke-width:1px;stroke-linejoin:miter}.landing .xc-art-inset{fill:var(--xeno-surface-inset);stroke:var(--xc-edge-lo);stroke-width:1px}.landing .xc-art-shadow,.landing .xc-art-cut{fill:var(--xc-edge-lo)}.landing .xc-art-bolt{fill:var(--xc-bolt);stroke:var(--xc-edge-lo);stroke-width:1px}.landing .xc-art-hi{stroke:var(--xc-edge-hi);stroke-width:1px}.landing .xc-art-mid{stroke:var(--xc-edge-mid);stroke-width:1px}.landing .xc-art-lo{stroke:var(--xc-edge-lo);stroke-width:1px}.landing .xc-art-line{stroke:var(--xeno-fg-secondary);stroke-width:1.5px;stroke-linecap:square}.landing .xc-art-accent{fill:var(--xc-accent)}.landing .xc-art-accent-stroke{stroke:var(--xc-accent);stroke-width:2px;stroke-linecap:square}.landing .xc-art-text{fill:var(--xeno-fg-tertiary);font:500 9px var(--xc-mono);letter-spacing:.14em;text-transform:uppercase}.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(--xc-seam) solid var(--xc-edge-lo);box-shadow:0 1px 0 var(--xc-edge-mid);color:var(--xeno-fg-tertiary);font:500 11px/1.5 var(--xc-mono);letter-spacing:.14em;text-transform:uppercase;display:flex}.landing .l-topology-svg{width:100%;height:auto;display:block}.landing .l-topology-edges{stroke:var(--xc-edge-lo);stroke-width:2px}.landing .l-topology-rail-hi{stroke:var(--xc-edge-mid);stroke-width:1px}.landing .l-topology-trace{stroke:var(--xc-accent);stroke-width:2px;stroke-dasharray:24 400;opacity:0}.landing .l-topology:hover .l-topology-trace{opacity:1;animation:.56s steps(8,end) both l-topology-trace}.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:500 11px/1.5 var(--xc-mono);letter-spacing:.14em;color:var(--xeno-fg-tertiary);margin-bottom:var(--g-space-2)}.landing .l-topology-labels strong{font-size:var(--g-type-sm);font-weight:600}.landing .l-topology-labels small{font-size:var(--g-type-xs);color:var(--xeno-fg-secondary);margin-top:var(--g-space-2)}.landing .l-topology figcaption{padding:var(--g-space-3) var(--g-space-6);background:var(--xeno-surface-inset);border-top:var(--xc-seam) solid var(--xc-edge-lo);color:var(--xeno-fg-secondary);font-size:var(--g-type-xs);text-align:center}.landing .l-build-timeline{background:var(--xc-plate-bg);clip-path:var(--xc-clip-plate);box-shadow:inset 0 1px 0 var(--xc-edge-hi), inset 1px 0 0 var(--xc-edge-mid), inset -1px 0 0 var(--xc-edge-lo), inset 0 -1px 0 var(--xc-edge-lo);border-radius:0;position:relative;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(--xeno-surface-l2-active);stroke:var(--xc-edge-lo)}.landing .l-timeline-build{fill:var(--xc-accent);stroke:var(--xc-edge-lo)}.landing .l-build-timeline ol{gap:var(--g-space-2);padding:0 var(--g-space-6) var(--g-space-5);color:var(--xeno-fg-secondary);font:500 11px/1.5 var(--xc-mono);letter-spacing:.1em;text-transform:uppercase;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:400px}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{letter-spacing:.08em}.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}
