.more-features { padding: 128px 0 80px; background: #fff; color: #1a2233; scroll-margin-top: 24px; }
.more-features-inner { max-width: 1110px; margin: auto; padding: 0 24px; }
.more-features h2 { margin: 0 0 80px; text-align: center; font-size: min(3.6vw, 42px); font-weight: 500; line-height: 1.2; }
.more-features-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.more-feature-card { overflow: hidden; border: 1px solid rgba(26, 34, 51, .12); border-radius: 12px; background: #fff; }
.more-feature-illustration {
    --illustration-base: #edf3fc;
    --illustration-glow: #dce7fc;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 602 / 242;
    background: radial-gradient(ellipse at 58% 90%, var(--illustration-glow), transparent 72%), var(--illustration-base);
}
.more-feature-illustration--lavender { --illustration-base: #f0eef9; --illustration-glow: #e0ddf5; }
.more-feature-illustration--cyan { --illustration-base: #edf7f9; --illustration-glow: #dbecf6; }
.more-feature-illustration--peach { --illustration-base: #fbefe6; --illustration-glow: #f2d7c4; }
.more-feature-illustration--mint { --illustration-base: #eaf6ed; --illustration-glow: #cfe8d6; }
.more-feature-illustration--sand { --illustration-base: #fcf5e4; --illustration-glow: #f3e4ba; }
.more-feature-illustration--rose { --illustration-base: #faedf2; --illustration-glow: #eed6e2; }
.more-feature-card h3 { margin: 20px 20px 8px; color: #1a2233; font-size: 24px; font-weight: 500; line-height: 1.35; }
.more-feature-card p { margin: 0 20px 20px; color: #1a2233; font-size: 14px; font-weight: 400; line-height: 1.55; }

@media (max-width: 1199px) {
    .more-features-inner { max-width: 960px; }
}
@media (max-width: 991px) {
    .more-features { padding: 80px 0 64px; }
    .more-features-inner { max-width: 720px; }
    .more-features h2 { margin-bottom: 20px; font-size: 38px; }
    .more-features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .more-features-inner { max-width: 540px; }
    .more-features h2 { font-size: 32px; }
    .more-features-grid { grid-template-columns: 1fr; }
}