.site-header .header-nav{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.site-header .midx-header-actions{grid-column:3;justify-self:end;margin-left:0}
.site-header .header-nav a[aria-current="page"]{color:#fff}
.site-header .header-nav a{position:relative;padding:24px 0}
.site-header .header-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:1px;background:var(--cyan);transition:right .3s var(--ease)}
.site-header .header-nav a:hover::after,.site-header .header-nav a[aria-current="page"]::after{right:0}

.faq-main{padding-top:128px;padding-bottom:120px}
.faq-hero{min-height:400px;padding:46px 0 58px;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:72px}
.faq-hero h1{max-width:700px;margin:24px 0 25px;font-size:clamp(72px,7.4vw,110px);font-weight:900;line-height:.86;letter-spacing:-.082em}
.faq-hero h1 em{font-style:normal;color:var(--ice);text-shadow:0 0 34px rgba(53,200,255,.25)}
.faq-hero-copy>p:last-child{max-width:590px;margin:0;color:rgba(226,241,250,.66);font-size:17px;line-height:1.6;letter-spacing:-.02em}
.faq-hero-note{min-height:94px;padding:20px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(14,24,35,.9),rgba(5,11,18,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.faq-status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(53,200,255,.07),0 0 20px rgba(53,200,255,.3)}
.faq-hero-note small,.faq-hero-note strong{display:block}
.faq-hero-note small{margin-bottom:7px;color:var(--cyan);font:600 8px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.faq-hero-note strong{color:rgba(238,248,253,.86);font-size:11px;line-height:1.55}

.faq-window{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(14,24,35,.94),rgba(5,11,18,.92));box-shadow:var(--panel-shadow)}
.faq-window::before{content:"";position:absolute;z-index:0;right:-170px;top:-290px;width:520px;height:520px;border:1px solid rgba(53,200,255,.07);border-radius:50%;box-shadow:0 0 0 70px rgba(53,200,255,.014),0 0 0 140px rgba(53,200,255,.007);opacity:.45;pointer-events:none}
.faq-window-bar{position:relative;z-index:1;min-height:62px;padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(3,8,13,.34)}
.faq-window-bar>span{color:rgba(205,230,242,.62);font:600 9px/1 var(--mono);letter-spacing:.15em;text-align:center;text-transform:uppercase}
.faq-window-bar>small{justify-self:end;color:rgba(177,225,245,.72);font:600 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.faq-window-controls{display:flex;align-items:center;gap:7px}
.faq-window-controls i{width:7px;height:7px;border-radius:50%;background:rgba(207,236,249,.25)}
.faq-window-controls i:first-child{background:var(--cyan);box-shadow:0 0 12px rgba(53,200,255,.45)}
.faq-layout{position:relative;z-index:1;padding:22px}
.faq-index{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.faq-index>span{margin-right:5px;color:var(--cyan);font:600 8px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.faq-index a{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid rgba(153,216,255,.15);border-radius:13px;background:rgba(255,255,255,.025);color:rgba(221,237,247,.7);font-size:10px;font-weight:750;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s var(--ease)}
.faq-index a:hover,.faq-index a:focus-visible,.faq-index a[aria-current="location"]{color:#f3fbff;border-color:rgba(53,200,255,.32);background:rgba(53,200,255,.075);transform:translateY(-1px)}
.faq-list{overflow:hidden;border:1px solid rgba(153,216,255,.12);border-radius:22px;background:rgba(3,8,13,.42)}
.faq-item{scroll-margin-top:112px;border-bottom:1px solid rgba(153,216,255,.1);transition:background .24s ease,border-color .24s ease,box-shadow .24s ease}
.faq-item:last-child{border-bottom:0}
.faq-item summary{min-height:82px;padding:0 22px;display:grid;grid-template-columns:38px minmax(0,1fr) 44px;gap:17px;align-items:center;list-style:none;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{color:rgba(128,224,255,.88);font:600 9px/1 var(--mono);letter-spacing:.05em}
.faq-item summary strong{color:rgba(247,252,255,.92);font-size:clamp(18px,1.8vw,24px);line-height:1.18;letter-spacing:-.035em}
.faq-item summary i{position:relative;width:44px;height:44px;border:1px solid rgba(153,216,255,.17);border-radius:13px;background:rgba(255,255,255,.025)}
.faq-item summary i::before,.faq-item summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1px;background:#9bdff6;transform:translate(-50%,-50%);transition:transform .22s var(--ease)}
.faq-item summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open]{background:linear-gradient(145deg,rgba(53,200,255,.045),rgba(255,255,255,.012))}
.faq-item[open] summary i{border-color:rgba(53,200,255,.3);background:rgba(53,200,255,.075)}
.faq-item[open] summary i::after{transform:translate(-50%,-50%) rotate(0deg)}
.faq-item>div{padding:0 82px 31px 77px}
.faq-item>div p{max-width:820px;margin:0;color:rgba(205,224,233,.74);font-size:14px;line-height:1.75}
.faq-item>div p+p{margin-top:15px}
.faq-item--priority[open],.faq-item:target{border-color:rgba(53,200,255,.27);background:linear-gradient(145deg,rgba(53,200,255,.07),rgba(255,255,255,.014));box-shadow:inset 3px 0 0 rgba(53,200,255,.75),inset 0 1px 0 rgba(255,255,255,.035),0 0 50px rgba(0,145,255,.055)}

.faq-support{min-height:250px;margin-top:22px;padding:42px 46px;display:flex;align-items:center;justify-content:space-between;gap:48px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(14,24,35,.93),rgba(5,11,18,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.faq-support span{color:var(--cyan);font:600 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.faq-support h2{max-width:670px;margin:18px 0 12px;font-size:clamp(38px,4.3vw,62px);line-height:.9;letter-spacing:-.07em}
.faq-support p{max-width:650px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.faq-support>a{min-height:56px;padding:0 19px 0 22px;display:inline-flex;align-items:center;gap:16px;flex:0 0 auto;border:1px solid rgba(255,255,255,.76);border-radius:17px;background:linear-gradient(180deg,#f7fdff,#d8f4ff);color:#001018;font-size:12px;font-weight:850;box-shadow:0 18px 56px rgba(0,140,255,.14);transition:transform .24s var(--ease),box-shadow .24s var(--ease)}
.faq-support>a:hover{transform:translateY(-2px);box-shadow:0 24px 70px rgba(0,153,255,.22)}
.faq-support>a b{font-size:18px}

@media(max-width:900px){
  .faq-hero{grid-template-columns:1fr;gap:30px}
  .faq-hero-note{width:min(100%,420px)}
}
@media(max-width:600px){
  .midx-home-menu-ready .site-header{left:0!important;width:100vw!important;max-width:100vw!important;min-width:0!important;transform:none!important;grid-template-columns:minmax(0,1fr) auto auto!important}
  .midx-home-menu-ready .site-header>.brand{min-width:0;overflow:hidden}
  .midx-home-menu-ready .site-header>.midx-discord-button--mobile,.midx-home-menu-ready .site-header>.mobile-menu-toggle{position:relative;z-index:2}
  .site-header .header-nav{display:none}
  .faq-main{padding-top:116px;padding-bottom:88px}
  .faq-hero{min-height:0;padding:0 0 38px;gap:24px}
  .faq-hero h1{max-width:100%;margin:19px 0 19px;font-size:clamp(56px,16vw,66px);line-height:.89}
  .faq-hero-copy>p:last-child{max-width:350px;font-size:15px;line-height:1.55}
  .faq-hero-note{min-height:76px;padding:15px 16px;border-radius:20px}
  .faq-hero-note small{margin-bottom:5px}
  .faq-hero-note strong{font-size:10px}
  .faq-window{border-radius:25px}
  .faq-window::before{right:-260px;top:-270px}
  .faq-window-bar{min-height:54px;padding:0 16px;grid-template-columns:1fr auto}
  .faq-window-bar>span{display:none}
  .faq-window-bar>small{font-size:8px}
  .faq-layout{padding:13px}
  .faq-index{gap:6px;margin-bottom:12px}
  .faq-index>span{width:100%;margin:2px 0 3px}
  .faq-index a{min-height:44px;padding:0 11px;border-radius:12px;font-size:10px}
  .faq-list{border-radius:18px}
  .faq-item{scroll-margin-top:92px}
  .faq-item summary{min-height:78px;padding:0 13px;grid-template-columns:27px minmax(0,1fr) 44px;gap:8px}
  .faq-item summary strong{font-size:17px;line-height:1.2;letter-spacing:-.025em}
  .faq-item summary i{width:44px;height:44px;border-radius:12px}
  .faq-item>div{padding:0 15px 24px 48px}
  .faq-item>div p{font-size:14px;line-height:1.7}
  .faq-item>div p+p{margin-top:14px}
  .faq-support{min-height:0;margin-top:14px;padding:29px 23px;align-items:flex-start;flex-direction:column;gap:27px;border-radius:25px}
  .faq-support h2{margin-top:15px;font-size:40px}
  .faq-support>a{width:100%;justify-content:space-between}
}
@media(max-width:350px){
  .faq-hero h1{font-size:52px}
  .faq-index a{padding:0 8px}
  .faq-item summary{grid-template-columns:25px minmax(0,1fr) 42px}
}
@media(prefers-reduced-motion:reduce){
  .faq-index a,.faq-item,.faq-item summary i::before,.faq-item summary i::after,.faq-support>a{transition:none}
}
