.indicator-faq{grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);align-items:start;gap:64px;padding-block:28px 76px;display:grid}.faq-intro{position:sticky;top:110px}.faq-intro h2{margin-top:12px;font-size:clamp(28px,3vw,38px);line-height:1.18}.faq-intro h2 span{color:var(--cyan)}.faq-intro>p{max-width:34ch;color:var(--muted);margin-top:18px;font-size:14px}.faq-schematic{gap:0;margin:30px 0 24px;padding:0;list-style:none;display:grid}.faq-schematic li{min-height:64px;color:var(--muted);align-items:center;gap:16px;display:flex;position:relative}.faq-schematic li:not(:last-child):after{content:"";background:var(--line);width:1px;height:26px;position:absolute;top:51px;left:19px}.faq-node{border:1px solid var(--line);background:var(--panel);border-radius:12px;place-items:center;width:40px;height:40px;transition:color .25s,border-color .25s,background .25s,box-shadow .25s;display:grid}.faq-schematic li>span:last-child{align-items:baseline;gap:12px;font-size:14px;font-weight:600;display:flex}.faq-schematic small{letter-spacing:.08em;font-size:10px;font-weight:500}:is(.indicator-faq:has([data-stage=discover][open]) [data-step=discover],.indicator-faq:has([data-stage=understand][open]) [data-step=understand],.indicator-faq:has([data-stage=compare][open]) [data-step=compare],.indicator-faq:has([data-stage=keep][open]) [data-step=keep]){color:var(--cyan)}:is(.indicator-faq:has([data-stage=discover][open]) [data-step=discover] .faq-node,.indicator-faq:has([data-stage=understand][open]) [data-step=understand] .faq-node,.indicator-faq:has([data-stage=compare][open]) [data-step=compare] .faq-node,.indicator-faq:has([data-stage=keep][open]) [data-step=keep] .faq-node){border-color:var(--cyan);background:color-mix(in srgb, var(--cyan) 9%, var(--panel));box-shadow:0 0 0 4px color-mix(in srgb, var(--cyan) 7%, transparent)}.faq-ask-link{min-height:44px;color:var(--cyan);align-items:center;gap:8px;font-size:12px;display:inline-flex}.faq-questions{gap:10px;min-width:0;display:grid}.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:border-color .25s,background .25s;overflow:clip}.faq-item[open]{border-color:color-mix(in srgb, var(--cyan) 55%, var(--line));background:color-mix(in srgb, var(--cyan) 3%, var(--panel))}.faq-item summary{cursor:pointer;touch-action:manipulation;align-items:center;gap:14px;min-height:64px;padding:20px 22px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:2px solid var(--cyan);outline-offset:-5px;border-radius:var(--radius)}.faq-item summary:hover{color:var(--cyan)}.faq-number{color:var(--muted);letter-spacing:.06em;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.faq-item h3{letter-spacing:-.015em;flex:1;font-size:15px;font-weight:600;line-height:1.5}.faq-toggle{color:var(--cyan);transition:transform .25s}.faq-item[open] .faq-toggle{transform:rotate(45deg)}.faq-answer{padding:0 54px 22px 50px}.faq-answer p{color:var(--muted);font-size:13px;line-height:1.8}.faq-answer p+p{margin-top:12px}.faq-answer a{min-height:40px;color:var(--cyan);text-underline-offset:4px;align-items:center;gap:7px;margin-top:12px;padding-block:8px;font-size:12px;text-decoration:underline;display:inline-flex}@supports (interpolate-size:allow-keywords){.faq-item{interpolate-size:allow-keywords}.faq-item::details-content{block-size:0;transition:block-size .3s ease, content-visibility .3s allow-discrete;overflow:clip}.faq-item[open]::details-content{block-size:auto}}@media (max-width:860px){.indicator-faq{grid-template-columns:1fr;gap:24px;padding-block:16px 48px}.faq-intro{position:static}.faq-intro>p{max-width:48ch}.faq-schematic{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:24px 0 12px}.faq-schematic li{flex-direction:column;align-items:flex-start;gap:10px;min-height:0}.faq-schematic li>span:last-child{gap:6px;font-size:11px}.faq-schematic small{display:none}.faq-schematic li:not(:last-child):after{width:auto;height:1px;top:20px;left:46px;right:6px}}@media (max-width:480px){.faq-item summary{gap:10px;padding:16px 14px}.faq-item h3{font-size:14px}.faq-answer{padding:0 16px 18px}}@media (prefers-reduced-motion:reduce){.indicator-faq *,.indicator-faq :after{transition:none!important}.faq-item::details-content{transition:none!important}}
