.z-arch{--ar-bg:#0d0f16;--ar-bar:#141722;--ar-cell:#171a24;--ar-border:hsla(0,0%,100%,.08);--ar-text:#dfe4f0;--ar-muted:#8b93a6;background:var(--ar-bg);border:1px solid var(--ar-border);border-radius:var(--z-radius-lg);box-shadow:var(--z-shadow-lg,0 24px 60px rgba(0,0,0,.35));color:var(--ar-text);overflow:hidden}.z-arch__bar{align-items:center;background:var(--ar-bar);border-bottom:1px solid var(--ar-border);display:flex;gap:var(--z-space-3);padding:var(--z-space-3) var(--z-space-4)}.z-arch__dots{display:inline-flex;gap:6px}.z-arch__dots span{background:hsla(0,0%,100%,.16);border-radius:50%;height:10px;width:10px}.z-arch__file{background:hsla(0,0%,100%,.05);border-radius:var(--z-radius-sm);color:#8b93a6;font-family:var(--z-font-mono,monospace);font-size:.8125rem;padding:2px 10px}.z-arch__body{padding:var(--z-space-6)}.z-arch__label{color:#8b93a6;font-size:.6875rem;font-weight:600;letter-spacing:.1em;margin:0 0 var(--z-space-3);text-align:center;text-transform:uppercase}.z-arch__pills{display:flex;flex-wrap:wrap;gap:var(--z-space-2);justify-content:center}.z-arch__pill{background:var(--ar-cell);border:1px solid var(--ar-border);border-radius:var(--z-radius-sm);color:var(--ar-text);font-size:.75rem;padding:var(--z-space-2) var(--z-space-3)}.z-arch__arrow{color:#6b7280;margin:var(--z-space-3) 0;text-align:center}.z-arch__box{background:hsla(0,0%,100%,.02);border:1px solid var(--ar-border);border-radius:var(--z-radius-md);padding:var(--z-space-4)}.z-arch__box-title{color:#8b93a6;font-size:.6875rem;letter-spacing:.06em;margin:0 0 var(--z-space-4);text-align:center;text-transform:uppercase}.z-arch__grid{display:grid;gap:var(--z-space-3)}.z-arch__grid--services,.z-arch__grid--sources{grid-template-columns:repeat(2,1fr)}.z-arch__grid--sources{margin-top:0}@media (min-width:560px){.z-arch__grid--sources{grid-template-columns:repeat(3,1fr)}}.z-arch__cell{background:var(--ar-cell);border:1px solid var(--ar-border);border-radius:var(--z-radius-sm);display:flex;flex-direction:column;gap:2px;padding:var(--z-space-3)}.z-arch__cell-title{color:var(--ar-text);font-size:.875rem;font-weight:600}.z-arch__cell-sub{color:#8b93a6;font-size:.6875rem}.z-arch__note{color:#8b93a6;font-size:.75rem;margin:var(--z-space-4) 0;text-align:center}.z-arch--anim .z-arch__body>*{opacity:0;transform:translateY(10px)}.z-arch--anim.is-in .z-arch__body>*{animation:z-arch-in .5s ease forwards}.z-arch--anim.is-in .z-arch__body>:first-child{animation-delay:.05s}.z-arch--anim.is-in .z-arch__body>:nth-child(2){animation-delay:.18s}.z-arch--anim.is-in .z-arch__body>:nth-child(3){animation-delay:.31s}.z-arch--anim.is-in .z-arch__body>:nth-child(4){animation-delay:.44s}.z-arch--anim.is-in .z-arch__body>:nth-child(5){animation-delay:.62s}.z-arch--anim.is-in .z-arch__body>:nth-child(6){animation-delay:.75s}.z-arch--anim.is-in .z-arch__body>:nth-child(7){animation-delay:.88s}.z-arch--anim.is-in .z-arch__arrow{animation:z-arch-in .5s ease .31s forwards,z-arch-pulse 1s ease .8s 1}.z-arch--anim.is-in .z-arch__note{animation:z-arch-in .5s ease .62s forwards,z-arch-pulse 1s ease 1.1s 1}@keyframes z-arch-in{to{opacity:1;transform:none}}@keyframes z-arch-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.z-arch--anim .z-arch__body>*{animation:none;opacity:1;transform:none}}[data-arch-cell]{cursor:pointer;transition:opacity .2s ease,border-color .2s ease,background-color .2s ease}[data-arch-cell]:focus-visible{outline:2px solid var(--z-accent);outline-offset:2px}.z-arch[data-focus] .z-arch__cell{opacity:.38}.z-arch[data-focus] .z-arch__cell.is-hi{background:color-mix(in srgb,var(--z-accent) 14%,var(--ar-cell));border-color:var(--z-accent);opacity:1}.z-arch[data-focus=source] .z-arch__grid--services .z-arch__cell{opacity:1}.z-arch[data-focus=source] .z-arch__box{border-color:color-mix(in srgb,var(--z-accent) 45%,var(--ar-border))}.z-arch[data-focus=source] .z-arch__arrow,.z-arch[data-focus=source] .z-arch__note{color:var(--z-accent)}.z-arch[data-focus=service] .z-arch__grid--sources .z-arch__cell,.z-arch[data-focus] .z-arch__pill{opacity:1}