.faq{padding:var(--space-8) 0 var(--space-2)}.faq .container{max-width:1000px}.faq h2{text-align:center;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-6)}#heise-io-faq-cta{display:inline-flex;margin:var(--space-6) auto 0}.faq-list{display:grid;gap:var(--space-2);max-width:46em;margin:0 auto}.faq-item{background:#ffffffa6;border:1px solid rgba(255,255,255,.65);border-radius:1rem;box-shadow:0 8px 32px #00000014;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);overflow:hidden;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;width:100%}.faq-item:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f;border-color:#fff9}.faq-question{all:unset;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);width:calc(100% - var(--space-2));box-sizing:border-box}.faq-question span:first-child{font-size:1.05rem;font-weight:500;line-height:1.35;letter-spacing:.005em;color:var(--color-primary)}.faq-icon{width:28px;height:28px;display:flex;left:40px;align-items:center;justify-content:center;font-weight:400;font-size:1.75rem;color:var(--color-secondary);transition:transform .2s ease,background .2s ease,color .2s ease}.faq-question:hover .faq-icon{transform:scale(1.05);color:var(--color-primary)}.faq-question:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px;border-radius:.75rem}.faq-answer{padding:0 var(--space-5) var(--space-5);color:#09182d;font-size:.98rem;line-height:1.6;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease,padding-top .25s ease;white-space:pre-line}.faq-list-items{list-style-type:square;padding-left:var(--space-6);margin:var(--space-3) 0;line-height:1.7}.faq-list-items li{margin:var(--space-2) 0;color:#09182d}.faq-answer p{margin:var(--space-3) 0}.faq-answer p:first-child{margin-top:0}.faq-answer p:last-child{margin-bottom:0}.faq-question[aria-expanded=true]+.faq-answer{max-height:900px;opacity:1;padding-top:var(--space-2)}.faq-answer[hidden]{display:none;max-height:0!important;opacity:0!important;padding-top:0!important}.faq-question[aria-expanded=true]+.faq-answer:before{content:"";display:block;height:1px;background:linear-gradient(90deg,#101b4414,#101b4405);margin:0 0 var(--space-3);opacity:1}:root[data-theme=dark] .faq-item{background:#252c338c;border-color:#ffffff14;box-shadow:0 8px 24px #00000059}:root[data-theme=dark] .faq-question span:first-child{color:var(--color-dark)}:root[data-theme=dark] .faq-answer{color:var(--text)}:root[data-theme=dark] .faq-icon{color:var(--color-secondary)}@media (prefers-reduced-motion: reduce){.faq-item,.faq-question,.faq-answer,.faq-icon{transition:none!important}}:root[data-theme=dark] .faq-item{background:#252c33a6;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 28px #00000080}:root[data-theme=dark] .faq-question span:first-child{color:var(--text)}:root[data-theme=dark] .faq-answer{color:var(--color-neutral-6)}:root[data-theme=dark] .faq-list-items li{color:var(--color-neutral-6)}:root[data-theme=dark] .faq-question[aria-expanded=true]+.faq-answer:before{background:linear-gradient(90deg,#ffffff14,#ffffff05)}
