@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&family=Cinzel:wght@500;600;700;800&display=swap');

:root{
  --navy-deep:#04070f;
  --navy:#070d1d;
  --navy-2:#0b1530;
  --blue:#1148c4;
  --blue-bright:#2f6dff;
  --blue-glow:#5b8dff;
  --gold:#d8a857;
  --gold-bright:#f3cf7e;
  --gold-soft:#f6e3b4;
  --ink:#eaf0ff;
  --ink-dim:#9fb0d6;
  --line:rgba(216,168,87,0.22);
  --glass:rgba(15,26,56,0.55);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Vazirmatn',sans-serif;
  background:var(--navy-deep);
  color:var(--ink);
  overflow-x:hidden;
  min-height:100vh;
}
::selection{background:var(--gold);color:#0a1226;}

/* ---------- Ambient background ---------- */
.bg-field{
  position:fixed;inset:0;z-index:0;
  background:
    radial-gradient(ellipse 70% 50% at 50% -10%, rgba(47,109,255,0.28), transparent 60%),
    radial-gradient(ellipse 60% 40% at 90% 100%, rgba(216,168,87,0.16), transparent 60%),
    linear-gradient(180deg,var(--navy-deep),var(--navy) 40%,var(--navy-2));
  pointer-events:none;
}
.orb{position:fixed;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none;opacity:0.55;}
.orb-blue{width:46vw;height:46vw;background:radial-gradient(circle,var(--blue-bright),transparent 70%);top:-10%;right:-10%;animation:float1 22s ease-in-out infinite;}
.orb-gold{width:34vw;height:34vw;background:radial-gradient(circle,var(--gold),transparent 70%);bottom:5%;left:-8%;animation:float2 26s ease-in-out infinite;opacity:0.28;}
.orb-blue2{width:30vw;height:30vw;background:radial-gradient(circle,var(--blue-glow),transparent 70%);top:50%;left:20%;animation:float3 30s ease-in-out infinite;opacity:0.22;}
@keyframes float1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-6%,8%) scale(1.12);}}
@keyframes float2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(8%,-6%) scale(1.08);}}
@keyframes float3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-10%,-10%) scale(1.15);}}

.grain{
  position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Top nav ---------- */
.topnav{
  position:fixed;top:0;right:0;left:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  padding:24px 5vw;
  backdrop-filter:blur(14px);
  background:linear-gradient(180deg, rgba(4,7,15,0.75), transparent);
}
.brandmark{
  font-family:'Cinzel',serif;font-weight:700;letter-spacing:4px;font-size:19px;
  background:linear-gradient(90deg,var(--gold-soft),var(--gold-bright));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-decoration:none;display:flex;flex-direction:column;align-items:center;
}
.brandmark small{
  font-family:'Vazirmatn';font-weight:400;letter-spacing:1px;font-size:9px;
  color:var(--ink-dim);-webkit-text-fill-color:var(--ink-dim);margin-top:2px;
}
.navlinks{display:flex;gap:8px;list-style:none;}
.navlinks a{
  color:var(--ink-dim);text-decoration:none;font-size:13px;letter-spacing:.5px;
  padding:10px 18px;border-radius:999px;border:1px solid transparent;
  transition:all .35s ease;
}
.navlinks a:hover{color:var(--gold-soft);border-color:var(--line);}
.navlinks a.active{color:var(--gold-bright);border-color:var(--gold-bright);background:rgba(216,168,87,0.08);}
.navtoggle{display:none;}
@media (max-width:880px){
  .navlinks{position:fixed;top:78px;right:0;left:0;flex-direction:column;background:rgba(5,9,20,0.97);padding:20px 6vw;gap:6px;
    transform:translateY(-130%);opacity:0;transition:all .4s ease;border-bottom:1px solid var(--line);}
  .navlinks.open{transform:translateY(0);opacity:1;}
  .navlinks a{padding:14px;border-bottom:1px solid var(--line);border-radius:0;}
  .navtoggle{display:block;background:none;border:1px solid var(--line);color:var(--gold-soft);
    width:40px;height:40px;border-radius:10px;font-size:18px;cursor:pointer;}
}

main{position:relative;z-index:5;padding:150px 8vw 100px;min-height:100vh;}
.inner{max-width:1100px;margin:0 auto;width:100%;}

.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:13px;letter-spacing:3px;color:var(--gold-bright);
  text-transform:uppercase;margin-bottom:22px;
  opacity:0;transform:translateY(14px);
  animation:rise .8s ease forwards;
}
.eyebrow::before{content:"";width:30px;height:1px;background:var(--gold-bright);}
h1.title{
  font-family:'Cinzel',serif;font-weight:700;line-height:1.15;
  font-size:clamp(2.2rem,5.5vw,4.6rem);
  background:linear-gradient(100deg,var(--ink) 10%,var(--gold-soft) 45%,var(--blue-glow) 75%,var(--ink) 100%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:26px;
  opacity:0;transform:translateY(24px);
  animation:rise 1s ease forwards .1s, shine 9s linear infinite 1s;
}
@keyframes rise{to{opacity:1;transform:translateY(0);}}
@keyframes shine{0%{background-position:0% center;}100%{background-position:220% center;}}
p.lead{
  font-size:clamp(1rem,1.5vw,1.2rem);color:var(--ink-dim);line-height:2;max-width:680px;
  opacity:0;transform:translateY(18px);
  animation:rise .9s ease forwards .25s;
}
.btnrow{margin-top:42px;display:flex;gap:18px;flex-wrap:wrap;
  opacity:0;transform:translateY(18px);animation:rise .9s ease forwards .4s;}
.btn{
  padding:16px 34px;border-radius:999px;font-size:14px;letter-spacing:1px;font-weight:600;
  cursor:pointer;border:1px solid transparent;transition:all .35s ease;
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
}
.btn.primary{background:linear-gradient(120deg,var(--gold),var(--gold-bright));color:#1a1206;
  box-shadow:0 8px 30px -8px rgba(216,168,87,0.6);}
.btn.primary:hover{transform:translateY(-3px);box-shadow:0 14px 36px -8px rgba(216,168,87,0.75);}
.btn.ghost{border-color:var(--line);color:var(--ink);background:rgba(255,255,255,0.02);}
.btn.ghost:hover{border-color:var(--gold-bright);color:var(--gold-soft);transform:translateY(-3px);}

/* scroll reveal (for cards further down page) */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:translateY(0);}

footer{
  position:relative;z-index:5;text-align:center;padding:40px;
  color:var(--ink-dim);font-size:12px;letter-spacing:1px;border-top:1px solid var(--line);
}

::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:var(--navy-deep);}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold),var(--blue));border-radius:10px;}

/* ---------- Welcome overlay (home page only) ---------- */
.welcome-overlay{
  position:fixed;inset:0;z-index:200;
  background:radial-gradient(circle at 50% 40%, #0b1530, #04070f 70%);
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  transition:opacity 1s ease, visibility 1s ease;
}
.welcome-overlay.hide{opacity:0;visibility:hidden;}
.welcome-mark{
  font-family:'Cinzel',serif;font-weight:800;font-size:clamp(2.4rem,7vw,5rem);
  letter-spacing:10px;
  background:linear-gradient(100deg,var(--gold-soft),var(--gold-bright),var(--blue-glow),var(--gold-soft));
  background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shine 4s linear infinite;
  opacity:0;transform:scale(.9);
  animation:welcomeIn 1.2s ease forwards, shine 5s linear infinite 1.2s;
}
@keyframes welcomeIn{to{opacity:1;transform:scale(1);}}
.welcome-sub{
  margin-top:18px;color:var(--ink-dim);font-size:14px;letter-spacing:3px;
  opacity:0;animation:rise 1s ease forwards .8s;
}
.welcome-ring{
  position:absolute;width:280px;height:280px;border-radius:50%;
  border:1px solid var(--line);animation:spin 12s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg);}}

@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}}


.aks{
  width: 60vw;
  height: 70vh;
}