.bq-hero{ padding-bottom:120px; }
.bq-search{
  position:relative; display:flex; align-items:center; gap:12px;
  width:min(1000px, 100%); height:71px; margin-top:56px; padding:10px 10px 10px 24px;
  border-radius:var(--r-pill); background:rgba(255, 255, 255, 0.06); border:1px solid rgba(255, 255, 255, 0.16);
  color:var(--white);
  transition:border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out);
}
.bq-search:hover{ border-color:rgba(255, 255, 255, 0.28); }
.bq-search:focus-within{ border-color:var(--signal); background:rgba(255, 255, 255, 0.08); box-shadow:0 0 0 6px rgba(233, 80, 6, 0.12); }
.bq-search__icon{ width:22px; height:22px; flex:none; color:var(--mist); transition:transform var(--dur-base) var(--ease-out), color var(--dur-base); }
.bq-search:focus-within .bq-search__icon{ color:var(--white); transform:rotate(-12deg) scale(1.05); }
.bq-search__input{ flex:1; min-width:0; height:100%; border:0; background:none; outline:none; font-size:18px; color:var(--white); }
.bq-search__input::placeholder{ color:rgba(187, 205, 218, 0.7); }
.bq-search__input::-webkit-search-cancel-button{ display:none; }
.bq-search__count{ flex:none; font-size:13px; color:var(--mist); white-space:nowrap; opacity:0; transform:translateX(6px); transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out); }
.bq-search__clear{
  display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:50%;
  background:rgba(255, 255, 255, 0.08); color:var(--white);
  opacity:0; transform:scale(0.6); pointer-events:none;
  transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), background-color var(--dur-fast);
}
.bq-search__clear svg{ width:16px; height:16px; }
.bq-search__clear:hover{ background:rgba(255, 255, 255, 0.16); }
.bq-search.is-filled .bq-search__count{ opacity:1; transform:none; }
.bq-search.is-filled .bq-search__clear{ opacity:1; transform:none; pointer-events:auto; }
.bq-search__btn{
  flex:none; height:49px; padding:0 22px; border-radius:var(--r-pill);
  background:var(--signal); color:var(--white); font-size:16px; font-weight:600;
  transition:background-color var(--dur-base) var(--ease-out), transform 160ms var(--ease-out), box-shadow var(--dur-base);
}
.bq-search__btn:hover{ background:var(--signal-hover); box-shadow:0 10px 28px rgba(233, 80, 6, 0.35); }
.bq-search__btn:active{ transform:var(--press); }
.bq-main{ padding:120px 0 140px; }
.bq-main__grid{ display:grid; grid-template-columns:1fr 3fr; align-items:start; }
.bq-nav{ position:sticky; top:110px; width:min(300px, 100%); }
.bq-nav__label{ display:block; margin-bottom:18px; font-size:13px; font-weight:500; line-height:17px; color:var(--muted); }
.bq-nav__list{ display:grid; gap:4px; }
.bq-nav__item{
  position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px;
  height:45px; padding:0 16px; border-radius:12px;
  font-size:16px; color:var(--muted);
  transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-base) var(--ease-out), opacity var(--dur-base);
}
.bq-nav__item::before{ content:""; position:absolute; inset:0; border-radius:inherit; background:var(--white); opacity:0; transform:scale(0.96); transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out); z-index:-1; }
.bq-nav__list li{ position:relative; z-index:0; }
.bq-nav__item:hover{ color:var(--ink); }
.bq-nav__item:hover::before{ opacity:0.55; transform:none; }
.bq-nav__item.is-active{ color:var(--ink); font-weight:600; }
.bq-nav__item.is-active::before{ opacity:1; transform:none; }
.bq-nav__count{ font-size:13px; font-weight:400; color:var(--muted); }
.bq-nav__item.is-active .bq-nav__count{ color:var(--signal-text); }
.bq-nav__item.is-zero{ opacity:0.4; pointer-events:none; }

.bq-list{ display:grid; gap:56px; min-width:0; }
.bq-status{ margin-bottom:-24px; font-size:16px; color:var(--muted); }
.bq-status strong{ color:var(--ink); font-weight:600; }
.bq-status__clear{ margin-left:8px; font-weight:600; color:var(--signal-text); }
.bq-status__clear:hover{ text-decoration:underline; }
.bq-cat{ scroll-margin-top:110px; }
.bq-cat__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding-bottom:20px; }
.bq-cat__title{ font-size:clamp(28px, 2.08vw, 40px); font-weight:600; line-height:1.3; letter-spacing:-0.02em; }
.bq-cat__more{ flex:none; font-size:14px; font-weight:500; line-height:18px; color:var(--signal-text); }
button.bq-cat__more{ position:relative; }
button.bq-cat__more::after{ content:""; position:absolute; left:0; right:0; bottom:-2px; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform var(--dur-base) var(--ease-out); }
button.bq-cat__more:hover::after{ transform:scaleX(1); }
.bq-cat__more.is-static{ color:var(--muted); }
.bq-list .faq-item{ border-bottom:0; }
.bq-item{ position:relative; border-top:1px solid rgba(6, 10, 13, 0.1); border-radius:0; transition:background-color var(--dur-slow) var(--ease-out), border-radius var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out); }
.bq-item.is-open{ background:var(--white); border-top-color:transparent; border-radius:20px; box-shadow:0 12px 32px rgba(6, 10, 13, 0.05); }
.bq-item.is-open + .bq-item{ border-top-color:transparent; }
.bq-item__h{ margin:0; font:inherit; }
.bq-list .faq-item__q{ padding:26px 28px; gap:24px; font-size:clamp(20px, 1.15vw, 22px); font-weight:500; line-height:1.32; letter-spacing:0; }
.bq-list .faq-item__q > span:first-child{ flex:1; }
.bq-list .faq-item__q:hover{ color:var(--ink); }
.bq-item__icon{
  position:relative; flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:50%;
  background:rgba(6, 10, 13, 0.05);
  transition:background-color var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-out);
}
.bq-item__icon::before, .bq-item__icon::after{ content:""; position:absolute; width:14px; height:2px; border-radius:2px; background:var(--ink); transition:transform var(--dur-slow) var(--ease-out), background-color var(--dur-base); }
.bq-item__icon::after{ transform:rotate(90deg); }
.bq-item.is-open .bq-item__icon{ background:var(--signal); transform:rotate(180deg); }
.bq-item.is-open .bq-item__icon::before, .bq-item.is-open .bq-item__icon::after{ background:var(--white); }
.bq-item.is-open .bq-item__icon::after{ transform:rotate(0); }
@media (hover: hover) and (pointer: fine){
  .bq-item:not(.is-open):hover{ background:rgba(255, 255, 255, 0.5); border-radius:20px; border-top-color:transparent; }
  .bq-item:not(.is-open):hover + .bq-item{ border-top-color:transparent; }
  .bq-item:not(.is-open) .faq-item__q:hover .bq-item__icon{ background:var(--ink); }
  .bq-item:not(.is-open) .faq-item__q:hover .bq-item__icon::before, .bq-item:not(.is-open) .faq-item__q:hover .bq-item__icon::after{ background:var(--white); }
}
.bq-list .faq-item__a{ transition:grid-template-rows 320ms var(--ease-in-out), margin-top 320ms var(--ease-in-out); }
.bq-list .faq-item.is-open .faq-item__a{ margin-top:-12px; }
.bq-list .faq-item__a .prose{ max-width:908px; padding:0 28px 28px; margin-top:0; font-size:18px; line-height:1.6; color:var(--muted); }
.bq-item__prose > *{ opacity:0; transform:translateY(-6px); transition:opacity 260ms var(--ease-out), transform 260ms var(--ease-out); }
.bq-item.is-open .bq-item__prose > *{ opacity:1; transform:none; transition-delay:80ms; }

mark.bq-mark{ padding:0 2px; margin:0 -2px; border-radius:4px; background:rgba(233, 80, 6, 0.16); color:inherit; box-shadow:inset 0 -2px 0 rgba(233, 80, 6, 0.6); }
.bq-empty{ display:grid; justify-items:start; gap:12px; padding:44px 40px; border-radius:24px; background:var(--white); }
.bg-paper .bq-empty.noise::after{ opacity:0.05; }
.bq-empty__icon{ display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:rgba(233, 80, 6, 0.1); color:var(--signal); animation:bq-wiggle 2.8s var(--ease-in-out) infinite; }
.bq-empty__icon svg{ width:24px; height:24px; }
@keyframes bq-wiggle{ 0%, 70%, 100%{ transform:rotate(0); } 78%{ transform:rotate(-14deg); } 86%{ transform:rotate(10deg); } 94%{ transform:rotate(-4deg); } }
.bq-empty__title{ margin-top:8px; font-size:clamp(24px, 1.5vw, 30px); font-weight:600; line-height:1.2; letter-spacing:-0.02em; }
.bq-empty p{ max-width:560px; font-size:17px; line-height:1.55; color:var(--muted); }
.bq-empty__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:12px; }
@media (max-width: 1280px){
  .bq-main__grid{ grid-template-columns:260px 1fr; gap:48px; }
}
@media (max-width: 1024px){
  .bq-hero{ padding-bottom:54px; }
  .bq-search{ height:63px; margin-top:28px; padding:6px 6px 6px 18px; gap:8px; }
  .bq-search__icon{ width:22px; height:22px; }
  .bq-search__input{ font-size:18px; }
  .bq-search.is-filled .bq-search__count{ display:none; }
  .bq-search__clear{ width:32px; height:32px; }
  .bq-search:not(.is-filled) .bq-search__clear{ display:none; }

  .bq-main{ padding:54px 0 63px; }
  .bq-main__grid{ grid-template-columns:1fr; gap:24px; }
  .bq-nav{ position:static; width:100%; }
  .bq-nav__label{ margin-bottom:18px; }
  .bq-list{ gap:56px; }
  .bq-cat__head{ padding-bottom:14px; }
  .bq-cat__title{ font-size:28px; }
  .bq-list .faq-item__q{ padding:26px 28px; font-size:20px; gap:6px; }
  .bq-list .faq-item__a .prose{ padding:0 28px 26px; margin-top:0; font-size:17px; }
  .bq-status{ margin-bottom:-32px; }
  .bq-empty{ padding:32px 24px; }
}