.hero-visual:where(.astro-cc7rxfjd){position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(45%,540px);opacity:0;animation:fadeIn 1.2s var(--ease-out-expo) forwards;animation-delay:.9s}.sync-mirror:where(.astro-cc7rxfjd){display:flex;align-items:stretch;gap:0;background:linear-gradient(135deg,#141419e6,#1a1a22e6);border:1px solid var(--border);border-radius:16px;padding:1.5rem;backdrop-filter:blur(10px)}.mirror-system:where(.astro-cc7rxfjd){flex:1;min-width:0}.system-header:where(.astro-cc7rxfjd){display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.system-icon:where(.astro-cc7rxfjd){width:28px;height:28px;color:#4169e1;display:flex;align-items:center;justify-content:center}.system-icon:where(.astro-cc7rxfjd).salesforce{color:#00a1e0}.system-icon:where(.astro-cc7rxfjd) svg:where(.astro-cc7rxfjd){width:100%;height:100%}.system-label:where(.astro-cc7rxfjd){font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.system-records:where(.astro-cc7rxfjd).scrolling{height:205px;overflow:hidden;position:relative}.records-track:where(.astro-cc7rxfjd){display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.record{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#ffffff05;border:1px solid transparent;border-radius:6px;font-size:.7rem;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;flex-shrink:0;box-shadow:none}.record.entering{animation:recordEnterAndFade 2s ease-out forwards}@keyframes recordEnterAndFade{0%{opacity:0;transform:translateY(10px) scale(.95);background:#00ff8826;border-color:var(--accent);box-shadow:0 0 15px #0f83}20%{opacity:1;transform:translateY(0) scale(1);background:#00ff8826;border-color:var(--accent);box-shadow:0 0 15px #0f83}to{opacity:1;transform:translateY(0) scale(1);background:#ffffff05;border-color:transparent;box-shadow:none}}.record.syncing{animation:none;background:#00ff881f;border-color:var(--accent);box-shadow:0 0 20px #00ff8840}.record.syncing .record-status{color:var(--warning);animation:spin .8s linear infinite}.record.fade-highlight{animation:fadeHighlight 1.5s ease-out forwards}@keyframes fadeHighlight{0%{background:#00ff881f;border-color:var(--accent);box-shadow:0 0 20px #00ff8840}to{background:#ffffff05;border-color:transparent;box-shadow:none}}.record.exiting{animation:recordExit .3s ease-in forwards}@keyframes recordExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.record-field{font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-field.record-name{color:var(--text-primary);flex:1;min-width:0;font-size:.7rem}.record-field.record-detail{color:var(--text-muted);font-size:.6rem;display:none}.record-field.record-status{font-size:.6rem;margin-left:auto;color:var(--accent);flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-bridge:where(.astro-cc7rxfjd){display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .75rem;min-width:50px;position:relative;margin-top:50px}.bridge-line:where(.astro-cc7rxfjd){width:2px;flex:1;background:linear-gradient(180deg,transparent,var(--border),transparent);min-height:30px}.bridge-status:where(.astro-cc7rxfjd){width:36px;height:36px;background:var(--bg-surface);border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--accent-glow);transition:all .3s ease}.bridge-status:where(.astro-cc7rxfjd).active{box-shadow:0 0 25px var(--accent-glow),0 0 40px var(--accent-dim);transform:scale(1.15)}.sync-icon:where(.astro-cc7rxfjd){width:18px;height:18px;color:var(--accent)}.bridge-status:where(.astro-cc7rxfjd).active .sync-icon:where(.astro-cc7rxfjd){animation:iconSpinFast .6s linear infinite}@keyframes iconSpinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-packet:where(.astro-cc7rxfjd){position:absolute;width:8px;height:8px;background:var(--accent);border-radius:2px;box-shadow:0 0 12px var(--accent),0 0 24px var(--accent-glow);opacity:0;top:50%;transform:translateY(-50%);z-index:10;pointer-events:none}#packet-ltr:where(.astro-cc7rxfjd){left:0}#packet-rtl:where(.astro-cc7rxfjd){right:0}.sync-packet:where(.astro-cc7rxfjd).flying-ltr{animation:packetFlyLTR .8s var(--ease-out-expo) forwards}.sync-packet:where(.astro-cc7rxfjd).flying-rtl{animation:packetFlyRTL .8s var(--ease-out-expo) forwards}@keyframes packetFlyLTR{0%{left:-15px;opacity:0;transform:translateY(-50%) scale(.5)}15%{opacity:1;transform:translateY(-50%) scale(1)}85%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% + 15px);opacity:0;transform:translateY(-50%) scale(.5)}}@keyframes packetFlyRTL{0%{right:-15px;left:auto;opacity:0;transform:translateY(-50%) scale(.5)}15%{opacity:1;transform:translateY(-50%) scale(1)}85%{opacity:1;transform:translateY(-50%) scale(1)}to{right:calc(100% + 15px);left:auto;opacity:0;transform:translateY(-50%) scale(.5)}}.sync-status-bar:where(.astro-cc7rxfjd){display:flex;justify-content:center;margin-top:.75rem;padding:0 .5rem}.sync-status-text:where(.astro-cc7rxfjd){font-family:var(--font-mono);font-size:.6rem;color:var(--accent);opacity:.8;display:flex;align-items:center;gap:.4rem}.sync-status-text:where(.astro-cc7rxfjd):before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media(max-width:1200px){.hero-visual:where(.astro-cc7rxfjd){display:none}}@media(min-width:1400px){.record-field.record-detail{display:block}}.hero:where(.astro-bbe6dxrz) .container:where(.astro-bbe6dxrz){position:relative}