.po-page{--po-bg: #0f1c16;--po-green: #3ddc97;--po-yellow: #f0e14a;--po-text: #e8f3ed;background:radial-gradient(circle at 50% 0%,#1f7a52 0%,var(--po-bg) 55%);color:var(--po-text);font-family:var(--font-panel);direction:rtl;overflow-x:clip}.po-hero{position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px 20px 32px;max-width:640px;margin:0 auto}.po-hero:before,.po-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none}.po-hero:before{top:0;right:-20vw;bottom:0;left:-20vw;background-image:radial-gradient(rgb(232 243 237 / .16) 1.6px,transparent 1.7px);background-size:22px 22px;mask-image:radial-gradient(ellipse at 50% 35%,#000 25%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 35%,#000 25%,transparent 75%)}.po-hero:after{width:420px;height:420px;top:-120px;left:-160px;border-radius:50%;background:radial-gradient(circle,rgb(240 225 74 / .22),transparent 65%);box-shadow:520px 520px 0 -40px #3ddc971f;filter:blur(8px)}.po-logo{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;border-radius:999px;background:#fbf7ee;color:var(--po-bg);text-decoration:none;font-family:"Lalezar",var(--font-panel);font-size:22px;line-height:1;box-shadow:0 8px 24px #0000004d}.po-until{align-self:flex-start;background:var(--po-yellow);color:var(--po-bg);font-weight:700;font-size:14px;border-radius:999px;padding:4px 14px}.po-hero h1{margin:0;color:#fff;font-family:"Lalezar",var(--font-panel);font-size:clamp(34px,10vw,56px);line-height:1.35;font-weight:400}.po-hero p{margin:0;font-size:17px;line-height:1.9;color:#e8f3edd9}.po-hero-price{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:6px}.po-hero-price s{font-size:18px;font-weight:700;color:#ff5a4f;text-decoration-color:#ff5a4f;text-decoration-thickness:2px}.po-hero-price strong{font-size:30px;color:var(--po-green);white-space:nowrap}.po-hero-price span{margin-top:2px;font-size:14px;color:#e8f3edb3}.po-cta{background:var(--po-green);color:var(--po-bg);font-weight:700;border:none;box-shadow:0 10px 30px #3ddc9759;margin-top:8px;padding:16px 20px;font-size:18px;border-radius:14px;width:100%;max-width:420px}.po-scroll-hint{align-self:center;margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:15px;font-weight:700;color:var(--po-yellow);animation:po-bob 1.8s ease-in-out infinite}.po-scroll-hint b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--po-yellow);font-size:18px;line-height:1}@keyframes po-bob{50%{transform:translateY(6px)}}.po-h2{margin:0;padding:40px 20px 8px;text-align:center;color:#fff;font-family:"Lalezar",var(--font-panel);font-size:clamp(26px,7.5vw,38px);font-weight:400}.po-story{position:relative;--po-dev-h: min(560px, calc(100vh - 250px) )}.po-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px 0;z-index:1}.po-device{box-sizing:border-box;flex:none;background:#050807;padding:8px;box-shadow:0 0 0 3px #2a3a32,0 24px 50px #00000080;transition:width .35s ease,height .35s ease,border-radius .35s ease}.po-device-phone{height:var(--po-dev-h);width:calc(var(--po-dev-h) * .4745);border-radius:34px}.po-device-receipt{height:var(--po-dev-h);width:calc(var(--po-dev-h) * .66);border-radius:22px}.po-device-tablet{width:min(92vw,520px);height:calc(min(92vw,520px)*.62);margin-top:calc((var(--po-dev-h) - min(92vw,520px) * .62) / 2);margin-bottom:calc((var(--po-dev-h) - min(92vw,520px) * .62) / 2);border-radius:20px}.po-screen{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;background:#fff}.po-device-tablet .po-screen,.po-device-receipt .po-screen{border-radius:14px}.po-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .35s ease}.po-shot.is-on{opacity:1}.po-dots{display:flex;gap:6px;padding:0;margin:0;list-style:none}.po-dots li{width:7px;height:7px;border-radius:50%;background:#e8f3ed40;transition:width .3s,background .3s}.po-dots li.is-done{background:#3ddc978c}.po-dots li.is-on{width:20px;border-radius:6px;background:var(--po-green)}.po-caption{width:100%;max-width:460px;min-height:150px}.po-caption-in{animation:po-in .35s ease both;text-align:center}@keyframes po-in{0%{opacity:0;transform:translateY(10px)}}.po-who{display:inline-block;font-size:13px;font-weight:700;color:var(--po-bg);background:var(--po-yellow);border-radius:999px;padding:2px 12px}.po-caption h3{margin:8px 0 4px;color:#fff;font-size:20px;line-height:1.5}.po-caption p{margin:0;font-size:15px;line-height:1.85;color:#e8f3edd9}.po-steps{position:relative;margin:-100vh 0 0;padding:0;list-style:none}.po-step{height:70vh}.po-step:first-child,.po-step:last-child{height:100vh}.po-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.po-block{max-width:640px;margin:0 auto;padding:0 20px 24px;display:flex;flex-direction:column;align-items:center}.po-nohw{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.po-nohw li{position:relative;padding:16px 12px;border-radius:14px;background:#ffffff0d;border:1px solid rgb(228 70 61 / .4);text-align:center;font-weight:700;text-decoration:line-through;text-decoration-color:#e4463d;text-decoration-thickness:3px}.po-note{margin:14px 0 0;text-align:center;line-height:1.9;color:#e8f3edcc}.po-features{list-style:none;padding:0;margin:16px 0 8px;display:grid;gap:10px;width:100%}.po-features li{display:flex;align-items:center;gap:10px;font-size:16px}.po-features li:before{content:"✓";flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#3ddc9733;color:var(--po-green);font-weight:700;font-size:13px}.po-signup{scroll-margin-top:0}@media (min-width: 900px){.po-stage{flex-direction:row;justify-content:center;align-items:center;gap:48px;padding:0 40px}.po-caption{max-width:380px}.po-caption-in{text-align:right}}@media (prefers-reduced-motion: reduce){.po-shot,.po-device,.po-dots li{transition:none}.po-caption-in,.po-scroll-hint{animation:none}}.po-features li.po-soon{color:#e8f3edbf}.po-features li.po-soon:before{content:"+";background:#f0e14a2e;color:var(--po-yellow)}.po-soon-badge{margin-inline-start:auto;flex:none;font-size:12px;font-weight:700;color:var(--po-bg);background:var(--po-yellow);border-radius:999px;padding:2px 10px}.po-off{display:inline-block;font-style:normal;color:#ff5a4f;font-size:1.28em;line-height:1.1;text-shadow:0 4px 18px rgb(255 90 79 / .35)}.po-caption{display:flex;flex-direction:column;align-items:center}.po-next{margin-top:10px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--po-yellow);animation:po-bob 1.8s ease-in-out infinite}.po-next b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--po-yellow);font-size:14px;line-height:1}@media (prefers-reduced-motion: reduce){.po-next{animation:none}}.po-have{margin-top:10px;padding:10px 18px;align-self:center;border:1px solid rgb(232 243 237 / .35);border-radius:999px;background:transparent;color:var(--po-text);font:inherit;font-weight:700;cursor:pointer}html.po-snap{scroll-snap-type:y mandatory}.po-before,.po-after{scroll-snap-align:start}.po-step{scroll-snap-align:center;scroll-snap-stop:always}.po-stage{transition:background-color .45s ease;contain:strict}.po-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 50% 35%,rgb(255 255 255 / .09),transparent 65%);pointer-events:none}
