@layer reset,tokens,base,layout;@layer components{.api-key-mock__body{align-content:start;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);display:grid}.api-key-mock__group{gap:var(--space-2xs);display:grid}.api-key-mock__legend{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.api-key-mock__key{align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm);border:var(--border);border-radius:var(--radius-md);background:var(--rvg-white);grid-template-columns:1fr auto;margin:0;display:grid}.api-key-mock__key-value{align-items:center;gap:var(--space-3xs);min-width:0;color:var(--color-primary);display:flex;overflow:hidden}.api-key-mock__prefix{letter-spacing:var(--tracking-label);flex:none}.api-key-mock__bullet{width:var(--api-key-mock-bullet-size);height:var(--api-key-mock-bullet-size);border-radius:var(--radius-round);background:var(--color-primary);flex:none}.api-key-mock__copy{align-items:center;gap:var(--space-3xs);white-space:nowrap;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);display:inline-flex}.api-key-mock__copy-icon{flex:none}.api-key-mock__rows{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:grid}.api-key-mock__row{align-items:baseline;gap:var(--space-sm);padding-bottom:var(--space-2xs);border-bottom:var(--border);grid-template-columns:1fr auto;display:grid}.api-key-mock__row:last-child{border-bottom:0}.api-key-mock__row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);overflow:hidden}.api-key-mock__row-value{align-items:center;gap:var(--space-3xs);white-space:nowrap;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);display:inline-flex}.api-key-mock__dot{width:var(--reconciliation-dot-size);height:var(--reconciliation-dot-size);border-radius:var(--radius-round);background:var(--color-success-text);flex:none}@media (prefers-reduced-motion:no-preference){.api-key-mock__key,.api-key-mock__row{animation:api-key-rise var(--duration-assistant-line) var(--ease-out) both}.api-key-mock__row:first-child{animation-delay:.12s}.api-key-mock__row:nth-child(2){animation-delay:.24s}.api-key-mock__row:nth-child(3){animation-delay:.36s}.api-key-mock__dot{animation:api-key-pulse var(--duration-assistant-pulse) var(--ease-in-out) infinite}.api-key-mock__bullet{animation:api-key-wave var(--duration-api-key-wave) var(--ease-in-out) infinite}.api-key-mock__bullet:nth-of-type(2){animation-delay:calc(var(--duration-api-key-wave) / 20 * 1)}.api-key-mock__bullet:nth-of-type(3){animation-delay:calc(var(--duration-api-key-wave) / 20 * 2)}.api-key-mock__bullet:nth-of-type(4){animation-delay:calc(var(--duration-api-key-wave) / 20 * 3)}.api-key-mock__bullet:nth-of-type(5){animation-delay:calc(var(--duration-api-key-wave) / 20 * 4)}.api-key-mock__bullet:nth-of-type(6){animation-delay:calc(var(--duration-api-key-wave) / 20 * 5)}.api-key-mock__bullet:nth-of-type(7){animation-delay:calc(var(--duration-api-key-wave) / 20 * 6)}.api-key-mock__bullet:nth-of-type(8){animation-delay:calc(var(--duration-api-key-wave) / 20 * 7)}.api-key-mock__bullet:nth-of-type(9){animation-delay:calc(var(--duration-api-key-wave) / 20 * 8)}.api-key-mock__bullet:nth-of-type(10){animation-delay:calc(var(--duration-api-key-wave) / 20 * 9)}}@keyframes api-key-rise{0%{opacity:0;translate:0 var(--space-2xs)}to{opacity:1;translate:0}}@keyframes api-key-wave{0%,70%,to{opacity:.28;scale:.8}12%,58%{opacity:1;scale:1}}@keyframes api-key-pulse{0%,to{opacity:1;scale:1}50%{opacity:.4;scale:.7}}@media (width<=820px){.api-key-mock__body{gap:var(--space-sm);padding:var(--space-sm);font-size:var(--text-xs)}}.flow-mock__body{align-content:start;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);display:grid}.flow-mock__poles{justify-content:start;align-items:center;gap:var(--space-2xs);grid-template-columns:auto auto auto;display:grid}.flow-mock__pole{min-width:0;padding:var(--space-3xs) var(--space-sm);border:var(--border);border-radius:var(--radius-pill);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--color-text-muted);background:var(--rvg-white);overflow:hidden}.flow-mock__pole--app{font-weight:var(--font-weight-semibold);color:var(--color-primary);border-color:var(--color-accent-sand);background:var(--color-sand-surface)}.flow-mock__link{color:var(--color-text-muted);place-items:center;display:grid}.flow-mock__link-icon{flex:none}.flow-mock__steps{gap:var(--space-2xs);counter-reset:none;margin:0;padding:0;list-style:none;display:grid}.flow-mock__step{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);border:var(--border);border-radius:var(--radius-md);background:var(--rvg-white);grid-template-columns:auto 1fr auto;display:grid}.flow-mock__arrow{color:var(--color-text-muted);flex:none}.flow-mock__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);overflow:hidden}.flow-mock__state{white-space:nowrap;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.flow-mock__chip{justify-self:start;align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--rvg-white);box-shadow:var(--shadow-float);display:inline-flex}.flow-mock__chip-dot{width:var(--reconciliation-dot-size);height:var(--reconciliation-dot-size);border-radius:var(--radius-round);background:var(--color-success-text);flex:none}@media (prefers-reduced-motion:no-preference){.flow-mock__step{animation:flow-step var(--duration-flow-cycle) var(--ease-in-out) infinite}.flow-mock__arrow{animation:flow-arrow var(--duration-flow-cycle) var(--ease-in-out) infinite}.flow-mock__step:nth-child(2),.flow-mock__step:nth-child(2) .flow-mock__arrow{animation-delay:calc(var(--duration-flow-cycle) / 2)}.flow-mock__link-icon{animation:flow-exchange var(--duration-flow-cycle) var(--ease-in-out) infinite}.flow-mock__chip-dot{animation:flow-pulse var(--duration-assistant-pulse) var(--ease-in-out) infinite}}@keyframes flow-step{0%,42%,to{border-color:var(--color-border)}9%,30%{border-color:var(--color-accent-sand)}}@keyframes flow-arrow{0%,42%,to{opacity:.55;translate:0}18%{translate:var(--space-3xs) 0;opacity:1}}@keyframes flow-exchange{0%{rotate:0deg}to{rotate:360deg}}@keyframes flow-pulse{0%,to{opacity:1;scale:1}50%{opacity:.4;scale:.7}}@media (width<=1200px){.flow-mock__state{display:none}.flow-mock__step{gap:var(--space-3xs);padding:var(--space-2xs)}}@media (width<=820px){.flow-mock__body{gap:var(--space-sm);padding:var(--space-sm);font-size:var(--text-xs)}}@media (width<=560px){.flow-mock__chip{display:none}}.integrations-mock{align-content:start;gap:var(--space-2xs);font-size:var(--text-sm);display:grid}.integrations-mock__legend{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.integrations-mock__list{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:grid}.integrations-mock__row{align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm);border:var(--border);border-radius:var(--radius-md);background:var(--rvg-white);grid-template-columns:auto 1fr auto;display:grid}.integrations-mock__icon{width:var(--integrations-mock-icon-size);height:var(--integrations-mock-icon-size);border-radius:var(--radius-sm);color:var(--color-primary);background:var(--rvg-blue-50);flex:none;place-items:center;display:grid}.integrations-mock__label{min-width:0;color:var(--color-text)}.integrations-mock__state{align-items:center;gap:var(--space-3xs);white-space:nowrap;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-success-text);display:inline-flex}.integrations-mock__dot{width:var(--reconciliation-dot-size);height:var(--reconciliation-dot-size);border-radius:var(--radius-round);background:var(--color-success-text);flex:none}@media (prefers-reduced-motion:no-preference){.integrations-mock__row{animation:integrations-rise var(--duration-assistant-line) var(--ease-out) both}.integrations-mock__dot{animation:integrations-blink var(--duration-integrations-loop) var(--ease-in-out) infinite}.integrations-mock__row:nth-child(2){animation-delay:.1s}.integrations-mock__row:nth-child(2) .integrations-mock__dot{animation-delay:calc(var(--duration-integrations-loop) / 5)}.integrations-mock__row:nth-child(3){animation-delay:.2s}.integrations-mock__row:nth-child(3) .integrations-mock__dot{animation-delay:calc(var(--duration-integrations-loop) / 5 * 2)}.integrations-mock__row:nth-child(4){animation-delay:.3s}.integrations-mock__row:nth-child(4) .integrations-mock__dot{animation-delay:calc(var(--duration-integrations-loop) / 5 * 3)}.integrations-mock__row:nth-child(5){animation-delay:.4s}.integrations-mock__row:nth-child(5) .integrations-mock__dot{animation-delay:calc(var(--duration-integrations-loop) / 5 * 4)}}@keyframes integrations-rise{0%{opacity:0;translate:0 var(--space-2xs)}to{opacity:1;translate:0}}@keyframes integrations-blink{0%,82%,to{opacity:.35;scale:.75}88%{opacity:1;scale:1.15}}@media (width<=900px){.integrations-mock{font-size:var(--text-xs)}}.sync-mock__body{align-content:start;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);display:grid}.sync-mock__group{gap:var(--space-2xs);display:grid}.sync-mock__legend{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.sync-mock__tags{gap:var(--space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sync-mock__tag{padding:var(--space-3xs) var(--space-sm);border:var(--border);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-primary);background:var(--rvg-white)}@media (prefers-reduced-motion:no-preference){.sync-mock__tag{animation:sync-wave var(--duration-sync-wave) var(--ease-in-out) infinite}.sync-mock__group:first-child .sync-mock__tag:nth-child(2){animation-delay:calc(var(--duration-sync-wave) / 14 * 1)}.sync-mock__group:first-child .sync-mock__tag:nth-child(3){animation-delay:calc(var(--duration-sync-wave) / 14 * 2)}.sync-mock__group:first-child .sync-mock__tag:nth-child(4){animation-delay:calc(var(--duration-sync-wave) / 14 * 3)}.sync-mock__group:nth-child(2) .sync-mock__tag:first-child{animation-delay:calc(var(--duration-sync-wave) / 14 * 4)}.sync-mock__group:nth-child(2) .sync-mock__tag:nth-child(2){animation-delay:calc(var(--duration-sync-wave) / 14 * 5)}.sync-mock__group:nth-child(2) .sync-mock__tag:nth-child(3){animation-delay:calc(var(--duration-sync-wave) / 14 * 6)}.sync-mock__group:nth-child(3) .sync-mock__tag:first-child{animation-delay:calc(var(--duration-sync-wave) / 14 * 7)}.sync-mock__group:nth-child(3) .sync-mock__tag:nth-child(2){animation-delay:calc(var(--duration-sync-wave) / 14 * 8)}.sync-mock__group:nth-child(3) .sync-mock__tag:nth-child(3){animation-delay:calc(var(--duration-sync-wave) / 14 * 9)}}@keyframes sync-wave{0%,62%,to{color:var(--color-primary);border-color:var(--color-border);background:var(--rvg-white)}14%,48%{color:var(--color-text-on-sand);border-color:var(--color-accent-sand);background:var(--color-sand-surface)}}@media (width<=1080px){.sync-mock__group:nth-child(3){display:none}}@media (width<=820px){.sync-mock__body{gap:var(--space-sm);padding:var(--space-sm);font-size:var(--text-xs)}}@media (width<=560px){.sync-mock__tag{padding:var(--space-3xs) var(--space-2xs)}}}@layer utilities;