.architecture-section{background:var(--neutral-900);color:var(--color-text-inverse)}.architecture-section .section-title{color:var(--color-text-inverse)}.architecture-section .section-subtitle{color:#ffffffb3}.architecture{margin-bottom:var(--space-20)}.architecture__frame{position:relative;width:min(100%,124.8vh);margin-inline:auto;aspect-ratio:16 / 10;max-height:78vh;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 12%,rgba(11,95,136,.3),transparent 65%),linear-gradient(to bottom,#101318,#0a0c0f)}.architecture__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity var(--duration-slow) var(--ease-out)}.architecture[data-architecture-ready] .architecture__poster{opacity:0}.architecture__stage{position:absolute;inset:0;touch-action:pan-y}.architecture__stage canvas{display:block;width:100%;height:100%}.architecture__labels{position:absolute;inset:0;pointer-events:none}.architecture__launch{position:absolute;inset:0;display:grid;place-content:center;gap:var(--space-4);justify-items:center;text-align:center;background:#0a0c0f8c;backdrop-filter:blur(2px);transition:opacity var(--duration-slow) var(--ease-out),visibility var(--duration-slow)}.architecture[data-architecture-ready] .architecture__launch,.architecture[data-architecture-loading] .architecture__launch{opacity:0;visibility:hidden}.architecture__launch-note{font-size:var(--fs-sm);color:#fff9}.architecture[data-architecture-unsupported] .architecture__launch,.architecture[data-architecture-unsupported] .architecture__toolbar,.architecture__static-note{display:none}.architecture[data-architecture-unsupported] .architecture__static-note,.architecture[data-architecture-failed] .architecture__static-note{position:absolute;inset:auto var(--space-4) var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);max-width:46ch;margin:0;padding:var(--space-4);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);background:#080c10d1;backdrop-filter:blur(3px);font-size:var(--fs-sm);line-height:var(--lh-normal);color:#ffffffbd}.architecture__static-note i{margin-top:.2em;color:var(--accent-ai, #71b0d3)}.architecture__static-note a{color:#fff;text-decoration:underline;text-underline-offset:2px}.architecture__toolbar{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;gap:var(--space-2);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base)}.architecture[data-architecture-ready] .architecture__toolbar{opacity:1;visibility:visible}.arch-tool{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-normal);color:#ffffffc7;background:#17171ad9;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-full);cursor:pointer;backdrop-filter:blur(8px);transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.arch-tool:hover{color:#fff;border-color:#ffffff57}.arch-tool[aria-pressed=true]{color:var(--neutral-900);background:var(--amber-400);border-color:var(--amber-400)}.arch-label{position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;color:#ffffffe6;background:#101318e6;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.arch-label.is-visible{opacity:1;pointer-events:auto}.arch-label.is-hovered{border-color:var(--blue-300);background:#0b5f88e6}.arch-label.is-selected{color:#fff;background:var(--blue-500);border-color:var(--blue-200)}.arch-label:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--amber-400);outline-offset:2px}.arch-label__badge{display:none}.arch-label.has-control .arch-label__badge{display:block;width:7px;height:7px;border-radius:var(--radius-full);background:var(--amber-400)}.arch-layer-label{position:absolute;top:0;left:var(--space-5);display:grid;gap:2px;padding:var(--space-2) var(--space-4);text-align:left;font-family:var(--font-body);color:#ffffffe6;background:transparent;border:0;border-left:2px solid rgba(255,255,255,.25);cursor:pointer;pointer-events:auto;opacity:0;transition:opacity var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.arch-layer-label.is-visible{opacity:1}.arch-layer-label.is-dim{opacity:.4}.arch-layer-label:hover{border-left-color:var(--blue-300)}.arch-layer-label[aria-pressed=true]{border-left-color:var(--blue-400)}.arch-layer-label[aria-pressed=true] .arch-layer-label__name{color:var(--blue-200)}.arch-layer-label:focus-visible{outline:2px solid var(--amber-400);outline-offset:3px}.arch-layer-label__name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.arch-layer-label__tag{font-size:var(--fs-xs);color:#ffffff80}.arch-panel{position:absolute;right:var(--space-4);bottom:var(--space-4);width:min(380px,calc(100% - var(--space-8)));max-height:calc(100% - var(--space-20));overflow-y:auto;padding:var(--space-6);background:#101318f2;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-md);backdrop-filter:blur(12px);animation:arch-panel-in var(--duration-base) var(--ease-out)}@keyframes arch-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.arch-panel__layer{display:block;margin-bottom:var(--space-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--blue-200)}.arch-panel__title{font-size:var(--fs-lg);color:#fff;margin-bottom:var(--space-3)}.arch-panel__detail{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:#ffffffbd}.arch-panel__flow{margin-top:var(--space-4);font-size:var(--fs-xs);color:#ffffff8c}.arch-panel__flow span{text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--fw-semibold);color:#fff6}.arch-panel__controls{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.14)}.arch-panel__controls h4{font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--amber-400);margin-bottom:var(--space-3)}.arch-panel__controls ul{list-style:none;display:grid;gap:var(--space-3)}.arch-panel__controls li{display:grid;gap:2px}.arch-panel__controls strong{font-size:var(--fs-sm);color:#fff}.arch-panel__controls span{font-size:var(--fs-xs);color:#fff9;line-height:var(--lh-relaxed)}.arch-static__heading{font-size:var(--fs-xl);color:var(--color-text-inverse);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.12)}.arch-static__layers{display:grid;gap:var(--space-12)}@media (min-width: 900px){.arch-static__layers{grid-template-columns:repeat(2,1fr);gap:var(--space-12) var(--space-16)}}.arch-static__head{display:flex;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4)}.arch-static__index{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--green-300);font-variant-numeric:tabular-nums}.arch-static__name{font-size:var(--fs-lg);color:var(--color-text-inverse)}.arch-static__tagline{font-size:var(--fs-sm);color:#ffffff80}.arch-static__summary{color:#ffffffb3;line-height:var(--lh-relaxed);font-size:var(--fs-sm);margin-bottom:var(--space-5)}.arch-static__components{list-style:none;display:grid;gap:var(--space-4)}.arch-static__components li{display:grid;gap:var(--space-1);padding-left:var(--space-5);border-left:2px solid rgba(255,255,255,.14)}.arch-static__components strong{font-size:var(--fs-sm);color:var(--color-text-inverse)}.arch-static__components>li>span{font-size:var(--fs-sm);color:#ffffff9e;line-height:var(--lh-relaxed)}.arch-static__controls{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.arch-static__control{padding:2px var(--space-2);font-size:var(--fs-xs);color:var(--amber-400);border:1px solid rgba(255,196,0,.35);border-radius:var(--radius-xs)}@media (max-width: 719px){.architecture__frame{width:min(100%,104vh);aspect-ratio:4 / 3}.architecture__launch{display:none}.architecture__poster{opacity:1}.architecture__static-note{position:absolute;inset:auto var(--space-3) var(--space-3);display:flex;align-items:flex-start;gap:var(--space-3);margin:0;padding:var(--space-4);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);background:#080c10d1;font-size:var(--fs-sm);line-height:var(--lh-normal);color:#ffffffbd}}@media (prefers-reduced-motion: reduce){.arch-panel{animation:none}}