/* Hero only: large original portrait, with cards confined to its column. */
.hero .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center}
.hero .hero-copy{min-width:0}
.hero .hero-copy h1{max-width:100%;overflow-wrap:break-word}
.hero .hero-visual{display:block;position:relative;height:705px;min-width:0;margin:0;padding:0}
.hero .hero-portrait{position:absolute;inset:auto 8px 0 auto;width:min(590px,82%);height:100%;object-fit:cover;object-position:58% 18%;mask-image:linear-gradient(90deg,transparent 0,#000 11% 96%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 11% 96%,transparent 100%)}
.hero .agent-card{display:grid;position:absolute;inset:auto;transform:none;animation:none;width:190px;min-width:0;min-height:0;height:148px;padding:14px 12px;grid-template-columns:28px minmax(0,1fr);gap:8px;align-content:start;box-sizing:border-box}
.hero .agent-card-support{left:0;top:76px}
.hero .agent-card-sales{left:0;top:auto;bottom:32px}
.hero .agent-card-analytics{right:0;bottom:32px}
.hero .agent-card strong{font-size:12px;line-height:1.4;display:block;min-height:18px}
.hero .agent-card small{font-size:10px}
.hero .agent-card b{font-size:25px}
.hero .agent-card p{font-size:10px;line-height:1.5;margin-top:0}
.hero .agent-icon{width:28px;height:28px;font-size:19px}
@media(761px <= width <= 1100px){
 .hero .hero-grid{gap:32px}
 .hero .agent-card{width:166px;height:148px;padding:12px 10px;grid-template-columns:24px minmax(0,1fr);gap:7px}
 .hero .agent-icon{width:24px;height:24px;font-size:17px}
}
@media(max-width:900px){
 .hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .hero .hero-copy{padding-bottom:20px}
 .hero .hero-visual{width:100%;height:705px}
}
@media(max-width:540px){
 .hero .hero-visual{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;height:auto}
 .hero .hero-portrait{position:relative;inset:auto;width:100%;height:350px;object-position:50% 24%;mask-image:linear-gradient(#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(#000 85%,transparent 100%)}
 .hero .agent-card{position:relative;inset:auto;width:100%;height:148px;padding:16px;grid-template-columns:32px minmax(0,1fr)}
 .hero .agent-card strong{font-size:13px}
 .hero .agent-card p{font-size:12px}
}

/* Match the original hero's visual scale without affecting other sections. */
.hero .hero-copy h1{font-size:clamp(58px,5.2vw,86px);line-height:.99;letter-spacing:-.047em}
.hero .hero-copy .hero-lead{font-size:20px;line-height:1.55;margin-top:30px}
.hero .hero-copy .hero-actions{gap:16px;margin-top:34px}
.hero .hero-copy .button{padding-inline:31px;min-height:62px;font-size:16px}
@media(min-width:1101px){
 .hero .hero-portrait{width:min(590px,calc(82% + 17px))}
}
@media(max-width:760px){
 .hero .hero-copy h1{font-size:clamp(49px,15vw,70px)}
 .hero .hero-copy .hero-lead{font-size:17px}
 .hero .hero-copy .hero-actions{gap:16px;margin-top:34px}
 .hero .hero-portrait{height:555px}
}