.faq-page{min-height:100vh;background:var(--bg);color:var(--text)}
.faq-brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent);color:#171717;box-shadow:var(--shadow-sm)}
.faq-back-link{height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text-secondary);font-size:12px;font-weight:600;transition:color 160ms ease,background-color 160ms ease,transform 140ms cubic-bezier(.23,1,.32,1)}
.faq-hero-back{position:absolute;z-index:2;top:20px;left:max(16px,calc((100vw - 1152px)/2 + 24px));background:var(--bg)}
.faq-back-link:active{transform:scale(.97)}
.faq-back-link:focus-visible,.faq-search:has(input:focus-visible),.faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.faq-hero{position:relative;overflow:hidden;padding:76px 0 64px;border-bottom:1px solid var(--border);background:var(--surface)}
.faq-circuit{position:absolute;inset:0;opacity:.62;pointer-events:none}
.faq-circuit span{position:absolute;background:var(--border)}
.faq-circuit span:nth-child(1){width:42%;height:1px;right:-5%;top:30%}.faq-circuit span:nth-child(2){width:1px;height:54%;right:18%;top:30%}.faq-circuit span:nth-child(3){width:32%;height:1px;left:-4%;bottom:26%}.faq-circuit span:nth-child(4){width:1px;height:38%;left:20%;bottom:26%}
.faq-circuit::before,.faq-circuit::after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}
.faq-circuit::before{right:calc(18% - 3px);top:calc(30% - 3px)}.faq-circuit::after{left:calc(20% - 3px);bottom:calc(26% - 3px)}
.faq-kicker{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:17px;color:var(--text-muted);font-size:12px;font-weight:600}
.faq-live-dot{width:7px;height:7px;border-radius:50%;background:var(--planned);box-shadow:0 0 0 5px var(--planned-soft)}
.faq-hero h1{text-align:center;font-size:clamp(34px,6vw,62px);line-height:1.25;font-weight:800;letter-spacing:-2.4px}.faq-hero h1 span{color:var(--accent)}
.faq-hero>div>p{max-width:570px;margin:18px auto 0;text-align:center;color:var(--text-secondary);font-size:14px;line-height:2}
.faq-search{max-width:620px;height:58px;margin:32px auto 0;padding:0 17px;display:flex;align-items:center;gap:12px;border:1px solid var(--border-strong);border-radius:16px;background:var(--bg);box-shadow:var(--shadow);color:var(--text-muted);transition:border-color 160ms ease,box-shadow 160ms ease}
.faq-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.faq-search input{min-width:0;flex:1;background:transparent;color:var(--text);font-size:13px;outline:none}.faq-search input::placeholder{color:var(--text-muted)}
.faq-search kbd{direction:ltr;padding:3px 7px;border:1px solid var(--border);border-bottom-color:var(--border-strong);border-radius:7px;background:var(--surface-2);color:var(--text-muted);font-size:10px}
.faq-results-meta{min-height:34px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:11px}.faq-results-meta button{color:var(--accent);font-weight:600}
.faq-groups{display:grid;gap:38px}.faq-group{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px}
.faq-group-title{position:relative;padding-top:4px}.faq-group-title>span{display:block;margin-bottom:12px;color:var(--accent);font-size:11px;font-weight:700}.faq-group-title h2{font-size:16px;font-weight:750}.faq-group-title p{margin-top:5px;color:var(--text-muted);font-size:11px;line-height:1.8}
.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border);background:transparent}.faq-item[hidden],.faq-group[hidden]{display:none}
.faq-item summary{min-height:64px;padding:15px 2px;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;color:var(--text);font-size:13px;font-weight:650;border-radius:8px}.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{position:relative;width:28px;height:28px;flex:none;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);transition:background-color 160ms ease,border-color 160ms ease,transform 200ms cubic-bezier(.23,1,.32,1)}
.faq-item summary i::before,.faq-item summary i::after{content:'';position:absolute;top:13px;left:8px;width:10px;height:1.5px;border-radius:2px;background:currentColor}.faq-item summary i::after{transform:rotate(90deg);transition:transform 180ms cubic-bezier(.23,1,.32,1)}
.faq-item[open] summary{color:var(--accent)}.faq-item[open] summary i{border-color:var(--accent);background:var(--accent-soft)}.faq-item[open] summary i::after{transform:rotate(0)}
.faq-answer{padding:0 2px 21px 44px;color:var(--text-secondary);font-size:12px;line-height:2.1;animation:faq-answer-in 200ms cubic-bezier(.23,1,.32,1)}
.faq-empty{padding:70px 20px;text-align:center;border:1px dashed var(--border-strong);border-radius:18px;background:var(--surface)}.faq-empty span{width:44px;height:44px;margin:0 auto 14px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:700}.faq-empty h2{font-size:16px;font-weight:700}.faq-empty p{margin-top:6px;color:var(--text-muted);font-size:12px}.faq-empty button{margin-top:18px;padding:9px 14px;border-radius:10px;background:var(--accent);color:#171717;font-size:11px;font-weight:700}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.faq-back-link:hover{color:var(--text);background:var(--surface-3)}.faq-item summary:hover i{border-color:var(--border-strong);transform:translateY(-1px)}}
@media(max-width:700px){.faq-hero{padding:72px 0 48px}.faq-hero-back{top:16px;left:16px}.faq-hero h1{letter-spacing:-1.5px}.faq-group{grid-template-columns:1fr;gap:12px}.faq-group-title{display:flex;align-items:flex-start;gap:12px}.faq-group-title>span{padding-top:3px}.faq-group-title p{margin-top:2px}.faq-groups{gap:34px}.faq-search{height:54px}.faq-search kbd{display:none}.faq-answer{padding-left:4px}}
@media(prefers-reduced-motion:reduce){.faq-answer{animation:faq-fade-in 120ms ease}.faq-back-link,.faq-item summary i,.faq-item summary i::after{transition-duration:.01ms}@keyframes faq-fade-in{from{opacity:0}to{opacity:1}}}