.osyn-pf{content-visibility:visible;position:relative;background:var(--osyn-pf-bg, #050608);color:#fff;overflow-x:clip;padding-block:clamp(72px,12vh,160px);--scr-l: 29.4%;--scr-t: 39.4%;--scr-w: 40.4%;--scr-h: 19.2%;--scr-rr: .16;--scr-r: 14px;--pf-header-h: 0px;--osyn-grad: var(--grad-blue);--tint: 69, 193, 253;--pf-aura: var(--grad-blue)}.osyn-pf[data-active=blue]{--tint: 69, 193, 253;--pf-aura: var(--grad-blue)}.osyn-pf[data-active=purple]{--tint: 198, 150, 255;--pf-aura: var(--grad-purple)}.osyn-pf[data-active=orange]{--tint: 255, 187, 0;--pf-aura: var(--grad-orange)}.osyn-pf[data-active=green]{--tint: 98, 248, 128;--pf-aura: var(--grad-green)}.osyn-pf__mode[data-grad=blue]{--osyn-grad: var(--grad-blue)}.osyn-pf__mode[data-grad=purple]{--osyn-grad: var(--grad-purple)}.osyn-pf__mode[data-grad=orange]{--osyn-grad: var(--grad-orange)}.osyn-pf__mode[data-grad=green]{--osyn-grad: var(--grad-green)}.osyn-pf__head{max-width:var(--container, 1200px);margin-inline:auto;padding-inline:var(--gutter, 20px);text-align:center;margin-block-end:clamp(40px,8vh,96px)}.osyn-pf__eyebrow{justify-content:center;color:#fff9}.osyn-pf__eyebrow:before,.osyn-pf__mode-eyebrow:before{content:none}.osyn-pf__title{margin:var(--osp-4, 16px) 0 0;color:#fff;font-family:var(--font);font-weight:var(--fw-medium, 500);text-transform:uppercase;letter-spacing:-.02em;line-height:1.05;font-size:clamp(2rem,.9rem + 5.4vw,4.5rem);max-width:18ch;margin-inline:auto}.osyn-pf__intro{margin:var(--osp-4, 16px) auto 0;max-width:46ch;font-size:var(--fs-body-lg, 1.125rem);line-height:1.5;color:#ffffffa8}.osyn-pf__title .osyn-grad-text,.osyn-pf__mode-title .osyn-grad-text{filter:drop-shadow(0 1px 12px rgba(var(--tint),.4))}.osyn-pf__body{max-width:var(--container, 1200px);margin-inline:auto;padding-inline:var(--gutter, 20px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:start}.osyn-pf[data-side=left] .osyn-pf__stage{order:-1}.osyn-pf__stage{position:sticky;top:calc(var(--pf-header-h, 0px) + (100svh - var(--pf-header-h, 0px) - var(--pf-stage-h, 60svh)) / 2);align-self:start}.osyn-pf__phone{position:relative;width:min(100%,92svh);margin-inline:auto;aspect-ratio:1 / 1;box-sizing:border-box;isolation:isolate;transform:translateY(var(--pf-parallax, 0px));will-change:transform}.osyn-pf__img{display:block;width:100%;height:100%;object-fit:contain}.osyn-pf__phone:before{content:"";position:absolute;top:-16%;left:-16%;width:132%;height:132%;z-index:-1;background:var(--pf-aura, var(--grad-blue));-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 28%,transparent 72%);mask-image:radial-gradient(circle at 50% 48%,#000 28%,transparent 72%);filter:blur(50px);opacity:.55;pointer-events:none}.osyn-pf__screen{position:absolute;left:var(--scr-l);top:var(--scr-t);width:var(--scr-w);height:var(--scr-h);border-radius:var(--scr-r);overflow:hidden;z-index:1;background:#000}.osyn-pf__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--scr-obj, center);filter:brightness(1.06) saturate(1.08);display:block}.osyn-pf__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(157deg,#ffffff12,#fff0 30%);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff1a,inset 0 0 20px #0000008c;pointer-events:none;z-index:2}.osyn-pf__modes{display:flex;flex-direction:column}.osyn-pf__mode{min-height:78svh;display:flex;flex-direction:column;justify-content:center;gap:var(--osp-3, 12px);padding-block:var(--osp-7, 32px)}.osyn-pf__mode-eyebrow{color:#fff9}.osyn-pf__mode-title{margin:var(--osp-2, 8px) 0 0;font-family:var(--font);font-weight:var(--fw-medium, 500);text-transform:uppercase;letter-spacing:-.02em;line-height:1.08;font-size:clamp(1.75rem,1rem + 3vw,3rem);color:#fff}.osyn-pf__mode-body{margin:var(--osp-3, 12px) 0 0;max-width:40ch;font-size:var(--fs-body-lg, 1.125rem);line-height:1.5;color:#ffffffa8}.osyn-pf__tag{margin:var(--osp-2, 8px) 0 0;font-size:var(--fs-caption, .75rem);font-weight:var(--fw-medium, 500);text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--tint),1);filter:brightness(1.12)}.osyn-pf__badges{list-style:none;margin:var(--osp-5, 20px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--osp-3, 12px)}.osyn-pf__badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--r-pill, 999px);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:var(--fs-small, .875rem);font-weight:var(--fw-medium, 500);color:#fff;white-space:nowrap}.osyn-pf__logos{list-style:none;margin:var(--osp-5, 20px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--pf-logos-gap, 12px);align-items:center}.osyn-pf__logo{display:inline-flex;align-items:center;justify-content:center;height:calc(var(--pf-logo-h, 24px) + 2 * var(--pf-tile-pad, 11px));padding-inline:var(--pf-tile-padx, 15px);background:var(--pf-tile-bg, rgba(255, 255, 255, .95));border:1px solid rgba(255,255,255,.55);border-radius:var(--pf-tile-r, 14px);box-shadow:0 2px 8px #0006,inset 0 1px #fff9;position:relative;overflow:hidden;opacity:0;transition:opacity .5s var(--ease-ios, cubic-bezier(0, 0, .5, 1)) var(--pf-d, 0ms),transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .4s var(--ease-ios, cubic-bezier(0, 0, .5, 1)),border-color .3s var(--ease-ios, cubic-bezier(0, 0, .5, 1))}.osyn-pf__mode.is-in .osyn-pf__logo{opacity:1}.osyn-pf__logo-img{display:block;height:var(--pf-logo-h, 24px);width:auto;object-fit:contain;opacity:.92;filter:saturate(.9);transition:opacity .3s var(--ease-ios, cubic-bezier(0, 0, .5, 1)),filter .3s var(--ease-ios, cubic-bezier(0, 0, .5, 1))}.osyn-pf__logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-130%);opacity:0}@media(hover:hover){.osyn-pf__logo:hover{transform:translateY(-4px) scale(1.03);border-color:#ffffffd9;box-shadow:0 10px 26px rgba(var(--tint),.28),0 2px 8px #0006,inset 0 1px #fff9}.osyn-pf__logo:hover .osyn-pf__logo-img{opacity:1;filter:saturate(1)}.osyn-pf__logo:hover:after{animation:osyn-pf-sheen .6s ease-out}@keyframes osyn-pf-sheen{0%{transform:translate(-130%);opacity:0}25%{opacity:.18}to{transform:translate(130%);opacity:0}}}.osyn-pf__logo:active{transform:translateY(-2px) scale(.99)}.osyn-pf__reveal{opacity:0;transform:translateY(25px);transition:opacity .6s var(--ease-ios, cubic-bezier(0, 0, .5, 1)) var(--pf-d, 0ms),transform .6s var(--ease-ios, cubic-bezier(0, 0, .5, 1)) var(--pf-d, 0ms)}.osyn-pf__mode-title.osyn-pf__reveal{transform:translateY(30px)}.is-in>.osyn-pf__reveal,.osyn-pf__mode.is-in .osyn-pf__reveal{opacity:1;transform:none}.osyn-pf__stage{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-ios, cubic-bezier(0, 0, .5, 1)),transform .8s var(--ease-ios, cubic-bezier(0, 0, .5, 1))}.osyn-pf.is-ready .osyn-pf__stage.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.osyn-pf__phone:before{animation:osyn-pf-breathe 8s ease-in-out infinite}@keyframes osyn-pf-breathe{0%,to{transform:scale(1);opacity:.48}50%{transform:scale(1.06);opacity:.66}}}@media(max-width:1023px){.osyn-pf__body{grid-template-columns:1fr;gap:clamp(8px,4vh,32px)}.osyn-pf[data-side=left] .osyn-pf__stage,.osyn-pf__stage{order:-1;position:static}.osyn-pf__phone{width:min(92vw,70svh);transform:none;will-change:auto}.osyn-pf__mode{min-height:0;padding-block:clamp(24px,6vh,48px);text-align:start}.osyn-pf__title{font-size:clamp(1.9rem,1rem + 6vw,3rem)}}@media(prefers-reduced-motion:reduce){.osyn-pf__reveal,.osyn-pf__logo,.osyn-pf__stage{opacity:1!important;transform:none!important;transition:none!important}.osyn-pf__phone{transform:none!important}.osyn-pf__phone:before{animation:none}.osyn-pf__logo:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/osyn-platforms.css.map */