.emerging-services-section { background: #f6f7f8; }
.emerging-services-section .section-heading h2 { margin-inline: auto; max-width: 700px; }
.emerging-services-section .section-heading p { margin-inline: auto; max-width: 630px; }
.emerging-services-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 42px; }
.emerging-service-card { background: #fff; border: 1px solid var(--border); display: flex; flex-direction: column; min-width: 0; padding: 28px; position: relative; }
.emerging-service-card::before { background: #e59b00; content: ""; height: 3px; left: 0; position: absolute; top: 0; width: 100%; }
.emerging-service-number { color: #d99100; font-family: var(--font-display); font-size: 15px; font-weight: 800; letter-spacing: .08em; line-height: 1; }
.emerging-service-content { max-width: 1020px; }
.emerging-service-content .eyebrow { display: block; margin-top: 22px; }
.emerging-service-content h3 { font-size: 24px; margin-top: 8px; }
.emerging-service-content > p { color: var(--muted-foreground); font-size: 13px; line-height: 1.85; margin-top: 13px; }
.emerging-service-content > p strong, .emerging-benefits strong { color: var(--foreground); }
.emerging-details { border-top: 1px solid var(--border); margin-top: 24px; padding-top: 15px; }
.emerging-details summary { color: var(--foreground); cursor: pointer; display: flex; font-family: var(--font-display); font-size: 12px; font-weight: 700; justify-content: space-between; list-style: none; }
.emerging-details summary::-webkit-details-marker { display: none; }
.emerging-details summary span { color: #d99100; font-size: 10px; letter-spacing: .1em; }
.emerging-details summary::after { color: #d99100; content: "+"; font-size: 16px; font-weight: 400; line-height: .7; margin-left: 8px; }
.emerging-details[open] summary::after { content: "−"; }
.emerging-benefits { display: grid; gap: 9px; margin-top: 16px; }
.emerging-benefits li { color: var(--muted-foreground); font-size: 11px; line-height: 1.55; padding-left: 14px; position: relative; }
.emerging-benefits li::before { color: #e59b00; content: "•"; font-weight: 800; left: 0; position: absolute; }
@media (max-width: 950px) { .emerging-services-grid { grid-template-columns: 1fr; } .emerging-service-card { padding: 26px; } }
@media (max-width: 767px) { .emerging-services-grid { margin-top: 30px; } .emerging-service-card { padding: 24px 21px; } .emerging-service-content h3 { font-size: 21px; } }