@font-face{font-family:Vazirmatn;src:url(vazirmatn-arabic-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200D,U+25CC}
@font-face{font-family:Vazirmatn;src:url(vazirmatn-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#061b36;--navy2:#082345;--navy3:#0b2b52;--navy4:#103a68;--gold:#d8a64a;--gold2:#e8be6a;--gold3:#f3d28a;--ink:#15223a;--muted:#64748b;--paper:#f6f8fb;--line:#dce4ef;--white:#fff;--success:#49b57a;--danger:#ef6a6a;--shadow:0 24px 70px rgba(5,27,54,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;background:var(--paper);color:var(--ink)}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(6,27,54,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,190,106,.24)}.topbar__inner{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white}.brand img{width:46px;height:46px;object-fit:contain}.brand span{display:grid}.brand strong{font-size:16px}.brand small{font-size:10px;color:#bdc9d8}.topbar nav{display:flex;gap:24px;margin-right:auto}.topbar nav a{color:#d9e1ea;text-decoration:none;font-size:13px}.topbar nav a:hover{color:var(--gold2)}.demo-pill{border:1px solid rgba(232,190,106,.45);color:var(--gold3);padding:8px 12px;border-radius:999px;font-size:11px}.hero{background:radial-gradient(circle at 70% 20%,rgba(23,74,120,.6),transparent 32%),linear-gradient(135deg,#041326,#061b36 52%,#082345);color:white;overflow:hidden}.hero__grid{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px;padding:72px 0}.eyebrow{display:inline-flex;color:var(--gold2);font-weight:800;font-size:12px;letter-spacing:.2px}.eyebrow--dark{color:#9a681c}.hero h1{font-size:52px;line-height:1.35;margin:18px 0 18px;max-width:620px}.hero h1 em{color:var(--gold2);font-style:normal}.hero p{font-size:17px;line-height:2;color:#c9d4e1;max-width:680px}.hero__actions{display:flex;gap:12px;margin-top:30px}.btn{border:0;border-radius:14px;padding:13px 22px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn--gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#061b36;box-shadow:0 12px 32px rgba(216,166,74,.25)}.btn--ghost{background:rgba(255,255,255,.06);color:white;border:1px solid rgba(255,255,255,.16)}.hero__stats{display:flex;gap:28px;margin-top:38px;color:#c4cfdb;font-size:12px}.hero__stats b{display:block;color:white;font-size:20px}.hero__phone{position:relative;display:grid;place-items:center}.phone{width:338px;min-height:650px;border-radius:42px;background:linear-gradient(160deg,#041326,#061b36 56%,#082345);border:7px solid #101b2b;box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden;color:white;position:relative}.phone:before{content:"";position:absolute;top:8px;left:50%;translate:-50%;width:82px;height:21px;background:#080e18;border-radius:999px;z-index:3}.phone__status{height:42px;display:flex;justify-content:space-between;align-items:end;padding:0 20px 8px;font-size:10px;color:#eef4fa}.appbar{padding:18px 17px 14px;display:grid;grid-template-columns:34px 1fr 38px;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}.appbar button{background:none;border:0;color:white;font-size:28px}.appbar div{text-align:center;display:grid}.appbar strong{font-size:17px}.appbar small{font-size:8px;color:#aebbd0;margin-top:2px}.appbar img{width:36px;height:36px;object-fit:contain}.screen-content{padding:14px 14px 26px;display:grid;gap:10px}.screen-content.compact{gap:8px}.glass{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);border-radius:18px}.form-card{padding:12px;display:grid;gap:5px}.form-card label{font-size:8px;color:#b7c3d4;text-align:right}.fake-input{min-height:39px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.05);padding:10px 11px;font-size:10px;color:#a8b5c7}.fake-input.filled{color:#fff}.segment{display:flex;gap:6px;background:rgba(255,255,255,.04);border-radius:14px;padding:5px}.segment span{flex:1;text-align:center;padding:7px;border-radius:10px;font-size:9px;color:#aebace}.segment .active{background:rgba(216,166,74,.22);color:var(--gold2);border:1px solid rgba(216,166,74,.35)}.app-primary{border:0;border-radius:14px;padding:12px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#061b36;font-weight:900}.glow{box-shadow:0 0 0 4px rgba(232,190,106,.13),0 10px 30px rgba(216,166,74,.24)}.float-tag{position:absolute;background:white;color:#15223a;border-radius:12px;padding:9px 13px;font-size:11px;font-weight:800;box-shadow:var(--shadow)}.float-tag--a{right:-30px;top:130px}.float-tag--b{left:-34px;bottom:120px}.academy{padding:90px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head h2{font-size:34px;margin:8px 0}.section-head p{margin:0;color:var(--muted)}.searchbox{width:340px;position:relative}.searchbox input{width:100%;height:52px;border:1px solid var(--line);border-radius:16px;background:white;padding:0 48px 0 14px;outline:none}.searchbox input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(216,166,74,.12)}.searchbox span{position:absolute;right:18px;top:12px;font-size:23px;color:#8a6b2a}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filters button{border:1px solid var(--line);background:white;color:#526278;border-radius:999px;padding:9px 16px;cursor:pointer}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson-card{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 40px rgba(6,27,54,.07);transition:.25s;cursor:pointer}.lesson-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(216,166,74,.5)}.lesson-card__visual{height:180px;background:linear-gradient(145deg,#061b36,#0b2b52);position:relative;padding:18px;overflow:hidden}.lesson-card__visual:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(216,166,74,.12);left:-35px;top:-40px}.mini-app{position:absolute;inset:25px 28px auto;min-height:126px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);border-radius:20px;padding:13px;display:grid;gap:8px}.mini-app__head{display:flex;align-items:center;justify-content:space-between}.mini-app__head img{width:25px}.mini-app__head b{font-size:11px;color:white}.mini-line{height:9px;background:rgba(255,255,255,.12);border-radius:99px}.mini-line.short{width:60%}.mini-action{height:24px;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:8px;margin-top:3px}.lesson-card__body{padding:20px}.lesson-card__meta{display:flex;justify-content:space-between;color:#9a681c;font-size:11px;font-weight:800}.lesson-card h3{font-size:18px;margin:12px 0 8px}.lesson-card p{font-size:13px;line-height:1.9;color:var(--muted);min-height:72px}.lesson-card__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f6;padding-top:14px;font-size:12px}.lesson-card__footer b{color:#9a681c}.studio{background:#eaf0f7;padding:70px 0 90px;border-top:1px solid #dbe4ee}.studio__head{display:flex;justify-content:space-between;align-items:start;margin-bottom:26px}.studio__head h2{font-size:34px;margin:8px 0}.studio__head p{color:var(--muted);margin:0}.close-studio{border:1px solid #ccd7e3;background:white;border-radius:12px;padding:10px 16px;cursor:pointer}.studio__grid{display:grid;grid-template-columns:280px 1fr;gap:22px}.step-list{background:white;border:1px solid #dce5ee;border-radius:22px;padding:12px;height:max-content;position:sticky;top:94px}.step-item{width:100%;text-align:right;border:0;background:transparent;padding:13px;border-radius:14px;display:grid;grid-template-columns:30px 1fr;gap:10px;cursor:pointer;color:#536176}.step-item span{width:28px;height:28px;border-radius:9px;background:#edf2f7;display:grid;place-items:center;font-size:11px}.step-item strong{font-size:12px;line-height:1.7}.step-item.active{background:#061b36;color:white}.step-item.active span{background:var(--gold);color:#061b36}.simulator{background:white;border:1px solid #dce5ee;border-radius:26px;overflow:hidden;box-shadow:0 18px 60px rgba(6,27,54,.08)}.simulator__top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #e5ebf2}.simulator__top div:first-child{display:grid}.simulator__top span{font-size:11px;color:#9a681c;font-weight:800}.simulator__top strong{font-size:16px}.progress{width:220px;height:7px;background:#edf1f5;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));width:0;transition:.3s}.simulator__body{display:grid;grid-template-columns:390px 1fr;gap:34px;align-items:center;padding:30px;min-height:770px;background:linear-gradient(145deg,#f7f9fc,#edf2f7)}.simulator__body .phone{margin:auto}.instruction{background:white;border:1px solid #dce4ed;border-radius:22px;padding:26px;box-shadow:0 12px 35px rgba(6,27,54,.06)}.instruction>span{color:#9a681c;font-size:11px;font-weight:900}.instruction h3{font-size:25px;margin:10px 0}.instruction p{font-size:15px;line-height:2.1;color:#5e6d80}.source-note{margin-top:20px;background:#f6f1e7;border:1px solid #ead9b2;color:#73531d;border-radius:14px;padding:12px;font-size:11px}.simulator__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-top:1px solid #e5ebf2}.navbtn{border:1px solid #d6dfe9;background:white;border-radius:12px;padding:10px 18px;cursor:pointer}.navbtn:disabled{opacity:.4}.navbtn--next{background:#061b36;color:white;border-color:#061b36}.dots{display:flex;gap:6px}.dots button{width:8px;height:8px;border-radius:50%;border:0;background:#cad4df;padding:0;cursor:pointer}.dots button.active{width:25px;border-radius:99px;background:var(--gold)}.method{padding:90px 0;background:white}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.method-grid article{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fbfcfe}.method-grid b{color:#a36f1a}.method-grid h3{font-size:17px}.method-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.about{padding:70px 0;background:linear-gradient(135deg,#061b36,#0b2b52);color:white}.about .shell{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:34px}.about img{width:120px}.about h2{font-size:30px;margin:8px 0}.about p{color:#c7d2df;line-height:2}.about footer{}footer{background:#041326;color:#bec9d5;padding:24px 0}footer .shell{display:flex;justify-content:space-between;align-items:center}footer .brand img{width:40px;height:40px}.phone .highlight{position:relative;z-index:1;box-shadow:0 0 0 3px rgba(232,190,106,.33),0 0 28px rgba(216,166,74,.28)!important;border-color:var(--gold2)!important}.phone .pulse:after{content:"";position:absolute;inset:-7px;border:2px solid rgba(232,190,106,.7);border-radius:inherit;animation:pulse 1.4s infinite}@keyframes pulse{0%{opacity:.8;transform:scale(.98)}70%{opacity:0;transform:scale(1.06)}100%{opacity:0}}
/* app screen components */
.app-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.app-summary div{display:grid;gap:2px}.app-summary span{font-size:8px;color:#aebbd0}.app-summary b{font-size:16px;color:white}.app-search{height:42px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:14px;padding:11px 12px;font-size:9px;color:#9cabc0;display:flex;justify-content:space-between}.app-filters{display:flex;gap:5px}.app-filters span{flex:1;text-align:center;border-radius:10px;border:1px solid rgba(255,255,255,.11);padding:7px 2px;font-size:8px;color:#aeb9ca}.app-filters .active{color:var(--gold2);background:rgba(216,166,74,.15);border-color:rgba(216,166,74,.35)}.client-row,.case-row,.doc-row,.backup-row{padding:11px;display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e8eef5,#b5c3d5);color:#0b2b52;font-weight:900}.row-copy{display:grid;gap:2px;flex:1}.row-copy strong{font-size:10px}.row-copy small{font-size:7px;color:#aeb8c8}.count-pill{font-size:7px;border:1px solid rgba(255,255,255,.12);padding:4px 7px;border-radius:999px;color:#b9c5d4}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quick-actions button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:white;border-radius:13px;padding:10px 2px;font-size:8px}.identity{padding:14px;display:grid;gap:8px}.identity__head{display:flex;gap:10px;align-items:center}.identity__head .avatar{width:48px;height:48px}.identity__head div{display:grid}.identity__head small{font-size:8px;color:var(--gold2)}.identity__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.identity__stats span{background:rgba(255,255,255,.04);border-radius:10px;padding:7px;text-align:center;font-size:7px;color:#b4c0d0}.identity__stats b{display:block;color:white;font-size:12px}.choice-title{font-size:9px;color:#b9c5d5}.field{display:grid;gap:4px}.field label{font-size:8px;color:#b5c1d2}.field div,.select-box{min-height:40px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);border-radius:13px;padding:11px;font-size:9px;color:#a7b5c8}.field div.value,.select-box.value{color:white}.field textarea{height:56px}.helper{font-size:7px;color:#8e9aaf}.section-label{font-size:10px;color:var(--gold2);font-weight:900;margin-top:2px}.status-card{padding:13px;display:flex;align-items:center;gap:10px}.status-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(73,181,122,.15);color:#80d9aa;font-size:20px}.status-card div{display:grid}.status-card strong{font-size:10px}.status-card small{font-size:7px;color:#aebbd0}.switch-row{padding:12px;display:flex;align-items:center;gap:10px}.switch-row div{flex:1;display:grid}.switch-row strong{font-size:9px}.switch-row small{font-size:7px;color:#aebbd0}.switch{width:36px;height:20px;border-radius:99px;background:#43536a;padding:3px}.switch i{display:block;width:14px;height:14px;border-radius:50%;background:white}.switch.on{background:var(--gold)}.switch.on i{margin-right:auto;background:#061b36}.notice{border:1px solid rgba(216,166,74,.25);background:rgba(216,166,74,.08);border-radius:13px;padding:10px;color:#d7c38f;font-size:8px;line-height:1.8}.tabs{display:flex;gap:5px}.tabs span{flex:1;padding:8px 3px;text-align:center;border-radius:9px;background:rgba(255,255,255,.04);font-size:7px;color:#aebbd0}.tabs .active{background:rgba(216,166,74,.16);color:var(--gold2)}.doc-row{align-items:flex-start}.doc-icon{width:36px;height:42px;border-radius:9px;background:linear-gradient(145deg,#f4f6f9,#cbd5e1);color:#bd2b2b;display:grid;place-items:center;font-size:9px;font-weight:900}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.decision-grid button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#dbe4ee;border-radius:11px;padding:9px;font-size:8px}.decision-grid .approve{grid-column:1/-1;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#061b36;border:0;font-weight:900}.pin-dots{display:flex;justify-content:center;gap:10px;padding:16px}.pin-dots i{width:14px;height:14px;border-radius:50%;border:2px solid #9aa8bb}.pin-dots i.on{background:var(--gold);border-color:var(--gold)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.keypad span{height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:12px}.empty-card{padding:18px;text-align:center;color:#aebbd0;font-size:9px}.success-banner{background:rgba(73,181,122,.12);border:1px solid rgba(73,181,122,.34);color:#9de2bd;padding:11px;border-radius:13px;font-size:8px;text-align:center}
@media(max-width:980px){.hero__grid{grid-template-columns:1fr;padding:60px 0}.hero__phone{display:none}.cards{grid-template-columns:repeat(2,1fr)}.studio__grid{grid-template-columns:1fr}.step-list{position:static;display:flex;overflow:auto}.step-item{min-width:190px}.simulator__body{grid-template-columns:1fr}.instruction{max-width:600px;margin:auto}.method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.shell{width:min(100% - 20px,1180px)}.topbar nav,.demo-pill{display:none}.topbar__inner{height:66px}.hero__grid{min-height:auto;padding:54px 0}.hero h1{font-size:34px}.hero p{font-size:14px}.hero__actions{flex-direction:column}.hero__stats{gap:15px;flex-wrap:wrap}.section-head{display:grid}.searchbox{width:100%}.cards{grid-template-columns:1fr}.studio{padding-top:46px}.studio__head{display:grid;gap:16px}.studio__head h2{font-size:26px}.simulator__top{display:grid;gap:12px}.progress{width:100%}.simulator__body{padding:14px;min-height:auto}.phone{width:min(338px,100%);min-height:630px}.instruction{padding:20px}.simulator__footer{gap:10px}.dots{display:none}.method-grid{grid-template-columns:1fr}.about .shell{grid-template-columns:1fr;text-align:center}.about img{margin:auto}footer .shell{display:grid;gap:14px;text-align:center}footer .brand{justify-content:center}}