.uc-pro-page{padding:32px 24px 40px}.uc-pro-page__header{margin:0 auto 32px;max-width:720px;text-align:center}.uc-pro-page__header h2{font-size:26px;font-weight:700;margin:0 0 8px}.uc-pro-page__header p{font-size:14px;line-height:1.6;margin:0 0 20px}.uc-pro-page__actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.uc-pro-page__grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;margin:0 0 40px;padding:0}.uc-pro-page__card{background:var(--ucur-surface,#fff);border:1px solid var(--ucur-border,#e5e9f0);border-radius:14px;display:flex;flex-direction:column;gap:8px;margin:0;padding:20px;transition:box-shadow var(--ucur-dur-base,.2s),border-color var(--ucur-dur-base,.2s)}.uc-pro-page__card.is-target{border-color:var(--ucur-accent,#5c33ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--ucur-accent,#5c33ff) 22%,transparent)}.uc-pro-page__card h3{font-size:15px;font-weight:600;margin:0}.uc-pro-page__card p{flex:1;font-size:13px;line-height:1.55;margin:0}.uc-pro-page__compare{margin:0 auto 32px;max-width:760px}.uc-pro-page__compare>h3{font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.uc-pro-page__footer{text-align:center}.uc-pro-demo{--demo-accent:var(--ucur-accent,#5c33ff);--demo-ink:#0f172a;--demo-line:#dbe1ea;align-items:center;aspect-ratio:16/9;background:var(--ucur-surface-soft,#f5f7fb);border-radius:10px;color:var(--demo-ink);direction:rtl;display:flex;flex-direction:column;gap:10px;justify-content:center;margin:-4px -4px 6px;overflow:hidden;padding:16px;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none}.uc-pro-demo.is-dark{background:#0b1020}.uc-pro-demo b,.uc-pro-demo i{display:block;font-style:normal}.uc-pro-demo__lines{display:flex;flex-direction:column;gap:6px;width:62%}.uc-pro-demo__lines i{background:var(--demo-line);border-radius:3px;height:6px}.uc-pro-demo__lines i:last-child{width:70%}.uc-pro-demo__dot{background:color-mix(in srgb,var(--demo-accent) 18%,transparent);border:2px solid var(--demo-accent);border-radius:50%;height:26px;width:26px}.uc-pro-demo__mover{display:grid;height:0;right:50%;place-items:center;position:absolute;top:50%;width:0}.uc-pro-demo__mover>*{grid-area:1/1}.uc-pro-demo__btn{background:var(--demo-ink);border-radius:999px;color:#fff;font-size:12px;font-weight:600;padding:8px 18px}.uc-pro-demo__ring{animation:uc-pro-hover 5s var(--ucur-ease,ease) infinite;background:var(--demo-accent);border-radius:50%;box-shadow:0 0 22px color-mix(in srgb,var(--demo-accent) 55%,transparent);color:#fff;display:grid;font-size:11px;height:64px;right:50%;margin:6px 4px 0 0;place-items:center;position:absolute;top:50%;width:64px}.uc-pro-demo__ring b{animation:uc-pro-hover-label 5s linear infinite;font-weight:600}.uc-pro-demo--multiple{flex-direction:row;gap:12px;padding:14px}.uc-pro-demo--multiple .uc-pro-demo__zone{align-self:stretch;border:1px dashed var(--demo-line);border-radius:8px;display:grid;flex:1;place-items:center}.uc-pro-demo--multiple .uc-pro-demo__zone--media{background:linear-gradient(-135deg,#c7d2fe,#fbcfe8);border:0}.uc-pro-demo--multiple .uc-pro-demo__mover{animation:uc-pro-sweep-x 6s ease-in-out infinite}.uc-pro-demo--multiple .uc-pro-demo__dot{animation:uc-pro-first-half 6s linear infinite}.uc-pro-demo--multiple .uc-pro-demo__pill{animation:uc-pro-second-half 6s linear infinite}.uc-pro-demo__pill{background:var(--demo-ink);border-radius:999px;color:#fff;font-size:11px;font-weight:600;padding:5px 12px;white-space:nowrap}.uc-pro-demo__target{background:color-mix(in srgb,var(--demo-accent) 7%,transparent);border:1.5px dashed var(--demo-accent);border-radius:8px;display:grid;height:38%;padding:4px 6px;place-items:start;width:78%}.uc-pro-demo__target code{background:none;color:var(--demo-accent);font-size:10px;padding:0}.uc-pro-demo--targeting .uc-pro-demo__mover{animation:uc-pro-sweep-y 6s ease-in-out infinite}.uc-pro-demo--targeting .uc-pro-demo__arrow{animation:uc-pro-outside 6s linear infinite;opacity:0}.uc-pro-demo--targeting .uc-pro-demo__dot{animation:uc-pro-inside 6s linear infinite}.uc-pro-demo--settings{flex-direction:row;gap:22px}.uc-pro-demo__sliders{display:flex;flex-direction:column;gap:14px;width:42%}.uc-pro-demo__sliders i{background:var(--demo-line);border-radius:2px;height:4px;position:relative}.uc-pro-demo__sliders i:after{animation:uc-pro-slide 4s ease-in-out infinite;background:var(--demo-accent);border-radius:50%;content:"";height:14px;right:60%;margin-right:-7px;position:absolute;top:-5px;width:14px}.uc-pro-demo__sliders i:nth-child(2):after{animation-delay:-1.3s}.uc-pro-demo__sliders i:nth-child(3):after{animation-delay:-2.6s}.uc-pro-demo__trail{align-items:center;animation:uc-pro-hue 4s linear infinite;display:flex;gap:5px}.uc-pro-demo__trail i{animation:uc-pro-pulse 4s ease-in-out infinite;background:#f43f5e;border-radius:50%;height:16px;width:16px}.uc-pro-demo__trail i:first-child{opacity:.4;transform:scale(.6)}.uc-pro-demo__trail i:nth-child(2){opacity:.55;transform:scale(.7)}.uc-pro-demo__trail i:nth-child(3){opacity:.7;transform:scale(.8)}.uc-pro-demo__trail i:nth-child(4){opacity:.85;transform:scale(.9)}.uc-pro-demo__trail i:nth-child(5){opacity:1;transform:scale(1)}.uc-pro-demo--shapes{padding:10px}.uc-pro-demo--shapes img{display:block;height:auto;width:100%}.uc-pro-demo__disc{fill:var(--demo-ink)}.uc-pro-demo__center{fill:#fff}.uc-pro-demo__spin{animation:uc-pro-spin 9s linear infinite;fill:#fff;font-size:11.5px;font-weight:600;letter-spacing:1.2px;transform-origin:60px 60px}.uc-pro-demo__image{color:var(--demo-ink);display:block;line-height:0;position:relative}.uc-pro-demo__cross{animation:uc-pro-hotspot 5s ease-in-out infinite;background:color-mix(in srgb,var(--demo-accent) 25%,transparent);border:2px solid var(--demo-accent);border-radius:50%;height:18px;right:12%;margin:-9px -9px 0 0;position:absolute;top:8%;width:18px}.uc-pro-demo__cross:after,.uc-pro-demo__cross:before{background:var(--demo-accent);content:"";right:50%;position:absolute;top:50%}.uc-pro-demo__cross:before{height:1.5px;margin:-.75px -13px 0 0;width:26px}.uc-pro-demo__cross:after{height:26px;margin:-13px -.75px 0 0;width:1.5px}.uc-pro-demo__field{animation:uc-pro-drift 7s ease-in-out infinite;height:0;position:relative;width:0}.uc-pro-demo__field i{animation:uc-pro-orbit 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.23s);background:#ff9ffc;border-radius:3px;height:6px;right:-3px;position:absolute;top:-3px;transform:rotate(calc(-1*(var(--i)*25.7deg))) translateX(-46px);width:6px}.uc-pro-demo__hero{animation:uc-pro-fade 5s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ff9ffc 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,#ff9ffc 0 2px,transparent 3px),radial-gradient(circle at 45% 80%,#a5b4fc 0 2px,transparent 3px),radial-gradient(circle at 85% 20%,#a5b4fc 0 2px,transparent 3px),linear-gradient(-135deg,#1e1b4b,#0b1020);border-radius:8px;display:grid;height:44%;place-items:center;width:78%}.uc-pro-demo__hero .uc-pro-demo__lines i{background:hsla(0,0%,100%,.55)}@keyframes uc-pro-hover{0%,12%{background:transparent;box-shadow:0 0 0 transparent,inset 0 0 0 2px var(--demo-accent);transform:translate(90px,46px) scale(.4)}34%,78%{transform:none}to{background:transparent;box-shadow:0 0 0 transparent,inset 0 0 0 2px var(--demo-accent);transform:translate(-90px,46px) scale(.4)}}@keyframes uc-pro-hover-label{0%,28%,84%,to{opacity:0}36%,76%{opacity:1}}@keyframes uc-pro-sweep-x{0%,to{transform:translateX(78px)}50%{transform:translateX(-78px)}}@keyframes uc-pro-first-half{0%,22%,78%,to{opacity:1}28%,72%{opacity:0}}@keyframes uc-pro-second-half{0%,22%,78%,to{opacity:0}28%,72%{opacity:1}}@keyframes uc-pro-sweep-y{0%,to{transform:translate(-34px,-58px)}50%{transform:translate(20px,58px)}}@keyframes uc-pro-inside{0%,14%,36%,64%,86%,to{opacity:0}18%,32%,68%,82%{opacity:1}}@keyframes uc-pro-outside{0%,14%,36%,64%,86%,to{opacity:1}18%,32%,68%,82%{opacity:0}}@keyframes uc-pro-slide{0%,to{right:20%}50%{right:85%}}@keyframes uc-pro-hue{to{filter:hue-rotate(1turn)}}@keyframes uc-pro-pulse{50%{transform:scale(1.25)}}@keyframes uc-pro-spin{to{transform:rotate(-1turn)}}@keyframes uc-pro-hotspot{0%,18%{right:50%;top:50%}45%,to{right:12%;top:8%}}@keyframes uc-pro-drift{0%,to{transform:translate(50px,10px)}50%{transform:translate(-50px,-10px)}}@keyframes uc-pro-orbit{50%{transform:rotate(calc(-1*(var(--i)*25.7deg))) translateX(-26px)}}@keyframes uc-pro-fade{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.uc-pro-demo,.uc-pro-demo *,.uc-pro-demo :after,.uc-pro-demo :before{animation:none!important}}
