.verified-page { background:#fff; color:#111b2e; }
.verified-page main { overflow:hidden; }
.vn-container { width:calc(100% - clamp(32px,9vw,128px)); max-width:1280px; margin-inline:auto; }
.vn-section { padding:80px 0; }
.vn-heading { margin-bottom:64px; }
.vn-eyebrow { display:block; font-size:12px; color:#4264ff; margin-bottom:40px; }
.verified-page main h2 { font-size:clamp(26px,3vw,40px); line-height:1.4; font-weight:500; margin:0; }
.vn-heading-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:80px; align-items:start; }
.vn-heading p,.vn-cta-grid p { font-size:16px; line-height:1.8; margin:0; text-align:justify; }
.vn-button { display:inline-flex; align-items:center; justify-content:center; min-height:38px; border-radius:6px; padding:9px 20px; background:#00132f; color:#fff; font-size:13px; font-weight:500; line-height:1.5; text-decoration:none; width:fit-content; }
.vn-button:hover { background:#19365d; color:white; }
.vn-button:focus-visible { outline:3px solid #4264ff; outline-offset:4px; }
.vn-hero { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); padding-top:90px; min-height:830px; }
.vn-hero-copy { background:#e9f6fd; padding:40px 32px 48px; border-radius:30px; display:flex; flex-direction:column; justify-content:space-between; min-height:740px; }
.verified-page .vn-hero h1 { font-size:clamp(40px,5.2vw,76px); font-weight:500; line-height:1.5; letter-spacing:-.025em; margin:0 0 64px; color:#07172d; }
.vn-hero-bottom { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.verified-page .vn-hero-bottom h2 { font-size:clamp(20px,2.1vw,28px); }
.vn-hero-bottom p { margin:0 0 24px; font-size:15px; line-height:1.9; text-align:justify; }
.vn-hero-art { grid-column:2; grid-row:1; position:relative; background:radial-gradient(ellipse at 100% 100%,#9f7fda 0,transparent 45%),linear-gradient(120deg,#d0c7c2,#d7d9e0); border-radius:30px; overflow:hidden; min-width:0; display:flex; align-items:flex-end; justify-content:center; padding:40px 20px 80px; }
.vn-phone { position:relative; width:86%; max-width:340px; height:440px; background:#222c30; border:8px solid #080d12; border-bottom-width:0; border-radius:60px 60px 0 0; color:#fff; box-shadow:0 0 0 3px #7b8087,0 0 0 5px #333; direction:rtl; text-align:center; }
.vn-island { position:absolute; top:10px; left:50%; transform:translateX(-50%); width:90px; height:24px; background:#000; border-radius:30px; }
.vn-phone-clock { display:flex; justify-content:space-between; padding:16px 18px; font-size:11px; direction:ltr; }
.vn-caller { padding:50px 8px 0; animation:vn-caller-appear 5s ease-in-out infinite; }
.vn-caller-logo { width:54px; height:54px; display:grid; place-items:center; background:#f4f5ff; border-radius:14px; margin:0 auto 18px; }
.vn-caller-logo img { width:26px; height:34px; object-fit:contain; }
.vn-caller strong { display:block; font-size:28px; font-weight:500; }
.vn-caller strong span { color:#7adaba; font-size:18px; }
.vn-caller small,.vn-caller b { display:block; font-size:12px; font-weight:400; margin-top:10px; color:#d7dfe7; }
.vn-call-actions { position:absolute; bottom:22px; left:0; right:0; display:flex; justify-content:space-around; align-items:center; font-size:11px; }
.vn-call-actions i { width:52px; height:52px; border-radius:50%; background:#2bb875; font-style:normal; font-size:26px; display:grid; place-items:center; }
@keyframes vn-caller-appear { 0%,100%{opacity:.8;transform:translateY(3px)} 40%,80%{opacity:1;transform:translateY(0)} }
.vn-overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.vn-overview-grid article { background:#f5f5fa; border-radius:16px; padding:8px; }
.vn-overview-grid article>div { background:white; border-radius:16px; padding:16px; min-height:80px; }
.vn-overview-grid h3 { font-size:24px; line-height:1.5; font-weight:500; margin:0; }
.vn-overview-grid p { margin:24px 16px 16px; font-size:15px; line-height:1.85; text-align:justify; }
.vn-dashboard-stage { padding:140px max(24px,8vw); background:#f5f5fa; border-radius:24px; position:relative; }
.vn-dashboard { display:grid; grid-template-columns:175px 1fr; max-width:1080px; margin:auto; background:#fff; border:1px solid #e8eaf0; box-shadow:0 18px 65px #14213b12; border-radius:12px; overflow:hidden; min-height:390px; }
.vn-dashboard aside { background:#fafbfe; border-inline-end:1px solid #e8eaf0; padding:20px 12px; display:flex; flex-direction:column; gap:20px; font-size:11px; }
.vn-dashboard aside b { display:flex; align-items:center; gap:8px; font:600 20px system-ui; margin-bottom:12px; }
.vn-dashboard aside img { width:20px; height:26px; }
.vn-dashboard aside .selected { background:#eef0ff; border-radius:6px; padding:8px; color:#4264ff; }
.vn-dashboard-content { padding:28px; min-width:0; }
.vn-dashboard-title { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.vn-dashboard-title h3 { margin:0; font-size:20px; }
.vn-dashboard-add { background:#4264ff; color:#fff; padding:8px 12px; border-radius:5px; font-size:11px; }
.vn-dashboard-tabs { display:flex; gap:24px; font-size:12px; margin:32px 0 20px; border-bottom:1px solid #e8eaf0; padding-bottom:12px; }
.vn-dashboard-tabs .selected { color:#4264ff; }
.vn-table>div { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:12px; padding:20px 8px; border-bottom:1px solid #eceef4; font-size:11px; align-items:center; }
.vn-table-head { color:#8a94a6; }
.vn-status { color:#168b70; }
.vn-pending { color:#9b7d2d; }
.vn-demo-label { display:block; font-size:10px; color:#9aa4b6; margin-top:20px; }
.vn-dashboard-symbol { position:absolute; bottom:36px; left:36px; width:42px; height:54px; object-fit:contain; }
.vn-enterprise-cta { background:#00132f; padding:64px 0; color:#fff; }
.vn-cta-grid { display:grid; grid-template-columns:1.6fr 1fr; gap:80px; align-items:end; }
.vn-cta-grid .vn-eyebrow { color:#a7bbff; margin-bottom:24px; }
.verified-page .vn-cta-grid h2 { color:#fff; margin-bottom:24px; }
.vn-cta-grid p { color:#e1e7f2; }
.vn-button-blue { background:#4264ff; margin-top:24px; }
.vn-steps { display:flex; flex-direction:column; gap:8px; }
.vn-step { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:8px; border-radius:16px; min-height:440px; background:#3e6aef; color:white; }
.vn-step:nth-child(2) { background:#f5f5fa; color:#07172d; }
.vn-step:nth-child(3) { background:#00132f; }
.vn-step-art { grid-column:2; grid-row:1; overflow:hidden; background:#dce2f7; border-radius:8px; min-width:0; display:grid; place-items:center; }
.vn-step-art>img { width:100%; height:100%; object-fit:cover; }
.vn-step-copy { padding:24px; display:flex; flex-direction:column; align-items:flex-start; position:relative; }
.vn-step-copy h3 { color:inherit; font-size:clamp(26px,3vw,40px); font-weight:500; line-height:1.5; margin:40px 0 36px; max-width:16ch; }
.vn-step-copy p { font-size:15px; line-height:1.85; margin:0 0 24px; max-width:46ch; text-align:justify; }
.vn-step-copy .vn-button { margin-top:auto; }
.vn-step:nth-child(2) .vn-button { background:#4264ff; }
.vn-step:nth-child(3) .vn-button { background:#fff; color:#00132f; }
.vn-step-num { position:absolute; top:8px; inset-inline-end:24px; opacity:.4; font-size:64px; font-weight:300; line-height:1; }
.vn-step-number { background:linear-gradient(120deg,#e5dfd5,#e4e2e8); }
.vn-step-profile { background:radial-gradient(at 70% 20%,#d9cce8,#dce5ef); }
.vn-number-panel { width:78%; padding:26px 20px; background:#fff; box-shadow:0 12px 50px #07172d18; border:1px solid #e6e9f0; border-radius:14px; color:#172445; }
.vn-number-panel>span { font-size:12px; color:#8d98ad; }
.vn-number-panel>strong { display:block; margin:20px 0 28px; font-size:22px; font-weight:500; }
.vn-number-panel>div { display:flex; justify-content:space-between; gap:12px; background:#f5f7fc; border-radius:5px; margin-top:10px; padding:14px; font-size:11px; }
.vn-number-panel b { color:#4264ff; font-weight:500; }
.vn-slider-track { display:flex; gap:8px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:none; }
.vn-slider-track::-webkit-scrollbar { display:none; }
.vn-slider-track:focus-visible { outline:2px solid #4264ff; outline-offset:4px; }
.vn-highlight-card { flex:0 0 calc((100% - 16px)/3); background:#f5f5fa; padding:32px; min-height:340px; border-radius:8px; scroll-snap-align:start; }
.vn-highlight-card h3 { font-size:26px; font-weight:500; margin:0 0 40px; line-height:1.4; }
.vn-highlight-card p { font-size:16px; line-height:1.85; margin:0; text-align:justify; }
.vn-slider-controls { margin-top:40px; display:flex; align-items:center; gap:12px; direction:ltr; }
.vn-slider-controls button { width:34px; height:34px; border-radius:4px; border:0; font-size:24px; color:#fff; background:#00132f; cursor:pointer; }
.vn-slider-controls button:disabled { opacity:.3; cursor:default; }
.vn-slider-controls button:focus-visible { outline:3px solid #4264ff; outline-offset:3px; }
.vn-slider-controls>span { font-size:13px; margin:0 16px; white-space:nowrap; }
.vn-slider-line { height:1px; background:#dfe2e8; flex:1; }
.vn-slider-line i { display:block; height:1px; background:#00132f; width:calc(var(--vn-progress,.25)*100%); }
.vn-usecase-card { flex:0 0 calc(70% - 8px); display:grid; grid-template-columns:1fr 1.2fr; background:#f5f5fa; border-radius:16px; overflow:hidden; scroll-snap-align:start; min-height:430px; }
.vn-usecase-card>img { width:100%; height:100%; object-fit:cover; }
.vn-usecase-card>div { padding:32px; display:flex; flex-direction:column; align-items:flex-start; }
.vn-usecase-card span { font-size:12px; color:#4264ff; }
.vn-usecase-card h3 { font-size:25px; line-height:1.5; margin:24px 0; font-weight:500; }
.vn-usecase-card p { font-size:15px; line-height:1.9; margin:0 0 32px; text-align:justify; }
.vn-usecase-card a { margin-top:auto; font-size:13px; color:#4264ff; }
.vn-discover-card { flex:0 0 calc(50% - 4px); min-height:280px; display:flex; justify-content:space-between; gap:24px; padding:32px; border-radius:16px; background:#f5f5fa; scroll-snap-align:start; text-decoration:none; color:#00132f; }
.vn-discover-card h3 { font-weight:500; font-size:26px; line-height:1.5; margin:0 0 24px; }
.vn-discover-card p { font-size:15px; line-height:1.8; margin:0 0 24px; }
.vn-discover-card span { display:block; font-size:12px; }
.vn-discover-card>i { display:grid; place-items:center; align-self:stretch; flex:0 0 32%; min-width:0; background:#00132f; border-radius:48px 48px 0 0; font-size:52px; color:#fff; font-style:normal; }
.vn-discover-card>i img { width:42px; height:55px; object-fit:contain; }
.vn-final-cta { min-height:500px; border-radius:24px; margin:0 8px 80px; background:linear-gradient(90deg,#081a35b3,#081a3577),url('images/solution-heroes/customer-support-hero.webp') center/cover; display:grid; place-items:center; text-align:center; padding:64px 24px; color:white; }
.verified-page .vn-final-cta h2 { color:white; font-size:clamp(32px,4.5vw,60px); max-width:24ch; }
.vn-final-cta .vn-eyebrow { color:#d4e1ff; margin-bottom:24px; }
.vn-final-cta p { font-size:16px; line-height:1.8; margin:24px auto; max-width:54ch; }
.vn-final-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
.vn-button-light { background:#fff; color:#00132f; }
@media(max-width:991px) {
 .vn-container { width:calc(100% - 32px); }
 .vn-hero { min-height:700px; }
 .vn-hero-copy { min-height:610px; padding:32px 24px; }
 .vn-hero-bottom { grid-template-columns:1fr; gap:24px; }
 .vn-phone { width:100%; height:360px; border-width:6px; border-bottom-width:0; }
 .vn-caller { padding-top:32px; }
 .vn-hero-art { padding:32px 16px 60px; }
 .vn-heading-grid,.vn-cta-grid { gap:32px; }
 .vn-dashboard-stage { padding:80px 24px; }
 .vn-dashboard { grid-template-columns:130px 1fr; }
 .vn-dashboard-content { padding:20px; }
 .vn-highlight-card { flex-basis:calc(50% - 4px); padding:24px; }
 .vn-usecase-card { flex-basis:90%; }
 .vn-step-copy { padding:20px; }
 .vn-step-copy h3 { margin-top:48px; }
}
@media(max-width:600px) {
 .vn-section { padding:56px 0; }
 .vn-heading { margin-bottom:40px; }
 .vn-eyebrow { margin-bottom:24px; }
 .vn-hero { grid-template-columns:1fr; padding-top:80px; gap:8px; }
 .vn-hero-copy { grid-row:1; padding:32px 24px; min-height:unset; }
 .verified-page .vn-hero h1 { font-size:40px; margin-bottom:40px; }
 .vn-hero-art { grid-column:1; grid-row:2; min-height:450px; padding-bottom:0; }
 .vn-phone { max-width:280px; height:370px; }
 .vn-heading-grid,.vn-cta-grid { grid-template-columns:1fr; gap:24px; }
 .vn-overview-grid { grid-template-columns:1fr; gap:16px; }
 .vn-overview-grid h3 { font-size:22px; }
 .vn-dashboard-stage { padding:56px 12px 80px; }
 .vn-dashboard { grid-template-columns:1fr; min-height:0; }
 .vn-dashboard aside { display:none; }
 .vn-dashboard-content { padding:20px 12px; }
 .vn-dashboard-title h3 { font-size:17px; }
 .vn-dashboard-add { font-size:9px; padding:8px; }
 .vn-table>div { font-size:9px; gap:6px; padding:16px 4px; }
 .vn-dashboard-symbol { width:28px; height:36px; bottom:24px; left:24px; }
 .vn-enterprise-cta { padding:48px 0; }
 .vn-step { grid-template-columns:1fr; gap:0; }
 .vn-step-art { grid-column:1; grid-row:1; min-height:300px; aspect-ratio:1.25; }
 .vn-step-copy { min-height:360px; padding:24px 16px; }
 .vn-step-copy h3 { margin:32px 0 24px; max-width:18ch; }
 .vn-step-num { top:24px; font-size:48px; }
 .vn-highlight-card { flex-basis:87%; min-height:320px; }
 .vn-highlight-card h3 { font-size:24px; }
 .vn-usecase-card { flex-basis:92%; grid-template-columns:1fr; }
 .vn-usecase-card>img { height:210px; }
 .vn-usecase-card>div { padding:24px; }
 .vn-usecase-card h3 { font-size:23px; }
 .vn-discover-card { flex-basis:92%; padding:24px; }
 .vn-discover-card h3 { font-size:23px; }
 .vn-final-cta { min-height:440px; margin-bottom:56px; }
}
@media(prefers-reduced-motion:reduce) { .vn-caller { animation:none; } }