/* Motion and desktop geometry follow the published Fotika design preview. */
.faq{--faq-duration:.48s;--faq-easing:cubic-bezier(.4,0,.2,1)}
#questions{display:flex;flex-direction:column;gap:25px}
.faq-item{--faq-closed-min:130;--faq-open-min:334;--faq-answer-bottom:48;position:relative;height:var(--faq-closed-height,130px);border-radius:15px;background:#21191475;border:1px solid #918c8870;overflow:hidden;overflow-anchor:none;transition:height var(--faq-duration) var(--faq-easing),border-color var(--faq-duration) ease,box-shadow var(--faq-duration) ease}
.faq-item.is-open{height:var(--faq-open-height,334px);border:2px solid #faad775c;background:radial-gradient(ellipse at 0% 65%,#ff96450d,transparent 70%),#21191475;box-shadow:0 0 65px #ff96450a}
.faq-item h3{margin:0;font:500 28px/1.2 Inter,Arial,sans-serif}
.faq-item h3>button{width:100%;height:128px;padding:0 116px 0 57px;border:0;border-radius:14px;background:transparent;text-align:left;cursor:pointer;position:relative;font:inherit;color:var(--text);letter-spacing:0}
.faq-item.is-open h3>button{padding-left:56px;height:127px}
.faq-item h3>button>span:first-child{display:block;transform:translateY(0);transition:transform var(--faq-duration) var(--faq-easing)}
.faq-item.is-open h3>button>span:first-child{transform:translateY(12px)}
.faq-item h3>button:focus-visible{outline:2px solid #fead6e;outline-offset:-6px}
.faq-toggle{position:absolute;right:35px;top:33px;width:59.4454px;height:60.0654px;border-radius:50%;background:#efd2bb;display:grid;place-items:center;pointer-events:none}
.faq-toggle img{width:28.72px;height:3.4px}
.faq-toggle img.faq-plus{position:absolute;width:3.4px;height:28.98px;transition:transform .32s ease,opacity .24s ease}
.faq-item.is-open .faq-plus{transform:rotate(90deg);opacity:0}
.faq-answer{padding:0 56px;color:#bfbfbf;font:400 22px/27px Inter,Arial,sans-serif;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s ease,transform var(--faq-duration) var(--faq-easing),visibility 0s var(--faq-duration)}
.faq-answer>img{display:block;width:min(265.4px,100%);height:1.4px;margin-bottom:34px}
.faq-answer p{max-width:920px;margin:0}
.faq-item.is-open .faq-answer{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .32s ease 80ms,transform var(--faq-duration) var(--faq-easing),visibility 0s}
@media(min-width:761px) and (max-width:1280px){
 .faq-item h3{font-size:23px;line-height:29px}
 .faq-item h3>button{padding-left:45px;padding-right:100px}
 .faq-item.is-open h3>button{padding-left:44px}
 .faq-answer{padding-left:44px;padding-right:44px}
 .faq-toggle{right:28px}
}
@media(max-width:760px){
 #questions{gap:12px}
 .faq-item{--faq-closed-min:0;--faq-open-min:0;--faq-answer-bottom:22;height:var(--faq-closed-height,106px)}
 .faq-item h3{font-size:17px;line-height:24px}
 .faq-item h3>button,.faq-item.is-open h3>button{height:auto;min-height:80px;padding:18px 60px 18px 16px}
 .faq-item.is-open h3>button{padding-left:15px;padding-right:59px}
 .faq-item.is-open h3>button>span:first-child{transform:none}
 .faq-toggle{right:16px;top:50%;transform:translateY(-50%);width:32px;height:32px}
 .faq-toggle img{width:16px;height:1.9px}
 .faq-toggle img.faq-plus{width:1.9px;height:16px}
 .faq-answer{padding:0 15px;font-size:16px;line-height:24px}
 .faq-answer>img{margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){
 .faq-item,.faq-item h3>button>span:first-child,.faq-answer,.faq-item.is-open .faq-answer,.faq-toggle img.faq-plus{transition:none}
}