/** FAQ page presentation. */
.faq-page-template { overflow-x: clip; }
.faq-page { background: #f7f8fc; }
.faq-page__heading { margin-bottom: clamp(42px, 6vw, 70px); margin-inline: auto; max-width: 900px; text-align: center; }
.faq-page__heading .section-subtitle { margin-inline: auto; }
.faq-page__layout { align-items: start; display: grid; gap: clamp(32px, 5vw, 70px); grid-template-columns: minmax(260px, 0.68fr) minmax(0, 1.32fr); }
.faq-page__layout > * { min-width: 0; }
.faq-page__support { background: #0b1022; border-radius: 20px; color: #fff; padding: clamp(28px, 4vw, 42px); position: sticky; top: 130px; }
.faq-page__support-icon { align-items: center; background: rgba(139, 92, 246, 0.2); border: 1px solid rgba(167, 139, 250, 0.3); border-radius: 13px; color: #c4b5fd; display: inline-flex; font-size: 1.1rem; height: 48px; justify-content: center; width: 48px; }
.faq-page__support h2 { color: #fff; font-size: clamp(1.45rem, 2.5vw, 2rem); margin: 22px 0 12px; }
.faq-page__support p { color: rgba(226, 232, 240, 0.76); font-size: 0.88rem; line-height: 1.75; margin: 0 0 25px; }
.faq-page__support .btn-primary {
	align-items: center;
	background: var(--gradient-primary);
	border-radius: 999px;
	box-shadow: 0 10px 24px rgba(84, 56, 211, 0.25);
	color: #fff;
	display: inline-flex;
	font-size: 0.78rem;
	font-weight: 750;
	gap: 9px;
	justify-content: center;
	min-height: 46px;
	padding: 11px 17px;
	text-decoration: none;
	transition: box-shadow var(--transition-fast), transform var(--transition-fast);
	width: fit-content;
}
.faq-page__support .btn-primary:hover { box-shadow: 0 16px 32px rgba(84, 56, 211, 0.34); color: #fff; transform: translateY(-2px); }
.faq-page__items { display: grid; gap: 12px; }
.faq-page__item { background: #fff; border: 1px solid #e0e4ed; border-radius: 15px; overflow: hidden; transition: border-color var(--transition-fast), box-shadow var(--transition-fast); }
.faq-page__item[open] { border-color: rgba(124, 58, 237, 0.26); box-shadow: 0 14px 34px rgba(35, 28, 78, 0.08); }
.faq-page__item summary { align-items: center; color: var(--color-dark); cursor: pointer; display: flex; font-size: 0.96rem; font-weight: 750; gap: 20px; justify-content: space-between; line-height: 1.5; list-style: none; padding: 19px 21px; }
.faq-page__item summary::-webkit-details-marker { display: none; }
.faq-page__item summary i { align-items: center; background: #f1edff; border-radius: 50%; color: var(--color-primary); display: inline-flex; flex: 0 0 34px; height: 34px; justify-content: center; transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast); }
.faq-page__item[open] summary i { background: var(--gradient-primary); color: #fff; transform: rotate(45deg); }
.faq-page__answer { border-top: 1px solid #eceef5; color: var(--color-text-light); line-height: 1.75; overflow: hidden; padding: 18px 21px 21px; }
.faq-page__answer p { margin: 0; }
.faq-page-template__additional-content { padding-top: 0; }
@media (max-width: 860px) { .faq-page__layout { grid-template-columns: 1fr; } .faq-page__support { position: static; } }
@media (max-width: 620px) { .faq-page__support { border-radius: 16px; } .faq-page__item summary { font-size: 0.9rem; padding: 17px; } .faq-page__answer { padding: 16px 17px 19px; } }
@media (prefers-reduced-motion: reduce) { .faq-page__item, .faq-page__item summary i { transition: none; } }