.vb-hero{background:radial-gradient(circle at 80% 20%,#6b2a911f 0%,#0000 50%),radial-gradient(circle at 15% 75%,#c51b7017 0%,#0000 45%),linear-gradient(#fff 0%,#fbf7fd 50%,#f2f2f2 100%);border-bottom:1px solid #6b2a9114;padding:135px 0 85px;position:relative;overflow:hidden}.vb-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;display:grid}.vb-badge{color:#6b2a91;letter-spacing:.04em;text-transform:uppercase;background:#6b2a9114;border:1px solid #6b2a9133;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.vb-badge-live{background:#ef3340;border-radius:50%;width:8px;height:8px;animation:1.8s infinite vbPulse;box-shadow:0 0 8px #ef334099}@keyframes vbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.35)}}.vb-hero-title{color:#2b2b2f;letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(32px,3.8vw,48px);font-weight:900;line-height:1.18}.vb-hero-title .text-gradient{background:linear-gradient(135deg,#6b2a91 0%,#c51b70 40%,#ef3340 75%,#f15a29 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.vb-hero-desc{color:#595959;max-width:580px;margin-bottom:28px;font-size:16.5px;line-height:1.65}.vb-waveform-card{background:#fff;border:1px solid #6b2a9126;border-radius:16px;padding:24px;position:relative;box-shadow:0 16px 40px #6b2a9114}.vb-card-top{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.vb-call-indicator{align-items:center;gap:10px;display:flex}.vb-call-avatar{color:#fff;background:linear-gradient(135deg,#6b2a91,#c51b70);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:flex}.vb-call-meta strong{color:#2b2b2f;font-size:14px;display:block}.vb-call-meta span{color:#16a34a;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.vb-call-meta span:before{content:"";background:#16a34a;border-radius:50%;width:6px;height:6px}.vb-latency-pill{color:#6b2a91;background:#faf0ff;border:1px solid #6b2a9133;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.vb-visualizer{justify-content:center;align-items:center;gap:5px;height:60px;margin:18px 0;display:flex}.vb-bar{background:linear-gradient(#f15a29 0%,#c51b70 60%,#6b2a91 100%);border-radius:999px;width:5px;height:18px;animation:1.2s ease-in-out infinite alternate vbWave}.vb-bar:nth-child(2){animation-delay:.15s}.vb-bar:nth-child(3){animation-delay:.3s}.vb-bar:nth-child(4){animation-delay:.45s}.vb-bar:nth-child(5){animation-delay:.6s}.vb-bar:nth-child(6){animation-delay:.75s}.vb-bar:nth-child(7){animation-delay:.9s}.vb-bar:nth-child(8){animation-delay:.35s}.vb-bar:nth-child(9){animation-delay:.5s}.vb-bar:nth-child(10){animation-delay:.2s}.vb-bar:nth-child(11){animation-delay:.65s}.vb-bar:nth-child(12){animation-delay:.4s}@keyframes vbWave{0%{opacity:.4;height:12px}to{opacity:1;height:52px}}.vb-dialogue-box{color:#2b2b2f;background:#faf7fb;border-left:3px solid #6b2a91;border-radius:10px;margin-top:14px;padding:14px 16px;font-size:13.5px;line-height:1.55}.vb-dialogue-box em{color:#6b2a91;font-style:normal;font-weight:700}.vb-stats-bar{background:#fff;border-bottom:1px solid #0000000f;padding:36px 0}.vb-stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.vb-stat-item strong{color:#6b2a91;letter-spacing:-.02em;margin-bottom:4px;font-size:34px;font-weight:900;display:block}.vb-stat-item span{color:#595959;font-size:14px;font-weight:500}.vb-sec{padding:90px 0;position:relative}.vb-sec-header{text-align:center;max-width:780px;margin:0 auto 56px}.vb-sec-label{color:#c51b70;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:12.5px;font-weight:700}.vb-sec-title{color:#2b2b2f;margin-bottom:14px;font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.25}.vb-sec-sub{color:#595959;font-size:15.5px;line-height:1.6}.vb-sec-personas{background:#faf7fb}.vb-personas-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.vb-persona-card{background:#fff;border:1px solid #6b2a911f;border-radius:16px;flex-direction:column;justify-content:space-between;padding:30px 24px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000008}.vb-persona-card:hover{border-color:#c51b70;transform:translateY(-5px);box-shadow:0 14px 34px #c51b701f}.vb-persona-top{align-items:center;gap:14px;margin-bottom:18px;display:flex}.vb-persona-avatar{color:#fff;background:linear-gradient(135deg,#6b2a91 0%,#c51b70 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 12px #6b2a9140}.vb-persona-card:nth-child(2) .vb-persona-avatar{background:linear-gradient(135deg,#c51b70 0%,#ef3340 100%)}.vb-persona-card:nth-child(3) .vb-persona-avatar{background:linear-gradient(135deg,#ef3340 0%,#f15a29 100%)}.vb-persona-card:nth-child(4) .vb-persona-avatar{background:linear-gradient(135deg,#6b2a91 0%,#8e2fa6 100%)}.vb-persona-card:nth-child(5) .vb-persona-avatar{background:linear-gradient(135deg,#c51b70 0%,#f15a29 100%)}.vb-persona-name{color:#2b2b2f;font-size:17px;font-weight:700}.vb-persona-role{color:#c51b70;font-size:12.5px;font-weight:600}.vb-persona-desc{color:#595959;margin-bottom:20px;font-size:14px;line-height:1.6}.vb-persona-tags{flex-wrap:wrap;gap:6px;display:flex}.vb-tag{color:#595959;background:#f2f2f2;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600}.vb-sec-capabilities{background:#fff}.vb-capabilities-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.vb-capability-card{background:#fff;border:1px solid #00000014;border-radius:14px;padding:28px 24px;transition:all .28s}.vb-capability-card:hover{border-color:#f15a29;transform:translateY(-4px);box-shadow:0 10px 28px #f15a291a}.vb-cap-icon{color:#fff;background:linear-gradient(135deg,#ef3340 0%,#f15a29 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex}.vb-capability-card h3{color:#2b2b2f;margin-bottom:10px;font-size:18px;font-weight:700}.vb-capability-card p{color:#595959;font-size:14px;line-height:1.6}.vb-sec-dashboard{background:linear-gradient(#f8f4fa 0%,#fff 100%);border-top:1px solid #6b2a910f}.vb-dash-container{background:#fff;border:1px solid #6b2a9126;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #6b2a911a}.vb-dash-bar{color:#fff;background:#2b1838;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.vb-dash-dots{gap:6px;display:flex}.vb-dash-dot{background:#ffffff40;border-radius:50%;width:10px;height:10px}.vb-dash-title{letter-spacing:.04em;color:#ffffffd9;font-size:13px;font-weight:600}.vb-dash-content{grid-template-columns:1fr 1.3fr;gap:36px;padding:36px 32px;display:grid}.vb-metric-boxes{grid-template-columns:1fr 1fr;gap:16px;display:grid}.vb-metric-box{background:#faf7fb;border:1px solid #6b2a9114;border-radius:12px;padding:18px}.vb-metric-box strong{color:#6b2a91;margin-bottom:4px;font-size:24px;font-weight:800;display:block}.vb-metric-box span{color:#595959;font-size:12px}.vb-call-log-table{background:#fff;border:1px solid #eaeaea;border-radius:12px;overflow:hidden}.vb-log-row{border-bottom:1px solid #f0f0f0;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;padding:12px 16px;font-size:13px;display:grid}.vb-log-row.header{color:#2b2b2f;background:#f8f8f8;font-weight:700}.vb-status-badge{text-align:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.vb-status-badge.success{color:#16a34a;background:#e8f7ee}.vb-status-badge.pending{color:#f15a29;background:#fef1ec}.vb-sec-integrations{background:#fff}.vb-integ-grid{grid-template-columns:repeat(6,1fr);gap:20px;display:grid}.vb-integ-card{text-align:center;color:#2b2b2f;background:#faf7fb;border:1px solid #6b2a911a;border-radius:12px;padding:24px 16px;font-size:14px;font-weight:700;transition:all .25s}.vb-integ-card:hover{background:#fff;border-color:#6b2a91;transform:translateY(-3px);box-shadow:0 8px 20px #6b2a911a}@media (width<=1024px){.vb-hero-grid{grid-template-columns:1fr;gap:40px}.vb-stats-grid,.vb-personas-grid,.vb-capabilities-grid{grid-template-columns:repeat(2,1fr)}.vb-dash-content{grid-template-columns:1fr}.vb-integ-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.vb-hero{padding:100px 0 60px}.vb-sec{padding:60px 0}.vb-personas-grid,.vb-capabilities-grid{grid-template-columns:1fr}.vb-stats-grid{grid-template-columns:1fr 1fr;gap:20px}.vb-integ-grid{grid-template-columns:repeat(2,1fr)}.vb-call-log-table{overflow-x:auto}}@media (width<=480px){.vb-hero-title{font-size:26px}.vb-metric-boxes{grid-template-columns:1fr}}
