.faq{--faq-sky:#97CFCD;--faq-ink:#21504D;position:relative;display:grid;align-content:start;justify-items:center;gap:clamp(1.5rem,4vh,2.5rem);z-index:1;min-height:100vh;box-sizing:border-box;margin-top:-82vh;padding:calc(8rem + 3vh) clamp(var(--gutter),6vw,7rem) var(--space-12);background:linear-gradient(transparent 0 82vh,var(--faq-sky) 82vh);color:var(--faq-ink);font-family:"Neucha",var(--font-body)}
.faq__title{margin:0;line-height:0}
.faq__title svg{display:block;height:clamp(6rem,11vw,9.5rem);width:auto;overflow:visible}
.faq__title path{fill:none;stroke:var(--color-white);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.faq__list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);width:100%;max-width:46rem;align-items:start}
.faq__cloud{padding:var(--space-4) var(--space-8);border-radius:48px 60px 52px 44px / 52px 44px 60px 48px;background:var(--color-white);box-shadow:-6px 6px 0 #7FBDBA}
.faq__q{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);color:#2F8C86;font-size:1.75rem;line-height:1.2;cursor:pointer;list-style:none}
.faq__q::-webkit-details-marker{display:none}
.faq__q{position:relative}
.faq__q::before{content:"";position:absolute;inset:calc(var(--space-4) * -1) calc(var(--space-8) * -1)}
.faq__q::after{content:"+";flex:none;color:#52B8B1;font-size:2rem;line-height:1;transition:transform .3s cubic-bezier(.3,1.2,.5,1)}
.faq__cloud[open] .faq__q::after{transform:rotate(45deg)}
.faq__a{margin:0;padding-top:var(--space-3);overflow:hidden;font-family:"Rubik",system-ui,sans-serif;font-weight:400;font-size:1.125rem;line-height:1.55;color:#2F4F4C}
.faq__cloud--closing .faq__q::after{transform:none}
.faq__letter,.faq__item{opacity:0}
.faq--play .faq__letter{animation:faq-drop .55s cubic-bezier(.3,1.5,.5,1) calc(.05s + var(--i) * .07s) forwards}
.faq--play .faq__item{animation:faq-rise .5s cubic-bezier(.3,1.2,.5,1) calc(.55s + var(--n) * .08s) forwards}
@keyframes faq-drop{from{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:none}}
@keyframes faq-rise{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.faq__letter,.faq__item{opacity:1;animation:none!important}}
.faq__title,.faq__list{transition:opacity .3s}
.faq--away .faq__title,.faq--away .faq__list{opacity:0}
@media (max-width:760px){
.faq{min-height:calc(100vh - var(--foot-h,0px));margin-top:-100vh;padding:5.5rem var(--gutter) var(--space-8);gap:var(--space-4);background:linear-gradient(transparent 0 100vh,var(--faq-sky) 100vh)}
.faq__title svg{height:4.5rem}
.faq__list{gap:var(--space-3)}
.faq__cloud{padding:var(--space-3) var(--space-6);border-radius:28px 32px 30px 26px / 30px 26px 32px 28px;box-shadow:-4px 4px 0 #7FBDBA}
.faq__q{font-size:1.375rem;line-height:1.2;gap:var(--space-3)}
.faq__q::before{inset:calc(var(--space-3) * -1) calc(var(--space-6) * -1)}
.faq__q::after{font-size:1.75rem}
.faq__a{font-size:1rem;line-height:1.5}
}