.sp-faq{background:var(--sp-bg-alt);padding:100px 0}.sp-faq__inner{max-width:1340px;margin:0 auto;padding:0 40px}.sp-faq__layout{grid-template-columns:5fr 7fr;align-items:start;gap:64px;display:grid}.sp-faq__title{color:var(--sp-text);letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(26px,3vw,38px);font-weight:800}.sp-faq__subtitle{color:var(--sp-text-muted);margin:0 0 32px;font-size:15px;line-height:1.7}.sp-faq__image{border-radius:20px;position:relative;overflow:visible}.sp-faq__image img{aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:0 16px 48px color-mix(in srgb, var(--sp-dark) 10%, transparent);border-radius:20px;display:block}.sp-faq__image-deco{background:var(--sp-primary);color:#fff;width:56px;height:56px;box-shadow:0 8px 24px color-mix(in srgb, var(--sp-primary) 35%, transparent);z-index:2;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;top:-16px;right:-16px}.sp-faq__image-deco-q{font-size:28px;font-weight:900;line-height:1}.sp-faq__list{flex-direction:column;gap:12px;display:flex}.sp-faq__item{background:var(--sp-bg);border:1px solid var(--sp-border);transition:all .35s var(--sp-ease);border-radius:16px;position:relative;overflow:hidden}.sp-faq__item:before{content:"";background:var(--sp-primary);transform-origin:top;width:3px;transition:transform .35s var(--sp-ease);border-radius:3px 0 0 3px;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.sp-faq__item--open:before{transform:scaleY(1)}.sp-faq__item--open{border-color:color-mix(in srgb, var(--sp-primary) 15%, transparent);box-shadow:0 4px 20px color-mix(in srgb, var(--sp-dark) 5%, transparent)}.sp-faq__q{cursor:pointer;color:var(--sp-text);text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:20px 22px;font-family:inherit;font-size:15px;font-weight:700;transition:color .2s;display:flex}.sp-faq__q:hover,.sp-faq__item--open .sp-faq__q{color:var(--sp-primary)}div.sp-faq__q{cursor:default}.sp-faq__q:focus-visible{outline:2px solid var(--sp-primary);outline-offset:-2px;border-radius:16px}.sp-faq__q-num{letter-spacing:.5px;background:color-mix(in srgb, var(--sp-primary) 7%, transparent);width:32px;height:32px;color:var(--sp-primary);transition:all .3s var(--sp-ease);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.sp-faq__item--open .sp-faq__q-num{background:var(--sp-primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--sp-primary) 30%, transparent)}.sp-faq__q-text{flex:1}.sp-faq__q-icon{background:color-mix(in srgb, var(--sp-primary) 6%, transparent);width:28px;height:28px;color:var(--sp-primary);transition:all .3s var(--sp-ease);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-faq__q-icon svg{width:14px;height:14px;transition:transform .35s var(--sp-spring)}.sp-faq__item--open .sp-faq__q-icon svg{transform:rotate(45deg)}.sp-faq__item--open .sp-faq__q-icon{background:var(--sp-primary);color:#fff}.sp-faq--js .sp-faq__a{max-height:0;transition:max-height .4s var(--sp-ease), visibility 0s linear .4s;overflow:hidden}.sp-faq--js .sp-faq__item:not(.sp-faq__item--open) .sp-faq__a{visibility:hidden}.sp-faq--js .sp-faq__item--open .sp-faq__a{transition:max-height .4s var(--sp-ease), visibility 0s}.sp-faq__a-inner{color:var(--sp-text-muted);padding:0 22px 20px 68px;font-size:14.5px;line-height:1.75}.sp-faq__a-inner a{color:var(--sp-primary)}@media (width<=1024px){.sp-faq__layout{grid-template-columns:1fr;gap:40px}.sp-faq__image{max-width:400px}}@media (width<=768px){.sp-faq__inner{padding:0 20px}.sp-faq{padding:72px 0}.sp-faq__a-inner{padding-left:22px}.sp-faq__image{display:none}}@media (width<=480px){.sp-faq__inner{padding:0 16px}.sp-faq__q{padding:16px 14px;font-size:14px}.sp-faq__q-num{width:28px;height:28px;font-size:11px}.sp-faq__a-inner{padding:0 14px 16px;font-size:13.5px}}
