/* The automation pages build on the corporate typography, spacing and components. */
.automation-hero .hero-content{padding-top:65px;padding-bottom:55px}
.automation-hero h1{font-size:clamp(3.25rem,6.3vw,6.4rem);line-height:1.04;max-width:850px}
.automation-hero .hero-art{width:80%;object-position:60% center}
.automation-hero .hero-shade{background:linear-gradient(90deg,#171818fa 0%,#171818eb 23%,#17181850 50%,#17181800 74%),linear-gradient(0deg,#171818 0%,#17181800 35%)}
.automation-hero .hero-content>p{max-width:470px}
.automation-hero .hero-note{margin-top:35px}
.automation-hero .hero-index{gap:32px}
.automation-promise{background:#eeede6;border-bottom:1px solid var(--line)}
.automation-promise .container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}
.automation-promise span{display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:550}
.automation-promise svg{width:20px;height:20px;color:#bc3700}
.automation-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.automation-service{display:flex;flex-direction:column;border-top:1px solid var(--ink);padding-top:24px;min-width:0}
.automation-service-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px}
.automation-service-top>span{font-size:.875rem;color:#73736b}
.automation-service-top svg{color:#bc3700;width:28px;height:28px}
.automation-service h3{font-size:clamp(1.8rem,2.9vw,2.7rem);line-height:1.12}
.automation-service>p{margin:22px 0 26px;font-size:1rem;max-width:390px}
.automation-service>small{font-size:.8125rem;color:#73736b;margin-top:auto;margin-bottom:28px}
.automation-agents-feature,.agent-example-section{background:var(--ink);color:var(--paper);padding-block:105px}
.automation-feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:95px;align-items:center}
.automation-feature-grid>div>p{max-width:470px;color:#bdbdb6;margin-top:25px;font-size:1rem}
.automation-feature-grid>div>.button{margin-top:30px}
.automation-routing{padding:36px;background:#222424;border:1px solid var(--dark-line);border-radius:4px}
.routing-channels{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.routing-channels>span{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 12px;border:1px solid var(--dark-line);background:var(--ink);font-size:.9375rem}
.routing-channels svg{width:20px;height:20px;color:#ff8958}
.routing-line{height:32px;width:1px;margin:auto;background:#ffffff40}
.routing-agent{display:flex;align-items:center;gap:20px;padding:23px;background:#3b281f;border:1px solid #ff4b0070}
.routing-agent>svg{color:var(--orange);width:28px;height:28px}
.routing-agent strong{display:block;font-size:1.125rem;font-weight:550}
.routing-agent span{display:block;color:#bdbdb6;font-size:.875rem;margin-top:8px}
.routing-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.routing-destinations>span{display:flex;flex-direction:column;align-items:center;gap:11px;padding:18px 8px;border:1px solid var(--dark-line);font-size:.8125rem}
.routing-destinations svg{width:20px;height:20px;color:#ff8958}
.automation-routing>p{font-size:.8125rem!important;margin-top:24px!important;text-align:center}
.automation-examples{border-bottom:1px solid var(--line)}
.automation-examples .ai-grid>div>p{color:var(--muted)}
.automation-examples .scenario{color:var(--paper)}
.automation-contact-list{padding:0;list-style:none;margin:28px 0;font-size:.9375rem;color:var(--muted)}
.automation-contact-list li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #d4d3ca}
.automation-contact-list li:before{content:'+';color:#bc3700;flex-shrink:0}

/* The voice and WhatsApp landing has its own examples and keeps the same identity. */
.agent-channels{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.agent-channels article{padding:38px;border:1px solid var(--line);background:#faf9f6;border-radius:4px;min-width:0}
.agent-channels article:last-child{background:#eeede6}
.agent-channels h3{font-size:clamp(1.9rem,2.9vw,2.8rem);line-height:1.12}
.agent-channels p{margin-top:25px;font-size:1rem}
.agent-channels ul{list-style:none;margin:28px 0 0;padding:0;font-size:.9375rem}
.agent-channels li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.agent-channels li svg{color:#bc3700;width:18px;height:23px}
.agent-capabilities{background:#eeede6;border-block:1px solid var(--line)}
.agent-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 32px}
.agent-capability-grid article{border-top:1px solid #c9c8be;padding-top:22px;min-width:0}
.agent-capability-grid article>span{font-size:.875rem;color:#73736b}
.agent-capability-grid h3{font-size:1.8rem;margin-top:27px;line-height:1.15}
.agent-capability-grid p{font-size:.9375rem;margin-top:18px}
.agent-demo{padding:30px;background:#222424;border:1px solid var(--dark-line);border-radius:4px;min-width:0}
.agent-demo-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.875rem}
.agent-demo-tabs{display:flex;gap:22px;border-bottom:1px solid var(--dark-line);margin:24px 0 0}
.agent-demo-tabs button{padding:12px 0;background:none;border:0;border-bottom:2px solid transparent;color:#bdbdb6;font-size:.875rem}
.agent-demo-tabs [aria-selected=true]{border-color:var(--orange);color:var(--paper)}
.agent-demo-channel{font-size:.8125rem;color:#bdbdb6;margin:22px 0}
.agent-messages{display:flex;flex-direction:column;gap:14px}
.agent-message{padding:14px 17px;border:1px solid #ffffff26;border-radius:4px;max-width:92%;align-self:flex-start;background:#171818}
.agent-message--agent{align-self:flex-end;background:#3b281f;border-color:#ff4b0070}
.agent-message>span{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.07em;color:#bdbdb6;margin-bottom:7px}
.agent-message--agent>span{color:#ff8958}
.agent-message p{font-size:.875rem;color:#e8e8e2;line-height:1.65}
.agent-demo-action{border-top:1px solid var(--dark-line);padding-top:20px;margin-top:26px}
.agent-demo-action span{display:block;font-size:.6875rem;color:#bdbdb6;text-transform:uppercase;letter-spacing:.06em}
.agent-demo-action strong{display:block;margin-top:9px;font-size:.875rem;font-weight:550;line-height:1.7}
.agent-demo-note{font-size:.8125rem;color:#bdbdb6;margin-top:17px;line-height:1.7}
.agent-integration-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:95px;align-items:start}
.agent-integration-grid>div>p{margin-top:27px;max-width:470px}
.agent-integration-list>div{display:flex;gap:22px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}
.agent-integration-list>div:first-child{border-top:1px solid var(--line)}
.agent-integration-list>div>span{font-size:.8125rem;color:#73736b;padding-top:6px}
.agent-integration-list h3{font-size:1.7rem;line-height:1.15}
.agent-integration-list p{font-size:.9375rem;margin-top:11px}
.agent-integration-list svg{color:#bc3700;width:20px;height:20px;margin-left:auto;flex-shrink:0}
.agent-process{background:#eeede6;border-block:1px solid var(--line)}
.agent-faq{padding-top:85px}
[hidden]{display:none!important}

@media(max-width:1200px){.automation-feature-grid,.agent-integration-grid{gap:55px}.automation-services{gap:25px}.agent-capability-grid{gap:40px 25px}.agent-demo{padding:25px}.automation-routing{padding:26px}.agent-channels article{padding:30px}}
@media(max-width:950px){.automation-hero h1{font-size:8vw}.automation-hero .hero-art{width:100%;opacity:.65;object-position:65% center}.automation-feature-grid{gap:35px;grid-template-columns:1fr 1fr}.agent-integration-grid{gap:40px}.agent-demo-top{flex-direction:column;align-items:start;gap:10px}.agent-demo-tabs{gap:15px}.automation-service h3{font-size:1.9rem}.automation-services{gap:22px}.routing-channels>span{padding:15px 8px;font-size:.8125rem;gap:8px}.routing-destinations{gap:6px}.routing-destinations>span{font-size:.75rem}.routing-agent{padding:20px;gap:12px}.routing-agent span{font-size:.8125rem}.agent-capability-grid h3{font-size:1.6rem}.agent-integration-list h3{font-size:1.5rem}.agent-channels h3{font-size:2rem}}
@media(max-width:700px){
 .automation-hero .hero-content{padding-top:40px;padding-bottom:30px}.automation-hero h1{font-size:clamp(2.6rem,10.7vw,4.65rem)}.automation-hero .hero-art{width:150%;right:-32%;opacity:.33;object-position:70% center}.automation-hero .hero-shade{background:linear-gradient(90deg,#171818eb 0%,#171818a0 50%,#17181830 100%),linear-gradient(0deg,#171818 0%,transparent 55%)}.automation-hero .hero-index{gap:0}.automation-hero .hero-note{margin-top:28px;font-size:.8125rem}.automation-hero .hero-actions .text-link{font-size:.875rem}
 .automation-promise .container{flex-wrap:wrap;gap:14px 20px;padding-block:22px}.automation-promise span{font-size:.75rem;gap:8px}.automation-promise svg{width:17px;height:17px}
 .automation-services{grid-template-columns:1fr;gap:40px}.automation-service h3{font-size:2.3rem}.automation-service-top{margin-bottom:28px}.automation-service>p{margin:20px 0;max-width:none}.automation-service>small{margin-bottom:22px}
 .automation-agents-feature,.agent-example-section{padding-block:65px}.automation-feature-grid,.agent-integration-grid{grid-template-columns:1fr;gap:40px}.automation-feature-grid h2{font-size:clamp(2.4rem,9vw,3.6rem)}.automation-feature-grid>div>p{margin-top:24px;max-width:none}.automation-feature-grid>div>.button{margin-top:27px;font-size:.875rem}.automation-routing{padding:25px 20px}.routing-channels{gap:12px}.routing-channels>span{font-size:.875rem}.routing-agent{padding:20px}.routing-destinations>span{font-size:.75rem}.routing-agent strong{font-size:1.0625rem}.automation-examples .ai-grid{gap:35px}
 .agent-channels{grid-template-columns:1fr;gap:22px}.agent-channels article{padding:28px 24px}.agent-channels h3{font-size:2rem}.agent-channels p{font-size:.9375rem}.agent-channels ul{font-size:.875rem}.agent-capability-grid{grid-template-columns:1fr;gap:32px}.agent-capability-grid h3{font-size:1.8rem;margin-top:20px}.agent-capability-grid p{font-size:.9375rem;margin-top:15px}.agent-demo{padding:24px 20px}.agent-demo-top{flex-direction:row;align-items:center;font-size:.8125rem;gap:10px}.agent-demo-top .example-badge{font-size:.625rem;padding:3px 6px;white-space:nowrap}.agent-demo-tabs{gap:18px;margin-top:18px}.agent-demo-tabs button{font-size:.8125rem}.agent-demo-channel{font-size:.75rem}.agent-message{max-width:95%;padding:13px 14px}.agent-message p{font-size:.8125rem}.agent-demo-action strong{font-size:.8125rem}.agent-demo-note{font-size:.75rem}.agent-integration-list>div{gap:16px;padding-block:23px}.agent-integration-list h3{font-size:1.5rem}.agent-integration-list p{font-size:.875rem}.agent-faq{padding-top:65px}
}