@font-face{font-family:Tajawal;src:url(assets/tajawal-regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(assets/tajawal-bold.ttf) format('truetype');font-weight:600 900;font-display:swap}
:root{--bg:#0b0a12;--surface:#12101c;--border:#2b263b;--text:#f1edf8;--muted:#aaa3bb;--violet:#a77bff;--mint:#a3e8cb;--accent:#e600ff;color-scheme:dark;font-family:Tajawal,'Segoe UI',sans-serif;scroll-behavior:smooth;scroll-padding-top:110px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7}body:has(dialog[open]){overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--violet);outline-offset:5px}svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.7}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}.wrap{max-width:1216px;margin-inline:auto;padding-inline:30px}.skip{position:fixed;top:-100px;right:20px;z-index:100;background:var(--violet);padding:10px}.skip:focus{top:15px}.announcement{height:37px;display:flex;align-items:center;justify-content:center;gap:10px;color:#bcb3cf;background:#15111f;border-bottom:1px solid #281e39;font-size:12px;letter-spacing:.2px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #a3e8cb55;display:inline-block}.announcement-tag{font-size:9px;margin-inline-start:13px;letter-spacing:1.7px;opacity:.7}.header{height:93px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;direction:ltr;flex-shrink:0}.brand-mark{font-family:'Arial Black',Arial,sans-serif;font-style:italic;font-size:35px;font-weight:900;letter-spacing:-4px;position:relative;line-height:1}.brand-mark>span{font-size:16px;position:absolute;top:-8px;right:-15px;color:var(--violet)}.brand-word{font:600 12px Arial,sans-serif;letter-spacing:3px;border-left:1px solid #3c334c;padding-left:14px;margin-left:10px}.brand-word small{font-size:6px;display:block;letter-spacing:1px;opacity:.5;margin-top:7px}.header nav{display:flex;gap:30px;color:#b8b1c7;font-size:14px}.header nav a{position:relative;transition:color .2s}.header nav a:hover,.header nav a.active{color:white}.header nav a.active:after{content:'';width:5px;height:5px;background:var(--violet);position:absolute;bottom:-11px;right:50%;border-radius:50%}.cart-trigger{display:flex;align-items:center;gap:9px;border:1px solid #40334f;background:#191321;border-radius:10px;padding:9px 14px;font-size:13px}.cart-trigger b{font:11px Arial;background:#31213f;color:#d5b9ff;padding:2px 5px;border-radius:4px}.menu-trigger{display:none}.hero{position:relative;display:grid;grid-template-columns:1fr 1.03fr;gap:20px;min-height:616px;align-items:center;padding-top:32px;padding-bottom:55px}.hero:before{content:'';position:absolute;top:-160px;left:-190px;width:900px;height:800px;background:radial-gradient(ellipse,#6b30bf25,transparent 65%);z-index:-1;pointer-events:none}.eyebrow{color:#c5aadf;font-size:12px;letter-spacing:.4px;display:flex;gap:10px;align-items:center}.eyebrow-line{height:1px;width:22px;background:var(--violet);display:inline-block}.hero h1{font-size:64px;font-weight:700;letter-spacing:-2px;margin-top:22px;line-height:1.18}.hero h1>span{background:linear-gradient(90deg,#bd82f8,#e1c4ff);background-clip:text;color:transparent}.hero-description{font-size:17px;color:var(--muted);line-height:1.95;max-width:430px;margin-top:23px}.hero-actions{display:flex;gap:11px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 24px;border-radius:9px;font-size:14px;font-weight:bold;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#a76df1,#7944cb);color:white;box-shadow:inset 0 1px #d5aaff55,0 5px 24px #8042ca18;border:1px solid #b58af157}.primary:hover{background:linear-gradient(135deg,#b987ff,#8c55e5)}.secondary{border:1px solid #393041;background:#16121e;color:#d7cee5}.secondary:hover{background:#241a31;border-color:#6b508a}.play{font-size:19px}.hero-notes{display:flex;gap:15px;margin-top:21px;font-size:11px;color:#9f95b0}.hero-notes i{font-style:normal;color:#bda0dc;margin-inline-end:3px}.hero-bottom{display:flex;align-items:center;gap:13px;border-top:1px solid #262030;margin-top:35px;padding-top:18px;max-width:455px}.mini-target{font-size:29px;color:#b896e2}.hero-bottom strong{display:block;font:600 11px Arial;letter-spacing:2px}.hero-bottom small{display:block;font-size:11px;color:#8f859e;margin-top:6px}.version-tag{font:8px Arial;letter-spacing:1px;color:#b1a2c7;border:1px solid #30253e;padding:5px 7px;border-radius:4px;margin-inline-start:auto;white-space:nowrap}.hero-art{direction:ltr;position:relative;min-height:485px;display:flex;align-items:center;justify-content:center;perspective:1300px}.art-orbit{border:1px solid #76529820;border-radius:50%;position:absolute;width:460px;height:460px;transform:rotateX(32deg) rotateY(-20deg);background:radial-gradient(ellipse,#7f39bc13,transparent 60%)}.orbit-two{width:550px;height:550px;border-style:dashed;border-color:#70548b18}.art-plus{position:absolute;color:#866998;font:20px monospace}.plus-one{right:24px;top:24px}.plus-two{left:12px;bottom:42px}.app-window{position:relative;width:492px;background:linear-gradient(145deg,#181423,#0c0b14);border:1px solid #7e5c9d80;border-radius:13px;box-shadow:0 35px 80px #0009,0 0 90px #8040c61a,0 1px 0 #cfadff44 inset;transform:rotateY(10deg) rotateX(3deg) rotateZ(-3deg);padding:17px 17px 16px;isolation:isolate}.app-top{display:flex;align-items:center;justify-content:space-between}.app-badge{font:8px Arial;letter-spacing:1px;border:1px solid #4d365f;background:#2a1c3c;border-radius:4px;padding:4px 8px;color:#cfb4ef}.window-actions{font-size:15px;display:flex;gap:8px;color:#a89bb7}.window-actions span{border:1px solid #3b304a;border-radius:4px;line-height:17px;width:17px;text-align:center}.app-name{text-align:center;font:700 22px Arial;margin:19px 0 21px;color:#e5c8fa;text-shadow:0 0 20px #c99fe620}.app-name:after{content:'';display:block;width:85px;height:2px;background:linear-gradient(90deg,transparent,#c090ee,transparent);margin:12px auto}.app-name span{display:block;letter-spacing:3px;font:7px Arial;color:#9c8caf;margin-top:11px}.app-body{display:grid;grid-template-columns:1fr .92fr;gap:10px}.radar-panel,.app-controls{background:#14111f;border:1px solid #31273f;border-radius:8px;padding:12px;min-width:0}.radar-label{display:flex;align-items:center;gap:5px;font-size:9px;direction:rtl;color:#c3b1d6}.radar-label>span:last-child{margin-inline-start:auto;font:7px Arial;letter-spacing:1px;color:#8c779e}.tiny-cross{color:#bd90ee}.radar{position:relative;height:188px;overflow:hidden;background:radial-gradient(ellipse,#40285528,transparent 65%);margin-top:4px;display:grid;place-items:center}.radar-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#6d4a8a44 1px,transparent 1px),linear-gradient(90deg,#6d4a8a44 1px,transparent 1px);background-size:19px 19px}.radar-ring{position:absolute;width:148px;height:148px;border:1px solid #ac77e3;border-radius:50%;box-shadow:0 0 25px #9764bc12}.radar-ring.inner{width:95px;height:95px;border:1px dashed #a879ca30}.cross-h{width:17px;height:1px;background:#ccb1df}.cross-v{width:1px;height:17px;background:#ccb1df;position:absolute}.radar-point{position:absolute;top:56px;left:110px;width:9px;height:9px;background:#e600ff;box-shadow:0 0 15px #d500fbbb;transform:rotate(45deg);z-index:2}.radar-point span{position:absolute;inset:-8px;border:1px solid #e600ff44}.radar-bracket{position:absolute;width:13px;height:13px;border-color:#684c80}.tl{top:15px;left:11px;border-top:1px solid;border-left:1px solid}.br{bottom:10px;right:11px;border-bottom:1px solid;border-right:1px solid}.radar-footer{display:flex;justify-content:space-between;align-items:center;font:6px Arial;letter-spacing:1px;color:#947ea6;padding-top:3px}.radar-footer i{display:inline-block;width:3px;height:3px;background:#a3e8cb;border-radius:50%;margin-right:4px}.app-controls{direction:rtl;padding:12px}.control-label{font-size:10px;display:flex;justify-content:space-between}.control-label>span{font:6px Arial;letter-spacing:1px;color:#8f7aa1}.fake-slider{margin-top:17px}.fake-slider>span{font-size:8px;color:#c6b7d5;display:flex;justify-content:space-between;align-items:center}.fake-slider b{font:8px Arial;color:#d7b8ed;background:#21172e;border:1px solid #463053;min-width:24px;text-align:center;border-radius:3px;padding:2px}.fake-slider>div{position:relative;height:3px;background:#3c2d50;margin-top:10px;border-radius:4px}.fake-slider i{position:absolute;left:var(--pos);height:10px;width:5px;background:#d0a2f4;top:-4px;border-radius:3px;box-shadow:0 0 8px #c49be94f}.preset-preview{margin-top:20px;border:1px solid #4b365f;background:#20172b;border-radius:50px;display:flex;justify-content:space-between;align-items:center;padding:3px 6px;font-size:12px;color:#aa92c1}.preset-preview span{min-width:27px;text-align:center}.preset-preview .selected,.preset-power{background:#7651a0;border-radius:20px;color:#f1d6ff}.fake-switch{display:flex;align-items:center;justify-content:space-between;font-size:8px;padding:10px 0;color:#b0a0bf}.fake-switch>span{width:23px;height:12px;border-radius:12px;background:#714394;position:relative}.fake-switch>span:after{content:'';position:absolute;top:2px;right:2px;width:8px;height:8px;background:#e1c3f2;border-radius:50%}.color-swatches{display:flex;gap:4px;align-items:center}.color-swatches i{height:9px;width:9px;background:#e600ff;border-radius:2px;display:block}.color-swatches i:nth-child(2){background:#a982dd}.color-swatches i:nth-child(3){background:#7acfb3}.color-swatches span{font:7px monospace;color:#8b759f;margin-right:auto}.app-footer{margin-top:13px;border:1px solid #a17aca70;background:linear-gradient(90deg,#744caa,#9367cb);padding:6px;border-radius:5px;text-align:center;font-size:9px;display:flex;justify-content:center;align-items:center;gap:6px}.app-status-dot{width:4px;height:4px;background:#ccebdc;border-radius:50%}.floating-tag{position:absolute;top:12px;left:28px;padding:9px 13px;border:1px solid #54406499;background:#1a1425e6;font-size:10px;border-radius:7px;display:flex;gap:10px;align-items:center;z-index:3;direction:rtl;box-shadow:0 10px 25px #0004}.floating-tag>span:last-child{color:#b294ca;margin-right:17px}.floating-card{position:absolute;bottom:8px;right:4px;z-index:3;background:linear-gradient(110deg,#21152def,#16111ee8);backdrop-filter:blur(14px);border:1px solid #63427499;border-radius:10px;padding:12px 20px;display:flex;direction:rtl;gap:13px;align-items:center;box-shadow:0 12px 45px #0006}.floating-icon{font-size:28px;color:#c4a1e3}.floating-card strong{font-size:12px}.floating-card span{display:block;font-size:10px;color:#b0a0be}.art-caption{position:absolute;bottom:-23px;left:20px;color:#776883;font-size:9px;direction:rtl}.tech-strip{border-block:1px solid #272030;background:linear-gradient(90deg,#110e1a,#17121f,#110e1a)}.tech-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:78px;direction:ltr;color:#a99bb9;font:11px Arial;letter-spacing:2.5px}.tech-strip b{color:#775591;font-size:12px}.tech-strip .strip-label{font-family:Tajawal;font-size:13px;letter-spacing:0;color:#6f627f}.section{padding-top:94px;padding-bottom:90px;scroll-margin-top:18px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:37px}.section-heading h2{font-size:37px;margin-top:15px;line-height:1.3;letter-spacing:-.7px}.muted{color:#9e91af}.section-heading>p{max-width:310px;color:#94899f;font-size:14px;line-height:1.9;margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{position:relative;border:1px solid var(--border);background:linear-gradient(145deg,#181321,#110e18);border-radius:14px;padding:26px;overflow:hidden}.feature.featured{background:radial-gradient(ellipse at top right,#61367b36,transparent 80%),#14101e;border-color:#49305d}.feature-icon{color:#c09ae9;width:39px;height:39px;border-radius:10px;border:1px solid #6b427d5c;background:#2d1e3a;font-size:25px;display:grid;place-items:center;line-height:1}.feature-number{position:absolute;top:35px;left:24px;font:8px Arial;color:#786a86;letter-spacing:1.8px}.feature h3{font-size:21px;margin-top:21px}.feature p{font-size:13px;line-height:1.95;color:#a499af;margin-top:12px}.vision-graphic{display:flex;align-items:center;justify-content:center;gap:18px;font:9px Arial;letter-spacing:2px;color:#b99ad2;margin-top:27px;position:relative;height:39px}.vision-graphic>span{border:1px solid #4b345d;padding:8px;border-radius:4px;background:#22162f;z-index:1}.vision-graphic i{font-size:20px;color:#d6a5f4;font-style:normal;z-index:1}.vision-line{height:1px;background:#603374;position:absolute;top:50%;width:90%}.mini-rails{margin-top:28px;display:flex;flex-direction:column;gap:15px}.mini-rails i{height:2px;position:relative;background:#3b2a4c;display:block}.mini-rails i:after{content:'';width:5px;height:10px;border-radius:4px;position:absolute;left:30%;top:-4px;background:#bc96dd}.mini-rails i:nth-child(2):after{left:65%}.mini-rails i:nth-child(3):after{left:48%}.shortcut-keys{display:flex;align-items:center;direction:ltr;gap:9px;justify-content:center;margin-top:34px;color:#806a95}.shortcut-keys kbd{border:1px solid #59406e;border-bottom-width:3px;border-radius:6px;background:#261b33;color:#c9a7e5;font:11px Arial;padding:9px 15px}.feature.compact{display:flex;align-items:start;gap:16px;padding:25px 22px}.compact .feature-icon{flex-shrink:0;width:33px;height:33px;font-size:18px}.compact h3{margin-top:1px;font-size:16px}.compact p{margin-top:8px;font-size:12px}.plans-section{border-block:1px solid #271e31;background:radial-gradient(ellipse at top,#301b4033,transparent 60%),#0e0b15;position:relative}.plans-heading{text-align:center}.plans-heading .eyebrow{justify-content:center}.plans-heading h2{font-size:44px;margin-top:16px}.violet{color:#bc91f1}.plans-heading p{font-size:14px;color:#9f91ad;margin-top:14px}.plan-tabs{display:flex;justify-content:center;background:#1b1424;padding:5px;border:1px solid #382842;border-radius:9px;width:fit-content;margin:30px auto}.plan-tabs button{font-size:12px;padding:9px 20px;color:#9e8faf;border-radius:5px}.plan-tabs button[aria-selected=true]{background:#382344;color:#e4c9f6;box-shadow:0 1px 3px #0005}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px;align-items:stretch}.plan-grid.short{grid-template-columns:repeat(2,1fr);max-width:820px;margin-inline:auto}.plan{border:1px solid #35283f;border-radius:15px;background:linear-gradient(160deg,#1b1425,#110d19);padding:28px;position:relative;display:flex;flex-direction:column}.plan.highlight{border-color:#9c66d0;background:radial-gradient(ellipse at top,#51236750,transparent 80%),#191020;box-shadow:0 10px 70px #7c3f9d10}.plan-kicker{display:flex;justify-content:space-between;align-items:center;font:9px Arial;letter-spacing:2px;color:#b59ec9}.plan-kicker>span{font-family:Tajawal;font-size:10px;letter-spacing:0;background:#493052;color:#dab6ed;border:1px solid #78508e;padding:3px 9px;border-radius:5px}.plan-symbol{font:500 40px Arial;color:#835d9e;margin-top:24px;line-height:1.2;letter-spacing:-2px}.plan h3{font-size:26px;margin-top:12px}.plan-duration{font-size:12px;color:#b09abc;margin-top:7px}.plan-price{font-size:23px;letter-spacing:-.4px;margin:28px 0 1px;color:#e2cce9;display:flex;align-items:center;gap:10px}.plan-price>small{font-size:10px;border:1px solid #44304f;border-radius:30px;padding:1px 8px;color:#a68ab6;font-weight:normal;letter-spacing:0}.plan-caption{font-size:11px;color:#87758f}.plan-features{list-style:none;padding:20px 0 0;margin:20px 0 26px;border-top:1px solid #38253f;font-size:13px;color:#c1aecb}.plan-features li{padding:6px 0}.plan-features li:before{content:'✓';color:#a77cc8;margin-left:9px}.plan .button{margin-top:auto;width:100%;gap:15px;font-size:13px}.plan .button.added{background:#234434;border-color:#416b53;color:#c7edda}.pricing-note{display:flex;align-items:start;justify-content:center;gap:9px;text-align:center;color:#8f7c9d;font-size:11px;max-width:700px;margin:25px auto 0}.pricing-note span{color:#b28bce}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #33263d;gap:45px;padding-top:29px}.step-number{font:10px Arial;letter-spacing:2px;color:#b293c8;background:#25182f;outline:9px solid var(--bg);border:1px solid #55335f;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;margin-top:-45px;margin-bottom:25px}.steps h3{font-size:22px}.steps p{color:#9987a5;font-size:14px;margin-top:15px;max-width:310px}.steps-section{padding-bottom:70px}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;border-top:1px solid #261d30}.faq-intro{position:relative}.faq-intro h2{font-size:52px;margin-top:20px}.faq-intro p{font-size:14px;max-width:225px;color:#9e8eaa;margin-top:19px}.faq-watermark{font:900 italic 115px Arial;letter-spacing:-12px;display:block;color:transparent;-webkit-text-stroke:1px #4c31594a;line-height:1.2;margin-top:30px}.faq-list details{border-bottom:1px solid #2e2138;padding:0 0 18px;margin-bottom:20px}.faq-list summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-size:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:22px Arial;color:#b888d6;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:#d1aae9}.faq-list p{font-size:13px;color:#a493ae;line-height:2;margin-top:14px;max-width:600px;padding-left:20px}.closing{position:relative;overflow:hidden;border:1px solid #553167;border-radius:17px;background:radial-gradient(ellipse at left,#60347644,transparent 70%),#1c1027;padding:42px 50px;margin-bottom:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;isolation:isolate}.closing .eyebrow{font:9px Arial;letter-spacing:2.5px;color:#a785b9}.closing h2{font-size:38px;margin-top:18px}.closing h2>span{color:#c59bea}.closing-art{position:absolute;left:85px;bottom:-45px;z-index:-1;font:900 italic 210px Arial;letter-spacing:-25px;color:transparent;-webkit-text-stroke:1px #b280c328;transform:rotate(-7deg)}footer{display:flex;align-items:center;gap:30px;padding-block:25px 33px;border-top:1px solid #28202f;color:#8d7d98;font-size:11px}footer .brand-mark{color:#d4b8e5;font-size:28px}footer .brand-word{font-size:9px}footer>p{margin-left:auto}footer>div{display:flex;gap:20px;align-items:center}footer button{padding:0;color:inherit;font-size:inherit}footer a:hover,footer button:hover{color:#d6bce8}
dialog{color:var(--text);border:1px solid #483151;background:#15101e;padding:30px;border-radius:18px;box-shadow:0 30px 110px #000b}dialog::backdrop{background:#06040cbf;backdrop-filter:blur(7px)}.cart-dialog{position:fixed;inset:0 auto 0 0;margin:0;min-height:100dvh;height:100%;width:min(460px,100vw);max-height:none;max-width:100vw;border-radius:0;border-block:0;display:none;flex-direction:column}.cart-dialog[open]{display:flex}.drawer-header{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #3b2945;padding-bottom:22px}.drawer-header h2{font-size:25px;margin-top:8px}.drawer-header h2>span{font:12px Arial;background:#32213f;border-radius:5px;padding:3px 7px;margin-right:7px}.icon-button{font-size:25px;line-height:1;width:34px;height:34px;border:1px solid #493354;border-radius:7px;background:#21162c;display:grid;place-items:center;flex-shrink:0}.drawer-header .eyebrow{font:9px Arial;letter-spacing:2px}.cart-bottom{margin-top:auto;padding-top:20px;border-top:1px solid #392343}.cart-total{display:flex;justify-content:space-between}.cart-total strong{color:#c49adf;font-size:18px}.cart-bottom>p{font-size:12px;color:#a591b3;margin:14px 0 22px}.cart-bottom .button{width:100%;margin-top:9px}.cart-item{display:flex;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid #30213a}.cart-item-icon{font:20px Arial;border:1px solid #4d315d;border-radius:10px;color:#be95dc;background:#25182f;display:grid;place-items:center;width:52px;height:58px}.cart-item h3{font-size:17px}.cart-item p{font-size:11px;color:#a28bb1}.cart-item button{margin-right:auto;color:#bba5c7;font-size:11px}.empty-cart{text-align:center;padding:55px 15px;color:#a68cb6}.empty-cart>span{font-size:47px;display:block;color:#6f488a}.empty-cart h3{font-size:23px;color:#dfcce9;margin:15px 0 6px}.empty-cart p{font-size:13px}.demo-dialog{width:850px;max-width:calc(100vw - 32px);direction:rtl}.demo-dialog>.icon-button,.info-dialog>.icon-button{float:left}.demo-dialog h2{font-size:29px;margin-top:15px}.demo-dialog>p{font-size:13px;color:#a493b1;margin-top:10px}.demo-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}.demo-radar{min-height:290px;background:radial-gradient(#332044,#100d19 70%);border:1px solid #4d345d;border-radius:12px;position:relative;display:grid;place-items:center;overflow:hidden;--marker:#e600ff}.demo-radar:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#4b355644 1px,transparent 1px),linear-gradient(90deg,#4b355644 1px,transparent 1px);background-size:28px 28px}.demo-radar #demo-circle{width:240px;height:240px;position:absolute;border:1px solid #c98aee;border-radius:50%;transition:width .2s,height .2s;max-width:95%;max-height:95%}.demo-center{color:#bda6cc;position:relative;font:25px monospace}.demo-dot{position:absolute;left:59%;top:34%;width:11px;height:11px;background:var(--marker);transform:rotate(45deg);box-shadow:0 0 22px var(--marker)}.demo-label{position:absolute;left:38%;top:24%;font:8px Arial;letter-spacing:1px;color:var(--marker)}.demo-inputs{display:flex;flex-direction:column;justify-content:center;gap:24px}.demo-inputs label{font-size:14px}.demo-inputs output{float:left;color:#c69be8}.demo-inputs input[type=range]{width:100%;accent-color:#b67ce5;display:block;margin-top:12px}.demo-color{display:flex;align-items:center;gap:14px}.demo-color input{border:0;padding:0;width:33px;height:30px;background:none}.demo-color>span{font:12px monospace;margin-right:auto;color:#b494ca}.demo-dialog>small{font-size:11px;color:#9d87ac}.info-dialog{max-width:min(460px,calc(100vw - 30px))}.info-dialog h2{font-size:25px;padding-top:6px}.info-dialog p{font-size:14px;line-height:2;color:#b19cbd;margin:24px 0}.info-dialog>.button{width:100%}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:11px 23px;max-width:90vw;border:1px solid #7e528e;border-radius:9px;background:#291935;color:#ecdbf3;box-shadow:0 8px 30px #0006;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{min-height:680px}.hero h1{font-size:72px}.hero-art{transform:scale(1.05)}}@media(max-width:1100px){.hero h1{font-size:54px}.hero-art{transform:scale(.9);transform-origin:center}.hero{gap:0;grid-template-columns:1fr 1fr}.header nav{gap:20px}.hero-notes{gap:8px;font-size:10px}.feature{padding:22px}.feature h3{font-size:19px}.hero .version-tag{display:none}}@media(max-width:850px){.wrap{padding-inline:24px}.header{height:80px}.header nav{display:none;position:absolute;top:78px;left:24px;right:24px;padding:22px;border:1px solid #4a315c;border-radius:12px;background:#1b1226;flex-direction:column}.header nav.open{display:flex}.header nav a.active:after{display:none}.menu-trigger{display:block;font-size:22px;color:#c2a4d9}.cart-trigger{margin-inline-start:auto}.hero{grid-template-columns:1fr;text-align:center;padding-top:35px}.hero .eyebrow{justify-content:center}.hero h1{font-size:62px}.hero-description{margin-inline:auto}.hero-actions,.hero-notes{justify-content:center}.hero-bottom{margin-inline:auto;text-align:right}.hero-art{transform:none;min-height:500px;width:100%;max-width:550px;margin:20px auto 0}.floating-tag{left:6px}.floating-card{right:5px}.tech-strip>.wrap{justify-content:center;flex-wrap:wrap;height:auto;min-height:75px;padding-block:17px;gap:16px;font-size:9px}.tech-strip .strip-label{display:none}.section{padding-top:65px;padding-bottom:65px}.section-heading{align-items:start}.section-heading h2{font-size:32px}.section-heading>p{max-width:230px;font-size:13px}.feature-grid{grid-template-columns:1fr 1fr}.feature.featured{grid-column:span 2}.feature.compact:last-child{grid-column:span 2}.plan-grid{gap:12px}.plan{padding:21px 18px}.plan h3{font-size:22px}.plan-kicker{letter-spacing:1px;font-size:8px}.plan-kicker>span{font-size:8px;padding:2px 5px}.plan-price{font-size:20px}.plan-features{font-size:11px}.plan .button{font-size:12px;padding-inline:12px}.faq-section{gap:35px;grid-template-columns:.65fr 1.35fr}.faq-intro h2{font-size:45px}.closing{margin-inline:24px;padding:30px;max-width:calc(100% - 48px)}footer{flex-wrap:wrap}footer>div{width:100%;justify-content:space-between}footer>p{margin-left:0;margin-right:auto}.steps{gap:24px}.steps p{font-size:13px}}@media(max-width:580px){.wrap{padding-inline:20px}.announcement{font-size:10px}.announcement-tag{font-size:8px;margin-inline-start:0}.header{gap:18px}.brand-mark{font-size:29px}.brand-word{font-size:9px;padding-left:10px;margin-left:7px;letter-spacing:2px}.brand-word small{font-size:5px}.cart-trigger{padding:8px 10px;gap:6px}.cart-trigger>span{display:none}.hero{padding-top:28px;padding-bottom:42px;overflow:hidden}.hero h1{font-size:49px;letter-spacing:-1px}.hero-description{font-size:15px;max-width:340px;margin-top:18px}.hero .eyebrow{font-size:11px}.hero-actions{gap:9px;margin-top:23px}.button{padding:11px 19px;gap:16px;font-size:13px}.hero-notes{font-size:9px;gap:12px;flex-wrap:wrap}.hero-bottom{margin-top:28px;max-width:350px;gap:10px}.hero-bottom small{font-size:9px}.hero-art{width:100%;min-height:350px;margin-top:15px}.app-window{width:390px;max-width:100%;transform:rotateZ(-2deg);padding:12px}.app-name{font-size:18px;margin:12px 0 14px}.app-body{gap:6px}.radar-panel,.app-controls{padding:8px}.radar{height:151px}.radar-ring{width:120px;height:120px}.radar-ring.inner{width:75px;height:75px}.radar-point{top:44px;left:80px;width:7px;height:7px}.fake-slider{margin-top:12px}.fake-slider>span{font-size:7px}.fake-slider>div{margin-top:7px}.preset-preview{margin-top:12px;font-size:10px;padding:2px}.preset-preview span{min-width:20px}.fake-switch{font-size:7px;padding:7px 0}.color-swatches span{font-size:6px}.app-footer{margin-top:8px;font-size:8px}.floating-tag{top:0;left:0;font-size:8px;padding:6px 8px}.floating-card{bottom:0;right:3px;padding:8px 12px}.floating-card strong{font-size:10px}.floating-card span{font-size:8px}.floating-icon{font-size:23px}.art-caption{bottom:-22px;font-size:8px}.art-orbit{width:320px;height:320px}.orbit-two{width:380px;height:380px}.tech-strip>.wrap{font-size:7px;letter-spacing:1.4px;gap:9px;min-height:60px}.tech-strip b{font-size:9px}.section{padding-block:54px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:32px}.section-heading>p{margin-top:19px;max-width:330px;font-size:13px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature.featured,.feature.compact:last-child{grid-column:auto}.feature{padding:24px}.feature h3{font-size:21px}.feature p{font-size:13px}.feature.compact{padding:22px}.feature.compact h3{font-size:17px}.plans-heading h2{font-size:34px}.plans-heading p{font-size:13px}.plan-tabs{margin-top:24px}.plan-grid,.plan-grid.short{grid-template-columns:1fr;max-width:370px;margin-inline:auto;gap:24px}.plan{padding:26px}.plan-kicker{font-size:9px}.plan-kicker>span{font-size:10px}.plan-symbol{margin-top:16px;font-size:35px}.plan h3{font-size:26px}.plan-price{font-size:25px;margin-top:20px}.plan-features{font-size:13px}.plan .button{font-size:14px}.pricing-note{font-size:11px;text-align:right}.steps{grid-template-columns:1fr;gap:30px;padding-top:15px}.step-number{margin-top:0;float:right;margin-left:17px;outline:none}.steps article{position:relative;padding-bottom:24px;border-bottom:1px solid #2d2036}.steps article:last-child{border:0}.steps h3{font-size:20px;line-height:30px}.steps p{margin-right:47px;max-width:100%;font-size:13px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-intro h2{font-size:38px}.faq-intro h2 br{display:none}.faq-intro h2 .violet{margin-right:8px}.faq-intro p{max-width:280px}.faq-watermark{position:absolute;left:5px;top:10px;font-size:95px;margin:0}.faq-list summary{font-size:15px}.closing{margin-inline:20px;max-width:calc(100% - 40px);padding:28px;display:block;margin-bottom:40px}.closing h2{font-size:33px}.closing>.button{margin-top:25px}.closing-art{font-size:170px;left:5px;bottom:-10px}footer{gap:17px;padding-top:20px}footer>p{font-size:10px}footer>div{gap:13px;flex-wrap:wrap;justify-content:center;font-size:10px}footer>div>span{width:100%;text-align:center}.demo-dialog{padding:23px}.demo-dialog h2{font-size:23px}.demo-content{grid-template-columns:1fr;gap:22px}.demo-radar{min-height:240px}.demo-inputs{gap:18px}.demo-dialog .eyebrow{font-size:9px;letter-spacing:1px}.demo-dialog>small{font-size:10px}.cart-dialog{padding:24px}.drawer-header h2{font-size:23px}}
html,body{overflow-x:clip}.hero-copy,.hero-art{min-width:0}.app-window{max-width:100%}
/* Keep the revised copy and sharp floating labels with the original artwork. */
.app-window.product-screenshot{padding:0;overflow:hidden}
.product-screenshot img{display:block;width:100%;height:auto;aspect-ratio:898/784;object-fit:contain}
.hero h1{font-size:clamp(44px,4.5vw,60px);line-height:1.3}
.hero-ending{display:inline-block;white-space:nowrap}
.hero-313,.plan-313{display:inline-block;white-space:nowrap;font-family:Arial,sans-serif;font-weight:800;position:relative;padding-right:.15em}
.hero h1>span{background:none;color:#d9b5ff}
.title-star,.plan-313>span{font-size:.4em;vertical-align:super;position:relative;top:-.3em;margin-left:.04em;color:#c5a0ff}
.floating-tag{background:#22182f;border-color:#9d75be;color:#f3e4ff;font-weight:700;backdrop-filter:none}
.floating-card{background:#24182f;border-color:#a879cb;backdrop-filter:none}
.floating-card strong{color:#f5e6ff}.floating-card span{color:#d0badf}
.plans-heading h2{line-height:1.5}
@media(max-width:580px){.hero h1{font-size:43px}.plans-heading h2{font-size:31px}}
/* Keep text on an unscaled plane; only the screenshot carries a slight tilt. */
.hero-art{transform:none;perspective:1300px;min-height:0;padding:49px 0 91px}
.app-window.product-screenshot{transform:rotateY(10deg) rotateX(3deg) rotateZ(-3deg);box-shadow:0 22px 55px #0007,0 0 45px #8040c612}
.floating-tag{top:0;left:10px;font-size:13px;line-height:1.4;padding:11px 15px;gap:10px;background:#24172f;border:1px solid #b889dd;color:#fff3ff;box-shadow:0 8px 22px #0005;text-shadow:none;filter:none;backdrop-filter:none}
.floating-tag>span:last-child{color:#e0baff}
.floating-card{bottom:0;right:0;background:#24172f;border:1px solid #b889dd;padding:12px 18px;gap:12px;line-height:1.5;text-shadow:none;filter:none;backdrop-filter:none;box-shadow:0 8px 24px #0006}
.floating-card strong{font-size:17px;font-weight:700;color:#fff3ff}
.floating-card span{font-size:13px;color:#e1cbed}
.floating-icon{font-size:32px;color:#dfbcff}
.art-caption{bottom:-28px;left:10px;font-size:12px;color:#d9c4ec;line-height:1.4}
.art-caption bdi{white-space:nowrap}.art-caption strong{font-weight:700;color:#f2e6ff}
.hero h1>.hero-slogan{display:inline-flex;direction:rtl;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;column-gap:.12em;max-width:100%}
.hero-slogan>span:first-child{white-space:nowrap}
.hero-slogan .hero-313{padding-right:0}
.screenshot-logo-shine,.screenshot-logo-spectrum{display:none;position:absolute;left:41.5%;top:1%;width:17%;height:9%;pointer-events:none}
@supports ((mask-image:url(assets/tracker-logo-mask.svg)) or (-webkit-mask-image:url(assets/tracker-logo-mask.svg))){.screenshot-logo-shine,.screenshot-logo-spectrum{display:block;-webkit-mask:url(assets/tracker-logo-mask.svg) center / 100% 100% no-repeat;mask:url(assets/tracker-logo-mask.svg) center / 100% 100% no-repeat}}
.screenshot-logo-shine{background:linear-gradient(110deg,transparent 40%,#ffffff44 48%,#fff 50%,#ffffff44 52%,transparent 60%);background-size:220% 100%;background-position:130% 0;opacity:0;animation:screenshot-logo-shine 2.5s linear infinite}
@keyframes screenshot-logo-shine{0%,78%{background-position:130% 0;opacity:0}80%{opacity:1}96%{background-position:-30% 0;opacity:1}100%{background-position:-30% 0;opacity:0}}
@media(min-width:1500px){.hero-art{transform:none}}
@media(max-width:1100px){.hero-art{transform:none}}
@media(max-width:850px){.hero-art{min-height:0;transform:none;margin-top:40px}}
@media(max-width:580px){.hero-art{padding-top:44px;padding-bottom:78px;min-height:0;margin-top:35px}.app-window.product-screenshot{transform:rotateY(10deg) rotateX(3deg) rotateZ(-3deg)}.floating-tag{font-size:11px;padding:9px 12px;left:2px}.floating-card{right:2px;padding:10px 14px;gap:10px}.floating-card strong{font-size:14px}.floating-card span{font-size:11px}.floating-icon{font-size:27px}.art-caption{bottom:-26px;left:2px;font-size:11px}.hero h1>.hero-slogan{justify-content:center;column-gap:.1em}}
:root{--purple-spectrum:linear-gradient(105deg,#f3ddff,#d5b0ff,#ad76ff,#9555f4,#c16eff,#e3a3ff,#edd0ff,#f3ddff)}
.purple-spectrum,.plan.highlight h3{color:#cc9eff}
.purple-spectrum:not(.brand-digits):not(.brand-spark){display:inline-block;padding-top:.04em;padding-bottom:.07em}
@supports (background-clip:text){.purple-spectrum,.plan.highlight h3{background-image:var(--purple-spectrum);background-size:300% 100%;background-position:0% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:purple-spectrum-flow 3s ease-in-out infinite alternate}}
.purple-spectrum>.purple-spectrum{animation-delay:-.75s}
.brand-mark>.brand-digits{position:static;display:inline-block;font:inherit;letter-spacing:inherit;line-height:1.2;padding:0 .24em .05em .06em;vertical-align:middle}
.brand-mark>.brand-spark{right:-2px;top:-6px;font-style:normal;letter-spacing:normal;line-height:1.3;width:22px;text-align:center;padding:0 2px;animation-delay:-.75s}
.screenshot-logo-spectrum{background-image:var(--purple-spectrum);background-size:300% 100%;opacity:.9;animation:purple-spectrum-flow 3s ease-in-out infinite alternate}
@keyframes purple-spectrum-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(forced-colors:active){.purple-spectrum,.plan.highlight h3{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;animation:none}.screenshot-logo-spectrum{display:none}}
.contact-support{margin-top:28px;padding:22px;border:1px solid #70508a;border-radius:12px;background:linear-gradient(120deg,#261831,#17111f);display:flex;align-items:center;justify-content:space-between;gap:20px}
.contact-support h3{font-size:21px;color:#ead2ff;margin-top:5px}
.contact-support p{font-size:12px;color:#c5b0d4;line-height:1.7;margin-top:8px}
.contact-support .eyebrow{font-size:10px}
.telegram-contact{flex-shrink:0;gap:11px;padding-inline:17px;border-color:#8d63af;background:#352043;color:#f2deff}
.telegram-contact>span>bdi{display:block;font:10px Arial;letter-spacing:.4px;margin-top:4px;color:#cfacf0}
.telegram-contact svg{width:20px;height:20px}
@media(max-width:580px){.contact-support{align-items:stretch;flex-direction:column;gap:17px;padding:20px}.telegram-contact{width:100%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}