/* FAQ page: builds on css/home.css */
.ic.lg{width:56px;height:56px;padding:13px;border-radius:16px}
.photo{aspect-ratio:6/5}.photo img{object-fit:cover}
.hero-in{align-items:center}
.cats-nav{position:sticky;top:76px;z-index:40;background:var(--navbg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.cats-nav ul{list-style:none;margin:0;padding:10px 0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.cats-nav ul::-webkit-scrollbar{display:none}
.cats-nav a{display:block;white-space:nowrap;padding:8px 16px;border:1px solid var(--line);border-radius:999px;font-size:.85rem;font-weight:500;color:var(--text);text-decoration:none;transition:color .2s,border-color .2s,background .2s}
.cats-nav a:hover{color:var(--head);border-color:var(--accent)}
.cats-nav a[aria-current=true]{color:#fff;background:var(--blue);border-color:var(--blue)}
.cat{padding:96px 0;border-top:1px solid var(--line);scroll-margin-top:100px}.cat.alt{background:var(--bg2)}
.cat-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.cat-head{position:sticky;top:150px}
.cat-head .ic{margin-bottom:22px}.cat-head h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin:0 0 14px}.cat-head p{margin:0}.cat-head .label{margin-bottom:10px}
.faq h3:first-child{border-top:1px solid var(--head)}
.faq button{padding-right:48px}
.faq [role=region] p{max-width:none}
.faq [role=region] a{color:var(--head);font-weight:600;border-bottom:1px solid var(--accent);text-decoration:none}.faq [role=region] a:hover{color:var(--accent)}
.help{text-align:left}.help-in{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.help p{margin:0 0 1em;max-width:520px}.help .actions{justify-content:flex-start}
.media .qm{font:800 118px var(--font-head);fill:var(--accent)}
.media .win{fill:var(--bg2);stroke:var(--line)}.media .acc{fill:var(--accent)}
.media .dots circle{fill:var(--icon)}
.media .chk{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.media .route2{fill:none;stroke:var(--icon);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 10}
@media(prefers-reduced-motion:no-preference){
@keyframes typing{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes bobq{50%{transform:translateY(-8px)}}
.media .dots circle{animation:typing 1.4s ease-in-out infinite}.media .dots circle:nth-child(2){animation-delay:.2s}.media .dots circle:nth-child(3){animation-delay:.4s}
.media .b1,.media .qm{animation:bobq 5s ease-in-out infinite}.media .b2,.media .chk{animation:bobq 6s ease-in-out -2s infinite}
.media .route2{animation:march 2.4s linear infinite}}
@media(max-width:960px){
.hero-in,.cat-in,.help-in{grid-template-columns:1fr;gap:36px}.cat{padding:64px 0}.cat-head{position:static}.cat-head .ic{margin-bottom:16px}}
