:root{--bg:#08080c;--panel:#111119;--text:#f4f4f8;--muted:#9b9caf;--line:rgba(255,255,255,.09);--primary:#8a8cff;--cyan:#5ec8e8;--max:1120px;--display:"Sora",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}html[dir=rtl]{--display:"Tajawal",system-ui,sans-serif;--body:"Tajawal",system-ui,sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}h1,h2,h3{font-family:var(--display);line-height:1.13}h1{font-size:clamp(42px,6.2vw,76px);letter-spacing:-.05em;margin:18px 0 22px}html[dir=rtl] h1{letter-spacing:-.02em}h2{font-size:clamp(30px,4vw,49px);letter-spacing:-.03em;margin:12px 0 14px}p{color:var(--muted)}section{padding:84px 0}.section-head{max-width:730px;margin-bottom:36px}.section-head.center{text-align:center;margin-inline:auto}.section-head p{font-size:16px}.eyebrow{color:#b5b6ff;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.accent{background:linear-gradient(110deg,#a7a9ff,#63d8f4);background-clip:text;-webkit-background-clip:text;color:transparent}
.nav{position:sticky;top:0;z-index:80;background:rgba(8,8,12,.85);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{min-height:66px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;white-space:nowrap}.brand img{width:30px;height:30px;border-radius:8px;object-fit:contain}.nav-links{display:flex;justify-content:center;align-items:center;gap:22px;flex:1;color:var(--muted);font-size:13px;font-weight:600}.nav-actions{display:flex;align-items:center;gap:9px;font-size:12px}.nav a:hover{color:var(--text)}.lang-btn{height:36px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);font-size:12px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:12px 20px;border:1px solid var(--line);font-weight:700;font-size:14px;transition:.2s ease;cursor:pointer;color:var(--text)}.btn:hover{transform:translateY(-2px);border-color:#8a8cff77}.btn-primary{color:#0a0a10;background:linear-gradient(120deg,var(--primary),#b9a3ff);border:0;box-shadow:0 16px 44px -20px #8a8cffe6}.btn-primary s{opacity:.6;font-size:12px}.btn-ghost{background:rgba(255,255,255,.035)}.btn-sm{padding:9px 15px;font-size:12px}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #a6a6ff;outline-offset:4px}.text-link{display:inline-block;color:#b7b8fa;font-size:13px;font-weight:600;margin-top:25px}.text-link+.text-link{margin-inline-start:18px}
.hero{padding:92px 0 86px}.hero-grid{display:grid;grid-template-columns:1.06fr .9fr;gap:70px;align-items:center}.hero-copy>p{font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-copy .hero-note{font-size:12px;margin-top:16px}.number-stage{position:relative;direction:ltr;padding:24px;border-radius:22px;border:1px solid #ffffff29;background:radial-gradient(ellipse at 50% 35%,#3e27684d,transparent 75%),#17131f;box-shadow:0 40px 100px #0006;color:#f2eefa}.stage-top{display:flex;align-items:center;gap:9px;font-size:11px}.stage-top b{font-size:8px;border:1px solid #7651ce;border-radius:9px;padding:2px 5px;margin-left:4px;color:#c4acff}.mini-mark{display:grid;place-items:center;background:#6c45ba;width:28px;height:28px;border-radius:7px;font-weight:800}.stage-dot{width:6px;height:6px;border-radius:50%;background:#55d4a0;margin-left:auto}.hero-number{display:flex;align-items:baseline;justify-content:center;padding:55px 0 40px;font-size:clamp(70px,7vw,100px);font-weight:800;font-variant-numeric:tabular-nums;font-family:var(--display);letter-spacing:-.04em;background:linear-gradient(#ad88ff 35%,#56d3f0 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-percent{font-size:.4em;margin-left:8px}.stage-timeline{height:4px;background:#353041;border-radius:4px;overflow:hidden}.stage-timeline span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9363ef,#56d3f0);transform-origin:left;animation:counter-bar 2s ease both}.stage-bottom{display:flex;justify-content:space-between;padding:17px 0;font-size:8px;letter-spacing:.06em;color:#82778f}.stage-bottom b{display:block;font-size:12px;margin-top:3px;letter-spacing:0;color:#e1d8ef}.stage-caption{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);padding:6px 15px;border:1px solid #ffffff29;border-radius:20px;background:#19131f;font-size:11px;white-space:nowrap}@keyframes counter-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.interactive{border-block:1px solid var(--line);background:rgba(255,255,255,.012)}.demo-toolbar{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px;font-size:12px;color:var(--muted)}.demo-toolbar>span{margin-inline-start:9px}.edition-tab{border:1px solid var(--line);border-radius:8px;padding:7px 16px;background:var(--panel);color:var(--muted)}.edition-tab.active{border-color:#9b78ee;background:#8b5cf624;color:#b9a3ff}.counter-tool-stage{display:flex;justify-content:center;padding:18px 0}.counter-tool-stage iframe{display:block;width:min(100%,537px);height:730px;border:1px solid #5b506b;border-radius:12px;background:#16151b;box-shadow:0 30px 90px #0006;direction:ltr}.demo-note{text-align:center;max-width:730px;margin:20px auto 0;font-size:12px}.ucl-hover-tip{position:fixed;z-index:99999;width:min(310px,calc(100vw - 24px));padding:12px 14px;border:1px solid rgba(138,140,255,.55);border-radius:10px;background:rgba(14,14,18,.97);color:#fff;box-shadow:0 14px 42px rgba(0,0,0,.48);pointer-events:none;transform:translateY(4px);opacity:0;transition:opacity .12s ease,transform .12s ease}.ucl-hover-tip.is-visible{transform:none;opacity:1}.ucl-hover-tip strong{display:block;margin:0 0 4px;color:#fff!important;font-size:13px;line-height:1.35}.ucl-hover-tip p{margin:0;color:#c8c8d1!important;font-size:11px;line-height:1.55}.ucl-hover-tip[dir=rtl]{font-family:"Tajawal",system-ui,sans-serif;text-align:right}[hidden]{display:none!important}
.comparison-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}.comparison{width:100%;border-collapse:collapse;font-size:14px;text-align:start}.comparison th,.comparison td{padding:17px 22px;border-bottom:1px solid var(--line)}.comparison thead{background:var(--panel)}.comparison th{font-weight:500;text-align:start}.comparison thead th{font-weight:700;font-size:16px}.comparison th:not(:first-child),.comparison td{text-align:center;min-width:90px}.comparison td:last-child{color:#84ddbc;background:#58dfa007;font-size:18px}.comparison tbody tr:last-child>*{border-bottom:0}.comparison td:nth-child(2){color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.price-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.price-card.featured{border-color:#8a8cff80;background:linear-gradient(145deg,#8a8cff12,transparent 65%),var(--panel)}.price-card h3{font-size:22px;margin-top:12px}.price{display:flex;align-items:baseline;gap:12px;font-size:58px;font-weight:800;font-family:var(--display);margin:20px 0 8px;direction:ltr;justify-content:start}.price s{font-size:27px;font-weight:500;color:var(--muted)}.price small{font:12px var(--body);color:var(--muted)}.price-card>p{font-size:14px;max-width:400px}.price-card>a{margin-top:28px}.price-card .small-note{font-size:11px;margin-top:15px}.install-section{border-block:1px solid var(--line)}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding-inline-start:25px}.install-steps li::marker{color:#b9a3ff;font-family:var(--display);font-size:20px;font-weight:700}.install-steps strong{font-size:15px}.install-steps p{font-size:14px;margin-top:10px}.faq-wrap{max-width:800px}.faq-wrap details{border-bottom:1px solid var(--line);padding:20px 0}.faq-wrap summary{cursor:pointer;font-weight:600;font-size:15px}.faq-wrap details p{padding-top:12px;font-size:14px}footer{padding:55px 0 25px;border-top:1px solid var(--line);font-size:13px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid p{margin-top:15px;max-width:330px}.footer-links{display:grid;align-content:start;gap:10px;color:var(--muted)}.copyright{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme=light] .nav{background:#f4f5fae6}html[data-theme=light] .eyebrow,html[data-theme=light] .text-link{color:#635cc4}html[data-theme=light] .comparison td:last-child{color:#237f62}html[data-theme=light] .price-card.featured{background:linear-gradient(145deg,#8a8cff12,transparent 65%),var(--panel)}
@media(max-width:950px){.nav-links{display:none}.nav-inner{justify-content:space-between;gap:10px}.hero-grid{gap:30px}.hero{padding-top:60px}.nav-actions>[data-account-link]{display:none}}@media(max-width:650px){.wrap{width:calc(100% - 28px)}section{padding:55px 0}.hero-grid,.pricing-grid{grid-template-columns:1fr}.hero-grid{gap:45px}.hero-copy{max-width:490px}.number-stage{max-width:460px;width:100%;margin:auto}.brand{font-size:13px}.brand img{width:26px;height:26px}.nav-actions .btn-sm{display:none}.nav-inner{min-height:60px}.hero-copy>p{font-size:16px}.hero-number{padding:36px 0 28px}.install-steps{grid-template-columns:1fr;gap:26px}.comparison{font-size:12px}.comparison th,.comparison td{padding:13px 12px}.comparison th:not(:first-child),.comparison td{min-width:64px}.counter-tool-stage iframe{height:680px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.demo-toolbar>span{flex-basis:100%;text-align:center;margin-top:6px}.price-card{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


#counterFreeDownload[aria-disabled="true"]{opacity:.6;cursor:wait}#counterDownloadStatus{margin-top:12px;font-size:14px}#counterDownloadStatus[data-error="true"]{color:#f08080}
