/* Perguntas nativas: leitura e teclado funcionam sem controlador. */
.h-faq{position:relative;isolation:isolate;background:var(--ink);color:var(--paper);--tx:var(--paper);--tx-2:var(--cream);--signal-text:var(--signal);padding-block:clamp(88px,11vh,144px)}
.h-faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(64px,8vw,128px);align-items:start}
.h-faq-intro h2{font-size:clamp(36px,3.5vw,50px);line-height:1.13;letter-spacing:-.04em;font-weight:500;text-wrap:balance}
.h-faq-intro h2 em{color:var(--signal)}
.h-faq .h-faq-intro>p:not(.h-kicker){font-size:16px;line-height:1.8;color:var(--cream);max-width:34ch;margin-top:24px}
.h-faq .h-faq-intro .h-button{font-size:14px;line-height:1.5;min-height:54px;padding:16px 0;gap:22px;margin-top:32px;background:transparent;color:var(--paper);border:0;border-bottom:1px solid var(--signal);border-radius:0;text-align:left}
.h-faq .h-faq-intro .h-button .h-icon{color:var(--signal)}
.h-faq-list{min-width:0}
.h-faq-list details{position:relative;isolation:isolate;border:0;border-bottom:1px solid color-mix(in srgb,var(--paper) 17%,transparent)}
.h-faq-list details::before{content:"";position:absolute;inset:-1px -18px;z-index:-1;pointer-events:none;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 3%,transparent),transparent 85%);opacity:0;transition:opacity .28s ease}
.h-faq-list details[open]::before{opacity:1}
.h-faq-list details[open] .h-faq-number{color:var(--signal)}
.h-faq-list details:first-child{border-top:1px solid color-mix(in srgb,var(--paper) 17%,transparent)}
.h-faq-list summary{position:relative;list-style:none;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:20px;padding-block:28px;align-items:start;min-height:84px;font-size:18px;line-height:1.5;font-weight:500;cursor:pointer}
.h-faq-list summary::-webkit-details-marker{display:none}
.h-faq :is(summary,.h-button):focus-visible{outline:2px solid var(--signal);outline-offset:6px;border-radius:4px}
.h-faq-number{font-family:var(--code);font-size:11px;line-height:1.6;color:var(--cream);padding-top:5px}
.h-faq-list summary .h-icon{width:24px;height:24px;color:var(--cream);margin-top:2px;transform:none;transition:none}
.h-faq-list details[open] summary .h-icon{transform:none;color:var(--signal)}
.h-faq-plus-vertical{transform-origin:center;transform-box:fill-box;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.h-faq-list details[open] .h-faq-plus-vertical{transform:scaleY(0)}
.h-faq-answer{padding:10px 48px 30px;transform-origin:top}
.h-faq-answer p{font-size:16px;line-height:1.8;color:var(--cream);max-width:48ch}
.h-faq-list details[open] .h-faq-answer{animation:h-faq-reveal .28s cubic-bezier(.22,1,.36,1) backwards}
@keyframes h-faq-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.h-faq-list summary:hover .h-faq-question{color:var(--signal)}}
@media(max-width:1000px){.h-faq-layout{gap:40px;grid-template-columns:minmax(0,1fr)}.h-faq-list summary{gap:14px;font-size:17px}.h-faq-answer{padding-inline:42px}}
@media(max-width:767px){.h-faq{padding-block:72px}.h-faq-layout{display:block}.h-faq-intro{margin-bottom:48px}.h-faq-intro h2{font-size:clamp(32px,9.2vw,36px)}.h-faq .h-faq-intro>p:not(.h-kicker){font-size:15px}.h-faq-list summary{font-size:17px;grid-template-columns:22px minmax(0,1fr) 24px;gap:12px;padding-block:24px}.h-faq-answer{padding:10px 0 28px 34px}.h-faq-answer p{font-size:15px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){.h-faq-list summary .h-icon,.h-faq-plus-vertical,.h-faq-list details::before{transition:none}.h-faq-list details[open] .h-faq-answer{animation:none}}
/* Passagem do acompanhamento: o filete de luz continua pelo topo da FAQ e um
   brilho baixo, atrás da introdução, dá profundidade ao fundo ink contínuo. */
.h-faq::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:clamp(64px,11vh,128px);pointer-events:none;transform-origin:50% 0;background:linear-gradient(90deg,transparent 12%,color-mix(in srgb,var(--signal) 28%,transparent),transparent 88%) top/100% 1px no-repeat,linear-gradient(color-mix(in srgb,var(--signal) 45%,transparent),transparent) 50% 0/1px 100% no-repeat}
.h-faq::after{content:"";position:absolute;z-index:-1;inset:8% 45% 20% 0;pointer-events:none;background:radial-gradient(ellipse at 30% 40%,color-mix(in srgb,var(--signal) 5%,transparent),transparent 70%)}
/* Melhoria progressiva e só decorativa: filete e brilho seguem a linha do tempo
   da seção no compositor; sem suporte, ambos ficam parados. Nada dentro das
   perguntas é animado pelo scroll. */
@supports (animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .h-faq{view-timeline:--h-faq block}
  .h-faq::before{animation:h-faq-filament linear both;animation-timeline:--h-faq;animation-range:entry 0% entry 45%}
  .h-faq::after{animation:h-faq-depth linear both;animation-timeline:--h-faq;animation-range:cover 0% cover 100%}
 }
}
@keyframes h-faq-filament{from{opacity:0;transform:scale(.18,0)}to{opacity:1;transform:none}}
@keyframes h-faq-depth{from{opacity:.4;transform:translate3d(0,12%,0)}50%{opacity:1}to{opacity:.5;transform:translate3d(0,-10%,0)}}