/* /services/ai-search: hero file card and the promise card */
.ais-file { margin: 0; border: 1px solid var(--border-light); border-radius: var(--radius--small); background-color: rgba(249,245,235,.06); overflow: hidden; }
.ais-file-head { display: flex; justify-content: space-between; gap: 12px; padding: 14px 20px; border-bottom: 1px solid var(--border-light); font-family: var(--font--mono); font-size: var(--text--label); letter-spacing: var(--letter-spacing--2-0); text-transform: uppercase; }
.ais-file-head a { color: inherit; opacity: .7; }
.ais-file-head a:hover, .ais-file-head a:focus-visible { opacity: 1; }
.ais-file pre { margin: 0; padding: 20px; font-family: var(--font--mono); font-size: 14px; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--light); background: none; border: 0; }
.ais-file pre b { font-weight: 400; opacity: .6; }
.ais-file figcaption { padding: 0 20px 18px; font-size: var(--text--text-small); opacity: .7; }
.ais-promise { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ais-promise > div { padding: 32px; border-radius: var(--radius--small); border: 1px solid var(--border-dark); background-color: var(--light); display: flex; flex-direction: column; gap: 16px; }
.ais-promise h3 { margin: 0; font-family: var(--font--serif); font-weight: 400; font-size: 28px; line-height: 1.1; }
.pg-stat-when a { color: inherit; }
@media screen and (max-width: 767px) {
  .ais-promise { grid-template-columns: 1fr; }
  .ais-promise > div { padding: 24px; }
  .ais-file pre { font-size: 13px; padding: 16px; }
}
.ais-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dark .pg-stats-note a { color: inherit; text-decoration: underline; }
@media screen and (max-width: 991px) { .ais-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (max-width: 479px) { .ais-cards { grid-template-columns: 1fr; } }