.hero-visual:where(.astro-bbe6dxrz){position:absolute;right:clamp(2rem,5vw,6rem);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-bbe6dxrz){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-bbe6dxrz){flex:1;min-width:0}.system-header:where(.astro-bbe6dxrz){display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.system-icon:where(.astro-bbe6dxrz){width:28px;height:28px;color:#4169e1;display:flex;align-items:center;justify-content:center}.system-icon:where(.astro-bbe6dxrz).salesforce{color:#00a1e0}.system-icon:where(.astro-bbe6dxrz) svg:where(.astro-bbe6dxrz){width:100%;height:100%}.system-label:where(.astro-bbe6dxrz){font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.system-records:where(.astro-bbe6dxrz){display:flex;flex-direction:column;gap:.5rem}.record:where(.astro-bbe6dxrz){display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ffffff05;border:1px solid transparent;border-radius:6px;font-size:.7rem;transition:all .3s ease}.record:where(.astro-bbe6dxrz):hover{background:#ffffff0d;border-color:var(--border)}.record:where(.astro-bbe6dxrz).updating{background:#00ff880d;border-color:var(--accent);animation:recordPulse 2s ease infinite}@keyframes recordPulse{0%,to{background:#00ff880d;box-shadow:0 0 #0f80}50%{background:#00ff881a;box-shadow:0 0 20px #0f83}}.record-field:where(.astro-bbe6dxrz){font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-field:where(.astro-bbe6dxrz).name{color:var(--text-primary);flex:1;min-width:0}.record-field:where(.astro-bbe6dxrz).email,.record-field:where(.astro-bbe6dxrz).type{color:var(--text-muted);font-size:.65rem;display:none}.record-field:where(.astro-bbe6dxrz).status{font-size:.6rem;margin-left:auto}.record-field:where(.astro-bbe6dxrz).status.synced{color:var(--accent)}.record-field:where(.astro-bbe6dxrz).status.syncing{color:var(--warning);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-bridge:where(.astro-bbe6dxrz){display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1rem;min-width:60px;position:relative}.bridge-line:where(.astro-bbe6dxrz){width:2px;flex:1;background:linear-gradient(180deg,transparent,var(--border),transparent);min-height:40px}.bridge-status:where(.astro-bbe6dxrz){width:40px;height:40px;background:var(--bg-surface);border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--accent-glow);animation:syncPulse 3s ease infinite}@keyframes syncPulse{0%,to{box-shadow:0 0 20px var(--accent-glow);transform:scale(1)}50%{box-shadow:0 0 30px var(--accent-glow),0 0 50px var(--accent-dim);transform:scale(1.05)}}.sync-icon:where(.astro-bbe6dxrz){width:20px;height:20px;color:var(--accent);animation:iconSpin 4s linear infinite}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-particles:where(.astro-bbe6dxrz){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:120px;pointer-events:none}.particle:where(.astro-bbe6dxrz){position:absolute;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);top:50%}.particle:where(.astro-bbe6dxrz).left-to-right{animation:flowRight 2.5s ease-in-out infinite}.particle:where(.astro-bbe6dxrz).right-to-left{animation:flowLeft 2.5s ease-in-out infinite}.particle:where(.astro-bbe6dxrz).delay-1{animation-delay:1.25s}@keyframes flowRight{0%{left:-10px;opacity:0;transform:translateY(-50%) scale(.5)}10%{opacity:1;transform:translateY(-50%) scale(1)}90%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% + 10px);opacity:0;transform:translateY(-50%) scale(.5)}}@keyframes flowLeft{0%{right:-10px;left:auto;opacity:0;transform:translateY(-50%) scale(.5)}10%{opacity:1;transform:translateY(-50%) scale(1)}90%{opacity:1;transform:translateY(-50%) scale(1)}to{right:calc(100% + 10px);left:auto;opacity:0;transform:translateY(-50%) scale(.5)}}.sync-labels:where(.astro-bbe6dxrz){display:flex;justify-content:space-between;margin-top:1rem;padding:0 .5rem}.sync-label:where(.astro-bbe6dxrz){font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);opacity:.7}.sync-label:where(.astro-bbe6dxrz).left{animation:labelFade 4s ease infinite}.sync-label:where(.astro-bbe6dxrz).right{animation:labelFade 4s ease infinite;animation-delay:.5s}@keyframes labelFade{0%,40%,to{opacity:.4}20%{opacity:1;color:var(--accent)}}@media(max-width:1200px){.hero-visual:where(.astro-bbe6dxrz){display:none}}@media(min-width:1400px){.record-field:where(.astro-bbe6dxrz).email,.record-field:where(.astro-bbe6dxrz).type{display:block}}