*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --purple:#7c3aed;
  --blue:#2563eb;
  --cyan:#67e8f9;
  --bg:#050816;
  --panel:rgba(15,23,42,.72);
  --border:rgba(148,163,184,.16);
  --text:#e5edf9;
  --muted:#93a1bb;
}
html{scroll-behavior:smooth;}
body{
  font-family:"Vazirmatn",sans-serif;
  background:
    radial-gradient(900px 600px at 80% -5%, rgba(37,99,235,.18), transparent 65%),
    radial-gradient(800px 550px at 10% 20%, rgba(124,58,237,.14), transparent 68%),
    linear-gradient(160deg,#030712 0%,#0b1026 60%,#050816 100%);
  color:var(--text);
  overflow-x:hidden;
  position:relative;
}
a{color:inherit;text-decoration:none;}
.bg-orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.35;z-index:0;pointer-events:none;}
.orb-1{width:420px;height:420px;background:var(--purple);top:-120px;right:-100px;}
.orb-2{width:360px;height:360px;background:var(--blue);bottom:-100px;left:-80px;}

/* ---------- Nav ---------- */
.site-nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(5,8,22,.55);border-bottom:1px solid var(--border);}
.nav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;}
.nav-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;}
.brand-logo{font-size:22px;}
.nav-links{display:flex;gap:26px;font-size:14px;color:var(--muted);}
.nav-links a:hover{color:var(--text);}
.nav-actions{display:flex;gap:10px;}
@media(max-width:760px){.nav-links{display:none;}}

.btn-primary,.btn-ghost{
  padding:10px 20px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;border:none;
  display:inline-flex;align-items:center;gap:8px;
}
.btn-primary{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;box-shadow:0 10px 25px rgba(37,99,235,.3);}
.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);}
.btn-ghost{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--border);}
.btn-ghost:hover{background:rgba(255,255,255,.1);}
.btn-primary.lg,.btn-ghost.lg{padding:14px 26px;font-size:15px;border-radius:14px;}

/* ---------- Hero ---------- */
.hero{
  max-width:1180px;margin:0 auto;padding:70px 24px 40px;
  display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:1;
}
.hero-text{max-width:620px;}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;color:var(--cyan);background:rgba(103,232,249,.1);padding:5px 12px;border-radius:999px;margin-bottom:14px;}
.hero-text h1{font-size:clamp(28px,4vw,42px);line-height:1.5;margin-bottom:18px;}
.grad-text{background:linear-gradient(135deg,#93c5fd,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.hero-desc{color:var(--muted);line-height:2;font-size:15px;margin-bottom:26px;}
.hero-cta{display:flex;gap:12px;margin-bottom:36px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:34px;}
.hero-stats b{display:block;font-size:20px;}
.hero-stats small{color:var(--muted);font-size:12px;}

.hero-visual{position:relative;width:280px;height:280px;flex-shrink:0;}
.orbit-core{position:absolute;inset:0;margin:auto;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--blue));display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 0 50px rgba(124,58,237,.5);}
.orbit-ring{position:absolute;border:1px dashed var(--border);border-radius:50%;animation:spin linear infinite;}
.orbit-ring span{position:absolute;width:36px;height:36px;background:rgba(15,23,42,.9);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;top:-18px;right:calc(50% - 18px);}
.r1{inset:20px;animation-duration:14s;}
.r2{inset:60px;animation-duration:20s;animation-direction:reverse;}
.r3{inset:100px;animation-duration:10s;}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(max-width:900px){.hero{flex-direction:column;text-align:center;}.hero-cta,.hero-stats{justify-content:center;}.hero-visual{display:none;}}

/* ---------- Sections ---------- */
.section{max-width:1180px;margin:0 auto;padding:60px 24px;position:relative;z-index:1;}
.section.alt{background:rgba(255,255,255,.02);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.section-head{text-align:center;max-width:560px;margin:0 auto 40px;}
.section-head h2{font-size:26px;margin-top:10px;}

.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.step-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:26px 20px;text-align:center;}
.step-num{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--blue));display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 14px;}
.step-card h3{font-size:15.5px;margin-bottom:8px;}
.step-card p{font-size:13px;color:var(--muted);line-height:1.9;}
@media(max-width:900px){.steps-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.steps-grid{grid-template-columns:1fr;}}

.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:26px 20px;}
.feature-card i{font-size:22px;color:var(--cyan);margin-bottom:14px;display:block;}
.feature-card h3{font-size:15px;margin-bottom:8px;}
.feature-card p{font-size:13px;color:var(--muted);line-height:1.9;}
@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.feature-grid{grid-template-columns:1fr;}}

/* ---------- Founder ---------- */
.founder-card{display:flex;gap:30px;align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:26px;padding:36px;}
.founder-avatar{width:90px;height:90px;flex-shrink:0;border-radius:22px;background:linear-gradient(135deg,var(--purple),var(--blue));display:flex;align-items:center;justify-content:center;font-size:38px;}
.founder-body h2{font-size:22px;margin:6px 0 16px;}
.founder-body p{color:var(--muted);line-height:2.1;font-size:14.5px;margin-bottom:14px;}
@media(max-width:700px){.founder-card{flex-direction:column;text-align:center;align-items:center;}}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.contact-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px 16px;text-align:center;transition:transform .2s,border-color .2s;}
.contact-card:hover{transform:translateY(-3px);border-color:var(--purple);}
.contact-card i{font-size:22px;color:var(--cyan);display:block;margin-bottom:10px;}
.contact-card span{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;}
.contact-card b{font-size:14px;direction:ltr;display:block;}
.contact-note{text-align:center;font-size:12px;color:var(--muted);margin-top:20px;}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.contact-grid{grid-template-columns:1fr;}}

/* ---------- Footer ---------- */
.site-footer{max-width:1180px;margin:0 auto;padding:26px 24px 50px;display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);flex-wrap:wrap;gap:10px;}

/* ---------- Auth modal ---------- */
.auth-modal{position:fixed;inset:0;background:rgba(2,6,23,.65);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;}
.auth-modal.show{display:flex;}
.auth-modal-box{position:relative;width:100%;max-width:380px;background:linear-gradient(180deg,rgba(15,23,42,.97),rgba(7,11,24,.98));border:1px solid var(--border);border-radius:22px;padding:30px 26px;text-align:center;}
.auth-modal-box h3{font-size:16.5px;margin-bottom:20px;}
.auth-close{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.06);border:none;color:var(--text);width:30px;height:30px;border-radius:50%;cursor:pointer;}
.auth-choice{display:flex;gap:12px;}
.auth-option{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:16px;padding:22px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13.5px;font-weight:700;transition:border-color .2s,transform .2s;}
.auth-option i{font-size:24px;color:var(--cyan);}
.auth-option:hover{border-color:var(--purple);transform:translateY(-2px);}