:root{color:#244c3e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4faf7;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Arial,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}.connection-scene{isolation:isolate;background:radial-gradient(at 15% 18%,#d7f1e380,#0000 45%),radial-gradient(at 85% 84%,#cfe9ed8c,#0000 44%),radial-gradient(at 78% 9%,#fcfaf2d9,#0000 42%),linear-gradient(135deg,#f4faf7,#fafcf9 53%,#f2f9f8);grid-template-columns:minmax(0,1fr);place-items:center;min-height:100svh;padding:40px 24px;display:grid;position:relative;overflow:hidden}.connection-scene:before,.connection-scene:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.connection-scene:before{background:radial-gradient(circle,#ceefdfa3,#e3f4eb3d 51%,#0000 69%);width:580px;height:580px;top:calc(50% - 475px);left:calc(50% - 505px)}.connection-scene:after{background:radial-gradient(circle,#d6edf0a8,#e5f4f03d 50%,#0000 69%);width:660px;height:660px;top:calc(50% - 145px);left:calc(50% - 90px)}.scene-orbit{z-index:-1;pointer-events:none;border:1px solid #adcdb22b;border-radius:50%;width:770px;height:460px;position:absolute}.scene-orbit-one{transform:rotate(-29deg)}.scene-orbit-two{border-color:#adcdb21a;width:870px;height:530px;transform:rotate(-29deg)}.connection-card{text-align:center;background:linear-gradient(156deg,#ffffffed,#ffffffd9);border:1px solid #fff;border-radius:32px;justify-self:center;width:100%;min-width:0;max-width:514px;padding:35px 46px 53px;position:relative;box-shadow:0 30px 80px -35px #3e816d38,0 8px 24px -12px #638a7724,inset 0 0 0 1px #dcece457}.connection-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at 50% 6%,#effaf485,#0000 59%);position:absolute;inset:1px}.route-illustration{width:min(320px,100%);max-width:100%;margin:0 auto 14px;position:relative}.route-art{width:100%;height:auto;display:block;overflow:visible}.route-travel{animation:5s linear infinite travel}p{color:#254c3e;letter-spacing:-.75px;overflow-wrap:anywhere;margin:0 auto;font-size:26px;font-weight:600;line-height:1.55;position:relative}p span{color:#60786b;letter-spacing:0;max-width:350px;margin-top:6px;font-size:16px;font-weight:400;line-height:1.75;display:inline-block}.connection-progress{background:#e4f0e9;border-radius:10px;width:94px;height:3px;margin:31px auto 0;position:relative;overflow:hidden}.connection-progress span{border-radius:inherit;background:linear-gradient(90deg,#9bd7b6,#449d80);width:38px;height:100%;animation:2.4s ease-in-out infinite connecting;display:block}.card-corner{opacity:.6;width:11px;height:11px;position:absolute}.card-corner-left{border-top:1px solid #b9d6c7;border-left:1px solid #b9d6c7;border-top-left-radius:4px;top:26px;left:26px}.card-corner-right{border-bottom:1px solid #b9d6c7;border-right:1px solid #b9d6c7;border-bottom-right-radius:4px;bottom:26px;right:26px}[hidden]{display:none!important}@keyframes travel{to{stroke-dashoffset:-582px}}@keyframes connecting{0%,to{opacity:.55;transform:translate(-18px)}50%{opacity:1;transform:translate(74px)}}@media (width<=480px){.connection-scene{padding:24px}.connection-card{border-radius:28px;padding:30px 24px 42px}.route-illustration{margin-bottom:17px}p{letter-spacing:-.6px;font-size:24px}p span{max-width:255px;font-size:15px}}@media (width<=360px){.connection-scene{padding:20px}.connection-card{padding:30px 18px 38px}p{font-size:21px}p span{font-size:14px}.card-corner-left{top:21px;left:21px}.card-corner-right{bottom:21px;right:21px}}@media (prefers-reduced-motion:reduce){.route-travel,.connection-progress span{animation:none}.connection-progress span{margin:0 auto}}