@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css');
*{box-sizing:border-box}html{scroll-behavior:auto}
body{font-family:'Vazir',system-ui;direction:rtl;background:#020208;color:#eef3f8;overflow-x:hidden}
:root{--from:#2563eb;--to:#06b6d4}
.glass{backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:linear-gradient(135deg,rgba(36,52,74,0.7),rgba(23,33,43,0.55));border:1px solid rgba(255,255,255,0.13)}
.hero{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(70rem 45rem at 85% -15%,rgba(37,99,235,0.28),transparent 60%),radial-gradient(55rem 40rem at -12% 85%,rgba(6,182,214,0.20),transparent 60%),#020208}
.hero-title{font-size:clamp(30px,5.6vw,64px);font-weight:900;line-height:1.05;letter-spacing:-0.02em}
.hero-title span{background:linear-gradient(135deg,var(--from),var(--to));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.btn{padding:13px 24px;border-radius:999px;font-weight:800;display:inline-flex;align-items:center;gap:8px;transition:.25s}
.btn-primary{background:linear-gradient(135deg,var(--from),var(--to));color:#fff;box-shadow:0 10px 28px rgba(37,99,235,0.38)}
.btn-primary:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 14px 32px rgba(37,99,235,0.48)}
.btn-ghost{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);color:#fff;backdrop-filter:blur(10px)}
.stat{padding:22px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,0.09),rgba(255,255,255,0.03));border:1px solid rgba(255,255,255,0.13);backdrop-filter:blur(14px);transform-style:preserve-3d}
.reveal{opacity:0}
.img-reveal{overflow:hidden;border-radius:16px}
.pin-wrap{position:relative}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--from),var(--to));transform-origin:left;transform:scaleX(0);z-index:9999}
.magnetic{will-change:transform}