.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  height:var(--nav-h);
  border-bottom:1px solid rgba(148,163,184,.12);
  backdrop-filter:blur(18px);
  background:rgba(5,7,17,.74);
}
.nav{
  height:var(--nav-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.brand{
  display:flex;
  align-items:center;
  gap:.75rem;
  min-width:max-content;
}
.brand__mark{
  width:46px;
  height:46px;
  border-radius:1rem;
  display:grid;
  place-items:center;
  border:1px solid var(--line-strong);
  background:
    linear-gradient(135deg, rgba(57,245,200,.18), rgba(168,85,247,.15)),
    #0B1120;
  box-shadow:0 0 24px rgba(57,245,200,.18);
}
.brand__pixels{
  display:grid;
  grid-template-columns:repeat(3,6px);
  gap:3px;
}
.brand__pixels i{
  width:6px;
  height:6px;
  background:var(--primary);
  border-radius:1px;
}
.brand__pixels i:nth-child(2),
.brand__pixels i:nth-child(7){background:var(--violet)}
.brand__pixels i:nth-child(5){background:var(--orange)}
.brand__text strong{
  display:block;
  font-family:var(--font-en);
  font-size:1.05rem;
  line-height:1.1;
}
.brand__text span{
  color:var(--muted);
  font-family:var(--font-en);
  font-size:.72rem;
}
.nav__links{
  display:flex;
  align-items:center;
  gap:.35rem;
  color:#CBD5E1;
  font-size:.92rem;
}
.nav__links a{
  padding:.55rem .75rem;
  border-radius:999px;
  transition:background .2s ease, color .2s ease;
}
.nav__links a:hover,
.nav__links a.is-active{
  background:rgba(57,245,200,.1);
  color:var(--primary);
}
.nav__actions{
  display:flex;
  align-items:center;
  gap:.75rem;
}
.nav-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid var(--line);
  border-radius:1rem;
  background:rgba(15,23,42,.72);
  color:var(--text);
}
.nav-toggle span{
  display:block;
  width:18px;
  height:2px;
  margin:4px auto;
  background:currentColor;
  transition:transform .2s ease, opacity .2s ease;
}
.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.hero{
  min-height:calc(100vh - var(--nav-h));
  display:grid;
  align-items:center;
  padding:5rem 0 4rem;
}
.hero__grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:3rem;
}
.hero__title{
  margin:1.2rem 0 1rem;
  font-size:clamp(3.2rem, 9vw, 7.6rem);
  line-height:.94;
  letter-spacing:-.07em;
}
.hero__title .en{
  display:block;
  font-family:var(--font-en);
  direction:ltr;
  text-align:right;
}
.hero__title .fa{
  display:block;
  margin-top:.4rem;
  font-size:clamp(1.45rem, 3vw, 2.4rem);
  letter-spacing:-.02em;
  color:#CBD5E1;
}
.hero__copy{
  max-width:740px;
  margin:0 0 2rem;
  color:var(--muted);
  font-size:1.12rem;
}
.hero__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  margin-bottom:2rem;
}
.hero__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.9rem;
  max-width:680px;
}
.stat-card{
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:1rem;
  background:rgba(15,23,42,.55);
}
.stat-card strong{
  display:block;
  font-family:var(--font-en);
  font-size:1.8rem;
  color:var(--primary);
}
.stat-card span{color:var(--muted);font-size:.9rem}

.hero__visual{
  position:relative;
  min-height:560px;
  display:grid;
  place-items:center;
}
.hero__visual::before{
  content:"";
  position:absolute;
  width:72%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(57,245,200,.18), transparent 62%);
  filter:blur(10px);
  animation:pulse 4s ease-in-out infinite;
}
.hero__image{
  position:relative;
  width:min(520px, 100%);
  border-radius:3rem;
  border:1px solid var(--line-strong);
  overflow:hidden;
  transform:rotate(-2deg);
  box-shadow:0 40px 110px rgba(0,0,0,.62), 0 0 80px rgba(57,245,200,.12);
}
.hero__chip{
  position:absolute;
  z-index:2;
  border:1px solid var(--line);
  border-radius:1.2rem;
  padding:.75rem .9rem;
  background:rgba(5,7,17,.75);
  backdrop-filter:blur(16px);
  color:#CBD5E1;
  box-shadow:var(--shadow);
  font-family:var(--font-en);
  direction:ltr;
}
.hero__chip--one{top:4rem;right:0}
.hero__chip--two{bottom:5rem;left:0}
.hero__chip--three{bottom:1rem;right:5rem}
.trust-strip{
  border-block:1px solid var(--line);
  background:rgba(11,17,32,.68);
  overflow:hidden;
}
.trust-strip__track{
  display:flex;
  gap:1rem;
  width:max-content;
  padding:1rem 0;
  animation:marquee 26s linear infinite;
}
.trust-strip__item{
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.55rem 1rem;
  border:1px solid var(--line);
  border-radius:999px;
  color:#CBD5E1;
  background:rgba(15,23,42,.54);
  white-space:nowrap;
}