/* September 2026 client updates. Scoped to the changed landing-page sections. */
.ag-hero-action { margin: 2rem auto 2.75rem; }
.ag-no-sales { margin: 1rem 0 1.4rem; color: #53534e; font-size: 14px; }
.ag-no-sales span { margin-right: .25rem; }
.ag-trust-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem; padding: 0; margin: 0; list-style: none; }
.ag-trust-pills li { display: flex; align-items: center; gap: .55rem; padding: .7rem 1rem; border: 1px solid #e0ddd7; border-radius: 100px; background: #fff; font-size: 14px; font-weight: 600; }
.ag-trust-pills li::before { content: ""; width: 8px; height: 8px; background: #1b7f14; border-radius: 50%; flex: none; }
.ag-hero-action button:focus-visible, .ag-coach-toggle:focus-visible { outline: 3px solid #282828; outline-offset: 5px; }
.owl-carousel-one .owl-item > div > img, .owl-carousel-two .owl-item > div > img { height: auto; }

.ag-coach-chat-visual { container-type: inline-size; max-width: 600px; margin: 0 auto; }
.ag-coach-chat-visual > img { display: block; width: 100%; height: auto; }
.ag-chat { position: absolute; z-index: 2; left: 4.8%; top: 12.2%; width: 47.5%; height: 73.7%; display: flex; flex-direction: column; overflow: hidden; border-radius: 5cqw; background: #f7f4ee; border: 1px solid #dedbd4; box-shadow: 0 12px 26px #0002; color: #282828; font-size: clamp(11px, 2.55cqw, 15px); line-height: 1.5; }
.ag-chat-header { display: flex; align-items: center; gap: 1.6cqw; padding: 3cqw 2.3cqw; background: #fff; border-bottom: 1px solid #e7e4dd; }
.ag-chat-header > img { width: 7.5cqw; height: 7.5cqw; flex: none; object-fit: cover; object-position: center 20%; border-radius: 50%; }
.ag-chat-header strong { display: block; font-size: 1.03em; }
.ag-chat-header span { display: flex; align-items: center; gap: .4em; font-size: .76em; color: #5d625b; white-space: nowrap; }
.ag-chat-header i { width: .55em; height: .55em; border-radius: 50%; background: #1b7f14; }
.ag-chat-messages { display: flex; flex-direction: column; justify-content: center; gap: 2.3cqw; flex: 1; padding: 2.5cqw; }
.ag-chat-message { margin: 0; padding: 2.3cqw; background: #fff; border: 1px solid #e7e4dd; border-radius: 2.8cqw 2.8cqw 2.8cqw .5cqw; }
.ag-chat-reply { margin-left: 2cqw; background: #e7f4e4; border-color: #cfdfcb; border-radius: 2.8cqw 2.8cqw .5cqw 2.8cqw; }

.ag-process { background: #fffaf5; color: #282828; text-align: left; }
.ag-process h2 { font-weight: 800; font-size: clamp(29px, 3.1vw, 43px); line-height: 1.13; margin: 0 0 1.2rem; }
.ag-process-intro { max-width: 38ch; font-size: 16px; line-height: 1.7; color: #57534f; margin-bottom: 1.7rem; }
.ag-process-photo { width: 100%; height: auto; }
.ag-timeline { list-style: none; margin: 0 0 0 .3rem; padding: 0 0 0 3.6rem; }
.ag-timeline-step { position: relative; padding: 0 0 1.8rem 1rem; }
.ag-timeline-step::before { content: ""; position: absolute; left: -2.15rem; top: 3.1rem; bottom: -.1rem; border-left: 2px dashed #d8c6bd; }
.ag-timeline-step:last-child { padding-bottom: 0; }
.ag-timeline-step:last-child::before { display: none; }
.ag-step-icon { position: absolute; left: -3.65rem; top: 0; display: grid; place-items: center; width: 3.1rem; height: 3.1rem; background: #fff; border: 1px solid #eadbd3; border-radius: 50%; }
.ag-step-icon img { width: 30px; height: 30px; }
.ag-process .ag-step-time { margin: 0 0 .4rem; font-size: 13px; font-weight: 700; color: #b5272b; line-height: 1.5; }
.ag-process .ag-timeline h3 { font-size: 20px; font-weight: 800; line-height: 1.3; margin: 0 0 .65rem; }
.ag-process .ag-step-copy { font-size: 14px; line-height: 1.75; margin: 0 0 .8rem; color: #504b47; }
.ag-step-tags { display: flex; flex-wrap: wrap; gap: .4rem; padding: 0; margin: 0; list-style: none; }
.ag-step-tags li { background: #fff; border: 1px solid #e6dcd4; border-radius: 30px; padding: .35rem .65rem; font-size: 11px; font-weight: 600; color: #45413d; }

.ag-team-heading { font-weight: 800; font-size: clamp(30px, 3.5vw, 48px); line-height: 1.15; max-width: 840px; margin: 2rem auto 1.25rem; }
.ag-team-intro { max-width: 870px; margin: 0 auto 1.75rem; font-size: 18px; line-height: 1.7; }
.ag-coach-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.ag-coach-card { position: relative; isolation: isolate; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 1rem; background: #282828; }
.ag-coach-card > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.ag-coach-toggle { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; width: 100%; border: 0; border-radius: 0 0 1rem 1rem; padding: 3rem .5rem 1.15rem; color: #fff; background: linear-gradient(transparent, #000c 58%); text-align: center; }
.ag-coach-toggle:focus-visible { outline-color: #fff; outline-offset: -5px; }
.ag-coach-name { display: block; font-size: 17px; font-weight: 700; text-transform: uppercase; }
.ag-coach-prompt { display: block; font-size: 12px; margin-top: .2rem; }
.ag-coach-bio { position: absolute; z-index: 2; inset: 0; background: #181818; padding: 1.3rem 1.2rem 5.6rem; color: #fff; overflow-y: auto; scrollbar-width: thin; }
.ag-coach-bio h3 { font-size: 18px; font-weight: 700; margin: 0 0 1rem; }
.ag-coach-bio ul { font-size: 13px; line-height: 1.55; padding-left: 1rem; margin: 0; }
.ag-coach-bio li + li { margin-top: .55rem; }
.ag-coach-card.is-open .ag-coach-toggle { padding-top: 1.1rem; background: #181818; border-top: 1px solid #ffffff25; }
.ag-coach-card.is-open .ag-coach-name { display: none; }
.ag-coach-card.is-open .ag-coach-prompt { font-size: 13px; }
.ag-client-cap { display: inline-flex; align-items: center; gap: .85rem; max-width: 100%; margin: 1.75rem auto .75rem; padding: 1rem 1.5rem; border: 1px dashed #d7c3bd; border-radius: 50px; background: #fffaf5; font-size: 15px; line-height: 1.6; }
.ag-client-cap > span:first-child { font-size: 28px; line-height: 1; color: #b5272b; }
.ag-client-cap strong { color: #b5272b; }
@media (min-width: 992px) {
  .ag-coach-card:nth-last-child(2):nth-child(4n + 1) { grid-column: 2; }
}
@media (max-width: 991.98px) {
  .ag-process .sec-hdiw-left { max-width: 620px; margin-left: auto; margin-right: auto; }
  .ag-process-photo { max-height: 620px; object-fit: cover; object-position: top; }
  .ag-timeline { margin-top: 1rem; }
  .ag-coach-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .ag-coach-chat-visual { padding-bottom: 3rem; }
  .ag-chat { left: 1%; top: calc(12.2% - .366rem); width: 61%; height: auto; min-height: 74%; border-radius: 18px; }
  .ag-chat-header { padding: 3cqw; }
  .ag-chat-header > img { width: 8cqw; height: 8cqw; }
  .ag-chat-messages { gap: 2cqw; padding: 3cqw; }
  .ag-hero-action { margin: 1.5rem auto 2rem; }
  .ag-no-sales { font-size: 12px; max-width: 32ch; margin: .9rem auto 1.25rem; }
  .ag-trust-pills { gap: .45rem; }
  .ag-trust-pills li { font-size: 11px; padding: .55rem .7rem; gap: .4rem; }
  .ag-trust-pills li::before { width: 6px; height: 6px; }
  .ag-process { border-radius: 28px; }
  .ag-timeline { padding-left: 2.6rem; margin-left: 0; }
  .ag-timeline-step { padding-left: .7rem; }
  .ag-step-icon { left: -2.65rem; width: 2.6rem; height: 2.6rem; }
  .ag-step-icon img { width: 25px; height: 25px; }
  .ag-timeline-step::before { left: -1.4rem; top: 2.6rem; }
  .ag-process .ag-timeline h3 { font-size: 19px; }
  .ag-process .ag-step-copy { font-size: 13px; }
  .ag-team-intro { font-size: 15px; }
  .ag-coach-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ag-client-cap { font-size: 13px; padding: .85rem 1rem; border-radius: 24px; text-align: left; }
}
@media (max-width: 575.98px) {
  .ag-coach-grid { grid-template-columns: minmax(0, 340px); justify-content: center; gap: 1.25rem; }
  .ag-coach-bio { padding: 1.5rem 1.4rem 5.5rem; }
  .ag-coach-bio ul { font-size: 14px; }
}
@media (max-width: 359.98px) {
  .ag-chat { width: 62%; left: 1%; }
  .ag-chat-messages { gap: 1.5cqw; padding: 2cqw; }
  .ag-chat-message { padding: 1.7cqw; }
}
