/* Contained, legible product cards around the original hero. */
.hero .orbit-card{border-radius:10px;background:linear-gradient(145deg,#fff 40%,#f5f8fe);border-color:#dbe3ef;box-shadow:0 2px 4px #1e355806,0 9px 22px #1e355807}
.hero .orbit-card:before{opacity:.22}
.hero .card-top{font-size:11px;font-weight:550;letter-spacing:-.015em;color:#28364d}
.hero .orbit-card strong{font-size:10.5px;color:#617087;font-weight:400}
.hero .card-bottom{font-size:8px;letter-spacing:0;color:#536a91;background:transparent;border-radius:0 0 10px 10px;border-top-color:#e5ebf4}
.hero .card-bottom .tag,.hero .ai-mini .tag{color:#4f6791;background:#eef3fc;font-size:7px}
.hero .status-dot{opacity:.85}.hero .mini-posts b{color:#4e5d76}
.hero-grid{opacity:.28}.hero:before{opacity:.24}
.hero-copy p{color:#667286}.hero-copy .eyebrow{color:#748097}
@media(min-width:1100px){
 .hero .orbit-card{scale:1;width:226px;transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotate(calc(var(--rotation,0deg) + var(--reactive-tilt,0deg)*.5))}
 .hero .sales-card{left:3.2%;right:auto;top:65px;--rotation:-1.5deg}
 .hero .marketing-card{right:3.2%;left:auto;top:55px;--rotation:1.5deg}
 .hero .field-card{left:3.2%;right:auto;top:311px;--rotation:0deg}
 .hero .calls-card{right:3.2%;left:auto;top:311px;--rotation:0deg}
 .hero .people-card{left:8%;right:auto;top:564px;--rotation:-1deg;width:238px}
 .hero .ai-card{right:8%;left:auto;top:564px;--rotation:1deg;width:248px}
 .hero-copy{max-width:calc(100% - 580px);padding-top:206px}
 .hero h1{font-size:clamp(64px,5.6vw,84px);letter-spacing:-.035em;line-height:1.03;white-space:nowrap}
 .hero-copy p{font-size:14px;max-width:485px;line-height:1.85}
 .hero-ctas{margin-top:29px}
 .hero-bottom{bottom:22px}
}
@media(min-width:760px) and (max-width:1099px){
 .hero .orbit-card{width:192px;scale:.9;transform-origin:center;transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotate(var(--rotation,0deg))}
 .hero .sales-card{left:2%;top:48px;--rotation:-2deg}.hero .marketing-card{right:2%;top:44px;--rotation:2deg}
 .hero .field-card{left:1.5%;top:321px;--rotation:0deg;width:180px}.hero .calls-card{right:1.5%;top:321px;--rotation:0deg;width:180px}
 .hero .people-card{left:8%;top:591px;--rotation:-1deg;width:222px}.hero .ai-card{right:8%;top:591px;--rotation:1deg;width:232px}
 .hero-copy{max-width:calc(100% - 400px);padding-top:216px}
 .hero h1{font-size:clamp(46px,5.9vw,62px);white-space:nowrap}
 .hero-copy p{font-size:12px;line-height:1.8}
 .hero .card-top{font-size:10px}.hero .orbit-card strong{font-size:10px}
}
@media(max-width:759px){.hero .card-top{font-size:10px}.hero .orbit-card strong{font-size:10px}.hero .card-bottom{font-size:7.5px}}