/* Product diagrams in the established Core54 visual language. */
.vg-art{min-height:260px}.vg-routing .vg-signal{opacity:0}.vg-routing[data-selected-agent=alex] .vg-signal:nth-of-type(2),.vg-routing[data-selected-agent=jordan] .vg-signal:nth-of-type(4),.vg-routing[data-selected-agent=taylor] .vg-signal:nth-of-type(6){opacity:1}.vg-registration-steps:after{content:"";position:absolute;left:25px;right:25px;top:22px;height:1px;background:#79a6ff;z-index:-1;transform-origin:left;transform:scaleX(0);transition:transform .45s var(--ease)}.vg-registration[data-registration-current=consent] .vg-registration-steps:after{transform:scaleX(.5)}.vg-registration[data-registration-current=review] .vg-registration-steps:after{transform:scaleX(1)}
.vg-comms{margin:44px 0 46px}.vg-mobile-tabs{display:none}.vg-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.vg-panel{min-width:0}.vg-panel[hidden]{display:none}.vg-panel svg,.vg-brand-preview svg,.vg-workflow-symbol svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.vg-art{height:248px;padding:24px 22px;border-radius:13px;background:#0c1b31;color:#d7e1f0;position:relative;overflow:hidden;margin-bottom:23px}.vg-panel h3{font-size:21px;font-weight:500;line-height:1.35;letter-spacing:-.02em}.vg-panel>p{font-size:14px;line-height:1.7;color:#d7e1f0;margin-top:12px;max-width:350px}.vg-panel details{margin-top:10px}.vg-panel summary{font-size:12px;color:#79a6ff;display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;min-height:44px;width:fit-content}.vg-panel summary::-webkit-details-marker{display:none}.vg-panel summary svg{width:14px;height:14px;transition:transform .2s}.vg-panel details[open] summary svg{transform:rotate(90deg)}.vg-panel details>p{font-size:12px;line-height:1.8;color:#b7cbe8;margin:0 0 12px;max-width:360px}.vg-number-source{display:flex;align-items:center;justify-content:center;gap:13px}.vg-number-source>svg{width:24px;height:24px;color:#79a6ff}.vg-number-source>span{font-size:8px;letter-spacing:.04em;color:#b7cbe8}.vg-number-source strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1.5;color:#f6f8fb}.vg-call-dot{width:5px;height:5px;border-radius:50%;background:#79a6ff}.vg-routing-lines{display:block;width:100%;height:43px;margin:9px 0 4px}.vg-wire{stroke:#34445e;stroke-width:1}.vg-signal{stroke:#79a6ff;stroke-width:1.6;stroke-dasharray:.08 .92;stroke-dashoffset:0;opacity:.9}.vg-agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vg-agents button{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:0;color:#b7cbe8;font-size:10px;padding:4px;min-height:63px;cursor:pointer}.vg-agents .x-portrait{width:36px;height:36px;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s,transform .2s}.vg-agents button[aria-pressed=true]{color:#f6f8fb}.vg-agents button[aria-pressed=true] .x-portrait{box-shadow:0 0 0 2px #79a6ff}.vg-agents button:hover .x-portrait{transform:translateY(-3px)}.vg-routing-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#b7cbe8;margin-top:15px;line-height:1.5}.vg-routing-status svg{width:13px;height:13px;color:#79a6ff}.vg-register-top{display:flex;gap:10px;align-items:center;font-size:11px;color:#b7cbe8}.vg-register-top svg{width:22px;height:22px;color:#79a6ff}.vg-registration-steps{display:flex;justify-content:space-between;position:relative;margin:22px 0 18px;isolation:isolate}.vg-registration-steps:before{content:"";height:1px;position:absolute;left:25px;right:25px;top:22px;background:#34445e;z-index:-1}.vg-registration-steps button{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;background:none;border:0;color:#b7cbe8;min-width:57px;min-height:70px;padding:0 3px;cursor:pointer}.vg-registration-steps button>span{background:#11243e;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;transition:background .2s,color .2s}.vg-registration-steps button[aria-pressed=true]>span{background:#1767ff;color:#f6f8fb}.vg-registration-steps svg{width:20px;height:20px}.vg-registration-steps button:hover>span{background:#234a7f}.vg-registration-caption strong{font-size:12px;font-weight:500;display:block;line-height:1.4;color:#f6f8fb}.vg-registration-caption>span{font-size:10px;color:#b7cbe8;display:block;margin-top:7px;line-height:1.6;min-height:32px}.vg-art .vg-art-note{font-size:8px;line-height:1.5;color:#b7cbe8;margin-top:7px}.vg-texting-top{display:flex;align-items:center;gap:9px;font-size:11px;margin-bottom:18px}.vg-texting-top>svg{width:20px;height:20px;color:#79a6ff}.vg-texting-top small{font-size:8px;color:#b7cbe8;margin-left:auto}.vg-bubble{font-size:11px;line-height:1.65;padding:11px 13px;max-width:95%;border-radius:10px}.vg-bubble-out{background:#1767ff;color:#fff;border-bottom-right-radius:3px;margin-left:auto}.vg-bubble-in{background:#e8f0ff;color:#10223d;border-bottom-left-radius:3px;margin-top:9px;max-width:85%}.vg-message-action{font-size:9px;color:#b7cbe8;line-height:1.6;margin-top:12px;display:flex;align-items:center;gap:8px;min-height:28px}.vg-message-action>svg{width:17px;height:17px;flex:none;color:#79a6ff}.vg-message-choices{display:flex;gap:5px;margin-top:9px}.vg-message-choices button{min-height:38px;background:none;border:1px solid #34445e;border-radius:5px;padding:7px 13px;font-size:11px;color:#b7cbe8;cursor:pointer}.vg-message-choices button[aria-pressed=true]{background:#163563;border-color:#4385ff;color:#f6f8fb}.vg-message-choices button:hover{border-color:#79a6ff}.vg-panel button:focus-visible,.vg-panel summary:focus-visible,.vg-mobile-tabs button:focus-visible,.vg-brand-editor input:focus-visible{outline:2px solid #79a6ff;outline-offset:4px}
.vg-playing .vg-signal{animation:vgRoute 2.8s linear 2}.vg-playing .vg-bubble-in{animation:vgReply 1s var(--ease) both}.vg-playing .vg-message-action{animation:vgReply 1.2s var(--ease) both}.vg-brand-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.vg-brand-layout>div{min-width:0}.vg-brand-layout h2{font-size:clamp(2.8rem,4.1vw,4rem);line-height:1.08}.vg-brand-layout>div>p{color:#d7e1f0;font-size:17px;line-height:1.8;max-width:420px;margin-top:25px}.vg-brand-layout .text-link{color:#79a6ff;margin-top:24px;min-height:44px}.vg-brand-editor{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;color:#b7cbe8;margin-bottom:20px}.vg-brand-editor input{width:55%;min-width:0;background:#0c1b31;border:1px solid #34445e;border-radius:6px;color:#f6f8fb;font:inherit;font-size:16px;min-height:46px;padding:10px 13px;caret-color:#79a6ff}.vg-brand-app{border-radius:13px;overflow:hidden;box-shadow:0 20px 50px #0004;background:#e8f0ff}.vg-brand-app-top{background:#0c1b31;color:#f6f8fb;display:flex;gap:11px;align-items:center;padding:21px}.vg-agency-monogram{background:#1767ff;width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:6px;font-size:12px}.vg-brand-app-top>strong{font-weight:500;min-width:0;font-size:17px;overflow-wrap:anywhere;line-height:1.35}.vg-brand-app-top>span:last-child{font-size:8px;color:#b7cbe8;margin-left:auto;white-space:nowrap}.vg-brand-app-top>span:last-child>span{color:#4385ff}.vg-brand-screen{display:grid;grid-template-columns:56px minmax(0,1fr)}.vg-brand-sidebar{display:flex;flex-direction:column;align-items:center;gap:30px;padding-top:26px;background:#0c1b31;color:#b7cbe8}.vg-brand-sidebar svg{width:18px;height:18px}.vg-brand-sidebar svg:first-child{color:#79a6ff}.vg-brand-content{padding:20px;color:#10223d}.vg-brand-viewhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.vg-brand-viewhead>strong{font-size:19px;font-weight:500;letter-spacing:-.03em}.vg-brand-viewhead>span{color:#087e69;font-size:10px;white-space:nowrap}.vg-brand-agent{background:#fff;border-radius:8px 8px 0 0;padding:16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e2e9f3}.vg-brand-agent>.x-portrait{width:35px;height:35px;flex:none}.vg-brand-agent strong{font-size:12px;font-weight:500}.vg-brand-agent small{font-size:9px;color:#53657e;display:block;margin-top:4px}.vg-mini-wave{width:40px;height:28px;margin-left:auto;color:#1767ff}.vg-mini-wave path{transform-origin:center;transform-box:fill-box}.vg-playing .vg-mini-wave path{animation:vgWave 1.1s ease-in-out 5 alternate}.vg-playing .vg-mini-wave path:nth-child(2n){animation-delay:-.4s}.vg-brand-transcript{background:#fff;padding:19px 16px;border-radius:0 0 8px 8px}.vg-brand-transcript>span{font-size:9px;color:#2564dc}.vg-brand-transcript>p{font-size:12px;line-height:1.8;margin:7px 0 20px}.vg-brand-transcript>p:last-child{margin-bottom:2px}.vg-brand-app-foot{font-size:9px;color:#53657e;display:flex;align-items:center;gap:8px;padding-top:17px}.vg-brand-app-foot svg{width:14px;height:14px;color:#2564dc}.vg-brand-benefits{display:flex;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}.vg-brand-benefits>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#b7cbe8}.vg-brand-benefits svg{width:15px;height:15px;color:#79a6ff}.vg-brand-layout .vg-brand-note{font-size:10px;margin-top:14px;color:#b7cbe8}.vg-workflow-symbol{position:relative;width:52px;height:52px;display:grid;place-items:center;background:#0c1b31;border-radius:50%;margin-bottom:22px;color:#79a6ff}.vg-workflow-symbol svg{width:25px;height:25px}.vg-workflow-explainer>div{position:relative}.vg-workflow-explainer article{border:0;padding:0}.vg-workflow-explainer>div:before{content:"";position:absolute;left:25px;right:20%;top:26px;height:1px;background:#34445e;z-index:-1}.vg-workflow-explainer>div{isolation:isolate}.vg-workflow-explainer article>p{max-width:300px}
@keyframes vgRoute{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes vgReply{from{transform:translateY(7px);opacity:.45;clip-path:inset(0 0 20% 0)}to{transform:none;opacity:1;clip-path:inset(0)}}@keyframes vgWave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@media(max-width:1180px){.vg-panels{gap:20px}.vg-art{padding:22px 16px}.vg-number-source strong{font-size:20px}.vg-panel h3{font-size:19px}.vg-panel>p{font-size:13px}.vg-texting-top small{display:none}.vg-brand-layout{gap:45px}.vg-brand-app-top{padding:18px}.vg-brand-app-top>span:last-child{display:none}.vg-brand-content{padding:17px}.vg-brand-editor{align-items:flex-start;flex-direction:column;gap:10px}.vg-brand-editor input{width:100%}}
@media(max-width:850px) and (min-width:601px){.vg-art{padding:19px 12px;height:264px}.vg-number-source{gap:7px}.vg-number-source strong{font-size:16px}.vg-number-source>svg{width:19px}.vg-agents{gap:3px}.vg-register-top{font-size:10px;gap:7px}.vg-register-top svg{width:18px}.vg-registration-steps button{font-size:9px;min-width:45px}.vg-registration-steps button>span{width:40px;height:40px}.vg-registration-caption strong{font-size:11px}.vg-registration-caption>span{font-size:9px}.vg-art .vg-art-note{font-size:8px}.vg-bubble{font-size:10px;padding:10px}.vg-message-action{font-size:8px}.vg-message-choices{gap:4px}.vg-message-choices button{padding-inline:9px;font-size:10px}.vg-brand-layout{grid-template-columns:1fr;gap:38px}.vg-brand-preview{width:100%;max-width:620px}.vg-brand-editor{flex-direction:row;align-items:center}.vg-brand-editor input{width:55%}}
@media(max-width:600px){.vg-comms{margin:28px 0 34px}.vg-panels{grid-template-columns:minmax(0,1fr);gap:32px}.has-visual-tabs .vg-mobile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-bottom:1px solid #34445e;margin-bottom:19px}.vg-mobile-tabs button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:8px 4px;color:#b7cbe8;background:none;border:0;border-bottom:2px solid transparent;font-size:12px;cursor:pointer}.vg-mobile-tabs svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.vg-mobile-tabs button[aria-pressed=true]{color:#f6f8fb;border-bottom-color:#4385ff}.vg-art{height:238px;margin-bottom:18px;padding:21px 20px}.vg-number-source strong{font-size:23px}.vg-panel h3{font-size:22px}.vg-panel>p{font-size:14px;line-height:1.7;margin-top:9px;max-width:420px}.vg-panel details>p{font-size:13px}.vg-panel summary{font-size:12px}.vg-register-top{font-size:12px}.vg-registration-steps{margin-top:18px;margin-bottom:12px}.vg-registration-caption strong{font-size:13px}.vg-registration-caption>span{font-size:11px}.vg-art .vg-art-note{font-size:9px}.vg-message-choices button{min-height:44px;padding-inline:17px}.vg-texting-top small{display:block;font-size:9px}.vg-bubble{font-size:12px;line-height:1.65;padding:10px 13px}.vg-message-action{font-size:10px;margin-top:10px;gap:8px}.vg-agents .x-portrait{width:38px;height:38px}.vg-agents button{font-size:11px}.vg-routing-status{font-size:11px;margin-top:11px}.vg-brand-section{padding-block:62px}.vg-brand-layout{grid-template-columns:minmax(0,1fr);gap:32px}.vg-brand-layout h2{font-size:clamp(2.5rem,8vw,3.3rem)}.vg-brand-layout>div>p{font-size:16px;margin-top:20px}.vg-brand-editor{font-size:12px}.vg-brand-app-top{padding:16px 14px;gap:9px}.vg-brand-app-top>strong{font-size:16px}.vg-agency-monogram{width:31px;height:31px;font-size:11px}.vg-brand-screen{grid-template-columns:38px minmax(0,1fr)}.vg-brand-sidebar{gap:26px}.vg-brand-sidebar svg{width:15px;height:15px}.vg-brand-content{padding:15px 11px}.vg-brand-viewhead>strong{font-size:17px}.vg-brand-viewhead>span{font-size:8px}.vg-brand-agent{padding:12px 9px;gap:7px}.vg-brand-agent strong{font-size:10px}.vg-brand-agent>.x-portrait{width:29px;height:29px}.vg-mini-wave{width:30px;height:22px}.vg-brand-transcript{padding:15px 12px}.vg-brand-transcript>p{font-size:11px}.vg-brand-app-foot{font-size:8px;line-height:1.7;align-items:flex-start}.vg-brand-benefits{gap:11px;font-size:10px}.vg-brand-benefits>span{font-size:10px}.vg-brand-layout .vg-brand-note{font-size:9px}.vg-workflow-explainer>div{gap:28px}.vg-workflow-explainer>div:before{display:none}.vg-workflow-explainer article{display:grid;grid-template-columns:45px minmax(0,1fr);gap:0 17px}.vg-workflow-symbol{width:42px;height:42px;margin:0;grid-row:span 2}.vg-workflow-symbol svg{width:22px;height:22px}.vg-workflow-explainer h3{font-size:20px}.vg-workflow-explainer article>p{font-size:14px;margin-top:9px;grid-column:2}}
@media(max-width:360px){.vg-art{padding-inline:15px}.vg-texting-top small{font-size:8px}.vg-bubble{font-size:11px}.vg-number-source strong{font-size:20px}.vg-brand-screen{grid-template-columns:30px minmax(0,1fr)}.vg-brand-content{padding-inline:9px}.vg-brand-agent strong{font-size:9px}.vg-brand-agent small{font-size:8px}.vg-brand-agent>.x-portrait{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.vg-signal,.vg-bubble-in,.vg-message-action,.vg-mini-wave path{animation:none!important}.vg-panel *,.vg-brand-preview *{transition:none!important}}.motion-paused .vg-signal,.motion-paused .vg-bubble-in,.motion-paused .vg-message-action,.motion-paused .vg-mini-wave path{animation:none!important}
