/* Short feature summaries follow the administration preview. */
.real-demo-page #features { padding-bottom:0;scroll-margin-top:120px; }
.real-demo-features :is(.real-demo-section-heading,.feature-card) {
  background:linear-gradient(135deg,#fe2c550b,transparent 65%),#111111e0;
  border:1px solid #fe2c552b;
  border-radius:24px;
  box-shadow:0 12px 36px #00000026;
}
.real-demo-features .real-demo-section-heading { padding:28px; }
.real-demo-features .feature-grid { gap:16px;border:0; }
.real-demo-features .feature-card { padding:28px 24px;overflow-wrap:anywhere; }
/* SVG geometry keeps the feature symbols independent of device fonts and emoji. */
.real-demo-features .feature-icon { width:28px;color:var(--accent);font-size:0;line-height:0; }
.real-demo-features .feature-icon svg { display:block;width:28px;height:28px;max-width:none;overflow:visible; }
.real-demo-features .feature-card h3 { color:#fff;min-height:0;margin-top:18px; }
.real-demo-features .feature-card>p { color:#fff;min-height:0;margin-top:16px;font-size:14px;line-height:1.8; }
@media(max-width:700px) {
  .real-demo-features .real-demo-section-heading { padding:24px 20px;border-radius:22px; }
  .real-demo-features .feature-grid { gap:12px; }
  .real-demo-features .feature-card { padding:25px 22px;border-radius:22px; }
}