/* Site header — one fixed state (no .scrolled), all pages. Prefixes: site-header, site-drawer. RTL.
   Desktop row ≥1024px · compact bar + drawer ≤1023px · header CTA moves into the drawer ≤479px.
   Glass lives on ::before so the header is not a backdrop root: the dropdown panels can blur the slide behind them. */

.site-header{--site-header-top:22px;--site-header-h:74px;--site-header-ease:cubic-bezier(.22,1,.36,1);position:fixed;top:var(--site-header-top);left:0;right:0;z-index:20;box-sizing:border-box;display:flex;align-items:center;gap:24px;width:min(1220px,calc(100% - 72px));height:var(--site-header-h);margin-inline:auto;padding-inline:10px 15px;border-radius:18px;font-family:IRANYekanX,system-ui,sans-serif;color:#e6f3f1}
.site-header *,.site-header *:before,.site-header *:after{box-sizing:border-box}
.site-header:before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid rgba(190,225,232,.15);border-radius:inherit;background:rgba(9,22,31,.94);box-shadow:0 20px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(227,250,255,.12);pointer-events:none}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .site-header:before{background:linear-gradient(105deg,rgba(20,39,52,.7),rgba(8,19,29,.48));-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%)}
}
.site-header :is(a,button):focus{outline:none}
.site-header :is(a,button):focus-visible{outline:3px solid #2dd4bf;outline-offset:2px}

/* Skip link: first focusable element on every page. */
.site-skip{position:fixed;top:12px;inset-inline-start:12px;z-index:30;padding:12px 18px;border-radius:12px;background:#0db8a8;color:#050d14;font:700 14px/1.4 IRANYekanX,system-ui,sans-serif;text-decoration:none;transform:translateY(-200%)}
.site-skip:focus{color:#050d14;transform:none;outline:3px solid #2dd4bf;outline-offset:2px}

/* Brand: compact artwork at the DS minimum (128px), 6px link padding keeps the clear space. */
.site-header__brand{display:flex;align-items:center;flex:none;padding:6px;border-radius:8px;text-decoration:none}
.site-header__brand img{display:block;width:128px;height:auto}

/* Nav row */
.site-header__nav{display:flex;justify-content:center;flex:1 1 auto;min-width:0}
.site-header__list{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.site-header__item{position:relative;display:flex;align-items:center;flex:none;border-radius:10px;transition:background-color .14s var(--site-header-ease)}
.site-header__link{position:relative;display:flex;align-items:center;gap:4px;height:44px;margin:0;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#a9bdc0;font:400 14px/1 IRANYekanX,system-ui,sans-serif;letter-spacing:normal;white-space:nowrap;text-decoration:none;cursor:pointer;transition:color .14s var(--site-header-ease),background-color .14s var(--site-header-ease)}
.site-header__link:hover{color:#e6f3f1;background:rgba(230,243,241,.06)}
.site-header__link:active{background:rgba(230,243,241,.1)}
.site-header__chev{display:block;flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .24s var(--site-header-ease),color .14s var(--site-header-ease)}
/* Current page, or the parent of the current page: Ice text + the site's cyan underline. */
.site-header__link[aria-current="page"],.site-header__item[data-current] > .site-header__link{color:#e6f3f1}
.site-header__link[aria-current="page"]:after,.site-header__item[data-current] > .site-header__link:first-child:after{content:"";position:absolute;inset-inline:12px;bottom:5px;height:2px;border-radius:2px;background:#00d1c1;box-shadow:0 0 8px rgba(0,209,193,.45)}
/* Open dropdown */
.site-header__item[data-open] > :is(.site-header__link,.site-header__toggle){color:#e6f3f1}
.site-header__item[data-open] > .site-header__trigger{background:rgba(230,243,241,.06)}
.site-header__item[data-open] .site-header__chev{transform:rotate(180deg);color:#00d1c1}

/* Split item (گارانتی): the label is a link to its page, the chevron is its own disclosure button. */
.site-header__item--split > .site-header__link{padding-inline-end:4px}
.site-header__item--split > .site-header__link:hover,.site-header__item--split > .site-header__link:active{background:transparent}
.site-header__item--split:hover,.site-header__item--split[data-open]{background:rgba(230,243,241,.06)}
.site-header__item--split:hover > :is(.site-header__link,.site-header__toggle){color:#e6f3f1}
.site-header__toggle{display:grid;place-items:center;width:28px;height:44px;margin:0;padding:0;padding-inline-end:6px;border:0;border-radius:10px;background:transparent;color:#a9bdc0;cursor:pointer;transition:color .14s var(--site-header-ease)}
.site-header__toggle:active{background:rgba(230,243,241,.06)}

/* Dropdown panel: the consult-modal glass, 20px card radius, lit segment on the top edge. */
.site-header__menu{position:absolute;top:calc(100% + 23px);inset-inline-start:-8px;z-index:1;width:max-content;min-width:280px;max-width:min(400px,calc(100vw - 48px));padding:8px;border:1px solid rgba(230,243,241,.16);border-radius:20px;background:#0f1e24;box-shadow:0 16px 48px rgba(0,0,0,.25),0 32px 96px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.1);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .14s var(--site-header-ease),transform .14s var(--site-header-ease),visibility 0s linear .14s}
.site-header__menu:before{content:"";position:absolute;top:-1px;inset-inline-start:24px;width:96px;height:1px;pointer-events:none;background:linear-gradient(270deg,rgba(0,209,193,0),#00d1c1 22%,rgba(13,184,168,.5) 60%,rgba(13,184,168,0));box-shadow:0 0 10px rgba(0,209,193,.45)}
.site-header__menu:after{content:"";position:absolute;inset-inline:0;bottom:100%;height:24px}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .site-header__menu{background:rgba(18,48,55,.82);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
}
.site-header__item[data-open] > .site-header__menu{opacity:1;visibility:visible;transform:none;transition:opacity .24s var(--site-header-ease),transform .24s var(--site-header-ease),visibility 0s}
.site-header__menu-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.site-header__menu-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;min-height:60px;padding:9px 14px;border-radius:12px;color:#e6f3f1;text-decoration:none;transition:background-color .14s var(--site-header-ease)}
.site-header__menu-link:hover{color:#e6f3f1;background:rgba(230,243,241,.06)}
.site-header__menu-link:active{background:rgba(230,243,241,.1)}
.site-header__menu-link:focus-visible{outline-offset:-1px}
.site-header__menu-title{grid-column:1;font-size:15px;font-weight:700;line-height:1.5}
.site-header__menu-text{grid-column:1;color:#a9bdc0;font-size:13px;line-height:1.6}
.site-header__menu-arrow{grid-column:2;grid-row:1/span 2;display:block;width:18px;height:18px;fill:none;stroke:#7b8b97;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .14s var(--site-header-ease),stroke .14s var(--site-header-ease)}
.site-header__menu-link:hover .site-header__menu-arrow,.site-header__menu-link:focus-visible .site-header__menu-arrow{stroke:#00d1c1;transform:translateX(-3px)}
.site-header__menu-link[aria-current="page"]{background:rgba(13,184,168,.08)}
.site-header__menu-link[aria-current="page"] .site-header__menu-title{color:#00d1c1}

/* Actions */
.site-header__actions{display:flex;align-items:center;gap:8px;flex:none}
.site-header__cta{display:inline-flex;align-items:center;justify-content:center;flex:none;height:44px;margin:0;padding:0 20px;border:0;border-radius:12px;background:#0db8a8;color:#050d14;font:700 14px/1 IRANYekanX,system-ui,sans-serif;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px rgba(13,184,168,.18);transition:background-color .14s var(--site-header-ease),box-shadow .14s var(--site-header-ease)}
.site-header__cta:hover{color:#050d14;background:#00d1c1;box-shadow:0 12px 30px rgba(0,209,193,.3)}
.site-header__cta:active{background:#0ea89b;box-shadow:none}
.site-header__burger{display:none;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(230,243,241,.16);border-radius:12px;background:rgba(230,243,241,.03);color:#e6f3f1;cursor:pointer;transition:background-color .14s var(--site-header-ease),border-color .14s var(--site-header-ease)}
.site-header__burger:hover{border-color:rgba(0,209,193,.5);background:rgba(13,184,168,.07)}
.site-header__burger svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}

/* 1024–1279: same row, tighter items. */
@media (max-width:1279px){
  .site-header{gap:12px}
  .site-header__link{padding-inline:9px}
  .site-header__link[aria-current="page"]:after,.site-header__item[data-current] > .site-header__link:first-child:after{inset-inline:9px}
  .site-header__item--split > .site-header__link{padding-inline-end:3px}
  .site-header__toggle{width:24px;padding-inline-end:4px}
  .site-header__cta{padding-inline:16px}
}
/* ≤1023: compact bar, drawer. */
@media (max-width:1023px){
  .site-header{--site-header-top:12px;--site-header-h:64px;width:calc(100% - 24px);padding-inline:4px 9px;border-radius:16px;justify-content:space-between}
  .site-header__nav{display:none}
  .site-header__burger{display:grid}
}
@media (max-width:479px){.site-header__actions .site-header__cta{display:none}}
html[data-site-tier="low"] .site-header:before,html[data-site-tier="low"] .site-header__menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(9,22,31,.96)}

/* Drawer: native <dialog> + showModal(). Floats 12px from the edges on the reading-start side and
   covers the bar exactly, so the close button sits where the menu button was. */
.site-drawer-lock{overflow:hidden}
.site-drawer{--site-drawer-ease:cubic-bezier(.22,1,.36,1);position:fixed;inset-block:12px;inset-inline-start:12px;inset-inline-end:auto;box-sizing:border-box;flex-direction:column;width:min(400px,calc(100% - 24px));max-width:none;height:auto;max-height:none;margin:0;padding:0;border:1px solid rgba(230,243,241,.16);border-radius:20px;overflow:hidden;background:#0f1e24;color:#e6f3f1;font:400 16px/1.6 IRANYekanX,system-ui,sans-serif;box-shadow:0 16px 48px rgba(0,0,0,.25),0 32px 96px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.1)}
.site-drawer *,.site-drawer *:before,.site-drawer *:after{box-sizing:border-box}
.site-drawer[open]{display:flex;animation:site-drawer-in .24s var(--site-drawer-ease) both}
.site-drawer::backdrop{background:rgba(2,8,13,.8)}
.site-drawer[open]::backdrop{animation:site-drawer-fade .24s var(--site-drawer-ease) both}
.site-drawer:before{content:"";position:absolute;top:0;inset-inline-start:32px;width:min(200px,45%);height:1px;pointer-events:none;background:linear-gradient(270deg,rgba(0,209,193,0),#00d1c1 22%,rgba(13,184,168,.5) 60%,rgba(13,184,168,0));box-shadow:0 0 10px rgba(0,209,193,.45)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .site-drawer{background:rgba(18,48,55,.82);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
}
.site-drawer :is(a,button):focus{outline:none}
.site-drawer :is(a,button):focus-visible{outline:3px solid #2dd4bf;outline-offset:-3px}
.site-drawer__head{display:flex;align-items:center;justify-content:space-between;flex:none;height:62px;padding-inline:3px 8px;border-bottom:1px solid rgba(230,243,241,.08)}
.site-drawer__brand{display:flex;padding:6px;border-radius:8px}
.site-drawer__brand img{display:block;width:128px;height:auto}
.site-drawer__close{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(230,243,241,.16);border-radius:12px;background:rgba(230,243,241,.03);color:#e6f3f1;cursor:pointer}
.site-drawer__close:hover{border-color:rgba(0,209,193,.5);background:rgba(13,184,168,.07)}
.site-drawer__close svg,.site-drawer__chev{display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.site-drawer__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px;scrollbar-width:thin;scrollbar-color:#3b5a60 transparent}
.site-drawer__list{margin:0;padding:0;list-style:none}
.site-drawer__list > li + li{border-top:1px solid rgba(230,243,241,.08)}
.site-drawer__link{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 1 auto;width:100%;min-height:56px;margin:0;padding:0 14px;border:0;border-radius:12px;background:transparent;color:#e6f3f1;font:inherit;font-size:16px;text-align:start;text-decoration:none;cursor:pointer;transition:background-color .14s var(--site-drawer-ease),color .14s var(--site-drawer-ease)}
.site-drawer__link:hover{color:#e6f3f1;background:rgba(230,243,241,.05)}
.site-drawer__link:active{background:rgba(230,243,241,.09)}
.site-drawer__link[aria-current="page"]{color:#00d1c1;background:rgba(13,184,168,.08)}
.site-drawer [data-current] > .site-drawer__link,.site-drawer__group[data-current] > .site-drawer__row > .site-drawer__link{color:#00d1c1;background:rgba(13,184,168,.08)}
.site-drawer__link .site-drawer__chev{color:#a9bdc0;transition:transform .24s var(--site-drawer-ease),color .14s var(--site-drawer-ease)}
.site-drawer__group[data-open] .site-drawer__chev{transform:rotate(180deg);color:#00d1c1}
.site-drawer__group[data-open] > .site-drawer__link,.site-drawer__group[data-open] > .site-drawer__row > .site-drawer__link{color:#e6f3f1}
.site-drawer__row{display:flex;align-items:center;gap:6px}
.site-drawer__toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(230,243,241,.12);border-radius:12px;background:transparent;color:#a9bdc0;cursor:pointer;transition:background-color .14s var(--site-drawer-ease),border-color .14s var(--site-drawer-ease)}
.site-drawer__toggle:hover{border-color:rgba(0,209,193,.5);background:rgba(13,184,168,.07)}
.site-drawer__toggle .site-drawer__chev{color:inherit}
/* Accordion: grid-rows 0fr → 1fr; closed content is hidden from focus with visibility. */
.site-drawer__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s var(--site-drawer-ease)}
.site-drawer__group[data-open] > .site-drawer__panel{grid-template-rows:1fr}
.site-drawer__sublist{position:relative;min-height:0;margin:0;padding:0;overflow:hidden;list-style:none;visibility:hidden;transition:visibility 0s linear .24s}
.site-drawer__group[data-open] .site-drawer__sublist{visibility:visible;transition:none}
.site-drawer__sublist > li:last-child{padding-bottom:8px}
.site-drawer__sublist:before{content:"";position:absolute;top:0;bottom:38px;inset-inline-start:25px;width:1px;background:rgba(13,184,168,.35)}
.site-drawer__sublink{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:8px 14px;padding-inline-start:46px;border-radius:12px;color:#e6f3f1;text-decoration:none;transition:background-color .14s var(--site-drawer-ease)}
.site-drawer__sublink:before{content:"";position:absolute;top:50%;inset-inline-start:21px;width:9px;height:9px;margin-top:-4.5px;border:1px solid #0db8a8;border-radius:50%;background:#0f1e24;transition:background-color .14s var(--site-drawer-ease),box-shadow .14s var(--site-drawer-ease)}
.site-drawer__sublink:hover{color:#e6f3f1;background:rgba(230,243,241,.05)}
.site-drawer__sublink:hover:before,.site-drawer__sublink[aria-current="page"]:before{background:#00d1c1;border-color:#00d1c1;box-shadow:0 0 0 4px rgba(0,209,193,.12)}
.site-drawer__sub-title{font-size:15px;font-weight:700;line-height:1.5}
.site-drawer__sub-text{color:#a9bdc0;font-size:13px;line-height:1.6}
.site-drawer__sublink[aria-current="page"] .site-drawer__sub-title{color:#00d1c1}
.site-drawer__foot{flex:none;padding:12px 12px max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(230,243,241,.08)}
.site-drawer__cta{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin:0;padding:0 24px;border:0;border-radius:12px;background:#0db8a8;color:#050d14;font:700 16px/1 IRANYekanX,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 26px rgba(13,184,168,.22);transition:background-color .14s var(--site-drawer-ease)}
.site-drawer__cta:hover{background:#00d1c1}
.site-drawer__cta:active{background:#0ea89b}
.site-drawer .site-drawer__cta:focus-visible{outline-offset:2px}
@keyframes site-drawer-in{from{opacity:0;transform:translateX(16px)}}
@keyframes site-drawer-fade{from{opacity:0}}
html[data-site-tier="low"] .site-drawer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f1e24}

@media (prefers-reduced-motion:reduce){
  .site-header *,.site-drawer *{transition:none!important}
  .site-header__menu{transition:none}
  .site-drawer[open],.site-drawer[open]::backdrop{animation:none}
  .site-drawer__panel{transition:none}
}