.coming-soon-feature-preview { position: relative; z-index: 1; width: min(1180px, calc(100% - 80px)); margin: 0 auto; padding: 26px 0 52px; }
.coming-soon-feature-heading { max-width: 700px; margin-bottom: 28px; }
.coming-soon-feature-heading h2 { font: 44px/1.15 Georgia, serif; color: #f8f4eb; margin: 12px 0 16px; }
.coming-soon-feature-heading > p:last-child { color: #bdcad7; line-height: 1.7; }
.coming-soon-feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.coming-soon-feature-grid article { padding: 26px 22px; background: #fffefa; border: 1px solid #e3dac6; border-radius: 16px; }
.coming-soon-feature-grid article > span { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; color: #9f772b; border: 1px solid #ddcca8; border-radius: 50%; font: 700 11px system-ui, sans-serif; }
.coming-soon-feature-grid h3 { font: 24px/1.2 Georgia, serif; color: #102b41; margin: 18px 0 12px; }
.coming-soon-feature-grid p { color: #627180; font: 14px/1.7 system-ui, sans-serif; margin: 0; }
@media (max-width: 1000px) { .coming-soon-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .coming-soon-feature-grid { grid-template-columns: 1fr; }.coming-soon-feature-heading h2 { font-size: 34px; }.coming-soon-feature-preview { width: calc(100% - 44px); padding-top: 8px; } }