.page-faq{background:var(--bg-deep);color:var(--body);font-family:var(--font-body);}
.page-faq__hero{padding-top:24px;border-bottom:1px solid var(--line);}
.page-faq__hero-inner{padding:40px 0 48px;}
.page-faq__eyebrow{font-family:var(--font-data);font-size:.78rem;letter-spacing:.22em;color:var(--blue);margin:0 0 14px;text-transform:uppercase;}
.page-faq__hero h1{font-family:var(--font-head);font-size:clamp(2.4rem,6vw,3.8rem);line-height:.95;color:var(--title);margin:0 0 20px;letter-spacing:.02em;text-transform:uppercase;}
.page-faq__lead{font-size:1rem;line-height:1.75;color:var(--body);max-width:680px;margin:0 0 28px;}
.page-faq__search{position:relative;max-width:640px;}
.page-faq__search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--blue);pointer-events:none;}
.page-faq__search-input{width:100%;background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:6px;color:var(--title);font-family:var(--font-data);font-size:.88rem;padding:15px 18px 15px 48px;outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease);}
.page-faq__search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(42,157,244,.18);}
.page-faq__search-input::placeholder{color:var(--muted);}
.page-faq__hero-media{overflow:hidden;border-top:1px solid var(--line);}
.page-faq__hero-img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover;}
.page-faq__body{padding:56px 0 72px;}
.page-faq__layout{display:grid;grid-template-columns:1fr;gap:40px;}
.page-faq__toc-inner{background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;padding:24px 20px;}
.page-faq__toc-label{font-family:var(--font-data);font-size:.72rem;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin:0 0 18px;}
.page-faq__toc-list{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;gap:8px;}
.page-faq__toc-link{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;color:var(--body);font-size:.85rem;white-space:nowrap;position:relative;transition:border-color .25s,color .25s;}
.page-faq__toc-link:hover{color:var(--title);border-color:var(--blue);}
.page-faq__toc-index{font-family:var(--font-data);font-size:.72rem;color:var(--blue);}
.page-faq__toc-meta{display:none;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--font-data);font-size:.75rem;color:var(--muted);align-items:center;gap:10px;}
.page-faq__toc-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex-shrink:0;}
.page-faq__content{min-width:0;}
.page-faq__section{margin-bottom:56px;scroll-margin-top:90px;}
.page-faq__section:last-child{margin-bottom:0;}
.page-faq__section-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;}
.page-faq__section-no{font-family:var(--font-head);font-size:1.6rem;line-height:1;padding-top:2px;color:var(--muted);}
.page-faq__section-meta{flex:1;min-width:0;}
.page-faq__section-title{font-family:var(--font-head);font-size:1.5rem;line-height:1.1;color:var(--title);margin:8px 0 6px;text-transform:uppercase;}
.page-faq__section-desc{font-size:.9rem;color:var(--muted);margin:0;}
.page-faq__item-list{display:flex;flex-direction:column;gap:12px;}
.page-faq__item{background:var(--bg-panel);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:6px;overflow:hidden;transition:border-color .3s var(--ease);}
.page-faq__item:hover{border-color:var(--line-strong);}
.page-faq__item[open]{border-color:var(--line-strong);}
.page-faq__item-head{list-style:none;display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;background:transparent;transition:background .25s;}
.page-faq__item-head::-webkit-details-marker{display:none;}
.page-faq__item-head:hover{background:rgba(255,255,255,.03);}
.page-faq__item-index{font-family:var(--font-data);font-size:.8rem;color:var(--muted);width:24px;flex-shrink:0;}
.page-faq__item-title{flex:1;min-width:0;font-weight:500;font-size:.98rem;color:var(--title);line-height:1.4;}
.page-faq__item-arrow{width:9px;height:9px;flex-shrink:0;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .3s var(--ease),border-color .3s;}
.page-faq__item[open] .page-faq__item-arrow{transform:rotate(225deg);border-right-color:var(--blue);border-bottom-color:var(--blue);}
.page-faq__item-body{padding:0 20px 20px 58px;font-size:.9rem;line-height:1.75;color:var(--body);}
.page-faq__item-body p{margin:0 0 12px;}
.page-faq__item-body p:last-child{margin-bottom:0;}
.page-faq__domain{font-family:var(--font-data);color:var(--blue);font-size:.85em;word-break:break-all;}
.page-faq__section--account .page-faq__item{border-left-color:var(--blue);}
.page-faq__section--account .page-faq__section-no{color:var(--blue);}
.page-faq__section--replay .page-faq__item{border-left-color:var(--red);}
.page-faq__section--replay .page-faq__section-no{color:var(--red);}
.page-faq__section--stats .page-faq__item{border-left-color:var(--green);}
.page-faq__section--stats .page-faq__section-no{color:var(--green);}
.page-faq__section--tablet .page-faq__item{border-left-color:var(--yellow);}
.page-faq__section--tablet .page-faq__section-no{color:var(--yellow);}
.page-faq__section--expert .page-faq__item{border-left-color:var(--blue);}
.page-faq__section--expert .page-faq__section-no{color:var(--blue);}
.page-faq__cta{padding:0 0 80px;}
.page-faq__cta-card{display:grid;grid-template-columns:1fr;background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;}
.page-faq__cta-copy{padding:32px 24px;}
.page-faq__cta-title{font-family:var(--font-head);font-size:1.8rem;color:var(--title);margin:12px 0 12px;text-transform:uppercase;line-height:1;}
.page-faq__cta-text{font-size:.92rem;line-height:1.7;color:var(--body);margin:0 0 24px;}
.page-faq__cta-mail{font-family:var(--font-data);color:var(--yellow);}
.page-faq__cta-media{position:relative;min-height:auto;}
.page-faq__cta-img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover;}
@media (min-width:768px){
  .page-faq__hero-inner{padding:56px 0 64px;}
  .page-faq__lead{font-size:1.1rem;}
  .page-faq__search-input{padding:18px 20px 18px 52px;}
  .page-faq__section-title{font-size:1.7rem;}
  .page-faq__cta-copy{padding:44px 40px;}
}
@media (min-width:1024px){
  .page-faq__body{padding:72px 0 96px;}
  .page-faq__layout{grid-template-columns:260px 1fr;gap:64px;align-items:start;}
  .page-faq__toc-inner{position:sticky;top:100px;padding:28px 24px;}
  .page-faq__toc-list{flex-direction:column;gap:4px;overflow:visible;}
  .page-faq__toc-link{justify-content:flex-start;width:100%;border:none;border-radius:4px;padding:10px 12px;white-space:normal;}
  .page-faq__toc-link::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:14px;background:var(--line-strong);transition:height .3s,background .3s;}
  .page-faq__toc-link:hover::before{background:var(--blue);height:26px;}
  .page-faq__toc-link:hover{border-color:transparent;}
  .page-faq__toc-meta{display:flex;}
  .page-faq__toc-index{color:var(--muted);}
  .page-faq__toc-link:hover .page-faq__toc-index{color:var(--blue);}
  .page-faq__section{margin-bottom:72px;}
  .page-faq__cta-card{grid-template-columns:1.1fr .9fr;}
  .page-faq__cta-media{min-height:280px;}
  .page-faq__cta-img{position:absolute;inset:0;width:100%;height:100%;max-height:none;}
}
@media (min-width:1280px){
  .page-faq__layout{grid-template-columns:300px 1fr;gap:80px;}
}