/* 1. Hero chat: consistent 8/12/16 spacing rhythm */
.fsi-head{padding:20px 20px 0}
.fsi-tabs{margin:16px 20px 0}
.fsi-panel{padding:16px 20px 20px;gap:16px}
.fsi-thread{display:grid;gap:12px}
.fsi-thread .fsi-a{line-height:1.55}
.fsi-links{gap:8px}
.fsi-foot{padding:12px 20px}
/* 2. Robot stays visible on hover; subtle nudge instead of restarting the pop-in */
.spanny-pop:hover .sp-bot,.spanny-pop:focus-visible .sp-bot{animation:spPop .9s cubic-bezier(.2,.9,.3,1.35) .5s both,spHover 4.2s ease-in-out 1.5s infinite}
.spanny-pop .sp-flip{transition:translate .3s ease}
.spanny-pop:hover .sp-flip,.spanny-pop:focus-visible .sp-flip{animation:spNudge 1.2s ease-in-out infinite}
@keyframes spNudge{0%,100%{rotate:0deg;translate:0 0}50%{rotate:-5deg;translate:0 -4px}}
@media (prefers-reduced-motion:reduce){.spanny-pop:hover .sp-flip,.spanny-pop:focus-visible .sp-flip{animation:none}}
/* 3. AppExchange rating: space before the star */
.stat .v .st-star{margin-left:6px;font-size:.8em;vertical-align:.04em}
.appx-r span{margin-left:6px}
/* 4. Split section head: center the intro text against the heading */
.wrap>.section-head.sh-split>p{align-self:center;margin:0}
/* 5. Story card arrow: crisp, centered icon */
.h-ind2 .rl-go{font-size:0;flex:0 0 34px}
.h-ind2 .rl-go::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.h-ind2:hover .rl-go{transform:translateX(3px)}
/* 6. AI section robot: supporting size */
.h-ai-art img{max-height:240px;max-width:100%;height:auto}
/* 7. Floating chat: shadow and rounded edge on the scroll container so nothing is clipped */
.fsi-pop{border-radius:20px;border:1px solid #d5dee8;box-shadow:0 18px 48px rgba(13,30,66,.32),0 2px 6px rgba(13,30,66,.12);background:#fff}
.fsi-pop>.fsi{box-shadow:none;border-radius:0}
/* Mobile */
@media (max-width:600px){
 .section{padding-block:40px}
 .section.quote{padding-block:40px}
 .section-head{margin-bottom:24px}
 .cta-band .wrap{padding-block:44px;gap:20px}
 .logos-band .eyebrow{margin-bottom:18px!important}
 .h-ai-grid{gap:24px}
 .h-ai-art img{max-height:150px}
 main .btn{width:100%;justify-content:center;text-align:center}
 main .actions,main .h-ai-acts,.cta-band .wrap>div:last-child{width:100%}
 .fsi-links .btn,.fsi-form .btn{width:auto}
 .site-footer .news .btn,.site-footer .touch .btn{width:100%;justify-content:center;justify-self:stretch}
 .site-footer .values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px;justify-items:center;text-align:center}
 .site-footer .values .vt,.site-footer .values .appx{grid-column:1/-1}
 .site-footer .values .vt{font-size:20px}
 .val{flex-direction:column;gap:8px}
 .val-ic{width:56px;height:56px}
 .val-ic img{width:40px;height:40px}
 .val b{font-size:17px}
}