.qa{position:relative}.qa-top{justify-content:space-between;align-items:flex-end;gap:var(--sp-6);flex-wrap:wrap;display:flex}.qa-eye{font-family:var(--mono);font-size:var(--fs-mono-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--tx-mute);border:1px solid var(--line-strong);border-radius:var(--r-xs);padding:4px 10px;display:inline-block}.qa-h1{font-family:var(--disp);letter-spacing:var(--ls-hero);text-transform:uppercase;margin:var(--sp-4) 0 0;color:var(--tx);font-size:clamp(40px,6.5vw,76px);font-weight:400;line-height:.96}.qa-h1 em{color:var(--orange);text-shadow:0 0 32px color-mix(in srgb, var(--orange) 55%, transparent);font-style:normal}.qa-demo{align-items:center;gap:var(--sp-2);background:var(--orange);color:var(--btn-ink);font-family:var(--body);font-weight:600;font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-pill);box-shadow:var(--cta-glow);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out);padding:12px 22px;display:inline-flex}.qa-demo:hover{transform:translateY(-1px)}.qa-grid{grid-template-columns:1fr 1.18fr 1fr;align-items:start;gap:38px;margin-top:44px;display:grid}.qa-side{flex-direction:column;display:flex;position:relative}.qa-side:before{content:"";background:var(--line);width:1px;position:absolute;top:26px;bottom:26px;left:14px}.qa-feat{padding:var(--sp-4) 0;cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0;grid-template-columns:29px 1fr;align-items:start;gap:15px;display:grid}.qa-feat .ic{z-index:1;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line-strong);width:29px;height:29px;color:var(--tx-mute);transition:border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);flex:none;place-items:center;display:grid;position:relative}.qa-feat .ic svg{width:15px;height:15px}.qa-feat .ttl{font-family:var(--disp);font-weight:500;font-size:var(--fs-lead);letter-spacing:-.01em;color:var(--tx-dim);transition:color var(--dur) var(--ease-out);display:block}.qa-feat .desc{font-size:var(--fs-sm);color:var(--tx-dim);margin-top:var(--sp-2);transition:color var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);opacity:.92;line-height:1.5;display:block}.qa-feat:hover .ttl{color:var(--tx)}.qa-feat:hover .desc{opacity:1}.qa-feat:hover .ic{border-color:var(--tx-mute);color:var(--tx-dim)}.qa-feat.on .ic{border-color:var(--orange);color:var(--orange);background:color-mix(in srgb, var(--orange) 12%, var(--surface))}.qa-feat.on .ttl{color:var(--tx)}.qa-feat.on .desc{color:var(--tx);opacity:1}.qa-center{flex-direction:column;gap:14px;display:flex}.qa-panel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--inset), var(--panel-sh);padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;min-height:430px;display:flex}.qa-chat{gap:var(--sp-3);flex-direction:column;flex:1;display:flex}.qa-msg{border-radius:var(--r-md);grid-template-columns:34px 1fr;gap:11px;padding:13px 14px;display:grid}.qa-msg.user{background:var(--surface-2);border:1px solid var(--line)}.qa-msg.app{background:color-mix(in srgb, var(--orange) 7%, var(--surface));border:1px solid color-mix(in srgb, var(--orange) 32%, var(--line))}.qa-av{border-radius:var(--r-sm);width:34px;height:34px;font-family:var(--mono);font-size:var(--fs-label);place-items:center;font-weight:600;display:grid}.qa-av.user{background:var(--ghost);color:var(--tx)}.qa-av.app{background:var(--orange);color:var(--btn-ink)}.qa-av.app svg{width:18px;height:18px}.qa-mhead{align-items:center;gap:var(--sp-2);margin-bottom:5px;display:flex}.qa-mhead .nm{font-size:var(--fs-sm);color:var(--tx);font-weight:600}.qa-mhead .badge{font-family:var(--mono);letter-spacing:.08em;color:var(--orange);border:1px solid color-mix(in srgb, var(--orange) 40%, var(--line-strong));border-radius:var(--r-2xs);padding:1px 4px;font-size:8.5px;font-weight:600}.qa-mhead .tm{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--tx-mute)}.qa-mbody{font-size:var(--fs-sm);color:var(--tx-dim);line-height:1.55}.qa-mbody b{color:var(--tx);font-weight:600}.qa-mbody p{margin:0}.qa-mbody p+p{margin-top:9px}.qa-code{font-family:var(--mono);font-size:var(--fs-label);color:var(--tx);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xs);padding:0 5px}.qa-allow{color:var(--allow);font-weight:600}.qa-deny{color:var(--deny);font-weight:600}.qa-link{color:var(--orange);text-underline-offset:2px;font-weight:500;text-decoration:underline}.qa-msg{opacity:0;animation:qa-in .4s var(--ease-out) forwards;transform:translateY(8px)}.qa-msg.user{animation-delay:20ms}.qa-msg.app{animation-delay:.16s}.qa-input{align-items:center;gap:var(--sp-2);border:1px solid var(--line-strong);border-radius:var(--r-card);color:var(--tx-mute);font-size:var(--fs-sm);padding:12px 14px;display:flex}.qa-input .blink{background:var(--orange);width:1.5px;height:15px;animation:1.1s step-end infinite qa-blink}.qa-nav{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.qa-nav.icons .qa-navi{width:56px;height:46px}.qa-navi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);color:var(--tx-mute);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 14px;display:inline-flex;position:relative}.qa-navi svg{width:17px;height:17px}.qa-navi:hover{color:var(--tx-dim);border-color:var(--line-strong)}.qa-navi.on{color:var(--orange);border-color:color-mix(in srgb, var(--orange) 45%, var(--line-strong));background:color-mix(in srgb, var(--orange) 8%, var(--surface))}.navi-prog{border-radius:var(--r-pill);background:color-mix(in srgb, var(--orange) 22%, transparent);height:2.5px;position:absolute;bottom:-1px;left:16%;right:16%;overflow:hidden}.qa-prog-wrap{justify-content:center;display:flex}.panel-prog{border-radius:var(--r-pill);background:var(--line);width:64%;max-width:360px;height:3px;margin-top:2px;position:relative;overflow:hidden}.qa-fill{border-radius:var(--r-pill);background:var(--orange);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.qa-fill.run{animation-name:qa-fill;animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}@keyframes qa-in{to{opacity:1;transform:none}}@keyframes qa-blink{50%{opacity:0}}@keyframes qa-fill{to{transform:scaleX(1)}}@media (max-width:1000px){.qa-grid{grid-template-columns:1fr 1fr}.qa-center{order:-1;grid-column:1/-1}}@media (max-width:600px){.qa-grid{grid-template-columns:1fr}.qa-nav.icons .qa-navi{width:48px}.qa-navi{font-size:var(--fs-mono-xs);padding:0 11px}}@media (prefers-reduced-motion:reduce){.qa-msg{opacity:1;animation:none;transform:none}.qa-input .blink{animation:none}.qa-demo:hover{transform:none}}.qa-sidecap{padding-left:44px;padding-bottom:var(--sp-2);font-family:var(--mono);font-size:var(--fs-mono-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--tx-mute);display:block}.qa-foot{border-top:1px dashed color-mix(in srgb, var(--orange) 30%, var(--line));font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.04em;color:var(--tx-mute);overflow-wrap:anywhere;margin-top:11px;padding-top:9px;display:block}