.iphone-mockup .ul-app{--sugar:#fcfaf1;--onyx:#000f08;--lime:#cfed27;--forest:#27501a;--border:#e5e5ea;--field:#f2f2f7;--skeleton:#ececf0;--gray:#636366;--gray-dark:#48484a;--danger:#ee454a;background:var(--sugar);color:var(--onyx);padding-top:0}.iphone-mockup .ul-app[dir=rtl]{text-align:right}.iphone-mockup .ul-app.paused *,.iphone-mockup .ul-app.paused :before,.iphone-mockup .ul-app.paused :after{animation-play-state:paused!important}.iphone-mockup .ul-screen{flex-direction:column;padding:86px 24px 58px;display:flex;position:absolute;inset:0}.iphone-mockup .ul-screen.ios-scroll{display:block}.iphone-mockup .ul-btn{background:var(--lime);width:100%;height:56px;color:var(--onyx);letter-spacing:.5px;border-radius:28px;flex:none;justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:700;transition:transform .15s,opacity .2s;display:flex}.iphone-mockup .ul-app[dir=rtl] .ul-btn{letter-spacing:0}.iphone-mockup .ul-btn:active{transform:scale(.98)}.iphone-mockup .ul-btn:disabled{opacity:.5;cursor:default}.iphone-mockup .ul-skip{color:var(--gray);align-self:center;padding:4px 8px;font-size:14px}.iphone-mockup .ul-title{margin:0 0 8px;font-size:26px;font-weight:600;line-height:34px}.iphone-mockup .ul-subtitle{color:var(--gray);margin:0;font-size:17px;line-height:22px}.iphone-mockup .ul-phrase{letter-spacing:-.3px;margin:0 0 8px;font-size:26px;font-weight:500;line-height:36px}.iphone-mockup .ul-app[dir=rtl] .ul-phrase,.iphone-mockup .ul-app[dir=rtl] .ul-message p{letter-spacing:0}.iphone-mockup .ul-gap{margin-bottom:32px}.iphone-mockup .ul-error{color:var(--danger);margin:-16px 0 0;font-size:14px}.iphone-mockup .ul-in{animation:.4s both ul-in}.iphone-mockup .ul-in-up{animation:.4s both ul-in-up}@keyframes ul-in{0%{opacity:0}}@keyframes ul-in-up{0%{opacity:0;transform:translateY(-14px)}}.iphone-mockup .ul-app.dark{color:var(--sugar);background:#111}.iphone-mockup .ul-welcome{flex-direction:column;padding:54px 0 34px;display:flex;position:absolute;inset:0;overflow:hidden}.iphone-mockup .ul-welcome-bg{filter:blur(40px)saturate(1.2);background:50%/cover;position:absolute;inset:-60px}.iphone-mockup .ul-fade{animation:.8s both ul-in}.iphone-mockup .ul-welcome-shade{background:#0000008c;position:absolute;inset:0}.iphone-mockup .ul-carousel{flex:1;align-items:center;min-height:0;padding:24px 0 16px;display:flex;position:relative;overflow:hidden}.iphone-mockup .ul-carousel-track{animation:ul-scroll calc(var(--cards) * var(--card-ms)) linear infinite;gap:14px;padding-left:14px;display:flex}@keyframes ul-scroll{to{transform:translate(-50%)}}.iphone-mockup .ul-card{border-radius:28px;flex:none;width:218px;height:352px;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:0 8px 16px #00000026}.iphone-mockup .ul-card:nth-child(2n){transform:rotate(1deg)}.iphone-mockup .ul-card img{object-fit:cover;width:100%;height:100%}.iphone-mockup .ul-card:after{content:"";background:#0000004d;position:absolute;inset:0}.iphone-mockup .ul-card-text{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:0 18px;display:flex;position:absolute;bottom:24px;left:0;right:0}.iphone-mockup .ul-card-text b{letter-spacing:-.6px;color:#fff;font-size:26px;line-height:28px}.iphone-mockup .ul-card-text span{color:var(--lime);font-size:12px;line-height:20px}.iphone-mockup .ul-logo{flex:none;width:120px;height:auto;margin:4px auto 8px;position:relative}.iphone-mockup .ul-welcome-bottom{text-align:center;flex-direction:column;flex:none;align-items:center;padding:0 24px 4px;display:flex;position:relative}.iphone-mockup .ul-hero-title{letter-spacing:-.6px;white-space:pre-line;margin:0 0 4px;font-size:36px;font-weight:700;line-height:42px}.iphone-mockup .ul-app[dir=rtl] .ul-hero-title{letter-spacing:0}.iphone-mockup .ul-hero-subtitle{opacity:.85;margin:0 0 18px;padding:0 8px;font-size:15px;line-height:20px}.iphone-mockup .ul-terms{opacity:.8;margin:16px 0 0;padding:0 8px;font-size:12px;line-height:17px}.iphone-mockup .ul-terms a{color:var(--lime);font-weight:500;text-decoration:none}.iphone-mockup .ul-handle{overflow:hidden}.iphone-mockup .ul-glow{pointer-events:none;opacity:0;background:radial-gradient(circle,#cfed278c 0%,#cfed2738 55%,#cfed2700 70%);border-radius:50%;width:380px;height:380px;margin-left:-190px;animation:.9s ease-out forwards ul-glow-in,6.8s ease-in-out infinite alternate ul-glow-pulse,10s ease-in-out infinite alternate ul-glow-drift;position:absolute;top:-231px;left:50%}@keyframes ul-glow-in{to{opacity:1}}@keyframes ul-glow-pulse{0%{filter:opacity(.7);scale:1}to{filter:opacity();scale:1.06}}@keyframes ul-glow-drift{0%{translate:-7px -16px}to{translate:7px 16px}}.iphone-mockup .ul-message{margin-bottom:32px;position:relative}.iphone-mockup .ul-message p{letter-spacing:-.3px;flex-wrap:wrap;column-gap:4px;margin:0 0 8px;font-size:28px;font-weight:500;line-height:40px;display:flex}.iphone-mockup .ul-word{animation:.4s both ul-in}.iphone-mockup .ul-handle-form{flex-direction:column;gap:24px;margin-top:16px;animation:.5s both ul-in;display:flex;position:relative}.iphone-mockup .ul-input{border:1px solid var(--border);background:var(--field);border-radius:14px;align-items:center;gap:8px;min-height:56px;padding:0 16px;display:flex}.iphone-mockup .ul-input.error{border-color:var(--danger)}.iphone-mockup .ul-input input{text-align:left;flex:1;min-width:0;font-size:17px}.iphone-mockup .ul-input input::placeholder{color:var(--gray)}.iphone-mockup .ul-ig{fill:none;width:22px;height:22px;stroke:var(--gray);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.iphone-mockup .ul-phrases{height:72px;margin-bottom:16px;position:relative;overflow:hidden}.iphone-mockup .ul-phrase:not(.static){animation:5.2s both ul-phrase}@keyframes ul-phrase{0%{opacity:0}7.7%,92.3%{opacity:1}to{opacity:0}}.iphone-mockup .ul-shimmer{background:linear-gradient(90deg,#fcfaf100,#fcfaf180,#fcfaf100);width:100px;animation:1.6s linear infinite ul-shimmer;position:absolute;top:0;bottom:0;left:0}@keyframes ul-shimmer{0%{transform:translate(-100px)}to{transform:translate(360px)}}.iphone-mockup .ul-products{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.iphone-mockup .ul-product{border:1px solid var(--border);background:var(--field);border-radius:14px;gap:16px;padding:16px;display:flex;position:relative}.iphone-mockup .ul-product-image{border-radius:10px;flex:none;width:80px;height:80px}.iphone-mockup .ul-product-info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.iphone-mockup .ul-skeleton{background:var(--skeleton);border-radius:6px;animation:1.4s ease-in-out infinite alternate ul-pulse;display:block}@keyframes ul-pulse{0%{opacity:.4}to{opacity:1}}.iphone-mockup .ul-store{align-items:center;gap:16px;margin-bottom:24px;display:flex}.iphone-mockup .ul-thumb{background:var(--skeleton);flex:none;place-items:center;display:grid;overflow:hidden}.iphone-mockup .ul-thumb img{object-fit:cover;width:100%;height:100%}.iphone-mockup .ul-logo-thumb{border-radius:50%;width:48px;height:48px}.iphone-mockup .ul-package{fill:none;stroke:var(--gray);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.iphone-mockup .ul-store-name{flex:1;min-width:0}.iphone-mockup .ul-store-name small{color:var(--gray);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.iphone-mockup .ul-store-name input,.iphone-mockup .ul-product-name,.iphone-mockup .ul-price input{border-bottom:1px solid var(--border);width:100%;padding:0 0 2px;font-weight:600}.iphone-mockup .ul-store-name input{padding-bottom:4px;font-size:20px}.iphone-mockup .ul-product-name{font-size:17px}.iphone-mockup .ul-product-description{color:var(--gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.iphone-mockup .ul-price{align-items:center;gap:4px;display:flex}.iphone-mockup .ul-price small{color:var(--gray);font-size:16px;font-weight:600}.iphone-mockup .ul-price input{width:80px;color:var(--forest);font-size:16px}.iphone-mockup .ul-remove{z-index:1;background:var(--sugar);border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.iphone-mockup .ul-app[dir=rtl] .ul-remove{left:6px;right:auto}.iphone-mockup .ul-remove svg{width:16px;height:16px;fill:var(--gray-dark)}.iphone-mockup .ul-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;padding:32px 0;display:flex}.iphone-mockup .ul-empty-subtitle{color:var(--gray);margin:0;font-size:17px}.iphone-mockup .ul-screen.ios-scroll>.ul-btn{margin-top:24px}.iphone-mockup .ul-actions{flex-direction:column;gap:16px;margin-top:24px;display:flex}.iphone-mockup .ul-method{justify-content:space-between}.iphone-mockup .ul-method-actions{flex-direction:column;gap:8px;display:flex}.iphone-mockup .ul-btn-phone{letter-spacing:0;font-size:16px;font-weight:600}.iphone-mockup .ul-btn svg{fill:currentColor;width:20px;height:20px}.iphone-mockup .ul-social{border-radius:28px;justify-content:center;align-items:center;gap:8px;height:56px;font-size:16px;font-weight:500;display:flex}.iphone-mockup .ul-social svg{width:20px;height:20px}.iphone-mockup .ul-google{color:#1f1f1f;background:#fff;border:1px solid #747775}.iphone-mockup .ul-apple{color:#fff;background:#000}.iphone-mockup .ul-apple svg{fill:#fff}.iphone-mockup .ul-phone-subtitle{margin:0 0 32px;font-size:20px;line-height:26px}.iphone-mockup .ul-phone-row{gap:8px;display:flex}.iphone-mockup .ul-country{flex:none;gap:4px;font-size:17px;position:relative}.iphone-mockup .ul-country>span:first-child{font-size:22px}.iphone-mockup .ul-country select{opacity:0;cursor:pointer;width:100%;font-size:16px;position:absolute;inset:0}.iphone-mockup .ul-chevron{fill:none;width:18px;height:18px;stroke:var(--gray);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.iphone-mockup .ul-number{flex:1;min-width:0}.iphone-mockup .ul-code{justify-content:center;gap:8px;margin-bottom:24px;display:flex;position:relative}.iphone-mockup .ul-code-box{border:1px solid var(--border);color:#000;font-variant-numeric:tabular-nums;background:#fff;border-radius:12px;place-items:center;width:50px;height:50px;font-size:22px;font-weight:700;transition:border-color .15s,background .15s;display:grid}.iphone-mockup .ul-code-box.filled{background:var(--field);border-color:var(--field)}.iphone-mockup .ul-code-box.active{border:2px solid var(--lime)}.iphone-mockup .ul-code-box.error{border-color:var(--danger)}.iphone-mockup .ul-code input{opacity:0;color:#0000;caret-color:#0000;width:100%;font-size:16px;position:absolute;inset:0}.iphone-mockup .ul-resend{color:var(--forest);align-self:center;padding:8px;font-size:12px}.iphone-mockup .ul-resend:disabled{color:#8e8e93;cursor:default}.iphone-mockup .ul-no-code{text-align:center;color:var(--gray);margin:4px 0 -12px;font-size:12px;line-height:18px}.iphone-mockup .ul-no-code .ul-link{font-size:12px}.iphone-mockup .ul-phone-row{margin-bottom:24px}.iphone-mockup .ul-link{color:var(--forest);font-weight:600}.iphone-mockup .ul-error-center{text-align:center;margin:4px 0 0}.iphone-mockup .ul-social:disabled,.iphone-mockup .ul-skip:disabled{opacity:.5;cursor:default}.iphone-mockup .ul-spinner{border:2.5px solid #000f0840;border-top-color:var(--onyx);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite ul-spin}@keyframes ul-spin{to{transform:rotate(360deg)}}.iphone-mockup .ul-address{background:var(--field);color:var(--forest);border-radius:14px;margin:-6px 0 0;padding:6px 14px;font-size:16px;font-weight:600}.iphone-mockup a.ul-btn{text-decoration:none}.iphone-mockup .ul-done{text-align:center;justify-content:center;align-items:center;gap:18px}.iphone-mockup .ul-done-icon{border-radius:20px;width:84px;height:84px;box-shadow:0 8px 24px #27501a33}.iphone-mockup .ul-done .ul-title{margin:0}.iphone-mockup .ul-done .ul-subtitle{margin-bottom:6px}.iphone-mockup .ul-promo{background:color-mix(in srgb, var(--lime) 28%, transparent);color:var(--gray-dark);border-radius:999px;margin-top:6px;padding:8px 14px;font-size:13px}.iphone-mockup .ul-promo b{color:var(--forest);font-weight:700}.iphone-mockup .ul-promo:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.iphone-mockup .ul-app *,.iphone-mockup .ul-app :before,.iphone-mockup .ul-app :after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.iphone-mockup .ul-app .ul-phrase{animation:none!important}.iphone-mockup .ul-carousel{overflow-x:auto}}
