.interactive-sync-container{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem 4rem;max-width:960px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.interactive-sync-container.loaded{opacity:1;transform:translateY(0)}.sync-sources{gap:1.25rem}.source-section,.sync-sources{display:flex;flex-direction:column}.source-section{gap:.5rem}.section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#b3a890;text-align:center;width:100%}.source-list{display:flex;flex-direction:column;gap:.375rem}.source-item{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:white;border:1.5px solid #f0e7d4;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateX(-12px);animation:slideInLeft .4s ease forwards}.dark .source-item{background:#2a251e;border-color:#3a3328}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}.source-item:hover{border-color:#e0683c;transform:scale(1.05);box-shadow:0 4px 12px rgba(224,104,60,.15)}.source-item.highlighted{border-color:#e0683c;box-shadow:0 0 0 3px rgba(224,104,60,.1)}.source-item.active{border-color:#e0683c;background:linear-gradient(135deg,#fbf6ec,#f4ecd9);box-shadow:0 0 0 3px rgba(224,104,60,.15),0 4px 12px rgba(224,104,60,.2)}.dark .source-item.active{background:linear-gradient(135deg,#1e3a5f,#1e40af)}.source-item.receipt:hover{border-color:#f2b544;box-shadow:0 4px 12px rgba(245,158,11,.15)}.source-item.receipt.active,.source-item.receipt.highlighted{border-color:#f2b544;box-shadow:0 0 0 3px rgba(245,158,11,.1)}.source-item.receipt.active{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.dark .source-item.receipt.active{background:linear-gradient(135deg,#451a03,#78350f)}.source-logo{width:26px;height:26px;-o-object-fit:contain;object-fit:contain}.source-icon{width:22px;height:22px;color:#8c8478;transition:color .2s ease}.dark .source-icon{color:#b3a890}.source-item.receipt.active .source-icon,.source-item.receipt.highlighted .source-icon{color:#f2b544}.source-item.dimmed{opacity:.4;transform:scale(.95)}.source-item.dimmed:hover{opacity:.7;transform:scale(1)}.connector-svg-container{position:relative;display:flex;align-items:center}.connector-svg-container.left{width:80px;margin-left:-22px;align-self:stretch}.connector-svg-container.right{width:40px}.connector-svg{width:100%;height:100%}.connector-path{stroke:#ddcdb4;transition:all .3s ease}.dark .connector-path{stroke:#5b544a}.connector-path.bank{stroke:#f4a088}.connector-path.receipt{stroke:#f2b544}.connector-path.highlighted{stroke-width:3}.connector-path.bank.highlighted{stroke:#e0683c;filter:drop-shadow(0 0 4px rgba(224,104,60,.5))}.connector-path.receipt.highlighted{stroke:#f2b544;filter:drop-shadow(0 0 4px rgba(242,181,68,.5))}.connector-path.dimmed{opacity:.2}.connector-line-right{width:100%;height:2px;background:linear-gradient(90deg,#e0683c,#7fb89e);border-radius:1px}.flowing-data-icon{position:absolute;width:20px;height:20px;background:#fffaf0;border:2px solid var(--data-color,#e0683c);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15),0 0 12px color-mix(in srgb,var(--data-color) 40%,transparent);z-index:10}.dark .flowing-data-icon{background:#2a251e}.flowing-data-icon svg{width:12px;height:12px;color:var(--data-color,#e0683c)}.flowing-data-icon.left{top:var(--start-y,50%);left:28%;transform:translate(-50%,-50%);animation:flowLeftToCenter 1.5s ease-in-out forwards}.flowing-data-icon.right{top:50%;left:0;transform:translate(-50%,-50%);animation:flowCenterToRight 1.2s ease-in-out forwards}@keyframes flowLeftToCenter{0%{left:28%;top:var(--start-y,50%);opacity:0;transform:translate(-50%,-50%) scale(.6)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}40%{left:55%;top:var(--start-y,50%)}70%{left:55%;top:50%}90%{opacity:1}to{left:100%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes flowCenterToRight{0%{left:0;opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1}to{left:100%;opacity:0;transform:translate(-50%,-50%) scale(.8)}}.flowing-data-icon.left.mobile{left:var(--start-x,50%);top:36%;animation:flowTopToCenter 1.5s ease-in-out forwards}@keyframes flowTopToCenter{0%{top:36%;left:var(--start-x,50%);opacity:0;transform:translate(-50%,-50%) scale(.6)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}40%{top:60%;left:var(--start-x,50%)}70%{top:60%;left:50%}90%{opacity:1}to{top:100%;left:50%;opacity:0;transform:translate(-50%,-50%) scale(.8)}}.sync-hub-section{justify-content:center;align-self:center}.hub-container,.sync-hub-section{display:flex;flex-direction:column;align-items:center}.hub-container{gap:.75rem;padding:1.25rem 1rem;background:rgba(248,250,252,.5);border:1px solid rgba(226,232,240,.6);border-radius:20px}.dark .hub-container{background:rgba(30,41,59,.3);border-color:rgba(51,65,85,.5)}.sync-hub{width:72px;height:72px;border-radius:12px;background:transparent;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.hub-logo{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;position:relative;z-index:1;border-radius:10px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.sync-hub.processing{animation:subtle-heartbeat 1.4s linear infinite}@keyframes subtle-heartbeat{0%{transform:scale(1)}25%{transform:scale(1.08)}50%{transform:scale(1)}to{transform:scale(1)}}.hub-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#f0e7d4 20%,#f0e7d4 80%,transparent)}.dark .hub-divider{background:linear-gradient(90deg,transparent,#5b544a 20%,#5b544a 80%,transparent)}.data-type-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem;width:100%}.data-type-badge{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;border-radius:10px;background:white;border:1.5px solid #f0e7d4;cursor:pointer;transition:all .2s ease;opacity:0;transform:translateY(8px);animation:fadeInUp .4s ease forwards}.dark .data-type-badge{background:#2a251e;border-color:#5b544a}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.data-type-badge:hover{border-color:var(--badge-color);background:color-mix(in srgb,var(--badge-color) 8%,white);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--badge-color) 15%,transparent)}.dark .data-type-badge:hover{background:color-mix(in srgb,var(--badge-color) 15%,#2a251e)}.data-type-badge.highlighted{border-color:var(--badge-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--badge-color) 15%,transparent)}.data-type-badge.active{border-color:var(--badge-color);background:color-mix(in srgb,var(--badge-color) 12%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--badge-color) 15%,transparent)}.dark .data-type-badge.active{background:color-mix(in srgb,var(--badge-color) 20%,#2a251e)}.badge-icon{width:16px;height:16px;display:flex;flex-shrink:0;color:var(--badge-color)}.badge-icon svg{width:100%;height:100%}.badge-label{font-size:.65rem;font-weight:600;color:#5b544a;white-space:nowrap}.dark .badge-label{color:#ddcdb4}.sync-destination{flex:1;max-width:340px;min-width:280px;opacity:0;transform:translateX(12px);animation:slideInRight .5s ease .3s forwards}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}.destination-tabs{display:flex;gap:0;margin-bottom:0}.destination-tab{display:flex;align-items:center;gap:.3rem;padding:.4rem .55rem;border-radius:8px 8px 0 0;background:#fdf9f0;border:1.5px solid #f0e7d4;border-bottom:none;cursor:pointer;transition:all .2s ease;position:relative;margin-left:-1px}.destination-tab:first-child{margin-left:0}.dark .destination-tab{background:#2a251e;border-color:#3a3328}.destination-tab:hover{background:white}.dark .destination-tab:hover{background:#3a3328}.destination-tab.active{background:white;border-color:#f0e7d4;z-index:1}.dark .destination-tab.active{background:#2a251e;border-color:#3a3328}.tab-logo{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.tab-logo.invert-dark{filter:none}.dark .tab-logo.invert-dark{filter:invert(1)}.tab-name{font-size:.65rem;font-weight:600;color:#8c8478}.dark .tab-name{color:#b3a890}.destination-tab.active .tab-name{color:#2a251e}.dark .destination-tab.active .tab-name{color:#f6efe0}.preview-panel{background:white;border:1.5px solid #f0e7d4;border-radius:0 12px 12px 12px;overflow:hidden;height:280px;transition:border-color .2s ease}.dark .preview-panel{background:#2a251e;border-color:#3a3328}.sheets-preview{font-family:Google Sans,-apple-system,sans-serif}.sheets-header{display:flex;padding:.625rem .75rem;background:#fdf9f0;border-bottom:1px solid #f0e7d4;gap:.75rem}.dark .sheets-header{background:#1d1915;border-color:#3a3328}.sheets-col{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8c8478}.sheets-col:first-child{width:32px}.sheets-col:last-child{width:72px;text-align:right}.sheets-col.flex-1{flex:1}.sheets-body{padding:.25rem 0;overflow:hidden;flex:1}.sheets-row{display:flex;align-items:center;padding:.625rem .75rem;gap:.75rem;position:relative;border-left:2px solid transparent}.sheets-row.visible{opacity:1}.sheets-row.hovered{background:#fbf6ec;border-left-color:#e0683c}.dark .sheets-row.hovered{background:#3a3328}.sheets-cell{font-size:.75rem;color:#3a3328}.dark .sheets-cell{color:#f0e7d4}.sheets-cell.type-cell{width:32px}.sheets-cell.desc-cell{flex:1;font-weight:500}.sheets-cell.amount-cell{width:72px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.type-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center}.type-icon svg{width:14px;height:14px}.notion-preview{font-family:Inter,-apple-system,sans-serif}.notion-title{padding:.625rem .75rem;font-size:.8rem;font-weight:700;color:#2a251e;border-bottom:1px solid #f0e7d4}.dark .notion-title{color:#f6efe0;border-color:#3a3328}.notion-header{display:flex;padding:.5rem .75rem;background:#fdf9f0;border-bottom:1px solid #f0e7d4;gap:.5rem}.dark .notion-header{background:#1d1915;border-color:#3a3328}.notion-col{font-size:.65rem;font-weight:600;color:#8c8478;flex:1}.dark .notion-col{color:#b3a890}.notion-col:last-child{text-align:right;flex:0 0 70px}.notion-body{padding:.125rem 0;overflow:hidden;flex:1}.notion-row{display:flex;align-items:center;padding:.625rem .75rem;gap:.5rem;border-bottom:1px solid #f6efe0;position:relative}.dark .notion-row{border-color:#3a3328}.notion-row:last-child{border-bottom:none}.notion-row.visible{opacity:1}.notion-row.hovered{background:#fafafa}.dark .notion-row.hovered{background:#3a3328}.notion-cell{flex:1;font-size:.75rem;color:#3a3328}.dark .notion-cell{color:#f0e7d4}.notion-cell.name-cell{display:flex;align-items:center;gap:.375rem;font-weight:500}.notion-cell.amount-cell{flex:0 0 70px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.notion-icon{width:16px;height:16px;flex-shrink:0}.notion-icon svg{width:100%;height:100%}.notion-tag{padding:.1875rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600}.airtable-preview{font-family:-apple-system,BlinkMacSystemFont,sans-serif}.airtable-header{display:flex;padding:.625rem .75rem;background:#fdf9f0;border-bottom:2px solid #f0e7d4;gap:.5rem}.dark .airtable-header{background:#1d1915;border-color:#3a3328}.airtable-col{font-size:.65rem;font-weight:700;color:#5b544a;flex:1}.dark .airtable-col{color:#b3a890}.airtable-col:last-child{text-align:right;flex:0 0 70px}.airtable-body{padding:.125rem 0;overflow:hidden;flex:1}.airtable-row{display:flex;align-items:center;padding:.625rem .75rem;gap:.5rem;border-bottom:1px solid #f6efe0;position:relative}.dark .airtable-row{border-color:#3a3328}.airtable-row:last-child{border-bottom:none}.airtable-row.visible{opacity:1}.airtable-row.hovered{background:#fdf9f0}.dark .airtable-row.hovered{background:#3a3328}.airtable-cell{flex:1;font-size:.75rem;color:#3a3328}.dark .airtable-cell{color:#f0e7d4}.airtable-cell.name-cell{display:flex;align-items:center;gap:.375rem;font-weight:500}.airtable-cell.amount-cell{flex:0 0 70px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.airtable-icon{width:16px;height:16px;flex-shrink:0}.airtable-icon svg{width:100%;height:100%}.airtable-tag{padding:.1875rem .5rem;border-radius:12px;font-size:.625rem;font-weight:600;color:white}.body-slide-inner{will-change:transform}.row-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:.375rem .625rem;background:#2a251e;color:white;font-size:.625rem;font-weight:500;border-radius:6px;white-space:nowrap;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:tooltipIn .15s ease}.dark .row-tooltip{background:#f6efe0;color:#2a251e}@keyframes tooltipIn{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.row-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#2a251e}.dark .row-tooltip:before{border-right-color:#f6efe0}@media (max-width:768px){.interactive-sync-container{flex-direction:column;gap:.5rem;padding:1.5rem 1rem;align-items:center}.sync-sources{gap:2rem}.source-list,.sync-sources{flex-direction:row}.connector-svg-container.left{width:100%;max-width:320px;height:60px;margin-left:0;margin-top:-22px;align-self:center}.connector-svg-container.right{width:100%;max-width:280px;height:32px;align-self:center;justify-content:center}.connector-line-right{width:2px;height:100%;background:linear-gradient(180deg,#e0683c,#7fb89e)}.flowing-data-icon.right{left:50%;top:0;animation:flowCenterToBottom 1.2s ease-in-out forwards}@keyframes flowCenterToBottom{0%{top:0;opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1}to{top:100%;opacity:0;transform:translate(-50%,-50%) scale(.8)}}.sync-hub-section{width:100%;max-width:280px}.hub-container{width:100%}.data-type-badges{grid-template-columns:repeat(2,1fr)}.sync-destination{width:100%;max-width:100%}.row-tooltip{left:auto;right:.5rem;top:auto;bottom:100%;margin-left:0;margin-bottom:4px;transform:none}.row-tooltip:before{display:none}}@media (max-width:480px){.hub-container{padding:1rem .75rem}.sync-hub{width:64px;height:64px;border-radius:10px}.hub-logo{width:38px;height:38px;border-radius:8px}.data-type-badge{padding:.375rem .5rem}.badge-label{font-size:.6rem}.destination-tab{padding:.375rem .5rem}.tab-name{font-size:.625rem}}@media (prefers-reduced-motion:reduce){.airtable-row,.connector-path,.data-type-badge,.flowing-data-icon,.interactive-sync-container,.notion-row,.row-tooltip,.sheets-row,.source-item,.sync-destination,.sync-hub.processing{animation:none!important;transition:none!important}.airtable-row.visible,.data-type-badge,.interactive-sync-container.loaded,.notion-row.visible,.sheets-row.visible,.source-item,.sync-destination{opacity:1;transform:none}.body-slide-inner{transform:none!important;transition:none!important}.flowing-data-icon{display:none}}