.cake-sync-section{max-width:1088px;margin:auto;padding:80px 32px;color:#20211e;scroll-margin-top:88px}.cake-sync-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:40px}.cake-sync-heading h2{font-size:36px;line-height:1.16;letter-spacing:-.035em;font-weight:500;margin:0}.cake-sync-heading>p{font-size:16px;line-height:1.65;color:#686a62;margin:0;max-width:38ch}.cake-sync[data-sync-diagram]{display:grid;grid-template-columns:300px 64px minmax(0,1fr);align-items:center;position:relative;padding:0;gap:0}.sync-sources h3{font-size:16px;font-weight:500;margin:0 0 18px}.sync-system-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sync-system{display:flex;align-items:center;justify-content:center;height:72px;padding:8px;border:1px solid #e5e3da;border-radius:12px;background:#fff;transition:border-color .3s,background .3s}.sync-system img{width:76px;max-width:100%;height:40px;object-fit:contain}.sync-system-clio{background:#000}.sync-system.is-active{outline:2px solid #d4b94f;outline-offset:3px}.sync-system>span{font-size:13px;color:#686a62}.sync-planned{font-size:11px;color:#686a62;margin:12px 0 26px}.sync-record{display:flex;flex-direction:column;gap:6px;background:#f5f3ed;padding:18px;border-radius:12px;font-size:13px}.sync-record strong{font-size:17px;font-weight:500}.sync-record>span:last-child{color:#aa2723}.sync-record.is-paid{background:#e8f6ec}.sync-record.is-paid>span:last-child{color:#276040}.sync-source-caption{font-size:12px;line-height:1.5;color:#686a62;margin:12px 0 0;min-height:36px}.sync-transfer{position:relative;height:2px;margin:0 12px}.sync-transfer-line{height:1px;width:100%;background:#d6d3c9}.sync-transfer>span{position:absolute;width:9px;height:9px;top:-4px;left:0;border-radius:50%;background:#d4b94f;opacity:0}.cake-sync[data-transfer=in] .sync-transfer>span{animation:sync-flow-in 1.5s ease-in-out infinite}.cake-sync[data-transfer=out] .sync-transfer>span{background:#27804b;animation:sync-flow-out 1.5s ease-in-out infinite}.sync-agent-panel{position:relative;border:1px solid #e5e3da;border-radius:18px;background:#fff;overflow:hidden}.sync-agent-panel>header{display:flex;align-items:center;gap:10px;min-height:80px;padding:18px 22px;border-bottom:1px solid #e5e3da}.sync-agent-panel>header>div{display:flex;flex-direction:column;gap:3px}.sync-agent-panel>header strong{font-size:18px;font-weight:500}.sync-agent-panel>header>div>span{font-size:11px;color:#686a62}.sync-stage{margin-left:auto;font-size:11px;color:#686a62;background:#f5f3ed;border-radius:6px;padding:6px 8px}.sync-agent-body{height:330px;padding:24px;box-sizing:border-box}.sync-action{font-size:21px;font-weight:500;line-height:1.35;letter-spacing:-.02em;margin:0 0 8px}.sync-explanation{font-size:13px;color:#686a62;line-height:1.6;margin:0 0 20px}.sync-checks{list-style:none;margin:0;padding:0}.sync-checks li{font-size:15px;display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e5e3da;color:#686a62}.sync-checks li>span{opacity:0;color:#27804b}.sync-checks li.done{color:#20211e}.sync-checks li.done>span{opacity:1}.sync-draft{background:#f5f3ed;border-radius:10px;padding:16px}.sync-draft>span{font-size:11px;color:#686a62}.sync-draft>p{font-size:14px;line-height:1.6;min-height:68px;margin:10px 0 14px}.sync-send-row{display:flex;align-items:center;gap:10px;justify-content:space-between}.sync-send-row>span:first-child{font-size:10px;color:#686a62}.sync-send{display:inline-flex;align-items:center;gap:8px;flex:none;background:#f3d66b;border:1px solid #dec45c;border-radius:7px;font-size:12px;padding:8px 10px}.sync-send.is-sent{background:#e8f6ec;border-color:#b8d7c1;color:#276040}.sync-agent-panel>footer{display:flex;align-items:flex-start;gap:9px;padding:16px 22px;border-top:1px solid #e5e3da;min-height:70px;font-size:12px;line-height:1.6;color:#686a62}.sync-status-dot{background:#27804b;border-radius:50%;width:6px;height:6px;flex:none;margin-top:6px}.sync-payment{display:flex;flex-direction:column;align-items:center;gap:10px;background:#e8f6ec;border-radius:12px;padding:22px 16px;color:#276040;text-align:center}.sync-payment strong{font-size:25px;font-weight:500}.sync-payment span{font-size:12px}.sync-agent-cursor{position:absolute;pointer-events:none;filter:drop-shadow(0 3px 3px #0003)}.sync-agent-cursor.is-clicking{transform:scale(.85)}.sync-agent-disclaimer{font-size:11px;color:#686a62;line-height:1.6;margin:18px 0 0}.cake-sync [hidden]{display:none!important}.sync-is-paused .sync-transfer>span{animation-play-state:paused!important}.sync-is-paused .sync-agent-cursor{visibility:hidden}@keyframes sync-flow-in{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:calc(100% - 9px);opacity:0}}@keyframes sync-flow-out{0%{left:calc(100% - 9px);opacity:0}20%{opacity:1}80%{opacity:1}to{left:0;opacity:0}}@media(max-width:800px){.cake-sync-section{padding:56px 24px}.cake-sync-heading{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.cake-sync-heading h2{font-size:31px}.cake-sync[data-sync-diagram]{grid-template-columns:1fr;gap:0}.sync-sources{max-width:440px;width:100%;margin:auto}.sync-transfer{width:2px;height:38px;margin:12px auto}.sync-transfer-line{height:100%;width:1px}.sync-transfer>span{left:-4px;top:0}.cake-sync[data-transfer=in] .sync-transfer>span{animation-name:sync-flow-down}.cake-sync[data-transfer=out] .sync-transfer>span{animation-name:sync-flow-up}.sync-agent-body{height:370px;padding:20px}.sync-agent-panel>header,.sync-agent-panel>footer{padding:16px 20px}.sync-stage{font-size:10px}.sync-action{font-size:20px}.sync-send-row{flex-wrap:wrap}.sync-source-caption{min-height:0}.sync-draft>p{min-height:90px}.sync-agent-panel>footer{min-height:80px}}@keyframes sync-flow-down{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:calc(100% - 9px);opacity:0}}@keyframes sync-flow-up{0%{top:calc(100% - 9px);opacity:0}20%{opacity:1}80%{opacity:1}to{top:0;opacity:0}}@media(prefers-reduced-motion:reduce){.sync-transfer>span{animation:none!important}.sync-system{transition:none}.sync-agent-cursor{display:none}}.sync-agent-body{height:470px}.sync-draft{padding:0;background:#fff;border:1px solid #e5e3da;border-radius:12px;overflow:hidden;animation:sync-mail-arrive .35s ease-out}.sync-mail-toolbar{display:flex;align-items:center;gap:9px;padding:11px 14px;background:#f5f3ed;font-size:12px;border-bottom:1px solid #e5e3da}.sync-mail-toolbar strong{font-weight:500}.sync-mail-toolbar>span{margin-left:auto;font-size:10px;color:#686a62}.sync-mail-toolbar>span.is-sent{color:#276040}.sync-mail-fields{padding:8px 14px;border-bottom:1px solid #eeece6}.sync-mail-fields>div{display:flex;gap:9px;font-size:11px;line-height:1.5;padding:3px 0}.sync-mail-fields>div>span{width:42px;flex:none;color:#686a62}.sync-mail-fields strong{font-weight:400}.sync-draft>p{padding:0 14px;min-height:90px;margin:12px 0;font-size:14px;line-height:1.6}.sync-draft.is-composing>p:after{content:"";display:inline-block;height:1em;width:2px;background:#705619;vertical-align:-2px;animation:sync-caret .7s steps(2) infinite}.sync-mail-attachment{display:flex;align-items:center;gap:6px;margin:0 14px 12px;font-size:11px;flex-wrap:wrap;color:#554822}.sync-mail-attachment>span{font-size:10px;color:#686a62}.sync-send-row{padding:10px 14px;border-top:1px solid #eeece6;background:#faf9f6}.sync-draft.email-sent{animation:sync-mail-sent .5s ease-out}.sync-email-reply{border:1px solid #e5e3da;border-radius:12px;background:#fff;overflow:hidden;animation:sync-mail-arrive .4s ease-out}.sync-reply-sender{display:flex;align-items:center;gap:10px;padding:18px 18px 0}.sync-reply-sender>span{display:grid;place-items:center;width:36px;height:36px;background:#f5f3ed;border-radius:50%;color:#686a62}.sync-reply-sender strong{font-size:14px;font-weight:500}.sync-reply-sender small{display:block;font-size:11px;color:#686a62;margin-top:3px}.sync-email-reply>p{font-size:18px;line-height:1.6;margin:24px 18px}.sync-reply-check{background:#fff5cf;padding:14px 18px;font-size:12px;color:#665933}.sync-reply-check>span{animation:sync-caret .8s steps(2) infinite}.sync-payment:not([hidden]){animation:sync-mail-arrive .4s ease-out}.sync-is-paused .sync-agent-panel *{animation-play-state:paused!important}@keyframes sync-mail-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sync-mail-sent{40%{transform:translateY(-5px);opacity:.65}to{transform:translateY(0);opacity:1}}@keyframes sync-caret{50%{opacity:0}}@media(max-width:800px){.sync-agent-body{height:520px}.sync-draft>p{min-height:112px}.sync-mail-fields>div{font-size:10px}.sync-send-row{gap:8px}.sync-explanation{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.sync-draft,.sync-draft.email-sent,.sync-email-reply,.sync-payment:not([hidden]),.sync-draft.is-composing>p:after,.sync-reply-check>span{animation:none}}