.osyn-app{position:relative;overflow:clip;padding-block:var(--osyn-app-pt, 120px) var(--osyn-app-pb, 120px);background:var(--osyn-app-bg, var(--bg-night));color:var(--white-soft);border-top:1px solid var(--line-on-dark)}.osyn-app__inner{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);display:flex;flex-direction:column;align-items:center;gap:var(--osp-8);text-align:center}.osyn-app__head{display:flex;flex-direction:column;align-items:center;gap:var(--osp-4);max-width:760px}.osyn-app__heading{margin:0;font-size:var(--fs-h2);font-weight:var(--fw-medium);letter-spacing:var(--tr-h2);line-height:var(--lh-heading);color:var(--white-soft)}.osyn-app__sub{margin:0;font-size:var(--fs-body-lg);color:var(--text-on-dark-2)}.osyn-app__stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:980px;margin-inline:auto;padding-block:var(--osp-4)}.osyn-app__stage .osyn-halo--breathe{top:-6%;right:4%;bottom:-6%;left:4%;z-index:0}.osyn-app__phone{position:relative;z-index:1;flex:0 0 auto}.osyn-app__phone--center{width:32%;z-index:2}.osyn-app__phone--left{width:27%;margin-inline-end:-3%;transform:translateY(30px) rotate(-1.6deg)}.osyn-app__phone--right{width:27%;margin-inline-start:-3%;transform:translateY(34px) rotate(1.6deg)}.osyn-app__bob{display:block;animation:osyn-app-float 7s ease-in-out infinite}.osyn-app__phone--left .osyn-app__bob{animation-delay:1.4s}.osyn-app__phone--right .osyn-app__bob{animation-delay:2.8s}@keyframes osyn-app-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.osyn-app__frame{--osyn-app-scr-r: 7.4%;display:block;position:relative;overflow:hidden;padding:3.2%;background:#1a1a1c;border-radius:calc(var(--osyn-app-scr-r) + 3.2%);box-shadow:inset 0 0 0 1px var(--osyn-glass-rim-dark, rgba(255, 255, 255, .08)),var(--shadow-float);transition:transform var(--dur-reveal) var(--ease-ios),box-shadow var(--dur-reveal) var(--ease-ios)}.osyn-app__phone:hover .osyn-app__frame{transform:translateY(-6px) scale(1.02)}.osyn-app__screen{display:block;width:100%;height:auto;aspect-ratio:1080 / 2341;object-fit:cover;border-radius:var(--osyn-app-scr-r)}.osyn-app__phone--center .osyn-app__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.14) 50%,transparent 58%);transform:translate(-140%)}.osyn-app__phone--center.is-in .osyn-app__frame:after{animation:osyn-app-sweep 1.1s var(--ease-ios) .55s 1 both}@keyframes osyn-app-sweep{0%{transform:translate(-140%)}to{transform:translate(140%)}}.osyn-app__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--osp-4);width:100%;max-width:980px;text-align:start}.osyn-app .osyn-container{--osyn-container-max: none}.osyn-app .osyn-container__title{color:var(--white-soft)}.osyn-app .osyn-container__body{color:var(--text-on-dark-2)}.osyn-app__cta{display:flex;flex-direction:column;align-items:center;width:100%}.osyn-app__form{display:contents}.osyn-app__cta .osyn-btn{min-width:240px}.osyn-app__cta .osyn-btn[aria-disabled=true],.osyn-app__cta .osyn-btn[disabled]{opacity:.5;pointer-events:none}.osyn-app__cta .osyn-btn[aria-busy=true]{opacity:.7;cursor:progress}.osyn-app__cta .product-form__error-message{margin:0 0 var(--osp-1);font-size:var(--fs-small);color:var(--red-5, #e02b2b)}.osyn-app__cta .product-form__error-message[hidden]{display:none}.osyn-app__compat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--osp-3)}.osyn-app__compat-img{height:40px;width:auto;border-radius:9px;display:block}@media(max-width:768px){.osyn-app__inner{gap:var(--osp-6)}.osyn-app__phone--left,.osyn-app__phone--right{display:none}.osyn-app__phone--center{width:min(74vw,340px)}.osyn-app__grid{grid-template-columns:1fr;max-width:480px}.osyn-app__compat-img{height:36px}.osyn-app__cta .osyn-btn{width:100%;max-width:360px}}@media(min-width:769px)and (max-width:1023px){.osyn-app__grid{grid-template-columns:1fr;max-width:560px}}@media(prefers-reduced-motion:reduce){.osyn-app__bob{animation:none!important}.osyn-app__phone--center .osyn-app__frame:after{animation:none!important;opacity:0}.osyn-app__frame{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/osyn-app.css.map */