/* AI employees and their work, composed as a team rather than a booking flow. */
.ppc-panel--showcase-ai-workforce :is(.ppc-panel__headline, .ppc-mobile__copy h3) { text-wrap: balance; }
.ps-layout--ai-workforce { grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr); gap: clamp(28px, 3.4vw, 54px); }
.aw-team { color: #f4f7f9; width: 100%; max-width: 800px; margin-inline: auto; }
.aw-team__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 2px 20px; }
.aw-team__brand { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; }
.aw-team__brand > i { color: #d3b779; font-size: 19px; }
.aw-team__example { font-size: 12px; color: #b4c5d2; white-space: nowrap; }
.aw-workers { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0; margin: 0; }
.aw-worker { --aw-accent: #b5ddd1; --aw-avatar: #2b4b50; min-width: 0; display: flex; flex-direction: column; gap: 16px; padding: 23px; border: 1px solid #3b5265; border-radius: 16px; background: #1b3448; }
.aw-worker--sales { --aw-accent: #b9d7ee; --aw-avatar: #2a4960; }
.aw-worker--estimating { --aw-accent: #efd097; --aw-avatar: #4d4736; }
.aw-worker--office { --aw-accent: #cbd6e2; --aw-avatar: #354758; }
.aw-worker__identity { display: flex; align-items: center; gap: 14px; min-height: 46px; }
.aw-worker__avatar { position: relative; display: grid; place-items: center; flex: 0 0 46px; height: 46px; border-radius: 13px; background: var(--aw-avatar); color: var(--aw-accent); font-size: 23px; }
.aw-worker__avatar > span { position: absolute; bottom: -4px; right: -5px; border: 2px solid #1b3448; border-radius: 5px; padding: 1px 4px; background: var(--aw-accent); color: #173247; font-size: 10px; line-height: 1.2; font-weight: 700; }
.aw-team .aw-worker h4 { margin: 0; font-size: 20px; line-height: 1.25; font-weight: 600; color: #f4f7f9; }
.aw-team .aw-worker__duty { margin: 0; font-size: 15px; line-height: 1.5; color: #c5d3df; max-width: 28ch; }
.aw-worker__work { display: flex; align-items: flex-start; gap: 9px; padding-top: 15px; margin-top: auto; border-top: 1px solid #3b5265; }
.aw-worker__work > i { flex: 0 0 15px; margin-top: 4px; font-size: 13px; color: var(--aw-accent); }
.aw-worker__work > div { display: grid; gap: 4px; min-width: 0; }
.aw-worker__work strong { font-size: 14px; font-weight: 600; line-height: 1.45; color: #f0f5f8; }
.aw-worker__work span { font-size: 12px; line-height: 1.4; color: #b0c3d0; }
.aw-team .aw-team__control { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 19px 0 0; font-size: 13px; line-height: 1.5; color: #c2d0db; }
.aw-team__control > i { color: #d3b779; }
@media (min-width: 1025px) and (max-height: 760px) {
    .aw-worker { padding: 17px; gap: 12px; }
    .aw-team__heading { padding-bottom: 14px; }
    .aw-worker__identity { min-height: 40px; gap: 12px; }
    .aw-worker__avatar { flex-basis: 40px; height: 40px; font-size: 20px; }
    .aw-team .aw-worker h4 { font-size: 18px; }
    .aw-worker__work { padding-top: 11px; }
}
@media screen and (max-width: 1024px) {
    .aw-team { max-width: 620px; }
    .aw-team__heading { padding-bottom: 15px; }
    .aw-team__brand { font-size: 14px; gap: 8px; }
    .aw-team__example { font-size: 12px; }
    .aw-workers { gap: 12px; }
    .aw-worker { padding: 17px 15px; gap: 14px; border-radius: 13px; }
    .aw-worker__identity { flex-direction: column; align-items: flex-start; gap: 12px; }
    .aw-worker__avatar { flex-basis: 40px; width: 40px; height: 40px; border-radius: 11px; font-size: 21px; }
    .aw-team .aw-worker h4 { font-size: 18px; min-height: 0; }
    .aw-team .aw-worker__duty { font-size: 14px; line-height: 1.45; }
    .aw-worker__work { gap: 7px; padding-top: 12px; }
    .aw-worker__work > i { display: none; }
    .aw-worker__work strong { font-size: 14px; line-height: 1.4; min-height: 2.8em; }
    .aw-worker__work span { font-size: 12px; }
    .aw-team .aw-team__control { margin-top: 15px; font-size: 13px; text-align: center; }
    .ppc-mobile--compact .aw-worker { padding: 13px; gap: 10px; }
    .ppc-mobile--compact .aw-worker__identity { flex-direction: row; align-items: center; gap: 10px; min-height: 40px; }
    .ppc-mobile--compact .aw-worker__avatar { flex: 0 0 32px; height: 32px; font-size: 18px; border-radius: 9px; }
    .ppc-mobile--compact .aw-team .aw-worker h4 { font-size: 16px; min-height: 40px; display: flex; align-items: center; }
    .ppc-mobile--compact .aw-worker__work { padding-top: 9px; }
    .ppc-mobile--compact .aw-team__example { display: none; }
    .ppc-mobile--short .aw-workers { gap: 10px; }
    .ppc-mobile--short .aw-worker { padding: 10px; gap: 6px; }
    .ppc-mobile--short .aw-team__heading { padding-bottom: 10px; }
    .ppc-mobile--short .aw-worker__work { padding-top: 7px; }
    .ppc-mobile--short .aw-worker__work span { display: none; }
    .ppc-mobile--short .aw-team .aw-team__control { font-size: 12px; margin-top: 12px; }
}
/* Keep the four jobs readable on the narrowest phones. */
@media screen and (max-width: 360px) {
    .ppc .ppc-mobile .aw-team__heading { padding-bottom: 10px; }
    .ppc .ppc-mobile .aw-team__example { display: none; }
    .ppc .ppc-mobile .aw-workers { gap: 10px; }
    .ppc .ppc-mobile .aw-worker { padding: 11px 9px; gap: 9px; }
    .ppc .ppc-mobile .aw-worker__identity { flex-direction: row; align-items: center; gap: 7px; min-height: 35px; }
    .ppc .ppc-mobile .aw-worker__avatar { flex: 0 0 24px; height: 28px; font-size: 16px; border-radius: 8px; }
    .ppc .ppc-mobile .aw-team .aw-worker h4 { display: flex; align-items: center; font-size: 14px; min-height: 35px; }
    .ppc .ppc-mobile .aw-team .aw-worker__duty { font-size: 13px; line-height: 1.4; }
    .ppc .ppc-mobile .aw-worker__work { display: none; }
    .ppc .ppc-mobile .aw-team__control { font-size: 12px; margin-top: 10px; }
}
@media screen and (min-width: 740px) and (max-width: 1024px) and (max-height: 500px) {
    .aw-team__heading { padding-bottom: 8px; }
    .aw-workers { gap: 8px; }
    .ppc .ppc-mobile .aw-worker { padding: 10px; gap: 7px; }
    .ppc .ppc-mobile .aw-worker__identity { flex-direction: row; align-items: center; gap: 9px; min-height: 30px; }
    .ppc .ppc-mobile .aw-worker__avatar { flex: 0 0 30px; height: 30px; font-size: 17px; }
    .ppc .ppc-mobile .aw-team .aw-worker h4 { font-size: 15px; min-height: 0; }
    .ppc .ppc-mobile .aw-worker__duty { font-size: 13px; line-height: 1.35; }
    .ppc .ppc-mobile .aw-worker__work { display: none; }
    .ppc .ppc-mobile .aw-worker__work strong { font-size: 12px; min-height: 0; }
    .ppc .ppc-mobile .aw-worker__work span, .ppc .ppc-mobile .aw-team__control, .ppc .ppc-mobile .aw-team__example { display: none; }
}
@media (prefers-reduced-motion: no-preference) {
    .ppc--pinned .aw-worker { opacity: 0; transform: translateY(8px); transition: opacity 260ms ease-out, transform 260ms ease-out; }
    .ppc--pinned .ppc-panel.is-active .aw-worker { opacity: 1; transform: none; }
    .ppc-panel.is-active .aw-worker:nth-child(2) { transition-delay: 50ms; }
    .ppc-panel.is-active .aw-worker:nth-child(3) { transition-delay: 100ms; }
    .ppc-panel.is-active .aw-worker:nth-child(4) { transition-delay: 150ms; }
}