/* Clear hierarchy: headline, workflow, then three supporting product previews. */
.page-home .ai-section-heading>div:empty,.page-home .comms-section-heading>div:empty{display:none}
.page-home .ai-section-heading{gap:0;margin-bottom:44px}
.page-home .comms-section-heading{display:block;margin-bottom:40px}
.page-home .comms-section-heading h2{max-width:1100px}
.page-home .comms-home .flow-builder{margin:0 0 40px}
.vg-comms{margin:36px 0 0}
.vg-panels{align-items:stretch}
.vg-panel .vg-art{position:relative;box-sizing:border-box;height:350px;min-height:350px;margin:0;padding:85px 25px 24px;border:1px solid #334b6b;border-radius:16px;overflow:hidden}
.vg-panel .comms-card-title{position:absolute;left:25px;right:20px;top:23px;margin:0;font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:#f6f8fb}
.vg-panel>.vg-texting{justify-content:center}
.vg-panel .vg-texting-top{margin-bottom:18px}
.vg-registration-steps button>span{transition:background .5s ease,border-color .5s ease,box-shadow .5s ease}
.vg-agents button .x-portrait{transition:box-shadow .5s ease,transform .5s ease}
.vg-agents button[aria-pressed=true] .x-portrait{box-shadow:0 0 0 2px #79abff,0 5px 15px -6px #4f8fff;transform:translateY(-2px)}
.vg-playing .vg-signal{animation-iteration-count:infinite}
.comms-typing{display:flex;gap:4px;position:absolute;left:29px;bottom:87px;opacity:0;pointer-events:none}
.comms-typing i{height:5px;width:5px;border-radius:50%;background:#acbfda}
.vg-playing .comms-typing{animation:commsTyping 8s ease infinite}
.vg-playing .comms-typing i{animation:commsDot 1s ease-in-out infinite alternate}
.vg-playing .comms-typing i:nth-child(2){animation-delay:.2s}.vg-playing .comms-typing i:nth-child(3){animation-delay:.4s}
.vg-playing .vg-texting .vg-bubble-out{animation:commsSent 8s cubic-bezier(.16,1,.3,1) infinite}
.vg-playing .vg-texting .vg-bubble-in{animation:commsReceived 8s cubic-bezier(.16,1,.3,1) infinite}
@keyframes commsSent{0%{opacity:.35;transform:translateY(6px)}10%,92%{opacity:1;transform:translateY(0)}100%{opacity:.35;transform:translateY(0)}}
@keyframes commsReceived{0%,28%{opacity:0;transform:translateY(7px)}43%,92%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@keyframes commsTyping{0%,11%,35%,100%{opacity:0}15%,28%{opacity:1}}
@keyframes commsDot{to{transform:translateY(-3px);opacity:.45}}
.flow-canvas{overflow-x:auto;overflow-y:hidden;overscroll-behavior:auto;touch-action:pan-y}
.flow-node{touch-action:pan-y}
.flow-preview{margin-bottom:0}
.flow-identity>span>small:empty{display:none}
.flow-builder .flow-topbar{border-radius:15px 15px 0 0}
@media(max-width:1100px) and (min-width:601px){.vg-panel .vg-art{padding:76px 16px 22px;height:330px;min-height:330px}.vg-panel .comms-card-title{left:16px;top:22px;font-size:17px}.comms-typing{left:20px;bottom:83px}}
@media(max-width:600px){.vg-panels{display:grid;grid-template-columns:1fr;gap:20px}.vg-mobile-tabs{display:none!important}.vg-panel .vg-art{height:330px;min-height:330px;padding:78px 22px 22px}.vg-panel .comms-card-title{font-size:21px;left:22px;top:24px}.vg-comms{margin-top:26px}.page-home .comms-section-heading{margin-bottom:28px}.page-home .comms-home .flow-builder{margin-bottom:26px}.comms-typing{left:27px;bottom:78px}}
@media(prefers-reduced-motion:reduce){.vg-playing .comms-typing,.vg-playing .comms-typing i,.vg-playing .vg-texting .vg-bubble-out,.vg-playing .vg-texting .vg-bubble-in{animation:none}.comms-typing{display:none}.vg-agents button .x-portrait,.vg-registration-steps button>span{transition:none}}
.motion-paused .comms-typing{display:none}.motion-paused .vg-texting .vg-bubble-out,.motion-paused .vg-texting .vg-bubble-in{animation:none}
