.arch{display:grid;grid-template-columns:34px 1fr;gap:20px}.axis{position:relative;display:flex;align-items:center;justify-content:center}.axis .abar{position:absolute;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--cyan),var(--blue) 45%,var(--navy));border-radius:2px;opacity:.5}.axis .lab{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(180deg);writing-mode:vertical-rl;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);white-space:nowrap}.axis .up{position:absolute;top:-2px;left:50%;transform:translate(-50%);color:var(--cyan)}.axis .up svg{width:16px;height:16px}.stack{display:flex;flex-direction:column;gap:12px}.tier{display:grid;grid-template-columns:248px 1fr;gap:26px;background:linear-gradient(160deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:24px 26px}.tier .tleft{display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line2);padding-right:22px}.tier .ttag{display:inline-flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);margin-bottom:11px}.tier .ttag .sq{width:9px;height:9px;border-radius:2px}.tier h3{font-family:Archivo,sans-serif;font-weight:800;font-size:23px;letter-spacing:-.02em;margin:0}.tier .role{color:var(--muted);font-size:13.5px;line-height:1.5;margin-top:8px}.tier .svcs{display:grid;gap:12px;align-content:center}.tier .scard{display:flex;align-items:flex-start;gap:13px;background:#78a0e60d;border:1px solid var(--line2);border-radius:12px;padding:13px 15px;transition:.18s}.tier .scard:hover{border-color:#5b9dff66;background:#78a0e617}.tier .scard .itile{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:#5b9dff1a;border:1px solid var(--line)}.tier .scard .itile svg{width:18px;height:18px;color:var(--blue-lite);stroke-width:1.9}.tier .scard h4{font-family:Archivo,sans-serif;font-weight:700;font-size:14.5px;margin:0 0 3px;letter-spacing:-.01em}.tier .scard p{margin:0;font-size:12.5px;line-height:1.45;color:var(--muted)}.tier.l1{border-color:#22d3ee66;box-shadow:0 0 0 1px #22d3ee1f,0 26px 60px -34px #22d3ee80}.tier.l1 .ttag .sq{background:var(--cyan)}.tier.l1 .ttag{color:var(--cyan)}.tier.l1 .scard .itile{background:#22d3ee1f;border-color:#22d3ee4d}.tier.l1 .scard .itile svg{color:var(--cyan)}.tier.l1 .svcs{grid-template-columns:1fr 1fr}.tier.l2 .ttag .sq{background:var(--blue-lite)}.tier.l2 .svcs{grid-template-columns:repeat(3,1fr)}.tier.l3 .ttag .sq{background:var(--navy)}.tier.l3 .scard .itile{background:#1e3a8a40}.tier.l3 .scard .itile svg{color:#9fb6e6}.tier.l3 .svcs{grid-template-columns:1fr 1fr}.feed{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted2);font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;margin:1px 0}.feed svg{width:14px;height:14px;color:var(--blue-lite)}.rats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rat{background:linear-gradient(160deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:13px}.rat .itile{width:46px;height:46px}.rat h3{font-family:Archivo,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.015em;margin:0;line-height:1.2}.rat p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.58}.path{background:linear-gradient(160deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:30px 32px}.path .ph{display:flex;align-items:baseline;gap:14px;margin-bottom:26px;flex-wrap:wrap}.path .ph h3{font-family:Archivo,sans-serif;font-weight:800;font-size:20px;margin:0;letter-spacing:-.01em}.path .ph span{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--muted2);letter-spacing:.04em}.steps{display:grid;grid-template-columns:repeat(4,1fr)}.step{position:relative;padding:0 24px}.step:first-child{padding-left:0}.step:not(:last-child):after{content:"";position:absolute;right:0;top:14px;bottom:8px;width:1px;background:var(--line2)}.step .sn{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--cyan);letter-spacing:.08em}.step h4{font-family:Archivo,sans-serif;font-weight:700;font-size:16px;margin:11px 0 7px;letter-spacing:-.01em}.step p{margin:0 0 11px;font-size:13px;line-height:1.55;color:var(--muted)}.step .tieref{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.04em;color:var(--muted2);text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.step .tieref .sq{width:8px;height:8px;border-radius:2px}@media(max-width:960px){.arch{grid-template-columns:1fr}.axis{display:none}.tier{grid-template-columns:1fr;gap:16px}.tier .tleft{border-right:0;border-bottom:1px solid var(--line2);padding:0 0 16px}.tier.l1 .svcs,.tier.l2 .svcs,.tier.l3 .svcs,.rats{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:24px 0}.step{padding:0 16px 0 0}.step:not(:last-child):after{display:none}}