/* Public product site. All product styling is scoped to this root. */
body:has(> #voicebridge-site) { margin: 0; }
#voicebridge-site {
  color-scheme: light dark;
  --vb-paper: light-dark(#f9faf5, #131c17);
  --vb-surface: light-dark(#ffffff, #1b2920);
  --vb-soft: light-dark(#f0f3e9, #1c2b21);
  --vb-soft-deep: light-dark(#e7edda, #26372a);
  --vb-text: light-dark(#223b2b, #e1ead9);
  --vb-muted: light-dark(#667562, #a1b29b);
  --vb-line: light-dark(#dce3d2, #334332);
  --vb-night: light-dark(#213a2b, #0e1912);
  --vb-night-light: light-dark(#2d4935, #233b2a);
  --vb-cream: #f1f6e9;
  --vb-night-muted: #b0c2a6;
  --vb-lime: light-dark(#d3eea4, #b4d981);
  --vb-lime-text: #233623;
  --vb-action: light-dark(#253d2c, #d3e4bf);
  --vb-action-text: light-dark(#f5f8ef, #20301f);
  --vb-shadow: light-dark(#2d432514, #00000038);
  --vb-amber: #e5c58e;
  --vb-radius: 18px;
  font-family: "Inter", "Aptos", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--vb-text);
  background: var(--vb-paper);
  container-type: inline-size;
  -webkit-font-smoothing: antialiased;
}
#voicebridge-site *, #voicebridge-site *::before, #voicebridge-site *::after { box-sizing: border-box; }
#voicebridge-site [hidden] { display: none !important; }
#voicebridge-site button, #voicebridge-site input, #voicebridge-site select, #voicebridge-site textarea { font: inherit; }
#voicebridge-site button, #voicebridge-site a { -webkit-tap-highlight-color: transparent; }
#voicebridge-site a { color: inherit; text-decoration: none; }
#voicebridge-site button { cursor: pointer; }
#voicebridge-site a:focus-visible, #voicebridge-site button:focus-visible,
#voicebridge-site input:focus-visible, #voicebridge-site textarea:focus-visible,
#voicebridge-site summary:focus-visible { outline: 3px solid var(--vb-muted); outline-offset: 5px; }
#voicebridge-site h1, #voicebridge-site h2, #voicebridge-site h3, #voicebridge-site p { margin: 0; }
#voicebridge-site button { border: 0; }
#voicebridge-site section[id] { scroll-margin-top: 28px; }
#voicebridge-site em { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
#voicebridge-site .vb-wrap { width: min(1160px, calc(100% - 96px)); margin-inline: auto; }
#voicebridge-site .vb-header { width: min(1260px, calc(100% - 64px)); margin: auto; min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid var(--vb-line); }
#voicebridge-site .vb-brand { display: inline-flex; align-items: center; gap: 10px; font-size: 24px; letter-spacing: -1.1px; font-weight: 600; white-space: nowrap; }
#voicebridge-site .vb-brand-dot { font-size: 11px; align-self: flex-start; margin: 5px 0 0 -5px; }
#voicebridge-site .vb-mark { display: inline-flex; height: 30px; gap: 3px; align-items: center; flex-shrink: 0; }
#voicebridge-site .vb-mark i { background: currentColor; width: 4px; border-radius: 4px; height: 14px; display: block; }
#voicebridge-site .vb-mark i:nth-child(2) { height: 28px; }
#voicebridge-site .vb-mark i:nth-child(3) { height: 22px; }
#voicebridge-site .vb-mark i:nth-child(4) { height: 10px; }
#voicebridge-site .vb-nav { display: flex; align-items: center; gap: 25px; font-size: 13px; color: var(--vb-muted); }
#voicebridge-site .vb-nav a { padding: 15px 0; position: relative; }
#voicebridge-site .vb-nav a::after { content: ""; position: absolute; bottom: 9px; left: 0; right: 0; height: 1px; background: var(--vb-text); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
#voicebridge-site .vb-nav a:hover::after { transform: scaleX(1); }
#voicebridge-site .vb-button { display: inline-flex; gap: 17px; align-items: center; justify-content: center; padding: 16px 22px; border-radius: 8px; font-size: 13px; font-weight: 500; line-height: 1.35; border: 1px solid transparent; min-height: 48px; transition: transform .2s, box-shadow .2s, background .2s; }
#voicebridge-site .vb-button:hover { transform: translateY(-2px); box-shadow: 0 5px 16px var(--vb-shadow); }
#voicebridge-site .vb-button span { font-size: 17px; }
#voicebridge-site .vb-button-dark { background: var(--vb-action); color: var(--vb-action-text); }
#voicebridge-site .vb-button-lime { background: var(--vb-lime); color: var(--vb-lime-text); }
#voicebridge-site .vb-button-quiet { background: transparent; color: var(--vb-text); padding-inline: 8px; }
#voicebridge-site .vb-button-small { min-height: 42px; padding: 11px 16px; font-size: 12px; }
#voicebridge-site .vb-button-full { width: 100%; justify-content: space-between; }
#voicebridge-site .vb-nav-cta { min-height: 42px; padding: 12px 16px; font-size: 12px; }
#voicebridge-site .vb-menu-button { display: none; width: 44px; height: 44px; border: 1px solid var(--vb-line); background: none; border-radius: 7px; padding: 12px; }
#voicebridge-site .vb-menu-button span { display: block; height: 1px; background: var(--vb-text); margin: 5px 0; }
#voicebridge-site .vb-mobile-nav { display: grid; padding: 15px 24px; gap: 5px; border-bottom: 1px solid var(--vb-line); }
#voicebridge-site .vb-mobile-nav a { padding: 10px; }
#voicebridge-site .vb-skip { position: absolute; left: 16px; top: -100px; padding: 10px; background: var(--vb-surface); z-index: 10; }
#voicebridge-site .vb-skip:focus { top: 10px; }
#voicebridge-site .vb-hero { padding-block: 73px 75px; display: grid; grid-template-columns: 1.04fr 1fr; gap: 32px; align-items: center; }
#voicebridge-site .vb-release { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 600; letter-spacing: 1.2px; margin-bottom: 30px; }
#voicebridge-site .vb-release-version { color: var(--vb-muted); font-size: 11px; letter-spacing: .5px; border-left: 1px solid var(--vb-line); padding-left: 9px; }
#voicebridge-site .vb-status-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #7e9d56; flex-shrink: 0; }
#voicebridge-site h1 { font-size: clamp(56px, 7.3cqw, 88px); line-height: 1.02; letter-spacing: -4px; font-weight: 500; position: relative; }
#voicebridge-site h1 em { color: light-dark(#6d8351, #b1c58f); }
#voicebridge-site .vb-heading-spark { display: inline-block; margin-left: 37px; font-size: .73em; font-weight: 400; vertical-align: 5px; color: light-dark(#889d62, #b1c58f); transform: rotate(12deg); }
#voicebridge-site .vb-hero-description { font-size: 15px; line-height: 1.85; max-width: 370px; color: var(--vb-muted); margin-top: 25px; }
#voicebridge-site .vb-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 17px; margin-top: 28px; }
#voicebridge-site .vb-play-symbol { font-size: 11px !important; width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--vb-line); display: inline-grid; place-items: center; padding-left: 1px; }
#voicebridge-site .vb-hero-footnote { color: var(--vb-muted); font-size: 11px; margin-top: 20px; }
#voicebridge-site .vb-check { font-size: 12px; margin-right: 6px; }
#voicebridge-site .vb-stage-grid { position: absolute; inset: -15px -30px; background-image: radial-gradient(var(--vb-line) 1px, transparent 1px); background-size: 15px 15px; mask-image: radial-gradient(ellipse at center, #000 20%, transparent 68%); }
#voicebridge-site .vb-orbit-two { width: 330px; height: 330px; top: 64px; left: 63px; }
#voicebridge-site .vb-terminal-bar { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid #b5c39b21; font-size: 11px; color: var(--vb-night-muted); }
#voicebridge-site .vb-terminal-dots { display: flex; gap: 4px; align-items: center; }
#voicebridge-site .vb-terminal-dots i { display: block; background: #b1c29955; border-radius: 50%; width: 5px; height: 5px; }
#voicebridge-site .vb-terminal-live { margin-left: auto; color: #c5de9f; font-size: 11px; letter-spacing: .5px; }
#voicebridge-site .vb-terminal-body { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: 11px; line-height: 2.05; padding: 21px 22px 44px; }
#voicebridge-site .vb-code-muted { color: #91a88a; }
#voicebridge-site .vb-code-green { color: #c5e59b; }
#voicebridge-site .vb-code-amber { color: var(--vb-amber); }
#voicebridge-site .vb-code-light { color: #d4e1c6; }
#voicebridge-site .vb-code-gap { margin-top: 10px; }
#voicebridge-site .vb-terminal-result { margin-top: 17px; padding: 7px 9px; background: #b2cc8f0d; border-left: 2px solid #a7cb7b; }
#voicebridge-site .vb-phone-top { display: flex; justify-content: space-between; align-items: center; gap: 6px; font-size: 11px; letter-spacing: .6px; color: var(--vb-muted); }
#voicebridge-site .vb-sample { font-size: 11px; letter-spacing: .2px; }
#voicebridge-site .vb-phone-avatar { background: var(--vb-soft); border: 1px solid var(--vb-line); width: 64px; height: 64px; border-radius: 19px; margin: 21px auto 14px; display: grid; place-items: center; }
#voicebridge-site .vb-mark-large { transform: scale(1.16); }
#voicebridge-site .vb-phone-name { font-size: 19px; letter-spacing: -.7px; font-weight: 500; }
#voicebridge-site .vb-phone-caption { font-size: 11px; color: var(--vb-muted); margin-top: 5px; }
#voicebridge-site .vb-mini-wave { height: 31px; display: flex; justify-content: center; align-items: center; gap: 3px; margin: 10px 0; }
#voicebridge-site .vb-mini-wave i { background: var(--vb-muted); width: 2px; height: 7px; border-radius: 3px; opacity: .5; animation: vb-wave 1.3s ease-in-out 3; }
#voicebridge-site .vb-mini-wave i:nth-child(3n) { height: 20px; animation-delay: .2s; }
#voicebridge-site .vb-mini-wave i:nth-child(4n) { height: 13px; animation-delay: .4s; }
#voicebridge-site .vb-mini-wave i:nth-child(5n) { height: 25px; animation-delay: .1s; }
#voicebridge-site .vb-answer-call { display: flex; gap: 8px; justify-content: center; align-items: center; background: var(--vb-lime); color: var(--vb-lime-text); border-radius: 8px; font-size: 11px; padding: 11px 7px; transition: transform .2s; }
#voicebridge-site .vb-answer-call:hover { transform: scale(1.025); }
#voicebridge-site .vb-answer-call span { font-size: 16px; }
#voicebridge-site .vb-phone-small { font-size: 11px; color: var(--vb-muted); margin-top: 9px; }
#voicebridge-site .vb-note-icon { display: grid; place-items: center; background: var(--vb-lime); color: var(--vb-lime-text); width: 23px; height: 23px; border-radius: 50%; font-size: 12px; }
#voicebridge-site .vb-compatibility { padding: 28px 0; border-block: 1px solid var(--vb-line); display: flex; align-items: center; justify-content: space-between; gap: 22px; }
#voicebridge-site .vb-compatibility > span { font-size: 11px; color: var(--vb-muted); letter-spacing: 1.2px; }
#voicebridge-site .vb-compatibility > div { display: flex; align-items: center; gap: 28px; font-size: 13px; }
#voicebridge-site .vb-compatibility strong { font-weight: 500; }
#voicebridge-site .vb-divider { font-size: 11px; color: var(--vb-line); }
#voicebridge-site .vb-section { padding-block: 97px; }
#voicebridge-site .vb-section-heading { display: flex; gap: 32px; justify-content: space-between; align-items: flex-end; margin-bottom: 42px; }
#voicebridge-site .vb-eyebrow { font-size: 11px; font-weight: 500; color: var(--vb-muted); letter-spacing: 1.3px; display: inline-block; margin-bottom: 17px; }
#voicebridge-site h2 { font-size: clamp(35px, 4.2cqw, 49px); letter-spacing: -1.9px; line-height: 1.12; font-weight: 500; }
#voicebridge-site .vb-section-heading > p { color: var(--vb-muted); font-size: 12px; line-height: 1.9; max-width: 320px; padding-bottom: 4px; }
#voicebridge-site .vb-steps-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; }
#voicebridge-site .vb-step-illustration { height: 182px; border-radius: 12px; background: var(--vb-soft); margin-bottom: 22px; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#voicebridge-site .vb-step-number { position: absolute; bottom: 12px; left: 15px; color: var(--vb-muted); font: 11px ui-monospace, monospace; }
#voicebridge-site .vb-small-tag { font-size: 11px; letter-spacing: 1px; color: var(--vb-muted); }
#voicebridge-site .vb-mini-bubble { margin-top: 10px; background: var(--vb-surface); border: 1px solid var(--vb-line); padding: 15px 27px; border-radius: 11px; font-size: 15px; letter-spacing: -.3px; text-align: center; box-shadow: 0 4px 10px var(--vb-shadow); transform: rotate(-3deg); }
#voicebridge-site .vb-how-step h3 { font-size: 16px; font-weight: 500; letter-spacing: -.3px; margin-bottom: 9px; }
#voicebridge-site .vb-how-step > p { font-size: 12px; color: var(--vb-muted); line-height: 1.9; padding-right: 10px; }
#voicebridge-site .vb-step-talk { background: var(--vb-soft-deep); }
#voicebridge-site .vb-talk-wave { height: 63px; display: flex; align-items: center; gap: 6px; margin-bottom: 14px; }
#voicebridge-site .vb-talk-wave i { height: 13px; width: 4px; border-radius: 4px; background: var(--vb-muted); }
#voicebridge-site .vb-talk-wave i:nth-child(3n) { height: 42px; }
#voicebridge-site .vb-talk-wave i:nth-child(4n) { height: 27px; }
#voicebridge-site .vb-talk-wave i:nth-child(6) { height: 59px; }
#voicebridge-site .vb-mini-instruction { background: var(--vb-surface); border: 1px solid var(--vb-line); border-radius: 8px; padding: 15px 18px; transform: rotate(2deg); width: 78%; }
#voicebridge-site .vb-mini-instruction > span { display: block; font-size: 11px; color: var(--vb-muted); margin-bottom: 10px; }
#voicebridge-site .vb-mini-instruction code { font-size: 11px; }
#voicebridge-site .vb-mini-instruction .vb-mini-sent { font-size: 11px; margin: 12px 0 0; border-top: 1px solid var(--vb-line); padding-top: 9px; }
#voicebridge-site .vb-segmented { display: inline-flex; background: var(--vb-soft); padding: 4px; border-radius: 7px; gap: 3px; }
#voicebridge-site .vb-segmented button { padding: 9px 14px; border-radius: 5px; color: var(--vb-muted); background: transparent; font-size: 11px; min-height: 35px; transition: background .2s,color .2s; }
#voicebridge-site .vb-segmented button[aria-pressed="true"] { background: var(--vb-surface); color: var(--vb-text); box-shadow: 0 1px 5px var(--vb-shadow); }
#voicebridge-site .vb-segmented button span { margin-left: 9px; }
#voicebridge-site .vb-url-field input { width: 100%; min-width: 0; border: 1px solid var(--vb-line); background: var(--vb-paper); color: var(--vb-text); padding: 12px; font-size: 12px; line-height: 1.6; border-radius: 7px; }
#voicebridge-site .vb-feature-grid { display: grid; grid-template-columns: 1.04fr 1fr; gap: 21px; }
#voicebridge-site .vb-feature-large { padding: 34px 36px 25px; background: var(--vb-soft); border-radius: 13px; border: 1px solid var(--vb-line); }
#voicebridge-site .vb-feature-index { display: block; font-size: 11px; letter-spacing: 1.2px; color: var(--vb-muted); margin-bottom: 21px; }
#voicebridge-site .vb-feature-large h3 { font-size: 35px; line-height: 1.13; letter-spacing: -1.2px; font-weight: 500; margin-bottom: 17px; }
#voicebridge-site .vb-feature-large > p { font-size: 12px; line-height: 1.9; color: var(--vb-muted); max-width: 340px; }
#voicebridge-site .vb-project-list { border-radius: 9px; border: 1px solid var(--vb-line); background: var(--vb-surface); margin-top: 27px; transform: rotate(-1deg); }
#voicebridge-site .vb-project-list > div { display: flex; align-items: center; gap: 13px; padding: 15px 17px; border-bottom: 1px solid var(--vb-line); font-size: 11px; }
#voicebridge-site .vb-project-list > div:last-child { border-bottom: 0; }
#voicebridge-site .vb-project-symbol { display: grid; place-items: center; width: 27px; height: 27px; background: var(--vb-soft); border: 1px solid var(--vb-line); border-radius: 6px; }
#voicebridge-site .vb-project-state { font-size: 11px; color: var(--vb-muted); margin-left: auto; }
#voicebridge-site .vb-example-note { display: block; font-size: 11px; color: var(--vb-muted); margin-top: 15px; }
#voicebridge-site .vb-feature-stack { display: grid; gap: 21px; }
#voicebridge-site .vb-feature { border: 1px solid var(--vb-line); border-radius: 13px; padding: 29px 31px; }
#voicebridge-site .vb-feature .vb-feature-index { margin-bottom: 16px; }
#voicebridge-site .vb-feature h3 { font-size: 22px; font-weight: 500; letter-spacing: -.6px; margin-bottom: 11px; }
#voicebridge-site .vb-feature p { font-size: 12px; line-height: 1.85; color: var(--vb-muted); }
#voicebridge-site .vb-feature-line { display: flex; align-items: center; gap: 15px; font-size: 11px; padding-top: 19px; color: var(--vb-muted); }
#voicebridge-site .vb-feature-line strong { color: var(--vb-text); font-weight: 500; }
#voicebridge-site .vb-quiet-example { padding: 15px 0 0; display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--vb-muted); }
#voicebridge-site .vb-quiet-example strong { color: var(--vb-text); font-size: 11px; margin-left: auto; font-weight: 500; }
#voicebridge-site .vb-moon { font-size: 17px; }
#voicebridge-site .vb-setup-section { background: var(--vb-soft); padding-block: 78px; }
#voicebridge-site .vb-setup-tabs { border: 1px solid var(--vb-line); }
#voicebridge-site .vb-setup-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 40px; align-items: start; }
#voicebridge-site .vb-setup-intro { color: var(--vb-muted); font-size: 12px; line-height: 1.9; max-width: 350px; margin-bottom: 23px; }
#voicebridge-site .vb-setup-steps { display: grid; gap: 6px; }
#voicebridge-site .vb-setup-steps button { display: flex; gap: 16px; align-items: center; border: 1px solid transparent; border-radius: 8px; padding: 17px; width: 100%; text-align: left; background: transparent; color: var(--vb-text); }
#voicebridge-site .vb-setup-steps button[aria-current="step"] { background: var(--vb-surface); border-color: var(--vb-line); box-shadow: 0 3px 12px var(--vb-shadow); }
#voicebridge-site .vb-setup-steps button > span { font: 11px ui-monospace, monospace; color: var(--vb-muted); }
#voicebridge-site .vb-setup-steps button strong { display: block; font-size: 12px; font-weight: 500; }
#voicebridge-site .vb-setup-steps button small { display: block; margin-top: 5px; font-size: 11px; color: var(--vb-muted); }
#voicebridge-site .vb-setup-steps button b { margin-left: auto; font-size: 15px; opacity: 0; font-weight: 400; }
#voicebridge-site .vb-setup-steps button[aria-current] b { opacity: 1; }
#voicebridge-site .vb-setup-progress { display: flex; align-items: center; justify-content: space-between; margin: 21px 17px 0; gap: 30px; color: var(--vb-muted); font-size: 11px; letter-spacing: 1px; }
#voicebridge-site .vb-setup-progress > div { display: flex; gap: 4px; flex: 1; max-width: 120px; }
#voicebridge-site .vb-setup-progress i { background: var(--vb-line); flex: 1; height: 3px; border-radius: 4px; }
#voicebridge-site .vb-setup-progress i.vb-current { background: var(--vb-text); }
#voicebridge-site .vb-setup-detail { background: var(--vb-surface); border: 1px solid var(--vb-line); border-radius: 12px; overflow: hidden; box-shadow: 0 7px 35px var(--vb-shadow); }
#voicebridge-site .vb-setup-detail-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 20px 26px; border-bottom: 1px solid var(--vb-line); font-size: 11px; color: var(--vb-muted); letter-spacing: 1px; }
#voicebridge-site .vb-pilot-tag { font-size: 11px; background: var(--vb-soft); border-radius: 4px; padding: 5px 7px; letter-spacing: .5px; }
#voicebridge-site #vb-setup-detail { padding: 29px 29px 26px; min-height: 299px; }
#voicebridge-site #vb-setup-detail h3 { font-size: 24px; letter-spacing: -.7px; font-weight: 500; margin-bottom: 15px; }
#voicebridge-site #vb-setup-detail p { font-size: 12px; line-height: 1.9; color: var(--vb-muted); margin-bottom: 15px; }
#voicebridge-site #vb-setup-detail ul { padding-left: 18px; margin: 17px 0; font-size: 11px; line-height: 1.85; color: var(--vb-muted); }
#voicebridge-site #vb-setup-detail li { padding-left: 3px; margin: 6px 0; }
#voicebridge-site .vb-setup-note { border-left: 2px solid var(--vb-line); padding-left: 13px; color: var(--vb-muted); font-size: 11px; line-height: 1.8; margin-top: 20px; }
#voicebridge-site .vb-setup-detail-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--vb-line); padding: 19px 25px; }
#voicebridge-site .vb-setup-detail-bottom > span { font-size: 11px; color: var(--vb-muted); max-width: 230px; }
#voicebridge-site .vb-preview-note { display: flex; gap: 15px; align-items: flex-start; margin-top: 32px; color: var(--vb-muted); }
#voicebridge-site .vb-preview-note > span { font-size: 19px; }
#voicebridge-site .vb-preview-note p { font-size: 11px; line-height: 1.9; max-width: 825px; }
#voicebridge-site .vb-preview-note strong { font-weight: 500; color: var(--vb-text); }
#voicebridge-site .vb-url-field { display: grid; gap: 8px; margin: 20px 0 15px; }
#voicebridge-site .vb-url-field input { font-size: 11px; padding: 10px; }
#voicebridge-site .vb-command { background: var(--vb-night); color: var(--vb-cream); border-radius: 8px; padding: 14px 16px; margin: 12px 0; display: flex; align-items: flex-start; gap: 12px; }
#voicebridge-site .vb-command code { font: 11px/1.85 ui-monospace,"SFMono-Regular",Consolas,monospace; overflow-wrap: anywhere; white-space: pre-wrap; flex: 1; }
#voicebridge-site .vb-command button { background: var(--vb-night-light); color: var(--vb-cream); border: 1px solid #b5c39b21; border-radius: 5px; padding: 6px 8px; font-size: 11px; }
#voicebridge-site .vb-field-error { color: light-dark(#a3432d,#e3ac91); font-size: 11px; margin: 8px 0; }
#voicebridge-site .vb-download-heading { text-align: center; margin-bottom: 40px; }
#voicebridge-site .vb-download-heading > p { font-size: 13px; color: var(--vb-muted); line-height: 1.9; margin: 20px auto 0; max-width: 445px; }
#voicebridge-site .vb-download-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; max-width: 875px; margin: 0 auto; }
#voicebridge-site .vb-download-card { border: 1px solid var(--vb-line); border-radius: 12px; padding: 31px; display: flex; flex-direction: column; background: var(--vb-surface); }
#voicebridge-site .vb-download-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 19px; }
#voicebridge-site .vb-download-card-top .vb-eyebrow { margin-bottom: 0; font-size: 11px; }
#voicebridge-site .vb-download-icon { font-size: 25px; }
#voicebridge-site .vb-download-card h3 { font-size: 28px; font-weight: 500; letter-spacing: -1px; }
#voicebridge-site .vb-download-card > p { font-size: 12px; line-height: 1.9; color: var(--vb-muted); margin: 15px 0; }
#voicebridge-site .vb-download-card ul { list-style: none; padding: 0; margin: 11px 0 24px; font-size: 11px; }
#voicebridge-site .vb-download-card li { padding: 7px 0; }
#voicebridge-site .vb-download-card li::before { content: "✓"; margin-right: 10px; color: var(--vb-muted); }
#voicebridge-site .vb-download-card .vb-button { margin-top: auto; font-size: 12px; }
#voicebridge-site .vb-download-meta { display: block; margin-top: 13px; font-size: 11px; text-align: center; color: var(--vb-muted); }
#voicebridge-site .vb-download-card-featured { background: var(--vb-night); color: var(--vb-cream); border-color: var(--vb-night-light); }
#voicebridge-site .vb-download-card-featured .vb-eyebrow, #voicebridge-site .vb-download-card-featured > p,
#voicebridge-site .vb-download-card-featured li::before, #voicebridge-site .vb-download-card-featured .vb-download-meta { color: var(--vb-night-muted); }
#voicebridge-site .vb-release-note { max-width: 875px; margin: 29px auto 0; border-top: 1px solid var(--vb-line); padding-top: 23px; }
#voicebridge-site .vb-release-note > div { display: flex; gap: 8px; align-items: center; font-size: 11px; }
#voicebridge-site .vb-release-note strong { font-weight: 500; }
#voicebridge-site .vb-release-note > p { color: var(--vb-muted); font-size: 11px; line-height: 1.9; margin-top: 9px; }
#voicebridge-site .vb-faq-section { border-block: 1px solid var(--vb-line); padding: 77px 0; }
#voicebridge-site .vb-faq-layout { display: grid; grid-template-columns: .7fr 1fr; gap: 64px; }
#voicebridge-site .vb-faq-layout > div:first-child > p { color: var(--vb-muted); font-size: 12px; line-height: 1.9; margin-top: 21px; }
#voicebridge-site .vb-text-link { display: inline-flex; align-items: center; gap: 15px; font-size: 11px; border-bottom: 1px solid var(--vb-line); padding-bottom: 6px; margin-top: 24px; }
#voicebridge-site .vb-faq-list details { border-bottom: 1px solid var(--vb-line); }
#voicebridge-site .vb-faq-list details:first-child { border-top: 1px solid var(--vb-line); }
#voicebridge-site .vb-faq-list summary { padding: 19px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; }
#voicebridge-site .vb-faq-list summary::-webkit-details-marker { display: none; }
#voicebridge-site .vb-faq-list summary span { font-size: 20px; font-weight: 400; color: var(--vb-muted); transition: transform .2s; }
#voicebridge-site .vb-faq-list details[open] summary span { transform: rotate(45deg); }
#voicebridge-site .vb-faq-list details > p { color: var(--vb-muted); font-size: 11px; line-height: 1.95; padding: 0 25px 20px 0; }
#voicebridge-site .vb-final-cta { text-align: center; padding-block: 89px 83px; }
#voicebridge-site .vb-final-mark { margin: 0 auto 22px; transform: rotate(-10deg); }
#voicebridge-site .vb-final-cta h2 { font-size: clamp(33px, 4.4cqw, 52px); }
#voicebridge-site .vb-final-cta .vb-button { margin-top: 29px; }
#voicebridge-site .vb-final-cta p { margin-top: 17px; color: var(--vb-muted); font-size: 11px; }
#voicebridge-site .vb-footer { padding: 29px 0; border-top: 1px solid var(--vb-line); display: flex; align-items: center; justify-content: space-between; gap: 25px; }
#voicebridge-site .vb-footer .vb-brand { font-size: 19px; }
#voicebridge-site .vb-footer .vb-mark { transform: scale(.8); transform-origin: left; margin-right: -5px; }
#voicebridge-site .vb-footer > span { font-size: 11px; letter-spacing: .6px; color: var(--vb-muted); }
#voicebridge-site .vb-footer > div { display: flex; gap: 23px; font-size: 11px; color: var(--vb-muted); }
#voicebridge-site .vb-toast { margin: 0 auto; max-width: min(560px,calc(100% - 40px)); border: 1px solid var(--vb-line); background: var(--vb-surface); color: var(--vb-text); padding: 13px 20px; border-radius: 9px; text-align: center; font-size: 12px; box-shadow: 0 10px 30px var(--vb-shadow); }
#voicebridge-site .vb-toast:not([hidden]) { margin-block: 10px 22px; }
@keyframes vb-wave { 0%,100% { transform: scaleY(.65); } 50% { transform: scaleY(1.12); } }
@keyframes vb-arrive { from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: 0 0; } }
@keyframes vb-message-in { from { opacity: .4; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes vb-check-in { from { transform: scale(.75); } to { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  #voicebridge-site *, #voicebridge-site *::before, #voicebridge-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@container (max-width: 1050px) {
  #voicebridge-site .vb-wrap { width: calc(100% - 70px); }
  #voicebridge-site .vb-header { width: calc(100% - 48px); gap: 20px; }
  #voicebridge-site .vb-nav { gap: 17px; font-size: 12px; }
  #voicebridge-site .vb-hero { gap: 22px; padding-top: 57px; }
  #voicebridge-site .vb-terminal-body { padding: 17px 17px 40px; font-size: 11px; }
  #voicebridge-site .vb-hero-actions { gap: 10px; }
  #voicebridge-site .vb-hero-actions .vb-button { padding-inline: 15px; font-size: 11px; }
  #voicebridge-site .vb-compatibility > div { gap: 18px; font-size: 11px; }
  #voicebridge-site .vb-compatibility > span { font-size: 11px; max-width: 130px; }
  #voicebridge-site .vb-feature-large { padding: 29px; }
  #voicebridge-site .vb-setup-layout { gap: 24px; }
  #voicebridge-site .vb-setup-tabs button { font-size: 11px; padding: 9px 10px; }
  #voicebridge-site .vb-faq-layout { gap: 45px; }
  #voicebridge-site .vb-footer { gap: 15px; }
}
@container (max-width: 760px) {
  #voicebridge-site .vb-wrap { width: calc(100% - 44px); }
  #voicebridge-site .vb-header { width: calc(100% - 40px); min-height: 78px; }
  #voicebridge-site .vb-brand { font-size: 22px; }
  #voicebridge-site .vb-nav, #voicebridge-site .vb-nav-cta { display: none; }
  #voicebridge-site .vb-menu-button { display: block; }
  #voicebridge-site .vb-hero { grid-template-columns: 1fr; padding-top: 42px; gap: 20px; padding-bottom: 42px; }
  #voicebridge-site .vb-hero-copy { max-width: 470px; }
  #voicebridge-site h1 { font-size: clamp(60px,12cqw,81px); letter-spacing: -3.5px; }
  #voicebridge-site .vb-release { font-size: 11px; margin-bottom: 23px; }
  #voicebridge-site .vb-release-version { font-size: 11px; }
  #voicebridge-site .vb-hero-description { font-size: 14px; max-width: 385px; margin-top: 23px; }
  #voicebridge-site .vb-hero-actions { margin-top: 22px; gap: 14px; }
  #voicebridge-site .vb-hero-actions .vb-button { font-size: 12px; }
  #voicebridge-site .vb-terminal-body { font-size: 11px; }
  #voicebridge-site .vb-orbit-two { width: 280px; height: 280px; left: 9%; }
  #voicebridge-site .vb-compatibility { flex-direction: column; gap: 19px; padding: 24px 0; }
  #voicebridge-site .vb-compatibility > span { max-width: none; font-size: 11px; }
  #voicebridge-site .vb-compatibility > div { gap: 13px; font-size: 11px; flex-wrap: wrap; justify-content: center; }
  #voicebridge-site .vb-section { padding-block: 62px; }
  #voicebridge-site .vb-section-heading { flex-direction: column; align-items: flex-start; gap: 23px; margin-bottom: 30px; }
  #voicebridge-site h2 { font-size: 38px; letter-spacing: -1.6px; }
  #voicebridge-site .vb-section-heading > p { font-size: 12px; }
  #voicebridge-site .vb-steps-grid { grid-template-columns: 1fr; gap: 31px; }
  #voicebridge-site .vb-step-illustration { height: 180px; margin-bottom: 17px; }
  #voicebridge-site .vb-mini-instruction { max-width: 220px; }
  #voicebridge-site .vb-how-step > p { font-size: 13px; }
  #voicebridge-site .vb-segmented { width: 100%; }
  #voicebridge-site .vb-segmented button { flex: 1; min-height: 42px; font-size: 11px; padding: 9px 7px; }
  #voicebridge-site .vb-url-field input { font-size: 16px; }
  #voicebridge-site .vb-feature-grid { grid-template-columns: 1fr; }
  #voicebridge-site .vb-feature-large, #voicebridge-site .vb-feature { padding: 27px; }
  #voicebridge-site .vb-feature-large > p, #voicebridge-site .vb-feature p { font-size: 13px; }
  #voicebridge-site .vb-project-list > div { font-size: 12px; }
  #voicebridge-site .vb-project-state { font-size: 11px; }
  #voicebridge-site .vb-setup-section { padding-block: 57px; }
  #voicebridge-site .vb-setup-layout { grid-template-columns: 1fr; gap: 26px; }
  #voicebridge-site .vb-setup-tabs { max-width: 420px; }
  #voicebridge-site .vb-setup-intro { max-width: none; font-size: 13px; }
  #voicebridge-site .vb-setup-steps button { padding: 14px; }
  #voicebridge-site .vb-setup-steps button small { font-size: 11px; }
  #voicebridge-site .vb-setup-steps button strong { font-size: 13px; }
  #voicebridge-site #vb-setup-detail { padding: 25px; min-height: 250px; }
  #voicebridge-site #vb-setup-detail p, #voicebridge-site #vb-setup-detail ul { font-size: 12px; }
  #voicebridge-site .vb-setup-note { font-size: 11px; }
  #voicebridge-site .vb-preview-note p { font-size: 11px; }
  #voicebridge-site .vb-setup-detail-bottom { padding: 18px; }
  #voicebridge-site .vb-setup-detail-bottom > span { font-size: 11px; }
  #voicebridge-site .vb-command code { font-size: 11px; }
  #voicebridge-site .vb-command button { font-size: 11px; min-height: 36px; }
  #voicebridge-site .vb-download-grid { grid-template-columns: 1fr; gap: 18px; }
  #voicebridge-site .vb-download-card { padding: 27px; }
  #voicebridge-site .vb-download-card > p { font-size: 13px; }
  #voicebridge-site .vb-download-card ul { font-size: 12px; }
  #voicebridge-site .vb-download-meta { font-size: 11px; }
  #voicebridge-site .vb-release-note > p { font-size: 11px; }
  #voicebridge-site .vb-faq-section { padding-block: 58px; }
  #voicebridge-site .vb-faq-layout { grid-template-columns: 1fr; gap: 32px; }
  #voicebridge-site .vb-faq-list summary { font-size: 13px; line-height: 1.7; }
  #voicebridge-site .vb-faq-list details > p { font-size: 12px; }
  #voicebridge-site .vb-final-cta { padding-block: 61px; }
  #voicebridge-site .vb-final-cta h2 { font-size: 34px; }
  #voicebridge-site .vb-footer { flex-wrap: wrap; gap: 20px; padding: 25px 0; }
  #voicebridge-site .vb-footer > span { order: 3; width: 100%; font-size: 11px; }
  #voicebridge-site .vb-footer > div { margin-left: auto; gap: 17px; font-size: 11px; }
}
@container (max-width: 380px) {
  #voicebridge-site .vb-wrap { width: calc(100% - 34px); }
  #voicebridge-site h1 { font-size: 57px; }
  #voicebridge-site .vb-hero-actions { gap: 8px; }
  #voicebridge-site .vb-hero-actions .vb-button { font-size: 11px; padding-inline: 13px; }
  #voicebridge-site .vb-terminal-body { font-size: 11px; padding-inline: 13px; }
  #voicebridge-site .vb-terminal-live { display: none; }
  #voicebridge-site .vb-setup-detail-top { padding-inline: 20px; }
  #voicebridge-site .vb-pilot-tag { display: none; }
}

#voicebridge-site .vb-terminal-body { overflow-wrap: anywhere; }
#voicebridge-site .vb-phone-top { flex-wrap: wrap; }

/* Flowing illustrations: every card reserves its own space at every width. */
#voicebridge-site .vb-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; }
#voicebridge-site .vb-hero-stage { position: relative; display: grid; gap: 18px; height: auto; min-width: 0; padding: 16px 0; }
#voicebridge-site .vb-stage-grid { inset: 0; pointer-events: none; }
#voicebridge-site .vb-orbit { display: none; }
#voicebridge-site .vb-terminal { position: relative; width: 100%; background: var(--vb-night); color: var(--vb-cream); border: 1px solid var(--vb-night-light); border-radius: 12px; box-shadow: 0 18px 42px var(--vb-shadow); }
#voicebridge-site .vb-terminal-body { padding: 20px; overflow-wrap: anywhere; }
#voicebridge-site .vb-terminal-bar { flex-wrap: wrap; }
#voicebridge-site .vb-phone-card { position: relative; width: 100%; background: var(--vb-surface); border: 1px solid var(--vb-line); border-radius: 18px; padding: 20px 24px; box-shadow: 0 12px 32px var(--vb-shadow); text-align: center; }
#voicebridge-site .vb-phone-top { flex-wrap: wrap; }
#voicebridge-site .vb-phone-avatar { width: 48px; height: 48px; margin: 14px auto 10px; border-radius: 14px; }
#voicebridge-site .vb-mini-wave { margin: 8px 0; }
#voicebridge-site .vb-answer-call { cursor: default; line-height: 1.6; }
#voicebridge-site .vb-answer-call:hover { transform: none; }
#voicebridge-site .vb-floating-note { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--vb-soft); border: 1px solid var(--vb-line); border-radius: 10px; padding: 12px 16px; font-size: 12px; line-height: 1.7; }
#voicebridge-site .vb-stage-caption { position: relative; text-align: center; font-size: 11px; color: var(--vb-muted); letter-spacing: 1px; }
#voicebridge-site .vb-hero-copy, #voicebridge-site .vb-section-heading > *,
#voicebridge-site .vb-setup-layout > *, #voicebridge-site .vb-feature-grid > *,
#voicebridge-site .vb-download-grid > *, #voicebridge-site .vb-faq-layout > * { min-width: 0; }
#voicebridge-site .vb-release, #voicebridge-site .vb-section-heading,
#voicebridge-site .vb-setup-detail-top, #voicebridge-site .vb-setup-detail-bottom,
#voicebridge-site .vb-quiet-example, #voicebridge-site .vb-feature-line,
#voicebridge-site .vb-footer > div { flex-wrap: wrap; }
#voicebridge-site .vb-release { row-gap: 8px; }
#voicebridge-site .vb-setup-tabs { flex-shrink: 0; flex-wrap: wrap; }
#voicebridge-site .vb-segmented button { min-height: 44px; }
#voicebridge-site .vb-url-field input { font-size: 16px; }
#voicebridge-site .vb-command code { min-width: 0; }
#voicebridge-site .vb-command button { min-height: 44px; min-width: 52px; flex-shrink: 0; }
#voicebridge-site .vb-setup-steps button > div { min-width: 0; }
#voicebridge-site .vb-setup-steps button > span, #voicebridge-site .vb-setup-steps button b { flex-shrink: 0; }
#voicebridge-site .vb-project-list > div { flex-wrap: wrap; row-gap: 8px; }
#voicebridge-site .vb-project-state { margin-left: auto; }
#voicebridge-site .vb-small-tag { text-align: center; padding-inline: 12px; }
#voicebridge-site .vb-mini-instruction code { overflow-wrap: anywhere; }
#voicebridge-site .vb-mini-bubble, #voicebridge-site .vb-mini-instruction { transform: none; }
#voicebridge-site .vb-button { min-height: 44px; }
#voicebridge-site .vb-reveal { transition: opacity .65s ease, translate .65s cubic-bezier(.2,.7,.2,1); transition-delay: var(--vb-reveal-delay, 0ms); }
#voicebridge-site .vb-reveal-pending { opacity: 0; translate: 0 22px; }
@container (max-width: 1000px) {
  #voicebridge-site .vb-hero { grid-template-columns: 1fr; gap: 36px; }
  #voicebridge-site .vb-hero-copy { max-width: 650px; }
  #voicebridge-site h1 { font-size: clamp(52px, 9cqw, 82px); }
  #voicebridge-site .vb-hero-stage { width: 100%; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; margin: 0; }
  #voicebridge-site .vb-floating-note, #voicebridge-site .vb-stage-caption { grid-column: 1 / -1; }
  #voicebridge-site .vb-setup-layout { grid-template-columns: 1fr; }
  #voicebridge-site .vb-setup-intro { max-width: none; }
  #voicebridge-site .vb-setup-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #voicebridge-site .vb-section-heading { align-items: flex-start; }
}
@container (max-width: 600px) {
  #voicebridge-site .vb-hero-stage { grid-template-columns: 1fr; gap: 16px; }
  #voicebridge-site .vb-wrap { width: calc(100% - 40px); }
  #voicebridge-site h1 { font-size: clamp(45px, 12cqw, 68px); letter-spacing: -2.5px; }
  #voicebridge-site h2 { font-size: clamp(30px, 8.5cqw, 40px); }
  #voicebridge-site .vb-heading-spark { margin-left: 20px; }
  #voicebridge-site .vb-hero-actions { align-items: stretch; gap: 10px; }
  #voicebridge-site .vb-hero-actions .vb-button { flex: 1 1 220px; font-size: 13px; }
  #voicebridge-site .vb-setup-steps { grid-template-columns: 1fr; }
  #voicebridge-site .vb-setup-tabs { width: 100%; max-width: none; }
  #voicebridge-site .vb-setup-tabs button { flex: 1 1 180px; font-size: 12px; }
  #voicebridge-site .vb-setup-detail-top, #voicebridge-site #vb-setup-detail { padding: 20px; }
  #voicebridge-site .vb-setup-detail-bottom { align-items: flex-start; gap: 16px; }
  #voicebridge-site .vb-setup-detail-bottom > span { flex: 1 1 100%; max-width: none; }
  #voicebridge-site .vb-command { flex-direction: column; }
  #voicebridge-site .vb-command button { align-self: flex-end; }
  #voicebridge-site .vb-project-state { flex-basis: 100%; padding-left: 26px; }
  #voicebridge-site .vb-feature-large, #voicebridge-site .vb-feature, #voicebridge-site .vb-download-card { padding: 22px; }
  #voicebridge-site .vb-terminal-live { margin-left: 0; }
  #voicebridge-site .vb-footer > div { margin-left: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  #voicebridge-site .vb-reveal-pending { opacity: 1; translate: none; }
}

@container (max-width: 900px) {
  #voicebridge-site .vb-nav, #voicebridge-site .vb-nav-cta { display: none; }
  #voicebridge-site .vb-menu-button { display: block; }
}
#voicebridge-site .vb-url-field label { font-size: 12px; color: var(--vb-muted); }
#voicebridge-site .vb-project-list { transform: none; }

#voicebridge-site .vb-how-step > p, #voicebridge-site .vb-feature-large > p,
#voicebridge-site .vb-feature p, #voicebridge-site .vb-download-card > p,
#voicebridge-site .vb-faq-list details > p, #voicebridge-site .vb-setup-intro,
#voicebridge-site #vb-setup-detail p, #voicebridge-site #vb-setup-detail ul { font-size: 14px; line-height: 1.8; }