@layer components{.faq-section{--faq-glass:color-mix(in srgb, var(--c-bg) 88%, transparent);--faq-ease:cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.faq-section:before{content:"";z-index:-1;aspect-ratio:1.35;background:radial-gradient(circle at 35% 45%, color-mix(in srgb, var(--c-primary) 12%, transparent), transparent 64%), radial-gradient(circle at 72% 55%, color-mix(in srgb, var(--c-secondary) 8%, transparent), transparent 58%);filter:blur(8px);pointer-events:none;will-change:transform;border-radius:999px;width:min(44rem,82vw);position:absolute;inset:auto 50% 3rem auto;transform:translate(50%)}.faq-section__shell{width:min(100%,70rem);margin-inline:auto}.faq-section__list{contain:layout paint;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.9rem;margin-top:clamp(2rem,4vw,2.75rem);display:grid}.faq-section__card{border-color:color-mix(in srgb, var(--c-text) 12%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--c-text) 4%, transparent), transparent 46%), var(--faq-glass);min-width:0;height:100%;transition:transform .28s var(--faq-ease), border-color .22s var(--faq-ease), box-shadow .28s var(--faq-ease);will-change:transform, border-color, box-shadow;border-radius:1.25rem;overflow:hidden;transform:translate(0,0)}.faq-section__card .card-shadow-host,.faq-section__card .card-surface,.faq-section__card .ui-card__inner,.faq-section__card .ui-card__heavy-light-wrapper,.faq-section__card .ui-card__edge{border-radius:inherit}.faq-section__card .card-surface{overflow:hidden}.faq-section__card .ui-card__inner--compact{padding:1rem 1rem .95rem}.faq-section__card-content{height:100%}.faq-section__card:hover{border-color:color-mix(in srgb, var(--c-primary) 34%, transparent);box-shadow:0 20px 44px -30px color-mix(in srgb, var(--c-primary) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--c-text) 10%, transparent);transform:translateY(-2px)}.faq-section__card:has(.faq-section__item[open]){border-color:color-mix(in srgb, var(--c-primary) 34%, transparent);box-shadow:0 20px 44px -30px color-mix(in srgb, var(--c-primary) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--c-text) 10%, transparent);transform:translateY(-2px)}.faq-section__item{flex-direction:column;min-width:0;height:100%;display:flex}.faq-section__question{cursor:pointer;min-height:3.5rem;color:var(--c-text);letter-spacing:-.02em;outline:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem;font-size:clamp(.95rem,1.2vw,1.02rem);font-weight:700;line-height:1.3;list-style:none;display:grid}.faq-section__question::-webkit-details-marker{display:none}.faq-section__question:focus-visible .faq-section__icon{outline:2px solid color-mix(in srgb, var(--c-primary) 70%, transparent);outline-offset:3px}.faq-section__icon{border:1px solid color-mix(in srgb, var(--c-primary) 22%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--c-primary) 14%, transparent), color-mix(in srgb, var(--c-secondary) 6%, transparent));width:2rem;height:2rem;color:var(--c-primary);transition:transform .24s var(--faq-ease), color .2s var(--faq-ease), background .2s var(--faq-ease), border-color .2s var(--faq-ease);will-change:transform;border-radius:.72rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.faq-section__item[open] .faq-section__icon{border-color:color-mix(in srgb, var(--c-primary) 40%, transparent);background:var(--c-primary);color:var(--c-bg);transform:rotate(180deg)translate(0,0)}.faq-section__answer-wrap{transition:grid-template-rows .28s var(--faq-ease);will-change:grid-template-rows;grid-template-rows:0fr;display:grid}.faq-section__item[open] .faq-section__answer-wrap{grid-template-rows:1fr}.faq-section__answer{color:color-mix(in srgb, var(--c-text) 74%, transparent);margin:.1rem 0 0;padding-right:2.8rem;font-size:.92rem;line-height:1.65;overflow:hidden}.faq-section__answer:after{content:"";height:.65rem;display:block}@media (max-width:900px){.faq-section__shell{width:min(100%,42rem)}.faq-section__list{grid-template-columns:1fr}}@media (max-width:640px){.faq-section__shell{width:min(100%,34rem)}.faq-section__list{gap:.75rem;margin-top:2rem}.faq-section__card .ui-card__inner--compact{padding:.95rem .95rem .9rem}.faq-section__question{gap:.72rem;min-height:3.2rem;font-size:.95rem}.faq-section__icon{border-radius:.68rem;width:1.9rem;height:1.9rem}.faq-section__answer{padding-right:0;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.faq-section__card,.faq-section__icon,.faq-section__answer-wrap,.faq-section:before{will-change:auto;transition:none;animation:none}.faq-section__card:hover{transform:none}.faq-section__card:has(.faq-section__item[open]){transform:none}.faq-section__item[open] .faq-section__icon{transform:none}}}
