/*
 * FAQs under the plans on the signup page (/start/). Reuses blocks/faq/style.css and points its
 * --faq-* variables at the signup page's brand tokens (--oc-*, assets/core/signup/signup.css).
 */
.oc-faq-su { max-width: 820px; margin: 40px auto 0; }
body.oc-su[data-step]:not([data-step="plan"]) .oc-faq-su { display: none; }
.oc-faq-su .optimus-faq {
	--faq-accent: var(--oc-primary, #1f5eff);
	--faq-ink: var(--oc-ink, #0f172a);
	--faq-muted: var(--oc-muted, rgba(15, 23, 42, .6));
	--faq-line: var(--oc-line, rgba(15, 23, 42, .1));
	--faq-surface: var(--oc-surface, #fff);
	--faq-soft: var(--oc-primary-50, #eef3ff);
	--faq-radius: var(--oc-radius, 12px);
}
.oc-faq-su .optimus-faq__head { text-align: center; margin-bottom: 18px; }
.oc-faq-su .optimus-faq__title { font-size: clamp(22px, 4vw, 28px); line-height: 1.2; letter-spacing: -.015em; font-weight: 750; }
.oc-faq-su .optimus-faq__intro { margin: 0 auto; color: var(--oc-ink-2, rgba(15, 23, 42, .78)); }
.oc-faq-su .optimus-faq__list { gap: 8px; }
.oc-faq-su .optimus-faq__item { box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.oc-faq-su .optimus-faq__item.is-open { box-shadow: var(--su-shadow, 0 8px 24px -12px rgba(15, 23, 42, .18)); }
.oc-faq-su .optimus-faq__q { font-size: 16px; }
.oc-faq-su .optimus-faq__toggle { min-height: 52px; padding: 14px 16px; }
.oc-faq-su .optimus-faq__toggle:focus-visible { outline: 3px solid var(--oc-ring, rgba(31, 94, 255, .3)); }
.oc-faq-su .optimus-faq__a { padding: 0 16px 14px; font-size: 15px; }
.oc-faq-su .optimus-faq__answer { color: var(--oc-ink-2, rgba(15, 23, 42, .78)); }
.oc-faq-su .optimus-visually-hidden, .oc-faq-su .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }