@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#0b111a;--ink:#f3f6f4;--muted:#aab6c3;--line:#2a3947;--surface:#14202b;--surface2:#1b2a36;--lime:#d2fb8a;--violet:#b6b4ff;--aqua:#7de1d4;--width:1192px;font-family:Vazirmatn,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.9;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}::selection{background:var(--lime);color:#102018}.container{width:min(var(--width),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:absolute;top:-100px;right:1rem;background:var(--lime);color:#111;padding:.5rem 1rem;z-index:30}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:20;background:rgba(11,17,26,.87);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.075)}.header-inner{height:82px;display:flex;align-items:center;gap:38px}.brand{display:flex;gap:12px;align-items:center;margin-inline-end:auto;line-height:1.2;direction:ltr}.brand-symbol{width:42px;height:42px;display:grid;place-items:center;background:var(--lime);color:#0e1d1c;clip-path:polygon(0 0,88% 0,100% 25%,100% 100%,12% 100%,0 75%);font-family:Arial,sans-serif;font-weight:900;font-size:24px}.brand strong{display:block;letter-spacing:.15em;font:bold 19px Arial,sans-serif}.brand small{display:block;margin-top:7px;color:#a4b2bb;font:10px Arial,sans-serif;letter-spacing:.14em}.nav{display:flex;gap:28px;align-items:center}.nav a{color:#bac6ce;font-size:13px;font-weight:700;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--lime)}.top-cta{padding:10px 20px;border-radius:100px;background:var(--lime);color:#13201a;font-weight:800;font-size:13px}.top-cta:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(210,251,138,.16)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:12px;width:42px;height:42px;font-size:22px}
.hero{position:relative;isolation:isolate;padding:106px 0 104px;overflow:hidden}.hero:before{position:absolute;content:'';inset:0;background:radial-gradient(circle at 12% 28%,rgba(79,109,137,.21),transparent 36%),radial-gradient(circle at 93% 85%,rgba(135,172,109,.12),transparent 35%),linear-gradient(rgba(132,154,171,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(132,154,171,.045) 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px;z-index:-2}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px}.eyebrow,.overline{display:flex;align-items:center;gap:10px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.02em}.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(210,251,138,.1)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(47px,5.2vw,79px);line-height:1.36;font-weight:900;letter-spacing:-.045em;margin:24px 0 22px}h1 .accent,.section-heading h2 em{font-style:normal;color:var(--lime)}.hero-lead{color:#b9c5cf;font-size:17px;max-width:560px;line-height:2.1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;padding:12px 24px;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s;border:1px solid transparent}.btn-primary{color:#14201c;background:var(--lime)}.btn-secondary{border-color:#586574;color:#f2f5f2}.btn-secondary:hover{border-color:var(--lime)}.tiny-proof{display:flex;gap:18px;flex-wrap:wrap;color:#9fadb9;font-size:12px}.tiny-proof span{display:flex;align-items:center;gap:8px}.tiny-proof span:before{content:'✓';color:var(--lime);font-weight:900}
.hero-visual{position:relative;min-width:0}.halo{position:absolute;inset:-45px;border-radius:50%;filter:blur(45px);background:radial-gradient(circle,rgba(105,148,147,.19),transparent 60%);z-index:-1}.window{border:1px solid #425366;border-radius:19px;overflow:hidden;background:#101b26;box-shadow:0 45px 90px rgba(0,0,0,.3);transform:rotate(-2deg)}.window-top{height:47px;border-bottom:1px solid #334251;padding:0 18px;display:flex;gap:6px;align-items:center;direction:ltr;color:#9eadb7;font:11px Arial,sans-serif}.dot{width:8px;height:8px;border-radius:50%;background:#586b7b}.dot:first-child{background:#f4a69a}.dot:nth-child(2){background:#f8d486}.dot:nth-child(3){background:#a3dfc4}.window-title{margin-left:auto;letter-spacing:.1em}.window-body{padding:28px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-top b{font-size:15px}.pill{border-radius:99px;padding:4px 12px;background:rgba(210,251,138,.1);color:var(--lime);font-size:10px;font-weight:800;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.metric{background:#1c2a38;padding:14px 12px;border-radius:12px;min-width:0}.metric small{display:block;font-size:10px;color:#a9b8c6}.metric b{font-size:21px;white-space:nowrap}.metric:nth-child(2) b{color:var(--lime)}.chart-window{border:1px solid #354554;border-radius:14px;padding:17px}.chart-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#cbd6dd}.chart-head small{color:#8ea3b1}.bars{height:165px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;margin-top:18px;background:repeating-linear-gradient(to top,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 42px)}.bars span{width:11%;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#d5ff93,#539e96)}.bars span:nth-child(2n){background:linear-gradient(180deg,#8dc8ee,#4c677e)}.window-foot{display:flex;justify-content:space-between;margin-top:17px;color:#99aab8;font-size:11px}.float-chip{position:absolute;background:#eef5e8;color:#20322b;padding:12px 18px;box-shadow:0 15px 45px #0005;border-radius:13px;font-weight:900;font-size:12px;right:-34px;bottom:35px;transform:rotate(4deg)}.visual-caption{text-align:center;color:#a2b0bc;font-size:11px;margin-top:24px}
.scroll-line{border-block:1px solid rgba(255,255,255,.075);background:#101923;padding:15px 0}.scroll-inner{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#99a7b5;font:700 11px Arial,Vazirmatn,sans-serif;letter-spacing:.07em}.scroll-inner b{color:#566673}
.section{padding:112px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:37px}.section-heading h2{font-size:clamp(30px,3.8vw,51px);line-height:1.45;margin:14px 0 0;font-weight:900}.section-heading p{color:#aab7c3;max-width:370px;font-size:14px;margin:0}.section-surface{background:#0e1923}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.work-card{position:relative;background:#192632;border:1px solid #354452;border-radius:23px;overflow:hidden;min-height:480px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}.work-card:hover{transform:translateY(-5px);border-color:#a1cf8b}.work-art{height:242px;padding:27px;display:grid;place-items:center;overflow:hidden;position:relative}.art-dashboard{background:radial-gradient(circle at 75% 12%,#527b70,#213d43 43%,#16272e)}.art-text{background:radial-gradient(circle at 80% 20%,#716bb8,#383657 42%,#252d4d)}.art-invoice{background:radial-gradient(circle at 50% 0%,#a7a671,#5d5944 44%,#30352f)}.art-slides{background:radial-gradient(circle at 75% 0%,#4d8595,#244454 50%,#1a2d3b)}.mini-ui{width:90%;max-width:410px;padding:18px;border:1px solid #ffffff3c;background:rgba(13,24,31,.85);box-shadow:0 18px 35px #0004;border-radius:14px;transform:rotate(-4deg);direction:rtl}.mini-ui small{display:block;color:#adbdc8;font-size:11px;margin-bottom:10px}.mini-ui strong{font-size:19px}.mini-bars{display:flex;align-items:end;height:80px;gap:10px;margin-top:11px;border-bottom:1px solid #ffffff50}.mini-bars i{width:18%;background:#d2fb8a;border-radius:4px 4px 0 0}.mini-bars i:nth-child(2n){background:#7de1d4}.paper-ui{width:85%;max-width:380px;background:#f5f7f3;color:#25343c;border-radius:11px;padding:22px;box-shadow:16px 18px 0 #121e2f8a;transform:rotate(5deg)}.paper-ui small{display:block;color:#6b7e89;font-size:12px}.paper-ui .rule{height:7px;background:#dce4e1;border-radius:9px;margin:12px 0}.paper-ui .rule.short{width:67%}.paper-ui strong{color:#274235}.paper-ui table{width:100%;font-size:12px;border-collapse:collapse}.paper-ui td{border-bottom:1px solid #d1d9d9;padding:5px}.slide-ui{background:#f2f8f3;color:#182f35;padding:27px 29px;width:87%;aspect-ratio:1.75;border-radius:10px;box-shadow:17px 17px 0 #0e2334a5;transform:rotate(-4deg)}.slide-ui h4{font-size:24px;line-height:1.6;margin:12px 0}.slide-ui .slide-stats{display:flex;gap:10px}.slide-ui .slide-stats b{background:#d8ebe0;padding:8px;font-size:13px;border-radius:8px}.card-body{padding:25px 27px 28px;display:flex;flex-direction:column;flex:1}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-top small{font-size:11px;color:var(--lime);font-weight:800}.card-top span{color:#91a2b1;font-size:11px}.work-card h3{font-size:24px;margin:10px 0 8px}.work-card p{font-size:13px;color:#aab8c4;line-height:2;margin-bottom:17px}.work-card .card-link{margin-top:auto;display:flex;justify-content:space-between;color:var(--lime);font-size:13px;font-weight:900}.work-card .card-link b{font-size:22px}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.service{padding:25px 21px;background:#15222e;border:1px solid #31404e;border-radius:17px}.service .number{font:800 12px Arial,sans-serif;color:var(--lime)}.service h3{font-size:17px;margin:20px 0 10px}.service p{color:#aab8c4;font-size:12px;margin:0}.notice{margin-top:27px;color:#a8b4bf;font-size:12px;line-height:2.2;border-right:2px solid var(--lime);padding-right:16px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:steps}.step{padding:28px 26px;border-top:1px solid #526571;background:#14212d;border-radius:0 0 18px 18px}.step-num{color:var(--lime);font:800 30px Arial,sans-serif}.step h3{font-size:19px;margin:15px 0 7px}.step p{color:#aab8c4;font-size:13px;margin:0}
.contact-panel{border-radius:29px;padding:70px;background:linear-gradient(110deg,#e2f5d2,#c8e8db);color:#183126;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-panel .overline{color:#386852}.contact-panel h2{font-size:clamp(31px,4vw,50px);line-height:1.45;margin:13px 0}.contact-panel p{color:#486458;max-width:510px}.contact-panel .btn-primary{background:#142922;color:#f4f7f1;flex-shrink:0}.contact-panel small{font-size:11px;color:#486458;display:block;margin-top:12px}
.footer{border-top:1px solid #253442;padding:32px 0;color:#9fafbd;font-size:12px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer .brand{margin:0}.footer .brand-symbol{width:32px;height:32px;font-size:18px}.footer .brand strong{font-size:15px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a:hover{color:var(--lime)}
/* Working samples */
.demo-main{min-height:calc(100vh - 210px);padding:68px 0 100px}.breadcrumb{font-size:12px;color:#aeb9c5;margin-bottom:19px}.breadcrumb a:hover{color:var(--lime)}.demo-heading{max-width:820px}.demo-heading h1{font-size:clamp(36px,4.5vw,60px);line-height:1.4;margin:13px 0}.demo-heading p{color:#b3c0cb;line-height:2.2;font-size:15px}.sample-warning{display:inline-block;margin:18px 0 28px;color:#e4f5bf;border:1px solid #516545;border-radius:100px;padding:6px 16px;font-size:12px}.demo-shell{border:1px solid #394956;border-radius:23px;background:#15212d;overflow:hidden;margin-top:17px}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 25px;background:#1b2b38;border-bottom:1px solid #354554}.demo-toolbar h2{margin:0;font-size:19px}.demo-content{padding:26px}.field{display:flex;flex-direction:column;gap:8px;color:#c3d1da;font-size:12px;font-weight:800}.field input,.field textarea,.field select,.input{background:#0d1924;color:#f0f5f1;border:1px solid #3c5260;border-radius:11px;padding:10px 13px;width:100%;min-width:0;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--lime)}.field textarea{min-height:235px;resize:vertical;line-height:2}.field input[type=checkbox]{width:auto;accent-color:var(--lime)}.checkline{display:flex;align-items:center;gap:8px;font-size:13px;color:#d2dce3;cursor:pointer}.checkline input{accent-color:var(--lime)}.demo-btn{background:var(--lime);border:0;border-radius:11px;padding:9px 18px;color:#13251b;font-weight:900;font-size:13px}.demo-btn.subtle{background:#334655;color:#f1f5f4}.demo-btn.danger{background:#693f47;color:#fff}.demo-btn:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;gap:9px;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:19px 0 25px}.stat-box{padding:21px;background:#0e1b26;border:1px solid #304453;border-radius:13px}.stat-box small{display:block;color:#9fb0bd;font-size:11px}.stat-box strong{display:block;font-size:clamp(22px,3vw,32px);margin:8px 0;color:var(--lime);font-variant-numeric:tabular-nums}.stat-box span{color:#a7b8c4;font-size:11px}.divider{height:1px;background:#314352;margin:22px 0}.dashboard-chart{display:flex;align-items:flex-end;gap:16px;min-height:260px;padding:26px 13px 5px;border-bottom:1px solid #516370;background:repeating-linear-gradient(to top,#ffffff08 0,#ffffff08 1px,transparent 1px,transparent 50px)}.chart-group{height:215px;flex:1;display:flex;gap:6px;align-items:flex-end;justify-content:center;position:relative}.chart-group span{display:block;width:32%;border-radius:6px 6px 0 0;background:var(--aqua);height:var(--bar-h);transition:height .4s}.chart-group span.expense{background:#b6b4ff}.chart-labels{display:flex;gap:16px;text-align:center;padding:9px 13px;color:#bdc8d0;font-size:12px}.chart-labels span{flex:1}.legend{display:flex;gap:18px;align-items:center;font-size:12px;color:#bdc8d0}.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--aqua);margin-left:5px}.legend i.expense{background:var(--violet)}.table-scroller{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:650px;font-size:13px}.data-table th,.data-table td{padding:14px 10px;text-align:right;border-bottom:1px solid #354657}.data-table th{color:#b9c7d2;font-weight:800}.data-table td{color:#e6eeef}.data-table input{width:100%;min-width:95px;background:#101f2a;color:#fff;border:1px solid #415362;border-radius:9px;padding:7px 9px}.data-table input[type=number]{direction:ltr;text-align:right}.data-table button{background:transparent;color:#ffaeab;border:0}.table-summary{display:flex;justify-content:flex-end;gap:15px;align-items:center;flex-wrap:wrap;padding:20px 0 4px}.table-summary strong{font-size:23px;color:var(--lime)}.text-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.copy-status{color:var(--lime);min-height:26px;font-size:12px;margin:10px 0}.slide-deck{position:relative;background:#e9f1e9;color:#1a3027;min-height:450px;aspect-ratio:16/9;border-radius:15px;padding:6% 7%;overflow:hidden}.slide-deck:before{position:absolute;content:'';width:37%;aspect-ratio:1;border-radius:50%;top:-40%;left:-8%;background:radial-gradient(circle,#b8e5c2,transparent 70%)}.slide-view{display:none;position:relative;height:100%}.slide-view.active{display:flex;flex-direction:column;justify-content:center}.slide-view .slide-tag{font:800 11px Arial,sans-serif;letter-spacing:.13em;color:#507b65}.slide-view h2{font-size:clamp(28px,3.4vw,53px);line-height:1.5;margin:17px 0}.slide-view p{color:#577064;font-size:clamp(12px,1.35vw,18px);max-width:670px}.slide-kpis{display:flex;gap:14px;margin-top:22px}.slide-kpis div{background:#fff9;padding:16px 20px;border-radius:12px;flex:1}.slide-kpis small{display:block;font-size:11px;color:#50705c}.slide-kpis strong{font:900 24px Vazirmatn,sans-serif}.slide-graph{display:flex;align-items:flex-end;gap:20px;height:160px;margin:30px 0 10px}.slide-graph div{background:#5c927a;flex:1;border-radius:8px 8px 0 0;height:var(--bar-h)}.slide-graph div:nth-child(even){background:#abc8a4}.slide-graph-labels{display:flex;gap:20px;font-size:12px}.slide-graph-labels span{flex:1;text-align:center}.slide-bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px}.slide-bullets div{border:1px solid #b8cdb8;border-radius:13px;padding:15px;background:#fff7;font-size:15px;font-weight:800}.slide-controls{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:10px;flex-wrap:wrap}.slide-count{font-size:13px;color:#b8c7ce;direction:ltr}.demo-note{font-size:12px;color:#acbaca;margin-top:18px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:38px}.hero{padding:70px 0 75px}.hero-copy{max-width:780px}.hero-visual{max-width:650px;margin-inline:auto;width:100%}.service-grid{grid-template-columns:repeat(2,1fr)}.work-grid{gap:14px}}
@media(max-width:700px){.container{width:calc(100% - 30px)}.header-inner{height:70px;gap:10px}.brand{margin-inline-end:auto}.brand small{font-size:8px}.nav{display:none;position:absolute;top:70px;left:15px;right:15px;background:#16242f;border:1px solid #354858;border-radius:15px;padding:18px;flex-direction:column;align-items:stretch;gap:6px;box-shadow:0 20px 50px #0009}.nav.open{display:flex}.nav a{padding:9px 12px}.top-cta{margin-right:auto;font-size:11px;padding:7px 12px}.menu-toggle{display:block;order:3}.hero{padding:54px 0 70px}h1{font-size:clamp(39px,9vw,55px)}.hero-lead{font-size:14px}.hero-actions{gap:8px}.btn{font-size:12px;padding:10px 15px}.metric b{font-size:15px}.window-body{padding:16px}.window{transform:none}.float-chip{right:8px;bottom:20px;font-size:10px}.section{padding:72px 0}.section-heading{display:block}.section-heading h2{font-size:34px}.section-heading p{margin-top:15px}.work-grid,.steps,.text-columns{grid-template-columns:1fr}.work-card{min-height:420px}.work-art{height:210px}.service-grid{grid-template-columns:1fr 1fr}.service{padding:17px 14px}.service h3{font-size:14px}.contact-panel{padding:32px 23px;display:block}.contact-panel .btn{margin-top:16px}.demo-main{padding:40px 0 70px}.demo-content{padding:17px}.demo-toolbar{padding:14px 17px}.demo-toolbar h2{font-size:16px}.demo-stats,.form-row{grid-template-columns:1fr}.stat-box{padding:14px}.stat-box strong{font-size:26px}.dashboard-chart{gap:5px;padding-inline:0}.chart-labels{gap:5px;padding-inline:0}.slide-deck{aspect-ratio:auto;min-height:390px;padding:36px 23px}.slide-view h2{font-size:28px}.slide-kpis{gap:5px}.slide-kpis div{padding:10px}.slide-kpis strong{font-size:15px}.slide-kpis small{font-size:9px}.slide-bullets{grid-template-columns:1fr;gap:7px}.slide-bullets div{padding:9px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.footer,.demo-toolbar,.actions,.slide-controls,.breadcrumb,.sample-warning,.demo-note{display:none!important}body{background:#fff;color:#111}.demo-shell{border:0;background:#fff}.data-table td,.data-table th{color:#111;border-color:#ccc}.data-table input{color:#111;border:0;background:transparent}.slide-deck{border-radius:0;min-height:80vh}.slide-view.active{display:flex}.slide-view:not(.active){display:none}}