.agency-page{--agency-canvas-max:80rem;--agency-content-max:72rem}.agency-reveal{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.agency-js .agency-reveal:not(.is-visible){opacity:0;transform:translateY(12px)}.agency-js .agency-reveal{transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.agency-js .agency-reveal.is-visible{opacity:1;transform:none}}.agency-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-foreground);font-size:.6875rem;font-weight:600}.agency-meta-primary{color:var(--color-primary)}.agency-illustrative{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted-foreground);font-size:.6875rem;font-weight:600}.agency-status{border-radius:var(--radius-xs);border:1px solid var(--color-border);white-space:nowrap;align-items:center;gap:.3rem;padding:.125rem .4rem;font-size:.6875rem;font-weight:600;line-height:1.2;display:inline-flex}.agency-status--live{color:var(--color-success);background:var(--color-success-subtle);border-color:color-mix(in srgb, var(--color-success) 30%, transparent)}.agency-status--pending{color:var(--color-warning-foreground);background:var(--color-warning-subtle);border-color:color-mix(in srgb, var(--color-warning) 35%, transparent)}.agency-status--building{color:var(--color-primary);background:var(--color-primary-subtle);border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.agency-status--attention{color:var(--color-destructive);background:var(--color-destructive-subtle);border-color:color-mix(in srgb, var(--color-destructive) 30%, transparent)}.agency-status--healthy{color:var(--color-success);background:var(--color-success-subtle);border-color:color-mix(in srgb, var(--color-success) 30%, transparent)}.agency-status--neutral{color:var(--color-muted-foreground);background:var(--color-muted);border-color:var(--color-border)}.agency-status-dot{background:currentColor;border-radius:9999px;flex-shrink:0;width:.375rem;height:.375rem}.agency-client-row{border-left:3px solid #0000;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;transition:background-color .15s;display:flex}.agency-client-row:last-child{border-bottom:none}.agency-client-row:hover{background:var(--color-muted)}.agency-client-row:focus-visible{outline:2px solid var(--color-ring);outline-offset:-2px;z-index:1}.agency-client-row[aria-selected=true],.agency-client-row.is-selected{border-left-color:var(--color-primary);background:var(--color-primary-subtle)}.agency-client-row--live{border-left-color:var(--color-success)}.agency-client-row--pending{border-left-color:var(--color-warning)}.agency-client-row--building{border-left-color:var(--color-primary)}.agency-client-row--attention{border-left-color:var(--color-destructive)}.agency-client-row[aria-selected=true].agency-client-row--live,.agency-client-row.is-selected.agency-client-row--live{border-left-color:var(--color-primary)}.agency-cockpit{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);overflow:hidden}.agency-cockpit-header{border-bottom:1px solid var(--color-border);background:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.7rem 1rem;display:flex}.agency-step{flex-direction:column;flex:1;align-items:flex-start;gap:.2rem;min-width:0;display:flex}.agency-step-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground);font-size:.6875rem;font-weight:600}.agency-step-state{font-size:.75rem;font-weight:600}.agency-step--done .agency-step-state{color:var(--color-success)}.agency-step--active .agency-step-state{color:var(--color-warning-foreground)}.agency-step--idle .agency-step-state{color:var(--color-muted-foreground)}.agency-checklist-lane{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);overflow:hidden}.agency-checklist-item{border-bottom:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);color:var(--color-muted-foreground);background:var(--color-muted);padding:.4rem .7rem;font-size:.75rem}.agency-checklist-item:last-child{border-bottom:none}.agency-prod-step{gap:.75rem;padding-bottom:.85rem;display:flex;position:relative}.agency-prod-step:last-child{padding-bottom:0}.agency-prod-step-marker{z-index:1;border:1px solid color-mix(in srgb, var(--color-primary) 40%, transparent);background:var(--color-primary-subtle);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-top:.1rem;display:flex;position:relative}.agency-prod-step-marker:after{content:"";background:var(--color-primary);border-radius:9999px;width:.35rem;height:.35rem}.agency-prod-step-marker--done{border-color:color-mix(in srgb, var(--color-success) 40%, transparent);background:var(--color-success-subtle)}.agency-prod-step-marker--done:after{background:var(--color-success)}.agency-prod-step-marker--pending{border-color:color-mix(in srgb, var(--color-warning) 45%, transparent);background:var(--color-warning-subtle)}.agency-prod-step-marker--pending:after{background:var(--color-warning)}.agency-ledger-row{border-bottom:1px solid var(--color-border);grid-template-columns:1fr;gap:.35rem 1.5rem;padding:1rem 1.1rem;display:grid}@media (width>=640px){.agency-ledger-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:baseline}}.agency-ledger-row:last-child{border-bottom:none}.agency-formula{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.agency-plane{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);overflow:hidden}.agency-plane-rail{min-width:0}.agency-plane-rail+.agency-plane-rail{border-top:1px solid var(--color-border)}@media (width>=1024px){.agency-plane-grid{grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);display:grid}.agency-plane-rail+.agency-plane-rail{border-top:none;border-left:1px solid var(--color-border)}}.agency-loop-stage{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);min-width:0;padding:1rem}.agency-loop-stage--active{border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);background:color-mix(in srgb, var(--color-primary-subtle) 55%, var(--color-card))}.agency-loop-arrow{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.agency-secondary-link{color:color-mix(in srgb, var(--color-foreground) 80%, transparent);text-underline-offset:4px;transition:color .15s}.agency-secondary-link:hover{color:var(--color-foreground);text-decoration:underline}.agency-echo-lane{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-muted);color:var(--color-muted-foreground);padding:.65rem .85rem;font-size:.8125rem}