.page{--glow-color-1: var(--color-secondary-400);--glow-color-2: var(--color-secondary-300);--glow-color-3: var(--color-tertiary-400)}.arch-diagram{border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);margin-bottom:48px}.arch-layer{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:20px 24px;border-top:1px solid var(--border-subtle);align-items:start;cursor:pointer;transition:background .2s ease}.arch-layer:first-child{border-top:none}.arch-layer:hover{background:var(--accent-teal-03)}.arch-layer-name{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;display:flex;align-items:center;gap:8px;padding-top:2px}.arch-layer:nth-child(1) .arch-layer-name{color:var(--color-primary-400)}.arch-layer:nth-child(2) .arch-layer-name{color:var(--color-secondary-400)}.arch-layer:nth-child(3) .arch-layer-name{color:var(--color-tertiary-400)}.arch-layer:nth-child(4) .arch-layer-name{color:var(--accent-teal)}.arch-bar{width:3px;height:18px;border-radius:2px}.arch-layer:nth-child(1) .arch-bar{background:var(--color-primary-400)}.arch-layer:nth-child(2) .arch-bar{background:var(--color-secondary-400)}.arch-layer:nth-child(3) .arch-bar{background:var(--color-tertiary-400)}.arch-layer:nth-child(4) .arch-bar{background:var(--accent-teal)}.arch-layer-desc{font-size:14px;color:var(--foreground);line-height:1.6}.arch-layer-desc code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;padding:2px 6px;border-radius:4px;background:var(--accent-teal-08);color:var(--foreground-strong)}.deep-section{margin-top:72px}.deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.deep-content h3{font-size:20px;font-weight:700;color:var(--foreground-strong);margin-bottom:8px}.deep-content p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:16px}.deep-content .key-point{font-size:13px;font-weight:600;color:var(--accent-teal);margin-top:12px}.bar-chart{display:flex;flex-direction:column;gap:10px;margin-top:12px}.bar-row{display:flex;align-items:center;gap:12px}.bar-label{font-size:12px;font-weight:600;color:var(--muted);min-width:100px;text-align:right}.bar-track{flex:1;height:24px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-subtle);overflow:hidden}.bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .6s ease}.bar-fill.amber{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400))}.bar-fill.teal{background:linear-gradient(90deg,var(--color-secondary-500),var(--color-secondary-400))}.bar-fill.green{background:linear-gradient(90deg,var(--color-tertiary-600),var(--color-tertiary-400))}.bar-value{font-size:12px;font-weight:700;color:var(--foreground-strong);min-width:36px}.provider-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.provider-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border);color:var(--muted);transition:border-color .15s ease}.provider-tag svg{width:14px;height:14px;flex-shrink:0}a.provider-tag{text-decoration:none;color:inherit}a.provider-tag:hover{border-color:var(--accent-teal)}.provider-tag.none{border:none;padding:6px 0;cursor:default}.provider-tag.active{border-color:var(--accent-teal);color:var(--foreground-strong);background:var(--accent-teal-06)}.lifecycle-flow{display:flex;flex-direction:column;gap:6px}.lifecycle-step{display:flex;align-items:start;gap:12px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-size:13px;color:var(--foreground)}.lifecycle-step-text{display:flex;flex-direction:column;gap:2px;padding-top:2px}.lifecycle-step-text strong{white-space:nowrap}.lifecycle-step-desc{color:var(--muted);font-size:12px;line-height:1.5}.lifecycle-step-num{font-weight:700;font-size:11px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lifecycle-step-num.amber{background:var(--accent-primary-15);color:var(--color-primary-400)}.lifecycle-step-num.teal{background:var(--accent-teal-15);color:var(--color-secondary-400)}.lifecycle-step-num.green{background:var(--accent-green-15);color:var(--color-tertiary-400)}.lifecycle-arrow{text-align:center;color:var(--muted);font-size:11px}@media(max-width:820px){.deep-grid{grid-template-columns:1fr;gap:24px}.arch-layer{grid-template-columns:1fr;gap:8px}}