:root{--nav-navy:#082844;--nav-blue:#0f3d63;--nav-red:#c63345;--nav-line:#dce7f0}
.site-navigation,.mobile-navigation{font-family:IRANSans,sans-serif}
.site-navigation ul,.mobile-navigation ul,.mobile-menu-panel ul{list-style:none;margin:0;padding:0}
.desktop-menu{display:flex;align-items:center;justify-content:center;gap:clamp(2px,.5vw,10px);margin:0!important;padding:0!important}
.desktop-menu-item{position:relative;padding:0!important}
.desktop-menu-label{display:flex;align-items:center}
.desktop-menu-item>a,.desktop-menu-label>a{display:inline-flex;align-items:center;min-height:48px;padding:0 10px;color:#fff!important;text-decoration:none;font-size:.9rem;font-weight:700;white-space:nowrap;position:relative}
.desktop-menu-item>a::after,.desktop-menu-label>a::after{content:"";position:absolute;right:10px;left:10px;bottom:4px;height:2px;border-radius:2px;background:#fff;transform:scaleX(0);transition:transform .18s ease}
.desktop-menu-item:hover>a::after,.desktop-menu-item:hover .desktop-menu-label>a::after,.desktop-menu-item.is-current>a::after,.desktop-menu-item.is-current .desktop-menu-label>a::after,.desktop-menu-item>a:focus-visible::after,.desktop-menu-label>a:focus-visible::after{transform:scaleX(1)}
.desktop-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;margin-right:-8px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer}
.desktop-submenu-toggle svg{font-size:.68rem;transition:transform .2s ease}
.desktop-menu-item.is-open .desktop-submenu-toggle svg,.desktop-menu-item:hover .desktop-submenu-toggle svg,.desktop-menu-item:focus-within .desktop-submenu-toggle svg{transform:rotate(180deg)}
.desktop-submenu-toggle:focus-visible{outline:2px solid #fff;outline-offset:1px}
.desktop-submenu{position:absolute;top:calc(100% + 10px);right:0;z-index:1000;width:max-content;min-width:260px;max-width:340px;padding:10px!important;border:1px solid #ffffff22;border-radius:16px;background:#fff;box-shadow:0 18px 50px #001a3440;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s}
.desktop-submenu::before{content:"";position:absolute;right:0;left:0;bottom:100%;height:12px}
.desktop-submenu::after{content:"";position:absolute;right:28px;bottom:100%;border:7px solid transparent;border-bottom-color:#fff}
.desktop-menu-item:hover>.desktop-submenu,.desktop-menu-item:focus-within>.desktop-submenu,.desktop-menu-item.is-open>.desktop-submenu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.desktop-submenu li+li{border-top:1px solid #edf2f6}
.desktop-submenu a{display:flex!important;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:10px 12px!important;border-radius:10px;color:#173650!important;text-decoration:none;font-size:.86rem;font-weight:600;line-height:1.8;white-space:normal}
.desktop-submenu a svg{flex:0 0 auto;font-size:.7rem;color:#8ca1b3;transition:transform .16s ease,color .16s ease}
.desktop-submenu a:hover,.desktop-submenu a:focus-visible,.desktop-submenu li.is-current a{background:#eef4f8;color:#0c4169!important;outline:0}
.desktop-submenu a:hover svg,.desktop-submenu a:focus-visible svg{color:var(--nav-red);transform:translateX(-3px)}
.mobile-navigation{position:relative;z-index:1035}
.mobile-navigation-bar{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:8px 16px}
.mobile-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #ffffff38;border-radius:13px;background:#062c50b8;color:#fff;font-size:1.35rem;box-shadow:0 6px 18px #00172c25;backdrop-filter:blur(7px)}
.mobile-menu-trigger:focus-visible{outline:3px solid #fff;outline-offset:2px}
.mobile-menu-panel.offcanvas{right:0!important;left:auto!important;width:min(88vw,370px)!important;max-width:370px!important;border:0!important;background:linear-gradient(180deg,#092d4d,#061f36)!important;color:#fff!important;transform:translateX(100%);box-shadow:-20px 0 50px #00101f45;visibility:hidden}
.mobile-menu-panel.offcanvas.show:not(.hiding),.mobile-menu-panel.offcanvas.showing{transform:none;visibility:visible}
.mobile-menu-panel.offcanvas.hiding{transform:translateX(100%)}
.mobile-menu-header{min-height:92px;padding:16px 18px!important;border-bottom:1px solid #ffffff17}
.mobile-menu-identity{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none}
.mobile-menu-identity img{object-fit:contain}.mobile-menu-identity span{display:flex;flex-direction:column;gap:3px}.mobile-menu-identity strong{font-size:1rem}.mobile-menu-identity small{color:#aac0d2;font-size:.75rem}
.mobile-menu-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff0c;color:#fff;font-size:1.15rem}
.mobile-menu-close:focus-visible{outline:3px solid #fff;outline-offset:2px}
.mobile-menu-body{display:flex;flex-direction:column;padding:14px 14px 20px!important;overflow-y:auto}
.mobile-menu-list>li{margin:3px 0;border-radius:12px}
.mobile-menu-list>li>a,.mobile-menu-row>a{display:flex!important;align-items:center;flex:1;min-width:0;min-height:50px;padding:10px 14px!important;border-radius:12px;color:#eaf2f8!important;text-decoration:none;font-size:.92rem;font-weight:650}
.mobile-menu-row{display:flex;align-items:center}
.mobile-menu-list>li.is-current>.mobile-menu-row,.mobile-menu-list>li.is-current>a{background:#ffffff10}
.mobile-menu-list a[aria-current=page]{box-shadow:inset -3px 0 var(--nav-red);color:#fff!important}
.mobile-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;margin-left:3px;border:0;border-radius:11px;background:#ffffff0c;color:#dce9f3}
.mobile-submenu-toggle svg{font-size:.72rem;transition:transform .2s ease}.mobile-submenu-toggle:not(.collapsed) svg{transform:rotate(180deg)}
.mobile-submenu-toggle:focus-visible{outline:2px solid #fff;outline-offset:1px}
.mobile-submenu-collapse{padding:0 10px 8px}
.mobile-submenu{padding:6px!important;border-right:1px solid #ffffff24}
.mobile-submenu li+li{margin-top:2px}
.mobile-submenu a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:8px 12px!important;border-radius:9px;color:#c8d9e6!important;text-decoration:none;font-size:.84rem;line-height:1.8}
.mobile-submenu a svg{font-size:.65rem;color:#7695ac}.mobile-submenu a:hover,.mobile-submenu a:focus-visible,.mobile-submenu li.is-current a{background:#ffffff0d;color:#fff!important;outline:0}
.mobile-menu-contact{margin-top:auto;padding:16px;border:1px solid #ffffff17;border-radius:14px;background:#ffffff08;text-align:center}.mobile-menu-contact span{display:block;color:#afc4d5;font-size:.75rem;margin-bottom:8px}.mobile-menu-contact a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#fff!important;font-weight:800;text-decoration:none}
.offcanvas-backdrop{background:#001426}.offcanvas-backdrop.show{opacity:.62}
@media(min-width:992px){.mobile-navigation{display:none}.site-navigation{display:block}}
@media(max-width:991.98px){.site-navigation{display:none}.mobile-navigation{display:block}.home-header .mobile-navigation-bar{justify-content:flex-start}.home-header .mobile-brand{display:none!important}}
@media(prefers-reduced-motion:reduce){.desktop-submenu,.desktop-submenu-toggle svg,.mobile-submenu-toggle svg,.mobile-menu-panel.offcanvas{transition:none!important}}

/* Home header logo: it has width/height attributes (no layout shift); the CSS width decides the size. */
.logo-main img{height:auto}