.hero--area .hero__inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.hero--area h1 { font-size: 32px; font-weight: 700; line-height: 1.25; margin: 0 0 16px; }
.hero--area p { font-size: 15px; line-height: 1.7; color: var(--on-surface-muted); margin: 0 0 24px; }
.hero--area .hero__slider { aspect-ratio: 4/3; }
@media (max-width: 860px) { .hero--area .hero__inner { grid-template-columns: 1fr; } }

.offerings-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.offering-card { padding: 24px 20px; }
.offering-card h3 { font-size: 15px; margin: 0 0 8px; }
.offering-card p { font-size: 13px; color: var(--on-surface-muted); margin: 0; line-height: 1.6; }
@media (max-width: 860px) { .offerings-grid { grid-template-columns: repeat(2, 1fr); } }

.area-faq-list { display: flex; flex-direction: column; gap: 10px; max-width: 780px; margin: 0 auto; }