/* Shared illustration primitives; used by the homepage and studio. */
:root{--motion-copy-width:530px;--motion-art-gap:14px}
@media(max-width:800px){:root{--motion-copy-width:470px;--motion-art-gap:18px}}
.mo-visual{position:absolute;left:66%;top:53%;width:720px;height:540px;transform:translate(-50%,-50%) scale(var(--mo-scale,.9));transform-origin:center;isolation:isolate}
.mo-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mo-card{background:#ffffffed;border:1px solid #dfe6f2;box-shadow:0 12px 45px #253f7112;border-radius:16px}
.mo-note{display:flex;align-items:center;gap:14px;padding:20px 22px;position:absolute;min-width:240px}
.mo-note strong{font-size:15px;font-weight:600;display:block}
.mo-note p{font-size:12px;line-height:1.5;color:#748299;margin:6px 0 0}
.mo-tick{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eaf5ff;color:#237bdd;font-size:16px;flex-shrink:0}
.mo-label{position:absolute;font-size:12px;line-height:1.5;color:#7b879b}
.mo-visual img{object-fit:cover}
.mo-visual [data-badge],.mo-visual [data-orbit-frame],.mo-visual [data-press-source],.mo-visual [data-press-result],.mo-visual [data-compose-tile]{will-change:transform}
.mo-visual img[src*="service-icons"]{filter:brightness(0);object-fit:contain;opacity:.8}
.mo-voice-endpoint-label{color:var(--goxee-muted-color);top:302px;transform:translateX(-50%);transform-origin:50% -37px;white-space:nowrap}
.mo-voice-source{left:54px}
.mo-voice-destination{left:666px}
.mo-voice-capsule{position:absolute;z-index:5;left:666px;top:265px;width:58px;height:58px;transform:translate(-50%,-50%);display:grid;place-items:center}
.mo-voice-capsule img{width:30px;height:30px}
.mo-voice-capsule strong{font-size:18px;font-weight:550}
@media(max-width:800px){.mo-visual{left:50%;top:65%}
.mo-note strong{font-size:21px}
.mo-note p{font-size:18px}
.mo-label{font-size:19px}
}
@media(max-width:450px){.mo-visual{top:65%}
.mo-note{padding:17px 20px}
.mo-note strong{font-size:20px}
.mo-note p{font-size:17px}
}
.mo-radar-balloon text{text-rendering:geometricPrecision;font-size:16px;font-weight:600;fill:#131e30;font-variant-numeric:tabular-nums;letter-spacing:-.015em}
.mo-sonar-sweep{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle closest-side at center,#2869ed 0%,#3f72ee 38%,#7056ee 100%);-webkit-mask-image:conic-gradient(from 90deg,transparent 0deg 278deg,rgba(0,0,0,0) 278deg,rgba(0,0,0,.035) 298deg,rgba(0,0,0,.15) 327deg,rgba(0,0,0,.32) 360deg);mask-image:conic-gradient(from 90deg,transparent 0deg 278deg,rgba(0,0,0,0) 278deg,rgba(0,0,0,.035) 298deg,rgba(0,0,0,.15) 327deg,rgba(0,0,0,.32) 360deg)}
@media(max-width:800px){.mo-radar-balloon text{font-size:20px}
}
.mo-voice-balloon{left:180px;top:0;width:360px;min-width:0;max-width:360px;border-radius:18px;opacity:0;visibility:hidden;pointer-events:none;z-index:4;will-change:transform,opacity}
.mo-voice-balloon strong{font-size:16px;line-height:1.35}
.mo-voice-balloon p{font-size:13px;line-height:1.5}
.mo-voice-balloon .mo-tick{width:40px;height:40px;background:linear-gradient(135deg,#2869ed 0%,#7056ee 100%)}
.mo-voice-balloon .mo-tick>.ml-fa{filter:brightness(0) invert(1);display:block;width:22px;height:22px;object-fit:contain;object-position:center;flex-shrink:0}
@media(max-width:800px){.mo-voice-balloon{left:160px;width:400px;max-width:400px;padding:16px;gap:12px}
.mo-voice-balloon strong{font-size:24px}
.mo-voice-balloon p{font-size:21px}
}
.mo-voice-thread{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 40px);mask-image:linear-gradient(transparent,#000 40px)}
.mo-voice-speaker{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mo-balloon-content>strong{min-width:0;overflow-wrap:anywhere}
.mo-voice-orb{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(#e8faff,#80d1ff 55%,#087dff);box-shadow:none}
.mo-voice-orb>canvas{display:block;width:100%;height:100%}
.ml-benefits{--benefit-number-size:var(--voice-heading-size,clamp(40px,4.3vw,62px));position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;max-width:1120px;margin:20px auto 0;padding:0;flex-shrink:0}
.ml-benefit{min-width:0;text-align:center}
.ml-benefit .ml-benefit-value{min-height:calc(var(--benefit-number-size)*1.1);margin:0;display:flex;align-items:center;justify-content:center;color:var(--goxee-muted-color);font-size:var(--benefit-number-size);font-weight:400;letter-spacing:-.045em;line-height:1.08}
.ml-benefit:first-child dt{color:#101f35}
.ml-benefit .ml-benefit-description{display:block;max-width:245px;margin:8px auto 0;color:#42516a;font-size:14px;line-height:1.55}
@media(max-width:900px){.ml-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;margin-top:24px}
}
@media(max-width:480px){.ml-benefits{gap:30px 20px;margin-top:20px}
.ml-benefit .ml-benefit-description{margin-top:6px;font-size:12px;line-height:1.5}
}
.mo-voice-balloon{background:transparent;border:0;box-shadow:none;isolation:isolate}
.mo-balloon-surface{position:absolute;left:-16px;top:0;width:calc(100% + 32px);height:100%;overflow:visible;z-index:0;pointer-events:none}
.mo-balloon-shape{fill:#ffffffed;stroke:#dfe6f2;stroke-width:1;stroke-linejoin:round}
.mo-balloon-content{position:relative;z-index:1;display:flex;align-items:center;gap:inherit;width:100%;min-width:0}
.mo-balloon-shadow{filter:drop-shadow(0 12px 22px #253f7112)}
.ml-benefit-unit{font-size:.24em;font-weight:500;letter-spacing:0;margin-left:5px;transform:translateY(.65em);white-space:nowrap}
.ml-benefit-note{display:block;margin-top:5px;font-size:inherit;line-height:inherit}
@media(max-width:480px){.ml-benefit-unit{font-size:12px;margin-left:3px}
}

/* Keep the conversation readable inside the scaled mobile illustration. */
@media(max-width:600px){
 .hm-section--voice-agent .hm-description{font-size:17px;line-height:1.5;text-wrap:balance}
 .hm-art.ml-voice-animation,.ml-stage .ml-voice-animation{width:calc(100% + 24px);max-width:none;margin-left:-12px;margin-right:-12px;margin-top:8px}
 .hm-art .mo-visual.mo-voice-flow,.ml-voice-animation .mo-visual.mo-voice-flow{top:calc(50% - 10px)}
 .mo-voice-flow{--voice-endpoint-size:clamp(32px,10vw,42px);--voice-endpoint-diameter:calc(var(--voice-endpoint-size)/var(--mo-scale,.9))}
 .mo-voice-flow .mo-voice-thread{overflow:visible;-webkit-mask-image:none;mask-image:none}
 .mo-voice-flow .mo-voice-capsule{width:var(--voice-endpoint-diameter);height:var(--voice-endpoint-diameter)}
 .mo-voice-flow [data-shopper-endpoint] circle{r:calc(var(--voice-endpoint-diameter)/2)}
 .mo-voice-flow [data-shopper-portrait]{width:var(--voice-endpoint-diameter);height:var(--voice-endpoint-diameter)}
 .mo-voice-flow .mo-voice-endpoint-label{top:calc(265px + (var(--voice-endpoint-size)/2 + 6px)/var(--mo-scale,.9));width:108px;white-space:normal;text-align:center;font-size:calc(13px/var(--mo-scale,.9));line-height:1.25;font-weight:500;transform-origin:50% calc((var(--voice-endpoint-size)/-2 - 6px)/var(--mo-scale,.9))}
 .mo-voice-flow .mo-card.mo-voice-balloon{left:110px;width:500px;max-width:500px;padding:calc(14px/var(--mo-scale,.9)) calc(16px/var(--mo-scale,.9));gap:calc(10px/var(--mo-scale,.9));border-radius:calc(16px/var(--mo-scale,.9))}
 .mo-voice-flow .mo-voice-balloon strong{font-size:calc(17px/var(--mo-scale,.9));line-height:1.4;font-weight:500}
 .mo-voice-flow .mo-voice-balloon .mo-tick{width:calc(26px/var(--mo-scale,.9));height:calc(26px/var(--mo-scale,.9));align-self:center}
 .mo-voice-flow .mo-voice-balloon .mo-tick>.ml-fa{width:calc(15px/var(--mo-scale,.9));height:calc(15px/var(--mo-scale,.9))}
 .hm-art:has(.mo-voice-flow) :is(.hm-pause,.hm-sound,.mo-voice-controls),.ml-voice-animation .mo-voice-controls{top:auto;bottom:16px}
}

/* Native SVG sweep on mobile keeps the same shared rotation, colors and radial fade. */
.mo-sonar-mobile{display:none}
@media(max-width:800px){.mo-market-lens .mo-sonar-desktop,.mo-market-lens [data-market-grid-highlight]{display:none}.mo-market-lens .mo-sonar-mobile{display:inline}}