#verapoint-outbound-design {
      --vp-bg: #100f0e;
      --vp-surface: #211d17;
      --vp-ink: #f1e5ce;
      --vp-muted: #b5a68a;
      --vp-line: #3c3222;
      --vp-gold: #d0a34b;
      --vp-gold-ink: #dbb86c;
      --vp-gold-wash: #2a2215;
      --vp-button: #cba04d;
      --vp-button-ink: #1b1409;
      --vp-danger: #eea18f;
      --vp-danger-bg: #39201c;
      --vp-frame: #544633;
      --vp-shadow: #00000055;
      --vp-hold-shape: 44px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--vp-ink);
      background: transparent;
      padding: 10px 0 20px;
      width: 100%;
      line-height: 1.45;
      font-size: 15px;
      font-weight: 600;
      text-align: center;
    }
    #verapoint-outbound-design * { box-sizing: border-box; }
    #verapoint-outbound-design [hidden] { display: none !important; }
    #verapoint-outbound-design button,
    #verapoint-outbound-design input,
    #verapoint-outbound-design select { font: inherit; }
    #verapoint-outbound-design button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
    #verapoint-outbound-design button:disabled { cursor: default; }
    #verapoint-outbound-design p,
    #verapoint-outbound-design h2 { margin: 0; }
    #verapoint-outbound-design .vp-preview-label {
      max-width: 390px; margin: 0 auto 10px; padding: 0 10px;
      display: flex; justify-content: space-between; align-items: center;
      color: light-dark(#746b60, #b5a68a); font-size: 11px; letter-spacing: .06em;
    }
    #verapoint-outbound-design .vp-preview-label span:first-child { text-transform: uppercase; }
    #verapoint-outbound-design .vp-phone {
      color-scheme: dark;
      width: min(100%, 390px); min-height: 690px; margin: 0 auto;
      padding: 13px 24px 12px; position: relative;
      border: 1px solid var(--vp-frame); border-radius: 42px;
      background: var(--vp-bg); box-shadow: 0 12px 40px var(--vp-shadow);
      display: flex; flex-direction: column;
    }
    #verapoint-outbound-design .vp-status {
      display: flex; justify-content: space-between; align-items: center;
      padding: 0 6px; height: 24px; font-size: 12px; font-weight: 500;
    }
    #verapoint-outbound-design .vp-status-icons { display: flex; align-items: center; gap: 6px; }
    #verapoint-outbound-design .vp-status-icons svg { width: 14px; height: 14px; }
    #verapoint-outbound-design .vp-brand { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 24px 0 34px; }
    #verapoint-outbound-design .vp-logo { width: 132px; height: 132px; object-fit: contain; }
    #verapoint-outbound-design .vp-brand > div { width: 142px; }
    #verapoint-outbound-design .vp-wordmark { font-family: "Chakra Petch", "Arial Black", sans-serif; font-size: 30px; line-height: 1; letter-spacing: -.7px; font-weight: 700; color: var(--vp-gold-ink); }
    #verapoint-outbound-design .vp-brand-sub { font-size: 11px; line-height: 1.1; font-weight: 650; letter-spacing: .085em; text-transform: uppercase; color: var(--vp-muted); margin-top: 3px; white-space: nowrap; }
    #verapoint-outbound-design .vp-screen { flex: 1; display: flex; flex-direction: column; }
    #verapoint-outbound-design .vp-title { font-size: 28px; letter-spacing: -.9px; line-height: 1.2; font-weight: 700; }
    #verapoint-outbound-design .vp-subtitle { color: var(--vp-muted); font-size: 14px; margin-top: 9px; }
    #verapoint-outbound-design .vp-language-area { margin-top: 0; }
    #verapoint-outbound-design .vp-field-label { display: block; font-size: 13px; font-weight: 650; margin-bottom: 12px; color: var(--vp-muted); }
    #verapoint-outbound-design .vp-picker-wrap { position: relative; z-index: 2; }
    #verapoint-outbound-design .vp-picker {
      appearance: none; width: 100%; min-height: 64px; padding: 14px 18px;
      display: flex; align-items: center; justify-content: center; gap: 9px;
      font-size: 21px; font-weight: 750; color: var(--vp-gold-ink); text-align: center;
      border: 2px solid var(--vp-gold); border-radius: 16px; background: var(--vp-surface); cursor: pointer;
    }
    #verapoint-outbound-design .vp-picker:focus { outline: 2px solid var(--vp-gold); outline-offset: 4px; }
    #verapoint-outbound-design .vp-picker:hover,
    #verapoint-outbound-design .vp-picker[aria-expanded="true"] { background: var(--vp-gold-wash); }
    #verapoint-outbound-design .vp-language-menu {
      position: absolute; inset-inline: 0; top: calc(100% + 9px); z-index: 5;
      padding: 6px; border: 2px solid var(--vp-gold); border-radius: 18px;
      background: var(--vp-surface); box-shadow: 0 12px 30px var(--vp-shadow);
    }
    #verapoint-outbound-design .vp-language-option {
      display: flex; align-items: center; justify-content: center; gap: 9px;
      width: 100%; min-height: 49px; padding: 10px 14px; margin: 0;
      border: 0; border-radius: 11px; background: var(--vp-surface);
      color: var(--vp-gold-ink); font-size: 19px; font-weight: 750; text-align: center;
      user-select: none;
    }
    #verapoint-outbound-design .vp-language-option[aria-pressed="true"] { background: var(--vp-gold-wash); }
    #verapoint-outbound-design .vp-language-menu:not(:focus-within) .vp-language-option:hover,
    #verapoint-outbound-design .vp-language-option:focus-visible {
      background: var(--vp-button); color: var(--vp-button-ink);
    }
    #verapoint-outbound-design .vp-language-option:focus { outline: 2px solid var(--vp-gold); outline-offset: -2px; }
    #verapoint-outbound-design .vp-option-check { visibility: hidden; }
    #verapoint-outbound-design .vp-language-option[aria-pressed="true"] .vp-option-check { visibility: visible; }
    #verapoint-outbound-design .vp-selected { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    #verapoint-outbound-design .vp-selected svg { width: 14px; height: 14px; }
    #verapoint-outbound-design .vp-call-area { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; padding: 42px 0 30px; }
    #verapoint-outbound-design .vp-hold-shell { padding: 5px; border-radius: calc(var(--vp-hold-shape) + 6px); background: var(--vp-gold-wash); transition: border-radius .2s ease; }
    #verapoint-outbound-design .vp-hold {
      width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;
      color: var(--vp-button-ink); background: var(--vp-button); border: 0; border-radius: var(--vp-hold-shape);
      box-shadow: inset 0 1px 0 #ffffff38, 0 8px 22px var(--vp-shadow);
      user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
      touch-action: none; transition: transform .15s ease, border-radius .2s ease;
    }
    #verapoint-outbound-design .vp-hold:active { transform: scale(.975); }
    #verapoint-outbound-design .vp-hold svg { width: 46px !important; height: 46px !important; stroke-width: 2.2; }
    #verapoint-outbound-design .vp-hold-caption { margin-top: 23px; font-size: 16px; font-weight: 700; }
    #verapoint-outbound-design .vp-hold-note { color: var(--vp-muted); font-size: 12px; margin-top: 5px; min-height: 18px; font-weight: 500; }
    #verapoint-outbound-design .vp-bottom {
      margin-top: auto; padding: 18px 0 16px; border-top: 1px solid var(--vp-line);
      display: flex; align-items: center; gap: 12px; color: var(--vp-muted); font-size: 12px;
    }
    #verapoint-outbound-design .vp-bottom svg { flex: 0 0 20px; width: 20px; height: 20px; }
    #verapoint-outbound-design .vp-bottom strong { color: var(--vp-ink); display: block; font-size: 12px; font-weight: 500; }
    #verapoint-outbound-design .vp-home-indicator { width: 110px; height: 4px; background: var(--vp-ink); opacity: .6; border-radius: 4px; margin: 7px auto 0; }
    #verapoint-outbound-design .vp-step-head { display: grid; grid-template-columns: 44px 1fr 44px; gap: 6px; align-items: center; margin-bottom: 20px; }
    #verapoint-outbound-design .vp-step-head .vp-title { font-size: 24px; }
    #verapoint-outbound-design .vp-back { border: 1px solid var(--vp-line); background: var(--vp-surface); color: var(--vp-ink); border-radius: 14px; width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; }
    #verapoint-outbound-design .vp-back svg { width: 19px; height: 19px; }
    #verapoint-outbound-design .vp-language-pair { display: flex; justify-content: center; align-items: center; gap: 11px; color: var(--vp-gold-ink); background: var(--vp-gold-wash); border-radius: 10px; min-height: 39px; font-size: 13px; font-weight: 650; }
    #verapoint-outbound-design .vp-language-pair svg { width: 16px; height: 16px; }
    #verapoint-outbound-design .vp-number-wrap { margin-top: 21px; }
    #verapoint-outbound-design .vp-number { width: 100%; min-width: 0; background: var(--vp-surface); color: var(--vp-ink); border: 1px solid var(--vp-line); border-radius: 14px; padding: 15px 14px; min-height: 60px; font-size: 22px; letter-spacing: -.4px; text-align: center; font-weight: 700; }
    #verapoint-outbound-design .vp-number::placeholder { color: var(--vp-muted); font-size: 16px; letter-spacing: 0; }
    #verapoint-outbound-design .vp-input-help { font-size: 12px; color: var(--vp-muted); min-height: 20px; margin-top: 7px; }
    #verapoint-outbound-design .vp-input-help.vp-error { color: var(--vp-danger); }
    #verapoint-outbound-design .vp-keypad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px 10px; padding: 15px 8px 18px; }
    #verapoint-outbound-design .vp-keypad button { min-height: 45px; border: 0; border-radius: 14px; background: transparent; color: var(--vp-ink); font-size: 25px; font-weight: 650; line-height: 1.1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    #verapoint-outbound-design .vp-keypad button:hover { background: var(--vp-gold-wash); }
    #verapoint-outbound-design .vp-keypad small { font-size: 8px; letter-spacing: .16em; color: var(--vp-muted); margin-top: 2px; }
    #verapoint-outbound-design .vp-keypad svg { width: 23px; height: 23px; }
    #verapoint-outbound-design .vp-primary { width: 100%; min-height: 54px; display: flex; justify-content: center; align-items: center; gap: 10px; border: 0; border-radius: 16px; background: var(--vp-button); color: var(--vp-button-ink); font-weight: 750; }
    #verapoint-outbound-design .vp-primary svg { width: 18px; height: 18px; }
    #verapoint-outbound-design .vp-caller-id { display: flex; flex-direction: column; gap: 7px; justify-content: center; align-items: center; margin-top: 18px; padding: 16px 0 14px; border-top: 1px solid var(--vp-line); }
    #verapoint-outbound-design .vp-caller-id-label { color: var(--vp-gold-ink); font-size: 16px; font-weight: 750; }
    #verapoint-outbound-design .vp-caller-id-number { color: var(--vp-ink); font-size: 19px; font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
    #verapoint-outbound-design .vp-call-header { text-align: center; margin-top: 3px; }
    #verapoint-outbound-design .vp-call-number { font-size: 22px; font-weight: 700; letter-spacing: -.5px; overflow-wrap: anywhere; margin: 22px 0 7px; }
    #verapoint-outbound-design .vp-call-sub { color: var(--vp-muted); font-size: 13px; }
    #verapoint-outbound-design .vp-call-middle { display: flex; flex: 1; min-height: 270px; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px 0; }
    #verapoint-outbound-design .vp-orb { height: 105px; width: 105px; display: flex; justify-content: center; align-items: center; border-radius: 32px; background: var(--vp-gold-wash); color: var(--vp-gold-ink); margin-bottom: 24px; }
    #verapoint-outbound-design .vp-orb > svg { height: 35px !important; width: 35px !important; stroke-width: 1.5; }
    #verapoint-outbound-design .vp-call-state { font-weight: 700; font-size: 22px; letter-spacing: -.45px; }
    #verapoint-outbound-design .vp-call-state-note { color: var(--vp-muted); font-size: 13px; margin-top: 8px; max-width: 245px; min-height: 40px; }
    #verapoint-outbound-design .vp-progress-bars { display: flex; gap: 6px; height: 36px; align-items: center; }
    #verapoint-outbound-design .vp-progress-bars span { width: 5px; height: 14px; border-radius: 8px; background: var(--vp-gold); }
    #verapoint-outbound-design .vp-progress-bars span:nth-child(2),
    #verapoint-outbound-design .vp-progress-bars span:nth-child(4) { height: 24px; }
    #verapoint-outbound-design .vp-progress-bars span:nth-child(3) { height: 34px; }
    #verapoint-outbound-design .vp-progress-bars.vp-thinking span { animation: vp-wave 900ms ease-in-out 3; }
    #verapoint-outbound-design .vp-progress-bars.vp-thinking span:nth-child(2) { animation-delay: 100ms; }
    #verapoint-outbound-design .vp-progress-bars.vp-thinking span:nth-child(3) { animation-delay: 200ms; }
    #verapoint-outbound-design .vp-progress-bars.vp-thinking span:nth-child(4) { animation-delay: 300ms; }
    #verapoint-outbound-design .vp-progress-bars.vp-thinking span:nth-child(5) { animation-delay: 400ms; }
    @keyframes vp-wave { 0%, 100% { transform: scaleY(.5); opacity: .45; } 50% { transform: scaleY(1); opacity: 1; } }
    #verapoint-outbound-design .vp-end { background: var(--vp-danger-bg); color: var(--vp-danger); }
    #verapoint-outbound-design .vp-call-footer { margin-top: auto; padding-bottom: 8px; }
    #verapoint-outbound-design .vp-text-button { display: block; width: 100%; min-height: 44px; margin: 8px 0 0; border: 0; background: transparent; color: var(--vp-muted); font-size: 13px; }
    #verapoint-outbound-design .vp-demo-controls { max-width: 390px; margin: 13px auto 0; padding: 0 10px; display: flex; gap: 12px; justify-content: center; }
    #verapoint-outbound-design .vp-demo-controls button { background: transparent; border: 0; min-height: 35px; color: light-dark(#746b60, #b5a68a); font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
    @media (max-width: 370px) {
      #verapoint-outbound-design .vp-phone { padding-inline: 19px; border-radius: 32px; }
      #verapoint-outbound-design .vp-title { font-size: 26px; }
      #verapoint-outbound-design .vp-brand { padding-top: 22px; padding-bottom: 34px; }
      #verapoint-outbound-design .vp-number { font-size: 20px; }
    }
    @media (prefers-reduced-motion: reduce) {
      #verapoint-outbound-design * { animation: none !important; transition: none !important; }
    }
  
html,body {margin:0;background:#100f0e;color:#f1e5ce;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#verapoint-outbound-design{padding:0}
#verapoint-outbound-design .vp-phone{border:0;border-radius:0;box-shadow:none;width:min(100%,440px);min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:12px 26px 72px}
#verapoint-outbound-design .vp-brand{padding-top:12px;padding-bottom:30px}
#verapoint-outbound-design .vp-screen{min-height:360px}
#verapoint-outbound-design button:focus-visible,#verapoint-outbound-design a:focus-visible{outline:2px solid var(--vp-gold);outline-offset:4px}
#verapoint-outbound-design .vp-login input{display:block;width:100%;font:inherit;padding:14px;border:1px solid var(--vp-gold);border-radius:12px;background:var(--vp-surface);color:var(--vp-ink);margin:12px 0 20px;text-align:center}
#verapoint-outbound-design .vp-login p{font-size:13px;color:var(--vp-muted);margin:14px 0}
#verapoint-outbound-design .vp-login h2{font-size:23px}
#verapoint-outbound-design .vp-join-code{font-size:36px;letter-spacing:8px;font-weight:800;margin:12px 0;color:var(--vp-gold-ink)}
#verapoint-outbound-design .vp-join-link{display:block;color:var(--vp-gold-ink);font-weight:700;font-size:20px;margin-top:16px}
#verapoint-outbound-design .vp-network{font-size:12px;color:var(--vp-danger);min-height:20px;margin-top:12px}
#verapoint-outbound-design button:disabled{opacity:.5}
#verapoint-outbound-design .vp-hold[disabled]{opacity:.4}
/* Bottom tab bar: Messages left, this app (highlighted) centre, Settings right. */
#verapoint-outbound-design .vp-tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:10;width:min(100%,440px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 26px calc(6px + env(safe-area-inset-bottom));background:var(--vp-bg);border-top:1px solid var(--vp-line)}
#verapoint-outbound-design .vp-tab{grid-row:1;display:flex;align-items:center;justify-content:center;width:72px;height:56px;padding:0;border:0;border-radius:14px;background:transparent;color:var(--vp-muted);text-decoration:none}
#verapoint-outbound-design .vp-tab svg{width:26px;height:26px}
#verapoint-outbound-design .vp-tab-messages{grid-column:1;justify-self:start}
#verapoint-outbound-design .vp-tab-home{grid-column:2;width:64px;border-radius:16px;background:var(--vp-button);color:var(--vp-button-ink)}
#verapoint-outbound-design .vp-tab-settings{grid-column:3;justify-self:end}
#verapoint-outbound-design .vp-tab-settings[aria-current="page"]{background:var(--vp-gold-wash);color:var(--vp-gold-ink)}
#verapoint-outbound-design .vp-tab[aria-disabled="true"]{pointer-events:none;opacity:.5}
@media(hover:hover){
#verapoint-outbound-design .vp-tab:not(:disabled):hover{background:var(--vp-gold-wash);color:var(--vp-gold-ink)}
#verapoint-outbound-design .vp-tab-home:not(:disabled):hover{background:var(--vp-gold-ink);color:var(--vp-button-ink)}
#verapoint-outbound-design .vp-primary:not(:disabled):hover{background:var(--vp-gold-ink)}
#verapoint-outbound-design .vp-end:not(:disabled):hover{background:var(--vp-danger-bg);box-shadow:inset 0 0 0 1px var(--vp-danger)}
#verapoint-outbound-design .vp-text-button:not(:disabled):hover{color:var(--vp-gold-ink)}
#verapoint-outbound-design .vp-back:hover{background:var(--vp-gold-wash);color:var(--vp-gold-ink)}
}
/* Dial and call screens: smaller brand so the keypad and Call button fit. */
#verapoint-outbound-design .vp-phone[data-page="number"],#verapoint-outbound-design .vp-phone[data-page="call"]{padding-top:8px}
#verapoint-outbound-design .vp-phone[data-page="number"] .vp-brand,#verapoint-outbound-design .vp-phone[data-page="call"] .vp-brand{padding:0 0 8px;gap:2px}
#verapoint-outbound-design .vp-phone[data-page="number"] .vp-logo,#verapoint-outbound-design .vp-phone[data-page="call"] .vp-logo{width:84px;height:84px}
#verapoint-outbound-design .vp-phone[data-page="number"] .vp-brand>div,#verapoint-outbound-design .vp-phone[data-page="call"] .vp-brand>div{width:114px}
#verapoint-outbound-design .vp-phone[data-page="number"] .vp-wordmark,#verapoint-outbound-design .vp-phone[data-page="call"] .vp-wordmark{font-size:24px;letter-spacing:-.55px}
#verapoint-outbound-design .vp-phone[data-page="number"] .vp-brand-sub,#verapoint-outbound-design .vp-phone[data-page="call"] .vp-brand-sub{font-size:9px;margin-top:2px}
#verapoint-outbound-design #vp-number-screen .vp-step-head{margin-bottom:8px}
#verapoint-outbound-design #vp-number-screen .vp-language-pair{min-height:36px}
#verapoint-outbound-design #vp-number-screen .vp-number-wrap{margin-top:12px}
#verapoint-outbound-design #vp-number-screen .vp-number-wrap .vp-field-label{margin-bottom:6px}
#verapoint-outbound-design #vp-number-screen .vp-number{min-height:56px;padding:12px 14px}
#verapoint-outbound-design #vp-number-screen .vp-input-help{margin-top:4px;min-height:18px}
#verapoint-outbound-design #vp-number-screen .vp-keypad{gap:4px 10px;padding:6px 8px 8px}
#verapoint-outbound-design #vp-number-screen .vp-keypad button{min-height:57px;font-size:29px}
#verapoint-outbound-design #vp-number-screen .vp-keypad small{font-size:9px}
#verapoint-outbound-design #vp-number-screen .vp-keypad svg{width:26px;height:26px}
#verapoint-outbound-design #vp-start{min-height:56px;font-size:17px}
#verapoint-outbound-design #vp-number-screen .vp-caller-id{flex-direction:row;gap:6px;margin-top:8px;padding:0;border-top:0}
#verapoint-outbound-design #vp-number-screen .vp-caller-id-label{color:var(--vp-muted);font-size:13px;font-weight:650}
#verapoint-outbound-design #vp-number-screen .vp-caller-id-number{color:var(--vp-muted);font-size:13px}
/* Settings: phone to ring, same look as the language menu. */
#verapoint-outbound-design .vp-ring{margin:6px 0 4px}
#verapoint-outbound-design .vp-login .vp-ring .vp-field-label{margin:0 0 10px;font-size:13px;color:var(--vp-muted)}
#verapoint-outbound-design .vp-ring-menu{padding:6px;border:2px solid var(--vp-gold);border-radius:18px;background:var(--vp-surface)}
#verapoint-outbound-design .vp-ring-option{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:49px;padding:10px 14px;margin:0;border:0;border-radius:11px;background:var(--vp-surface);color:var(--vp-gold-ink);font-size:19px;font-weight:750;font-variant-numeric:tabular-nums;user-select:none}
#verapoint-outbound-design .vp-ring-option[aria-pressed="true"]{background:var(--vp-gold-wash)}
#verapoint-outbound-design .vp-ring-option:focus-visible{background:var(--vp-button);color:var(--vp-button-ink)}
@media(hover:hover){#verapoint-outbound-design .vp-ring-option:hover{background:var(--vp-button);color:var(--vp-button-ink)}}
#verapoint-outbound-design .vp-ring-option:focus{outline:2px solid var(--vp-gold);outline-offset:-2px}
#verapoint-outbound-design .vp-ring-option[aria-pressed="true"] .vp-option-check{visibility:visible}
/* Join mode (fallback) adds the number and code: compact the middle so End call stays above the tab bar. */
#verapoint-outbound-design #vp-call-screen:has(#vp-office-join:not([hidden])) .vp-call-middle{min-height:0;padding:4px 0}
#verapoint-outbound-design #vp-call-screen:has(#vp-office-join:not([hidden])) .vp-orb{width:84px;height:84px;margin-bottom:14px}
/* Short screens (small iPhones, Safari with its toolbars): shrink the brand, never the Call or End call button. A 390x844 installed app reports 797px and keeps the full layout. */
@media (max-height:780px){
#verapoint-outbound-design .vp-phone[data-page="number"] .vp-logo,#verapoint-outbound-design .vp-phone[data-page="call"] .vp-logo{width:56px;height:56px}
#verapoint-outbound-design .vp-phone[data-page="number"] .vp-brand-sub,#verapoint-outbound-design .vp-phone[data-page="call"] .vp-brand-sub{display:none}
#verapoint-outbound-design .vp-call-middle{min-height:200px;padding:12px 0}
}
@media (max-height:720px){
#verapoint-outbound-design .vp-logo{width:104px;height:104px}
#verapoint-outbound-design .vp-phone[data-page="number"] .vp-logo,#verapoint-outbound-design .vp-phone[data-page="call"] .vp-logo{display:none}
#verapoint-outbound-design #vp-number-screen .vp-keypad button{min-height:52px}
#verapoint-outbound-design .vp-call-number{margin:12px 0 4px}
#verapoint-outbound-design .vp-orb{width:84px;height:84px;margin-bottom:14px}
#verapoint-outbound-design .vp-call-middle{min-height:160px;padding:8px 0}
#verapoint-outbound-design .vp-call-area{padding:24px 0 16px}
}
@media(prefers-reduced-motion:reduce){#verapoint-outbound-design *{animation:none!important;transition:none!important}}