@font-face{font-family:SL Barlow Strong;src:url(/brand/astra/fonts/barlow-600.woff)format("woff");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:SL Space Mono Bold;src:url(/brand/astra/fonts/space-mono-700.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}
.cx-phone-device{box-sizing:border-box;aspect-ratio:405/876;isolation:isolate;background:linear-gradient(118deg,#747a77 0,#272d2a 7%,#111511 42%,#626762 78%,#252925 100%);border:1px solid #8c918d;border-radius:16%/7.4%;width:300px;padding:7px;display:block;position:relative;box-shadow:inset 0 0 0 2px #10130f,inset 0 0 0 3px #81877f48,3px 3px #101510,20px 35px 65px #0009}.cx-phone-screen{background:#0b0b0b;border:1px solid #000;border-radius:14.8%/6.8%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000}.cx-phone-capture{position:absolute;inset:0;overflow:hidden}.cx-phone-artboard{transform-origin:0 0;text-align:left;width:390px;height:872px;font:400 14px / normal var(--font-sans), system-ui, sans-serif;letter-spacing:normal;text-transform:none;white-space:normal;color:#fff;animation:.24s ease-out both cx-phone-screen-enter;position:absolute;top:0;left:0;transform:scale(.723)}.cx-phone-device .cx-phone-capture .cx-phone-artboard img{width:auto;max-width:none;height:auto;max-height:none;box-shadow:none;object-fit:fill;filter:none;image-rendering:auto;border:0;border-radius:0;margin:0;display:block;position:static;transform:none}.cx-phone-island{pointer-events:none;background:#010201;border-radius:99px;width:30%;height:3.8%;position:absolute;top:1.9%;left:35%;box-shadow:inset 0 0 0 1px #252a2255}.cx-phone-island i{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#294146 0,#0c1519 35%,#050809 72%);border:1px solid #182426;border-radius:50%;height:42%;position:absolute;top:29%;right:13%}.cx-phone-home-indicator{opacity:.8;background:#fff;border-radius:99px;width:35%;height:.55%;position:absolute;bottom:1.4%;left:32.5%}.cx-phone-action-key,.cx-phone-volume-keys,.cx-phone-power-key,.cx-phone-camera-key{z-index:-1;background:linear-gradient(90deg,#565d56,#1d241d);border-radius:2px 0 0 2px;width:3px;height:3.8%;position:absolute;top:16%;left:-3px;box-shadow:inset 0 1px #92988d77}.cx-phone-volume-keys{height:6.8%;top:23%}.cx-phone-volume-keys:after{content:"";background:inherit;border-radius:inherit;width:100%;height:100%;box-shadow:inherit;position:absolute;top:126%;left:0}.cx-phone-power-key,.cx-phone-camera-key{background:linear-gradient(90deg,#222921,#6e756d);border-radius:0 2px 2px 0;height:10%;top:25%;left:auto;right:-3px}.cx-phone-camera-key{width:2px;height:7%;top:65%;right:-2px}.cx-app-art>.cx-phone-device{width:224px;margin-inline:auto;padding:6px;transform:none}.cx-product .cx-product-phone-art{height:440px}.cx-product-phone-art>.cx-phone-device{width:46%;max-width:170px;padding:5px;position:absolute}.cx-product-phone-art>.cx-product-phone-back{top:14px;left:6%;transform:rotate(-8deg)rotateY(6deg)}.cx-product-phone-art>.cx-product-phone-front{top:46px;left:47%;transform:rotate(6deg)rotateY(-5deg)}.cx-product-phone-art>.cx-product-art-caption{bottom:0}@media (min-width:768px){.cx-app-art>.cx-phone-device{width:min(300px,80%);padding:7px;transform:rotate(5deg)rotateY(-8deg)}.cx-product .cx-product-phone-art{height:635px}.cx-product-phone-art>.cx-phone-device{width:245px;max-width:none;padding:7px}.cx-product-phone-art>.cx-product-phone-back{top:25px;left:2%;transform:rotate(-12deg)rotateY(10deg)}.cx-product-phone-art>.cx-product-phone-front{top:75px;left:41%;transform:rotate(9deg)rotateY(-8deg)}}.cx-plan-step>.cx-phone-device.cx-plan-phone{width:69px;padding:3px;box-shadow:inset 0 0 0 1px #10130f,2px 2px #101510,0 12px 30px #0009,0 0 40px #a6ff0022}.cx-plan-phone .cx-phone-action-key,.cx-plan-phone .cx-phone-volume-keys,.cx-plan-phone .cx-phone-power-key,.cx-plan-phone .cx-phone-camera-key{width:2px}.cx-plan-phone .cx-phone-action-key,.cx-plan-phone .cx-phone-volume-keys{left:-2px}.cx-plan-phone .cx-phone-power-key,.cx-plan-phone .cx-phone-camera-key{right:-2px}@keyframes cx-phone-screen-enter{0%{opacity:.55}to{opacity:1}}@media (min-width:768px) and (max-width:1099px){.cx-app-art>.cx-phone-device{width:min(265px,80%)}.cx-product .cx-product-phone-art{height:550px}.cx-product-phone-art>.cx-phone-device{width:210px;padding:6px}.cx-product-phone-art>.cx-product-phone-front{top:65px;left:39%}}@media (prefers-reduced-motion:reduce){.cx-phone-device .cx-phone-artboard{animation:none}}html[data-motion-paused=true] .cx-phone-device .cx-phone-artboard{animation:none}
.cx-mongo3d{aspect-ratio:1;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;position:relative}.cx-mongo3d[data-live]{touch-action:none}.cx-mongo3d:active{cursor:grabbing}.cx-mongo3d-poster,.cx-mongo3d-canvas{width:100%;height:100%;position:absolute;inset:0}.cx-mongo3d-poster{object-fit:contain;transition:opacity .6s}.cx-mongo3d-canvas{opacity:0;transition:opacity .6s;display:block}.cx-mongo3d[data-live] .cx-mongo3d-canvas{opacity:1}.cx-mongo3d[data-live] .cx-mongo3d-poster{opacity:0}@media (prefers-reduced-motion:reduce){.cx-mongo3d-poster,.cx-mongo3d-canvas{transition:none}}
.cx-coin3d{aspect-ratio:1;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;position:relative}.cx-coin3d:active{cursor:grabbing}.cx-coin3d-poster,.cx-coin3d-canvas{width:100%;height:100%;position:absolute;inset:0}.cx-coin3d-poster{object-fit:contain;padding:17%;transition:opacity .6s}.cx-coin3d-canvas{opacity:0;transition:opacity .6s}.cx-coin3d[data-live] .cx-coin3d-canvas{opacity:1}.cx-coin3d[data-live] .cx-coin3d-poster{opacity:0}
