.pf{--pf-zoom:0.6;position:relative;flex-shrink:0;width:440px;height:900px;zoom:var(--pf-zoom);perspective:2600px;filter:drop-shadow(0 40px 48px color-mix(in srgb,var(--color-midnight) 38%,transparent))}.pf[data-size=sm]{--pf-zoom:0.4}.pf[data-size=md]{--pf-zoom:0.6}.pf[data-size=lg]{--pf-zoom:0.85}.pf[data-size=real]{--pf-zoom:0.6254}.pf[data-orientation=landscape]{width:900px;height:440px}.pf-tilt{position:absolute;inset:0;transform-style:preserve-3d}.pf[data-tilt=left] .pf-tilt{transform:rotateY(24deg) rotateX(4deg)}.pf[data-tilt=right] .pf-tilt{transform:rotateY(-24deg) rotateX(4deg)}.pf[data-tilt=table] .pf-tilt{transform:rotateX(52deg) rotate(-28deg)}.pf[data-tilt=table]{margin-inline:120px}.pf-device{position:absolute;left:50%;top:50%;width:440px;height:900px;transform:translate(-50%,-50%);transform-style:preserve-3d}.pf[data-orientation=landscape] .pf-device{transform:translate(-50%,-50%) rotate(-90deg)}.pf-layers{transform-style:preserve-3d}.pf-button,.pf-edge,.pf-layers{position:absolute;inset:0}.pf-edge{background:url(/img/device/phone-body.svg) 50%/100% 100% no-repeat}.pf-button{background:url(/img/device/phone-buttons.svg) 50%/100% 100% no-repeat}.pf-button:first-child{transform:translateZ(-16px)}.pf-button:nth-child(2){transform:translateZ(-18px)}.pf-button:nth-child(3){transform:translateZ(-20px)}.pf-button:nth-child(4){transform:translateZ(-22px)}.pf-button:nth-child(5){transform:translateZ(-24px)}.pf-button:nth-child(6){transform:translateZ(-26px)}.pf-button:nth-child(7){transform:translateZ(-28px)}.pf-button:nth-child(8){transform:translateZ(-30px)}.pf-button:nth-child(9){transform:translateZ(-32px)}.pf-edge:first-child{transform:translateZ(-4px)}.pf-edge:nth-child(2){transform:translateZ(-8px)}.pf-edge:nth-child(3){transform:translateZ(-12px)}.pf-edge:nth-child(4){transform:translateZ(-16px)}.pf-edge:nth-child(5){transform:translateZ(-20px)}.pf-edge:nth-child(6){transform:translateZ(-24px)}.pf-edge:nth-child(7){transform:translateZ(-28px)}.pf-edge:nth-child(8){transform:translateZ(-32px)}.pf-edge:nth-child(9){transform:translateZ(-36px)}.pf-edge:nth-child(10){transform:translateZ(-40px)}.pf-edge:nth-child(11){transform:translateZ(-44px)}.pf-edge:nth-child(12){transform:translateZ(-48px)}.pf[data-tilt=front] .pf-edges{display:none}.pf-screen{position:relative;width:393px;height:852px;overflow:hidden;border-radius:55px;background-color:var(--tlo-kolor);background-image:var(--panel-canvas-bg);color:var(--ctx-dark-text-primary)}.pf-screen[data-tone=dark]{color:var(--color-midnight)}.pf-screen--in-frame{position:absolute;left:24px;top:24px}.pf-content{position:relative;height:100%;padding-top:58px}.pf-media{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.pf-media[data-position=center]{-o-object-position:center;object-position:center}.pf-media[data-position=bottom]{-o-object-position:bottom;object-position:bottom}.pf-media[data-inset=status]{top:54px;height:calc(100% - 54px)}.pf[data-orientation=landscape] .pf-content{position:absolute;left:50%;top:50%;width:852px;height:393px;padding:12px 59px 0;transform:translate(-50%,-50%) rotate(90deg)}.pf[data-orientation=landscape] .pf-status{display:none}.pf[data-orientation=landscape] .pf-home{left:8px;top:50%;bottom:auto;width:5px;height:134px;transform:translateY(-50%)}.pf-frame{inset:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pf-frame,.pf-status{position:absolute;pointer-events:none}.pf-status{inset:0 0 auto 0;height:54px}.pf-status-icons{position:absolute;inset:0}.pf-time{position:absolute;left:0;top:18px;width:133px;display:flex;align-items:center;justify-content:center;gap:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:17px;font-weight:600;line-height:23px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pf-indicator{flex-shrink:0}.pf-home{position:absolute;left:50%;bottom:8px;width:134px;height:5px;transform:translateX(-50%);border-radius:var(--radius-full);background:currentColor}.pp{position:relative;overflow:hidden}.pp-photo{display:block;width:100%;height:auto}.pp-layer{position:absolute;left:0;top:0;transform-origin:0 0;visibility:hidden}.pp[data-ready=true] .pp-layer{visibility:visible}.pp-layer[data-orientation=landscape] .pf-screen{width:852px;height:393px}.pp-layer[data-orientation=landscape] .pf-content{padding:12px 59px 0}.sh-shot{position:relative;overflow:hidden;isolation:isolate;height:40rem;border-radius:var(--radius-xl);background-color:var(--color-ocean-100,var(--tlo-kolor));background-size:cover;background-position:50%;background-repeat:no-repeat}.sh-shot[data-bg=ocean]{background-image:url(/img/wash/scene-ocean.webp)}.sh-shot[data-bg=sand]{background-image:url(/img/wash/scene-sand.webp)}.sh-shot[data-bg=dark]{background-color:var(--tlo-kolor);background-image:var(--tlo-glebia);box-shadow:inset 0 0 0 1px var(--ctx-dark-border)}@media (min-width:640px){.sh-shot{border-radius:var(--radius-2xl);height:37rem}}@media (min-width:1024px){.sh-shot{height:100%;min-height:37rem}}.sh-fade{position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom,var(--color-midnight) calc(100% - 8rem),transparent calc(100% - 1rem));mask-image:linear-gradient(to bottom,var(--color-midnight) calc(100% - 8rem),transparent calc(100% - 1rem))}.sh-phone{--sh-bezel:8px;--sh-left:12px;position:absolute;top:28px;left:var(--sh-left);width:min(calc(375px + 2 * var(--sh-bezel)),calc(100% - var(--sh-left) + var(--sh-bezel)));padding:var(--sh-bezel);padding-bottom:0;border-radius:48px 48px 0 0;background:var(--color-midnight);box-shadow:0 30px 60px -20px color-mix(in srgb,var(--color-midnight) 55%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--ctx-dark-text-primary) 14%,transparent)}@media (min-width:640px){.sh-phone{--sh-bezel:10px;--sh-left:24px}}@media (min-width:1024px){.sh-phone{--sh-left:16px;top:32px}}@media (min-width:1280px){.sh-phone{--sh-left:64px}}.sh-screen{position:relative;overflow:hidden;min-height:60rem;border-radius:38px 38px 0 0;background-color:var(--tlo-kolor);background-image:var(--panel-canvas-bg);padding-top:10px}.sh-day{--panel-accent:var(--accent-nuda-dark)}.sh-island{width:96px;height:26px;margin:0 auto 14px;border-radius:var(--radius-full);background:var(--color-midnight)}.sh-banner-visual{position:relative;min-height:36rem;overflow:hidden}.sh-banner-wash{position:absolute;inset:0;background-image:url(/img/wash/scene-ocean.webp);background-size:cover;background-position:50%;opacity:.85;-webkit-mask-image:linear-gradient(to right,transparent 0,var(--color-midnight) 60%);mask-image:linear-gradient(to right,transparent 0,var(--color-midnight) 60%)}.sh-banner-deck{position:absolute;top:3rem;bottom:0;left:50%;width:calc(min(22rem, 100% - 4rem) + 4rem);padding-inline:2rem;transform:translateX(-40%);display:flex;flex-direction:column;gap:.75rem;-webkit-mask-image:linear-gradient(to bottom,var(--color-midnight) calc(100% - 8rem),transparent calc(100% - 1rem));mask-image:linear-gradient(to bottom,var(--color-midnight) calc(100% - 8rem),transparent calc(100% - 1rem))}.sh-phone-slot{position:absolute;top:2rem;left:50%;transform:translateX(-50%)}.sh-shot--phone .pf[data-size]{--pf-zoom:0.62}@media (min-width:1024px){.sh-shot--phone .pf[data-size]{--pf-zoom:0.72}}