/* Zargo Development custom styles */
@font-face{font-family:Inter;src:local('Inter');font-display:swap}

html,body{scroll-behavior:smooth}

/* Persian RTL helpers when needed */
[dir="rtl"] .text-start{ text-align:right }
[dir="rtl"] .text-end{ text-align:left }

/* Logo hover text reveal */
#logoBlob{ position:relative }
#logoBlob::after{
  content:'Zargo Dev';
  position:absolute; inset:auto auto -2.2rem 50%; transform:translateX(-50%);
  color:#a3a3a3; font-size:.75rem; letter-spacing:.08em; opacity:0; transition:.3s ease;
}
#logoBlob:hover::after{ opacity:1; transform:translateX(-50%) translateY(-4px) }

/* Simple scroll fade-up */
.reveal{ opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease }
.reveal.show{ opacity:1; transform:none }

/* Blend-mode circle cursor */
body{ cursor: none }
.cursor{ pointer-events:none }
.cursor__ball{ position:fixed; top:0; left:0; mix-blend-mode:difference; z-index:1000; opacity:.95 }
.cursor__ball circle{ fill:#f7f8fa }
@media (pointer: coarse){ .cursor{ display:none } body{ cursor:auto } }




/* micro polish */
html { scroll-behavior: smooth; }
.reveal { opacity: 0; transform: translateY(16px); }
.header-glass { backdrop-filter: blur(10px); background: linear-gradient(to bottom, rgba(20,20,20,.6), rgba(0,0,0,.2)); }
.btn { transition: transform .15s ease, background .2s ease; }
.btn:hover { transform: translateY(-2px); }

/* Stats polish */
.stat-card{padding:1.5rem;border-radius:1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(6px);transition:transform .2s ease, background .2s ease, border-color .2s ease}
.stat-card:hover{transform:translateY(-4px);background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.18)}
.stat-icon{width:40px;height:40px;margin:0 auto .25rem;border-radius:0.75rem;display:grid;place-items:center;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1)}
.stat-icon svg{width:20px;height:20px}