/* MANOVA FAQ — cinematic, human and editorial. */
.faq-page{--faq-line:rgba(255,255,255,.11);--faq-muted:#9a9da6;background:#070708;color:#fff}
.faq-page button,.faq-page input{font:inherit}
.faq-hero{position:relative;isolation:isolate;display:flex;min-height:100svh;overflow:hidden;background:#08090b}
.faq-hero__media,.faq-hero__shade{position:absolute;inset:0}
.faq-hero__media{z-index:-2}.faq-hero__media picture,.faq-hero__media img{display:block;width:100%;height:100%}
.faq-hero__media img{object-fit:cover;object-position:center 48%;filter:saturate(.72) contrast(1.04);animation:faqHeroReveal 16s ease-out both}
.faq-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(4,5,7,.94) 0%,rgba(4,5,7,.74) 46%,rgba(4,5,7,.19) 78%),linear-gradient(0deg,rgba(4,5,7,.87),transparent 48%,rgba(4,5,7,.42))}
.faq-hero__grid{position:relative;z-index:1;display:flex;align-items:center;width:100%;min-height:100svh;padding-top:clamp(7rem,13vh,9.5rem);padding-bottom:clamp(2.5rem,6vh,4.5rem)}
.faq-hero__copy{max-width:900px}
.faq-hero__eyebrow,.faq-eyebrow{display:inline-flex;align-items:center;gap:.75rem;color:#67e8ed;font-size:.66rem;font-weight:700;letter-spacing:.17em;line-height:1;text-transform:uppercase}
.faq-hero__eyebrow:before,.faq-eyebrow:before{content:"";width:2.4rem;height:1px;background:currentColor;opacity:.6}
.faq-hero__title{max-width:16ch;margin:1.15rem 0 1.4rem;font-family:var(--font-display);font-size:clamp(3.4rem,7.5vw,7.5rem);font-weight:700;line-height:.9;letter-spacing:-.06em;text-wrap:balance;text-shadow:0 20px 65px rgba(0,0,0,.48)}
.faq-hero__intro{max-width:60ch;color:rgba(239,241,246,.78);font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.72;text-shadow:0 4px 25px rgba(0,0,0,.55)}

@keyframes mnvHeroRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.faq-hero__copy .r{opacity:1;transform:none;animation:mnvHeroRise .9s var(--ease-expo) both}
.faq-hero__copy .r:nth-child(1){animation-delay:.06s}
.faq-hero__copy .r:nth-child(2){animation-delay:.18s}
.faq-hero__copy .r:nth-child(3){animation-delay:.3s}
@media (prefers-reduced-motion:reduce){.faq-hero__copy .r{animation:none;opacity:1}}

/* Thin horizontal information strip — a single compact row, not a card. */
.faq-infobar{background:#0b0c0f;border-top:1px solid var(--faq-line);border-bottom:1px solid var(--faq-line)}
.faq-infobar .container{padding-top:0;padding-bottom:0}
.faq-infobar ul{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none}
.faq-infobar li{display:flex;align-items:center;gap:.55rem;padding:.85rem 1.6rem;white-space:nowrap}
.faq-infobar li+li{border-left:1px solid var(--faq-line)}
.faq-infobar strong{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:#fff}
.faq-infobar span{color:#898d97;font-size:.76rem}

/* Section head. */
.faq-docs{padding:clamp(5rem,10vw,9rem) 0;background:#070708}
.faq-docs__head{margin-bottom:clamp(3rem,6vw,5rem)}
.faq-docs__head h2{max-width:32ch;margin-top:1rem;font-family:var(--font-display);font-size:clamp(2.2rem,4.4vw,4.6rem);line-height:1;letter-spacing:-.05em;text-align:left}

/* Category tabs — a horizontal, wrapping strip of pill filters. */
.faq-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--faq-line)}
.faq-tab{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.1rem .7rem .8rem;border:1px solid var(--faq-line);border-radius:99px;background:rgba(255,255,255,.02);color:#969aa4;cursor:pointer;transition:color .3s,border-color .3s,background .3s}
.faq-tab i{display:grid;place-items:center;width:1.3rem;height:1.3rem;color:#707682;transition:color .3s}
.faq-tab i svg{width:.85rem;height:.85rem}
.faq-tab span{font-size:.82rem;font-weight:600;white-space:nowrap}
.faq-tab b{font-size:.66rem;font-weight:700;color:#666b76;padding:.1rem .4rem;border-radius:99px;background:rgba(255,255,255,.05)}
.faq-tab:hover{color:#fff;border-color:rgba(255,255,255,.22)}
.faq-tab:hover i{color:#67e8ed}
.faq-tab.is-active{color:#fff;border-color:rgba(103,232,237,.55);background:linear-gradient(160deg,rgba(103,232,237,.14),rgba(255,255,255,.02))}
.faq-tab.is-active i{color:#67e8ed}
.faq-tab.is-active b{color:#cffafe;background:rgba(103,232,237,.18)}
.faq-tab:focus-visible{outline:2px solid #67e8ed;outline-offset:3px}

/* One category panel visible at a time; JS toggles [hidden]. */
.faq-panel[hidden]{display:none}
.faq-panel__head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:clamp(2rem,4vw,3rem)}
.faq-panel__icon{flex:0 0 auto;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:10px;background:rgba(103,232,237,.1);color:#67e8ed}.faq-panel__icon svg{width:1.2rem;height:1.2rem}
.faq-panel__head h2{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.1;letter-spacing:-.03em;text-align:left;margin:0}.faq-panel__head p{max-width:52ch;margin-top:.4rem;color:var(--faq-muted);font-size:.88rem;line-height:1.6}

/* Two balanced, independent columns — each stacks on its own, so an
   answer opening in one column never shifts the other. */
.faq-cols{display:flex;align-items:flex-start;gap:0 clamp(2rem,4vw,4rem)}
.faq-col{flex:1;min-width:0}

.faq-item{border:0;border-bottom:1px solid var(--faq-line);border-radius:0;background:none;transition:border-color .35s}
.faq-item:first-child{border-top:1px solid var(--faq-line)}
.faq-item summary{display:flex;align-items:center;gap:1rem;padding:1.25rem 0;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}
.faq-item__q{flex:1;margin:0;color:#e7e9ee;font-size:.95rem;font-weight:600;letter-spacing:-.015em;line-height:1.4;transition:color .3s}.faq-item summary:hover .faq-item__q{color:#fff}
.faq-item__chev{position:relative;flex:0 0 auto;width:1.4rem;height:1.4rem;border:1px solid rgba(255,255,255,.19);border-radius:50%;transition:transform .4s var(--ease-expo),border-color .4s,background .35s}
.faq-item__chev:before,.faq-item__chev:after{content:"";position:absolute;inset:50% 26% auto;height:1px;background:currentColor;transform:translateY(-50%)}.faq-item__chev:after{transform:translateY(-50%) rotate(90deg);transition:opacity .3s}

/* Subtle, unmistakable active/selected state on the open question. */
.faq-item[open]{border-color:rgba(103,232,237,.4)}
.faq-item[open] summary{padding-left:0}
.faq-item[open] .faq-item__q{color:#fff}
.faq-item[open] .faq-item__chev{transform:rotate(180deg);border-color:#67e8ed;background:rgba(103,232,237,.14);color:#67e8ed}
.faq-item[open] .faq-item__chev:after{opacity:0}

.faq-item__a{overflow:hidden}
.faq-item__a-inner{padding:0 1.6rem 1.4rem .2rem}
.faq-item__a-inner p{max-width:60ch;margin:0;color:#c3c6ce;font-size:.88rem;line-height:1.75}

/* Closing invitation continues the page rather than floating in a card. */
.faq-cta{padding:clamp(5rem,10vw,9rem) 0;border-top:1px solid var(--faq-line);background:linear-gradient(120deg,#101321,#09090c)}
.faq-cta__card{max-width:880px;padding:0;border:0;border-radius:0;background:none;text-align:left}
.faq-cta__card h2{max-width:15ch;margin:1rem 0 1.2rem;font-family:var(--font-display);font-size:clamp(2.5rem,5.4vw,5.7rem);font-weight:700;line-height:.92;letter-spacing:-.06em;text-align:left}
.faq-cta__card>p{max-width:58ch;margin:0;color:var(--faq-muted);font-size:1rem;line-height:1.72}.faq-cta__actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.8rem;margin-top:2rem}
@keyframes faqHeroReveal{from{transform:scale(1.08)}to{transform:scale(1.015)}}

@media(max-width:900px){
  .faq-cols{flex-direction:column;gap:0}
}
@media(max-width:720px){
  .faq-hero__media img{object-position:62% center}.faq-hero__shade{background:linear-gradient(0deg,rgba(4,5,7,.96),rgba(4,5,7,.37) 69%,rgba(4,5,7,.62))}.faq-hero__grid{padding-top:6rem;padding-bottom:2.5rem}.faq-hero__title{font-size:clamp(3.1rem,15vw,5.2rem)}
  .faq-infobar ul{flex-direction:column;align-items:stretch}.faq-infobar li{padding:.9rem 0}.faq-infobar li+li{border-left:0;border-top:1px solid var(--faq-line)}
  .faq-tabs{gap:.5rem;margin-bottom:2rem;padding-bottom:2rem}
  .faq-tab{padding:.6rem .85rem .6rem .65rem}.faq-tab span{font-size:.78rem}
  .faq-cta__actions .btn{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.faq-hero__media img{animation:none;transform:none}.faq-item,.faq-item__chev,.faq-tab{transition:none}}