@font-face{font-family:IRANYekanX;src:url('./fonts/IRANYekanX-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:IRANYekanX;src:url('./fonts/IRANYekanX-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--navy:#050d14;--navy-2:#0a1118;--graphite:#0f1e24;--graphite-2:#123037;--white:#e6f3f1;--muted:#7b8b97;--cyan:#00d1c1;--cyan-2:#0db8a8;--blue:#7ea1c1;--glass:rgba(18,48,55,.55);--line:rgba(185,221,227,.18);--container:min(1220px,calc(100% - 72px));--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;min-width:320px;background:var(--navy);color:var(--white);font-family:IRANYekanX,system-ui,sans-serif;line-height:1.7;overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:21;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.42'/%3E%3C/svg%3E")}
a{color:var(--cyan)}a:hover{color:var(--white)}

/* Navigation */
.site-nav{position:fixed;top:22px;left:50%;transform:translateX(-50%);width:var(--container);height:74px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;z-index:10;border:1px solid rgba(190,225,232,.15);border-radius:18px;background:linear-gradient(105deg,rgba(20,39,52,.7),rgba(8,19,29,.48));box-shadow:0 20px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(227,250,255,.12);backdrop-filter:blur(20px) saturate(130%);transition:all .45s var(--ease)}
.site-nav.scrolled{top:10px;height:56px;padding-inline:14px;background:rgba(6,16,25,.86)}
.brand{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;min-width:270px}
.brand:hover{color:var(--white)}
.brand-mark{display:flex;align-items:flex-end;gap:3px;height:25px}
.brand-mark i{display:block;width:4px;border-radius:10px;background:var(--cyan);box-shadow:0 0 13px rgba(132,233,227,.4)}
.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:18px}
.brand-name{font-weight:700;font-size:21px;letter-spacing:-.09em;line-height:1}
.brand-suffix{margin-inline-start:6px;color:#74909a;font-size:7px;letter-spacing:.12em;direction:ltr}
.site-nav.scrolled .brand-name{font-size:18px}
.site-nav.scrolled .brand-mark{transform:scale(.88);transform-origin:center right}
.nav-links{display:flex;align-items:center;gap:32px}
.site-nav.scrolled .nav-links{gap:25px}
.nav-links a{position:relative;color:#94a9b1;font-size:12px;text-decoration:none;transition:color .25s}
.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:var(--cyan);transform:scaleX(0);transition:transform .3s var(--ease)}
.nav-links a:hover,.nav-links a.active{color:var(--white)}
.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:0;min-width:auto;justify-content:flex-start}
.nav-cta{display:flex;align-items:center;color:var(--navy);background:var(--cyan);border-radius:7px;padding:10px 18px;font-size:11px;font-weight:700;text-decoration:none;box-shadow:0 8px 22px rgba(46,166,178,.18);transition:transform .7s var(--ease),padding .7s var(--ease),font-size .7s var(--ease),box-shadow .35s var(--ease)}
.nav-cta:hover{color:var(--navy);transform:translateY(-2px);box-shadow:0 12px 30px rgba(46,166,178,.3)}
.site-nav.scrolled .nav-cta{padding:8px 14px;font-size:10px;transform:translateY(-3px) scale(.92);transform-origin:right center}
.site-nav.scrolled .nav-cta:hover{transform:translateY(-5px) scale(.92)}
.menu-btn{display:none;background:none;border:0;padding:7px;cursor:pointer}
.menu-btn span{display:block;width:21px;height:1px;background:var(--white);margin:5px}

@media (max-width:980px){
  :root{--container:calc(100% - 42px)}
  .brand-suffix{display:none}.brand{min-width:auto}.nav-links{gap:19px}
}
@media (max-width:680px){
  :root{--container:calc(100% - 28px)}
  .site-nav{top:12px;height:62px;border-radius:15px;padding:0 12px}
  .site-nav.scrolled{top:8px;height:52px;padding-inline:10px}
  .site-nav.scrolled .brand-name{font-size:16px}
  .nav-links{position:absolute;top:72px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:7px;border:1px solid var(--line);border-radius:14px;background:rgba(7,18,28,.9);backdrop-filter:blur(20px)}
  .nav-links.open{display:flex}
  .site-nav.scrolled .nav-links{gap:0}
  .nav-links a{padding:9px 12px}
  .nav-links a:after{display:none}
  .nav-cta{padding:8px 12px;font-size:10px}
  .site-nav.scrolled .nav-cta{padding:7px 11px;font-size:9px}
  .menu-btn{display:block}
}
@media (prefers-reduced-motion:reduce){.site-nav,.nav-cta{transition:none}}