.connection-art{height:266px;isolation:isolate;background:radial-gradient(ellipse at 50% 52%,#0c3447,#011925 73%);transition:box-shadow .6s,background .6s;touch-action:pan-y}.connection-art>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.agenda-orbit{width:148px;height:148px;position:relative;display:grid;place-items:center;border:1px solid #19bacc40;border-radius:50%;box-shadow:0 0 40px #0a89a60b;z-index:1;pointer-events:none;transition:border-color .6s,box-shadow .6s}.agenda-orbit::before,.agenda-orbit::after{content:'';position:absolute;border-radius:50%;pointer-events:none}.agenda-orbit::before{inset:-22px;border:1px dashed #268c9c33}.agenda-orbit::after{inset:9px;border:1px solid #268c9c19}.agenda-core{display:block;width:97px;line-height:0;position:relative;z-index:2;color:#eafaff;filter:drop-shadow(0 0 12px #13f2f215)}.agenda-core .agenda-symbol{display:block;width:100%;height:auto;overflow:visible}.agenda-core .agenda-symbol path{fill:currentColor;stroke:none}.agenda-core .agenda-symbol circle{stroke:none}.agenda-symbol .symbol-node{filter:drop-shadow(0 0 4px #13f2f2)}.connection-art .art-label,.connection-art .art-caption{z-index:2;pointer-events:none}.connection-art .art-label{font-size:.53rem;letter-spacing:.16em;color:#78acbc}.connection-art .art-caption{bottom:1.2rem;font-size:.7rem;color:#8ebcca;letter-spacing:.05em;transition:color .4s}
.email-connection{position:relative;border-radius:17px;padding:1rem;margin:.15rem -1rem 0;border:1px solid transparent;transition:background .45s,border-color .45s,box-shadow .45s}.email-shell{position:relative;border-radius:12px;isolation:isolate}.email-shell #email{position:relative;z-index:1;padding-right:3.2rem;transition:border-color .4s,box-shadow .4s,background .4s;color:var(--ink)}.email-indicator{position:absolute;z-index:2;right:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef5f7;color:#93afba;font-size:.9rem;transition:color .4s,background .4s,box-shadow .4s;pointer-events:none}.email-energy{position:absolute;z-index:0;inset:-2px;border-radius:14px;pointer-events:none;opacity:0;box-shadow:0 0 0 1px #2bded9,0 0 20px #13f2f23f;transition:opacity .4s}.email-link{display:flex;align-items:center;gap:.5rem;margin:1rem .1rem .6rem;font-size:.62rem;color:#92adb8;transition:color .4s}.link-dot{height:5px;width:5px;background:#c2d4dc;border-radius:50%;flex:none;transition:background .4s,box-shadow .4s}.link-wire{flex:1;height:1px;position:relative;background:#d7e5eb;margin:0 .2rem;overflow:visible;transition:background .4s}.link-wire i{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#13cfce;opacity:0;box-shadow:0 0 9px #13f2f2}.email-connection-status{font-size:.71rem;line-height:1.7;min-height:2.5em;color:#96adb7;margin:0 .1rem;transition:color .4s}.email-connection+.field-help{margin-top:.3rem}
.email-connection[data-state=typing]{background:#f7fbfd}.email-connection[data-state=typing] .email-indicator{color:#0a89a6;background:#e9f7f9}.email-connection[data-state=ready]{background:linear-gradient(135deg,#eafbf9,#f9ffff);border-color:#afe5e3;box-shadow:0 8px 30px #0a89a615}.email-connection[data-state=ready] #email{border-color:#159cae;background:#faffff;box-shadow:0 0 0 3px #13f2f20c}.email-connection[data-state=ready] .email-indicator{background:#0b8fa1;color:white;box-shadow:0 0 17px #13f2f255}.email-connection[data-state=ready] .email-energy{opacity:1;animation:email-connect-flash 1.25s ease-out 1}.email-connection[data-state=ready] .email-link{color:#187e90}.email-connection[data-state=ready] .link-wire{background:#53c5cb}.email-connection[data-state=ready] .link-dot{background:#15b9bf;box-shadow:0 0 10px #13f2f255}.email-connection[data-state=ready] .link-wire i{animation:email-signal 1.1s ease-out 1}.email-connection[data-state=ready] .link-wire i:nth-child(2){animation-delay:.16s}.email-connection[data-state=ready] .link-wire i:nth-child(3){animation-delay:.32s}.email-connection[data-state=ready] .email-connection-status{color:#187988}
.email-connection[data-state=sending]{background:#073549;border-color:#0a758b;box-shadow:0 0 35px #13f2f21c}.email-connection[data-state=sending] .email-label{color:#c6f6f7}.email-connection[data-state=sending] #email{background:#0d4054;border-color:#27758a;color:#d9f9fa;opacity:1;-webkit-text-fill-color:#d9f9fa}.email-connection[data-state=sending] .email-indicator{background:#0e7189;color:#93fffa}.email-connection[data-state=sending] .email-link{color:#9ee1e5}.email-connection[data-state=sending] .email-connection-status{color:#a7e8eb}.email-connection[data-state=sending] .link-wire{background:#216c80}.email-connection[data-state=sending] .link-wire i{animation:email-signal 1.35s ease-in-out infinite}.email-connection[data-state=sending] .link-wire i:nth-child(2){animation-delay:.25s}.email-connection[data-state=sending] .link-wire i:nth-child(3){animation-delay:.5s}.email-connection[data-state=error]{background:#fffaf3;border-color:#ebddc5}.email-connection[data-state=error] .email-indicator{background:#f5ead5;color:#a78449}.email-connection[data-state=error] .email-connection-status{color:#9b7a49}
.agenda-page[data-connection=ready] .agenda-orbit{border-color:#19d5d188;box-shadow:0 0 0 8px #13f2f207,0 0 50px #13f2f219}.agenda-page[data-connection=ready] .art-caption{color:#91f3ef}.agenda-page[data-connection=sending] .connection-art{box-shadow:0 0 0 1px #12748a,0 0 45px #13f2f214}.agenda-page[data-connection=confirmed] .connection-art{box-shadow:0 0 0 1px #3bc6ca,0 0 55px #13f2f22b}.agenda-page[data-connection=confirmed] .agenda-orbit{border-color:#70ffef;box-shadow:0 0 0 12px #13f2f209,0 0 60px #13f2f23d}.agenda-page[data-connection=confirmed] .agenda-orbit::before{border-color:#51d8d377}.agenda-page[data-connection=confirmed] .art-caption{color:#a8fff6}.agenda-page[data-connection=confirmed] .booking-card{border-color:#65c9ca;box-shadow:0 15px 50px #0a89a61c}.booking-card{transition:box-shadow .6s,border-color .6s}.success-connection{height:130px;position:relative;margin:.15rem auto 1.2rem;max-width:340px}.success-connection>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.success-connection .success-path{fill:none;stroke:#1ca4b2;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1}.success-connection circle{fill:#1ac6c9;opacity:0}.success-connection .success-mark{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;z-index:1;background:#f2fffb;border-color:#5cd6c8;box-shadow:0 0 0 7px #fff,0 0 25px #13f2f227;font-size:1.8rem;margin:0}.agenda-page[data-connection=confirmed] .success-path{animation:success-link 1.25s ease-out forwards}.agenda-page[data-connection=confirmed] .success-connection circle{animation:success-node .65s ease-out .65s forwards}.agenda-page[data-connection=confirmed] .success-connection circle:nth-of-type(2){animation-delay:.8s}.agenda-page[data-connection=confirmed] .success-connection circle:nth-of-type(3){animation-delay:1s}.agenda-page[data-connection=confirmed] .success-connection circle:nth-of-type(4){animation-delay:1.15s}.agenda-page[data-connection=confirmed] .success-mark{animation:success-arrival .8s cubic-bezier(.2,.8,.3,1) both}.success-panel .eyebrow{margin-top:.2rem}
@keyframes email-connect-flash{0%{box-shadow:0 0 0 1px #11b8bd,0 0 5px #13f2f21f}35%{box-shadow:0 0 0 2px #24d4d5,0 0 32px #13f2f27a}100%{box-shadow:0 0 0 1px #2bded9,0 0 20px #13f2f23f}}@keyframes email-signal{0%{left:0;opacity:0}18%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}@keyframes success-link{to{stroke-dashoffset:0}}@keyframes success-node{from{opacity:0}to{opacity:1}}@keyframes success-arrival{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){.connection-art{display:flex;height:218px;margin:1.5rem 0 .3rem}.agenda-orbit{width:123px;height:123px}.agenda-core{width:83px}.connection-art .art-label{font-size:.49rem;letter-spacing:.12em;top:1rem;left:1.2rem}.connection-art .art-caption{bottom:1rem;font-size:.64rem}.email-connection{margin-inline:-.6rem;padding:.8rem .6rem}.email-connection-status{font-size:.69rem}.email-link{font-size:.59rem}.success-panel{padding:1.75rem 1.25rem}.success-connection{max-width:290px;height:117px}.success-panel h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.connection-art,.agenda-orbit,.email-connection,.email-shell #email,.email-indicator,.email-energy,.email-link,.link-wire,.link-dot,.email-connection-status,.booking-card{transition:none!important}.email-energy,.link-wire i,.success-path,.success-connection circle,.success-mark{animation:none!important}.agenda-page[data-connection=confirmed] .success-path{stroke-dashoffset:0}.agenda-page[data-connection=confirmed] .success-connection circle{opacity:1}.email-connection[data-state=ready] .email-energy{opacity:1}}
