@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b1020;--panel:#111a30;--text:#f5f7ff;--muted:#a9b4ce;--cyan:#62e6d1;--blue:#7c9cff;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#1b2b50 0,transparent 38%),var(--bg);color:var(--text);font-family:Vazirmatn, Tahoma, sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}.topbar{height:82px;max-width:1160px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:21px;letter-spacing:.2px}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;color:#0b1020;font-weight:900}.topbar nav{display:flex;gap:32px;color:var(--muted);font-size:14px}.topbar nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid #4b638d;padding:8px 18px;border-radius:12px;font-size:14px}.hero{max-width:1160px;margin:70px auto 54px;padding:0 24px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;min-height:430px}.eyebrow{color:var(--cyan);font-size:13px;font-weight:700;letter-spacing:.3px}.hero h1{font-size:clamp(36px,5vw,58px);line-height:1.35;margin:16px 0 18px;font-weight:900}.hero h1 em{font-style:normal;color:var(--cyan)}.lead{font-size:17px;color:var(--muted);max-width:610px}.hero-actions{display:flex;gap:12px;margin:30px 0 20px}.button{display:inline-flex;align-items:center;gap:12px;padding:12px 22px;border-radius:13px;font-weight:700;font-size:14px}.primary{background:linear-gradient(110deg,var(--cyan),#91f0db);color:#071521;box-shadow:0 12px 34px #62e6d126}.secondary{border:1px solid var(--line);color:#e5eaff}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#b9c7df;font-size:12px}.hero-card{border:1px solid #354365;background:linear-gradient(145deg,#172440,#10182b);border-radius:26px;padding:24px;max-width:420px;width:100%;margin:auto;box-shadow:0 25px 80px #0006;transform:rotate(-2deg)}.card-top{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:18px}.dot{width:8px;height:8px;border-radius:50%;background:#7185ae}.card-top small{margin-right:auto;color:#7f91b6;font-size:10px;letter-spacing:1.5px}.file-icon{width:76px;height:76px;margin:30px auto 12px;border-radius:22px;background:#62e6d11a;border:1px solid #62e6d15c;color:var(--cyan);font-size:42px;display:grid;place-items:center}.hero-card>strong,.hero-card>.muted{display:block;text-align:center}.muted{color:var(--muted);font-size:12px}.progress{height:6px;background:#263450;border-radius:10px;margin:25px 0;overflow:hidden}.progress i{display:block;width:78%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:10px}.link-box{padding:13px 15px;border-radius:12px;background:#0b1325;border:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#b9c7df}.link-box b{color:var(--cyan)}.card-foot{display:flex;justify-content:space-around;color:#aebbd4;font-size:12px;padding-top:18px}.stats{max-width:1110px;margin:0 auto 90px;padding:24px 28px;display:grid;grid-template-columns:repeat(4,1fr);background:#111a2b;border:1px solid var(--line);border-radius:18px}.stats div{text-align:center;border-left:1px solid var(--line)}.stats div:last-child{border:0}.stats b,.stats span{display:block}.stats b{color:var(--cyan);font-size:17px}.stats span{color:var(--muted);font-size:12px}.section{max-width:1100px;margin:0 auto;padding:55px 24px 80px}.section-heading{text-align:center;max-width:680px;margin:0 auto 42px}.section-heading h2,.callout h2{font-size:32px;line-height:1.5;margin:8px 0 10px}.section-heading p,.callout p{color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:linear-gradient(145deg,#141f36,#10182b);border:1px solid var(--line);border-radius:18px;padding:25px}.icon{width:42px;height:42px;border-radius:13px;background:#62e6d11a;color:var(--cyan);display:grid;place-items:center;font-size:22px}.feature h3{font-size:17px;margin:14px 0 5px}.feature p{font-size:13px;color:var(--muted);margin:0}.how{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps>div{padding:22px;border-right:2px solid #3c577d;background:#111a2b;border-radius:14px}.steps b{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--cyan);color:#071521}.steps h3{font-size:16px;margin:12px 0 4px}.steps p{font-size:13px;color:var(--muted);margin:0}.callout{max-width:1100px;margin:0 auto 65px;padding:35px 40px;border:1px solid #35516a;border-radius:22px;background:linear-gradient(110deg,#142b3a,#18213b);display:flex;align-items:center;justify-content:space-between;gap:25px}.callout h2{font-size:26px}.callout p{max-width:680px;font-size:14px}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:18px 5px}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:var(--muted);font-size:14px;margin-bottom:0}footer{border-top:1px solid var(--line);padding:35px 24px;text-align:center;color:var(--muted)}footer .brand{justify-content:center;color:var(--text)}footer p{font-size:13px}footer small{font-size:11px}
@media(max-width:800px){.topbar{height:70px}.topbar nav{display:none}.hero{grid-template-columns:1fr;gap:35px;margin-top:45px}.hero-card{max-width:380px}.stats{margin:0 18px 50px;grid-template-columns:repeat(2,1fr);gap:18px}.stats div:nth-child(2){border:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.callout{margin:0 18px 45px;padding:28px;display:block}.callout .button{margin-top:20px}}@media(max-width:520px){.nav-cta{font-size:12px;padding:6px 11px}.brand{font-size:18px}.hero h1{font-size:36px}.lead{font-size:15px}.hero-actions{flex-wrap:wrap}.trust-row{gap:10px}.feature-grid,.steps{grid-template-columns:1fr}.section-heading h2{font-size:26px}.stats{padding:18px 10px}.stats b{font-size:14px}.stats span{font-size:11px}}
