@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--navy:#101827;--blue:#2563eb;--teal:#0f9f9a;--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#667085}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Arial,sans-serif;line-height:1.8}.topbar{height:76px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand span{display:block;color:var(--muted);font-size:12px}.logo,.mini-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#12b8a6);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}.topbar nav{display:flex;gap:25px}.topbar a{color:#344054;text-decoration:none;font-size:14px}.hero{min-height:520px;padding:85px 8%;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;background:linear-gradient(135deg,#eef5ff,#f7fffd)}.eyebrow{color:var(--teal);font-size:13px;font-weight:700}.hero h1{font-size:50px;line-height:1.35;margin:15px 0}.hero h1 b{color:var(--blue)}.hero p{color:var(--muted);max-width:600px}.primary{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:12px;padding:12px 22px;text-decoration:none;font-family:inherit;font-weight:700;cursor:pointer}.hero-card{background:#101827;color:#fff;border-radius:26px;padding:38px;box-shadow:0 25px 60px #16213b22}.hero-card p{color:#cbd5e1}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.stats span{background:#ffffff12;border:1px solid #ffffff1a;padding:8px 12px;border-radius:10px;font-size:12px}.stats b{color:#43d4a5}.section{padding:75px 8%}.section h2{font-size:32px;margin:8px 0 25px}.muted{color:var(--muted)}.tracking{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.track-box{background:var(--bg);padding:25px;border-radius:20px}.track-box input{width:100%;padding:14px;border:1px solid #d8dee9;border-radius:10px;font:inherit;margin-bottom:10px;direction:ltr;text-align:left}.track-box button{width:100%}.result{margin-top:14px;padding:15px;background:#fff;border-radius:12px;border:1px solid #dfe5ef}.hidden{display:none}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{background:#fff;border:1px solid #e7eaf0;border-radius:18px;padding:25px;transition:.2s}.cards article:hover{transform:translateY(-3px);box-shadow:0 15px 35px #18243a10}.icon{font-size:32px}.cards h3{margin:8px 0}.cards p,.step-grid p{color:var(--muted);font-size:14px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step-grid div{background:#fff;padding:22px;border-radius:18px;border:1px solid #e7eaf0}.step-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f0ff;color:var(--blue)}.contact{background:var(--navy);color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center}.contact h2{max-width:650px}.contact-card{border:1px solid #ffffff22;background:#ffffff08;border-radius:18px;padding:22px;min-width:320px}.contact-card strong,.contact-card span{display:block}.contact-card span{color:#cbd5e1;font-size:13px;margin-top:8px}footer{text-align:center;padding:25px;background:#0b1220;color:#94a3b8;font-size:12px}@media(max-width:800px){.topbar nav{display:none}.hero,.tracking,.contact{grid-template-columns:1fr;display:grid}.hero h1{font-size:38px}.cards,.step-grid{grid-template-columns:1fr 1fr}.contact-card{min-width:0}}@media(max-width:500px){.cards,.step-grid{grid-template-columns:1fr}.section,.hero{padding:55px 5%}}