@font-face{font-family:Manrope;src:url('/assets/brand-directions/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/brand-directions/fonts/DMSans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/brand-directions/fonts/SpaceGrotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Archivo;src:url('/assets/brand-directions/fonts/Archivo.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Fraunces;src:url('/assets/brand-directions/fonts/Fraunces.ttf') format('truetype');font-weight:100 900;font-display:swap}
.dev-brand-directions{border-top:1px solid #E3E6EC;margin-top:10px;padding-top:10px;font-family:Switzer,Arial,sans-serif}
.dev-brand-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:#526179;font-size:10px}
.dev-brand-heading strong{letter-spacing:.08em;font-weight:600}.dev-brand-heading a{text-decoration:underline;text-underline-offset:3px}
.dev-brand-choices{display:flex;gap:6px;flex-wrap:wrap}
.dev-brand-choices button{display:flex;align-items:center;gap:7px;border:1px solid #D4DAE4;background:#FFF;color:#26334A;border-radius:7px;padding:8px 12px;font-size:11px;min-height:34px}
.dev-brand-choices button[aria-pressed=true]{background:#101827;color:white;border-color:#101827}
.dev-brand-swatch{width:10px;height:10px;border-radius:3px;flex:none}
.dev-brand-description{display:block;font-size:10px;line-height:1.5;color:#526179;margin-top:7px}
.brand-identity-logo,.brand-identity-review-logo,.brand-identity-mark{display:none}
:root[data-brand-direction]:not([data-brand-direction=current]){color-scheme:light}
:root[data-brand-direction]:not([data-brand-direction=current]) :is(.voco-brand-logo,.review-voco-logo){display:none}
:root[data-brand-direction]:not([data-brand-direction=current]) .brand-identity-logo{display:block;width:154px;height:auto;filter:none}
:root[data-brand-direction]:not([data-brand-direction=current]) .brand-identity-review-logo{display:block;width:70px;height:auto;filter:none}
:root[data-brand-direction]:not([data-brand-direction=current]) .brand-identity-mark{display:block;filter:none}
:root[data-brand-direction]:not([data-brand-direction=current]) :is(.page-brand,.hero,.intake-section,.demo-faq,.footer){background:var(--identity-background)}
:root[data-brand-direction]:not([data-brand-direction=current]) .page-ambient:before,
:root[data-brand-direction]:not([data-brand-direction=current]) .page-ambient:after{display:none}
:root[data-brand-direction]:not([data-brand-direction=current]) :is(.hero h1,.workflow-section h2,.reviews .review-section-heading h2,.demo-faq h2,.preparation-header h2){font-weight:var(--identity-weight);color:var(--identity-ink)}
:root[data-brand-direction]:not([data-brand-direction=current]) :is(.hero .eyebrow,.form-question,.intake-lead,.demo-faq summary,.hero-proof-copy){color:var(--identity-ink)}
:root[data-brand-direction]:not([data-brand-direction=current]) :is(.hero-subhead,.workflow-intro,.review-marquee-card blockquote p){color:var(--identity-ink)}
:root[data-brand-direction]:not([data-brand-direction=current]) :is(.review-card-author>div>span,.review-heading-meta,.review-motion-toggle,.workflow-step-label,.input-hint,.step-meta,.workflow-demo-note,.footer p,.footer>span,.demo-faq-answer p){color:var(--identity-muted)}
:root[data-brand-direction]:not([data-brand-direction=current]) .test-drive-cta{background:var(--identity-ink);color:#FFF;box-shadow:none}
:root[data-brand-direction]:not([data-brand-direction=current]) .test-drive-cta:hover{background:var(--identity-ink)}
:root[data-brand-direction]:not([data-brand-direction=current]) .test-drive-cta .cta-action-dot{background:var(--identity-accent)}
:root[data-brand-direction]:not([data-brand-direction=current]) .voco-intro-pill{background:var(--identity-surface);color:var(--identity-ink);box-shadow:none}
:root[data-brand-direction]:not([data-brand-direction=current]) .voco-intro-pill>.voco-mascot-live{display:none}
:root[data-brand-direction]:not([data-brand-direction=current]) .voco-intro-pill>.brand-identity-mark{order:-1;width:42px;height:42px;border:0;background:none;box-shadow:none;border-radius:0}
:root[data-brand-direction]:not([data-brand-direction=current]) .workflow-hub-core>.voco-mascot-live{display:none}
:root[data-brand-direction]:not([data-brand-direction=current]) .workflow-hub-core>.brand-identity-mark{width:154px;height:154px;object-fit:contain;background:var(--identity-highlight);padding:36px;border-radius:40px;position:relative;z-index:1}
:root[data-brand-direction]:not([data-brand-direction=current]) :is(.workflow-role-node,.workflow-result,.review-marquee-card){background:var(--identity-surface);border-color:color-mix(in srgb,var(--identity-ink) 12%,transparent);box-shadow:none}
:root[data-brand-direction]:not([data-brand-direction=current]) :is(.radio-option,.intake-fields input,.intake-fields textarea){background:var(--identity-background);color:var(--identity-ink);border-color:color-mix(in srgb,var(--identity-ink) 50%,var(--identity-background))}
:root[data-brand-direction]:not([data-brand-direction=current]) .radio-option span{color:var(--identity-ink)}
:root[data-brand-direction]:not([data-brand-direction=current]) .radio-option:hover{background:var(--identity-surface)}
:root[data-brand-direction]:not([data-brand-direction=current]) .radio-option:has(input:checked){background:var(--identity-surface);border-color:var(--identity-accent)}
:root[data-brand-direction]:not([data-brand-direction=current]) .vsl-wrap{border-color:var(--identity-surface);box-shadow:0 16px 50px color-mix(in srgb,var(--identity-ink) 8%,transparent)}
:root[data-brand-direction]:not([data-brand-direction=current]) .review-card-mark{color:color-mix(in srgb,var(--identity-accent) 25%,transparent)}
:root[data-brand-direction]:not([data-brand-direction=current]) :focus-visible{outline-color:var(--identity-accent)}
/* Developer controls stay neutral to make the product identities easier to compare. */
:root[data-brand-direction]:not([data-brand-direction=current]) :is(.dev-preset-bar,.brand-preview){font-family:Switzer,Arial,sans-serif;background:#FFFFFAF5;color:#151515}
:root[data-brand-direction]:not([data-brand-direction=current]) .dev-preset-choices strong{font-family:Switzer,Arial,sans-serif}
:root[data-brand-direction=company] .hero h1{letter-spacing:-.055em;line-height:1.15}
:root[data-brand-direction=company] :is(.workflow-role-node,.workflow-result,.review-marquee-card){border-radius:28px}
:root[data-brand-direction=company] .voco-intro-pill{border-radius:22px}
:root[data-brand-direction=momentum] .hero h1{font-stretch:95%;letter-spacing:-.045em;line-height:1.08}
:root[data-brand-direction=momentum] :is(.test-drive-cta,.voco-intro-pill,.radio-option,.workflow-role-node,.workflow-result,.review-marquee-card,.vsl-wrap){border-radius:8px}
:root[data-brand-direction=momentum] .workflow-hub-core>.brand-identity-mark{border-radius:8px;transform:rotate(-6deg)}
:root[data-brand-direction=momentum] .hero .eyebrow{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:.045em}
:root[data-brand-direction=quiet] .hero h1{font-variation-settings:'SOFT' 35,'WONK' 1;letter-spacing:-.055em;line-height:1.1;font-size:clamp(42px,4.7vw,66px)}
:root[data-brand-direction=quiet] .voco-intro-pill{font-family:Manrope,Arial,sans-serif;font-size:.52em;border-radius:12px;min-height:68px}
:root[data-brand-direction=quiet] :is(.form-question,.intake-lead){font-family:Manrope,Arial,sans-serif}
:root[data-brand-direction=quiet] :is(.workflow-role-node,.workflow-result,.review-marquee-card){border-radius:12px}
:root[data-brand-direction=quiet] .workflow-hub-core>.brand-identity-mark{border-radius:50%;background:var(--identity-surface)}
@media(max-width:720px){
  .dev-brand-choices{display:grid;grid-template-columns:1fr 1fr;gap:5px}
  .dev-brand-choices button{font-size:10px;padding:8px;min-height:38px;white-space:nowrap}
  .dev-brand-description{font-size:9px}.dev-brand-heading{font-size:9px}
  :root[data-brand-direction]:not([data-brand-direction=current]) .page-brand .brand-identity-logo{width:132px}
  :root[data-brand-direction]:not([data-brand-direction=current]) .voco-intro-pill>.brand-identity-mark{width:30px;height:30px}
  :root[data-brand-direction=quiet] .hero h1{font-size:clamp(35px,8.7vw,48px)}
  :root[data-brand-direction=quiet] .voco-intro-pill{min-height:50px;font-size:.57em}
}
@media(prefers-reduced-motion:reduce){:root[data-brand-direction]:not([data-brand-direction=current]) *{scroll-behavior:auto}}
/* Generated companions replace the shared mascot in draft identities. */
.brand-identity-mascot{display:none}
:root[data-brand-direction]:not([data-brand-direction=current]) .brand-identity-mascot{display:block;object-fit:contain;filter:none}
:root[data-brand-direction]:not([data-brand-direction=current]) .voco-intro-pill>.brand-identity-mascot{order:-1;width:52px;height:58px;flex:none}
:root[data-brand-direction]:not([data-brand-direction=current]) .workflow-hub-core>.brand-identity-mascot{width:210px;height:224px;position:relative;z-index:1}
:root[data-brand-direction=momentum] .workflow-hub-core>.brand-identity-mascot{width:224px}
@media(max-width:720px){:root[data-brand-direction]:not([data-brand-direction=current]) .voco-intro-pill>.brand-identity-mascot{width:34px;height:40px}}
/* Signal: original Voco assets, charcoal canvas and blue voice activity. */
.signal-wave-field,.signal-customer-proof{display:none}
:root[data-brand-direction=signal][data-preview-mode]{color-scheme:dark}
:root[data-brand-direction=signal][data-preview-mode] body{background:#07090B;color:#FAFAFA}
:root[data-brand-direction=signal][data-preview-mode] .page-ambient{background:#07090B}
:root[data-brand-direction=signal][data-preview-mode] :is(.brand-identity-logo,.brand-identity-review-logo,.brand-identity-mascot){display:none!important}
:root[data-brand-direction=signal][data-preview-mode] :is(.voco-brand-logo,.review-voco-logo){display:block!important;filter:invert(1) hue-rotate(180deg)}
:root[data-brand-direction=signal][data-preview-mode] :is(.voco-intro-pill,.workflow-hub-core)>.voco-mascot-live{display:inline-block!important;filter:none}
:root[data-brand-direction=signal][data-preview-mode] .vsl-thumbnail{filter:none}
:root[data-brand-direction=signal][data-preview-mode] .hero{position:relative;isolation:isolate;width:calc(100% - 48px);max-width:1560px;margin:24px auto;padding:142px 40px 146px;border:0;border-radius:38px;background:radial-gradient(ellipse at 85% 90%,#4D70CE10,transparent 50%),linear-gradient(150deg,#11141A,#0E1016 55%,#0C141A);overflow:hidden}
:root[data-brand-direction=signal][data-preview-mode] .hero-copy{position:relative;z-index:1;max-width:1020px}
:root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand{position:absolute;z-index:3;left:50%;top:-1px;transform:translateX(-50%);width:270px;height:94px;min-height:0;padding:15px 40px 24px;display:flex;align-items:center;justify-content:center;background:#07090B;border-radius:0 0 46px 46px}
:root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand:before,:root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand:after{content:'';position:absolute;top:0;width:38px;height:38px;background:transparent}
:root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand:before{left:-38px;border-radius:0 38px 0 0;box-shadow:12px -12px 0 12px #07090B}
:root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand:after{right:-38px;border-radius:38px 0 0 0;box-shadow:-12px -12px 0 12px #07090B}
:root[data-brand-direction=signal][data-preview-mode] .hero h1{font-family:"Google Sans Flex",Arial,sans-serif;font-weight:500;font-size:clamp(38px,4vw,58px);line-height:1.16;letter-spacing:-.045em}
:root[data-brand-direction=signal][data-preview-mode] .hero .eyebrow{color:#FAFAFA}
:root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) .eyebrow{font-size:14.95px}
:root[data-brand-direction=signal][data-preview-mode] .hero-subhead{color:#B0B0B0}
:root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill{background:#18181B;color:#FAFAFA;border:1px solid #FFFFFF16;border-radius:999px}
:root[data-brand-direction=signal][data-preview-mode] .signal-wave-field{display:block;position:absolute;inset:140px 0 0;z-index:0;pointer-events:none;opacity:.3;overflow:hidden}
.signal-wave-field svg{display:block;width:100%;height:100%}
.signal-wave-field rect{transform-box:fill-box;transform-origin:center bottom;animation:signal-voice-breathe var(--duration) ease-in-out var(--delay) infinite alternate;animation-play-state:paused}
.signal-wave-field.is-running rect{animation-play-state:running}
@keyframes signal-voice-breathe{0%{transform:scaleY(.25)}35%{transform:scaleY(.7)}65%{transform:scaleY(.4)}100%{transform:scaleY(1)}}
:root[data-brand-direction=signal][data-preview-mode] .hero-copy .vsl-business-ticker{position:relative;z-index:2;width:min(740px,85%);margin:58px auto -146px;padding:24px 22px 20px;background:#07090B;border-radius:50px 50px 0 0;mask-image:none;overflow:hidden}
:root[data-brand-direction=signal][data-preview-mode] .vsl-business-logo{opacity:.72}
:root[data-brand-direction=signal][data-preview-mode] .hero-proof{display:none}
:root[data-brand-direction=signal][data-preview-mode] .signal-customer-proof{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px auto 36px;color:#99A0B0;width:fit-content;max-width:100%;text-align:left}
.signal-avatars{display:flex;padding-left:10px}.signal-avatars img{width:44px;height:44px;margin-left:-10px;border-radius:50%;object-fit:cover;border:3px solid #11141A}
.signal-proof-copy{display:flex;align-items:center;gap:10px;font-size:12px}.signal-proof-stars{color:#FFBA32;font-size:19px;line-height:1;letter-spacing:3px;white-space:nowrap}
:root[data-brand-direction=signal][data-preview-mode] :is(.intake-section,.demo-faq,.footer,.workflow-section,.reviews){background:transparent}
:root[data-brand-direction=signal][data-preview-mode] :is(.workflow-role-node,.workflow-result,.review-marquee-card){background:#18181B;border-color:#FFFFFF16}
:root[data-brand-direction=signal][data-preview-mode] .workflow-section h3,:root[data-brand-direction=signal][data-preview-mode] .review-card-author strong{color:#FAFAFA}
:root[data-brand-direction=signal][data-preview-mode] .button.test-drive-cta,:root[data-brand-direction=signal][data-preview-mode] .button.test-drive-cta:hover{background:#FAFAFA;color:#0E1016;border:1px solid #FFFFFF24}
:root[data-brand-direction=signal][data-preview-mode] .radio-option,:root[data-brand-direction=signal][data-preview-mode] .intake-fields input{background:#18181B;border-color:#FFFFFF29}
:root[data-brand-direction=signal][data-preview-mode] .workflow-role-icon{background:#4D70CE18;color:#4D70CE}
:root[data-brand-direction=signal][data-preview-mode] .workflow-result-check{background:#4D70CE18;color:#4D70CE}
:root[data-brand-direction=signal][data-preview-mode] .test-drive-page .page-brand{background:transparent}
:root[data-brand-direction=signal][data-preview-mode] #start-custom{background:#FAFAFA;color:#0E1016}
@media(max-width:720px){
 :root[data-brand-direction=signal][data-preview-mode] .hero{width:calc(100% - 24px);margin:12px auto;padding:118px 20px 112px;border-radius:26px}
 :root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand{width:186px;height:76px;padding:10px 26px 18px;border-radius:0 0 32px 32px}
 :root[data-brand-direction=signal][data-preview-mode] .hero h1{font-size:clamp(32px,7.5vw,44px)}
 :root[data-brand-direction=signal][data-preview-mode] .hero-copy .vsl-business-ticker{width:95%;margin:38px auto -112px;padding:20px 12px 16px;border-radius:30px 30px 0 0}
 :root[data-brand-direction=signal][data-preview-mode] .signal-customer-proof{flex-direction:column;gap:10px}.signal-avatars img{width:36px;height:36px}.signal-proof-copy{font-size:10px;gap:8px}.signal-proof-stars{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.signal-wave-field rect{animation:none!important;transform:none}}
@font-face{font-family:Switzer;src:url('/assets/fonts/Switzer-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Switzer;src:url('/assets/fonts/Switzer-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Switzer;src:url('/assets/fonts/Switzer-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Switzer;src:url('/assets/fonts/Switzer-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root[data-brand-direction=signal][data-preview-mode] .test-drive-hero{width:100%;max-width:none;margin:0;padding:30px 20px;background:transparent;border:0;border-radius:0}
@font-face{font-family:'Google Sans Flex';src:url('/assets/brand-directions/fonts/GoogleSansFlex.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
:root[data-brand-direction=signal][data-preview-mode] :is(body,h1,h2,h3,h4,p,a,button,input,textarea,select,label,span,strong,small,summary,output,legend,code){font-family:'Google Sans Flex',Arial,sans-serif}
:root[data-brand-direction=signal][data-preview-mode] .hero{border:0;box-shadow:none;outline:none}
:root[data-brand-direction=signal][data-preview-mode] .hero-copy{z-index:2}
.signal-pixel-field{display:none}
:root[data-brand-direction=signal][data-preview-mode] .signal-pixel-field{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.42;mask-image:linear-gradient(#000 0%,#000 50%,#0006 100%);overflow:hidden}
.signal-pixel-group{animation:signal-pixel-shimmer 4.7s ease-in-out infinite alternate;animation-play-state:paused}
.pixel-1{animation-delay:-1.3s;animation-duration:5.1s}.pixel-2{animation-delay:-2.7s;animation-duration:3.9s}.pixel-3{animation-delay:-3.8s;animation-duration:6.3s}
.signal-pixel-field.is-running .signal-pixel-group{animation-play-state:running}
@keyframes signal-pixel-shimmer{from{opacity:.4;transform:translateY(0)}to{opacity:1;transform:translateY(1px)}}
:root[data-brand-direction=signal][data-preview-mode] .button.test-drive-cta,:root[data-brand-direction=signal][data-preview-mode] .button.test-drive-cta:hover,:root[data-brand-direction=signal][data-preview-mode] #start-custom,:root[data-brand-direction=signal][data-preview-mode] #start-custom:hover{background:#4D70CE;color:#10130A;border:0;border-radius:999px;gap:22px;padding:17px 28px;min-height:60px;box-shadow:none;transform:none;transition:none}
:root[data-brand-direction=signal][data-preview-mode] .test-drive-cta .cta-action-dot{display:none}
:root[data-brand-direction=signal][data-preview-mode] .test-drive-cta span.cta-action-copy{font-family:'Google Sans Flex',Arial,sans-serif;font-weight:500;font-size:17px;letter-spacing:-.02em;line-height:1.35}
:root[data-brand-direction=signal][data-preview-mode] .test-drive-cta:after{content:'↓';display:block;flex:none;font-family:'Google Sans Flex',Arial,sans-serif;font-size:27px;line-height:1;transform:none;animation:none;transition:none}
@media(max-width:720px){:root[data-brand-direction=signal][data-preview-mode] .button.test-drive-cta{gap:16px;padding:15px 22px;min-height:56px}:root[data-brand-direction=signal][data-preview-mode] .test-drive-cta span.cta-action-copy{font-size:14px}}
@media(prefers-reduced-motion:reduce){.signal-pixel-group{animation:none!important;transform:none;opacity:.6}}
:root[data-brand-direction=signal][data-preview-mode] .dev-preset-choices strong{font-family:'Google Sans Flex',Arial,sans-serif}
:root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill,:root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill>span{font-family:'Google Sans Flex',Arial,sans-serif}
:root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill .voco-mascot-pose>img{border:0;background:transparent;box-shadow:none;border-radius:0}
:root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill .voco-face-overlay{display:none}
/* Compact Signal hero, with white setup/workflow and FAQ bands. */
:root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero){padding-top:114px;padding-bottom:116px}
:root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand{width:189px;height:65.8px;padding:10.5px 28px 16.8px;border-radius:0 0 32.2px 32.2px}
:root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand .voco-brand-logo{width:94.08px}
:root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) h1{font-size:clamp(30.4px,3.2vw,46.4px)}
:root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill{min-height:64.8px;padding:9.6px 20.8px 9.6px 12px;gap:12px}
:root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill .voco-mascot-live{width:41.6px;height:41.6px}:root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill>img{width:41.6px;height:41.6px}
:root[data-brand-direction=signal][data-preview-mode] .hero-copy .vsl-business-ticker{width:min(518px,59.5%);margin-bottom:-116px;padding:16.8px 15.4px 14px;border-radius:35px 35px 0 0}
:root[data-brand-direction=signal][data-preview-mode] .vsl-business-group{gap:42px;padding-right:42px}
:root[data-brand-direction=signal][data-preview-mode] .vsl-business-group>span{width:99.4px;height:35px}
:root[data-brand-direction=signal][data-preview-mode] .vsl-business-logo{max-width:91px;max-height:26.6px}
:root[data-brand-direction=signal][data-preview-mode] .vsl-business-logo-mayfair{width:29.4px;height:29.4px;max-height:29.4px}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band{width:calc(100% - 48px);max-width:1560px;margin:0 auto 24px;border-radius:38px;overflow:hidden;background:#FFF;color:#0E1016;color-scheme:light;--ink:#0E1016;--muted:#596170;--line:#DDE1E7;--identity-ink:#0E1016;--identity-muted:#596170;--identity-background:#FFF;--identity-surface:#F5F6F8;--dark-text:#0E1016;--dark-muted:#596170;--dark-surface:#F5F6F8;--dark-surface-raised:#FFF}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .workflow-section{--graph-surface:#F5F6F8;--graph-ink:#0E1016;--graph-muted:#596170;--graph-border:#DDE1E7;--graph-wire:#4D70CE66}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band :is(.intake-lead,.intake-next-steps,.form-question,.intake-subhead,.intake-fields label,.form-back,.workflow-section h2,.workflow-section h3,.workflow-demo>p,.demo-faq h2,.demo-faq summary,.radio-option span){color:#0E1016}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band :is(.step-meta,.input-hint,.workflow-intro,.workflow-step-label,.workflow-demo-note,.demo-faq-answer p,.demo-faq summary:after){color:#596170}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .workflow-section>.eyebrow{color:#596170}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band :is(.workflow-role-node,.workflow-result){background:#F5F6F8;border-color:#DDE1E7}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band :is(.radio-option,.intake-fields input:not([type=checkbox]),.intake-fields textarea){background:#FFF;color:#0E1016;border-color:#CBD1DA}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .radio-option input{background:#FFF;border-color:#7A8493}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .radio-option:has(input:checked){background:#4D70CE12;border-color:#4D70CE}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .intake-fields input::placeholder{color:#6A7382}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .step-bars{background:#E7EAF0}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .step-bars i{background:#4D70CE}
:root[data-brand-direction=signal][data-preview-mode] :is(.button.test-drive-cta,.button.test-drive-cta:hover,#start-custom,#start-custom:hover){color:#FFF}
:root[data-brand-direction=signal][data-preview-mode] :is(.vsl-watch-banner,.vsl-control-bar){color:#FFF}
:root[data-brand-direction=signal][data-preview-mode] .vsl-watch-banner{font-size:13px;letter-spacing:.01em;text-align:center}
:root[data-brand-direction=signal][data-preview-mode] :is(.vsl-mini-play,.vsl-play-preview i){border-left-color:#FFF}
:root[data-brand-direction=signal][data-preview-mode] .vsl-cc{border-color:#FFF}
/* Retain native radio interaction in quieter, more compact answer cards. */
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .radio-option{padding:12px 14px;gap:12px;border:1px solid #E1E4EA;border-radius:11px;background:#F5F6F8;box-shadow:none;transition:background-color .12s,border-color .12s}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .radio-option:hover{background:#F0F2F5;border-color:#CFD5E0}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .radio-option:has(input:checked){background:#4D70CE0D;border-color:#4D70CE;box-shadow:none}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .radio-option input{width:18px;height:18px;margin-top:2px;border:1.5px solid #9AA3B2;background:#FFF;transition:background-color .12s,border-color .12s}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .radio-option input:checked{background:#4D70CE;border-color:#4D70CE}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .radio-option input:checked:after{content:'';width:8px;height:4px;border:solid #FFF;border-width:0 0 1.8px 1.8px;border-radius:0;background:transparent;transform:translateY(-1px) rotate(-45deg)}
:root[data-brand-direction=signal][data-preview-mode] .signal-light-band .demo-faq details{border-color:#DDE1E7}
:root[data-brand-direction=signal][data-preview-mode] .signal-faq-band{padding-top:72px}
/* Three jobs, one Voco, one result. Keep the connections quiet. */
:root[data-brand-direction=signal][data-preview-mode] .workflow-map{min-height:280px;margin-top:38px}
:root[data-brand-direction=signal][data-preview-mode] .workflow-step{display:grid;grid-template-rows:1fr;row-gap:0}
:root[data-brand-direction=signal][data-preview-mode] :is(.workflow-step-label,.workflow-role-icon,.workflow-hub-orbit,.workflow-engine-wave,.workflow-result-check,.workflow-success-ripple,.workflow-outcome-sheen,.workflow-link-glow){display:none}
:root[data-brand-direction=signal][data-preview-mode] .workflow-role-list{gap:12px}
:root[data-brand-direction=signal][data-preview-mode] .workflow-role-node{padding:14px 16px;min-height:0;border-radius:12px;animation:none;transform:none;box-shadow:none}
:root[data-brand-direction=signal][data-preview-mode] .workflow-result{min-height:180px;padding:24px;border-radius:16px;animation:none;transform:none;box-shadow:none;border-color:#DDE1E7;background:#F5F6F8}
:root[data-brand-direction=signal][data-preview-mode] .workflow-result h3{font-size:24px;line-height:1.25}
:root[data-brand-direction=signal][data-preview-mode] .workflow-role-port{animation:none;box-shadow:none}
:root[data-brand-direction=signal][data-preview-mode] .workflow-link-base{stroke-width:1;stroke:#4D70CE40}
:root[data-brand-direction=signal][data-preview-mode] .workflow-link-packet{display:none;stroke-width:2;opacity:.6;filter:none;animation-delay:0s}
:root[data-brand-direction=signal][data-preview-mode] .workflow-section[data-phase='1'] .workflow-link-in:first-child .workflow-link-packet{display:block;animation-duration:1.8s}
:root[data-brand-direction=signal][data-preview-mode] .workflow-section[data-phase='2'] .workflow-link-out .workflow-link-packet{display:block;animation-duration:2.4s}
:root[data-brand-direction=signal][data-preview-mode] .workflow-section .workflow-demo-cta{animation:none}
:root[data-brand-direction=signal][data-preview-mode] .hero-demo-note{display:flex;justify-content:center;flex-wrap:wrap;gap:2px 12px;max-width:640px;margin:16px auto 0;font-size:11px;line-height:1.7;color:#C7CDD8}
:root[data-brand-direction=signal][data-preview-mode] .hero-demo-note>span:not(:first-child):before{content:'•';margin-right:12px}
:root[data-brand-direction=signal][data-preview-mode] .hero-demo-note+.signal-customer-proof{margin-top:18px}
:root[data-brand-direction=signal][data-preview-mode] .workflow-demo>p{max-width:700px;margin:0 auto 20px;line-height:1.45}
@media(max-width:720px){
 :root[data-brand-direction=signal][data-preview-mode] .hero-demo-note{flex-direction:column;max-width:280px;font-size:10px;line-height:1.7;margin-top:14px}
 :root[data-brand-direction=signal][data-preview-mode] .hero-demo-note>span:not(:first-child):before{content:none}
 :root[data-brand-direction=signal][data-preview-mode] .signal-light-band{width:calc(100% - 24px);margin-bottom:12px;border-radius:26px}
 :root[data-brand-direction=signal][data-preview-mode] .vsl-watch-banner{font-size:10px}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) .eyebrow{font-size:11.5px}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero){padding-top:52px;padding-bottom:91px}
 :root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand{width:84px;height:36px;padding:6px 14px 8px;border-radius:0 0 18px 18px}
 :root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand:before,:root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand:after{width:24px;height:24px}
 :root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand:before{left:-24px;border-radius:0 24px 0 0;box-shadow:8px -8px 0 8px #07090B}
 :root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand:after{right:-24px;border-radius:24px 0 0 0;box-shadow:-8px -8px 0 8px #07090B}
 :root[data-brand-direction=signal][data-preview-mode] .hero>.page-brand .voco-brand-logo{width:56.448px}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) h1{font-size:clamp(25.6px,6vw,35.2px)}
 :root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill{min-height:44px;padding:6.4px 13.6px 6.4px 7.2px;gap:7.2px}
 :root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill .voco-mascot-live{width:28.8px;height:28.8px}:root[data-brand-direction=signal][data-preview-mode] .voco-intro-pill>img{width:28.8px;height:28.8px}
 :root[data-brand-direction=signal][data-preview-mode] .hero-copy .vsl-business-ticker{width:66.5%;margin-bottom:-91px;padding:9.8px 5.88px 7.84px;border-radius:21px 21px 0 0;overflow:visible}
 :root[data-brand-direction=signal][data-preview-mode] .vsl-business-window{overflow:hidden;border-radius:14px 14px 0 0}
 :root[data-brand-direction=signal][data-preview-mode] .vsl-business-ticker:before,:root[data-brand-direction=signal][data-preview-mode] .vsl-business-ticker:after{content:'';position:absolute;bottom:0;width:26px;height:26px;pointer-events:none}
 :root[data-brand-direction=signal][data-preview-mode] .vsl-business-ticker:before{left:-26px;border-radius:0 0 26px 0;box-shadow:9px 9px 0 9px #07090B}
 :root[data-brand-direction=signal][data-preview-mode] .vsl-business-ticker:after{right:-26px;border-radius:0 0 0 26px;box-shadow:-9px 9px 0 9px #07090B}
 :root[data-brand-direction=signal][data-preview-mode] .vsl-business-group{gap:16.66px;padding-right:16.66px}
 :root[data-brand-direction=signal][data-preview-mode] .vsl-business-group>span{width:52.92px;height:21.56px}
 :root[data-brand-direction=signal][data-preview-mode] .vsl-business-logo{max-width:51.45px;max-height:15.68px}
 :root[data-brand-direction=signal][data-preview-mode] .vsl-business-logo-mayfair{width:17.64px;height:17.64px;max-height:17.64px}
 :root[data-brand-direction=signal][data-preview-mode] .signal-faq-band{padding-top:48px}
}
@media(max-width:760px){
 :root[data-brand-direction=signal][data-preview-mode] .workflow-map{min-height:0;gap:30px}
 :root[data-brand-direction=signal][data-preview-mode] .workflow-role-list{gap:8px}
 :root[data-brand-direction=signal][data-preview-mode] .workflow-role-node{padding:12px 9px;gap:0}
 :root[data-brand-direction=signal][data-preview-mode] .workflow-result{min-height:130px;padding:22px}
 :root[data-brand-direction=signal][data-preview-mode] .workflow-result h3{font-size:24px}
}
/* Mobile hero hierarchy: audience badge, hook, context, then action. */
@media(max-width:720px){
 :root[data-brand-direction=signal][data-preview-mode] .intake-lead{font-size:18.2px;line-height:1.35;margin-bottom:22px}
 :root[data-brand-direction=signal][data-preview-mode] .step-bars{height:8px;border-radius:999px}
 :root[data-brand-direction=signal][data-preview-mode] .step-bars i{border-radius:inherit}
 :root[data-brand-direction=signal][data-preview-mode] .radio-option span{font-size:13px;line-height:1.4}
 :root[data-brand-direction=signal][data-preview-mode] .review-heading-meta{display:none}
 :root[data-brand-direction=signal][data-preview-mode] .reviews .review-marquee-card{height:350px;padding:18px 20px}
 :root[data-brand-direction=signal][data-preview-mode] .review-card-author{min-height:44px}
 :root[data-brand-direction=signal][data-preview-mode] .review-card-author img{width:42px;height:42px}
 :root[data-brand-direction=signal][data-preview-mode] .review-card-rating{height:18px;margin:10px 0 8px}
 :root[data-brand-direction=signal][data-preview-mode] .review-marquee-card blockquote p{line-height:1.6}
 :root[data-brand-direction=signal][data-preview-mode] .review-card-context{min-height:40px;padding-top:8px;margin-top:12px}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) .eyebrow{position:relative;z-index:3;display:table;max-width:100%;margin:0 auto 22px;padding:7px 12px;border:1px solid #FFFFFF14;border-radius:999px;background:#151920;color:#DCE3EF;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.11em;text-transform:uppercase}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) h1{font-size:clamp(30px,8.2vw,38px);font-weight:600;line-height:1.1;letter-spacing:-.045em;color:#FFF;margin-bottom:22px}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) .voco-intro-pill{vertical-align:baseline;min-height:30px;padding:4px 9px 4px 6px;gap:5px;margin:0 3px 0 0;font-size:.68em;font-weight:650;line-height:1;color:#FFF}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) .voco-intro-pill .voco-mascot-live{width:22px;height:22px}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) .hero-subhead{max-width:calc(100% - 16px);margin:0 auto 26px;font-size:14px;font-weight:400;line-height:1.65;letter-spacing:-.015em;color:#AEB7C5}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) .hero-cta{width:100%;min-height:62px;padding:18px 24px;justify-content:center;gap:18px}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) .hero-cta .cta-action-copy{font-size:16px;font-weight:650;line-height:1.3;letter-spacing:-.02em}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) .vsl-wrap{width:calc(100% + 24px);max-width:none;margin:28px -12px 0;border-radius:14px}
 :root[data-brand-direction=signal][data-preview-mode] .hero:not(.test-drive-hero) .signal-customer-proof{display:none}
}

/* Landing page 1 mobile typography, shared by the campaign drafts. */
@media(max-width:720px){
 :root[data-brand-direction=signal][data-preview-mode] .landing-page .hero:not(.test-drive-hero) h1,
 :root[data-brand-direction=signal][data-preview-mode] .landing-page :is(.workflow-section h2,.reviews .review-section-heading h2,.demo-faq h2,.workflow-result h3){font-size:28px}
 :root[data-brand-direction=signal][data-preview-mode] .landing-page .hero:not(.test-drive-hero) .hero-subhead,
 :root[data-brand-direction=signal][data-preview-mode] .landing-page :is(.workflow-intro,.intake-subhead,.workflow-demo>p,.review-heading-meta,.vsl-watch-banner){font-size:14px}
 :root[data-brand-direction=signal][data-preview-mode] .landing-page .intake-lead{font-size:20px}
 :root[data-brand-direction=signal][data-preview-mode] .landing-page .hero:not(.test-drive-hero) .eyebrow{font-size:11px}
 :root[data-brand-direction=signal][data-preview-mode] .landing-page .workflow-section>.eyebrow{font-size:10px}
 :root[data-brand-direction=signal][data-preview-mode] .landing-page .review-section-heading>.eyebrow{font-size:12px}
 :root[data-brand-direction=signal][data-preview-mode] .landing-page .intake-wrap :is(.form-question,.worker-question){font-size:17px}
 :root[data-brand-direction=signal][data-preview-mode] .landing-page .hero:not(.test-drive-hero) h1{width:calc(100% + 16px);max-width:none;margin-left:-8px;margin-right:-8px;text-wrap:wrap}
 :root[data-brand-direction=signal][data-preview-mode] .landing-page .hero:not(.test-drive-hero) .hero-subhead{color:#D0D6E0}
}