:root{--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-300:#93c5fd;--brand-400:#60a5fa;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-800:#1e40af;--cyan-300:#67e8f9;--cyan-700:#0e7490;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--emerald-50:#ecfdf5;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-500:#f59e0b;--amber-800:#92400e;--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-600:#7c3aed;--violet-700:#6d28d9;--radius-sm:.5rem;--radius:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-2xl:2rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-2xl:0 25px 50px #00000040}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--slate-800);-webkit-font-smoothing:antialiased;direction:rtl;background:#fff;margin:0;font-family:Vazirmatn,IRANSans,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;line-height:1.6}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1rem}@media (min-width:640px){.container{padding-inline:1.5rem}}.landing{min-height:100vh;color:var(--slate-800);background:#fff}.site-header{z-index:40;-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #e2e8f0b3;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:.75rem;height:4rem;display:flex}.brand{align-items:center;gap:.625rem;display:flex}.brand-text{line-height:1.2}.brand-name{color:var(--slate-900);font-size:.875rem;font-weight:800}.brand-sub{letter-spacing:.05em;color:var(--slate-400);font-size:10px;font-weight:700}.main-nav{color:var(--slate-500);align-items:center;gap:1.5rem;font-size:.75rem;font-weight:700;display:none}.main-nav a{color:inherit;text-decoration:none;transition:color .2s}.main-nav a:hover{color:var(--brand-700)}@media (min-width:768px){.main-nav{display:flex}}.header-cta{border-radius:var(--radius-sm);background:var(--brand-600);color:#fff;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:800;text-decoration:none;transition:background .2s;display:inline-flex}.header-cta:hover{background:var(--brand-700)}.hero{position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:linear-gradient(#eff6ffcc,#fff 60%,#fff);position:absolute;inset:0}.hero-blob-1,.hero-blob-2{pointer-events:none;filter:blur(48px);border-radius:50%;width:18rem;height:18rem;position:absolute}.hero-blob-1{background:#60a5fa33;top:-6rem;right:-6rem}.hero-blob-2{background:#67e8f933;top:10rem;left:-6rem}.hero-inner{align-items:center;gap:2.5rem;padding-block:3.5rem;display:grid;position:relative}@media (min-width:1024px){.hero-inner{grid-template-columns:1fr 1fr;gap:3rem;padding-block:5rem}}.hero-badge{color:var(--brand-700);box-shadow:inset 0 0 0 1px var(--brand-100);background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:11px;font-weight:800;display:inline-flex}.hero-badge .dot{background:var(--emerald-500);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{letter-spacing:-.01em;color:var(--slate-900);margin:1.25rem 0 0;font-size:1.5rem;font-weight:800;line-height:1.5}.hero-title .accent{color:var(--brand-700);display:block}@media (min-width:640px){.hero-title{font-size:1.875rem}}@media (min-width:1024px){.hero-title{font-size:2.25rem}}.hero-desc{max-width:36rem;color:var(--slate-500);margin-top:1rem;font-size:.875rem;line-height:1.9}@media (min-width:640px){.hero-desc{font-size:1rem}}.hero-desc b{color:var(--slate-700)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.hero-notes{color:var(--slate-400);flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.25rem;font-size:11px;font-weight:700;display:flex}.hero-notes span{align-items:center;gap:.375rem;display:inline-flex}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand-600);color:#fff;box-shadow:0 10px 15px -3px #2563eb40}.btn-primary:hover{background:var(--brand-700)}.btn-outline{color:var(--slate-600);box-shadow:inset 0 0 0 1px var(--slate-200);background:#fff}.btn-outline:hover{color:var(--brand-700);box-shadow:inset 0 0 0 1px var(--brand-300)}.btn-white{color:var(--brand-700);box-shadow:var(--shadow-lg);background:#fff}.btn-white:hover{background:var(--brand-50)}.preview-card{border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:#fff;padding:1rem;box-shadow:0 25px 50px -12px #1d4ed81a}@media (min-width:640px){.preview-card{padding:1.25rem}}.preview-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.preview-head-left{align-items:center;gap:.5rem;display:flex}.preview-icon{background:var(--brand-50);width:1.75rem;height:1.75rem;color:var(--brand-700);border-radius:.5rem;place-items:center;display:grid}.preview-title{color:var(--slate-800);font-size:.75rem;font-weight:800}.preview-pill{background:var(--emerald-50);color:var(--emerald-700);border-radius:999px;padding:.125rem .5rem;font-size:10px;font-weight:800}.preview-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;display:grid}.preview-stat{border:1px solid var(--slate-100);background:var(--slate-50);border-radius:var(--radius);min-width:0;padding:.75rem}.preview-stat .lbl{color:var(--slate-400);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.preview-stat .val{margin-top:.25rem;font-size:1.125rem;font-weight:800}.preview-stat .unit{color:var(--slate-400);margin-right:.25rem;font-size:10px;font-weight:700}.text-emerald{color:var(--emerald-600)}.text-brand{color:var(--brand-700)}.text-violet{color:var(--violet-600)}.sparkline{width:100%;height:4rem;margin-top:1rem;display:block}.spark-legend{color:var(--slate-300);justify-content:space-between;padding-inline:.25rem;font-size:9px;font-weight:700;display:flex}.spark-legend .active{color:var(--brand-600)}.alert-box{border-radius:var(--radius);border:1px solid var(--amber-200);background:var(--amber-50);align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;display:flex}.alert-box .alert-text{color:var(--amber-800);font-size:11px;line-height:1.7}.preview-caption{text-align:center;color:var(--slate-300);margin-top:.5rem;font-size:10px;font-weight:700}.stats{border-block:1px solid var(--slate-100);background:#f8fafc99}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding-block:2rem;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(5,1fr)}}.stat-item{text-align:center;min-width:0}.stat-value{color:var(--brand-700);font-size:1.25rem;font-weight:800}@media (min-width:640px){.stat-value{font-size:1.5rem}}.stat-label{color:var(--slate-500);margin-top:.125rem;font-size:11px;font-weight:700}.section{padding-block:3.5rem}@media (min-width:1024px){.section{padding-block:4rem}}.section-title{max-width:42rem;margin-bottom:2rem}.section-badge{background:var(--brand-50);color:var(--brand-700);box-shadow:inset 0 0 0 1px var(--brand-100);border-radius:999px;padding:.25rem .75rem;font-size:11px;font-weight:800;display:inline-block}.section-h2{color:var(--slate-900);margin:.75rem 0 0;scroll-margin-top:5rem;font-size:1.25rem;font-weight:800}@media (min-width:640px){.section-h2{font-size:1.5rem}}.section-sub{color:var(--slate-500);margin-top:.5rem;font-size:.875rem;line-height:1.8}.features-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:#fff;min-width:0;padding:1.25rem;transition:all .2s}.feature-card:hover{border-color:var(--brand-300);transform:translateY(-2px);box-shadow:0 10px 15px -3px #1d4ed80d}.feature-icon{border-radius:var(--radius);background:var(--brand-50);width:2.5rem;height:2.5rem;color:var(--brand-700);place-items:center;transition:all .2s;display:grid}.feature-card:hover .feature-icon{background:var(--brand-600);color:#fff}.feature-title{color:var(--slate-900);margin:.75rem 0 0;font-size:.875rem;font-weight:800}.feature-text{color:var(--slate-500);margin-top:.375rem;font-size:.75rem;line-height:1.9}.feature-checks{border-radius:var(--radius-lg);background:var(--slate-50);color:var(--slate-500);box-shadow:inset 0 0 0 1px var(--slate-100);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;margin-top:1.5rem;padding:1rem;font-size:11px;font-weight:700;display:flex}.feature-checks span{align-items:center;gap:.375rem;display:inline-flex}.workflow{border-block:1px solid var(--slate-100);background:linear-gradient(#fff,#eff6ff66)}.steps-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:768px){.steps-grid{grid-template-columns:repeat(4,1fr)}}.step-card{border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:#fff;min-width:0;padding:1rem}.step-num{background:var(--brand-600);color:#fff;border-radius:.75rem;place-items:center;width:1.75rem;height:1.75rem;font-size:11px;font-weight:800;display:grid}.step-title{color:var(--slate-900);margin:.625rem 0 0;font-size:.75rem;font-weight:800}@media (min-width:640px){.step-title{font-size:.875rem}}.step-desc{color:var(--slate-500);margin-top:.25rem;font-size:11px;line-height:1.6}.roles-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.roles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.roles-grid{grid-template-columns:repeat(4,1fr)}}.role-card{border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:#fff;min-width:0;padding:1.25rem}.role-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.role-badge{border-radius:999px;padding:.25rem .625rem;font-size:11px;font-weight:800}.role-badge.violet{background:var(--violet-50);color:var(--violet-700);box-shadow:inset 0 0 0 1px var(--violet-100)}.role-badge.brand{background:var(--brand-50);color:var(--brand-700);box-shadow:inset 0 0 0 1px var(--brand-100)}.role-badge.amber{background:var(--amber-50);color:var(--amber-800);box-shadow:inset 0 0 0 1px var(--amber-100)}.role-badge.slate{background:var(--slate-100);color:var(--slate-600);box-shadow:inset 0 0 0 1px var(--slate-200)}.role-en{color:var(--slate-300);font-family:Courier New,monospace;font-size:10px;font-weight:700}.role-desc{color:var(--slate-500);margin-top:.75rem;font-size:.75rem;line-height:1.9}.demo-section{padding-bottom:4rem}.demo-card{border:1px solid var(--brand-100);background:linear-gradient(135deg, var(--brand-600), var(--cyan-700));color:#fff;border-radius:2rem;padding:1.5rem;scroll-margin-top:5rem;overflow:hidden}@media (min-width:640px){.demo-card{padding:2.5rem}}.demo-grid{align-items:center;gap:2rem;display:grid}@media (min-width:1024px){.demo-grid{grid-template-columns:1fr 1fr}}.demo-title{margin:0;font-size:1.25rem;font-weight:800}@media (min-width:640px){.demo-title{font-size:1.5rem}}.demo-desc{max-width:32rem;color:var(--brand-100);margin-top:.5rem;font-size:.875rem;line-height:1.9}.demo-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.demo-credentials{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);background:#ffffff1a;padding:1rem;box-shadow:inset 0 0 0 1px #fff3}@media (min-width:640px){.demo-credentials{padding:1.25rem}}.demo-credentials .label{color:var(--brand-100);font-size:11px;font-weight:800}.cred-list{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.cred-row{background:#ffffff1a;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.cred-key{color:var(--brand-100);font-size:.75rem;font-weight:700}.cred-val{text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;overflow:hidden}.demo-note{color:var(--brand-200);margin-top:.75rem;font-size:11px;line-height:1.6}.demo-note .mono{font-family:Courier New,monospace}.site-footer{border-top:1px solid var(--slate-200);background:#fff}.footer-inner{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding-block:2rem;display:flex}@media (min-width:768px){.footer-inner{flex-direction:row}}.footer-brand{align-items:center;gap:.625rem;display:flex}.footer-brand-text{font-size:.75rem;line-height:1.4}.footer-name{color:var(--slate-800);font-weight:800}.footer-sub{color:var(--slate-400)}.footer-links{color:var(--slate-400);align-items:center;gap:1.25rem;font-size:11px;font-weight:700;display:flex}.footer-links a{color:inherit;text-decoration:none;transition:color .2s}.footer-links a:hover,.footer-links .accent{color:var(--brand-700)}.footer-copy{color:var(--slate-300);font-size:11px}.mono{font-family:Courier New,monospace}.ltr{direction:ltr}.mt-0{margin-top:0}.w-full{width:100%}.rotate-180{display:inline-block;transform:rotate(180deg)}.emoji-check{color:var(--emerald-500)}@media (max-width:359px){.hero-title{font-size:1.25rem}.preview-stat .val{font-size:1rem}.preview-stats{gap:.375rem}}@media (min-width:1920px){.container{max-width:80rem}}