.ai-page .ai-hero-cta { margin-top: 2rem; }
.ai-page .ai-note { font-size: .8rem; margin-top: 1rem; }
.ai-intro { padding: 1rem 0 2.5rem; }
.ai-intro h2 { font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.15; }
.ai-intro > p:last-child { color: #aaa; margin-top: 1rem; }
.ai-use-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 2rem; }
.ai-use-grid .work-story { margin: 0; padding: 2rem; }
.ai-use-grid h2 { font-size: 1.8rem; margin-bottom: 1.4rem; }
.ai-example { margin-top: 1.6rem; padding-top: 1rem; border-top: 1px solid #333; color: #ddd; font-size: .8rem; }
.ai-faq { margin: 4rem 0; }
.ai-faq > h2 { font-size: 2rem; margin-bottom: 1.5rem; }
.ai-faq details { border-bottom: 1px solid #333; padding: 1.2rem 0; }
.ai-faq summary { cursor: pointer; font-weight: 500; }
.ai-faq details p { color: #bbb; max-width: 850px; margin-top: 1rem; }
.ai-faq a { text-decoration: underline; }
.ai-faq summary:focus-visible { outline: 2px solid white; outline-offset: 5px; }
@media(max-width:760px) { .ai-use-grid { grid-template-columns: 1fr; } .ai-use-grid .work-story { padding: 1.5rem; } .ai-page .btn { font-size: .7rem; letter-spacing: .08em; padding: 1rem; } }
.service-redesign .service-investment { padding: 1rem 0; }
.service-redesign #invest { max-width: none; }
.service-redesign .invest-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; }
.service-more { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 1.5rem 0; color: #ccc; font-size: .85rem; }
.service-more a { text-decoration: underline; text-underline-offset: 5px; }
.service-redesign .work-contact .btn { flex-shrink: 0; }

@media (max-width: 760px) {
  .service-redesign .work-hero h1 {
    font-size: min(5.6vw, 40px);
    line-height: 1.25;
  }
  .service-redesign .service-title-line { display: inline-block; white-space: nowrap; }
}
