@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--bg:#090d19;--panel:#111827;--panel2:#151e31;--line:rgba(176,190,220,.13);--text:#f4f6ff;--muted:#9ba7bf;--purple:#8b6cff;--cyan:#55d6d0;--font:'Vazirmatn',Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.8}a{color:inherit;text-decoration:none}button,input{font:inherit}.announcement{text-align:center;padding:8px 16px;background:#17132b;color:#c9bcff;font-size:12px}.announcement span{color:var(--cyan);margin-right:7px}.site-header{height:78px;padding:0 max(calc((100% - 1180px)/2),5%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(9,13,25,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap}.brand-mark{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#a28aff,#5e4bd0);display:grid;place-items:center;color:white;font-size:22px;box-shadow:0 6px 24px #8065ff40}.main-nav{display:flex;gap:30px;color:var(--muted);font-size:13px}.main-nav a:hover,.main-nav a.active{color:#fff}.header-actions{display:flex;align-items:center;gap:12px}.icon-button,.login-button{border:1px solid var(--line);border-radius:11px;padding:8px 13px;background:transparent;color:#e9edfa;font-size:12px;cursor:pointer}.login-button{background:#f4f2ff;color:#1a1730;border:0;font-weight:700}.cart-count{background:#8066f5;color:white;border-radius:50%;padding:1px 6px;margin-right:4px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:23px}
.hero{max-width:1180px;min-height:510px;margin:auto;padding:85px 5% 65px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2}.eyebrow{color:#a997ff;font-size:12px;font-weight:700;letter-spacing:.2px;display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #55d6d022}.hero h1{font-size:clamp(34px,4.4vw,57px);line-height:1.45;letter-spacing:-1.5px;margin:17px 0}.hero h1 span,.why-copy h2 span{background:linear-gradient(90deg,#a895ff,#61d8d0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:540px;color:var(--muted);font-size:14px;line-height:2.2}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:27px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:12px 21px;border:0;border-radius:12px;background:linear-gradient(110deg,#9278ff,#6b55db);color:#fff;font-weight:700;font-size:13px;box-shadow:0 10px 30px #8065ff35;cursor:pointer}.primary-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.text-button{font-size:13px;color:#d2d7e7}.hero-trust{margin-top:25px;color:#8995ae;font-size:11px}.hero-trust span{color:var(--cyan);margin-left:5px}.hero-visual{height:365px;position:relative;display:grid;place-items:center}.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.glow-one{width:320px;height:300px;background:#7558ff26;top:5%;right:15%}.glow-two{width:180px;height:180px;background:#40d6c51a;bottom:0;left:5%}.orbit{position:absolute;border:1px solid #9c8bff25;border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:335px;height:235px}.orbit-b{width:270px;height:340px;transform:rotate(58deg)}.core-card{width:170px;height:170px;border:1px solid #b6a8ff45;border-radius:38px;background:linear-gradient(145deg,#222044,#121c2e);box-shadow:0 25px 80px #0008,0 0 55px #8872ff25;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.core-icon{font-size:37px;color:#a895ff}.core-card strong{font-size:30px;letter-spacing:5px}.core-card small{color:#9da9c1;font-size:10px}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#182237ed;border:1px solid #ffffff18;border-radius:14px;padding:11px 15px;box-shadow:0 12px 35px #0006}.float-card b{display:block;font-size:12px}.float-card small{display:block;color:#9ba7bf;font-size:9px}.float-chat{top:42px;right:4%}.float-claude{bottom:50px;right:7%}.float-gemini{top:45%;left:0}.app-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:20px}.chat-icon{background:#d7f7ed;color:#087e5b}.claude-icon{background:#f8e1d1;color:#b85e32}.gemini-icon{background:#e8e4ff;color:#6650cb}.spark{position:absolute;color:#8f7aff;font-size:24px}.spark-a{top:14%;left:18%}.spark-b{bottom:12%;left:29%;color:var(--cyan)}
.stats-row{max-width:1080px;margin:0 auto 45px;padding:20px 30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(100deg,#121a2b,#111827);display:grid;grid-template-columns:repeat(3,1fr)}.stats-row div{text-align:center;border-left:1px solid var(--line)}.stats-row div:last-child{border:0}.stats-row strong{display:block;font-size:14px}.stats-row span{font-size:11px;color:var(--muted)}
.section-wrap{max-width:1180px;margin:auto;padding:70px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading h2,.why-copy h2{font-size:30px;line-height:1.6;margin:8px 0}.section-heading p,.why-copy p{color:var(--muted);font-size:13px;margin:0}.search-box{width:250px;display:flex;align-items:center;gap:8px;background:#111a2b;border:1px solid var(--line);border-radius:11px;padding:0 13px;color:#9a8aff}.search-box input{width:100%;background:transparent;border:0;outline:0;color:white;padding:11px 0;font-size:12px}.category-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0 20px}.category{background:#111827;border:1px solid var(--line);color:#aeb8ce;border-radius:9px;padding:8px 15px;font-size:11px;cursor:pointer}.category.active,.category:hover{background:#29234a;border-color:#7e6ae9;color:#e4ddff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#141e30,#101725);transition:.2s}.product-card:hover{transform:translateY(-4px);border-color:#7664d966;box-shadow:0 16px 35px #0003}.product-top{display:flex;justify-content:space-between;align-items:center}.product-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:26px}.logo-openai{background:#d8f5eb;color:#087b5d}.logo-claude{background:#f6e3d5;color:#ae5b32}.logo-gemini{background:#e8e4ff;color:#6753ce}.logo-perplexity{background:#d7f5f1;color:#147e78}.logo-midjourney{background:#e3e8f2;color:#273650}.logo-copilot{background:#e1e8ff;color:#4264b9}.tag{font-size:9px;color:#b8aaff;background:#8874ff19;border:1px solid #8874ff35;border-radius:20px;padding:3px 9px}.tag.popular{color:#7be0d2;background:#55d6d014;border-color:#55d6d033}.product-card h3{font-size:17px;margin:17px 0 5px;direction:ltr;text-align:right}.product-card p{font-size:11px;color:var(--muted);min-height:48px;margin:0;line-height:2}.product-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:17px;padding-top:12px;color:#8491aa;font-size:9px}.outline-button{width:100%;margin-top:16px;padding:9px 12px;background:transparent;border:1px solid #7666ce80;color:#d5ceff;border-radius:9px;font-size:11px;cursor:pointer}.outline-button:hover{background:#7666ce20}.outline-button span{margin-right:8px}.catalog-note{color:#77839a;font-size:10px;margin-top:20px}.empty-state{text-align:center;padding:35px;color:var(--muted)}
.how-section{background:linear-gradient(180deg,#0d1423,#11182a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.centered{display:block;text-align:center}.centered .eyebrow{justify-content:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px}.step{position:relative;padding:22px 18px;border:1px solid var(--line);border-radius:15px;background:#151e30}.step>span{color:#8c79ed;font-size:11px;font-weight:700}.step-icon{width:43px;height:43px;margin:15px 0;background:#8874ff18;color:#a897ff;border-radius:12px;display:grid;place-items:center;font-size:22px}.step h3{font-size:14px;margin:8px 0}.step p{font-size:11px;color:var(--muted);margin:0;line-height:2}
.why-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.why-copy p{max-width:450px;line-height:2.3;margin-bottom:20px}.dashboard-preview{background:#151e30;border:1px solid #ffffff1b;border-radius:18px;padding:22px;box-shadow:0 25px 60px #0004}.dash-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}.dash-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#7561d8}.dash-welcome{font-size:17px;font-weight:700;margin:25px 0}.dash-welcome small{display:block;font-size:10px;color:var(--muted);font-weight:400}.dash-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-metrics div{background:#202c43;border-radius:12px;padding:15px}.dash-metrics small,.dash-metrics b{display:block}.dash-metrics small{font-size:10px;color:var(--muted)}.dash-metrics b{font-size:25px}.dash-line{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:11px}.dash-line small{display:block;color:var(--muted);margin-top:8px}
.faq-section{padding-top:40px;padding-bottom:90px}.faq-list{max-width:760px;margin:35px auto 0}.faq-list details{border-bottom:1px solid var(--line);padding:17px 5px}.faq-list summary{font-size:13px;cursor:pointer;font-weight:600}.faq-list details p{font-size:12px;color:var(--muted);line-height:2.2;margin-bottom:0}
.site-footer{background:#070b14;border-top:1px solid var(--line);padding:40px max(calc((100% - 1080px)/2),5%) 18px}.footer-main p{color:var(--muted);font-size:11px}.footer-links{display:flex;gap:22px;color:#aab4c8;font-size:11px;margin-top:20px}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:15px;display:flex;justify-content:space-between;color:#6f7b92;font-size:10px}
.modal-backdrop{position:fixed;inset:0;background:#030610c9;z-index:40;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.plan-modal{width:min(100%,480px);background:#141d2e;border:1px solid #ffffff20;border-radius:20px;padding:28px;position:relative;box-shadow:0 30px 90px #0009}.modal-close,.drawer-head button{position:absolute;left:20px;top:17px;background:transparent;border:0;color:#aeb8ce;font-size:26px;cursor:pointer}.plan-modal h2{font-size:23px;margin:8px 0}.modal-desc{font-size:11px;color:var(--muted);line-height:2}.plan-options{display:grid;gap:9px;margin:20px 0}.plan-option{display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:right;padding:13px;border:1px solid var(--line);background:#101827;color:white;border-radius:11px;cursor:pointer}.plan-option span{color:#b9aaff;font-size:11px}.plan-option small{grid-column:1/-1;color:#8793aa;font-size:9px}.plan-option.selected{border-color:#9a83ff;background:#292448}.full-button{width:100%}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.modal-footnote{text-align:center;color:#78849a;font-size:9px;margin-bottom:0}.cart-drawer{position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(390px,92vw);background:#111a2a;border-right:1px solid var(--line);padding:25px;transform:translateX(-105%);transition:.25s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-head{position:relative;border-bottom:1px solid var(--line);padding-bottom:15px}.drawer-head h2{font-size:18px;margin:0}.drawer-head button{top:-8px}.cart-items{flex:1;padding-top:20px}.cart-empty{font-size:12px;color:var(--muted)}.cart-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-item small{display:block;color:var(--muted)}.remove-item{background:transparent;border:0;color:#ff8e9b;cursor:pointer}.drawer-bottom{border-top:1px solid var(--line);padding-top:15px;font-size:11px}.drawer-bottom p{display:flex;justify-content:space-between}.drawer-bottom small{display:block;text-align:center;color:var(--muted);margin-top:10px}.toast{position:fixed;bottom:22px;right:50%;transform:translate(50%,20px);opacity:0;background:#28364d;border:1px solid #ffffff22;color:white;padding:10px 18px;border-radius:10px;font-size:11px;z-index:70;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(50%,0)}
@media(max-width:850px){.main-nav{gap:15px}.hero{padding-top:55px}.hero-visual{transform:scale(.85)}.product-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.why-section{gap:30px}}
@media(max-width:650px){.site-header{height:66px;padding:0 5%}.main-nav{display:none;position:absolute;top:65px;right:0;left:0;background:#101827;padding:18px 6%;flex-direction:column;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.menu-toggle{display:block}.login-button{display:none}.icon-button{font-size:10px;padding:7px 9px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:55px 6% 30px}.hero h1{font-size:37px}.hero-visual{height:290px;transform:scale(.85);margin-top:5px}.stats-row{margin:0 5% 25px;padding:16px 8px}.stats-row strong{font-size:11px}.stats-row span{font-size:9px}.section-wrap{padding:55px 6%}.section-heading{display:block}.search-box{width:100%;margin-top:18px}.section-heading h2,.why-copy h2{font-size:25px}.product-grid{grid-template-columns:1fr}.product-card p{min-height:0}.steps{grid-template-columns:1fr 1fr;gap:9px}.step{padding:15px 12px}.why-section{grid-template-columns:1fr;gap:28px}.footer-bottom{gap:10px}.footer-links{flex-wrap:wrap}.hero-trust{font-size:10px}}
@media(max-width:380px){.steps{grid-template-columns:1fr}.brand{font-size:17px}.hero h1{font-size:32px}}