.questions { background: #fff; padding: 92px 0; }
.questions__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 76px; align-items: start; }
.questions__intro { position: sticky; top: 30px; }
.questions__eyebrow { display: inline-flex; gap: 8px; align-items: center; color: #087fc8; font-size: .72rem; font-weight: 800; letter-spacing: .13em; }
.questions__eyebrow i { font-size: 1rem; }
.questions__intro .section-title { margin: 14px 0; }
.questions__intro .section-subtitle { max-width: 420px; margin-bottom: 25px; }
.questions__visual { position: sticky; top: 90px; display: flex; justify-content: center; }
.questions__visual img { width: 100%; max-width: 420px; height: auto; animation: questions-float 5s ease-in-out infinite; }
@keyframes questions-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.questions__list { border-top: 1px solid #dce7ef; }
.questions__list details { border-bottom: 1px solid #dce7ef; }
.questions__list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 3px; color: #1d374d; font-size: .98rem; font-weight: 700; cursor: pointer; list-style: none; }
.questions__list summary::-webkit-details-marker { display: none; }
.questions__list summary::after { content: '+'; color: #258ed0; font-size: 1.35rem; font-weight: 400; }
.questions__list details[open] summary::after { content: '−'; }
.questions__list details p { max-width: 650px; margin: -4px 38px 20px 3px; color: #6e8190; font-size: .84rem; line-height: 1.7; }
@media (max-width: 800px) { .questions { padding: 68px 0; } .questions__grid { grid-template-columns: 1fr; gap: 38px; } .questions__intro { position: static; text-align: center; } .questions__intro .section-subtitle { margin-inline: auto; } .questions__visual { position: static; } .questions__visual img { max-width: 260px; } }

.wa-float { position: fixed; right: 18px; bottom: 18px; z-index: 60; display: block; width: 110px; transition: transform .25s ease; }
.wa-float img { display: block; width: 100%; height: auto; filter: drop-shadow(0 10px 18px rgba(15, 29, 58, .25)); }
.wa-float:hover { transform: translateY(-4px) scale(1.04); }
@media (max-width: 620px) { .wa-float { right: 10px; bottom: 10px; width: 82px; } }
@media (prefers-reduced-motion: reduce) { .questions__visual img { animation: none; } }
