.agent-controls-page { background: #fff; }
.agent-controls-page main { color: #252c38; }
.ac-shell { width: min(1200px, calc(100% - 64px)); margin: 0 auto; }
.ac-section { padding-top: 96px; padding-bottom: 96px; }
.ac-hero { padding: 100px 0 112px; background: #01211f url("/images/689e40769d9863f1cce73de7_User-journey-background.svg") center / cover; }
.ac-hero-inner { max-width: 790px; text-align: center; }
.ac-eyebrow { margin: 0 0 20px; color: #8cb6b0; font-size: 18px; line-height: 1.4; }
.ac-hero h1 { margin: 0; color: #fff; font-size: clamp(40px, 5vw, 64px); font-weight: 600; line-height: 1.08; letter-spacing: -1.28px; }
.ac-hero-description { max-width: 620px; margin: 24px auto 36px; color: #a5b8b7; font-size: 20px; line-height: 1.5; }
.ac-hero .uj-get-started-btn { display: inline-block; }
.ac-kicker { margin: 0 0 18px; color: #6e85a6; font-size: 18px; font-weight: 500; line-height: 1.4; }
.ac-section h2 { margin: 0 0 24px; color: #252c38; font-size: 40px; font-weight: 600; line-height: 1.12; letter-spacing: -.8px; }
.ac-feature { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 64px; }
.ac-feature-copy > p:not(.ac-kicker) { margin: 0 0 20px; color: #5c6f8a; font-size: 18px; line-height: 1.55; }
.ac-text-link { display: inline-block; margin-top: 8px; color: #197c7b; font-size: 16px; font-weight: 600; line-height: 1.5; text-decoration: none; }
.ac-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.ac-text-link:focus-visible,
.ac-hero a:focus-visible,
.ac-faq summary:focus-visible { outline: 3px solid #11b8ad; outline-offset: 5px; }
.ac-art { min-width: 0; margin: 0; }
.ac-art img { display: block; width: 100%; height: auto; border-radius: 20px; }
.ac-soft { background: #f6f8f9; }
.ac-feature-reverse { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
.ac-feature-reverse .ac-feature-copy { grid-column: 2; grid-row: 1; }
.ac-feature-reverse .ac-art { grid-column: 1; grid-row: 1; }
.ac-behavior { padding: 64px; border-radius: 24px; background: #01211f; }
.ac-behavior h2 { color: #fff; }
.ac-behavior .ac-kicker { color: #12b8ad; }
.ac-behavior .ac-feature-copy > p:not(.ac-kicker) { color: #a5b8b7; }
.ac-behavior .ac-text-link { color: #12b8ad; }
.ac-responses { padding-top: 0; text-align: center; }
.ac-response-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 48px; text-align: left; }
.ac-response-grid article { padding: 32px; border: 1px solid #e6ebef; border-radius: 16px; }
.ac-response-grid img { display: block; margin-bottom: 24px; }
.ac-response-grid h3 { margin: 0 0 14px; font-size: 22px; line-height: 1.2; }
.ac-response-grid p { margin: 0; color: #5c6f8a; font-size: 16px; line-height: 1.5; }
.ac-faq { max-width: 980px; padding-top: 0; }
.ac-faq h2 { margin-bottom: 40px; text-align: center; }
.ac-faq details { border-top: 1px solid #dce2e8; }
.ac-faq details:last-child { border-bottom: 1px solid #dce2e8; }
.ac-faq summary { position: relative; padding: 24px 40px 24px 0; font-size: 18px; font-weight: 500; line-height: 1.4; list-style: none; cursor: pointer; }
.ac-faq summary::-webkit-details-marker { display: none; }
.ac-faq summary::after { position: absolute; top: 24px; right: 4px; color: #6e85a6; content: "+"; font-size: 24px; }
.ac-faq details[open] summary::after { content: "−"; }
.ac-faq details > p { max-width: 850px; margin: 0; padding: 0 40px 24px 0; color: #5c6f8a; font-size: 16px; line-height: 1.6; }

@media (max-width: 991px) {
  .ac-section { padding-top: 64px; padding-bottom: 64px; }
  .ac-hero { padding: 88px 0; }
  .ac-feature { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .ac-feature-copy { max-width: 680px; }
  .ac-feature-reverse .ac-feature-copy,
  .ac-feature-reverse .ac-art { grid-column: auto; grid-row: auto; }
  .ac-art { width: 100%; max-width: 740px; }
  .ac-behavior { padding: 40px; }
  .ac-response-grid { gap: 16px; }
  .ac-response-grid article { padding: 24px; }
  .ac-response-grid h3 { font-size: 20px; }
  .ac-responses,
  .ac-faq { padding-top: 0; }
}

@media (max-width: 767px) {
  .ac-shell { width: calc(100% - 40px); }
  .ac-section { padding-top: 48px; padding-bottom: 48px; }
  .ac-hero { padding: 60px 0 64px; }
  .ac-eyebrow { font-size: 16px; }
  .ac-hero-description { font-size: 18px; }
  .ac-section h2 { font-size: 32px; }
  .ac-feature-copy > p:not(.ac-kicker) { font-size: 17px; }
  .ac-behavior { padding: 32px 20px; }
  .ac-response-grid { grid-template-columns: minmax(0, 1fr); margin-top: 32px; }
  .ac-responses,
  .ac-faq { padding-top: 0; }
  .ac-faq summary { font-size: 17px; }
  .ac-faq details > p { padding-right: 0; }
}