.arch-diagram{display:flex;flex-direction:column;align-items:center;gap:12px}.arch-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.arch-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary)}.arch-dot{width:8px;height:8px;border-radius:50%}.arch-connector{width:1px;height:32px;background:linear-gradient(180deg,var(--border-strong),transparent)}.arch-agents{gap:20px}.arch-agent{flex:1;max-width:280px;padding:28px;background:linear-gradient(180deg,#ffffff0a,#fff0);border:1px solid var(--border-soft);border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden}.arch-agent:after{content:"";position:absolute;top:0;left:0;right:0;height:2px}.arch-agent[data-color=warm]:after{background:var(--grad-warm)}.arch-agent[data-color=cool]:after{background:var(--grad-cool)}.arch-agent[data-color=spectrum]:after{background:var(--grad-spectrum)}.arch-agent-mark{width:56px;height:56px;border-radius:var(--radius-md);margin:0 auto 16px;display:grid;place-items:center;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:#fff}.arch-agent[data-color=warm] .arch-agent-mark{background:var(--grad-warm)}.arch-agent[data-color=cool] .arch-agent-mark{background:var(--grad-cool)}.arch-agent[data-color=spectrum] .arch-agent-mark{background:var(--grad-spectrum)}.arch-agent-name{font-family:var(--font-display);font-size:1.125rem;font-weight:600;letter-spacing:.02em;margin-bottom:4px}.arch-agent-role{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.06em}.arch-core-box{width:100%;max-width:640px;padding:24px 32px;background:linear-gradient(var(--bg-elevated),var(--bg-elevated)) padding-box,var(--grad-spectrum) border-box;border:1px solid transparent;border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;gap:8px}.arch-core-label{font-family:var(--font-display);font-size:1.125rem;font-weight:600}.arch-core-sub{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);letter-spacing:.04em}.product-deep{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.product-deep.reverse{direction:ltr}[dir=rtl] .product-deep.reverse{direction:rtl}.product-deep.reverse>:first-child{order:2}.product-deep-text>*+*{margin-top:16px}.product-mark-large{width:80px;height:80px;border-radius:var(--radius-lg);display:grid;place-items:center;font-family:var(--font-display);font-size:2rem;font-weight:600;color:#fff;margin-bottom:8px}.product-mark-large[data-color=warm]{background:var(--grad-warm)}.product-mark-large[data-color=cool]{background:var(--grad-cool)}.product-mark-large[data-color=spectrum]{background:var(--grad-spectrum)}.mock-app{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 80px -30px #000000b3,0 0 80px -30px #e83a8c26}.mock-app-header{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#ffffff05;border-bottom:1px solid var(--border-subtle)}.mock-app-body{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:380px}.mock-summary{margin-top:8px;padding:16px;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.mock-summary-head{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.mock-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mock-key{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);display:block;margin-bottom:4px;letter-spacing:.04em}.mock-val{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.kairos-metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}.kairos-metric{padding:14px;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.kairos-metric-label{font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.kairos-metric-value{font-family:var(--font-display);font-size:1.375rem;font-weight:600;letter-spacing:-.02em}.kairos-activity{margin-top:8px;padding:14px;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.activity-head{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.activity-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;font-size:.8125rem;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.activity-row:last-child{border-bottom:0}.activity-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-family:var(--font-mono);font-size:.75rem;font-weight:600}.activity-text{color:var(--text-secondary)}.activity-time{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted)}.nous-greeting{padding:16px;background:linear-gradient(135deg,#1f6fd61f,#5bc9b414);border:1px solid rgba(91,201,180,.2);border-radius:var(--radius-md);margin-bottom:4px}.nous-prompt{margin-top:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-base);border:1px solid var(--border-soft);border-radius:var(--radius-pill)}.nous-prompt-icon{font-family:var(--font-mono);color:var(--text-muted);font-size:1.125rem}.nous-prompt input{flex:1;background:transparent;border:0;outline:none;font-family:var(--font-body);font-size:.875rem;color:var(--text-primary)}.nous-prompt input::placeholder{color:var(--text-muted)}.product-deep .chat-bubble{font-size:.8125rem;padding:12px 14px;border-radius:var(--radius-md);line-height:1.5;max-width:92%;display:flex;flex-direction:column;gap:4px}.product-deep .chat-bubble.user{background:#ffffff0a;border:1px solid var(--border-subtle);align-self:flex-end}.product-deep .chat-bubble.agent{background:linear-gradient(135deg,#c81f8e26,#1f6fd626);border:1px solid rgba(200,31,142,.3);align-self:flex-start}@media(max-width:1000px){.product-deep{grid-template-columns:1fr;gap:32px}.product-deep.reverse>:first-child{order:0}.mock-summary-grid{grid-template-columns:repeat(2,1fr)}.kairos-metric-row{grid-template-columns:1fr}}