/* A restrained finish to the existing hero; content and motion hooks stay intact. */
.hero{background:radial-gradient(ellipse at 13% 20%,#eaf1ff 0%,transparent 47%),radial-gradient(ellipse at 89% 80%,#e7efff 0%,transparent 48%),#fff}
.hero:after{background:radial-gradient(ellipse at 50% 43%,#fff 12%,#ffffffeb 28%,transparent 68%)}
.hero-grid{opacity:.55}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,#527adc22 .55px,transparent .85px) 0 0/7px 7px;mask-image:linear-gradient(110deg,#0008,transparent 33%,transparent 66%,#0007);opacity:.38}
.hero .orbit-card{background:linear-gradient(150deg,#fff 22%,#f5f8ff 100%);border-color:#dce4f1;border-radius:12px;box-shadow:0 1px 2px #223b6510,0 8px 22px #27466c09;transition:border-color .3s,box-shadow .3s}
.hero .orbit-card:before{background:radial-gradient(180px circle at var(--shine-x,50%) var(--shine-y,0%),#fff9,transparent 75%);opacity:.4}
.hero .orbit-card:hover,.hero .orbit-card:focus-visible{border-color:#aebfe7;box-shadow:0 2px 5px #223b650a,0 14px 30px #27466c16}
.hero .card-top{font-size:10px;font-weight:550;color:#384458;gap:9px}
.hero .orbit-card strong{font-size:10px;color:#717c8e;line-height:1.55;margin-top:11px}
.hero .card-bottom{border-top-color:#e4eaf5;background:#ffffff40;color:#60789f;min-height:32px;font-size:7.5px;border-radius:0 0 12px 12px}
.hero .card-bottom .tag,.hero .ai-mini .tag{border-color:#dfe7f5;background:#f0f4fc;color:#5574a8;border-radius:4px}
.hero .status-dot{width:4px;height:4px;opacity:.7}
.hero .app-icon{box-shadow:none;border-color:#dce5f6;background:linear-gradient(145deg,#fff,#edf3ff)}
.hero .mini-posts i{background:linear-gradient(150deg,#edf2fc,#dfe7f8)}
.hero .mini-posts i:nth-child(2){background:linear-gradient(150deg,#f3f6fc,#e4ecfa)}
.hero .mini-posts i:nth-child(3){background:linear-gradient(150deg,#e9f0fc,#dce6f8)}
.hero .mini-map{opacity:.9}.hero .waveform{opacity:.85}
.hero .sales-card{--rotation:-4deg}.hero .marketing-card{--rotation:3deg}.hero .field-card{--rotation:3deg}.hero .calls-card{--rotation:-3deg}.hero .people-card{--rotation:-3deg}.hero .ai-card{--rotation:3deg}
.hero-copy .eyebrow{font-size:9px;letter-spacing:.095em;color:#798293}
.hero-copy p{max-width:580px;margin-inline:auto;color:#737b89;line-height:1.8}
@media(min-width:1200px){.hero h1{font-size:clamp(78px,6vw,90px);line-height:1.025;margin-bottom:26px}.hero-ctas{margin-top:30px}}
@media(max-width:600px){.hero-copy .eyebrow{font-size:7px;letter-spacing:.075em}.hero-copy p{max-width:340px}.hero{background:radial-gradient(ellipse at 0 12%,#eaf1ff,transparent 45%),radial-gradient(ellipse at 100% 92%,#e8f0ff,transparent 50%),#fff}.hero .sales-card{--rotation:-6deg}.hero .marketing-card{--rotation:6deg}.hero .people-card{--rotation:-5deg}.hero .ai-card{--rotation:5deg}}