/* ===== VelocityDial SaaS enterprise UI refresh — 2026-07-04 =====
   Rebuilt after authenticated panel stylesheet truncation. */

:root{
  --vd-purple:#5b4bff;
  --vd-purple-dark:#3f2cf0;
  --vd-blue:#1787ff;
  --vd-cyan:#0bb3ff;
  --vd-teal:#0f7b8a;
  --vd-navy:#071d35;
  --vd-navy-2:#0b2544;
  --vd-ink:#0b1220;
  --vd-muted:#667085;
  --vd-soft:#f4f7fb;
  --vd-bg:#f7faff;
  --vd-white:#ffffff;
  --vd-line:#e4ebf5;
  --vd-line-strong:#d7e1ef;
  --vd-green:#18c964;
  --vd-red:#ef4444;
  --vd-amber:#f59e0b;
  --vd-gradient:linear-gradient(135deg,var(--vd-blue),var(--vd-purple));
  --vd-gradient-dark:linear-gradient(145deg,#061a33 0%,#0b2350 46%,#2b25aa 100%);
  --shadow-xs:0 2px 8px rgba(15,23,42,.04);
  --shadow-sm:0 10px 28px rgba(15,23,42,.06);
  --shadow-md:0 18px 48px rgba(15,23,42,.09);
  --shadow-lg:0 32px 86px rgba(27,38,78,.16);
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:24px;
  --radius-xl:32px;
  --max-w:1240px;
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'Source Code Pro',ui-monospace,SFMono-Regular,Menlo,monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);background:var(--vd-bg);color:var(--vd-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--vd-purple);text-decoration:none}
a:hover{color:var(--vd-purple-dark)}
h1,h2,h3,h4,p{margin:0}
p{line-height:1.58;color:var(--vd-muted)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
code{background:#edf2f7;padding:.15rem .35rem;border-radius:.35rem;font-family:var(--mono);font-size:.88rem}
.full{width:100%}
.center{text-align:center}.light{color:#fff}.hide-mobile{display:inline-flex}.block{display:block}.compact{max-width:760px}.large{font-size:1.08rem}.small{font-size:.86rem}

/* ───────────────────────── Public navigation / marketing baseline ───────────────────────── */
.site-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:calc(var(--max-w) + 48px);margin:0 auto;padding:1rem clamp(1rem,3vw,1.5rem);background:rgba(247,250,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,235,245,.78)}
.logo,.agent-logo{display:inline-flex;align-items:center;gap:.65rem;font-weight:900;color:var(--vd-ink)}
.logo strong,.agent-logo strong{letter-spacing:-.025em}
.brand-mark,.brand-mark-pill,.brand-mark-mini,.agent-logo-mark{display:grid;place-items:center;flex:none;overflow:hidden;background:var(--vd-gradient);box-shadow:0 12px 26px rgba(23,135,255,.22)}
.brand-mark{width:42px;height:42px;border-radius:14px}.brand-mark-mini{width:28px;height:28px;border-radius:9px}.brand-mark-pill{width:42px;height:42px;border-radius:999px}.agent-logo-mark{width:44px;height:44px;border-radius:15px}
.brand-mark img,.brand-mark-mini img,.brand-mark-pill img,.agent-logo-mark img{width:100%;height:100%;object-fit:cover}
.site-nav nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.site-nav nav a,.link-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;padding:.5rem .85rem;color:#475467;font-weight:800;font-size:.92rem;transition:background .14s ease,color .14s ease,transform .14s ease}
.site-nav nav a:hover,.site-nav nav a.active,.link-button:hover{background:#eef4ff;color:var(--vd-purple)}
.nav-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.primary,.secondary,.dark-secondary,.dark-cta,.white{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;border-radius:999px;padding:.72rem 1.1rem;font-weight:950;border:0;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease}
.primary{background:var(--vd-gradient);color:#fff!important;box-shadow:0 16px 34px rgba(83,75,255,.24)}
.primary:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(83,75,255,.32);color:#fff!important}
.secondary{background:#fff;color:var(--vd-ink)!important;border:2px solid var(--vd-line);box-shadow:var(--shadow-xs)}
.secondary:hover{border-color:#cfd8ea;background:#f9fbff;color:var(--vd-purple)!important;transform:translateY(-2px)}
.primary.small{min-height:38px;padding:.55rem .9rem;font-size:.88rem}.primary.white{background:#fff;color:var(--vd-purple)!important;box-shadow:0 18px 42px rgba(255,255,255,.16)}
.section{max-width:var(--max-w);margin:0 auto;padding:clamp(3rem,6vw,5.5rem) clamp(1rem,3vw,1.5rem)}.section-tight{padding-top:3rem;padding-bottom:3rem}.section-head{max-width:760px;margin:0 auto 1.6rem}.section-head h2,.final-cta h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.055em;line-height:1.02}.eyebrow,.agent-eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--vd-purple);font-weight:950;text-transform:uppercase;letter-spacing:.11em;font-size:.74rem;margin-bottom:.55rem}.badge,.clean-badge,.dark-badge,.gold-chip,.flag-badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.42rem .72rem;font-weight:900;font-size:.78rem;background:#eef4ff;color:var(--vd-purple);border:1px solid #dbe6ff}.hero{max-width:var(--max-w);margin:0 auto;padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,1.5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:clamp(2rem,5vw,4rem)}.hero-wide{max-width:1360px}.hero-copy h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:.94;letter-spacing:-.075em;margin:.75rem 0 1rem}.hero-copy h1 span{background:var(--vd-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:clamp(1.02rem,1.6vw,1.22rem);max-width:720px}.hero-copy-centered{text-align:center;justify-self:center}.hero-copy-centered p{margin:0 auto}.hero-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}.center-actions{justify-content:center}.trust-strip,.trust-strip-centered{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}.trust-strip span,.trust-strip-centered span{background:#fff;border:1px solid var(--vd-line);border-radius:999px;padding:.45rem .7rem;color:#536072;font-weight:800;font-size:.82rem;box-shadow:var(--shadow-xs)}.trust-strip-centered{justify-content:center}.feature-grid,.compact-cards,.premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card,.feature-grid article,.link-card,.compact-card,.compact-related-card,.blog-card,.help-card,.clean-country-card,.compact-country-card{display:block;background:#fff;border:2px solid var(--vd-line);border-radius:24px;padding:1.2rem;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.feature-card:hover,.link-card:hover,.compact-card:hover,.blog-card:hover,.help-card:hover{transform:translateY(-3px);border-color:#cfd8ff;box-shadow:var(--shadow-md)}.feature-card span,.feature-grid article span{display:inline-flex;margin-bottom:.8rem;color:var(--vd-purple);font-weight:950;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.feature-card h3,.feature-grid article h3{margin-bottom:.45rem;font-size:1.12rem;letter-spacing:-.03em}.check-list{display:grid;gap:.55rem;margin-top:1rem}.check-list p{background:#fff;border:1px solid var(--vd-line);border-radius:14px;padding:.7rem .8rem;color:#344054;font-weight:750}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem}.reverse{direction:rtl}.reverse>*{direction:ltr}.dark-band,.clean-dark-band{background:var(--vd-gradient-dark);color:#fff;margin-top:2rem}.dark-band h2,.dark-band p,.clean-dark-band h2,.clean-dark-band p{color:#fff}.final-cta,.clean-final-cta{text-align:center;background:#fff;border:2px solid var(--vd-line);border-radius:34px;box-shadow:var(--shadow-md);margin-top:2rem}.final-cta p{max-width:720px;margin:.7rem auto 0}.site-footer,.dark-footer{text-align:center;padding:2rem 1rem;color:#667085;font-weight:700}.download-strip{max-width:var(--max-w);margin:1rem auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;padding:0 clamp(1rem,3vw,1.5rem)}.download-strip a{display:flex;align-items:center;gap:.7rem;background:#fff;border:2px solid var(--vd-line);border-radius:20px;padding:1rem;color:var(--vd-ink);box-shadow:var(--shadow-sm)}.download-strip a span:first-child{font-size:1.35rem}.download-strip strong{display:block}.download-strip small{display:block;color:var(--vd-muted);font-weight:750}.softphone-hero-board,.webphone-showcase,.softphone-shell,.mini-phone-card{background:#0b1429;border:1px solid rgba(255,255,255,.12);border-radius:30px;box-shadow:var(--shadow-lg);color:#fff}.softphone-hero-board{position:relative;padding:1rem}.board-top,.softphone-top,.mini-phone-status{display:flex;align-items:center;gap:.6rem;justify-content:space-between;color:#fff}.board-top em,.softphone-top em{font-style:normal;color:#91f1ba;font-weight:800;font-size:.8rem}.board-body{display:grid;grid-template-columns:140px minmax(0,1fr) 210px;gap:.8rem;margin-top:1rem}.board-menu,.board-calls{display:grid;gap:.55rem}.board-menu span,.board-search,.call-row,.mini-phone-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:.75rem}.call-row{display:flex;align-items:center;gap:.65rem}.call-row span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.12);font-weight:900}.call-row strong,.call-row small{display:block;color:#fff}.call-row small{opacity:.72}.call-row em{margin-left:auto;font-style:normal;font-size:.75rem;font-weight:850;color:#91f1ba}.mini-phone-card{padding:1rem;text-align:center}.mini-keypad,.softphone-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.8rem 0}.mini-keypad button,.softphone-pad button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);color:#fff;border-radius:12px;min-height:34px;font-weight:900}.mini-call-button,.softphone-call{width:100%;border:0;border-radius:14px;min-height:40px;background:linear-gradient(135deg,#18c964,#0aa345);color:#fff;font-weight:950}.side-floating-rail{position:absolute;left:-18px;top:28px;display:grid;gap:.6rem}.side-floating-rail span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#fff;box-shadow:var(--shadow-md)}

/* ───────────────────────── Auth forms ───────────────────────── */
.auth-body{background:radial-gradient(circle at 12% 0%,rgba(23,135,255,.14),transparent 24rem),linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)}
.auth-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:clamp(2rem,5vw,4rem) 1rem}.login-shell{max-width:760px;margin:0 auto}.auth-card,.login-card,.auth-side,.clean-signup-card{width:min(100%,520px);background:#fff;border:2px solid var(--vd-line);border-radius:30px;padding:clamp(1.35rem,3vw,2rem);box-shadow:var(--shadow-lg)}.login-card-top{display:flex;align-items:center;gap:.9rem;margin-bottom:.85rem}.login-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--vd-gradient);color:#fff;font-size:1.35rem;box-shadow:0 16px 36px rgba(83,75,255,.22)}.auth-card h1,.login-card h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;letter-spacing:-.055em}.login-copy{font-weight:650;margin-bottom:1.2rem}.auth-form,.login-form,.signup-form,.support-request-form,.agent-form,.credit-topup-form,.auto-topup-form,.custom-topup-form{display:grid;gap:.8rem}.auth-form label,.agent-form label,.credit-topup-form label,.auto-topup-form label,.custom-topup-form label{display:grid;gap:.32rem}.auth-form label span,.agent-form label span,.credit-topup-form label span,.auto-topup-form label span,.custom-topup-form label span{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;color:var(--vd-muted)}.auth-form input,.agent-form input,.agent-form select,.agent-form textarea,.credit-topup-form input,.auto-topup-form input,.custom-topup-form input,.signup-form input,.signup-form select,.support-request-form input,.support-request-form select,.support-request-form textarea{width:100%;min-height:46px;border:2px solid #dce5f0;border-radius:14px;background:#fff;color:var(--vd-ink);padding:.7rem .9rem;font:inherit;font-weight:700;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.auth-form input:focus,.agent-form input:focus,.agent-form select:focus,.agent-form textarea:focus,.credit-topup-form input:focus,.auto-topup-form input:focus,.custom-topup-form input:focus,.signup-form input:focus,.signup-form select:focus,.support-request-form input:focus,.support-request-form select:focus,.support-request-form textarea:focus{border-color:#7a6cff;box-shadow:0 0 0 4px rgba(91,75,255,.12)}.auth-alt{margin-top:1rem;text-align:center;font-weight:800}.alert,.login-alert,.agent-alert{border-radius:16px;padding:.85rem 1rem;margin:.9rem 0;font-weight:850}.error,.agent-alert-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.agent-alert-success,.alert.success{background:#ecfdf3;color:#067647;border:1px solid #bbf7d0}

/* ───────────────────────── Company/app broad baseline ───────────────────────── */
.app-body:not(.agent-mode){background:#f4f7fb}.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.app-sidebar{background:#081a31;color:#fff;padding:1.15rem;display:flex;flex-direction:column;gap:1rem}.app-sidebar a{color:rgba(255,255,255,.82);font-weight:850;border-radius:14px;padding:.7rem .85rem}.app-sidebar a.active,.app-sidebar a:hover{background:rgba(255,255,255,.10);color:#fff}.app-main,.company-control-main{padding:clamp(1.5rem,3vw,2.5rem);min-width:0}.app-header,.app-command-bar,.panel,.agent-card,.compact-card,.billing-wallet-custom-panel,.credit-wallet-panel,.billing-proration-note,.call-filter-panel,.empty-state-card,.detail-card-panel,.soft-note-panel,.create-agent-page-panel{background:#fff;border:2px solid var(--vd-line);border-radius:24px;padding:1.15rem;box-shadow:var(--shadow-sm)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.header-actions,.billing-actions,.call-filter-actions,.compact-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.command-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.command-tabs a{display:inline-flex;border-radius:999px;padding:.55rem .82rem;background:#f4f7fb;color:#536072;font-weight:900}.command-tabs a.active,.command-tabs a:hover{background:#edeaff;color:var(--vd-purple)}.metric-grid,.compact-kpi-grid,.billing-metrics,.agent-metrics,.agent-profile-metrics,.help-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric-card,.billing-metrics article,.agent-metric{background:#fff;border:2px solid var(--vd-line);border-radius:20px;padding:1rem;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.metric-card:hover,.agent-metric:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:var(--shadow-md)}.metric-card span,.agent-metric span{display:block;color:var(--vd-muted);font-weight:950;text-transform:uppercase;letter-spacing:.075em;font-size:.72rem}.metric-card strong,.agent-metric strong{display:block;font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-.045em;margin:.3rem 0;color:var(--vd-ink)}.metric-card p,.agent-metric p{font-size:.85rem}.table-wrap,.call-table-wrap,.agent-table-wrap{width:100%;overflow:auto;border:1px solid var(--vd-line);border-radius:18px;background:#fff}.call-table,.agent-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.call-table th,.call-table td,.agent-table th,.agent-table td{padding:.72rem .78rem;text-align:left;border-bottom:1px solid #eef2f7;vertical-align:middle;font-size:.88rem}.call-table th,.agent-table th{background:#f8fbff;color:#536072;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:950}.call-table td strong,.agent-table td strong{display:block;color:var(--vd-ink)}.call-table td small,.agent-table td small{display:block;color:var(--vd-muted);font-size:.76rem;margin-top:.18rem}.pill,.agent-pill,.direction-pill,.call-result,.agent-result-pill,.hangup-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.28rem .58rem;font-size:.76rem;font-weight:950;background:#eef4ff;color:var(--vd-purple);white-space:nowrap}.pill-answered,.answered,.hangup-pill.client{background:#ecfdf3;color:#047857}.pill-failed,.hangup-pill.agent{background:#fff1f2;color:#be123c}.pill-missed,.hangup-pill.system,.hangup-pill.unknown{background:#fffbeb;color:#b45309}.export-link,.tiny-link,.blog-read{font-weight:950;color:var(--vd-purple)}.empty,.agent-empty,.agent-empty-state{padding:1.6rem;text-align:center;color:var(--vd-muted);font-weight:850}.empty-state-card{text-align:center}

/* ───────────────────────── Agent enterprise workspace ───────────────────────── */
body.app-body.agent-mode{min-height:100vh;background:radial-gradient(circle at 78% -10%,rgba(91,75,255,.13),transparent 30rem),linear-gradient(180deg,#f6f9fd 0%,#eef4fb 100%);display:grid;grid-template-columns:286px minmax(0,1fr);overflow-x:hidden}
.agent-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;background:linear-gradient(180deg,#061a31 0%,#081d39 52%,#0a1227 100%);color:#fff;border-right:1px solid rgba(255,255,255,.10);box-shadow:18px 0 44px rgba(7,29,53,.10);z-index:30}
.agent-logo{color:#fff!important;padding:.25rem .1rem .75rem;border-bottom:1px solid rgba(255,255,255,.1)}.agent-logo strong{font-size:1.08rem}.agent-nav{display:grid;gap:.42rem}.agent-nav a,.agent-logout{display:flex;align-items:center;gap:.72rem;min-height:48px;border-radius:16px;padding:.72rem .85rem;color:rgba(255,255,255,.74);font-weight:900;transition:background .14s ease,color .14s ease,transform .14s ease}.agent-nav a svg,.agent-logout svg{flex:none;opacity:.9}.agent-nav a:hover,.agent-nav a.active,.agent-logout:hover{background:rgba(255,255,255,.11);color:#fff;transform:translateX(2px)}.agent-nav a.active{box-shadow:inset 3px 0 0 var(--vd-cyan);background:linear-gradient(90deg,rgba(23,135,255,.22),rgba(91,75,255,.14))}.agent-sidebar-bottom{margin-top:auto;display:grid;gap:.75rem}.agent-sidebar-profile{display:flex;align-items:center;gap:.72rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:.8rem}.agent-sidebar-profile strong,.agent-sidebar-profile span{display:block}.agent-sidebar-profile span:last-child{color:rgba(255,255,255,.62);font-size:.82rem;font-weight:800}.agent-logout{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);justify-content:center}
.agent-initial{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#1aa8ff,#6f5cff);color:#fff;font-weight:950;font-size:1.05rem;box-shadow:0 14px 30px rgba(23,135,255,.25)}.agent-initial-lg{width:58px;height:58px;border-radius:20px;font-size:1.45rem}
.agent-main{min-width:0;width:100%;max-width:1540px;padding:clamp(1.4rem,3.2vw,2.7rem);align-self:start}.agent-page-header,.agent-phone-hero{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;background:linear-gradient(135deg,#ffffff 0%,#f9fbff 62%,#eef4ff 100%);border:2px solid var(--vd-line);border-radius:30px;padding:clamp(1.25rem,2.4vw,2rem);box-shadow:var(--shadow-md);margin-bottom:1.15rem;position:relative;overflow:hidden}.agent-page-header:before,.agent-phone-hero:before{content:"";position:absolute;inset:auto -8% -70% auto;width:420px;height:420px;background:radial-gradient(circle,rgba(91,75,255,.14),transparent 67%);pointer-events:none}.agent-page-header>*,.agent-phone-hero>*{position:relative}.agent-phone-hero h1,.agent-page-header h1{font-size:clamp(1.8rem,3.4vw,3.45rem);line-height:1.02;letter-spacing:-.065em;margin:.1rem 0 .55rem;color:var(--vd-ink)}.agent-phone-hero p,.agent-page-header p{max-width:760px;font-weight:650}.agent-phone-hero-status,.agent-status-line{display:flex;align-items:center;gap:.78rem;min-width:max-content;background:#fff;border:2px solid var(--vd-line);border-radius:20px;padding:.85rem 1rem;box-shadow:var(--shadow-sm)}.agent-phone-hero-status strong,.agent-status-line strong,.agent-phone-hero-status small,.agent-status-line small{display:block}.agent-phone-hero-status small,.agent-status-line small{color:var(--vd-muted);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.agent-phone-layout{display:grid;grid-template-columns:minmax(286px,370px) minmax(440px,1fr);gap:1.15rem;align-items:start}.agent-phone-side{display:grid;gap:.9rem;min-width:0}.agent-dialer-col{min-width:0;display:grid;justify-items:center;gap:.8rem}.agent-engine-card,.agent-info-card,.agent-dialer-card,.agent-profile-card,.agent-permissions-card,.agent-settings-card,.agent-security-card,.agent-card{background:rgba(255,255,255,.96);border:2px solid var(--vd-line);border-radius:26px;box-shadow:var(--shadow-sm)}.agent-engine-card{display:flex;align-items:center;gap:.78rem;padding:1rem}.agent-engine-card strong,.agent-engine-card small{display:block}.agent-engine-card strong{font-size:1rem}.agent-engine-card small{color:var(--vd-muted);font-weight:750}.agent-quick-stats,.agent-info-rows,.agent-info-details,.agent-insight-grid,.agent-details-grid,.agent-settings-grid,.agent-call-grid,.agent-dtmf-grid{display:grid;gap:.65rem}.agent-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-stat-box,.agent-info-rows>div,.agent-info-details>div,.agent-insight{background:#f8fbff;border:1px solid var(--vd-line);border-radius:17px;padding:.78rem}.agent-stat-box span,.agent-info-rows span,.agent-info-details span,.agent-insight span{display:block;color:var(--vd-muted);font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em}.agent-stat-box strong,.agent-info-rows strong,.agent-info-details strong,.agent-insight strong{display:block;color:var(--vd-ink);font-weight:950;letter-spacing:-.035em;margin-top:.18rem;word-break:break-word}.agent-info-card,.agent-profile-card,.agent-permissions-card{padding:1rem}.agent-info-header,.agent-profile-card-header,.agent-card-head,.agent-card-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.85rem}.agent-info-header{justify-content:flex-start}.agent-info-header strong,.agent-profile-card h2,.agent-card-header h2,.agent-settings-card h2,.agent-security-card h2{font-size:1.18rem;letter-spacing:-.035em}.agent-info-header small,.agent-profile-card small{display:block;color:var(--vd-muted);font-weight:800}.agent-info-rows{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.65rem}.agent-info-details{grid-template-columns:1fr}.agent-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.agent-link-btn,.agent-btn-secondary,.agent-btn-primary,.agent-btn-call,.agent-play-btn,.agent-dtmf-close{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:15px;min-height:44px;padding:.65rem .85rem;font-weight:950;border:0;transition:transform .13s ease,box-shadow .13s ease,background .13s ease,border-color .13s ease}.agent-link-btn,.agent-btn-secondary,.agent-dtmf-close{background:#fff;border:2px solid var(--vd-line);color:#344054!important;box-shadow:var(--shadow-xs)}.agent-link-btn:hover,.agent-btn-secondary:hover,.agent-dtmf-close:hover{background:#f8fbff;border-color:#cfd8ea;transform:translateY(-2px)}.agent-btn-primary{background:var(--vd-gradient);color:#fff!important;box-shadow:0 16px 34px rgba(91,75,255,.24)}.agent-btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(91,75,255,.32)}
.agent-dialer-card{width:min(100%,520px);padding:1.15rem;border-radius:34px;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);box-shadow:0 28px 78px rgba(36,52,102,.16);position:relative;overflow:hidden}.agent-dialer-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -18%,rgba(23,135,255,.12),transparent 42%);pointer-events:none}.agent-dialer-card>*{position:relative}.agent-dialer-header{display:flex;justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:.95rem}.agent-dialer-status,.agent-dialer-country,.agent-trial-badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.42rem .62rem;background:#f1f5ff;color:#344054;font-weight:950;font-size:.78rem;white-space:nowrap}.agent-dialer-country{background:#ecfdf3;color:#067647}.agent-trial-badge{background:#fffbeb;color:#b45309}.agent-dialer-display{margin-bottom:.8rem}.agent-dial-input{width:100%;min-height:62px;padding:.65rem .9rem;font-size:clamp(1.45rem,3.6vw,2.15rem);text-align:center;letter-spacing:.035em;background:#fff!important;border:2px solid #dce5f0!important;border-radius:20px!important;color:var(--vd-ink)!important;font-weight:850;outline:none;font-family:var(--font);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 12px 26px rgba(15,23,42,.045)}.agent-dial-input::placeholder{color:#98a2b3;opacity:1}.agent-dial-input:focus{border-color:#7a6cff!important;box-shadow:0 0 0 4px rgba(91,75,255,.12)!important}.agent-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.8rem}.agent-key{min-height:76px;padding:.65rem;border:2px solid var(--vd-line);border-radius:22px;background:#fff;color:var(--vd-ink);box-shadow:0 10px 22px rgba(15,23,42,.045);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.agent-key strong{display:block;font-size:1.55rem;line-height:1;font-weight:950}.agent-key span{display:block;margin-top:.2rem;color:#98a2b3;font-size:.68rem;font-weight:950;letter-spacing:.12em}.agent-key:hover{background:#f5f8ff;border-color:#c9d7ff;transform:translateY(-2px);box-shadow:0 16px 30px rgba(15,23,42,.08)}.agent-key:active{transform:translateY(0) scale(.98)}.agent-dial-actions{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:.65rem;margin-top:.85rem}.agent-btn-call{min-height:50px;background:linear-gradient(135deg,#18c964,#0aa345);color:#fff;border:0;border-radius:17px;box-shadow:0 16px 32px rgba(24,201,100,.28);font-size:1rem}.agent-btn-call:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(24,201,100,.36)}.agent-call-controls{margin-top:.85rem}.agent-call-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-ctrl-btn{display:grid;place-items:center;gap:.3rem;min-height:64px;border:2px solid var(--vd-line);border-radius:18px;background:#fff;color:#344054;font-weight:950;box-shadow:var(--shadow-xs);transition:all .13s ease}.agent-ctrl-btn:hover,.agent-ctrl-btn.ctrl-active{background:#eef4ff;border-color:#c9d7ff;color:var(--vd-purple);transform:translateY(-2px)}.agent-ctrl-hangup{background:#fff1f2;color:#be123c;border-color:#fecdd3}.agent-ctrl-hangup:hover{background:#ffe4e6;color:#9f1239;border-color:#fda4af}.agent-dtmf-pad{margin-top:.8rem;padding:.8rem;border:1px solid var(--vd-line);border-radius:20px;background:#f8fbff}.agent-dtmf-grid{grid-template-columns:repeat(3,1fr)}.agent-dtmf-key{min-height:42px;border:1px solid #dce5f0;border-radius:12px;background:#fff;font-weight:950}.agent-dialer-footer{min-height:1.2rem;margin-top:.75rem;text-align:center;color:var(--vd-muted);font-weight:800;font-size:.8rem}.agent-phone-engine-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;opacity:0!important;pointer-events:none!important}
.agent-pulse{display:inline-block;flex:none;width:12px;height:12px;border-radius:999px;background:#98a2b3}.agent-pulse.waiting{background:var(--vd-amber);box-shadow:0 0 0 5px rgba(245,158,11,.18);animation:vd-pulse-wait 1.4s ease-in-out infinite}.agent-pulse.ready{background:var(--vd-green);box-shadow:0 0 0 5px rgba(24,201,100,.18)}.agent-pulse.active{background:var(--vd-purple);box-shadow:0 0 0 5px rgba(91,75,255,.22);animation:vd-pulse-active 1s ease-in-out infinite}.agent-pulse.ended{background:#667085;box-shadow:0 0 0 5px rgba(102,112,133,.14)}.agent-pulse.error{background:var(--vd-red);box-shadow:0 0 0 5px rgba(239,68,68,.18)}@keyframes vd-pulse-wait{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.72}}@keyframes vd-pulse-active{0%,100%{box-shadow:0 0 0 5px rgba(91,75,255,.22)}50%{box-shadow:0 0 0 10px rgba(91,75,255,.06)}}
.agent-metrics,.agent-profile-metrics{margin:1rem 0;grid-template-columns:repeat(4,minmax(0,1fr))}.agent-details-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.agent-permissions-card,.agent-settings-card,.agent-security-card{padding:1.1rem}.agent-card-badge{display:inline-flex;width:max-content;border-radius:999px;background:#eef4ff;color:var(--vd-purple);font-weight:950;font-size:.72rem;text-transform:uppercase;letter-spacing:.075em;padding:.34rem .58rem;margin-bottom:.55rem}.agent-check-list{display:grid;gap:.55rem}.agent-check-item{display:flex;align-items:center;gap:.55rem;background:#f8fbff;border:1px solid var(--vd-line);border-radius:15px;padding:.7rem .8rem;color:#344054;font-weight:850}.agent-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.8rem}.agent-trial-note,.agent-security-note,.agent-note-card{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:17px;padding:.85rem;font-weight:800;margin-top:.85rem}.agent-note-card{background:#fff;border:2px solid var(--vd-line);color:var(--vd-ink);padding:1rem}.agent-card{padding:1.1rem;margin-top:1rem}.agent-table-wrap{margin-top:.75rem}.agent-play-btn{min-height:34px;padding:.34rem .65rem;border-radius:999px;background:#eef4ff;color:var(--vd-purple)!important;font-size:.82rem;box-shadow:none}.agent-play-btn:hover{background:#dbeafe}.agent-muted,.agent-note{color:var(--vd-muted);font-weight:750}.agent-note{display:block;margin-top:.25rem;font-size:.76rem}.agent-settings-grid{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:start}.agent-form button{margin-top:.25rem}.agent-form textarea{min-height:110px;resize:vertical}.agent-security-card p{margin:.4rem 0 1rem}.agent-profile-metrics .agent-metric strong{font-size:clamp(1rem,1.5vw,1.28rem);overflow-wrap:anywhere}

/* ───────────────────────── Utility page styles / fallbacks for secondary templates ───────────────────────── */
.blog-page,.help-page-wrap,.clean-pricing-page,.compact-pricing-page,.blog-article-page,.detail-page-main{background:var(--vd-bg)}.blog-hero,.help-hero,.article-hero,.detail-hero,.compact-price-hero{max-width:var(--max-w);margin:0 auto;padding:clamp(2.5rem,5vw,4rem) 1rem;text-align:center}.blog-hero h1,.help-hero h1,.article-hero h1,.compact-price-hero h1{font-size:clamp(2.25rem,5vw,4rem);letter-spacing:-.065em;line-height:1}.blog-card-grid,.blog-grid-section,.help-grid,.compact-tier-grid,.compact-country-grid,.clean-country-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:var(--max-w);margin:0 auto;padding:1rem}.article-shell,.article-body{max-width:860px;margin:0 auto;padding:1rem}.article-body{font-size:1.05rem;line-height:1.75}.article-body h2,.article-section h2{margin:1.8rem 0 .75rem;letter-spacing:-.04em}.article-summary-card,.article-cta-panel{background:#fff;border:2px solid var(--vd-line);border-radius:24px;padding:1.2rem;box-shadow:var(--shadow-sm);margin:1rem 0}.article-back{display:inline-flex;margin:1rem 0;font-weight:950}.blog-meta,.article-meta,.blog-tags{display:flex;gap:.5rem;flex-wrap:wrap;color:var(--vd-muted);font-weight:800}.faq-section,.insight-grid,.call-analytics-grid,.billing-wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.billing-wallet-grid{align-items:start}.billing-checkout-grid{align-items:start}.form-grid,.profile-grid{display:grid;grid-template-columns:1fr;gap:.8rem}.call-filter-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.call-pagination{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1rem}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--vd-gradient);color:#fff;font-weight:950}.live-dot,.call-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--vd-green);box-shadow:0 0 0 4px rgba(24,201,100,.18)}.bar{height:8px;background:#e8edf5;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:var(--vd-gradient)}

@media(max-width:1180px){
  body.app-body.agent-mode{grid-template-columns:250px minmax(0,1fr)}
  .agent-sidebar{padding:1rem}.agent-phone-layout{grid-template-columns:1fr}.agent-phone-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.agent-engine-card,.agent-quick-stats,.agent-info-card,.agent-quick-links{min-width:0}.agent-dialer-col{justify-items:stretch}.agent-dialer-card{justify-self:center}.agent-details-grid,.agent-settings-grid{grid-template-columns:1fr}.agent-metrics,.agent-profile-metrics,.metric-grid,.compact-kpi-grid,.billing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.board-body{grid-template-columns:1fr}.download-strip{grid-template-columns:repeat(2,1fr)}.feature-grid.four,.feature-grid,.blog-card-grid,.blog-grid-section,.help-grid,.compact-tier-grid,.compact-country-grid,.clean-country-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .hide-mobile{display:none!important}.site-nav{position:relative;align-items:flex-start;flex-wrap:wrap}.site-nav nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem}.nav-actions{margin-left:auto}.split{grid-template-columns:1fr}.feature-grid.two,.feature-grid.four,.feature-grid,.blog-card-grid,.blog-grid-section,.help-grid,.compact-tier-grid,.compact-country-grid,.clean-country-grid,.pricing-grid,.faq-section,.insight-grid,.call-analytics-grid,.billing-wallet-grid{grid-template-columns:1fr}.download-strip{grid-template-columns:1fr}.auth-shell{min-height:auto}.app-shell{grid-template-columns:1fr}.app-sidebar{position:relative;min-height:auto}.call-filter-form{grid-template-columns:1fr}
  body.app-body.agent-mode{display:block}.agent-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.agent-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:.45rem;padding-bottom:.2rem}.agent-nav a{min-width:0;padding:.6rem .55rem;gap:.45rem;font-size:.86rem}.agent-sidebar-bottom{display:none}.agent-main{padding:1rem}.agent-phone-hero,.agent-page-header{display:grid;border-radius:24px}.agent-phone-hero-status,.agent-status-line{width:100%;justify-content:flex-start}.agent-dialer-col{order:-1}.agent-phone-side{grid-template-columns:1fr}.agent-quick-stats,.agent-info-rows,.agent-info-details,.agent-insight-grid,.agent-metrics,.agent-profile-metrics{grid-template-columns:1fr}.agent-dialer-card{border-radius:26px;padding:1rem}.agent-key{min-height:68px}.agent-call-grid{grid-template-columns:repeat(2,1fr)}.agent-table{min-width:700px}.agent-dial-actions{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:520px){
  .agent-main{padding:.75rem}.agent-phone-hero h1,.agent-page-header h1{font-size:2rem}.agent-dialer-header{display:grid}.agent-dial-actions{grid-template-columns:1fr}.agent-btn-call{order:-1}.agent-key{min-height:60px;border-radius:18px}.agent-key strong{font-size:1.35rem}.agent-call-grid{grid-template-columns:1fr}.primary,.secondary{width:100%}.hero-actions{width:100%}.site-nav{padding:.75rem}.site-nav nav{display:grid;grid-template-columns:repeat(5,max-content);justify-content:center;gap:.05rem;overflow:visible;padding-bottom:0}.site-nav nav a{min-height:36px;padding:.45rem .5rem;font-size:.82rem}.auth-card,.login-card{border-radius:24px;padding:1rem}.hero{padding-top:2rem}.hero-copy h1{font-size:2.6rem}
}

/* ───────────────────────── Public-site QA polish pass v2 ─────────────────────────
   Fixes homepage mock-console cramped columns, pricing card/text overflow,
   blog card grid nesting, signup form defaults, and help split-panel spacing. */
.page-hero{max-width:var(--max-w);margin:0 auto;padding:clamp(2.35rem,5vw,4.15rem) clamp(1rem,3vw,1.5rem);text-align:center}
.page-hero h1{font-size:clamp(2.35rem,5vw,4.15rem);line-height:1;letter-spacing:-.07em;max-width:980px;margin:.35rem auto .7rem;text-wrap:balance}
.page-hero p{max-width:820px;margin:0 auto;color:var(--vd-muted);font-weight:650;text-wrap:pretty}
.page-hero .hero-actions{justify-content:center}

/* Homepage first fold: keep the mock console enterprise-sized without forcing a 750px hero. */
.tragofone-hero{grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);align-items:center;gap:clamp(1.5rem,3vw,2.6rem);padding-top:clamp(2rem,4vw,3.2rem);padding-bottom:clamp(2rem,4vw,3.2rem)}
.tragofone-hero .hero-copy-centered{text-align:left;justify-self:start;max-width:660px}
.tragofone-hero .hero-copy h1{font-size:clamp(2.65rem,5.1vw,4.85rem);line-height:.96;margin:.65rem 0 .85rem;text-wrap:balance}
.tragofone-hero .hero-copy p{margin:0;max-width:620px;text-wrap:pretty}
.tragofone-hero .center-actions,.tragofone-hero .trust-strip-centered{justify-content:flex-start}
.softphone-hero-board{width:100%;max-width:590px;justify-self:end;padding:.85rem;border-radius:28px;overflow:visible}
.softphone-hero-board .brand-mark{width:34px;height:34px;border-radius:12px}
.board-top{min-height:40px;gap:.5rem}.board-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-top em{white-space:nowrap}
.board-body{grid-template-columns:106px minmax(225px,1fr) 162px!important;gap:.55rem;margin-top:.75rem;align-items:start}
.board-menu{gap:.45rem}.board-menu span{padding:.58rem .62rem;font-size:.78rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-search{padding:.58rem .65rem;font-size:.82rem}.board-search b{display:block;margin-top:.15rem}
.board-calls{min-width:0;gap:.45rem}.call-row{min-width:0;padding:.52rem;gap:.5rem;border-radius:14px}.call-row span{width:30px;height:30px;border-radius:10px;font-size:.76rem;flex:none}.call-row div{min-width:0;flex:1}.call-row strong,.call-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-row em{max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.68rem;line-height:1.15;text-align:right}
.mini-phone-card{padding:.72rem;border-radius:18px}.mini-phone-card h3,.mini-phone-card .mini-phone-number{font-size:1rem;margin:.35rem 0;letter-spacing:-.03em}.mini-keypad{gap:.25rem;margin:.55rem 0}.mini-keypad button{min-height:28px;border-radius:10px}.mini-call-button{min-height:36px;border-radius:12px}.side-floating-rail{left:-14px;top:26px}.side-floating-rail span{width:36px;height:36px;border-radius:13px}
.showroom-phone{max-width:430px!important;margin:0 auto;padding:1rem}.softphone-display{display:grid;gap:.3rem;text-align:center;padding:.9rem;border-radius:18px;background:rgba(255,255,255,.08);margin:.8rem 0}.softphone-display strong{font-size:1.35rem}.softphone-display small,.softphone-display span{color:rgba(255,255,255,.75);font-weight:800}.softphone-pad{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* SEO landing heroes are single-column; do not inherit the two-column homepage hero. */
.seo-market-hero{display:block!important;text-align:center;max-width:var(--max-w);padding-top:clamp(2.35rem,5vw,4.1rem);padding-bottom:clamp(2.35rem,5vw,4.1rem)}
.seo-market-hero .hero-copy{max-width:940px;margin:0 auto;text-align:center}.seo-market-hero .hero-actions,.seo-market-hero .trust-strip{justify-content:center}

/* Blog index: prevent .section.blog-grid-section from becoming a nested 3-column grid. */
.blog-grid-section{display:block!important;max-width:var(--max-w);margin:0 auto;padding:clamp(2.5rem,5vw,4rem) clamp(1rem,3vw,1.5rem)!important}
.blog-grid-section .section-head{margin-bottom:1.2rem}.blog-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem;width:100%;max-width:var(--max-w);margin:0 auto;padding:0!important}
.blog-card{display:flex!important;flex-direction:column;min-width:0;padding:1.15rem!important}.blog-card h3{font-size:1.16rem;line-height:1.18;letter-spacing:-.035em;margin:.65rem 0}.blog-card h3 a{color:var(--vd-ink)}.blog-card p{text-wrap:pretty}.blog-meta{font-size:.78rem}.blog-tags{margin:.85rem 0;gap:.4rem}.blog-tags span{display:inline-flex;max-width:100%;border-radius:999px;background:#eef4ff;color:var(--vd-purple);font-size:.72rem;font-weight:900;padding:.28rem .5rem;overflow-wrap:anywhere}.blog-read{margin-top:auto;width:max-content}.final-cta.blog-cta{display:block!important;color:var(--vd-ink)!important;font-size:inherit!important;font-weight:400!important;line-height:normal!important}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Pricing: make cards equal-height, readable, and real-form styled. */
.south-pricing-wrap{max-width:var(--max-w);margin:0 auto;padding:clamp(2.6rem,5vw,4rem) clamp(1rem,3vw,1.5rem)}
.clean-country-grid.compact-country-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.1rem;max-width:980px;margin:0 auto;padding:0!important}.compact-country-card{display:flex!important;flex-direction:column;min-width:0;overflow:hidden;padding:1.15rem!important}.country-card-head{display:flex;align-items:center;gap:.75rem}.country-card-head h2{letter-spacing:-.04em}.country-card-head p{font-size:.72rem;font-weight:950;letter-spacing:.07em;color:var(--vd-muted)}.compact-price-box{padding:.9rem;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid var(--vd-line);margin:.8rem 0}.tier-pill{display:inline-flex;border-radius:999px;background:#eef4ff;color:var(--vd-purple);font-size:.72rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase;padding:.28rem .52rem}.tier-price{display:flex;align-items:flex-end;gap:.25rem;margin:.45rem 0}.tier-price strong{font-size:clamp(2rem,4vw,3.05rem);line-height:.92;letter-spacing:-.07em}.tier-price em{font-style:normal;color:var(--vd-muted);font-weight:900;margin-bottom:.18rem}.pricing-tier-name{display:block;font-size:.9rem;color:#344054}.pricing-tagline{margin-top:.45rem;font-size:.9rem}.compact-tier-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;max-width:none!important;padding:0!important}.compact-tier-grid>div{min-width:0;border:1px solid var(--vd-line);border-radius:14px;background:#f8fbff;padding:.62rem}.compact-tier-grid span{display:block;color:var(--vd-muted);font-size:.68rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.compact-tier-grid strong{display:block;margin-top:.2rem;font-size:.84rem;line-height:1.22;color:var(--vd-ink);overflow-wrap:anywhere}.compact-includes{display:flex;flex-wrap:wrap;gap:.38rem;margin:.75rem 0}.compact-includes span{display:inline-flex;border-radius:999px;background:#ecfdf3;color:#067647;font-size:.72rem;font-weight:900;padding:.28rem .48rem}.pricing-user-form{display:grid!important;gap:.55rem;margin-top:auto!important;padding-top:.9rem;border-top:1px solid var(--vd-line)}.seat-selector-label{display:grid;gap:.3rem}.seat-selector-label>span{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;color:var(--vd-muted)}.pricing-breakdown{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0;flex-wrap:wrap}.pricing-unit-price{font-weight:950;color:var(--vd-ink)}.pricing-seat-copy{margin-left:auto;color:var(--vd-muted);font-weight:850;text-align:right}.pricing-submit{appearance:none;-webkit-appearance:none;display:inline-flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;padding:.78rem 1rem!important;border:0!important;border-radius:15px!important;background:var(--vd-gradient)!important;color:#fff!important;font:inherit!important;font-weight:950!important;line-height:1.1;cursor:pointer}.compact-pricing-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:var(--max-w);margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem) clamp(2.5rem,5vw,4rem)}.compact-pricing-bottom article{background:#fff;border:2px solid var(--vd-line);border-radius:22px;padding:1rem;box-shadow:var(--shadow-sm)}.compact-pricing-bottom span{display:block;color:var(--vd-purple);font-weight:950;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.compact-foot-note{max-width:var(--max-w);margin:1rem auto 0;text-align:center;color:var(--vd-muted);font-weight:800}

/* Form controls: remove native-looking selects and tiny signup inputs. */
.pricing-user-form select,.signup-plan-form select,.support-request-form select,.agent-form select,.call-filter-form select{width:100%;min-height:46px;border:2px solid #dce5f0;border-radius:14px;background-color:#fff;color:var(--vd-ink);padding:.68rem 2.45rem .68rem .85rem;font:inherit;font-weight:800;outline:none;transition:border-color .14s ease,box-shadow .14s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .82rem center;background-size:14px}.pricing-user-form select:hover,.signup-plan-form select:hover,.support-request-form select:hover{border-color:#c5d4ea}.pricing-user-form select:focus,.signup-plan-form select:focus,.support-request-form select:focus{border-color:#7a6cff;box-shadow:0 0 0 4px rgba(91,75,255,.12)}

.signup-shell{min-height:calc(100vh - 78px);display:grid!important;grid-template-columns:minmax(430px,560px) minmax(320px,440px);place-items:start!important;align-items:start;justify-content:center;gap:1.15rem;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,1.5rem)}.signup-shell .clean-signup-card,.signup-shell .auth-side{width:100%;max-width:none}.signup-plan-form{display:grid;gap:.78rem;margin-top:1rem}.signup-plan-form label{display:grid;gap:.32rem}.signup-plan-form label span{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;color:var(--vd-muted)}.signup-plan-form input{width:100%;min-height:46px;border:2px solid #dce5f0!important;border-radius:14px!important;background:#fff;color:var(--vd-ink);padding:.7rem .9rem;font:inherit;font-weight:750;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.signup-plan-form input:focus{border-color:#7a6cff!important;box-shadow:0 0 0 4px rgba(91,75,255,.12)}.signup-plan-summary{display:grid;gap:.25rem;background:#f8fbff;border:1px solid var(--vd-line);border-radius:16px;padding:.85rem}.signup-plan-summary strong{font-size:.98rem}.signup-plan-summary span,.signup-plan-summary small{color:var(--vd-muted);font-weight:750;line-height:1.35}.signup-plan-form button.primary.full{appearance:none;-webkit-appearance:none;min-height:48px;border-radius:15px!important}.small-note{margin-top:1rem;text-align:center;font-weight:800}.auth-side .step{display:flex;gap:.75rem;align-items:flex-start;background:#f8fbff;border:1px solid var(--vd-line);border-radius:16px;padding:.78rem;margin-top:.65rem}.auth-side .step span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--vd-gradient);color:#fff;font-weight:950;flex:none}.auth-side .step p{font-weight:750}

/* Help/support panel: restore the intended two-column enterprise split. */
.help-grid{max-width:var(--max-w);margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem) 1rem!important}.support-request-panel{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(420px,.78fr);gap:1.25rem;align-items:start;max-width:var(--max-w);margin:1.2rem auto 0!important;padding:1.25rem!important}.support-request-panel>div{min-width:0}.support-request-form{width:100%!important;max-width:none!important;box-shadow:var(--shadow-sm)!important}.support-request-panel .check-list{padding:0;margin:1rem 0 0;list-style:none}.support-request-panel .check-list li{position:relative;background:#f8fbff;border:1px solid var(--vd-line);border-radius:14px;padding:.68rem .78rem .68rem 2rem;margin:.45rem 0;color:#344054;font-weight:850}.support-request-panel .check-list li:before{content:'✓';position:absolute;left:.72rem;top:.68rem;color:var(--vd-green);font-weight:950}.support-request-form textarea{min-height:140px;resize:vertical}.support-request-panel button.primary.full{appearance:none;-webkit-appearance:none;min-height:48px;border-radius:15px!important}

@media(max-width:1180px){.tragofone-hero{grid-template-columns:1fr;text-align:center}.tragofone-hero .hero-copy-centered{text-align:center;justify-self:center}.tragofone-hero .center-actions,.tragofone-hero .trust-strip-centered{justify-content:center}.softphone-hero-board{justify-self:center}.board-body{grid-template-columns:112px minmax(260px,1fr) 180px!important}.clean-country-grid.compact-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.signup-shell{grid-template-columns:minmax(0,620px)}.support-request-panel{grid-template-columns:1fr}.blog-card-grid,.related-grid{grid-template-columns:1fr!important}}
@media(max-width:860px){.softphone-hero-board{max-width:100%;overflow:hidden}.board-body{grid-template-columns:1fr!important}.board-menu{grid-template-columns:repeat(5,minmax(0,1fr))}.board-menu span{text-align:center}.call-row em{max-width:none}.clean-country-grid.compact-country-grid,.compact-pricing-bottom{grid-template-columns:1fr!important}.compact-tier-grid{grid-template-columns:1fr!important}.signup-shell{display:block!important}.signup-shell .auth-side{margin-top:1rem}.page-hero h1{font-size:clamp(2rem,10vw,3rem)}.blog-grid-section{padding-left:1rem!important;padding-right:1rem!important}.support-request-panel{border-radius:22px;margin-left:1rem!important;margin-right:1rem!important}.help-grid{grid-template-columns:1fr!important}}
@media(max-width:520px){.tragofone-hero .hero-copy h1{font-size:2.45rem}.country-chip-row,.trust-strip{justify-content:center}.pricing-breakdown{display:grid}.pricing-seat-copy{text-align:left;margin-left:0}.support-request-panel{padding:1rem!important}.board-menu{grid-template-columns:1fr 1fr}.hero-brand-pill{display:grid;justify-items:center;text-align:center}.compact-pricing-bottom{padding-left:1rem;padding-right:1rem}}

/* ───────────────────────── Homepage console/dialer precision pass v3 ─────────────────────────
   Fixes the two homepage mockups called out by the user: the hero agent console and the lower dialer showcase. */
.tragofone-hero{grid-template-columns:minmax(0,.92fr) minmax(620px,1.08fr);gap:clamp(1.4rem,2.4vw,2.4rem);max-width:1320px;overflow:hidden}
.tragofone-hero .hero-copy-centered{max-width:610px}.tragofone-hero .hero-copy h1{font-size:clamp(2.5rem,4.7vw,4.55rem)}
.softphone-hero-board{max-width:650px!important;padding:1rem!important;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#07142b 0%,#0c1b37 55%,#101a33 100%);box-shadow:0 34px 88px rgba(5,17,38,.28);overflow:hidden!important}
.side-floating-rail{position:absolute!important;left:10px!important;top:72px!important;z-index:2;gap:.42rem!important}.side-floating-rail span{width:30px!important;height:30px!important;border-radius:11px!important;font-size:.8rem;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12);box-shadow:none!important}.side-floating-rail .brand-mark{background:var(--vd-gradient)!important}
.board-top{padding-left:42px;min-height:44px}.board-top strong{font-size:.98rem;letter-spacing:-.025em}.board-top em{display:inline-flex;align-items:center;gap:.34rem;border-radius:999px;background:rgba(33,214,123,.12);border:1px solid rgba(33,214,123,.22);padding:.26rem .48rem}.board-top em:before{content:'';width:7px;height:7px;border-radius:999px;background:#21d67b;box-shadow:0 0 0 4px rgba(33,214,123,.14)}
.board-body{grid-template-columns:128px minmax(270px,1fr) 182px!important;gap:.72rem!important;margin-top:.9rem!important;padding-left:42px}.board-menu{align-content:start}.board-menu span{display:flex;align-items:center;gap:.44rem;min-height:40px;padding:.54rem .6rem!important;border-radius:14px!important;font-size:.74rem!important}.board-menu span:before{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.10);font-size:.73rem}.board-menu span:nth-child(1):before{content:'⌂'}.board-menu span:nth-child(2):before{content:'☎'}.board-menu span:nth-child(3):before{content:'☷'}.board-menu span:nth-child(4):before{content:'◉'}.board-menu span:nth-child(5):before{content:'⚙'}
.board-search{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:42px;border-radius:14px!important;padding:.56rem .7rem!important}.board-search b{margin:0!important;color:#91f1ba;white-space:nowrap}
.call-row{display:grid!important;grid-template-columns:32px minmax(0,1fr) max-content;align-items:center;min-height:55px;padding:.52rem .58rem!important;border-radius:15px!important}.call-row span{width:32px!important;height:32px!important}.call-row em{margin:0!important;max-width:none!important;min-width:72px;padding:.24rem .44rem;border-radius:999px;background:rgba(33,214,123,.10);border:1px solid rgba(33,214,123,.18);font-size:.66rem!important;text-align:center!important}.call-row.info em{background:rgba(23,135,255,.12);border-color:rgba(23,135,255,.22);color:#93c5fd}.call-row.danger em{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.24);color:#fca5a5}
.mini-phone-card{padding:.82rem!important;border-radius:20px!important}.mini-phone-status{justify-content:center!important}.mini-phone-card .mini-phone-number{font-size:1.08rem!important}.mini-keypad{gap:.32rem!important}.mini-keypad button{min-height:31px!important;border-radius:11px!important}.mini-call-button{min-height:38px!important;border-radius:13px!important}
.dialer-showcase-band{margin-top:2.4rem;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(33,214,123,.18),transparent 23rem),var(--vd-gradient-dark)}
.dialer-showcase-grid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(340px,420px);align-items:center;gap:clamp(2rem,5vw,4rem);max-width:1180px!important;padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,1.5rem)!important}.dialer-showcase-copy{max-width:610px}.dialer-showcase-copy h2{font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1;letter-spacing:-.06em}.dialer-showcase-copy p{max-width:560px;margin:.75rem 0 1.15rem;text-wrap:pretty}.webphone-showcase.small-showcase{display:grid;place-items:center;justify-self:end;width:100%;max-width:420px;background:linear-gradient(145deg,#07142b,#0f203f)!important;border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:.7rem;box-shadow:0 28px 70px rgba(0,0,0,.34);overflow:hidden}.showroom-phone{width:100%;max-width:380px!important;margin:0!important;padding:1.05rem!important;border-radius:28px!important;box-shadow:none!important}.softphone-top{gap:.5rem}.softphone-top strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.softphone-top em{flex:none;border-radius:999px;background:rgba(33,214,123,.12);border:1px solid rgba(33,214,123,.2);padding:.25rem .5rem}.softphone-display{padding:1rem!important;margin:.85rem 0!important}.softphone-display strong{font-size:1.42rem!important;letter-spacing:-.045em;white-space:nowrap}.softphone-pad{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.48rem!important;margin:.95rem 0!important}.softphone-pad button{min-height:46px!important;border-radius:15px!important;font-size:1.05rem;font-weight:950}.softphone-call{min-height:48px!important;border-radius:16px!important;font-size:1rem;box-shadow:0 18px 34px rgba(21,190,83,.22)}
@media(max-width:1180px){.tragofone-hero{grid-template-columns:1fr;max-width:var(--max-w)}.softphone-hero-board{justify-self:center}.dialer-showcase-grid{grid-template-columns:1fr}.webphone-showcase.small-showcase{justify-self:center}.dialer-showcase-copy{text-align:center;margin:0 auto}.dialer-showcase-copy p{margin-left:auto;margin-right:auto}}
@media(max-width:760px){.softphone-hero-board{max-width:100%!important}.side-floating-rail{display:none!important}.board-top{padding-left:0}.board-body{padding-left:0;grid-template-columns:1fr!important}.board-menu{grid-template-columns:repeat(5,minmax(0,1fr))}.board-menu span{justify-content:center;min-height:46px}.board-menu span:before{display:none}.call-row{grid-template-columns:32px minmax(0,1fr)}.call-row em{grid-column:2;justify-self:start;margin-top:.25rem!important}.webphone-showcase.small-showcase{max-width:390px}.showroom-phone{max-width:360px!important}.softphone-display strong{font-size:1.25rem!important}}
@media(max-width:520px){.board-menu{grid-template-columns:1fr 1fr}.dialer-showcase-grid{padding-left:1rem!important;padding-right:1rem!important}.webphone-showcase.small-showcase{padding:.55rem;border-radius:26px}.showroom-phone{padding:.9rem!important}.softphone-pad button{min-height:42px!important}.softphone-display strong{font-size:1.12rem!important}}

/* Homepage v3b: remove decorative rail from layout math and eliminate board-body internal overflow. */
.softphone-hero-board .side-floating-rail{display:none!important}.softphone-hero-board .board-top{padding-left:0!important}.softphone-hero-board .board-body{padding-left:0!important;grid-template-columns:132px minmax(272px,1fr) 182px!important}.softphone-hero-board{overflow:hidden!important}
@media(max-width:760px){.softphone-hero-board .board-body{grid-template-columns:1fr!important}}

/* ───────────────────────── Platform page enterprise polish v1 ─────────────────────────
   Restores the /platform page from flat text rows into structured enterprise cards. */
.platform-page{background:radial-gradient(circle at 12% 4%,rgba(23,135,255,.11),transparent 26rem),linear-gradient(180deg,#f7faff 0%,#eef4fb 100%)}
.platform-page .platform-hero{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.78fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);max-width:1240px;margin:1rem auto 0!important;padding:clamp(2.35rem,5vw,4.2rem) clamp(1rem,3vw,2rem)!important;text-align:left!important;background:linear-gradient(135deg,#ffffff 0%,#f9fbff 58%,#edf5ff 100%);border:2px solid var(--vd-line);border-radius:34px;box-shadow:0 28px 70px rgba(36,52,102,.12);overflow:hidden;position:relative}
.platform-page .platform-hero:after{content:"";position:absolute;right:-9rem;top:-10rem;width:26rem;height:26rem;border-radius:999px;background:radial-gradient(circle,rgba(91,75,255,.16),transparent 68%);pointer-events:none}.platform-page .platform-hero>*{position:relative;z-index:1}.platform-page .platform-hero h1{max-width:760px;margin:.55rem 0 .85rem!important;font-size:clamp(2.3rem,4.7vw,4.35rem);line-height:.98;letter-spacing:-.072em;text-wrap:balance}.platform-page .platform-hero p{max-width:680px;margin:0!important;font-size:clamp(1rem,1.55vw,1.17rem);font-weight:700;text-wrap:pretty}.platform-page .platform-hero .hero-actions{justify-content:flex-start!important;margin-top:1.35rem}.platform-page .platform-hero .badge{box-shadow:var(--shadow-xs)}
.platform-card-stack{display:grid!important;gap:.78rem;min-width:0}.platform-card-stack article{display:grid!important;grid-template-columns:52px minmax(0,1fr);column-gap:.85rem;align-items:start;min-height:104px;background:rgba(255,255,255,.88)!important;border:2px solid rgba(213,225,243,.9)!important;border-radius:22px!important;padding:1rem!important;box-shadow:0 16px 42px rgba(36,52,102,.10)!important;backdrop-filter:blur(10px)}.platform-card-stack article span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:var(--vd-gradient);color:#fff;font-weight:950;box-shadow:0 14px 28px rgba(83,75,255,.20)}.platform-card-stack article strong{display:block;color:var(--vd-ink);font-weight:950;font-size:1.02rem;letter-spacing:-.025em}.platform-card-stack article p{margin:.18rem 0 0!important;color:#536072!important;font-weight:700;line-height:1.4}.platform-card-stack article:hover{transform:translateY(-2px);border-color:#d8ddff!important;box-shadow:0 22px 54px rgba(36,52,102,.14)!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.platform-core-section{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(480px,1.05fr)!important;align-items:start;gap:clamp(1.5rem,4vw,3rem);max-width:1240px!important;padding-top:clamp(3rem,6vw,5rem)!important;padding-bottom:clamp(3rem,6vw,5rem)!important}.platform-core-section>div:first-child{background:#fff;border:2px solid var(--vd-line);border-radius:28px;padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.platform-core-section>div:first-child:after{content:"";position:absolute;inset:auto -5rem -7rem auto;width:16rem;height:16rem;border-radius:999px;background:radial-gradient(circle,rgba(23,135,255,.11),transparent 68%)}.platform-core-section>div:first-child>*{position:relative}.platform-core-section h2{font-size:clamp(2rem,3.6vw,3.05rem);line-height:1.02;letter-spacing:-.058em;text-wrap:balance}.platform-core-section p{margin-top:.75rem;font-weight:700;text-wrap:pretty}.platform-timeline{display:grid!important;gap:.75rem}.platform-timeline article{display:grid!important;grid-template-columns:54px minmax(0,1fr);gap:.85rem;align-items:start;background:#fff!important;border:2px solid var(--vd-line)!important;border-radius:22px!important;padding:1rem!important;box-shadow:var(--shadow-sm)!important;min-height:0!important}.platform-timeline article span{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#eef4ff;color:var(--vd-purple);font-weight:950;border:1px solid #dce6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.platform-timeline article strong{display:block;font-size:1.02rem;color:var(--vd-ink);font-weight:950;letter-spacing:-.025em}.platform-timeline article p{margin:.18rem 0 0!important;color:#536072!important;line-height:1.45;font-weight:700}.platform-timeline article:hover{transform:translateY(-2px);border-color:#d8ddff!important;box-shadow:var(--shadow-md)!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.platform-capabilities-section{max-width:1240px!important;padding-top:clamp(2.6rem,5vw,4.5rem)!important}.platform-capabilities-section .section-head{max-width:820px}.platform-capabilities-section .feature-grid.three{gap:1rem!important;align-items:stretch}.platform-capabilities-section .feature-card{min-height:210px;display:flex!important;flex-direction:column;padding:1.15rem!important;border-radius:24px!important}.platform-capabilities-section .feature-card span{width:max-content;display:inline-flex;border-radius:999px;background:#eef4ff;color:var(--vd-purple);font-size:.72rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase;padding:.34rem .58rem;margin-bottom:.75rem}.platform-capabilities-section .feature-card h3{font-size:1.2rem;line-height:1.14;letter-spacing:-.035em}.platform-capabilities-section .feature-card p{margin-top:.55rem;font-weight:700;text-wrap:pretty}.platform-capabilities-section .feature-card:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:var(--shadow-md);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.platform-boundaries-band{margin-top:1rem!important;background:radial-gradient(circle at 14% 18%,rgba(23,135,255,.2),transparent 24rem),var(--vd-gradient-dark)!important;overflow:hidden}.platform-boundaries-band .section{max-width:1180px!important;align-items:start!important;padding-top:clamp(3rem,6vw,4.6rem)!important;padding-bottom:clamp(3rem,6vw,4.6rem)!important}.platform-boundaries-band h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.02;letter-spacing:-.06em}.platform-boundaries-band p{font-weight:700;max-width:560px}.infra-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.infra-map div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:1rem;box-shadow:0 18px 44px rgba(0,0,0,.18)}.infra-map strong,.infra-map span{display:block}.infra-map strong{color:#fff;font-weight:950;letter-spacing:-.025em}.infra-map span{margin-top:.24rem;color:rgba(255,255,255,.72);font-weight:750;line-height:1.35}
@media(max-width:980px){.platform-page .platform-hero,.platform-core-section{grid-template-columns:1fr!important;text-align:center!important}.platform-page .platform-hero .hero-actions{justify-content:center!important}.platform-page .platform-hero p{margin-left:auto!important;margin-right:auto!important}.platform-card-stack{max-width:720px;margin:0 auto}.platform-core-section>div:first-child{max-width:760px;margin:0 auto}.platform-timeline{max-width:760px;margin:0 auto}.platform-boundaries-band .section{grid-template-columns:1fr!important;text-align:center}.platform-boundaries-band p{margin-left:auto;margin-right:auto}.infra-map{max-width:760px;margin:0 auto}}
@media(max-width:640px){.platform-page .platform-hero{border-radius:26px;margin-top:.5rem!important}.platform-card-stack article,.platform-timeline article{grid-template-columns:1fr;text-align:left}.platform-card-stack article span,.platform-timeline article span{grid-row:auto}.infra-map{grid-template-columns:1fr}.platform-capabilities-section .feature-grid.three{grid-template-columns:1fr!important}.platform-core-section{padding-left:1rem!important;padding-right:1rem!important}}

/* ───────────────────────── Solutions page enterprise polish v1 ─────────────────────────
   Fixes /solutions hero/orbit flat rows, spacing, growth cards, and CTA hierarchy. */
.solutions-page{background:radial-gradient(circle at 82% 0%,rgba(91,75,255,.10),transparent 25rem),linear-gradient(180deg,#f7faff 0%,#eef4fb 100%)}
.solutions-page .solutions-hero{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(360px,.82fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);max-width:1240px;margin:1rem auto 0!important;padding:clamp(2.45rem,5vw,4.35rem) clamp(1rem,3vw,2rem)!important;text-align:left!important;background:linear-gradient(135deg,#ffffff 0%,#f9fbff 56%,#eef4ff 100%);border:2px solid var(--vd-line);border-radius:34px;box-shadow:0 28px 70px rgba(36,52,102,.12);position:relative;overflow:hidden}.solutions-page .solutions-hero:after{content:"";position:absolute;right:-9rem;top:-9rem;width:25rem;height:25rem;border-radius:999px;background:radial-gradient(circle,rgba(23,135,255,.15),transparent 68%);pointer-events:none}.solutions-page .solutions-hero>*{position:relative;z-index:1}.solutions-page .solutions-hero h1{max-width:760px;margin:.55rem 0 .85rem!important;font-size:clamp(2.35rem,4.8vw,4.35rem);line-height:.98;letter-spacing:-.074em;text-wrap:balance}.solutions-page .solutions-hero p{max-width:700px;margin:0!important;font-size:clamp(1rem,1.55vw,1.17rem);font-weight:700;text-wrap:pretty}.solutions-page .solutions-hero .hero-actions{justify-content:flex-start!important;margin-top:1.35rem}.solutions-page .solutions-hero .badge{box-shadow:var(--shadow-xs)}
.solution-orbit{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;min-width:0}.solution-orbit div{display:grid;gap:.24rem;min-height:116px;background:rgba(255,255,255,.90);border:2px solid rgba(213,225,243,.95);border-radius:24px;padding:1.1rem;box-shadow:0 16px 42px rgba(36,52,102,.10);position:relative;overflow:hidden}.solution-orbit div:before{content:"";width:42px;height:42px;border-radius:15px;background:var(--vd-gradient);box-shadow:0 14px 28px rgba(83,75,255,.20);margin-bottom:.25rem}.solution-orbit div:nth-child(1):before{content:"↗"}.solution-orbit div:nth-child(2):before{content:"▦"}.solution-orbit div:nth-child(3):before{content:"☏"}.solution-orbit div:nth-child(4):before{content:"◎"}.solution-orbit div:before{display:grid;place-items:center;color:#fff;font-weight:950}.solution-orbit strong{color:var(--vd-ink);font-weight:950;font-size:1.02rem;letter-spacing:-.025em}.solution-orbit span{color:#536072;font-weight:800}.solution-orbit div:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:0 22px 54px rgba(36,52,102,.14);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.solutions-usecases-section{max-width:1240px!important;padding-top:clamp(3rem,6vw,5rem)!important;padding-bottom:clamp(2.8rem,5vw,4.5rem)!important}.solutions-usecases-section .section-head{max-width:840px;margin-bottom:1.45rem}.solutions-usecases-section .section-head h2{font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.02;letter-spacing:-.06em;text-wrap:balance}.solutions-usecase-grid{gap:1rem!important;align-items:stretch}.solutions-usecase-grid .feature-card{display:flex!important;flex-direction:column;min-height:214px;padding:1.18rem!important;border-radius:24px!important}.solutions-usecase-grid .feature-card span{width:max-content;display:inline-flex;border-radius:999px;background:#eef4ff;color:var(--vd-purple);font-size:.72rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase;padding:.34rem .58rem;margin-bottom:.75rem}.solutions-usecase-grid .feature-card h3{font-size:1.2rem;line-height:1.14;letter-spacing:-.035em}.solutions-usecase-grid .feature-card p{margin-top:.55rem;font-weight:700;text-wrap:pretty}.solutions-usecase-grid .feature-card:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:var(--shadow-md);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.solutions-growth-section{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(460px,1.02fr)!important;align-items:start;gap:clamp(1.5rem,4vw,3rem);max-width:1240px!important;padding-top:clamp(2.8rem,5vw,4.7rem)!important;padding-bottom:clamp(3rem,6vw,5rem)!important}.growth-copy{background:#fff;border:2px solid var(--vd-line);border-radius:28px;padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.growth-copy:after{content:"";position:absolute;inset:auto -5rem -7rem auto;width:16rem;height:16rem;border-radius:999px;background:radial-gradient(circle,rgba(91,75,255,.11),transparent 68%)}.growth-copy>*{position:relative}.growth-copy h2{font-size:clamp(2rem,3.7vw,3.05rem);line-height:1.02;letter-spacing:-.058em;text-wrap:balance}.growth-copy p{margin-top:.75rem;font-weight:700;text-wrap:pretty}.growth-proof-strip{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}.growth-proof-strip span{display:inline-flex;border-radius:999px;background:#eef4ff;color:var(--vd-purple);border:1px solid #dce6ff;padding:.38rem .62rem;font-size:.78rem;font-weight:950}.solutions-growth-list{display:grid!important;gap:.75rem}.solutions-growth-list article{display:grid!important;grid-template-columns:54px minmax(0,1fr);gap:.85rem;align-items:start;background:#fff!important;border:2px solid var(--vd-line)!important;border-radius:22px!important;padding:1rem!important;box-shadow:var(--shadow-sm)!important;min-height:0!important}.growth-feature-index{display:grid!important;place-items:center;width:46px;height:46px;border-radius:16px;background:#eef4ff;color:var(--vd-purple);font-weight:950;border:1px solid #dce6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.solutions-growth-list article strong{display:block;font-size:1.02rem;color:var(--vd-ink);font-weight:950;letter-spacing:-.025em}.solutions-growth-list article p{margin:.18rem 0 0!important;color:#536072!important;line-height:1.45;font-weight:700}.solutions-growth-list article:hover{transform:translateY(-2px);border-color:#d8ddff!important;box-shadow:var(--shadow-md)!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.solutions-cta-band{margin-top:1rem!important;background:radial-gradient(circle at 80% 18%,rgba(33,214,123,.18),transparent 24rem),var(--vd-gradient-dark)!important;overflow:hidden}.solutions-final-cta{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left!important;gap:2rem;max-width:1180px!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0 auto!important;padding:clamp(3rem,6vw,4.6rem) clamp(1rem,3vw,1.5rem)!important;color:#fff!important}.solutions-final-cta h2{color:#fff!important;font-size:clamp(2rem,4vw,3.35rem);line-height:1.02;letter-spacing:-.06em}.solutions-final-cta p{color:rgba(255,255,255,.78)!important;max-width:720px;margin:.65rem 0 0;font-weight:700}.solutions-cta-proof{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}.solutions-cta-proof span{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);padding:.38rem .62rem;color:#fff;font-weight:900;font-size:.78rem}.solutions-cta-actions{justify-content:flex-end!important;margin:0!important;min-width:max-content}.solutions-cta-actions .dark-secondary{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.20)!important}.solutions-cta-actions .dark-secondary:hover{background:rgba(255,255,255,.16)!important}
@media(max-width:980px){.solutions-page .solutions-hero,.solutions-growth-section{grid-template-columns:1fr!important;text-align:center!important}.solutions-page .solutions-hero .hero-actions{justify-content:center!important}.solutions-page .solutions-hero p{margin-left:auto!important;margin-right:auto!important}.solution-orbit{max-width:720px;margin:0 auto}.growth-copy,.solutions-growth-list{max-width:760px;margin:0 auto}.solutions-final-cta{grid-template-columns:1fr!important;text-align:center!important}.solutions-final-cta p{margin-left:auto;margin-right:auto}.solutions-cta-proof,.solutions-cta-actions{justify-content:center!important}.solutions-cta-actions{min-width:0}}
@media(max-width:640px){.solutions-page .solutions-hero{border-radius:26px;margin-top:.5rem!important}.solution-orbit{grid-template-columns:1fr}.solutions-usecase-grid{grid-template-columns:1fr!important}.solutions-growth-list article{grid-template-columns:1fr;text-align:left}.solutions-growth-section,.solutions-usecases-section{padding-left:1rem!important;padding-right:1rem!important}.solutions-cta-actions .primary,.solutions-cta-actions .secondary{width:100%}}

/* ───────────────────────── Company app enterprise recovery v1 ─────────────────────────
   Scoped fixes for /app authenticated dashboard: real sidebar shell, balanced cards,
   split panels, forms, tables, recording cards, and overflow-safe content. */
body.company-control-body{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);background:radial-gradient(circle at 82% -12%,rgba(91,75,255,.13),transparent 31rem),linear-gradient(180deg,#f6f9fd 0%,#eef4fb 100%);overflow-x:hidden;color:var(--vd-ink)}
body.company-control-body *,body.company-control-body *:before,body.company-control-body *:after{box-sizing:border-box}.company-control-body .company-control-main,.company-control-body .panel,.company-control-body .metric-grid>*,.company-control-body .agent-detail-card,.company-control-body .recording-card,.company-control-body .app-command-bar>*{min-width:0;max-width:100%}.company-control-body p,.company-control-body strong,.company-control-body small,.company-control-body span,.company-control-body td,.company-control-body th,.company-control-body a{overflow-wrap:anywhere}.company-control-body .muted{color:var(--vd-muted);font-weight:800}.company-control-body .empty{padding:1.4rem;text-align:center;color:var(--vd-muted);font-weight:850}
.company-control-body .vd-shell-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1rem;padding:1.15rem;background:linear-gradient(180deg,#061a31 0%,#081d39 52%,#0a1227 100%);color:#fff;border-right:1px solid rgba(255,255,255,.10);box-shadow:18px 0 44px rgba(7,29,53,.11);z-index:30}.company-control-body .vd-shell-sidebar .logo.in-app{display:flex;align-items:center;gap:.65rem;color:#fff!important;padding:.15rem .1rem .85rem;border-bottom:1px solid rgba(255,255,255,.10)}.company-control-body .vd-shell-sidebar .brand-mark{width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.09);display:grid;place-items:center;overflow:hidden;flex:none}.company-control-body .vd-shell-sidebar .brand-mark img{width:72%;height:72%;object-fit:contain}.company-control-body .vd-shell-sidebar .logo strong{font-size:1.08rem;letter-spacing:-.02em}.company-control-body .vd-shell-sidebar nav{display:grid;gap:.38rem}.company-control-body .vd-shell-sidebar nav a,.company-control-body .vd-shell-sidebar .logout{display:flex;align-items:center;gap:.65rem;min-height:46px;border-radius:16px;padding:.68rem .76rem;color:rgba(255,255,255,.76);font-weight:900;transition:background .14s ease,color .14s ease,transform .14s ease}.company-control-body .vd-shell-sidebar nav a:hover,.company-control-body .vd-shell-sidebar nav a.active,.company-control-body .vd-shell-sidebar .logout:hover{background:rgba(255,255,255,.11);color:#fff;transform:translateX(2px)}.company-control-body .vd-shell-sidebar nav a.active{box-shadow:inset 3px 0 0 var(--vd-cyan);background:linear-gradient(90deg,rgba(23,135,255,.22),rgba(91,75,255,.14))}.company-control-body .sidebar-nav-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.08);font-size:.9rem;line-height:1}.company-control-body .sidebar-profile-card,.company-control-body .sidebar-upgrade-card{display:grid;gap:.36rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);border-radius:20px;padding:.85rem}.company-control-body .sidebar-profile-card strong,.company-control-body .sidebar-upgrade-card strong{color:#fff;font-weight:950;line-height:1.15}.company-control-body .sidebar-profile-card small,.company-control-body .sidebar-upgrade-card p,.company-control-body .sidebar-upgrade-card span{color:rgba(255,255,255,.68);font-weight:750;line-height:1.35}.company-control-body .sidebar-upgrade-card{margin-top:auto}.company-control-body .sidebar-upgrade-card a{display:inline-flex;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:#fff!important;font-weight:950}.company-control-body .vd-shell-sidebar .logout{justify-content:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#fff!important}
.company-control-body .company-control-main{width:100%;max-width:1540px;padding:clamp(1.2rem,2.5vw,2.25rem);align-self:start}.company-control-body .detail-hero{max-width:none!important;margin:0 0 1rem!important;text-align:left!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.1rem;background:linear-gradient(135deg,#fff 0%,#f9fbff 62%,#eef4ff 100%);border:2px solid var(--vd-line);border-radius:30px;padding:clamp(1.2rem,2.4vw,2rem)!important;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.company-control-body .detail-hero:after{content:"";position:absolute;right:-7rem;bottom:-10rem;width:25rem;height:25rem;border-radius:999px;background:radial-gradient(circle,rgba(91,75,255,.13),transparent 68%);pointer-events:none}.company-control-body .detail-hero>*{position:relative;z-index:1}.company-control-body .detail-hero h1{font-size:clamp(1.85rem,3.45vw,3.35rem);line-height:1.02;letter-spacing:-.065em;margin:.1rem 0 .5rem!important;text-wrap:balance}.company-control-body .detail-hero p{max-width:780px;margin:0!important;color:#536072;font-weight:700;text-wrap:pretty}.company-control-body .header-actions{justify-content:flex-end}.company-control-body .app-command-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem}.company-control-body .command-left{display:grid;gap:.2rem}.company-control-body .command-left strong{font-weight:950}.company-control-body .command-left small{color:var(--vd-muted);font-weight:800}.company-control-body .command-tabs{display:flex;gap:.38rem;flex-wrap:wrap;justify-content:flex-end}.company-control-body .command-tabs a{white-space:nowrap}.company-control-body .panel{margin:1rem 0}.company-control-body .panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.95rem}.company-control-body .panel-head h2{margin:.05rem 0 0;font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.04em}.company-control-body .panel-head>span{color:var(--vd-muted);font-weight:900}.company-control-body .status-chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px;background:#eef4ff;color:var(--vd-purple);border:1px solid #dce6ff;padding:.34rem .58rem;font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em}.company-control-body .status-chip.active{background:#ecfdf3;color:#067647;border-color:#bbf7d0}
.company-control-body .metric-grid{margin:1rem 0}.company-control-body .compact-kpi-grid,.company-control-body .call-analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.company-control-body .billing-metrics,.company-control-body .profile-metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important}.company-control-body .help-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.company-control-body .metric-grid>article{background:#fff;border:2px solid var(--vd-line);border-radius:22px;padding:1rem;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.company-control-body .metric-grid>article:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:var(--shadow-md)}.company-control-body .metric-top{display:flex;align-items:center;gap:.52rem;margin-bottom:.55rem}.company-control-body .metric-icon{display:grid!important;place-items:center!important;flex:none;width:31px;height:31px;border-radius:11px;background:#eef4ff;color:var(--vd-purple);font-size:.92rem}.company-control-body .metric-grid>article>span:first-child,.company-control-body .metric-top span:last-child{display:block;color:var(--vd-muted);font-weight:950;text-transform:uppercase;letter-spacing:.075em;font-size:.72rem}.company-control-body .metric-grid>article strong{display:block;color:var(--vd-ink);font-size:clamp(1.15rem,1.9vw,1.62rem);line-height:1.05;letter-spacing:-.045em;font-weight:950;margin:.25rem 0}.company-control-body .metric-grid>article p{margin:0;color:#667085;font-weight:750;line-height:1.36}.company-control-body .metric-sparkline{height:6px;border-radius:99px;background:#edf2fb;margin-top:.75rem;overflow:hidden}.company-control-body .metric-sparkline i,.company-control-body .bar i{display:block;height:100%;border-radius:inherit;background:var(--vd-gradient)}
.company-control-body .quick-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.company-control-body .quick-actions-grid a,.company-control-body .workflow-row-list article,.company-control-body .insight-grid article{background:#f8fbff;border:1px solid var(--vd-line);border-radius:18px;padding:.9rem;color:var(--vd-ink);box-shadow:0 8px 20px rgba(15,23,42,.035)}.company-control-body .quick-actions-grid a{display:grid;gap:.28rem;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.company-control-body .quick-actions-grid a:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:var(--shadow-md)}.company-control-body .quick-actions-grid span{font-weight:950;color:var(--vd-purple)}.company-control-body .quick-actions-grid strong{font-size:1.05rem;font-weight:950}.company-control-body .quick-actions-grid p{margin:0;color:#667085;font-weight:750;line-height:1.4}.company-control-body .workflow-row-list{display:grid;gap:.62rem}.company-control-body .workflow-row-list article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:.75rem}.company-control-body .workflow-dot{display:inline-block;width:14px;height:14px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 5px rgba(148,163,184,.16)}.company-control-body .workflow-dot.live{background:var(--vd-green);box-shadow:0 0 0 5px rgba(24,201,100,.18)}.company-control-body .workflow-dot.soft{background:var(--vd-purple);box-shadow:0 0 0 5px rgba(91,75,255,.16)}.company-control-body .workflow-row-list p{margin:.14rem 0 0;color:#667085;font-weight:750}.company-control-body .workflow-row-list em{justify-self:end;border-radius:999px;background:#eef4ff;color:var(--vd-purple);padding:.32rem .55rem;font-style:normal;font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.company-control-body .split-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);align-items:start;gap:1.1rem}.company-control-body .create-agent-page-panel{grid-template-columns:minmax(0,.92fr) minmax(380px,.82fr)}.company-control-body .help-split{grid-template-columns:minmax(0,.9fr) minmax(360px,.78fr)}.company-control-body .billing-checkout-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)}.company-control-body .check-list{display:grid;gap:.55rem;margin-top:.9rem}.company-control-body .check-list p{margin:0;background:#f8fbff;border:1px solid var(--vd-line);border-radius:14px;padding:.65rem .72rem;color:#344054;font-weight:850}
.company-control-body label{display:grid;gap:.32rem}.company-control-body label>span,.company-control-body .wide-country-form>label{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;color:var(--vd-muted)}.company-control-body input:not([type="checkbox"]):not([type="hidden"]),.company-control-body textarea,.company-control-body select{width:100%;min-height:46px;border:2px solid #dce5f0;border-radius:14px;background-color:#fff;color:var(--vd-ink);padding:.68rem .85rem;font:inherit;font-weight:750;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.company-control-body textarea{min-height:126px;resize:vertical;line-height:1.5;font-weight:650}.company-control-body select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:2.45rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23697386' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .82rem center;background-size:14px}.company-control-body input:not([type="checkbox"]):not([type="hidden"]):hover,.company-control-body textarea:hover,.company-control-body select:hover{border-color:#c5d4ea}.company-control-body input:not([type="checkbox"]):not([type="hidden"]):focus,.company-control-body textarea:focus,.company-control-body select:focus{border-color:#7a6cff;box-shadow:0 0 0 4px rgba(91,75,255,.12)}.company-control-body .agent-form,.company-control-body .support-ticket-form,.company-control-body .profile-form,.company-control-body .credit-topup-form,.company-control-body .auto-topup-form{display:grid;gap:.72rem}.company-control-body .agent-form button,.company-control-body .support-ticket-form button{margin-top:.15rem}.company-control-body .call-filter-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.company-control-body .call-filter-actions{grid-column:1/-1;justify-content:flex-end}.company-control-body .call-filter-actions .primary,.company-control-body .call-filter-actions .secondary{min-height:42px}.company-control-body .wide-country-form{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end;margin-top:.85rem}.company-control-body .wide-country-form>label{grid-column:1/-1}.company-control-body .wide-country-form button{min-height:46px;border-radius:14px;font-weight:950;padding:.65rem .9rem}.company-control-body .toggle-row{display:flex;align-items:center;gap:.55rem;background:#f8fbff;border:1px solid var(--vd-line);border-radius:14px;padding:.65rem .75rem}.company-control-body .toggle-row input{width:18px;height:18px;flex:none}.company-control-body .toggle-row span{font-weight:850;color:#344054}
.company-control-body .agent-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.9rem}.company-control-body .agent-detail-card{background:#fff;border:2px solid var(--vd-line);border-radius:24px;padding:1rem;box-shadow:var(--shadow-sm)}.company-control-body .agent-card-head,.company-control-body .recording-card-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.85rem}.company-control-body .agent-card-head>div:nth-child(2),.company-control-body .recording-card-top>div{min-width:0;flex:1}.company-control-body .agent-card-head h3{margin:0;font-weight:950;letter-spacing:-.03em}.company-control-body .agent-card-head p{margin:.12rem 0 0;color:var(--vd-muted);font-weight:750}.company-control-body .avatar.small-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--vd-gradient);color:#fff;font-weight:950;flex:none}.company-control-body .agent-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.company-control-body .agent-info-grid>div,.company-control-body .agent-stat-row>div,.company-control-body .detail-list p{background:#f8fbff;border:1px solid var(--vd-line);border-radius:14px;padding:.7rem}.company-control-body .agent-info-grid span,.company-control-body .agent-stat-row span{display:block;color:var(--vd-muted);font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em}.company-control-body .agent-info-grid strong,.company-control-body .agent-stat-row strong{display:block;font-weight:950;letter-spacing:-.035em;color:var(--vd-ink)}.company-control-body .agent-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.75rem}.company-control-body .agent-security-note{margin-top:.75rem;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:16px;padding:.75rem;font-weight:800}.company-control-body .agent-more,.company-control-body .billing-checkout-grid details{background:#f8fbff;border:2px solid var(--vd-line);border-radius:16px;padding:.75rem;margin-top:.85rem}.company-control-body .agent-more summary,.company-control-body .billing-checkout-grid details summary{cursor:pointer;font-weight:950;color:var(--vd-purple);text-transform:uppercase;letter-spacing:.065em;font-size:.78rem}.company-control-body .detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.7rem}.company-control-body .mini-call-list{display:grid;gap:.45rem;margin-top:.7rem}.company-control-body .mini-call-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center;background:#fff;border:1px solid var(--vd-line);border-radius:13px;padding:.55rem}.company-control-body .mini-call-list em{font-style:normal;color:var(--vd-muted);font-weight:850}
.company-control-body .status,.company-control-body .call-result,.company-control-body .direction-pill,.company-control-body .hangup-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px;padding:.3rem .54rem;font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.055em;white-space:normal;line-height:1.2}.company-control-body .status,.company-control-body .direction-pill{background:#eef4ff;color:var(--vd-purple);border:1px solid #dce6ff}.company-control-body .status.provisioned,.company-control-body .status.active,.company-control-body .call-result.answered,.company-control-body .hangup-pill.client{background:#ecfdf3;color:#067647;border:1px solid #bbf7d0}.company-control-body .call-result.failed,.company-control-body .status.failed,.company-control-body .hangup-pill.agent{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.company-control-body .call-result.missed,.company-control-body .call-result.neutral,.company-control-body .hangup-pill.system,.company-control-body .hangup-pill.unknown{background:#fffbeb;color:#b45309;border:1px solid #fde68a}
.company-control-body .call-table-wrap{border-radius:18px;overflow:auto;border:1px solid var(--vd-line);background:#fff}.company-control-body .call-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0}.company-control-body .overview-call-table{min-width:0!important;table-layout:fixed}.company-control-body .call-table th,.company-control-body .call-table td{padding:.62rem .66rem;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top;font-size:.86rem}.company-control-body .call-table th{position:sticky;top:0;background:#f8fbff;color:#667085;font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;z-index:1}.company-control-body .call-table td strong,.company-control-body .call-table td small{display:block}.company-control-body .call-table td small{margin-top:.18rem;color:var(--vd-muted);font-size:.75rem;font-weight:750}.company-control-body .overview-call-table th,.company-control-body .overview-call-table td{padding:.5rem .5rem;font-size:.8rem}.company-control-body .rec-play-btn{display:inline-flex;align-items:center;gap:.26rem;font-weight:950;font-size:.78rem;color:#2563eb!important;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:.26rem .56rem;white-space:nowrap}.company-control-body .rec-play-btn:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8!important}.company-control-body .call-pagination{justify-content:space-between;background:#f8fbff;border:1px solid var(--vd-line);border-radius:16px;padding:.75rem;margin-top:.85rem}.company-control-body .pagination-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.company-control-body .recording-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.85rem}.company-control-body .call-table{min-width:0;table-layout:fixed}.company-control-body .recording-card{background:#fff;border:2px solid var(--vd-line);border-radius:22px;padding:.9rem;box-shadow:var(--shadow-sm);display:grid;gap:.65rem}.company-control-body .recording-card.answered{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f8fffb)}.company-control-body .recording-card.failed{border-color:#fecdd3;background:linear-gradient(180deg,#fff,#fff8f9)}.company-control-body .recording-card-top{margin-bottom:0}.company-control-body .recording-card strong,.company-control-body .recording-card small{display:block}.company-control-body .recording-card small{color:var(--vd-muted);font-weight:750}.company-control-body .recording-card p{margin:0;color:#344054;font-weight:850}.company-control-body .recording-card audio{display:block;width:100%;max-width:100%;height:40px}.company-control-body .recording-meta{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;color:var(--vd-muted);font-size:.82rem;font-weight:800}.company-control-body .recording-meta a{font-weight:950;color:var(--vd-purple)!important}
.company-control-body .billing-wallet-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.82fr) minmax(280px,.92fr);gap:.85rem;align-items:start}.company-control-body .wallet-balance-card,.company-control-body .credit-topup-form,.company-control-body .auto-topup-form{background:#f8fbff;border:2px solid var(--vd-line);border-radius:20px;padding:1rem;box-shadow:var(--shadow-sm)}.company-control-body .wallet-balance-card span,.company-control-body .credit-topup-form .eyebrow,.company-control-body .auto-topup-form .eyebrow{color:var(--vd-purple);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.company-control-body .wallet-balance-card strong{display:block;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1;font-weight:950;letter-spacing:-.055em;margin:.4rem 0}.company-control-body .credit-topup-form h3,.company-control-body .auto-topup-form h3{margin:.1rem 0 .35rem;letter-spacing:-.035em}.company-control-body .credit-topup-form small,.company-control-body .auto-topup-form small{color:var(--vd-muted);font-weight:800}.company-control-body .billing-proration-note{margin-top:.85rem;background:#f8fbff!important}.company-control-body .billing-actions.stacked-actions{display:grid;gap:.55rem}.company-control-body .billing-checkout-grid h3{margin:.1rem 0 .75rem}.company-control-body .billing-checkout-grid details{margin-top:.85rem!important}.company-control-body .billing-checkout-grid details .mini-call-list p{margin:.5rem 0 0;color:var(--vd-muted);font-weight:800}.company-control-body .profile-settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:1rem;align-items:start}.company-control-body .profile-form-panel{background:#fff;border:2px solid var(--vd-line);border-radius:24px;padding:1.15rem;box-shadow:var(--shadow-sm)}.company-control-body .profile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem!important}.company-control-body .profile-form button{margin-top:.15rem}.company-control-body .profile-security-panel{min-height:100%;background:linear-gradient(180deg,#fff,#f8fbff)}.company-control-body .support-ticket-form{margin-top:.75rem}.company-control-body .support-ticket-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:start;background:#f8fbff;border:1px solid var(--vd-line);border-radius:16px;padding:.75rem;margin-top:.65rem}.company-control-body .support-ticket-row small{grid-column:1/-1;color:var(--vd-muted);font-weight:800}
@media(max-width:1320px){body.company-control-body{grid-template-columns:264px minmax(0,1fr)}.company-control-body .billing-metrics,.company-control-body .profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.company-control-body .billing-wallet-grid{grid-template-columns:1fr}.company-control-body .compact-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1100px){body.company-control-body{grid-template-columns:248px minmax(0,1fr)}.company-control-body .detail-hero{grid-template-columns:1fr}.company-control-body .header-actions{justify-content:flex-start}.company-control-body .app-command-bar{display:grid}.company-control-body .command-tabs{justify-content:flex-start}.company-control-body .compact-kpi-grid,.company-control-body .call-analytics-grid,.company-control-body .metric-grid,.company-control-body .billing-metrics,.company-control-body .profile-metrics,.company-control-body .help-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.company-control-body .split-panel,.company-control-body .create-agent-page-panel,.company-control-body .help-split,.company-control-body .billing-checkout-grid,.company-control-body .profile-settings-grid{grid-template-columns:1fr!important}.company-control-body .call-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body.company-control-body{display:block}.company-control-body .vd-shell-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.company-control-body .vd-shell-sidebar nav{display:flex;overflow-x:auto;gap:.45rem;padding-bottom:.2rem}.company-control-body .vd-shell-sidebar nav a{min-width:max-content}.company-control-body .sidebar-upgrade-card{margin-top:0}.company-control-body .company-control-main{padding:1rem}.company-control-body .quick-actions-grid,.company-control-body .agent-info-grid,.company-control-body .agent-stat-row,.company-control-body .detail-list,.company-control-body .profile-grid{grid-template-columns:1fr!important}.company-control-body .call-table{min-width:900px}.company-control-body .overview-call-table{min-width:760px!important}.company-control-body .wide-country-form{grid-template-columns:1fr}.company-control-body .call-filter-actions{justify-content:stretch}.company-control-body .call-filter-actions .primary,.company-control-body .call-filter-actions .secondary{flex:1}}
.company-control-body .detail-hero:after{display:none}
@media(max-width:640px){.company-control-body .company-control-main{padding:.75rem}.company-control-body .detail-hero,.company-control-body .panel,.company-control-body .app-command-bar{border-radius:22px}.company-control-body .detail-hero h1{font-size:2rem}.company-control-body .header-actions,.company-control-body .header-actions .primary,.company-control-body .header-actions .secondary{width:100%}.company-control-body .header-actions{display:grid}.company-control-body .metric-grid,.company-control-body .compact-kpi-grid,.company-control-body .call-analytics-grid,.company-control-body .billing-metrics,.company-control-body .profile-metrics,.company-control-body .help-metrics,.company-control-body .call-filter-form,.company-control-body .recording-grid,.company-control-body .agent-detail-grid{grid-template-columns:1fr!important}.company-control-body .command-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem}.company-control-body .call-pagination{display:grid;justify-content:stretch}.company-control-body .pagination-actions{justify-content:stretch}.company-control-body .pagination-actions>*{flex:1}.company-control-body .primary,.company-control-body .secondary{width:100%;justify-content:center}}

/* ───────────────────────── Billing seat purchase unclutter pass — 2026-07-08 ───────────────────────── */
.company-control-body .billing-seat-panel{scroll-margin-top:1rem;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%)}
.company-control-body .seat-upgrade-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.08fr);gap:1rem;align-items:start}
.company-control-body .seat-status-card,.company-control-body .seat-upgrade-form,.company-control-body .seat-quote-card{background:#f8fbff;border:2px solid var(--vd-line);border-radius:22px;padding:1rem;box-shadow:var(--shadow-sm)}
.company-control-body .seat-status-card>span,.company-control-body .seat-quote-card span{display:block;color:var(--vd-muted);font-weight:950;text-transform:uppercase;letter-spacing:.075em;font-size:.72rem}
.company-control-body .seat-status-card>strong{display:block;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1;font-weight:950;letter-spacing:-.055em;margin:.35rem 0 .45rem;color:var(--vd-ink)}
.company-control-body .seat-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.company-control-body .seat-mini-stats>div{background:#fff;border:1px solid var(--vd-line);border-radius:15px;padding:.72rem}.company-control-body .seat-mini-stats span{display:block;color:var(--vd-muted);font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em}.company-control-body .seat-mini-stats strong{display:block;margin-top:.12rem;font-weight:950;color:var(--vd-ink)}
.company-control-body .seat-upgrade-form{display:grid;gap:.75rem}.company-control-body .seat-quote-card{display:grid;gap:.6rem;background:#fff}.company-control-body .seat-quote-card>div:first-child strong{display:block;font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.065em;line-height:1;margin:.28rem 0;color:var(--vd-ink)}.company-control-body .seat-quote-card>div:first-child p{margin:0;font-weight:750;color:#536072}.company-control-body .seat-quote-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#f8fbff;border:1px solid var(--vd-line);border-radius:14px;padding:.62rem .72rem}.company-control-body .seat-quote-row strong{font-size:1rem;font-weight:950;color:var(--vd-ink);text-align:right}.company-control-body .seat-upgrade-form button[disabled],.company-control-body .seat-upgrade-form input[disabled]{opacity:.55;cursor:not-allowed}
.company-control-body .billing-wallet-grid{grid-template-columns:minmax(0,.72fr) minmax(270px,1fr) minmax(270px,1fr)!important}.company-control-body .wallet-balance-card{min-height:0}.company-control-body .billing-history-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(420px,1.08fr);gap:1rem;align-items:start}.company-control-body .billing-history-panel details{background:#f8fbff;border:2px solid var(--vd-line);border-radius:18px;padding:.9rem}.company-control-body .billing-history-panel summary{font-weight:950;color:var(--vd-purple);text-transform:uppercase;letter-spacing:.075em;cursor:pointer}.company-control-body .billing-history-panel .mini-call-list{margin-top:.75rem}
@media(max-width:1320px){.company-control-body .billing-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.company-control-body .wallet-balance-card{grid-column:1/-1}.company-control-body .seat-upgrade-grid,.company-control-body .billing-history-grid{grid-template-columns:1fr}}
@media(max-width:760px){.company-control-body .billing-wallet-grid,.company-control-body .seat-mini-stats{grid-template-columns:1fr!important}.company-control-body .wallet-balance-card{grid-column:auto}.company-control-body .seat-quote-row{display:grid;gap:.18rem}.company-control-body .seat-quote-row strong{text-align:left}}

/* Coupon redemption and active benefit cards */
.company-control-body .coupon-wallet-panel{background:linear-gradient(135deg,#ffffff 0%,#f3fbf9 100%)}
.company-control-body .coupon-wallet-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:1rem;align-items:start}
.company-control-body .coupon-redeem-form,.company-control-body .active-coupon-card{background:#fff;border:2px solid var(--vd-line);border-radius:20px;padding:1rem;box-shadow:var(--shadow-sm)}
.company-control-body .coupon-redeem-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:end}
.company-control-body .coupon-redeem-form small{grid-column:1/-1;color:var(--vd-muted)}
.company-control-body .active-coupon-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.7rem}
.company-control-body .active-coupon-card{display:grid;gap:.55rem;border-color:#bce9df;background:linear-gradient(180deg,#fff,#f6fffc)}
.company-control-body .active-coupon-card>div{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.company-control-body .active-coupon-card span{color:var(--vd-muted);font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em}.company-control-body .active-coupon-card strong{font-size:1.18rem;color:var(--vd-purple)}
.company-control-body .active-coupon-card p,.company-control-body .active-coupon-card small{margin:0}.company-control-body .active-coupon-card.empty{border-style:dashed;background:#f8fbff}
.company-control-body .seat-mini-stats s{color:var(--vd-muted);font-weight:750;margin-right:.25rem}
@media(max-width:900px){.company-control-body .coupon-wallet-grid{grid-template-columns:1fr}}
@media(max-width:640px){.company-control-body .coupon-redeem-form{grid-template-columns:1fr}.company-control-body .coupon-redeem-form small{grid-column:auto}}

/* ───────────────────────── Reference-inspired VelocityDial UI · 2026-07-12 ─────────────────────────
   Teal/ink visual system, Plus Jakarta Sans, compact authenticated top navigation,
   public dialer-led homepage, and shared/personal contacts. */
:root{
  --ref-teal:#079b8d;--ref-teal-dark:#047d73;--ref-mint:#d9f7f0;
  --ref-ink:#10182d;--ref-slate:#506079;--ref-cloud:#f4f7fa;--ref-line:#dce4eb;
  --vd-purple:var(--ref-teal);--vd-blue:#078f86;--vd-cyan:#0bb8a7;
  --vd-gradient:linear-gradient(135deg,#0bac9c,#078b82);--vd-gradient-dark:linear-gradient(135deg,#0e1830,#0a2c39)
}
html{scroll-behavior:smooth}body{font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ref-ink);background:var(--ref-cloud)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid rgba(7,155,141,.26)!important;outline-offset:3px}
.primary,.ref-btn-primary,.ref-nav-cta{background:var(--ref-teal)!important;color:#fff!important;border-color:var(--ref-teal)!important;box-shadow:0 12px 24px rgba(7,155,141,.2)!important}.primary:hover,.ref-btn-primary:hover,.ref-nav-cta:hover{background:var(--ref-teal-dark)!important;transform:translateY(-1px)}
.secondary,.link-button{color:var(--ref-ink)!important}.eyebrow{color:var(--ref-teal)!important}

/* Public navigation */
.reference-nav{position:sticky!important;top:0;z-index:100;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:1.3rem;max-width:calc(100% - 32px)!important;margin:16px auto 0!important;padding:.62rem .78rem .62rem 1rem!important;background:rgba(255,255,255,.94)!important;border:1px solid #e3e8ee!important;border-radius:28px!important;box-shadow:0 12px 34px rgba(16,24,45,.08)!important;backdrop-filter:blur(18px)}
.reference-nav .logo{display:flex;align-items:center;gap:.58rem;color:var(--ref-ink)!important;white-space:nowrap}.reference-nav .brand-mark{width:36px;height:36px;border-radius:12px;background:var(--ref-mint);display:grid;place-items:center}.reference-nav .brand-mark img{width:72%;height:72%;object-fit:contain}.reference-nav .logo strong{font-size:.96rem;letter-spacing:-.025em}.reference-nav>nav{display:flex!important;align-items:center;justify-content:center;gap:.2rem}.reference-nav>nav a{padding:.62rem .78rem;border-radius:14px;color:#43516a!important;font-weight:700;font-size:.9rem;white-space:nowrap}.reference-nav>nav a:hover,.reference-nav>nav a.active{background:#edf8f5;color:var(--ref-teal-dark)!important}.reference-nav .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem}.ref-nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem 1.18rem;border-radius:16px;font-weight:800;white-space:nowrap}.ref-account-link{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f0f4f7;color:var(--ref-slate)!important;font-weight:800}.ref-login-menu{position:relative}.ref-login-menu summary{list-style:none;cursor:pointer;padding:.68rem .8rem;color:#344158;font-weight:750;white-space:nowrap}.ref-login-menu summary::-webkit-details-marker{display:none}.ref-login-menu>div{position:absolute;right:0;top:calc(100% + .55rem);display:grid;gap:.2rem;min-width:180px;padding:.5rem;background:#fff;border:1px solid var(--ref-line);border-radius:16px;box-shadow:0 18px 44px rgba(16,24,45,.14)}.ref-login-menu>div a{padding:.65rem .72rem;border-radius:11px;color:var(--ref-ink)!important;font-weight:700}.ref-login-menu>div a:hover{background:#edf8f5;color:var(--ref-teal-dark)!important}

/* Public homepage */
.reference-home{background:var(--ref-cloud);overflow-x:hidden}.reference-home-main{max-width:1440px;margin:0 auto;padding:0 clamp(1rem,2.5vw,2rem) 6rem}.ref-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.78fr);gap:clamp(2rem,5vw,5.2rem);align-items:center;min-height:760px;padding:clamp(4rem,8vw,7.5rem) 0 3rem}.ref-hero-copy{max-width:760px}.ref-eyebrow,.ref-section-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--ref-teal);font-size:.76rem;font-weight:800;letter-spacing:.105em;text-transform:uppercase}.ref-eyebrow{padding:.58rem .85rem;border:1px solid #cbd9e2;border-radius:999px;background:#f7fafc}.ref-section-label.light{color:#85efe2}.ref-hero h1{margin:1.5rem 0 1.2rem;font-size:clamp(3.1rem,5.6vw,6rem);line-height:.98;letter-spacing:-.072em;color:var(--ref-ink);text-wrap:balance}.ref-hero h1 span,.ref-feature-section h2 span,.ref-business h2 span,.ref-compare h2 span{color:var(--ref-teal)}.ref-hero-copy>p{max-width:700px;margin:0;color:var(--ref-slate);font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.65;font-weight:550}.ref-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:1.55rem}.ref-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.72rem 1.18rem;border-radius:16px;border:1px solid var(--ref-line);font-weight:800;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.ref-btn:hover{transform:translateY(-2px)}.ref-btn-secondary{background:#fff;color:var(--ref-ink)!important}.ref-btn-secondary:hover{border-color:#aacdc7;background:#f8fffd}.ref-btn-white{background:#fff;color:var(--ref-teal-dark)!important;border:0}.ref-proof-row{display:flex;gap:.7rem 1.15rem;flex-wrap:wrap;margin-top:1.4rem;color:#4f5e75;font-size:.82rem;font-weight:700}
.ref-dialer-shell{background:#fff;border:1px solid #e4e8ed;border-radius:44px;padding:1.75rem 2rem 1.5rem;box-shadow:0 36px 74px rgba(16,24,45,.16);max-width:530px;justify-self:end}.ref-dialer-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.ref-dialer-top small,.ref-dialer-options small{display:block;font-size:.64rem;letter-spacing:.08em;font-weight:800;color:#6a778b}.ref-dialer-top strong,.ref-dialer-options strong{display:block;margin-top:.14rem;font-size:.84rem;color:var(--ref-ink)}.ref-verified{display:inline-flex;align-items:center;padding:.48rem .68rem;border-radius:999px;background:#f1f5f8;color:#4e5b70;font-size:.72rem;font-weight:700;white-space:nowrap}.ref-number-box>p{text-align:center;color:#5d6a7f;font-size:.76rem;margin:.2rem 0 .65rem}.ref-number-field{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;min-height:60px;background:#f5f8fa;border:1px solid #e4e9ee;border-radius:16px;overflow:hidden}.ref-number-field select{height:58px;border:0;background:transparent;padding:0 .55rem 0 .8rem;color:var(--ref-ink);font:inherit;font-weight:700;outline:0;max-width:155px}.ref-number-field>span{padding:0 .55rem;border-right:1px solid #dce4eb;color:#506079;font-weight:700}.ref-number-field input{min-width:0;height:58px;border:0;background:transparent;padding:0 .8rem;font:inherit;font-size:1rem;font-weight:700;color:var(--ref-ink);outline:0}.ref-number-field input::placeholder{color:#7c899e}.ref-dialer-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0 1.15rem}.ref-dialer-options>div{padding:.72rem .8rem;background:#f6f8fa;border:1px solid #e3e8ed;border-radius:15px}.ref-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem 1.1rem;max-width:310px;margin:0 auto}.ref-keypad button{display:grid;place-items:center;align-content:center;gap:.08rem;width:68px;height:68px;margin:auto;border:0;border-radius:50%;background:transparent;color:var(--ref-ink);cursor:pointer;transition:background .13s ease,transform .13s ease}.ref-keypad button:hover{background:#f1f6f7;transform:scale(1.04)}.ref-keypad button strong{font:inherit;font-size:1.42rem;font-weight:550}.ref-keypad button small{font-size:.57rem;font-weight:800;letter-spacing:.06em}.ref-call-preview{display:grid;place-items:center;width:68px;height:68px;margin:1.05rem auto .7rem;border:0;border-radius:50%;background:#dfe7ee;color:#55708a;font-size:1.55rem;cursor:pointer;box-shadow:0 10px 26px rgba(7,155,141,.15);transition:background .15s ease,color .15s ease,transform .15s ease}.ref-call-preview:hover{background:var(--ref-teal);color:#fff;transform:translateY(-2px)}.ref-dialer-note{margin:.2rem auto 0;text-align:center;color:#6c788b;font-size:.68rem;line-height:1.4;max-width:360px}
.ref-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0 2.5rem}.ref-feature-strip article,.ref-basics-grid article{background:#fff;border:1px solid var(--ref-line);border-radius:24px;padding:1.35rem}.ref-feature-strip article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e2f6f2;color:var(--ref-teal);font-weight:800}.ref-feature-strip h2{font-size:1rem;margin:1rem 0 .35rem}.ref-feature-strip p,.ref-basics-grid li{color:var(--ref-slate);font-size:.86rem;line-height:1.55}.ref-basics{padding:1.5rem 0 4rem}.ref-basics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.ref-basics-grid h2{font-size:1.02rem;margin:0 0 .9rem}.ref-basics-grid ul{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.ref-basics-grid li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:.55rem;border:1px solid var(--ref-teal);border-radius:50%;color:var(--ref-teal);font-size:.7rem;font-weight:900}
.ref-route-section{display:grid;grid-template-columns:minmax(330px,.7fr) minmax(0,1.15fr);gap:1.8rem;align-items:stretch;margin:1rem 0 4rem}.ref-route-intro{padding:2.2rem;background:linear-gradient(145deg,#0aa696,#047d73);border-radius:34px;color:#fff}.ref-globe{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.45);font-size:1.6rem}.ref-route-intro h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.04;letter-spacing:-.055em;margin:1rem 0}.ref-route-intro p{color:rgba(255,255,255,.82);line-height:1.65}.ref-route-intro .ref-btn{margin-top:1rem}.ref-route-list{display:grid}.ref-route-list a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--ref-line);color:var(--ref-ink)!important}.ref-route-list strong,.ref-route-list small{display:block}.ref-route-list strong{font-size:.96rem}.ref-route-list small{margin-top:.22rem;color:var(--ref-slate);font-size:.8rem}.ref-route-list>a>span{color:#b2c0cc}.ref-stat-band{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 0 clamp(5rem,10vw,9rem);padding:2.2rem 1rem;border-radius:38px;background:linear-gradient(115deg,#0d1a32,#092f3b);color:#fff}.ref-stat-band>div{text-align:center;padding:.5rem;border-right:1px solid rgba(255,255,255,.1)}.ref-stat-band>div:last-child{border-right:0}.ref-stat-band strong,.ref-stat-band span{display:block}.ref-stat-band strong{font-size:clamp(2.2rem,4vw,4rem);line-height:1;color:#08d5c0;letter-spacing:-.05em}.ref-stat-band span{margin-top:.65rem;color:#90a1b8;font-size:.65rem;font-weight:800;letter-spacing:.06em}
.ref-section{max-width:1320px;margin:0 auto;padding:clamp(4rem,8vw,7.5rem) 0}.ref-section>h2,.ref-business h2{margin:.7rem 0 .75rem;font-size:clamp(2.4rem,4.6vw,4.8rem);line-height:1.02;letter-spacing:-.064em}.ref-section-lead{max-width:760px;color:var(--ref-slate);font-size:1.02rem;line-height:1.65}.ref-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem}.ref-steps article{position:relative;min-height:250px;padding:1.6rem;background:#fff;border:1px solid var(--ref-line);border-radius:26px;overflow:hidden}.ref-steps article>b{position:absolute;right:.6rem;top:-.35rem;color:#e1f5f1;font-size:5.2rem;line-height:1;font-weight:800}.ref-steps article>span{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--ref-teal);color:#fff}.ref-steps h3{position:relative;margin:1.3rem 0 .5rem;font-size:1.2rem}.ref-steps p{position:relative;color:var(--ref-slate);font-size:.87rem;line-height:1.55}.ref-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.ref-mosaic article{min-height:200px;padding:1.4rem;background:#fff;border:1px solid var(--ref-line);border-radius:26px}.ref-mosaic article.wide{grid-column:span 2;display:flex;gap:1.1rem}.ref-mosaic article.tint{background:linear-gradient(135deg,#f3fffc,#fff)}.ref-mosaic article>span{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:#ddf5f1;color:var(--ref-teal);font-size:1.2rem;font-weight:800}.ref-mosaic h3{font-size:1.08rem;margin:.9rem 0 .4rem}.ref-mosaic article.wide h3{margin:.1rem 0 .4rem}.ref-mosaic p{color:var(--ref-slate);font-size:.86rem;line-height:1.6}.ref-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.2rem}.ref-plan-card{padding:1.8rem;background:#fff;border:1px solid var(--ref-line);border-radius:30px}.ref-plan-card.featured{border:2px solid var(--ref-teal);background:linear-gradient(160deg,#f3fffc,#fff)}.ref-plan-card>div:first-child{display:flex;justify-content:space-between;color:var(--ref-teal);font-size:.72rem;font-weight:800;letter-spacing:.08em}.ref-plan-card h3{font-size:1.7rem;margin:1rem 0 .5rem;letter-spacing:-.04em}.ref-plan-card>p{color:var(--ref-slate);line-height:1.55}.ref-plan-price{display:flex;align-items:flex-end;gap:.35rem;margin:1.3rem 0}.ref-plan-price strong{font-size:3.1rem;line-height:1;letter-spacing:-.06em}.ref-plan-price span{color:var(--ref-slate);font-size:.8rem;font-weight:700}.ref-plan-card ul{display:grid;gap:.65rem;margin:1.2rem 0 1.5rem;padding:0;list-style:none;color:#48576e;font-size:.87rem}.ref-plan-card li:before{content:"✓";color:var(--ref-teal);font-weight:900;margin-right:.55rem}.ref-plan-card .ref-btn{width:100%}
.ref-business{display:grid;grid-template-columns:.9fr 1fr;gap:2rem;margin:clamp(4rem,8vw,8rem) 0;padding:clamp(2rem,5vw,4rem);background:linear-gradient(130deg,#0f1830,#092f3a);border-radius:42px;color:#fff}.ref-business>div:first-child>p{color:#adb9ca;line-height:1.7;max-width:560px}.ref-business h2{color:#fff}.ref-business .ref-btn{margin-top:1rem}.ref-business-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.ref-business-grid article{padding:1.2rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:22px}.ref-business-grid h3{margin:0;color:#fff;font-size:1rem}.ref-business-grid p{color:#99a8bc;font-size:.84rem;line-height:1.55}.ref-compare{max-width:1000px}.ref-compare-table{margin-top:2rem;border:1px solid var(--ref-line);border-radius:24px;overflow:hidden;background:#fff}.ref-compare-table>div{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--ref-line)}.ref-compare-table>div:first-child{background:#f3f8f8}.ref-compare-table>div:last-child{border-bottom:0}.ref-compare-table b{color:var(--ref-teal);text-align:center}.ref-compare-table>div>*:nth-child(n+2){text-align:center}.ref-faq{text-align:center;max-width:900px}.ref-faq-list{display:grid;gap:.75rem;margin-top:2rem;text-align:left}.ref-faq-list details{background:#fff;border:1px solid var(--ref-line);border-radius:18px;padding:1rem 1.2rem}.ref-faq-list summary{cursor:pointer;font-weight:800}.ref-faq-list p{color:var(--ref-slate);line-height:1.6;margin:.8rem 0 .2rem}.ref-final-cta{max-width:1000px;margin:4rem auto 0;padding:clamp(2.4rem,5vw,4.5rem);border-radius:40px;background:linear-gradient(135deg,#0ba797,#047d73);color:#fff;text-align:center}.ref-final-cta h2{margin:.8rem 0;font-size:clamp(2.4rem,5vw,4.7rem);letter-spacing:-.06em}.ref-final-cta p{color:rgba(255,255,255,.82)}.ref-final-cta .ref-btn{margin-top:1rem}.ref-footer{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:2rem;max-width:1440px;margin:0 auto;padding:4rem clamp(1rem,3vw,2rem);border-top:1px solid var(--ref-line);background:var(--ref-cloud)}.ref-footer-brand .logo{display:flex;align-items:center;gap:.6rem;color:var(--ref-ink)!important}.ref-footer-brand .brand-mark{width:36px;height:36px}.ref-footer-brand p{max-width:330px;color:var(--ref-slate);font-size:.85rem;line-height:1.6}.ref-footer>div:not(:first-child){display:grid;align-content:start;gap:.65rem}.ref-footer>div>strong{font-size:.72rem;letter-spacing:.08em}.ref-footer>div>a{color:#526079!important;font-size:.84rem}

/* Authenticated company top navigation */
body.company-control-body{display:block!important;background:var(--ref-cloud)!important;color:var(--ref-ink)}
.company-control-body .vd-shell-sidebar{position:sticky!important;top:0!important;height:66px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.7rem!important;padding:.55rem 1rem!important;background:rgba(255,255,255,.96)!important;color:var(--ref-ink)!important;border:0!important;border-bottom:1px solid #e5e9ed!important;box-shadow:0 8px 22px rgba(16,24,45,.05)!important;z-index:80!important;backdrop-filter:blur(16px)}
.company-control-body .vd-shell-sidebar .logo.in-app{display:flex!important;align-items:center!important;gap:.5rem!important;padding:0 .9rem 0 0!important;border:0!important;color:var(--ref-ink)!important;white-space:nowrap}.company-control-body .vd-shell-sidebar .brand-mark{width:34px!important;height:34px!important;border-radius:11px!important;background:var(--ref-mint)!important}.company-control-body .vd-shell-sidebar .logo strong{font-size:.9rem!important}.company-control-body .vd-shell-sidebar>nav{display:flex!important;align-items:center!important;gap:.12rem!important;min-width:0}.company-control-body .vd-shell-sidebar nav>a{display:flex!important;align-items:center!important;gap:.34rem!important;min-height:40px!important;padding:.54rem .64rem!important;border-radius:14px!important;color:#46546b!important;font-size:.78rem!important;font-weight:750!important;white-space:nowrap!important;transform:none!important}.company-control-body .vd-shell-sidebar nav>a:hover,.company-control-body .vd-shell-sidebar nav>a.active{background:#e8f7f4!important;color:var(--ref-teal-dark)!important;box-shadow:none!important}.company-control-body .sidebar-nav-icon{width:auto!important;height:auto!important;background:transparent!important;color:inherit!important}.vd-more-menu{position:relative;color:#46546b}.vd-more-menu>summary{display:flex;align-items:center;min-height:40px;padding:.54rem .64rem;border-radius:14px;list-style:none;cursor:pointer;font-size:.78rem;font-weight:750;white-space:nowrap}.vd-more-menu>summary::-webkit-details-marker{display:none}.vd-more-menu>summary:hover{background:#e8f7f4;color:var(--ref-teal-dark)}.vd-more-menu>div{position:absolute;top:calc(100% + .45rem);left:0;display:grid;gap:.15rem;min-width:180px;padding:.5rem;background:#fff;border:1px solid var(--ref-line);border-radius:16px;box-shadow:0 18px 46px rgba(16,24,45,.16);z-index:120}.vd-more-menu>div a{min-height:auto!important;padding:.62rem .7rem!important;border-radius:11px!important;color:#46546b!important;font-size:.8rem!important}.vd-more-menu>div a:hover,.vd-more-menu>div a.active{background:#e8f7f4!important;color:var(--ref-teal-dark)!important}.vd-topbar-account{display:flex;align-items:center;gap:.45rem;margin-left:auto;white-space:nowrap}.vd-balance-badge{display:inline-flex;align-items:center;min-height:38px;padding:.5rem .68rem;border-radius:999px;background:#eff7f5;color:#08766c;font-size:.75rem;font-weight:800}.vd-balance-badge.negative{background:#fff0f1;color:#be123c}.vd-add-funds{display:inline-flex;align-items:center;min-height:40px;padding:.58rem .82rem;border-radius:14px;background:var(--ref-teal);color:#fff!important;font-size:.78rem;font-weight:800}.vd-profile-button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f0f3f6;color:#4f5e75!important}.vd-logout-link{color:#7a8799!important;font-size:.74rem;font-weight:700}.company-control-body .company-control-main{max-width:1240px!important;margin:0 auto!important;padding:1.35rem clamp(.8rem,2.4vw,1.7rem) 3rem!important}.company-control-body .detail-hero{grid-template-columns:minmax(0,1fr) auto!important;padding:1.15rem 1.3rem!important;margin:0 0 .8rem!important;border:1px solid var(--ref-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 26px rgba(16,24,45,.05)!important}.company-control-body .detail-hero h1{font-size:clamp(1.65rem,2.7vw,2.45rem)!important;letter-spacing:-.05em!important;margin:.05rem 0 .3rem!important}.company-control-body .detail-hero p{font-weight:550!important;font-size:.86rem!important;line-height:1.5!important}.company-control-body .header-actions{gap:.45rem}.company-control-body .header-actions .primary,.company-control-body .header-actions .secondary{min-height:40px!important;padding:.55rem .75rem!important;border-radius:13px!important;font-size:.78rem!important}.company-control-body .app-command-bar{display:none!important}.company-control-body .panel{border:1px solid var(--ref-line)!important;border-radius:22px!important;box-shadow:0 10px 26px rgba(16,24,45,.045)!important;padding:1rem!important;margin:.8rem 0!important}.company-control-body .metric-grid{margin:.8rem 0!important}.company-control-body .metric-grid>article{min-height:112px!important;border:1px solid var(--ref-line)!important;border-radius:20px!important;box-shadow:none!important;padding:.85rem!important}.company-control-body .metric-grid>article:hover{border-color:#acdcd4!important;box-shadow:0 10px 22px rgba(7,155,141,.08)!important}.company-control-body .metric-sparkline,.company-control-body .bar{display:none!important}.company-control-body .metric-icon{background:#e2f6f2!important;color:var(--ref-teal)!important}.company-control-body .quick-actions-grid a,.company-control-body .workflow-row-list article,.company-control-body .insight-grid article{border-color:var(--ref-line)!important;background:#f8fafb!important}.company-control-body .quick-actions-grid span{color:var(--ref-teal)!important}.company-control-body .call-table th{background:#f4f8f8!important}.company-control-body .rec-play-btn{color:var(--ref-teal-dark)!important;background:#e7f7f4!important;border-color:#b8e5dd!important}.company-control-body .status,.company-control-body .direction-pill{background:#e7f7f4!important;color:var(--ref-teal-dark)!important;border-color:#b8e5dd!important}

/* Contact directory */
.contact-form{display:grid;grid-template-columns:1fr 1fr .8fr 1.2fr auto auto;gap:.7rem;align-items:end}.contact-form.compact{grid-template-columns:1fr 1fr;align-items:end;margin-top:.7rem}.contact-form.compact .contact-favorite,.contact-form.compact button{align-self:end}.contact-favorite{display:flex!important;align-items:center!important;gap:.45rem!important;min-height:46px}.contact-favorite input{width:18px;height:18px;accent-color:var(--ref-teal)}.contact-favorite span{text-transform:none!important;letter-spacing:0!important;font-size:.78rem!important}.contact-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.contact-card{min-width:0;padding:1rem;background:#fff;border:1px solid var(--ref-line);border-radius:20px;box-shadow:0 8px 20px rgba(16,24,45,.04)}.contact-card.favorite{border-color:#9bdcd2;background:linear-gradient(160deg,#f4fffc,#fff)}.contact-card-head{display:flex;align-items:center;gap:.7rem}.contact-card-head>div{min-width:0;flex:1}.contact-card-head h3,.contact-card-head p{margin:0}.contact-card-head h3{font-size:1rem}.contact-card-head p{margin-top:.14rem;color:var(--ref-slate);font-size:.72rem}.contact-card-head>b{color:#f4a722}.contact-avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:var(--ref-teal);color:#fff;font-weight:850}.contact-phone{display:block;margin:.85rem 0 .4rem;color:var(--ref-teal-dark)!important;font-weight:850;font-size:1rem}.contact-notes{min-height:2.4em;margin:.35rem 0;color:var(--ref-slate);font-size:.78rem;line-height:1.5}.contact-dial-link{display:inline-flex;margin-top:.55rem;color:var(--ref-teal-dark)!important;font-size:.78rem;font-weight:800}.contact-edit{margin-top:.75rem;padding-top:.7rem;border-top:1px solid var(--ref-line)}.contact-edit summary{cursor:pointer;color:#536177;font-size:.75rem;font-weight:800}.contact-delete{margin-top:.6rem;padding:.5rem .62rem;border:1px solid #fecdd3;border-radius:11px;background:#fff1f2;color:#be123c;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.agent-contact-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:1rem;align-items:start}.agent-contact-form{grid-template-columns:1fr!important}.agent-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-mode .contact-form input:not([type="checkbox"]),.agent-mode .contact-form select{width:100%;min-height:44px;border:1px solid var(--ref-line);border-radius:13px;padding:.6rem .72rem;background:#fff;color:var(--ref-ink);font:inherit;font-weight:650}.agent-mode .contact-form label>span{font-size:.7rem;font-weight:800;color:#66758a;text-transform:uppercase;letter-spacing:.06em}

/* Authenticated agent top navigation and focused dialer */
body.agent-mode{display:block!important;min-height:100vh;background:var(--ref-cloud)!important;color:var(--ref-ink)}.agent-mode .agent-sidebar{position:sticky!important;top:0!important;left:auto!important;width:100%!important;height:66px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.8rem!important;padding:.55rem 1rem!important;background:rgba(255,255,255,.96)!important;border:0!important;border-bottom:1px solid #e5e9ed!important;box-shadow:0 8px 22px rgba(16,24,45,.05)!important;color:var(--ref-ink)!important;z-index:85!important;backdrop-filter:blur(16px)}.agent-mode .agent-logo{display:flex;align-items:center;gap:.5rem;padding:0 .9rem 0 0;color:var(--ref-ink)!important;white-space:nowrap}.agent-mode .agent-logo-mark{width:34px!important;height:34px!important;border-radius:11px!important;background:var(--ref-mint)!important;display:grid;place-items:center}.agent-mode .agent-logo-mark img{width:72%;height:72%;object-fit:contain}.agent-mode .agent-logo strong{font-size:.9rem}.agent-mode .agent-nav{display:flex!important;align-items:center!important;gap:.12rem!important;margin:0!important}.agent-mode .agent-nav>a{display:flex!important;align-items:center!important;gap:.34rem!important;min-height:40px!important;padding:.54rem .64rem!important;border-radius:14px!important;color:#46546b!important;font-size:.78rem!important;font-weight:750!important;border:0!important;background:transparent!important;white-space:nowrap}.agent-mode .agent-nav>a strong{font-weight:750!important}.agent-mode .agent-nav>a:hover,.agent-mode .agent-nav>a.active{background:#e8f7f4!important;color:var(--ref-teal-dark)!important;box-shadow:none!important}.agent-mode .agent-sidebar-bottom{display:flex!important;align-items:center!important;gap:.45rem!important;margin:0 0 0 auto!important;padding:0!important;border:0!important}.agent-line-badge{display:inline-flex;align-items:center;min-height:38px;padding:.5rem .68rem;border-radius:999px;background:#eff7f5;color:#08766c;font-size:.75rem;font-weight:800;white-space:nowrap}.agent-profile-top{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f0f3f6;color:#4f5e75!important}.agent-mode .agent-logout{min-height:auto!important;padding:.5rem!important;background:transparent!important;border:0!important;color:#7a8799!important;font-size:.74rem!important}.agent-mode .agent-main{margin-left:0!important;max-width:1240px!important;margin-right:auto!important;margin-left:auto!important;padding:1.35rem clamp(.8rem,2.4vw,1.7rem) 3rem!important}.agent-mode .agent-phone-hero,.agent-mode .agent-page-header{padding:1.1rem 1.25rem!important;margin:0 0 .85rem!important;border:1px solid var(--ref-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 26px rgba(16,24,45,.05)!important}.agent-mode .agent-phone-hero h1,.agent-mode .agent-page-header h1{font-size:clamp(1.7rem,2.8vw,2.55rem)!important;line-height:1.05!important;letter-spacing:-.052em!important;margin:.25rem 0 .35rem!important}.agent-mode .agent-phone-hero p,.agent-mode .agent-page-header p{font-size:.86rem!important;line-height:1.5!important}.agent-mode .agent-phone-layout{display:grid!important;grid-template-columns:minmax(0,630px) minmax(280px,360px)!important;justify-content:center!important;gap:1rem!important;align-items:start!important}.agent-mode .agent-dialer-col{order:-1}.agent-mode .agent-phone-side{order:2;gap:.75rem!important}.agent-mode .agent-dialer-card,.agent-mode .agent-engine-card,.agent-mode .agent-info-card,.agent-mode .agent-card,.agent-mode .agent-profile-card,.agent-mode .agent-permissions-card,.agent-mode .agent-settings-card,.agent-mode .agent-security-card{border:1px solid var(--ref-line)!important;border-radius:22px!important;box-shadow:0 10px 26px rgba(16,24,45,.05)!important;background:#fff!important}.agent-mode .agent-dialer-card{padding:1.25rem 1.45rem!important}.agent-mode .agent-dialer-display{margin:.9rem 0 .7rem!important}.agent-mode .agent-dial-input{min-height:60px!important;border:1px solid var(--ref-line)!important;border-radius:16px!important;background:#f5f8fa!important;text-align:center!important;font-size:1.35rem!important;color:var(--ref-ink)!important}.agent-mode .agent-mic-status,.agent-mode .agent-mic-level{border:1px solid var(--ref-line)!important;border-radius:14px!important;box-shadow:none!important}.agent-mode .agent-mic-level{padding:.65rem .75rem!important}.agent-mode .agent-mic-level small{font-size:.68rem!important}.agent-mode .agent-keypad{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.15rem 1rem!important;max-width:340px!important;margin:1rem auto!important}.agent-mode .agent-key{display:grid!important;place-items:center!important;align-content:center!important;width:72px!important;height:72px!important;margin:auto!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:var(--ref-ink)!important;transition:background .13s ease,transform .13s ease!important}.agent-mode .agent-key:hover{background:#eff6f5!important;transform:scale(1.04)!important}.agent-mode .agent-key strong{font-size:1.45rem!important;font-weight:550!important}.agent-mode .agent-dial-actions{display:grid!important;grid-template-columns:80px 1fr 80px!important;align-items:center!important;gap:.6rem!important}.agent-mode .agent-btn-call{justify-self:center!important;width:72px!important;height:72px!important;border-radius:50%!important;padding:0!important;font-size:0!important;background:var(--ref-teal)!important;box-shadow:0 12px 26px rgba(7,155,141,.25)!important}.agent-mode .agent-btn-call svg{width:24px;height:24px}.agent-mode .agent-btn-secondary{border:1px solid var(--ref-line)!important;background:#f7f9fb!important;color:#4f5e75!important;border-radius:13px!important;box-shadow:none!important}.agent-mode .agent-quick-stats{gap:.45rem!important}.agent-mode .agent-stat-box{border:1px solid var(--ref-line)!important;border-radius:15px!important;background:#fff!important}.agent-mode .agent-info-details{display:none!important}.agent-mode .agent-quick-links{display:none!important}.agent-mode .agent-metrics,.agent-mode .agent-profile-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}.agent-mode .agent-metric{border:1px solid var(--ref-line)!important;border-radius:18px!important;box-shadow:none!important}.agent-mode .agent-table-wrap{border-color:var(--ref-line)!important}.agent-mode .agent-table th{background:#f4f8f8!important}.agent-mode .agent-btn-primary,.agent-mode .agent-page-link.primary{background:var(--ref-teal)!important;border-color:var(--ref-teal)!important;color:#fff!important}

/* Public pages use the same calmer teal language without altering plan content. */
.marketing-refresh,.platform-page,.solutions-page,.pricing-page-dark,.clean-pricing-page,.auth-shell,.help-page,.blog-page{font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}.platform-page,.solutions-page{background:var(--ref-cloud)!important}.platform-page .platform-hero,.solutions-page .solutions-hero,.south-asia-hero{border-color:var(--ref-line)!important;box-shadow:0 18px 42px rgba(16,24,45,.07)!important}.platform-card-stack article,.solution-orbit div,.feature-card,.south-country-card{border-color:var(--ref-line)!important;box-shadow:0 10px 26px rgba(16,24,45,.05)!important}.pricing-page-dark.clean-pricing-page{background:linear-gradient(180deg,#0e1830 0 34%,var(--ref-cloud) 34%)!important}.pricing-page-dark .south-country-card{background:#fff!important}.site-footer{font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}

@media(max-width:1100px){
  .reference-nav{grid-template-columns:auto 1fr auto}.reference-nav>nav a{padding:.55rem .5rem;font-size:.8rem}.ref-hero{grid-template-columns:1fr;min-height:0;padding-top:5rem}.ref-hero-copy{max-width:850px}.ref-dialer-shell{justify-self:center;width:min(100%,560px)}.ref-feature-strip{grid-template-columns:repeat(2,1fr)}.ref-stat-band{grid-template-columns:repeat(5,1fr)}.ref-mosaic{grid-template-columns:1fr 1fr}.ref-mosaic article.wide{grid-column:span 1}.ref-business{grid-template-columns:1fr}.company-control-body .vd-shell-sidebar{height:auto!important;min-height:66px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}.company-control-body .vd-shell-sidebar>nav{grid-column:1/-1;order:3;overflow-x:auto;padding-bottom:.1rem}.vd-topbar-account{margin-left:0;justify-self:end}.company-control-body .detail-hero{grid-template-columns:1fr!important}.company-control-body .header-actions{justify-content:flex-start!important}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-mode .agent-sidebar{height:auto!important;min-height:66px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}.agent-mode .agent-nav{grid-column:1/-1;order:3;overflow-x:auto;padding-bottom:.1rem}.agent-mode .agent-sidebar-bottom{justify-self:end}.agent-mode .agent-phone-layout{grid-template-columns:minmax(0,620px) minmax(260px,340px)!important}.agent-contact-layout{grid-template-columns:1fr}.agent-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .reference-nav{max-width:calc(100% - 16px)!important;margin-top:8px!important;border-radius:20px!important;grid-template-columns:1fr auto;padding:.5rem .6rem!important}.reference-nav>nav{grid-column:1/-1;order:3;justify-content:flex-start!important;overflow-x:auto;padding:.15rem 0}.reference-nav>nav a{min-width:max-content}.reference-nav .logo strong{display:none}.reference-nav .nav-actions{gap:.25rem}.ref-nav-cta{min-height:40px;padding:.55rem .75rem;font-size:.78rem}.ref-login-menu summary{padding:.55rem .5rem;font-size:.78rem}.reference-home-main{padding-inline:.75rem}.ref-hero{padding-top:3.2rem;gap:2.2rem}.ref-hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.ref-dialer-shell{padding:1.1rem .8rem;border-radius:28px}.ref-dialer-top{display:grid}.ref-verified{width:max-content}.ref-number-field{grid-template-columns:1fr auto}.ref-number-field select{grid-column:1/-1;width:100%;max-width:none;border-bottom:1px solid var(--ref-line)}.ref-number-field input{min-width:0}.ref-feature-strip,.ref-basics-grid,.ref-route-section,.ref-steps,.ref-plan-grid,.ref-business-grid,.ref-mosaic{grid-template-columns:1fr}.ref-route-intro{padding:1.5rem}.ref-stat-band{grid-template-columns:1fr 1fr;padding:1rem;border-radius:28px}.ref-stat-band>div{border:0;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem .4rem}.ref-stat-band>div:last-child{grid-column:1/-1}.ref-section{padding:4rem 0}.ref-section>h2,.ref-business h2{font-size:clamp(2.25rem,11vw,3.5rem)}.ref-mosaic article.wide{display:block}.ref-mosaic article.wide h3{margin:.9rem 0 .4rem}.ref-business{padding:1.5rem;border-radius:28px}.ref-compare-table{overflow-x:auto}.ref-compare-table>div{min-width:620px}.ref-footer{grid-template-columns:1fr 1fr;padding:3rem 1rem}.ref-footer-brand{grid-column:1/-1}.company-control-body .vd-shell-sidebar{grid-template-columns:auto 1fr!important;padding:.5rem .65rem!important}.company-control-body .vd-shell-sidebar .logo strong{display:none}.vd-topbar-account{gap:.25rem}.vd-logout-link{display:none}.vd-add-funds{padding:.5rem .62rem}.company-control-body .company-control-main{padding:.75rem!important}.company-control-body .detail-hero,.company-control-body .panel{border-radius:18px!important}.company-control-body .detail-hero h1{font-size:1.75rem!important}.contact-form,.contact-form.compact,.contact-directory-grid{grid-template-columns:1fr}.company-control-body .call-table{min-width:820px}.agent-mode .agent-sidebar{grid-template-columns:auto 1fr!important;padding:.5rem .65rem!important}.agent-mode .agent-logo strong{display:none}.agent-mode .agent-logout{display:none!important}.agent-line-badge{font-size:.7rem}.agent-mode .agent-main{padding:.75rem!important}.agent-mode .agent-phone-layout{grid-template-columns:1fr!important}.agent-mode .agent-dialer-col{order:-1}.agent-mode .agent-phone-side{order:2}.agent-mode .agent-phone-hero{display:none!important}.agent-mode .agent-dialer-card{padding:1rem .7rem!important}.agent-mode .agent-keypad{gap:.05rem .5rem!important}.agent-mode .agent-key{width:66px!important;height:66px!important}.agent-mode .agent-metrics,.agent-mode .agent-profile-metrics,.agent-contact-grid{grid-template-columns:1fr 1fr!important}.agent-mode .agent-table{min-width:820px}.agent-mode .agent-page-header{border-radius:18px!important}.agent-mode .agent-page-header h1{font-size:1.8rem!important}}
@media(max-width:760px){.company-control-body .agent-stats-panel .panel-head>div:last-child{justify-items:start;text-align:left}.company-control-body .agent-stats-kpis{grid-template-columns:1fr 1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ref-btn,.ref-keypad button,.ref-call-preview,.agent-mode .agent-key{transition:none!important}}

/* Final visual QA refinements */
.company-control-body .call-table:not(.agent-stats-table){min-width:1240px!important;table-layout:auto!important}.company-control-body .overview-call-table{min-width:1080px!important}.company-control-body .credit-used-cell{min-width:148px}.company-control-body .credit-used-value{font-weight:950;white-space:nowrap;color:#087f5b}.company-control-body .credit-used-value.not_charged,.company-control-body .credit-used-value.included{color:#667085}.company-control-body .credit-used-value.pending{color:#b45309}.company-control-body .credit-used-value.refunded{color:#5b4bff}.company-control-body .credit-used-cell small{max-width:170px;line-height:1.35}
.company-control-body .agent-stats-panel .panel-head>div:last-child{display:grid;justify-items:end;gap:.35rem;text-align:right}.company-control-body .agent-stats-panel .panel-head small{display:block;color:var(--ref-slate);font-size:.72rem}.company-control-body .agent-stats-table-wrap{overflow-x:auto;border:1px solid var(--ref-line);border-radius:18px}.company-control-body .agent-stats-table{min-width:980px!important;table-layout:auto!important}.company-control-body .agent-stats-table th{white-space:nowrap;background:#f4f8fa}.company-control-body .agent-stats-table td strong,.company-control-body .agent-stats-table td small{display:block}.company-control-body .agent-stats-table td small{margin-top:.18rem;color:var(--ref-slate)}.company-control-body .agent-stats-refresh-note{margin:.8rem 0 0;color:var(--ref-slate);font-size:.76rem}.company-control-body .agent-stats-kpis .metric-card{min-height:150px}.company-control-body .agent-stats-kpis .metric-card p span{display:inline!important}
@media(max-width:640px){.company-control-body .call-table-wrap{overflow:visible;border:0;background:transparent}.company-control-body .call-table:not(.agent-stats-table){display:block;width:100%;min-width:0!important}.company-control-body .call-table:not(.agent-stats-table) thead{display:none}.company-control-body .call-table:not(.agent-stats-table) tbody{display:grid;gap:.75rem}.company-control-body .call-table:not(.agent-stats-table) tr{display:block;border:1px solid var(--ref-line);border-radius:18px;background:#fff;overflow:hidden}.company-control-body .call-table:not(.agent-stats-table) td{display:grid!important;grid-template-columns:92px minmax(0,1fr);gap:.7rem;align-items:start;width:100%;padding:.62rem .72rem!important;border-bottom:1px solid #edf2f7!important;overflow-wrap:anywhere}.company-control-body .call-table:not(.agent-stats-table) td:last-child{border-bottom:0!important}.company-control-body .call-table:not(.agent-stats-table) td:before{content:attr(data-label);font-size:.67rem;font-weight:950;text-transform:uppercase;letter-spacing:.065em;color:var(--ref-slate)}.company-control-body .call-table:not(.agent-stats-table) td>small{grid-column:2}.company-control-body .call-table:not(.agent-stats-table) td.empty{display:block!important}.company-control-body .call-table:not(.agent-stats-table) td.empty:before{display:none}.company-control-body .credit-used-cell{min-width:0}.company-control-body .credit-used-cell small{max-width:none}}
.vd-more-menu.active>summary{background:#e8f7f4;color:var(--ref-teal-dark)}
.ref-hero h1{letter-spacing:-.045em;line-height:1.01}.ref-section>h2,.ref-business h2{letter-spacing:-.046em;line-height:1.04}.ref-section{padding:clamp(3rem,5vw,5.2rem) 0}.ref-stat-band{margin-bottom:clamp(3.5rem,6vw,6rem)}.ref-business{margin:clamp(3.5rem,6vw,6rem) 0}.ref-final-cta{margin-top:3rem}
.agent-mode .agent-btn-call:disabled{background:#dfe7ee!important;color:#6f8193!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.9}.agent-mode .agent-btn-secondary:disabled{opacity:.42!important;cursor:not-allowed!important}.agent-mode .agent-key span{font-size:.58rem!important;font-weight:800!important;letter-spacing:.05em!important;color:#66758a!important}.agent-mode .agent-line-badge{background:#f1f5f7;color:#536177}
@media(max-width:760px){.reference-nav>nav a:nth-child(n+4){display:none}.ref-hero h1{font-size:clamp(2.45rem,12vw,3.6rem)!important;line-height:1.03!important}.ref-compare-table{overflow:visible}.ref-compare-table>div{min-width:0!important;grid-template-columns:1.35fr .8fr .8fr!important;gap:.35rem!important;padding:.75rem .6rem!important;font-size:.72rem}.ref-dialer-note{font-size:.75rem;color:#536177}.ref-keypad button small{font-size:.64rem}.ref-feature-strip p,.ref-basics-grid li,.ref-mosaic p,.ref-business-grid p,.ref-footer-brand p,.ref-footer>div>a{font-size:.88rem}.ref-section-label.light{color:#b9fff5}.agent-mode .agent-nav>a{padding:.5rem .56rem!important}.agent-mode .agent-nav>a>span{display:none}.company-control-body .vd-shell-sidebar nav>a{padding:.5rem .56rem!important}.company-control-body .sidebar-nav-icon{display:none!important}}