@font-face{font-family:"Schibsted Grotesk";src:url(/platform/fonts/schibsted-grotesk-latin-600-normal-d00ac8735b.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Schibsted Grotesk";src:url(/platform/fonts/schibsted-grotesk-latin-700-normal-d656a2dcc2.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Schibsted Grotesk";src:url(/platform/fonts/schibsted-grotesk-latin-800-normal-46876fbd58.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Schibsted Grotesk";src:url(/platform/fonts/schibsted-grotesk-latin-ext-600-normal-5c1011a86e.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Schibsted Grotesk";src:url(/platform/fonts/schibsted-grotesk-latin-ext-700-normal-2f985c2c77.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Schibsted Grotesk";src:url(/platform/fonts/schibsted-grotesk-latin-ext-800-normal-6109bda75c.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Instrument Sans";src:url(/platform/fonts/instrument-sans-latin-400-normal-9a91efaa35.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Instrument Sans";src:url(/platform/fonts/instrument-sans-latin-500-normal-9d3547da16.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Instrument Sans";src:url(/platform/fonts/instrument-sans-latin-600-normal-efb770916e.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Instrument Sans";src:url(/platform/fonts/instrument-sans-latin-700-normal-bcf650536c.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Instrument Sans";src:url(/platform/fonts/instrument-sans-latin-ext-400-normal-a7bedd76b9.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Instrument Sans";src:url(/platform/fonts/instrument-sans-latin-ext-500-normal-37de060fbb.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Instrument Sans";src:url(/platform/fonts/instrument-sans-latin-ext-600-normal-ed24124515.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Instrument Sans";src:url(/platform/fonts/instrument-sans-latin-ext-700-normal-3ce67836c4.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"JetBrains Mono";src:url(/platform/fonts/jetbrains-mono-latin-500-normal-cb182feeed.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"JetBrains Mono";src:url(/platform/fonts/jetbrains-mono-latin-700-normal-d0d4e81880.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"JetBrains Mono";src:url(/platform/fonts/jetbrains-mono-latin-ext-500-normal-879df9319f.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"JetBrains Mono";src:url(/platform/fonts/jetbrains-mono-latin-ext-700-normal-45a606d88f.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

.vmp { line-height:normal; }
.vmp :where(h1,h2,h3,h4,h5,h6) { font-weight:bold; }
.vmp :where(h1) { font-size:2em; margin:.67em 0; }
.vmp :where(h2) { font-size:1.5em; margin:.83em 0; }
.vmp :where(h3) { font-size:1.17em; margin:1em 0; }
.vmp :where(h4) { margin:1.33em 0; }
.vmp :where(p) { margin:1em 0; }
.vmp :where(ul,ol) { list-style:revert; margin:1em 0; padding-left:40px; }
.vmp :where(a) { color:revert; text-decoration:revert; }
.vmp :where(button,input,select,textarea) { padding:revert; background-color:revert; }
.vmp :where(dialog) { padding:1em; }
.vmp :where(fieldset) { margin:0 2px; padding:.35em .75em .625em; }
.vmp :where(legend) { padding:0 2px; }
.vmp :where(img,svg,video,canvas,audio,iframe,embed,object) { display:revert; vertical-align:revert; }
.vmp :where(*) { border-width:revert; border-style:revert; }
.vmp {
  color-scheme:light;
  --navy:#101b35;
  --muted:#53627b;
  --paper:#14203a;
  --line:#dbe3ef;
  --blue:#214ecf;
  --lime:#2454d7;
  font-family:"Segoe UI",system-ui,sans-serif;
  font-synthesis:none;
  background:var(--vmp-surface,#fffaf3);
  color:var(--navy);
}
.vmp *, .vmp *::before, .vmp *::after { box-sizing:border-box; }
.vmp { scroll-behavior:smooth; }
.vmp { margin:0; }
.vmp button, .vmp input, .vmp textarea, .vmp select { font:inherit; }
.vmp button { cursor:pointer; }
.vmp button:disabled { cursor:default; }
.vmp button, .vmp a { -webkit-tap-highlight-color:transparent; }
.vmp a { color:inherit; text-decoration:none; }
.vmp button:focus-visible, .vmp a:focus-visible, .vmp [tabindex]:focus-visible, .vmp input:focus-visible, .vmp select:focus-visible, .vmp textarea:focus-visible { outline:3px solid #4879ed; outline-offset:3px; }
.vmp svg { width:20px; height:20px; display:block; flex:none; }
.vmp .shell { width:min(1320px,calc(100% - 96px)); margin-inline:auto; }
.vmp .site-header { position:relative; z-index:2; border-bottom:1px solid #e8edf5; background:var(--vmp-surface,#fffaf3); }
.vmp .topbar { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.vmp .brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:23px; letter-spacing:-.065em; white-space:nowrap; }
.vmp .brand-signal { display:inline-flex; align-items:center; justify-content:center; gap:2.4px; width:32px; height:32px; border-radius:9px; background:#2353db; color:#fff2df; flex:none; }
.vmp .brand-signal i { background:currentColor; width:2px; height:11px; border-radius:4px; }
.vmp .brand-signal i:nth-child(2) { height:18px; }
.vmp .brand-signal i:nth-child(3) { height:14px; }
.vmp .brand-signal i:nth-child(4) { height:8px; }
.vmp .topbar nav, .vmp .top-actions { display:flex; align-items:center; gap:24px; }
.vmp .topbar nav { color:#d4b6a8; font-size:13px; font-weight:650; white-space:nowrap; }
.vmp .topbar nav a { padding-block:14px; }
.vmp .topbar nav a:hover { color:var(--blue); }
.vmp .top-actions { gap:10px; }
.vmp .button, .vmp .cart-button, .vmp .primary, .vmp .quiet { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:10px 15px; border:1px solid transparent; border-radius:9px; font-weight:720; font-size:13px; white-space:nowrap; transition:transform .2s,background .2s,box-shadow .2s; }
.vmp .button:hover, .vmp .primary:hover { transform:translateY(-2px); }
.vmp .button-ink { color:white; background:#172541; }
.vmp .button-primary, .vmp .primary { color:#fff2df; background:#244fd4; box-shadow:0 7px 16px #244fd435; }
.vmp .button-primary:hover, .vmp .primary:hover { background:#193fb7; }
.vmp .button-outline, .vmp .quiet, .vmp .cart-button { background:var(--vmp-surface,#fffaf3); border-color:#d7e0ef; color:#263655; }
.vmp .button-outline:hover, .vmp .quiet:hover, .vmp .cart-button:hover { background:#f1f5ff; }
.vmp .button-white { color:#193483; background:var(--vmp-surface,#fffaf3); }
.vmp .cart-button { padding-inline:10px; }
.vmp .cart-button svg { width:17px; height:17px; }
.vmp .cart-button b { color:#1d42b4; background:#eaf0ff; min-width:22px; height:22px; line-height:22px; border-radius:5px; text-align:center; }
.vmp .hero { position:relative; isolation:isolate; overflow:hidden; border-bottom:1px solid #e0eaf8; background:radial-gradient(ellipse at 15% 55%,#dceaff 0,transparent 62%),radial-gradient(ellipse at 94% 8%,#f1edff 0,transparent 54%),#f7faff; }
.vmp .hero::before { content:""; position:absolute; z-index:-1; inset:0; background-image:linear-gradient(#2f5cc70c 1px,transparent 1px),linear-gradient(90deg,#2f5cc70c 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(90deg,#000,transparent 74%); }
.vmp .hero-inner { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:clamp(30px,5vw,82px); align-items:center; padding:19px 0 15px; }
.vmp .hero-copy { grid-column:2; grid-row:1; padding-bottom:9px; }
.vmp .overline, .vmp .console-tag, .vmp .console-scenario, .vmp .console-footer, .vmp .wave-time, .vmp .demo-caption, .vmp .transcript-caption, .vmp .transcript-index, .vmp .shelf-kicker, .vmp .art-top, .vmp .rail-tools>span, .vmp .mini-caption, .vmp .mini-code { font-family:Consolas,"SFMono-Regular",monospace; font-size:11px; font-weight:700; letter-spacing:.07em; }
.vmp .overline { display:inline-flex; align-items:center; gap:8px; margin:0; color:#2c50a8; }
.vmp .hero-copy .overline { border:1px solid #d5e0fc; border-radius:30px; background:#ffffffab; padding:7px 11px; }
.vmp .hero-copy .overline i { width:6px; height:6px; border-radius:50%; background:#436fe6; box-shadow:0 0 0 3px #e5ecff; }
.vmp .hero h1 { margin:11px 0 9px; font-size:clamp(43px,5vw,72px); line-height:.99; letter-spacing:-.072em; font-weight:800; }
.vmp .hero h1 em { display:block; font-style:normal; background:linear-gradient(100deg,#2052ce 8%,#6745c9 94%); background-clip:text; color:transparent; padding-bottom:.095em; }
.vmp .hero-description { max-width:380px; margin:0; font-size:clamp(15px,1.35vw,19px); line-height:1.43; color:#475877; }
.vmp .hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.vmp .hero-actions .button { min-height:43px; padding-inline:16px; }
.vmp .hero-actions svg { width:17px; height:17px; }
.vmp .hero-actions .button-primary svg { fill:currentColor; }
.vmp .hero-meta { display:flex; align-items:center; gap:7px; margin:12px 0 0; color:#536482; font-size:12px; font-weight:600; }
.vmp .hero-meta svg { width:15px; height:15px; }
.vmp .hero-meta i, .vmp .demo-caption i { background:currentColor; width:3px; height:3px; border-radius:50%; opacity:.65; }
.vmp .demo-stage { position:relative; grid-column:1; grid-row:1; min-width:0; height:350px; scroll-margin-top:15px; }
.vmp .call-console { position:absolute; inset:2px 0 24px 12%; color:#fff2df; border:1px solid #2a4890; border-radius:19px; overflow:hidden; background:radial-gradient(ellipse at 70% 5%,#224482,transparent 75%),#0f1d3d; box-shadow:0 20px 47px #17357130,0 3px 8px #15285422; }
.vmp .call-console::before { content:""; position:absolute; inset:38px 0 0; pointer-events:none; background-image:linear-gradient(#99b2ff10 1px,transparent 1px),linear-gradient(90deg,#99b2ff10 1px,transparent 1px); background-size:25px 25px; mask-image:radial-gradient(ellipse at 78% 23%,#000 3%,transparent 74%); }
.vmp .console-top, .vmp .console-footer { position:relative; display:flex; justify-content:space-between; align-items:center; gap:9px; padding:0 18px; }
.vmp .console-top { height:38px; background:#ffffff0b; border-bottom:1px solid #ffffff15; }
.vmp .console-brand { display:flex; align-items:center; gap:7px; font-size:14px; font-weight:760; letter-spacing:-.04em; }
.vmp .console-brand .brand-signal { width:23px; height:23px; border-radius:6px; background:#6f8ef5; }
.vmp .console-brand .brand-signal i { transform:scaleY(.72); }
.vmp .console-tag { font-size:10px; color:#dce7ff; border:1px solid #ffffff32; border-radius:5px; padding:4px 7px; }
.vmp .console-main { position:relative; margin-left:40%; padding:11px 15px 8px 0; }
.vmp .console-state { display:flex; align-items:center; gap:7px; color:#ccdaff; font-size:11px; min-height:17px; }
.vmp .console-state i { width:6px; height:6px; flex:none; border-radius:50%; background:#a9bdff; box-shadow:0 0 0 3px #a9bdff20; }
.vmp [data-call-state="playing"] .console-state i { background:#75e7c8; animation:signal 1.55s ease-out infinite; }
.vmp [data-call-state="complete"] .console-state i { background:#75e7c8; }
@keyframes signal{ 0%,100% { box-shadow:0 0 0 3px #75e7c81e; } 50% { box-shadow:0 0 0 6px #75e7c830; } }
.vmp .console-scenario { margin-left:auto; color:#b5c6ed; font-size:9px; }
.vmp .console-main h2 { margin:5px 0 4px; font-size:clamp(23px,2.55vw,34px); font-weight:750; line-height:1; letter-spacing:-.05em; }
.vmp .console-main>p { color:#c9d5f1; margin:5px 0 8px; font-size:12px; }
.vmp .console-main>p span { margin:0 3px; color:#a3bbfb; }
.vmp .wave-box { background:#0b1732a6; border:1px solid #adc4ff28; border-radius:9px; padding:5px 8px 4px; }
.vmp .hero-wave { display:flex; align-items:center; gap:1px; overflow:hidden; }
.vmp .hero-wave { height:38px; }
.vmp .hero-wave i { flex:1 0 0; min-width:1px; height:var(--peak); border-radius:3px; background:#9cb8ff; opacity:.5; transition:background .18s,opacity .18s; }
.vmp .hero-wave .heard { background:#78e0df; opacity:1; }
.vmp .wave-time { display:flex; align-items:center; justify-content:space-between; gap:5px; color:#b1c4ee; padding-top:5px; font-size:8px; white-space:nowrap; }
.vmp .console-result { display:flex; align-items:center; gap:8px; min-height:41px; margin-top:7px; padding:5px; border:1px solid #abc6ff33; border-radius:9px; background:#adc6ff12; transition:border-color .35s,background .35s; }
.vmp .console-result .result-icon { display:grid; place-items:center; width:28px; height:28px; border-radius:7px; background:#7395ed26; color:#c6dbff; flex:none; }
.vmp .console-result svg { width:15px; height:15px; }
.vmp .console-result b, .vmp .console-result div span { display:block; }
.vmp .console-result b { font-size:11px; }
.vmp .console-result div span { margin-top:2px; font-size:10px; line-height:1.3; color:#c2d0ed; }
.vmp .result-check { margin-left:auto; color:#8df4d2; opacity:0; transition:opacity .35s; }
.vmp [data-result="prepared"] .console-result { background:#54e0b91c; border-color:#76dfba7a; }
.vmp [data-result="prepared"] .result-check { opacity:1; }
.vmp .console-footer { height:23px; position:absolute; inset:auto 0 0; border-top:1px solid #ffffff16; color:#a7bce9; font-size:9px; }
.vmp .transcript-panel { position:absolute; z-index:1; top:47px; left:0; width:46%; max-width:330px; overflow:hidden; background:var(--vmp-surface,#fffaf3); border:1px solid #c5d7ef; border-radius:15px; box-shadow:0 19px 38px #233e852e,0 2px 8px #101b3520; }
.vmp .transcript-top { min-height:46px; display:flex; align-items:center; gap:9px; padding:6px 11px; background:linear-gradient(120deg,#fff,#edf3ff); border-bottom:1px solid #e3ebf8; }
.vmp .agent-icon { width:34px; height:34px; display:grid; place-items:center; color:#fff2df; border-radius:9px; flex:none; background:#244fce; box-shadow:0 4px 11px #234fc039; }
.vmp .agent-icon svg { width:18px; height:18px; }
.vmp .transcript-top b, .vmp .transcript-top div span { display:block; }
.vmp .transcript-top b { font-size:16px; letter-spacing:-.02em; }
.vmp .transcript-top div span { color:#566985; font-size:10px; margin-top:1px; }
.vmp .transcript-index { margin-left:auto; color:#4167c1; font-size:10px; }
.vmp .transcript-caption { display:flex; justify-content:space-between; padding:7px 11px 5px; color:#566b91; font-size:9px; }
.vmp .call-transcript { position:relative; height:121px; overflow:auto; overscroll-behavior:contain; padding:1px 11px 8px; scrollbar-width:thin; scrollbar-color:#c2d0eb transparent; }
.vmp .cue { padding:7px 8px 8px; margin:0 0 6px; border:1px solid #e4ebf6; border-radius:8px; background:#f5f8fd; transition:border-color .26s,background .26s; }
.vmp .cue[data-role="caller"] { margin-left:10px; background:#f7f5fe; border-color:#ebe5f8; }
.vmp .cue.current { border-color:#8aabfa; background:#eaf1ff; box-shadow:inset 2px 0 #416de0; }
.vmp .cue div { display:flex; justify-content:space-between; align-items:center; gap:5px; }
.vmp .cue b { color:#234da8; font-size:11px; }
.vmp .cue[data-role="caller"] b { color:#6349a5; }
.vmp .cue div span { font:10px Consolas,monospace; color:#52688a; }
.vmp .cue p { margin:3px 0 0; color:#2b3b56; font-size:11px; line-height:1.42; }
.vmp .player { border-top:1px solid #e6edf7; padding:5px 11px 6px; }
.vmp .call-seek { display:block; appearance:none; width:100%; height:14px; margin:0 0 5px; background:transparent; cursor:pointer; }
.vmp .call-seek::-webkit-slider-runnable-track { height:4px; border-radius:4px; background:linear-gradient(90deg,#2c57de var(--progress,0%),#e1e8f7 var(--progress,0%)); }
.vmp .call-seek::-webkit-slider-thumb { appearance:none; width:12px; height:12px; margin-top:-4px; border-radius:50%; border:2px solid #fff; background:#2c57de; box-shadow:0 0 0 1px #2c57de; }
.vmp .call-seek::-moz-range-track { height:4px; border-radius:4px; background:#d8e4ff; }
.vmp .call-seek::-moz-range-progress { height:4px; background:#2c57de; }
.vmp .call-seek::-moz-range-thumb { width:10px; height:10px; border-radius:50%; border:2px solid #fff; background:#2c57de; }
.vmp .player-controls { display:flex; align-items:center; gap:6px; }
.vmp .play-circle, .vmp .player-utility { display:grid; place-items:center; width:35px; height:35px; border:1px solid #dce6f7; border-radius:50%; background:var(--vmp-surface,#fffaf3); color:#35578b; }
.vmp .play-circle { background:#2853d6; color:white; border-color:#2853d6; box-shadow:0 3px 10px #2853d643; }
.vmp .play-circle:hover { background:#193fb7; }
.vmp .play-circle svg, .vmp .player-utility svg { width:15px; height:15px; }
.vmp .play-circle svg { fill:currentColor; }
.vmp .player-utility { width:32px; height:32px; }
.vmp .player-utility:hover { background:#eff4ff; }
.vmp .player-time { font:11px Consolas,monospace; margin-left:3px; margin-right:auto; color:#546785; white-space:nowrap; }
.vmp .player-time b { color:#1b2f5b; }
.vmp .demo-caption { position:absolute; inset:auto 0 0; display:flex; justify-content:space-between; align-items:center; color:#465c83; font-size:10px; }
.vmp .demo-caption span:last-child { display:flex; align-items:center; gap:7px; font-family:"Segoe UI",sans-serif; font-weight:650; letter-spacing:0; }
.vmp .jump-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:7px; gap:9px; margin:15px 0 22px; background:#f3f6fc; border:1px solid #e6edf8; border-radius:14px; }
.vmp .jump-nav a { min-width:0; display:flex; align-items:center; gap:10px; padding:9px; border-radius:8px; transition:background .2s; }
.vmp .jump-nav a:hover { background:#e9effe; }
.vmp .jump-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; color:#294ec0; background:#e3ebff; flex:none; }
.vmp .jump-nav a:nth-child(2) .jump-icon { background:#e2f2f4; color:#14727a; }
.vmp .jump-nav a:nth-child(3) .jump-icon { background:#eee8fc; color:#6840b6; }
.vmp .jump-nav a:nth-child(4) .jump-icon { background:#e5ecfa; color:#324e9a; }
.vmp .jump-icon svg { width:17px; height:17px; }
.vmp .jump-nav b, .vmp .jump-nav small { display:block; }
.vmp .jump-nav b { font-size:13px; }
.vmp .jump-nav small { margin-top:2px; font-size:11px; color:#576982; }
.vmp .jump-arrow { margin-left:auto; color:#5a70a1; }
.vmp .shelf { scroll-margin-top:18px; margin-bottom:28px; }
.vmp .shelf-head { display:flex; justify-content:space-between; align-items:end; gap:16px; margin-bottom:6px; }
.vmp .shelf-kicker { color:#3155b2; font-size:10px; }
.vmp .shelf-head h2 { margin:1px 0 2px; font-size:clamp(25px,3.1vw,37px); line-height:1.1; letter-spacing:-.055em; }
.vmp .shelf-head p:last-child { margin:3px 0 0; font-size:13px; color:#53627b; }
.vmp .rail-tools { display:flex; align-items:center; gap:6px; padding-bottom:2px; flex:none; }
.vmp .rail-tools>span { margin-right:5px; color:#536783; font-size:10px; }
.vmp .rail-tools button { display:grid; place-items:center; border:1px solid #d5e0ef; width:39px; height:39px; border-radius:9px; background:#f6f9ff; color:#243c71; transition:background .2s; }
.vmp .rail-tools button:hover:not(:disabled) { background:#e8efff; }
.vmp .rail-tools button:disabled { color:#8190a5; background:var(--vmp-surface,#fffaf3); }
.vmp .rail-tools svg { width:16px; height:16px; }
.vmp .rail { display:grid; grid-auto-flow:column; grid-auto-columns:clamp(220px,23%,290px); gap:13px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; padding:5px 2px 11px; scrollbar-width:thin; scrollbar-color:#a9bce1 #f0f4fa; }
.vmp .product-card { display:grid; grid-template-rows:1fr auto; scroll-snap-align:start; min-width:0; border:1px solid #dce5f2; border-radius:13px; background:var(--vmp-surface,#fffaf3); overflow:hidden; transition:transform .22s,box-shadow .22s,border-color .22s; }
.vmp .product-card:hover, .vmp .product-card:focus-within { transform:translateY(-3px); box-shadow:0 7px 17px #223f7720; border-color:#a6b9ea; }
.vmp .product-open { display:flex; flex-direction:column; width:100%; padding:0; border:0; text-align:left; background:transparent; color:inherit; }
.vmp .product-open:focus-visible, .vmp .quick-add:focus-visible { outline-offset:-3px; }
.vmp .card-copy { display:block; padding:8px 10px 4px; }
.vmp .card-copy strong, .vmp .card-copy>span { display:block; }
.vmp .card-copy strong { font-size:16px; line-height:1.2; letter-spacing:-.028em; }
.vmp .card-copy>span { margin-top:5px; font-size:12px; line-height:1.4; color:#53627b; }
.vmp .card-actions { padding:0 6px 5px; }
.vmp .quick-add { display:inline-flex; gap:5px; align-items:center; min-height:32px; background:transparent; border:0; border-radius:5px; padding:4px 6px; color:#284db2; font-size:12px; font-weight:700; }
.vmp .quick-add:hover { background:#edf2ff; }
.vmp .quick-add svg { width:12px; height:12px; }
.vmp .team-banner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:28px 34px; border-radius:16px; background:linear-gradient(115deg,#173775,#254dc4 70%,#5839a8); color:#fff2df; }
.vmp .team-banner .overline { color:#d0deff; }
.vmp .team-banner h2 { margin:4px 0; font-size:clamp(23px,3.3vw,38px); letter-spacing:-.05em; }
.vmp .team-banner p:last-child { margin:0; color:#e2eaff; font-size:14px; }
.vmp .site-footer { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:20px 0; color:#546581; }
.vmp .footer-brand { font-size:17px; color:#243457; }
.vmp .site-footer p { font-size:12px; margin:0; }
.vmp .motion-toggle { min-height:36px; padding:4px 7px; background:var(--vmp-surface,#fffaf3); border:1px solid #dce5f1; border-radius:7px; color:#415578; font-size:11px; white-space:nowrap; }
.vmp .discovery { padding-top:15px; }
.vmp #voice { margin-bottom:12px; }
.vmp #voice .shelf-head { align-items:center; }
.vmp #voice .shelf-kicker { display:none; }
.vmp #voice .shelf-head h2 { font-size:clamp(24px,3vw,35px); }
.vmp #voice + .jump-nav { margin-top:0; }
@media (max-width:1120px){
.vmp .shell { width:calc(100% - 56px); }
.vmp .hero-inner { gap:31px; }
.vmp .topbar nav { gap:15px; }
.vmp .demo-stage { height:350px; }
.vmp .call-console { inset-inline-start:10%; }
.vmp .console-main { margin-left:43%; padding-top:11px; padding-right:12px; }
.vmp .transcript-panel { top:46px; width:47%; }
.vmp .transcript-top { min-height:45px; }
.vmp .call-transcript { height:124px; }
.vmp .wave-box { padding-inline:7px; }
}
@media (max-width:900px){
.vmp .topbar nav { display:none; }
.vmp .hero-inner { gap:21px; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
.vmp .hero h1 { font-size:clamp(36px,5.6vw,55px); }
.vmp .console-main { margin-left:44%; }
.vmp .console-scenario { display:none; }
.vmp .hero-actions .button { min-height:43px; padding-inline:11px; }
.vmp .jump-nav { gap:5px; padding:7px; }
.vmp .jump-nav a { padding:6px; gap:7px; }
.vmp .jump-nav small { display:none; }
}
@media (max-width:735px){
.vmp .shell { width:calc(100% - 36px); }
.vmp .topbar { min-height:55px; }
.vmp .hero-inner { grid-template-columns:minmax(0,1fr); gap:13px; padding:16px 0 13px; }
.vmp .hero-copy { grid-column:1; grid-row:1; padding:0; }
.vmp .hero h1 { font-size:clamp(35px,8vw,57px); margin:8px 0 6px; }
.vmp .hero h1 em { display:inline-block; }
.vmp .hero-description { max-width:480px; font-size:16px; }
.vmp .hero-actions { margin-top:10px; }
.vmp .hero-meta { margin-top:7px; }
.vmp .demo-stage { grid-row:2; }
.vmp .console-scenario { display:inline; }
.vmp .jump-nav { margin:14px 0 28px; }
}
@media (max-width:510px){
.vmp .shell { width:calc(100% - 28px); }
.vmp .brand { font-size:21px; gap:7px; }
.vmp .brand-signal { width:29px; height:29px; }
.vmp .top-create { display:none; }
.vmp .cart-button { min-height:38px; font-size:12px; padding:5px 7px; }
.vmp .hero-copy .overline { font-size:9px; }
.vmp .hero h1 em { display:block; }
.vmp .demo-stage { height:auto; }
.vmp .call-console { position:relative; inset:auto; border-radius:14px; }
.vmp .console-top { display:none; }
.vmp .console-main {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px 8px;
    margin:0;
    padding:8px 9px 14px;
  }
.vmp .console-state, .vmp .console-main h2 { grid-column:1/-1; }
.vmp .console-main h2 { margin:0; font-size:21px; }
.vmp .console-main h2 br { display:none; }
.vmp .console-main>p { display:none; }
.vmp .wave-box { padding:3px 5px; }
.vmp .hero-wave { height:22px; }
.vmp .hero-wave i { min-width:0; }
.vmp .wave-time { padding-top:2px; font-size:7px; }
.vmp .console-result { margin:0; min-height:0; padding:3px 5px; }
.vmp .console-result b { font-size:10px; }
.vmp .console-result div span { font-size:9px; }
.vmp .console-result .result-icon { display:none; }
.vmp .console-footer { display:none; }
.vmp .transcript-panel { position:relative; inset:auto; margin:-10px auto 0; width:calc(100% - 20px); max-width:none; }
.vmp .transcript-top { min-height:34px; padding:3px 8px; }
.vmp .agent-icon { width:28px; height:28px; }
.vmp .transcript-caption { padding-top:6px; }
.vmp .call-transcript { height:61px; }
.vmp .player { padding:5px 10px; }
.vmp .demo-caption { display:none; }
.vmp .discovery { padding-top:10px; }
.vmp #voice .shelf-head p:last-child { display:none; }
.vmp .jump-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
.vmp .jump-nav a { padding:6px; }
.vmp .jump-nav b { font-size:12px; }
.vmp .jump-icon { width:29px; height:29px; }
.vmp .shelf { margin-bottom:28px; }
.vmp .shelf-head { gap:5px; align-items:start; }
.vmp .shelf-head p:last-child { font-size:12px; }
.vmp .rail-tools { align-self:center; }
.vmp .rail-tools>span { display:none; }
.vmp .rail-tools button { width:32px; height:34px; }
.vmp .rail { grid-auto-columns:min(72%,255px); gap:9px; }
.vmp .hero-description { font-size:14px; }
.vmp .team-banner { flex-direction:column; align-items:start; padding:19px; }
.vmp .site-footer { flex-wrap:wrap; gap:8px 12px; }
.vmp .site-footer p { order:3; width:100%; }
}
@media (max-width:360px){
.vmp .hero-actions .button { font-size:12px; padding-inline:8px; }
.vmp .hero-actions { gap:6px; }
.vmp .console-scenario { display:none; }
}
@media (prefers-reduced-motion:reduce){
.vmp { scroll-behavior:auto; }
.vmp *, .vmp *::before, .vmp *::after { animation:none!important; transition:none!important; }
}
html[data-motion="paused"] .vmp { scroll-behavior:auto; }
html[data-motion="paused"] .vmp *, html[data-motion="paused"] .vmp *::before, html[data-motion="paused"] .vmp *::after { animation:none!important; transition:none!important; }
@media (max-width:510px) and (max-height:780px){
.vmp .hero-copy .overline, .vmp .hero-description { display:none; }
.vmp .hero h1 { margin-top:0; }
}
.vmp .builder { margin: 0 auto 0 0; inset: 0 auto 0 0; height: 100dvh; max-height: 100dvh; width: min(470px, 100%); max-width: 100%; padding: 0; border-radius: 0 16px 16px 0; }
.vmp .builder-content { padding: 21px; display: grid; gap: 13px; }
.vmp .builder .dialog-top p { margin: 4px 0; color: var(--muted); font-size: 14px; }
.vmp .builder-tabs { display: flex; gap: 8px; border-bottom: 1px solid #35402f; }
.vmp .builder-tabs button { background: transparent; border: 0; border-bottom: 2px solid transparent; color: var(--muted); min-height: 42px; padding: 5px 10px; font-weight: 700; }
.vmp .builder-tabs button[aria-pressed="true"] { border-color: var(--lime); color: var(--lime); }
.vmp .empty { border: 1px dashed #475640; padding: 20px 14px; border-radius: 10px; color: var(--muted); line-height: 1.6; }
.vmp .agent-list { display: grid; gap: 9px; }
.vmp .agent { border: 1px solid #3c4835; background: #20271e; border-radius: 10px; padding: 10px; }
.vmp .agent summary { cursor: pointer; padding: 4px; font-weight: 750; overflow-wrap: anywhere; }
.vmp .agent summary small { color: var(--muted); font-weight: 400; margin-inline-start: 6px; }
.vmp .agent-fields { display: grid; gap: 8px; margin-top: 8px; }
.vmp .agent-fields label { display: grid; gap: 3px; font-size: 13px; color: #dbe5d4; }
.vmp .agent-fields input, .vmp .agent-fields select, .vmp .agent-fields textarea { width: 100%; min-width: 0; background: #141913; border: 1px solid #495744; color: var(--paper); border-radius: 7px; padding: 8px; }
.vmp .agent-fields textarea { resize: vertical; }
.vmp .agent-controls { display: flex; gap: 8px; flex-wrap: wrap; }
.vmp .agent-controls .quiet { min-height: 35px; font-size: 12px; }
.vmp .saved-agent { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.vmp .saved-agent p { margin: 2px 0; color: var(--muted); font-size: 13px; }
.vmp .saved-agent strong { overflow-wrap: anywhere; }
.vmp .builder-footer { display: flex; gap: 8px; flex-wrap: wrap; }
.vmp .toast { position: fixed; z-index: 9; bottom: 16px; right: 16px; max-width: calc(100% - 32px); pointer-events: none; color: #17220c; background: var(--lime); border-radius: 9px; padding: 10px 13px; font-weight: 750; box-shadow: 0 6px 20px #0008; }
.vmp .toast:empty { visibility: hidden; }
.vmp .card-art {
  --surface:#fff;
  --surface-alt:#f2f6ff;
  --screen-ink:#182b55;
  --screen-muted:#536787;
  --screen-accent:#214cc7;
  --screen-line:#d9e4fa;
  --screen-back:#dce7ff;
  --screen-active:#e3ecff;
  --screen-ease:cubic-bezier(.25,.7,.25,1);
  display:block;
  position:relative;
  width:100%;
  height:144px;
  padding:9px;
  background:linear-gradient(150deg,var(--screen-back),var(--surface-alt));
}
.vmp .screen-green { --screen-ink:#17372b; --screen-muted:#406455; --screen-accent:#156448; --screen-line:#d6e9e0; --screen-back:#d7eee3; --screen-active:#def3e8; --surface-alt:#f0faf5; }
.vmp .screen-teal { --screen-ink:#12373f; --screen-muted:#46626a; --screen-accent:#0e6574; --screen-line:#d1e7e9; --screen-back:#d8f0ef; --screen-active:#dcf3f3; --surface-alt:#eff9fa; }
.vmp .screen-violet { --screen-ink:#312352; --screen-muted:#675882; --screen-accent:#613fb1; --screen-line:#e3dcf5; --screen-back:#e7ddff; --screen-active:#eee5ff; --surface-alt:#f6f2fe; }
.vmp .screen-plum { --screen-ink:#41244c; --screen-muted:#70547a; --screen-accent:#8a3d9a; --screen-line:#eddaf0; --screen-back:#efdbf4; --screen-active:#f6e6fa; --surface-alt:#fbf3fc; }
.vmp .screen-amber { --screen-ink:#443015; --screen-muted:#745a36; --screen-accent:#8a521d; --screen-line:#eedfc7; --screen-back:#f4e4cb; --screen-active:#faecd7; --surface-alt:#fff8ed; }
.vmp .screen-view-call, .vmp .screen-view-audio, .vmp .screen-view-code, .vmp .screen-view-edit {
  --surface:#101d37;
  --surface-alt:#172844;
  --screen-ink:#f0f5ff;
  --screen-muted:#b5c6e3;
  --screen-accent:#a8c4ff;
  --screen-line:#34496e;
  --screen-active:#223b60;
}
.vmp .screen-view-audio { --surface:#221930; --surface-alt:#30223e; --screen-line:#5b456b; --screen-active:#4b2e61; --screen-accent:#e4baff; }
.vmp .screen-view-edit { --surface:#211c39; --surface-alt:#2e264c; --screen-line:#514675; --screen-active:#433669; --screen-accent:#d4c0ff; }
.vmp .screen-window {
  display:block;
  height:100%;
  overflow:hidden;
  border:1px solid var(--screen-line);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 2px 6px #20396217,0 8px 18px #20396216;
  color:var(--screen-ink);
  font-size:10px;
  line-height:1.25;
  transition:box-shadow .3s var(--screen-ease);
}
.vmp .screen-header {
  display:flex;
  align-items:center;
  gap:6px;
  height:27px;
  padding:4px 7px;
  border-bottom:1px solid var(--screen-line);
  background:var(--surface-alt);
  white-space:nowrap;
}
.vmp .screen-app-icon {
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
  flex:none;
  border-radius:4px;
  background:var(--screen-active);
  color:var(--screen-accent);
}
.vmp .screen-app-icon svg, .vmp .screen-action svg, .vmp .screen-sources svg, .vmp .screen-widget svg { width:11px; height:11px; }
.vmp .screen-header-more { margin-left:auto; color:var(--screen-muted); font-size:14px; line-height:1; }
.vmp .screen-content { display:block; padding:6px 7px; }
.vmp .screen-row { display:flex; justify-content:space-between; align-items:center; gap:5px; min-width:0; }
.vmp .screen-row>span:first-child { min-width:0; }
.vmp .screen-row>span:last-child { flex:none; }
.vmp .screen-text { display:block; min-width:0; }
.vmp .screen-text b, .vmp .screen-text small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vmp .screen-text b { font-size:11px; font-weight:750; }
.vmp .screen-text small { color:var(--screen-muted); font-size:9px; margin-top:2px; }
.vmp .screen-badge {
  display:inline-block;
  padding:2px 4px;
  border-radius:4px;
  border:1px solid var(--screen-line);
  background:var(--surface-alt);
  color:var(--screen-muted);
  font-size:8px;
  font-weight:700;
  white-space:nowrap;
}
.vmp .screen-badge.is-positive { color:var(--screen-accent); background:var(--screen-active); }
.vmp .screen-switch { display:inline-grid; vertical-align:middle; }
.vmp .screen-switch>* { grid-area:1/1; justify-self:end; white-space:nowrap; transition:opacity .26s,transform .32s var(--screen-ease); }
.vmp .screen-switch .screen-after { opacity:0; transform:translateY(3px); }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-after { opacity:1; transform:none; }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-before { opacity:0; transform:translateY(-3px); }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-window { box-shadow:0 2px 6px #20396220,0 9px 20px #20396230; }
.vmp .screen-kicker, .vmp .screen-subtle, .vmp .screen-foot, .vmp .screen-mail-to small { font-size:9px; color:var(--screen-muted); }
.vmp .screen-kicker { font:700 8px Consolas,monospace; letter-spacing:.05em; }
.vmp .screen-foot { margin-top:5px; min-height:12px; }
.vmp .screen-foot .screen-switch svg { width:11px; height:11px; }
.vmp .screen-foot b { color:var(--screen-accent); }
.vmp .screen-wave { display:flex; align-items:center; gap:2px; position:relative; height:26px; margin-top:6px; padding-inline:4px; overflow:hidden; border-radius:4px; background:var(--surface-alt); }
.vmp .screen-wave>i { flex:1 0 1px; height:var(--level); max-height:100%; border-radius:2px; background:var(--screen-accent); opacity:.62; transform:scaleY(.86); transition:opacity .25s,transform .45s var(--screen-ease); }
.vmp .screen-wave>i:nth-child(3n) { transition-delay:.065s; }
.vmp .screen-wave>i:nth-child(4n) { transition-delay:.12s; }
.vmp .screen-cursor, .vmp .screen-playhead { position:absolute; top:0; bottom:0; left:20%; width:1px; background:var(--screen-ink); transition:left .7s var(--screen-ease); }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-cursor, .vmp .product-card:is(:hover,:has(:focus-visible)) .screen-playhead { left:71%; }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-wave>i { opacity:.95; transform:scaleY(1.06); }
.vmp .screen-kanban, .vmp .screen-storyboard { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
.vmp .screen-lane, .vmp .screen-storyboard>span {
  height:53px;
  padding:5px 4px;
  border-radius:5px;
  background:var(--surface-alt);
  border:1px solid var(--screen-line);
  color:var(--screen-muted);
  overflow:hidden;
}
.vmp .screen-lane small, .vmp .screen-storyboard small { display:block; font-weight:700; font-size:8px; white-space:nowrap; }
.vmp .screen-lane i { display:block; height:14px; margin-top:5px; border:1px dashed var(--screen-line); border-radius:3px; }
.vmp .screen-lead {
  position:absolute;
  left:4px;
  top:20px;
  width:calc((100% - 8px)/3 - 8px);
  padding:3px 2px;
  border-radius:3px;
  color:var(--screen-accent);
  background:var(--screen-active);
  box-shadow:0 1px 2px #163a2729;
  text-align:center;
  font-size:8px;
  font-weight:700;
  transition:left .44s var(--screen-ease);
}
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-lead { left:calc((100% - 8px)/3 + 8px); }
.vmp .screen-quote { display:block; margin:4px 0; font-weight:750; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vmp .screen-suggestion, .vmp .screen-action, .vmp .screen-mail-body, .vmp .screen-route-result {
  display:block;
  padding:5px 6px;
  border:1px solid var(--screen-line);
  border-radius:5px;
  background:var(--surface-alt);
}
.vmp .screen-suggestion small, .vmp .screen-action small { display:block; margin-bottom:2px; color:var(--screen-muted); font-size:8px; font-weight:750; letter-spacing:.04em; }
.vmp .screen-suggestion b, .vmp .screen-action b { display:block; font-size:9px; }
.vmp .screen-accent { transition:background .35s,border-color .35s,transform .35s var(--screen-ease); }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-accent { background:var(--screen-active); border-color:var(--screen-accent); transform:translateY(-1px); }
.vmp .screen-action { display:flex; align-items:center; gap:5px; margin-top:8px; }
.vmp .screen-action svg { color:var(--screen-accent); }
.vmp .screen-progress { display:block; height:5px; margin-top:7px; overflow:hidden; border-radius:4px; background:var(--screen-active); }
.vmp .screen-progress i { display:block; width:var(--level); height:100%; background:var(--screen-accent); transform:scaleX(.21); transform-origin:left; transition:transform .58s var(--screen-ease); }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-progress i { transform:scaleX(1); }
.vmp .screen-route { display:grid; grid-template-columns:1fr 10px 1fr 10px 1fr; align-items:center; margin-bottom:7px; }
.vmp .screen-route b {
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
  white-space:nowrap;
  padding:6px 2px;
  border:1px solid var(--screen-line);
  border-radius:4px;
  background:var(--surface-alt);
  font-size:9px;
  transition:background .3s,border-color .3s;
}
.vmp .screen-route i { height:1px; background:var(--screen-line); }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-route b:last-child { background:var(--screen-active); border-color:var(--screen-accent); }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-route i { background:var(--screen-accent); }
.vmp .screen-route-result { display:flex; }
.vmp .screen-bubble {
  display:block;
  width:fit-content;
  max-width:95%;
  padding:5px 6px;
  margin:6px 0 0 auto;
  border-radius:7px 7px 2px 7px;
  background:var(--screen-active);
  font-size:9px;
  transition:transform .32s var(--screen-ease);
}
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-bubble { transform:translateY(-2px); }
.vmp .screen-delivery { display:flex; justify-content:end; margin-top:3px; font-size:8px; color:var(--screen-muted); }
.vmp .screen-delivery .screen-after { display:flex; gap:2px; align-items:center; color:var(--screen-accent); }
.vmp .screen-delivery svg { width:9px; height:9px; }
.vmp .screen-mail-body { margin-top:6px; transition:background .3s; }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-mail-body { background:var(--screen-active); }
.vmp .screen-contact { display:flex; align-items:center; gap:5px; }
.vmp .screen-contact i { display:grid; place-items:center; width:24px; height:24px; flex:none; border-radius:50%; background:var(--screen-active); color:var(--screen-accent); font-size:9px; font-weight:750; font-style:normal; }
.vmp .screen-events { display:grid; gap:3px; margin-top:5px; font-size:9px; }
.vmp .screen-events span { padding:3px 4px; border-radius:4px; background:var(--surface-alt); border:1px solid transparent; }
.vmp .screen-site {
  display:block;
  position:relative;
  padding:6px;
  height:77px;
  border-radius:5px;
  background:linear-gradient(110deg,var(--screen-active),var(--surface-alt));
  overflow:hidden;
}
.vmp .screen-site>small, .vmp .screen-site>b { display:block; }
.vmp .screen-site>small { color:var(--screen-muted); font-size:8px; }
.vmp .screen-site>b { margin-top:3px; font-size:14px; }
.vmp .screen-site>i { display:inline-block; margin-top:4px; padding:3px 5px; border-radius:3px; background:var(--screen-ink); color:white; font-style:normal; font-size:8px; }
.vmp .screen-widget {
  position:absolute;
  inset:auto 4px 4px auto;
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px 5px;
  border-radius:5px;
  background:var(--vmp-surface,#fffaf3);
  color:var(--screen-accent);
  border:1px solid var(--screen-line);
  box-shadow:0 2px 5px #1838471f;
  font-size:8px;
  font-weight:750;
  transition:transform .35s var(--screen-ease),box-shadow .35s;
}
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-widget { transform:translateY(-5px); box-shadow:0 4px 9px #18384737; }
.vmp .screen-tracks, .vmp .screen-filmstrip { display:block; position:relative; margin-top:6px; padding:3px; border-radius:4px; background:var(--surface-alt); }
.vmp .screen-tracks>span, .vmp .screen-filmstrip { display:flex; gap:3px; }
.vmp .screen-tracks>span+span { margin-top:3px; }
.vmp .screen-tracks b, .vmp .screen-filmstrip b { flex:1; min-width:0; padding:3px 2px; border-radius:3px; background:var(--screen-active); font-size:8px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vmp .screen-tracks>span:nth-child(2) b { background:#423967; color:#e4d3ff; }
.vmp .screen-video-scene {
  display:grid;
  align-content:end;
  height:55px;
  position:relative;
  overflow:hidden;
  padding:5px 6px;
  border-radius:5px;
  background:linear-gradient(120deg,#17356a,#335f9d);
  color:#fff2df;
}
.vmp .screen-video-scene::before {
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(125deg,transparent 0 12px,#c7ddff17 12px 13px);
  transform:translateX(0);
  transition:transform .65s var(--screen-ease);
  mask-image:linear-gradient(90deg,transparent,#000);
}
.vmp .screen-video-scene.is-interview { background:linear-gradient(120deg,#422b27,#83634c); }
.vmp .screen-video-scene.is-motion { background:linear-gradient(120deg,#35235b,#694c9d); }
.vmp .screen-video-scene.is-launch { background:linear-gradient(120deg,#142f77,#365ac7); }
.vmp .screen-scene-label, .vmp .screen-subtitle { position:relative; }
.vmp .screen-scene-label { font-size:11px; font-weight:750; }
.vmp .screen-subtitle { font-size:8px; color:#f4f6ff; }
.vmp .screen-video-play { display:grid; place-items:center; position:absolute; top:6px; right:6px; width:18px; height:18px; border:1px solid #ffffff75; border-radius:50%; background:#0003; }
.vmp .screen-video-play svg { width:10px; height:10px; fill:currentColor; }
.vmp .screen-filmstrip { margin-top:3px; padding:2px; }
.vmp .screen-filmstrip .screen-playhead { background:var(--screen-accent); }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-video-scene::before { transform:translateX(-10px); }
.vmp .screen-storyboard>span { transition:background .3s,border-color .3s; }
.vmp .screen-storyboard b { display:block; color:var(--screen-ink); font-size:9px; margin-top:8px; }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-storyboard>span:nth-child(2) { background:var(--screen-active); border-color:var(--screen-accent); }
.vmp .screen-input { display:block; padding:4px 5px; border:1px solid var(--screen-line); border-radius:4px; background:var(--surface-alt); font:9px Consolas,monospace; }
.vmp .screen-wizard-steps { display:flex; gap:3px; margin-top:6px; }
.vmp .screen-wizard-steps b { flex:1; padding:3px 2px; border-radius:4px; text-align:center; background:var(--surface-alt); color:var(--screen-muted); font-size:8px; white-space:nowrap; transition:background .3s,color .3s; }
.vmp .screen-wizard-steps b:first-child, .vmp .product-card:is(:hover,:has(:focus-visible)) .screen-wizard-steps b:nth-child(2) { color:var(--screen-accent); background:var(--screen-active); }
.vmp .screen-languages { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.vmp .screen-languages>span { display:block; padding:5px; min-height:50px; border-radius:4px; border:1px solid var(--screen-line); background:var(--surface-alt); }
.vmp .screen-languages small, .vmp .screen-languages b { display:block; }
.vmp .screen-languages small { margin-bottom:3px; font:700 8px Consolas,monospace; color:var(--screen-muted); }
.vmp .screen-languages b { font-size:9px; }
.vmp .screen-method { color:var(--screen-accent); }
.vmp .screen-code-body { display:block; padding:4px 6px; margin-top:4px; border-radius:4px; background:var(--surface-alt); font:9px/1.35 Consolas,monospace; transition:background .35s; }
.vmp .screen-code-body b { color:var(--screen-accent); }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-code-body { background:var(--screen-active); }
.vmp .screen-sources { display:grid; gap:3px; }
.vmp .screen-sources>span {
  display:flex;
  align-items:center;
  gap:4px;
  min-height:21px;
  padding:2px 4px;
  border:1px solid var(--screen-line);
  border-radius:4px;
  background:var(--surface-alt);
  transition:background .3s,border-color .3s;
}
.vmp .screen-sources svg { color:var(--screen-accent); }
.vmp .screen-sources b { font-size:9px; }
.vmp .screen-sources small { margin-left:auto; color:var(--screen-muted); font-size:8px; }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-sources>span:nth-child(2) { background:var(--screen-active); border-color:var(--screen-accent); }
.vmp dialog { padding:0; background:var(--vmp-surface,#fffaf3); color:#172541; border:1px solid #cfdbef; box-shadow:0 18px 75px #10244955; }
.vmp dialog::backdrop { background:#0b18397c; backdrop-filter:blur(4px); }
.vmp .dialog-top { display:flex; justify-content:space-between; gap:10px; align-items:start; }
.vmp .dialog-label { display:block; color:#3156af; font:700 11px Consolas,monospace; letter-spacing:.1em; text-align:left; }
.vmp .preview-note { color:#50617e; font-size:13px; padding-top:6px; }
.vmp .icon-button { display:grid; place-items:center; width:40px; height:40px; flex:none; border:1px solid #d1ddf1; border-radius:8px; background:var(--vmp-surface,#fffaf3); color:#2b406e; }
.vmp .icon-button:hover { background:#eaf0fe; }
.vmp .close-mark { font-size:25px; line-height:1; }
.vmp .builder { margin:0; inset:0 0 0 auto; border-radius:14px 0 0 14px; }
.vmp .builder h2 { margin:5px 0; font-size:30px; letter-spacing:-.04em; }
.vmp .builder-tabs { border-color:#d8e2f2; }
.vmp .agent, .vmp .empty { color:#273a58; border-color:#dae4f4; background:#f6f9ff; }
.vmp .agent-fields label { color:#3d5072; }
.vmp .agent-fields input, .vmp .agent-fields select, .vmp .agent-fields textarea { background:var(--vmp-surface,#fffaf3); color:#213454; border-color:#b6c8e7; }
.vmp .saved-agent p { color:#53627b; }
.vmp .toast { background:#172c5d; color:#fff2df; border-color:#5375c7; }
@media (max-width:510px){
.vmp .builder-content { padding:14px; }
}
.vmp .preview {
  width:min(1120px,calc(100% - 32px));
  max-width:none;
  max-height:calc(100dvh - 32px);
  margin:auto;
  overscroll-behavior:contain;
  border-radius:19px;
  background:#f5f8ff;
  color:#14213d;
  --lab-accent:#416bf2;
  --lab-signal:#9db9ff;
}
.vmp .preview[data-category="calls"] { --lab-accent:#198e91; --lab-signal:#85dfd5; }
.vmp .preview[data-category="video"] { --lab-accent:#7655d5; --lab-signal:#d0baff; }
.vmp .preview[data-category="tools"] { --lab-accent:#346dbe; --lab-signal:#99c5ff; }
.vmp .lab-header, .vmp .lab-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 22px; }
.vmp .lab-header { border-bottom:1px solid #dce5f5; background:linear-gradient(100deg,#fff,#edf3ff); }
.vmp .lab-heading, .vmp .lab-header-actions { display:flex; align-items:center; gap:12px; }
.vmp .lab-heading { min-width:0; }
.vmp .lab-heading h2 { margin:1px 0 4px; font-size:clamp(27px,4vw,43px); letter-spacing:-.055em; line-height:1.05; }
.vmp .lab-heading p:last-child { color:#526581; margin:0; font-size:13px; line-height:1.4; }
.vmp .lab-brand-icon, .vmp .lab-idle-icon { display:grid; place-items:center; flex:none; width:49px; height:49px; border-radius:12px; background:#254dc5; color:#fff2df; }
.vmp .lab-brand-icon svg { width:24px; height:24px; }
.vmp .lab-kicker { margin:0; font:700 10px/1.4 Consolas,monospace; letter-spacing:.09em; color:#47619a; }
.vmp .lab-local { display:inline-flex; align-items:center; gap:6px; border:1px solid #d0ddf1; background:var(--vmp-surface,#fffaf3); border-radius:20px; padding:5px 8px; white-space:nowrap; color:#3a527e; font-size:11px; font-weight:700; }
.vmp .lab-local i, .vmp .lab-footer i { width:6px; height:6px; border-radius:50%; background:#537bee; display:inline-block; }
.vmp .lab-header-actions .close-mark { font-size:25px; }
.vmp .lab-layout { display:grid; grid-template-columns:minmax(230px,.8fr) minmax(0,1.42fr); gap:14px; align-items:start; padding:16px 22px; }
.vmp .lab-form, .vmp .lab-output { min-width:0; border:1px solid #dce5f5; border-radius:14px; }
.vmp .lab-form { padding:16px; background:var(--vmp-surface,#fffaf3); }
.vmp .lab-form h3, .vmp .lab-content h3 { margin:5px 0 5px; font-size:clamp(22px,3vw,30px); line-height:1.1; letter-spacing:-.04em; }
.vmp .lab-description, .vmp .lab-scope { color:#506481; font-size:13px; line-height:1.45; margin:0; }
.vmp .lab-fields { display:grid; gap:11px; margin:15px 0; }
.vmp .lab-field, .vmp .lab-toggle { font-size:12px; font-weight:700; color:#2d426a; }
.vmp .lab-field { display:grid; gap:4px; }
.vmp .lab-field :is(input,select,textarea) { width:100%; min-width:0; font-size:14px; font-weight:500; padding:8px 9px; background:#f8faff; border:1px solid #c6d6ee; color:#172848; border-radius:7px; }
.vmp .lab-field textarea { resize:vertical; }
.vmp .lab-toggle { display:flex; align-items:center; gap:6px; min-height:32px; }
.vmp .lab-toggle input { width:17px; height:17px; accent-color:#2754d6; }
.vmp .lab-run { width:100%; justify-content:space-between; }
.vmp .lab-run svg, .vmp .lab-secondary svg { width:14px; height:14px; }
.vmp .lab-scope { margin-top:10px; font-size:11px; }
.vmp .lab-output { min-height:400px; color:#eef4ff; background:radial-gradient(ellipse at 94% 1%,#244477,transparent 63%),#111f3e; overflow:hidden; border-color:#254279; }
.vmp .lab-output-top { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:43px; padding:8px 15px; border-bottom:1px solid #ffffff24; background:#ffffff09; }
.vmp .lab-output-top .lab-kicker { color:var(--lab-signal); }
.vmp #lab-state { color:#e7efff; border:1px solid #ffffff40; padding:4px 8px; border-radius:20px; font:700 11px/1.3 "Segoe UI",sans-serif; }
.vmp [data-ran] #lab-state { background:#d8e5ff1c; }
.vmp .lab-content { padding:15px; overflow-wrap:anywhere; }
.vmp .lab-idle { min-height:305px; display:grid; justify-items:center; align-content:center; text-align:center; padding:15px; }
.vmp .lab-idle-icon { margin-bottom:9px; color:var(--lab-signal); background:#d8e5ff18; border:1px solid #d8e5ff31; }
.vmp .lab-idle p { margin:4px 0 0; max-width:270px; color:#c7d6f0; line-height:1.45; font-size:13px; }
.vmp .lab-answer h3 { margin:0 0 12px; }
.vmp .lab-answer h4 { margin:11px 0 4px; color:#d4e1ff; font-size:12px; }
.vmp .lab-answer { animation:lab-in .32s cubic-bezier(.2,.7,.2,1) both; }
@keyframes lab-in{ from { opacity:.45; transform:translateY(6px); } }
.vmp .lab-chat { display:grid; gap:7px; }
.vmp .lab-turn, .vmp .lab-notice, .vmp .lab-facts>div, .vmp .lab-email, .vmp .lab-code { padding:9px 11px; border:1px solid #a8c2ff3b; border-radius:8px; background:#c4d7ff0d; }
.vmp .lab-turn { animation:lab-in .34s both; animation-delay:calc(min(var(--turn,0),5) * 58ms); }
.vmp .lab-turn:nth-child(even) { margin-left:16px; border-color:#b7d2ff56; background:#d9e5ff16; }
.vmp .lab-turn b, .vmp .lab-notice strong { color:var(--lab-signal); font-size:12px; }
.vmp .lab-turn p, .vmp .lab-notice p { margin:4px 0 0; color:#eef4ff; line-height:1.42; font-size:13px; white-space:pre-wrap; }
.vmp .lab-notice { margin:8px 0; }
.vmp .lab-notice + .lab-chat { margin-top:8px; }
.vmp .lab-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr)); gap:7px; margin:9px 0; }
.vmp .lab-facts>div { min-width:0; }
.vmp .lab-facts dt { margin-bottom:2px; color:#c1d2ef; font-size:10px; font-weight:650; }
.vmp .lab-facts dd { margin:0; font-size:13px; font-weight:740; }
.vmp .lab-list { margin:8px 0; padding-left:21px; color:#e2ecff; font-size:13px; line-height:1.55; }
.vmp .lab-list li+li { margin-top:4px; }
.vmp .lab-code { white-space:pre-wrap; margin:0 0 8px; color:#d1e4ff; background:#0b1731; font:12px/1.5 Consolas,monospace; }
.vmp .lab-message { padding:14px; background:#eef4ff; border-radius:10px; color:#1d345b; }
.vmp .lab-message p { width:fit-content; max-width:94%; margin:10px 0 6px auto; background:#cfe8fb; border-radius:12px 12px 3px 12px; padding:9px 12px; white-space:pre-wrap; font-size:14px; }
.vmp .lab-message small { display:block; color:#435e81; text-align:right; }
.vmp .lab-email { line-height:1.45; font-size:14px; }
.vmp .lab-route { display:grid; grid-template-columns:1fr 14px 1fr 14px 1fr; align-items:center; }
.vmp .lab-route span { padding:12px 5px; border:1px solid #b6e4e76b; border-radius:6px; color:#e9fffc; text-align:center; font-size:12px; }
.vmp .lab-route span:last-child { background:#83e9d72a; }
.vmp .lab-route i { height:2px; background:var(--lab-signal); transform-origin:left; animation:lab-meter .5s both; }
.vmp .lab-meter { height:8px; margin:12px 0; overflow:hidden; background:#accbff2e; border-radius:8px; }
.vmp .lab-meter i { display:block; width:var(--done); height:100%; background:var(--lab-signal); transform-origin:left; animation:lab-meter .55s both; }
@keyframes lab-meter{ from { transform:scaleX(0); } }
.vmp .lab-site { background:#e8f3fb; color:#253b64; border-radius:8px; padding:12px; }
.vmp .lab-site>small, .vmp .lab-site>strong { display:block; }
.vmp .lab-site>strong { font-size:21px; margin:5px 0; }
.vmp .lab-site-widget { max-width:345px; margin:8px 0 0 auto; background:#172b50; color:#fff2df; border-radius:8px; padding:9px; box-shadow:0 8px 20px #24436a35; }
.vmp .lab-site-widget>b { display:flex; align-items:center; gap:5px; margin-bottom:7px; font-size:12px; }
.vmp .lab-site-widget svg { width:15px; height:15px; }
.vmp .lab-media-label, .vmp .lab-result-note { margin:11px 0 5px; color:#c2d4f2; font-size:11px; }
.vmp .lab-answer audio { display:block; width:100%; min-height:42px; }
.vmp .lab-answer audio[hidden] { display:none; }
.vmp .lab-score { border:1px solid #d6bcff39; border-radius:6px; padding:5px; background:#222345; }
.vmp .lab-score .screen-wave { margin:0; --screen-accent:#d5baff; --screen-ink:#fff; }
.vmp .lab-secondary { display:inline-flex; align-items:center; gap:6px; min-height:35px; padding:5px 8px; border:1px solid #acbfe6; border-radius:6px; background:#f5f8ff; color:#273f75; font-weight:750; font-size:12px; }
.vmp .lab-secondary:hover { background:#e4edff; }
.vmp .lab-listen { margin-top:6px; }
.vmp .lab-footer { min-height:53px; border-top:1px solid #dce5f5; color:#506481; font-size:12px; padding-block:8px; }
.vmp .lab-footer i { width:3px; height:3px; margin-inline:3px; vertical-align:middle; }
.vmp .lab-editor { border:1px solid #b0c5f049; border-radius:9px; padding:8px; background:#0c1932; }
.vmp .lab-monitor { display:grid; place-items:center; min-height:175px; overflow:hidden; background:#080f22; border-radius:6px; }
.vmp .lab-screen { position:relative; display:grid; align-items:end; width:min(100%,420px); aspect-ratio:16/9; max-height:255px; overflow:hidden; isolation:isolate; background:#253f83; border:1px solid #b0c5f04a; transition:background .45s; }
.vmp .lab-screen.format-square { width:min(100%,240px); aspect-ratio:1; }
.vmp .lab-screen.format-tall { width:min(100%,140px); aspect-ratio:9/16; }
.vmp .lab-screen.is-studio { background:#302451; }
.vmp .lab-screen.is-interview { background:#523827; }
.vmp .lab-screen.is-motion { background:#302155; }
.vmp .lab-screen.is-story { background:#263b47; }
.vmp .lab-screen[data-scene="1"] { background:#193d60; }
.vmp .lab-screen[data-scene="2"] { background:#282b6a; }
.vmp .lab-frame-graphic { position:absolute; inset:0; z-index:-1; opacity:.94; background:linear-gradient(135deg,#060e2540,transparent 50%),repeating-linear-gradient(125deg,transparent 0 23px,#b6caff14 23px 24px); }
.vmp .lab-frame-graphic i { position:absolute; display:block; width:29%; height:26%; top:17%; left:22%; border-radius:9px; border:1px solid #ffffff6b; background:#b6d3ff38; transform:rotate(-13deg); transition:transform .55s,background .55s,left .55s; }
.vmp .lab-frame-graphic i:nth-child(2) { top:21%; left:43%; transform:rotate(8deg); background:#a1b4ff5c; }
.vmp .lab-frame-graphic i:nth-child(3) { top:31%; left:60%; transform:rotate(17deg); background:#c4ddff51; }
.vmp .lab-frame-graphic i:nth-child(4) { width:9%; height:8%; top:27%; left:65%; border-radius:50%; background:var(--vmp-surface,#fffaf3); }
.vmp .lab-frame-graphic i:nth-child(5) { width:13%; height:2px; top:50%; left:24%; background:#c8dbff; }
.vmp .lab-screen[data-scene="1"] .lab-frame-graphic i { transform:translate(7%,-8%) rotate(0); }
.vmp .lab-screen[data-scene="2"] .lab-frame-graphic i { transform:translate(-23%,5%) rotate(7deg); }
.vmp .lab-screen.is-motion .lab-frame-graphic i:nth-child(4) { top:29%; left:24%; height:12px; width:12px; box-shadow:0 0 13px #c3b5ff; }
.vmp .lab-screen.is-motion[data-scene="1"] .lab-frame-graphic i:nth-child(4) { left:50%; }
.vmp .lab-screen.is-motion[data-scene="2"] .lab-frame-graphic i:nth-child(4) { left:75%; }
.vmp .lab-screen.is-interview .lab-frame-graphic i { background:#e8be9850; }
.vmp .lab-screen.is-interview .lab-frame-graphic { transition:transform .55s; }
.vmp .lab-screen.is-interview[data-framing="close"] .lab-frame-graphic { transform:scale(1.45); }
.vmp .lab-screen.is-interview[data-framing="wide"] .lab-frame-graphic { transform:scale(.82); }
.vmp .lab-frame-copy { padding:9px 10px; background:linear-gradient(0deg,#061229db,transparent); }
.vmp .lab-frame-copy span, .vmp .lab-editor-tools>span { color:#ccd8fb; font:700 9px Consolas,monospace; letter-spacing:.04em; }
.vmp .lab-frame-copy strong { display:block; margin:1px 0 3px; color:#fff2df; font-size:clamp(16px,2.7vw,28px); line-height:1; letter-spacing:-.04em; }
.vmp .lab-frame-copy p { color:#edf4ff; font-size:11px; margin:0; }
.vmp .lab-editor-tools { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:7px 0; }
.vmp .lab-scenes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.vmp .lab-scenes button { display:grid; gap:2px; padding:5px 6px; text-align:left; border:1px solid #a7c2ef55; border-radius:5px; background:#1c3359; color:#eff5ff; }
.vmp .lab-scenes small { color:#bbd3f9; font:10px Consolas,monospace; }
.vmp .lab-scenes b { font-size:11px; }
.vmp .lab-scenes button[aria-pressed="true"] { border-color:var(--lab-signal); background:#385a91; }
@media (max-width:680px){
.vmp .preview { width:calc(100% - 16px); max-height:calc(100dvh - 16px); border-radius:13px; }
.vmp .lab-header, .vmp .lab-footer { gap:7px; padding:10px; }
.vmp .lab-heading, .vmp .lab-header-actions { gap:6px; }
.vmp .lab-brand-icon { width:29px; height:29px; border-radius:6px; }
.vmp .lab-brand-icon svg { width:17px; height:17px; }
.vmp .lab-kicker { font-size:9px; }
.vmp .lab-heading h2 { font-size:clamp(19px,5vw,28px); }
.vmp .lab-heading p:last-child { font-size:11px; }
.vmp .lab-local { display:none; }
.vmp .lab-layout { grid-template-columns:minmax(0,1fr); gap:9px; padding:9px; }
.vmp .lab-form, .vmp .lab-content { padding:11px; }
.vmp .lab-output { min-height:0; scroll-margin-top:8px; }
.vmp .lab-idle { min-height:130px; }
.vmp .lab-footer { flex-wrap:wrap; }
}
.vmp .lab-turn.is-speaking { border-color:var(--lab-signal); box-shadow:inset 3px 0 var(--lab-signal); background:#b1caff24; }
.vmp .lab-tracker-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.vmp .lab-tracker-toolbar b { margin-right:auto; font-size:13px; }
.vmp .lab-tracker-toolbar button:disabled { opacity:.55; }
.vmp .lab-tracker-list { display:grid; gap:7px; }
.vmp .lab-tracker-row { display:flex; justify-content:space-between; align-items:center; gap:10px; min-width:0; padding:9px 11px; border:1px solid #a8c2ff3b; border-radius:8px; background:#c4d7ff0d; }
.vmp .lab-tracker-row b, .vmp .lab-tracker-row small { display:block; font-size:13px; }
.vmp .lab-tracker-row small { margin-top:3px; color:#cad9f3; font-size:11px; }
.vmp .lab-tracker-row>span { flex:none; color:#dfebff; padding:4px 7px; border-radius:6px; border:1px solid #9ab6e16b; font-size:10px; font-weight:700; }
.vmp .lab-tracker-row>span[data-state="Active"] { color:#a1f6e1; background:#42c3a52a; border-color:#52c6ad77; }
.vmp .lab-tracker-row>span[data-state="Queued"] { color:#ffe2a5; background:#fbc2541d; border-color:#ebba5770; }
.vmp .lab-language-turns { margin-top:7px; }
.vmp .lab-brand-preview { overflow:hidden; border-radius:9px; background:#f6f8ff; color:#17274b; }
.vmp .lab-brand-preview header { display:flex; gap:10px; align-items:center; padding:12px; background:var(--preview-brand); color:white; }
.vmp .lab-brand-preview header>span { flex:none; display:grid; place-items:center; width:35px; height:35px; border:1px solid #ffffff87; border-radius:8px; background:#ffffff21; font-weight:800; }
.vmp .lab-brand-preview header small, .vmp .lab-brand-preview header b { display:block; }
.vmp .lab-brand-preview header small { font:700 9px Consolas,monospace; letter-spacing:.07em; }
.vmp .lab-brand-preview section { padding:12px; }
.vmp .lab-brand-preview section p { margin:4px 0; font-size:13px; }
.vmp .lab-brand-preview .lab-meter { background:#dbe5f9; margin:8px 0 0; }
.vmp .lab-brand-preview .lab-meter i { background:var(--preview-brand); }
.vmp .card-actions { display:flex; align-items:center; flex-wrap:wrap; gap:3px 5px; }
.vmp .card-actions .secondary-add { margin-left:auto; color:#526784; font-weight:650; }
.vmp .card-actions .secondary-add:hover { color:#214ecf; }
.vmp .player-error { margin:5px 0 0; font-size:11px; color:#9a281f; }
.vmp .lab-player { margin-top:3px; border:1px solid #b7cff34f; border-radius:9px; background:#f7faff; color:#172541; }
.vmp .lab-player[hidden], .vmp .lab-media-label[hidden], .vmp .lab-answer audio { display:none; }
.vmp .lab-player .play-circle { width:37px; height:37px; }
.vmp .lab-player .player-utility { width:35px; height:35px; }
.vmp .lab-turn:has([data-seek]) .lab-listen { padding-inline:7px; }
@media (max-width:680px){
.vmp .lab-header { position:sticky; top:0; z-index:2; }
.vmp .lab-output { scroll-margin-top:94px; }
}
@media (max-width:510px){
.vmp .hero-inner { padding-block:14px 10px; gap:10px; }
.vmp .hero-copy .overline { display:none; }
.vmp .hero h1 { margin-top:0; }
.vmp .demo-stage { padding:9px; background:#132345; border:1px solid #274b8e; border-radius:13px; box-shadow:0 8px 25px #15285427; }
.vmp .call-console { background:transparent; border:none; box-shadow:none; border-radius:0; overflow:visible; }
.vmp .call-console::before { display:none; }
.vmp .console-main { padding:0; }
.vmp .console-main h2 { font-size:19px; }
.vmp .console-state { min-height:14px; }
.vmp .transcript-panel { width:100%; margin:7px 0 0; border:0; border-radius:7px; box-shadow:none; }
.vmp .transcript-top { display:none; }
.vmp .transcript-caption { padding:4px 8px 3px; }
.vmp .call-transcript { height:56px; padding:1px 6px 3px; }
.vmp .cue { padding:4px 6px; }
.vmp .cue p { margin-top:1px; }
.vmp .player { padding:3px 7px 5px; }
.vmp .call-seek { margin-bottom:2px; }
.vmp .card-copy { order:-1; padding:8px 9px 7px; }
.vmp .card-copy>span { display:none; }
.vmp .card-actions { padding-block:3px; }
.vmp .card-actions .quick-add { min-height:36px; }
}
.vmp .screen-language-flow { display:flex; align-items:center; gap:6px; margin-bottom:7px; color:var(--screen-accent); }
.vmp .screen-language-flow b { padding:5px 8px; border:1px solid var(--screen-line); border-radius:4px; background:var(--surface-alt); }
.vmp .hero-v2 { padding:0; }
.vmp .hero-v2::before { mask-image:radial-gradient(ellipse at 50% 40%,#000 0,transparent 70%); }
.vmp .hero-center { display:flex; flex-direction:column; align-items:center; text-align:center; padding:clamp(40px,6vw,76px) 0 22px; }
.vmp .hero-kicker { display:inline-flex; align-items:center; gap:8px; margin:0 0 18px; border:1px solid #d5e0fc; border-radius:30px; background:#ffffffb3; padding:7px 12px; color:#2c50a8; font-family:Consolas,"SFMono-Regular",monospace; font-size:11px; font-weight:700; letter-spacing:.07em; }
.vmp .hero-kicker i { width:6px; height:6px; border-radius:50%; background:#436fe6; box-shadow:0 0 0 3px #e5ecff; }
.vmp .hero-v2 h1 { margin:0; font-size:clamp(44px,7.2vw,96px); line-height:.95; letter-spacing:-.065em; font-weight:800; }
.vmp .hero-v2 h1 em { display:block; }
.vmp .hero-lede { max-width:600px; margin:18px 0 0; font-size:clamp(16px,1.5vw,19px); line-height:1.45; color:#475877; }
.vmp .hero-v2 .hero-actions { justify-content:center; margin-top:18px; }
.vmp .hero-v2 .hero-actions .button { min-height:48px; padding-inline:22px; border-radius:999px; font-size:14px; }
.vmp .hero-chat { width:min(560px,100%); margin-top:26px; text-align:left; background:var(--vmp-surface,#fffaf3); border:1px solid #d9e3f4; border-radius:18px; box-shadow:0 18px 40px #1b2d5c14,0 2px 6px #1b2d5c0d; padding:14px; }
.vmp .hc-log { display:flex; flex-direction:column; gap:8px; max-height:190px; overflow-y:auto; padding:2px 2px 10px; }
.vmp .hc-msg { display:flex; align-items:flex-end; gap:8px; }
.vmp .hc-msg p { margin:0; padding:9px 13px; border-radius:14px; font-size:14px; line-height:1.4; max-width:440px; }
.vmp .hc-agent p { background:#eef3ff; color:#172541; border-bottom-left-radius:4px; }
.vmp .hc-user { justify-content:flex-end; }
.vmp .hc-user p { background:#244fd4; color:#fff2df; border-bottom-right-radius:4px; }
.vmp .hc-avatar { display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,#2052ce,#6745c9); color:#fff2df; font-size:12px; font-weight:800; }
.vmp .hc-try { display:inline-flex; align-items:center; gap:6px; margin-top:6px; min-height:36px; padding:0 12px; border:1px solid #c9d7f7; border-radius:999px; background:var(--vmp-surface,#fffaf3); color:#1d42b4; font-size:13px; font-weight:700; }
.vmp .hc-try:hover { background:#f1f5ff; }
.vmp .hc-try svg { width:14px; height:14px; }
.vmp .hc-form { display:flex; gap:8px; border:1px solid #d7e0ef; border-radius:12px; padding:5px 5px 5px 14px; background:#f8faff; }
.vmp .hc-form:focus-within { border-color:#7d9cf0; background:var(--vmp-surface,#fffaf3); }
.vmp .hc-form input { flex:1; min-width:0; border:0; background:transparent; font-size:15px; color:#172541; outline:none; }
.vmp .hc-send { display:grid; place-items:center; flex:none; width:44px; height:44px; border:0; border-radius:9px; background:#244fd4; color:#fff2df; }
.vmp .hc-send:hover { background:#193fb7; }
.vmp .hc-send svg { width:18px; height:18px; }
.vmp .hc-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.vmp .hc-chips button { min-height:34px; padding:0 12px; border:1px solid #dce5f5; border-radius:999px; background:var(--vmp-surface,#fffaf3); color:#3a4d73; font-size:12.5px; font-weight:600; }
.vmp .hc-chips button:hover { background:#f1f5ff; border-color:#c3d3f5; }
.vmp .hc-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.vmp .hc-typing { display:inline-flex !important; gap:4px; padding:12px 14px !important; }
.vmp .hc-typing i { width:6px; height:6px; border-radius:50%; background:#8fa6dc; animation:hcdot 1s infinite ease-in-out; }
.vmp .hc-typing i:nth-child(2) { animation-delay:.15s; }
.vmp .hc-typing i:nth-child(3) { animation-delay:.3s; }
@keyframes hcdot{ 0%,80%,100% { opacity:.3; transform:translateY(0); } 40% { opacity:1; transform:translateY(-3px); } }
.vmp .hero-wave-wrap { padding:0 0 0; }
.vmp .hero-wave-meta { display:flex; justify-content:space-between; align-items:center; padding-bottom:8px; color:#536482; font-family:Consolas,"SFMono-Regular",monospace; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.vmp .hero-wave-meta>span { display:inline-flex; align-items:center; gap:8px; }
.vmp .hw-dot { width:7px; height:7px; border-radius:50%; background:#9fb3e6; }
.vmp .hero-wave-wrap[data-call-state="playing"] .hw-dot { background:#244fd4; animation:signal 1.55s ease-out infinite; }
.vmp .hero-wave-wrap[data-call-state="complete"] .hw-dot { background:#1f9e7a; }
.vmp .hero-wave.hero-wave-big { height:clamp(64px,10vw,130px); align-items:flex-end; gap:3px; padding:0 max(16px,calc((100% - 1184px)/2)); cursor:pointer; }
.vmp .hero-wave-big i { flex:1 0 0; min-width:2px; height:var(--peak); border-radius:2px 2px 0 0; background:#c3d1f3; opacity:1; transition:background .2s; }
.vmp .hero-wave-big .heard { background:linear-gradient(180deg,#6745c9,#2052ce); }
.vmp .hero-wave-big:hover i:not(.heard) { background:#aebfeb; }
@media (max-width:700px){
.vmp .hero-center { padding-top:28px; }
.vmp .hero-kicker { display:inline-flex; font-size:9px; margin-bottom:12px; }
.vmp .hero-lede { display:block; font-size:15px; margin-top:12px; }
.vmp .hero-chat { margin-top:18px; padding:10px; }
.vmp .hc-log { max-height:150px; }
.vmp .hero-wave-big { gap:1px; }
.vmp .hero-wave-big i { min-width:1px; }
}
.vmp { --vm-ink:#141a26; --vm-muted:#5a6170; --vm-blue:#1f4fd1; --vm-blue-dark:#173fae; --vm-paper:#fbfaf7; --vm-line:#e4e1d8; --vm-soft:#f2f0ea; }
.vmp { background:var(--vm-paper); color:var(--vm-ink); font-family:"Instrument Sans","Segoe UI",system-ui,sans-serif; }
.vmp h1, .vmp h2, .vmp h3, .vmp .brand { font-family:"Schibsted Grotesk","Instrument Sans","Segoe UI",system-ui,sans-serif; }
.vmp .overline, .vmp .console-tag, .vmp .console-scenario, .vmp .console-footer, .vmp .wave-time, .vmp .demo-caption, .vmp .transcript-caption, .vmp .transcript-index, .vmp .shelf-kicker, .vmp .art-top, .vmp .rail-tools>span, .vmp .mini-caption, .vmp .mini-code, .vmp .hero-wave-meta { font-family:"JetBrains Mono",ui-monospace,Consolas,monospace; letter-spacing:.02em; }
.vmp .site-header { background:#fbfaf7f2; border-bottom-color:var(--vm-line); }
.vmp .button, .vmp .cart-button, .vmp .primary, .vmp .quiet { border-radius:10px; font-weight:600; }
.vmp .button:hover, .vmp .primary:hover { transform:none; }
.vmp .button-primary, .vmp .primary { background:var(--vm-blue); box-shadow:none; }
.vmp .button-primary:hover, .vmp .primary:hover { background:var(--vm-blue-dark); }
.vmp .button-ink { background:var(--vm-ink); }
.vmp .button-outline, .vmp .quiet, .vmp .cart-button { border-color:var(--vm-line); color:var(--vm-ink); }
.vmp .button-outline:hover, .vmp .quiet:hover, .vmp .cart-button:hover { background:var(--vm-soft); }
.vmp .cart-button b { background:var(--vm-soft); color:var(--vm-ink); }
.vmp .hc-msg { align-items:flex-start; }
.vmp .hero.hero-v2 { background:var(--vm-paper); border-bottom:1px solid var(--vm-line); }
.vmp .hero.hero-v2::before { display:none; }
.vmp .hero-center { padding:clamp(48px,7vw,96px) 0 26px; }
.vmp .hero-v2 h1 { font-size:clamp(46px,7vw,92px); line-height:.98; letter-spacing:-.045em; font-weight:800; color:var(--vm-ink); }
.vmp .hero-v2 h1 em { background:none; color:var(--vm-blue); -webkit-text-fill-color:currentColor; padding-bottom:0; }
.vmp .hero-lede { max-width:560px; margin-top:22px; color:var(--vm-muted); }
.vmp .hero-v2 .hero-actions .button { border-radius:10px; font-size:15px; }
.vmp .hero-chat { box-shadow:none; border-color:var(--vm-line); border-radius:14px; background:var(--vmp-surface,#fffaf3); }
.vmp .hc-agent p { background:var(--vm-soft); color:var(--vm-ink); }
.vmp .hc-user p { background:var(--vm-ink); }
.vmp .hc-avatar { background:var(--vm-ink); }
.vmp .hc-form { background:var(--vmp-surface,#fffaf3); border-color:var(--vm-line); border-radius:10px; }
.vmp .hc-form:focus-within { border-color:var(--vm-ink); }
.vmp .hc-send { background:var(--vm-ink); border-radius:8px; }
.vmp .hc-send:hover { background:#000; }
.vmp .hc-chips button { border-color:var(--vm-line); color:var(--vm-ink); font-weight:500; }
.vmp .hc-chips button:hover { background:var(--vm-soft); border-color:#cfcbbf; }
.vmp .hc-try { border-color:var(--vm-line); color:var(--vm-blue); }
.vmp .hc-try:hover { background:var(--vm-soft); }
.vmp .hc-typing i { background:#9a978d; }
.vmp .hero-wave-meta { color:var(--vm-muted); text-transform:none; font-size:12px; font-weight:500; }
.vmp .hw-dot { background:#bdb9ad; }
.vmp .hero-wave-wrap[data-call-state="playing"] .hw-dot { background:var(--vm-blue); animation:none; }
.vmp .hero-wave-big i { background:#dcd9cf; }
.vmp .hero-wave-big .heard { background:var(--vm-blue); }
.vmp .hero-wave-big:hover i:not(.heard) { background:#cbc7bb; }
.vmp .jump-nav a:hover { background:var(--vm-soft); }
.vmp .jump-icon, .vmp .jump-nav a:nth-child(n) .jump-icon { background:var(--vm-soft) !important; color:var(--vm-ink) !important; }
.vmp .shelf-kicker { color:var(--vm-muted); }
.vmp .shelf-head h2 { letter-spacing:-.035em; }
.vmp .shelf-head p:last-child { color:var(--vm-muted); }
.vmp .product-card { border-color:var(--vm-line); border-radius:12px; }
.vmp .product-card:hover, .vmp .product-card:focus-within { transform:none; box-shadow:none; border-color:#bdb9ad; }
.vmp .card-art { background:var(--vm-soft); }
.vmp .product-card:is(:hover,:has(:focus-visible)) .screen-window { box-shadow:0 1px 2px #14182614; }
.vmp .rail-tools button { background:var(--vmp-surface,#fffaf3); border-color:var(--vm-line); color:var(--vm-ink); }
.vmp .rail-tools button:hover:not(:disabled) { background:var(--vm-soft); }
.vmp .team-banner { background:var(--vm-ink); border-radius:14px; }
.vmp .team-banner .overline { color:#a9b0bf; }
.vmp .team-banner p:last-child { color:#d4b6a8; }
.vmp .button-white { color:var(--vm-ink); }
.vmp dialog { box-shadow:0 24px 60px #1418262e; border-color:var(--vm-line); }
.vmp .lab-header { background:var(--vmp-surface,#fffaf3); border-bottom-color:var(--vm-line); }
.vmp .lab-output { background:#121826; }
.vmp .play-circle { background:var(--vm-blue); border-color:var(--vm-blue); box-shadow:none; }
.vmp .partners { border-bottom:1px solid var(--vm-line); background:var(--vmp-surface,#fffaf3); padding:18px 0 20px; overflow:hidden; }
.vmp .partners-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; font-size:12px; color:var(--vm-muted); }
.vmp .partners-head p { margin:0; }
.vmp .partners-head a { color:var(--vm-ink); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.vmp .partners-track { display:flex; width:max-content; animation:vm-marquee 38s linear infinite; }
.vmp .partners-track:hover { animation-play-state:paused; }
.vmp .partners-row { display:flex; align-items:center; gap:56px; margin:0; padding:0 28px; list-style:none; }
.vmp .partners-row li { white-space:nowrap; font-family:"Schibsted Grotesk","Instrument Sans",system-ui,sans-serif; font-weight:700; font-size:clamp(17px,1.8vw,22px); letter-spacing:-.02em; color:#8a8778; }
@keyframes vm-marquee{ from { transform:translateX(0); } to { transform:translateX(-50%); } }
html[data-motion="paused"] .vmp .partners-track { animation-play-state:paused; }
@media (prefers-reduced-motion:reduce){
.vmp .partners-track { animation:none; flex-wrap:wrap; width:auto; }
.vmp .partners-row[aria-hidden] { display:none; }
.vmp .partners-row { flex-wrap:wrap; gap:14px 32px; justify-content:center; } 
}
.vmp .studio-toggle-wrap { display:flex; justify-content:center; margin:8px 0 8px; }
.vmp .vm-section { padding:clamp(48px,7vw,88px) 0 0; }
.vmp .vm-section h2 { margin:0; font-size:clamp(28px,3.6vw,44px); line-height:1.05; letter-spacing:-.035em; }
.vmp .section-head { max-width:640px; margin-bottom:26px; }
.vmp .section-head p, .vmp .roi-copy p, .vmp .about p, .vmp .lead-copy p { margin:10px 0 0; color:var(--vm-muted); font-size:16px; line-height:1.5; }
.vmp .roi { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:32px; align-items:start; }
.vmp .roi-calc { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:22px; background:var(--vmp-surface,#fffaf3); border:1px solid var(--vm-line); border-radius:14px; }
.vmp .roi-calc label, .vmp .lead-form label { display:grid; gap:6px; font-size:13px; font-weight:600; color:var(--vm-ink); }
.vmp .roi-calc input, .vmp .lead-form input, .vmp .lead-form textarea { width:100%; min-height:44px; box-sizing:border-box; padding:8px 12px; border:1px solid var(--vm-line); border-radius:9px; background:var(--vm-paper); font:inherit; font-size:15px; font-weight:400; color:var(--vm-ink); }
.vmp .roi-calc input:focus, .vmp .lead-form input:focus, .vmp .lead-form textarea:focus { outline:2px solid var(--vm-blue); outline-offset:1px; background:var(--vmp-surface,#fffaf3); }
.vmp .roi-unit { display:flex; align-items:center; gap:6px; font-weight:500; color:var(--vm-muted); }
.vmp .roi-result { grid-column:1/-1; display:grid; gap:2px; padding:16px; border-radius:10px; background:var(--vm-ink); color:#fff2df; }
.vmp .roi-result span { font-size:13px; color:#d4b6a8; }
.vmp .roi-result b { font-family:"Schibsted Grotesk",system-ui,sans-serif; font-size:clamp(30px,4vw,42px); letter-spacing:-.03em; }
.vmp .roi-result small { color:#d4b6a8; font-size:13px; }
.vmp .roi-note { grid-column:1/-1; margin:0; font-size:12px; color:var(--vm-muted); }
.vmp .plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.vmp .plan { display:flex; flex-direction:column; gap:10px; padding:22px; background:var(--vmp-surface,#fffaf3); border:1px solid var(--vm-line); border-radius:14px; }
.vmp .plan-featured { border-color:var(--vm-ink); box-shadow:inset 0 0 0 1px var(--vm-ink); }
.vmp .plan h3 { margin:0; font-size:20px; }
.vmp .plan-for { margin:0; color:var(--vm-muted); font-size:14px; min-height:40px; }
.vmp .plan-price { margin:4px 0; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.vmp .plan-price b { font-family:"Schibsted Grotesk",system-ui,sans-serif; font-size:32px; letter-spacing:-.03em; }
.vmp .plan-price span { color:var(--vm-muted); font-size:13px; }
.vmp .plan ul { margin:0 0 8px; padding:0; list-style:none; display:grid; gap:7px; font-size:14px; flex:1; }
.vmp .plan li { padding-left:20px; position:relative; }
.vmp .plan li::before { content:""; position:absolute; left:2px; top:7px; width:9px; height:5px; border-left:2px solid var(--vm-blue); border-bottom:2px solid var(--vm-blue); transform:rotate(-45deg); }
.vmp .plan .button { justify-content:center; min-height:46px; }
.vmp .pricing-note, .vmp .security-foot { margin:16px 0 0; font-size:13px; color:var(--vm-muted); }
.vmp .security-foot a { color:var(--vm-ink); font-weight:600; }
.vmp .security-list { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.vmp .security-list li { display:grid; gap:6px; padding:18px; background:var(--vmp-surface,#fffaf3); border:1px solid var(--vm-line); border-radius:12px; font-size:14px; }
.vmp .security-list span { color:var(--vm-muted); line-height:1.45; }
.vmp .trust-line { margin:18px 0 0; padding:14px 16px; border-radius:10px; background:var(--vm-soft); font-weight:600; font-size:15px; }
.vmp .faq-list { display:grid; gap:8px; max-width:820px; }
.vmp .faq-item { background:var(--vmp-surface,#fffaf3); border:1px solid var(--vm-line); border-radius:12px; }
.vmp .faq-item summary { cursor:pointer; padding:16px 18px; font-weight:600; font-size:16px; list-style:none; display:flex; justify-content:space-between; gap:12px; min-height:24px; }
.vmp .faq-item summary::-webkit-details-marker { display:none; }
.vmp .faq-item summary::after { content:"+"; font-size:20px; line-height:1; color:var(--vm-muted); }
.vmp .faq-item[open] summary::after { content:"\2212"; }
.vmp .faq-item p { margin:0; padding:0 18px 16px; color:var(--vm-muted); line-height:1.5; }
.vmp .about { max-width:720px; }
.vmp .get-started { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:32px; align-items:start; padding-bottom:clamp(48px,7vw,88px); }
.vmp .lead-form { display:grid; gap:14px; padding:24px; background:var(--vmp-surface,#fffaf3); border:1px solid var(--vm-line); border-radius:14px; }
.vmp .lead-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.vmp .lead-intent { border:0; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px 18px; }
.vmp .lead-intent legend { font-size:13px; font-weight:600; margin-bottom:8px; padding:0; }
.vmp .lead-intent label { display:flex; align-items:center; gap:8px; font-weight:500; min-height:32px; }
.vmp .lead-intent input { width:18px; height:18px; min-height:0; accent-color:var(--vm-blue); }
.vmp .hp { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0; }
.vmp .lead-submit { justify-content:center; min-height:48px; }
.vmp .lead-consent, .vmp .lead-status { margin:0; font-size:12px; color:var(--vm-muted); }
.vmp .lead-consent a { color:var(--vm-ink); }
.vmp .lead-status:not(:empty) { font-size:14px; color:#9b2c1f; }
.vmp .lead-plan { margin-top:18px; padding:14px 16px; border:1px solid var(--vm-line); border-radius:10px; background:var(--vmp-surface,#fffaf3); }
.vmp .lead-plan ul { margin:8px 0 0; padding-left:18px; color:var(--vm-muted); }
.vmp .lead-alt { font-size:14px !important; }
.vmp .lead-alt a { color:var(--vm-blue); font-weight:600; }
.vmp .lead-done { padding:28px; background:var(--vmp-surface,#fffaf3); border:1px solid var(--vm-line); border-radius:14px; }
.vmp .lead-done h3 { margin:0 0 8px; font-size:24px; }
.vmp .lead-done p { margin:0; color:var(--vm-muted); }
.vmp .send-plan { margin-left:auto; }
.vmp .site-footer { display:grid; grid-template-columns:1fr auto; gap:12px 24px; align-items:center; }
.vmp .footer-main p { margin:4px 0 0; font-size:13px; color:var(--vm-muted); }
.vmp .footer-links { display:flex; flex-wrap:wrap; gap:6px 18px; font-size:14px; }
.vmp .footer-links a { color:var(--vm-ink); }
.vmp .footer-contact { grid-column:1/-1; margin:0; font-size:12px; color:var(--vm-muted); }
@media (max-width:860px){
.vmp .roi, .vmp .get-started { grid-template-columns:1fr; }
.vmp .plans { grid-template-columns:1fr; }
.vmp .site-footer { grid-template-columns:1fr; }
}
@media (max-width:560px){
.vmp .roi-calc, .vmp .lead-row { grid-template-columns:1fr; }
.vmp .partners-head { flex-direction:column; align-items:flex-start; gap:4px; }
.vmp .partners-row { gap:36px; }
}
.vmp .site-footer .motion-toggle { justify-self:start; grid-column:1/-1; }
.vmp .lead-book { margin-top:16px; }
.vmp .lead-status a { color:var(--vm-blue); font-weight:600; }
.vmp .hc-voice { display:inline-flex; align-items:center; gap:8px; margin-top:10px; min-height:40px; padding:0 14px; border:1px solid var(--vm-ink); border-radius:999px; background:var(--vmp-surface,#fffaf3); color:var(--vm-ink); font-weight:600; font-size:14px; }
.vmp .hc-voice[hidden] { display:none; }
.vmp .hc-voice:hover { background:var(--vm-soft); }
.vmp .hc-voice svg { width:16px; height:16px; }
.vmp .studio-toggle-wrap .button { white-space:normal; text-align:center; max-width:100%; }
.vmp .hc-form:focus-within { box-shadow:0 0 0 2px var(--vm-blue); border-color:var(--vm-blue); }
html[data-motion="paused"] .vmp .partners-track { animation:vm-marquee 38s linear infinite !important; animation-play-state:paused !important; }
@media (prefers-reduced-motion:reduce){
.vmp .partners-track { animation:none !important; } 
}
.vmp .partners-row li { color:#6f6c5f; }
.vmp .hc-avatar { gap:2px; align-items:center; display:flex !important; justify-content:center; }
.vmp .hc-avatar i { width:3px; border-radius:2px; background:var(--vmp-surface,#fffaf3); }
.vmp .hc-avatar i:nth-child(1) {height:8px}
.vmp .hc-avatar i:nth-child(2) {height:14px}
.vmp .hc-avatar i:nth-child(3) {height:10px}
.vmp .hero-v2 h1 { font-size:clamp(40px,6.4vw,84px); }
.vmp .plans { grid-template-columns:repeat(4,minmax(0,1fr)); }
.vmp .plan-enterprise { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:16px; padding:20px 22px; background:var(--vmp-surface,#fffaf3); border:1px solid var(--vm-line); border-radius:14px; }
.vmp .plan-enterprise h3 { margin:0 0 4px; font-size:20px; }
.vmp .plan-enterprise p { margin:0; color:var(--vm-muted); font-size:14px; }
.vmp .plan-enterprise .button { flex:none; min-height:46px; }
.vmp .plan-for { min-height:58px; }
@media (max-width:1100px){
.vmp .plans { grid-template-columns:repeat(2,minmax(0,1fr)); } 
}
@media (max-width:600px){
.vmp .plans { grid-template-columns:1fr; }
.vmp .plan-enterprise { flex-direction:column; align-items:flex-start; }
.vmp .plan-for { min-height:0; } 
}
.vmp { --vm-ink:#0b0e13; --vm-muted:#565e6c; --vm-blue:#0b0e13; --vm-blue-dark:#000; --vm-paper:#ffffff; --vm-line:#e2e5ea; --vm-soft:#f3f4f6;
  --vm-night:#0b0e13; --vm-night-2:#131820; --vm-night-3:#1b212c; --vm-night-line:#262d39; --vm-night-muted:#a4acb9; --vm-night-text:#f3f1ea;
  --vm-signal:#efbd86; --vm-signal-soft:#ffe6d6; --vm-signal-hi:#f8c899; --vm-ok:#0b0e13; --blue:#0b0e13; background:var(--vmp-surface,#fffaf3); }
.vmp { background:var(--vm-night); }
.vmp { background:var(--vmp-surface,#fffaf3); color:var(--vm-ink); }
.vmp ::selection { background:var(--vm-signal); color:var(--vm-ink); }
.vmp button:focus-visible, .vmp a:focus-visible, .vmp [tabindex]:focus-visible, .vmp input:focus-visible, .vmp select:focus-visible, .vmp textarea:focus-visible, .vmp summary:focus-visible { outline-color:var(--vm-ink); }
.vmp .site-header :focus-visible, .vmp .hero :focus-visible, .vmp .partners :focus-visible, .vmp .site-footer :focus-visible, .vmp .team-banner :focus-visible { outline-color:var(--vm-signal) !important; }
.vmp .overline { color:var(--vm-muted); }
.vmp .vm-mark { width:27px; height:22px; fill:var(--vm-signal); flex:none; }
.vmp .brand { font-weight:700; letter-spacing:-.035em; gap:10px; }
.vmp .site-header { background:var(--vm-night); border-bottom:1px solid var(--vm-night-line); color:var(--vm-night-text); }
.vmp .site-header .brand { color:var(--vm-night-text); }
.vmp .topbar nav a { color:#d4b6a8; }
.vmp .topbar nav a:hover { color:#fff2df; }
.vmp .site-header .cart-button { background:transparent; border-color:var(--vm-night-line); color:var(--vm-night-text); }
.vmp .site-header .cart-button:hover { background:var(--vm-night-3); }
.vmp .site-header .cart-button b { background:var(--vm-night-3); color:var(--vm-night-text); }
.vmp .site-header .top-create { background:var(--vm-night-text); color:var(--vm-ink); }
.vmp .site-header .top-create:hover { background:var(--vmp-surface,#fffaf3); }
.vmp .hero.hero-v2 { background:var(--vm-night); border-bottom:0; color:var(--vm-night-text); }
.vmp .hero-v2 h1 { color:var(--vm-night-text); font-weight:700; letter-spacing:-.045em; line-height:.98; }
.vmp .hero-v2 h1 em { font-family:"Instrument Serif",Georgia,"Times New Roman",serif; font-style:italic; font-weight:400; letter-spacing:-.015em; font-size:1.1em; line-height:.95; color:var(--vm-signal); padding-bottom:.06em; }
.vmp .hero-lede { color:var(--vm-night-muted); }
.vmp .hero-chat { background:var(--vm-night-2); border-color:var(--vm-night-line); }
.vmp .hc-agent p { background:var(--vm-night-3); color:var(--vm-night-text); }
.vmp .hc-user p { background:var(--vm-signal); color:var(--vm-ink); }
.vmp .hc-avatar { background:var(--vm-signal); }
.vmp .hc-avatar i { background:var(--vm-ink); }
.vmp .hc-form { background:#150d10; border-color:var(--vm-night-line); }
.vmp .hc-form input { color:var(--vm-night-text); }
.vmp .hc-form input::placeholder { color:#7d8695; }
.vmp .hc-form:focus-within { background:#150d10; border-color:var(--vm-signal); box-shadow:0 0 0 1px var(--vm-signal); }
.vmp .hc-send { background:var(--vm-signal); color:var(--vm-ink); }
.vmp .hc-send:hover { background:var(--vm-signal-hi); }
.vmp .hc-chips button { background:transparent; border-color:var(--vm-night-line); color:#e7d3c4; }
.vmp .hc-chips button:hover { background:var(--vm-night-3); border-color:#4b3035; }
.vmp .hc-try { background:transparent; border-color:#4b3035; color:var(--vm-signal); }
.vmp .hc-try:hover { background:var(--vm-night-3); }
.vmp .hc-typing i { background:#7d8695; }
.vmp .hc-voice { background:transparent; border-color:#4b3035; color:var(--vm-night-text); }
.vmp .hc-voice:hover { background:var(--vm-night-3); }
.vmp .hero-v2 .hero-actions .button-primary { background:var(--vm-signal); color:var(--vm-ink); font-weight:700; }
.vmp .hero-v2 .hero-actions .button-primary:hover { background:var(--vm-signal-hi); }
.vmp .hero-v2 .hero-actions .button-outline { background:transparent; border-color:#4b3035; color:var(--vm-night-text); }
.vmp .hero-v2 .hero-actions .button-outline:hover { background:var(--vm-night-3); }
.vmp .hero-wave-meta { color:var(--vm-night-muted); }
.vmp .hw-dot { background:#7a5f58; }
.vmp .hero-wave-wrap[data-call-state="playing"] .hw-dot { background:var(--vm-signal); }
.vmp .hero-wave-wrap[data-call-state="complete"] .hw-dot { background:var(--vm-signal); }
.vmp .hero-wave-big i { background:#3a2529; }
.vmp .hero-wave-big i:nth-child(7n+3) { background:#4b3035; }
.vmp .hero-wave-big .heard, .vmp .hero-wave-big .heard:nth-child(7n+3) { background:var(--vm-signal); }
.vmp .hero-wave-big:hover i:not(.heard) { background:#3d4553; }
.vmp .partners { background:var(--vm-night); border-top:1px solid var(--vm-night-line); border-bottom:0; }
.vmp .partners-head { color:var(--vm-night-muted); }
.vmp .partners-head a { color:var(--vm-night-text); }
.vmp .partners-row li { color:#b79c90; }
.vmp .shelf-head h2 { color:var(--vm-ink); }
.vmp .product-card { border-color:var(--vm-line); }
.vmp .product-card:hover, .vmp .product-card:focus-within { border-color:var(--vm-ink); }
.vmp .card-art { background:var(--vm-soft); }
.vmp .card-copy>span { color:var(--vm-muted); font-size:13px; }
.vmp .quick-add { color:var(--vm-ink); }
.vmp .quick-add:hover { background:var(--vm-soft); }
.vmp .card-actions .secondary-add { color:var(--vm-muted); }
.vmp .card-actions .secondary-add:hover { color:var(--vm-ink); }
.vmp .jump-nav { background:var(--vm-soft); border-color:var(--vm-line); }
.vmp .jump-nav a:hover { background:#e8eaee; }
.vmp .jump-icon, .vmp .jump-nav a:nth-child(n) .jump-icon { background:var(--vmp-surface,#fffaf3) !important; color:var(--vm-ink) !important; border:1px solid var(--vm-line); }
.vmp .rail-tools button { border-color:var(--vm-line); }
.vmp .team-banner { background:var(--vm-night); }
.vmp .team-banner .overline { color:var(--vm-signal); }
.vmp .team-banner .button-white { background:var(--vm-signal); color:var(--vm-ink); font-weight:700; }
.vmp .team-banner .button-white:hover { background:var(--vm-signal-hi); }
.vmp .roi-result { background:var(--vm-night); }
.vmp .roi-result b { color:var(--vm-signal); }
.vmp .roi-calc input, .vmp .lead-form input, .vmp .lead-form textarea { background:var(--vmp-surface,#fffaf3); }
.vmp .plan li::before { border-color:var(--vm-ok); }
.vmp .plan .button { background:var(--vm-ink); border-color:var(--vm-ink); color:#fff2df; }
.vmp .plan .button:hover { background:#000; }
.vmp .lead-alt a, .vmp .lead-status a, .vmp .security-foot a, .vmp .lead-consent a { color:var(--vm-ink); text-decoration:underline; text-underline-offset:3px; }
.vmp .lead-intent input { accent-color:var(--vm-ink); }
.vmp .faq-item summary::after { color:var(--vm-ink); }
.vmp .site-footer { background:var(--vm-night); color:var(--vm-night-muted); box-shadow:0 0 0 100vmax var(--vm-night); clip-path:inset(0 -100vmax); padding-top:36px; padding-bottom:36px; margin-top:0; border-top:0; }
.vmp .site-footer .brand { color:var(--vm-night-text); }
.vmp .footer-main p, .vmp .footer-contact { color:var(--vm-night-muted); }
.vmp .footer-links a { color:#e7d3c4; }
.vmp .footer-links a:hover { color:#fff2df; }
.vmp .site-footer .motion-toggle { background:transparent; border-color:var(--vm-night-line); color:var(--vm-night-muted); }
.vmp .vm-section { padding:clamp(56px,7vw,96px) 0 0; }
.vmp .band { margin-top:clamp(56px,7vw,96px); padding-bottom:clamp(56px,7vw,96px); clip-path:inset(0 -100vmax); }
.vmp .band-soft { background:var(--vm-soft); box-shadow:0 0 0 100vmax var(--vm-soft); }
.vmp .band-night { background:var(--vm-night); box-shadow:0 0 0 100vmax var(--vm-night); color:var(--vm-night-text); }
.vmp .band-night h2 { color:var(--vm-night-text); }
.vmp .band-night h2 em, .vmp .roster-head h2 em { font-family:"Instrument Serif",Georgia,"Times New Roman",serif; font-style:italic; font-weight:400; letter-spacing:-.01em; font-size:1.1em; line-height:.95; }
.vmp .band-night h2 em { color:var(--vm-signal); }
.vmp .vm-section h2, .vmp .roster-head h2 { font-size:clamp(30px,4.2vw,50px); letter-spacing:-.04em; line-height:1.02; font-weight:700; }
.vmp .hero-facts { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 22px; list-style:none; margin:20px 0 0; padding:0; color:var(--vm-night-muted); font-size:13px; }
.vmp .hero-facts li { display:inline-flex; align-items:center; gap:8px; }
.vmp .hero-facts li::before { content:""; width:9px; height:5px; border-left:2px solid var(--vm-signal); border-bottom:2px solid var(--vm-signal); transform:rotate(-45deg) translateY(-2px); }
.vmp .roster-head { padding-top:clamp(52px,6vw,84px); max-width:760px; }
.vmp .roster-head h2 { margin:0; }
.vmp .roster-head p { margin:12px 0 0; color:var(--vm-muted); font-size:17px; line-height:1.5; }
.vmp .jump-nav { margin:26px 0 34px; }
.vmp .jump-nav small { color:var(--vm-muted); }
.vmp .jump-count { margin-left:auto; flex:none; min-width:30px; height:24px; padding:0 8px; display:inline-grid; place-items:center; border-radius:999px; background:var(--vmp-surface,#fffaf3); border:1px solid var(--vm-line); font-family:"JetBrains Mono",ui-monospace,monospace; font-size:12px; font-weight:500; color:var(--vm-ink); }
.vmp #voice .shelf-kicker { display:block; }
.vmp .shelf-head h2 { font-size:clamp(24px,2.7vw,34px); letter-spacing:-.035em; }
.vmp .card-copy>span { display:block; }
.vmp .quick-add[aria-pressed="true"] { color:var(--vm-ok); }
.vmp .pick-check { font-weight:700; }
.vmp .how-head { display:flex; justify-content:space-between; align-items:flex-end; gap:20px 32px; flex-wrap:wrap; }
.vmp .how-head h2 { margin:0; max-width:15ch; }
.vmp .button-signal { background:var(--vm-signal); color:var(--vm-ink); font-weight:700; min-height:48px; padding-inline:22px; font-size:15px; }
.vmp .button-signal:hover { background:var(--vm-signal-hi); }
.vmp .how-steps { list-style:none; margin:44px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--vm-night-line); }
.vmp .how-steps li { padding:26px 32px 0 0; }
.vmp .how-steps li + li { padding-left:32px; border-left:1px solid var(--vm-night-line); }
.vmp .how-n { font-family:"JetBrains Mono",ui-monospace,monospace; font-size:13px; font-weight:500; color:var(--vm-signal); }
.vmp .how-steps h3 { margin:14px 0 8px; font-size:22px; letter-spacing:-.02em; color:var(--vm-night-text); }
.vmp .how-steps p { margin:0; color:var(--vm-night-muted); font-size:15px; line-height:1.55; }
.vmp .faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(28px,5vw,80px); align-items:start; }
.vmp .faq-side h2 { margin:0; }
.vmp .faq-list { max-width:none; }
.vmp .about { max-width:none; margin-top:28px; padding-top:24px; border-top:1px solid var(--vm-line); }
.vmp .about h3 { margin:0 0 8px; font-size:18px; }
.vmp .about p { margin:0 0 18px; color:var(--vm-muted); font-size:15px; line-height:1.55; }
.vmp .about .button { min-height:46px; white-space:normal; text-align:center; }
.vmp .get-started.band-night .lead-copy p { color:var(--vm-night-muted); }
.vmp .get-started.band-night .lead-alt a { color:var(--vm-night-text); }
.vmp .get-started.band-night .lead-plan { background:var(--vm-night-2); border-color:var(--vm-night-line); color:var(--vm-night-text); }
.vmp .get-started.band-night .lead-plan ul { color:var(--vm-night-muted); }
.vmp .get-started.band-night .lead-form, .vmp .get-started.band-night .lead-done { border:0; color:var(--vm-ink); }
.vmp .site-footer { background:#140c0f; box-shadow:0 0 0 100vmax #140c0f; }
.vmp .team-picks { margin-top:16px; padding-top:14px; border-top:1px solid var(--vm-line); }
.vmp .team-picks ul { list-style:none; margin:10px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.vmp .team-picks li { display:inline-flex; align-items:center; gap:6px; padding:3px 3px 3px 12px; border:1px solid var(--vm-line); border-radius:999px; background:var(--vmp-surface,#fffaf3); font-size:13px; font-weight:600; }
.vmp .pick-remove { width:36px; height:36px; border:0; border-radius:50%; background:var(--vm-soft); color:var(--vm-ink); font-size:18px; line-height:1; }
.vmp .pick-remove:hover { background:#e4e6ea; }
@media (max-width:860px){
.vmp .faq { grid-template-columns:1fr; }
.vmp .how-steps { grid-template-columns:1fr; }
.vmp .how-steps li, .vmp .how-steps li + li { padding:22px 0; border-left:0; }
.vmp .how-steps li + li { border-top:1px solid var(--vm-night-line); }
.vmp .how-steps li:last-child { padding-bottom:0; }
}
.vmp .band-night h2 em { display:block; }
.vmp .how-head h2 { max-width:none; }
.vmp .security-list li { align-content:start; }
.vmp .hero-center { padding-top:clamp(40px,5.5vw,76px); }
.vmp .hero-wave.hero-wave-big { height:clamp(56px,8vw,104px); }
.vmp .hero-facts { margin-bottom:6px; }
.vmp { --lime:#0b0e13; --muted:#565e6c; }
.vmp dialog { color:var(--vm-ink); border-color:var(--vm-line); }
.vmp dialog::backdrop { background:#0b0e13b3; }
.vmp .dialog-label, .vmp .lab-kicker { color:var(--vm-muted); }
.vmp .builder-tabs { border-color:var(--vm-line); }
.vmp .builder-tabs button[aria-pressed="true"] { border-color:var(--vm-ink); color:var(--vm-ink); }
.vmp .agent, .vmp .empty { color:var(--vm-ink); border-color:var(--vm-line); background:var(--vm-soft); }
.vmp .agent-fields label { color:var(--vm-muted); }
.vmp .agent-fields input, .vmp .agent-fields select, .vmp .agent-fields textarea { color:var(--vm-ink); border-color:#cfd4dc; }
.vmp .icon-button { border-color:var(--vm-line); color:var(--vm-ink); }
.vmp .icon-button:hover { background:var(--vm-soft); }
.vmp .agent-icon, .vmp .lab-brand-icon { background:var(--vm-ink); color:var(--vm-signal); box-shadow:none; }
.vmp .preview { background:var(--vm-soft); color:var(--vm-ink); }
.vmp .lab-header { background:var(--vmp-surface,#fffaf3); border-bottom-color:var(--vm-line); }
.vmp .lab-footer { border-top-color:var(--vm-line); color:var(--vm-muted); background:var(--vmp-surface,#fffaf3); }
.vmp .lab-form { border-color:var(--vm-line); }
.vmp .lab-local { border-color:var(--vm-line); color:var(--vm-muted); }
.vmp .lab-local i, .vmp .lab-footer i { background:var(--vm-signal); }
.vmp .lab-description, .vmp .lab-scope, .vmp .lab-heading p:last-child, .vmp .preview-note { color:var(--vm-muted); }
.vmp .lab-field, .vmp .lab-toggle { color:var(--vm-ink); }
.vmp .lab-field :is(input,select,textarea) { border-color:#cfd4dc; color:var(--vm-ink); }
.vmp .lab-toggle input { accent-color:var(--vm-ink); }
.vmp .lab-secondary { border-color:var(--vm-line); color:var(--vm-ink); }
.vmp .lab-secondary:hover { background:var(--vm-soft); }
.vmp .lab-output { border-color:var(--vm-night-line); }
.vmp .toast { background:var(--vm-ink); border-color:var(--vm-night-line); }
.vmp .lab-secondary[aria-pressed="true"] { color:var(--vm-ok); border-color:var(--vm-ok); }
@media (max-width:360px){
.vmp .site-header .brand { font-size:19px; gap:7px; }
.vmp .vm-mark { width:23px; height:19px; }
.vmp .hero-wave.hero-wave-big { overflow:hidden; } 
}
.vmp .card-art.card-art { --surface:transparent; --surface-alt:#ffffff; --screen-ink:#0b0e13; --screen-muted:#6a7280; --screen-accent:#0b0e13; --screen-line:#e0e3e8; --screen-back:#e6e8ec; --screen-active:var(--vm-signal-soft); background:var(--vm-soft); height:118px; padding:0 14px; display:flex; align-items:center; }
.vmp .card-art .screen-window { width:100%; height:auto; border:0; box-shadow:none !important; background:transparent; font-size:11px; overflow:visible; }
.vmp .card-art .screen-header, .vmp .card-art .screen-foot { display:none; }
.vmp .card-art .screen-content { padding:0; }
.vmp .card-art .screen-text b { font-size:12px; }
.vmp .card-art .screen-text small { font-size:10px; }
.vmp .card-art .screen-badge { font-size:9px; padding:2px 6px; border-radius:999px; }
.vmp .card-art .screen-wave { height:34px; margin-top:10px; border:1px solid var(--screen-line); }
.vmp .card-art .screen-video-scene, .vmp .card-art .screen-video-scene.is-interview, .vmp .card-art .screen-video-scene.is-motion, .vmp .card-art .screen-video-scene.is-launch { background:linear-gradient(120deg,#12161d,#333b48); }
.vmp .card-art .screen-tracks>span:nth-child(2) b { background:var(--screen-back); color:var(--screen-ink); }
.vmp .product-card { border-radius:14px; }
.vmp .product-card:hover .card-art, .vmp .product-card:focus-within .card-art { background:#eceef1; }
.vmp .card-copy { padding:14px 16px 6px; }
.vmp .card-copy strong { font-size:18px; letter-spacing:-.03em; }
.vmp .card-copy>span { margin-top:6px; font-size:14px; line-height:1.45; }
.vmp .card-actions { padding:4px 10px 10px; }
.vmp .card-copy strong { letter-spacing:-.02em; word-spacing:.08em; }
.vmp .product-open { height:100%; }
.vmp .card-copy { order:-1; padding:18px 18px 14px; }
.vmp .card-art.card-art { margin-top:auto; }
@media (max-width:600px){
.vmp .card-copy { padding:16px 16px 12px; }
.vmp .card-copy strong { font-size:17px; } 
}
.vmp .card-art.card-art { width:auto; margin:auto 12px 0; border-radius:10px; height:112px; padding:0 12px; }
.vmp .card-actions { padding:6px 10px 10px; }
.vmp .step-label { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; margin:30px 0 12px; font-size:14px; color:var(--vm-muted); }
.vmp .step-label b { font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--vm-ink); }
.vmp .step-label-browse { margin-top:36px; }
.vmp .step-label-browse + .jump-nav { margin-top:0; }
.vmp .job-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; list-style:none; margin:0; padding:0; }
.vmp .job { display:flex; flex-direction:column; padding:18px; border:1px solid var(--vm-line); border-radius:14px; background:var(--vmp-surface,#fffaf3); }
.vmp .job-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--vm-ink); color:var(--vm-signal); }
.vmp .job-icon svg { width:17px; height:17px; }
.vmp .job h3 { margin:14px 0 6px; font-family:"Schibsted Grotesk",system-ui,sans-serif; font-size:18px; line-height:1.15; letter-spacing:-.02em; word-spacing:.06em; }
.vmp .job p { margin:0; font-size:13.5px; line-height:1.45; color:var(--vm-muted); }
.vmp .job-team { list-style:none; margin:12px 0 16px; padding:12px 0 0; border-top:1px solid var(--vm-line); display:grid; gap:1px; }
.vmp .job-team button { display:inline-flex; align-items:center; gap:8px; min-height:26px; padding:0; border:0; background:none; font:inherit; font-size:13px; font-weight:600; color:var(--vm-ink); text-align:left; cursor:pointer; }
.vmp .job-team button::before { content:"+"; color:var(--vm-muted); font-weight:400; }
.vmp .job-team button:hover { text-decoration:underline; text-underline-offset:3px; }
.vmp .job-hire { margin-top:auto; min-height:42px; border:1.5px solid var(--vm-ink); border-radius:999px; background:var(--vmp-surface,#fffaf3); color:var(--vm-ink); font:inherit; font-size:14px; font-weight:700; cursor:pointer; transition:background .15s,color .15s; }
.vmp .job-hire:hover { background:var(--vm-ink); color:#fff2df; }
.vmp .job-hire[aria-pressed="true"]:hover { background:var(--vm-night-3); color:#fff2df; }
@media (min-width:1101px){
.vmp .job p { min-height:4.35em; } 
}
.vmp .job-hire[aria-pressed="true"] { background:var(--vm-ink); border-color:var(--vm-ink); color:#fff2df; }
@media (max-width:1100px){
.vmp .job-list { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(232px,1fr); overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; padding-bottom:10px; scrollbar-width:thin; }
.vmp .job { scroll-snap-align:start; }
}
@media (max-width:600px){
.vmp .job-list { grid-auto-columns:min(76%,268px); gap:9px; }
.vmp .step-label { margin-top:24px; } 
}
.vmp .team-bar { position:fixed; z-index:8; left:50%; bottom:max(14px,env(safe-area-inset-bottom)); transform:translateX(-50%); width:min(600px,calc(100% - 24px)); display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 7px 7px 8px; border-radius:999px; background:var(--vm-ink); color:#fff2df; box-shadow:0 14px 44px #0b0e1352, inset 0 0 0 1px #ffffff1f; animation:team-bar-in .28s cubic-bezier(.2,.8,.2,1); }
.vmp .team-bar[hidden] { display:none; }
@keyframes team-bar-in{ from { opacity:0; transform:translate(-50%,14px); } }
.vmp .team-bar-info { display:flex; align-items:center; gap:10px; min-width:0; padding:3px 10px 3px 3px; border:0; border-radius:999px; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.vmp .team-bar-info:hover { background:#ffffff12; }
.vmp .team-bar-info b { display:grid; place-items:center; flex:none; min-width:36px; height:36px; padding:0 9px; border-radius:999px; background:var(--vm-signal); color:var(--vm-ink); font-family:"JetBrains Mono",ui-monospace,monospace; font-size:14px; font-weight:700; }
.vmp .team-bar-info span { display:grid; min-width:0; line-height:1.25; }
.vmp .team-bar-info strong { font-size:14px; font-weight:600; }
.vmp .team-bar-info small { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; color:var(--vm-night-muted); }
.vmp .team-bar .button { flex:none; min-height:44px; padding-inline:18px; border-radius:999px; font-size:14px; }
.vmp .team-bar-short { display:none; }
@media (max-width:520px){
.vmp .team-bar-long { display:none; }
.vmp .team-bar-short { display:inline; } 
}
.vmp body.has-team-bar .toast { bottom:84px; }
@media (prefers-reduced-motion:reduce){
.vmp .team-bar { animation:none; } 
}
.vmp .how-done { display:inline-flex; margin-top:14px; padding:5px 11px; border-radius:999px; background:color-mix(in srgb,var(--vm-signal) 16%,transparent); color:var(--vm-signal); font-size:12.5px; font-weight:600; }
.vmp .how-done[hidden] { display:none; }
.vmp .roi-next { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; }
.vmp .roi-next .button { min-height:46px; padding-inline:18px; }
.vmp .roi-next a { font-size:14px; color:var(--vm-ink); text-decoration:underline; text-underline-offset:3px; }
.vmp .pricing-help { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px; margin:18px 0 0; padding:16px 20px; border-radius:12px; background:var(--vmp-surface,#fffaf3); border:1px solid var(--vm-line); font-size:14.5px; color:var(--vm-muted); }
.vmp .pricing-help span { flex:1 1 320px; }
.vmp .pricing-help b { color:var(--vm-ink); }
.vmp .lead-steps { counter-reset:ls; list-style:none; margin:24px 0 0; padding:0; display:grid; gap:10px; max-width:440px; }
.vmp .lead-steps li { counter-increment:ls; display:flex; gap:12px; align-items:baseline; font-size:14.5px; line-height:1.4; color:var(--vm-night-text); }
.vmp .lead-steps li::before { content:counter(ls,decimal-leading-zero); flex:none; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:12px; color:var(--vm-signal); }
.vmp .get-started .lead-copy .lead-note { margin:12px 0 0; font-size:13.5px; color:var(--vm-signal); }
.vmp .product-card:has(.quick-add[aria-pressed="true"]) { border-color:var(--vm-ink); }
.vmp .lead-note[hidden] { display:none; }
.vmp .lead-form select { width:100%; min-height:44px; box-sizing:border-box; padding:8px 36px 8px 12px; border:1px solid var(--vm-line); border-radius:9px; background:var(--vmp-surface,#fffaf3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0e13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px; font:inherit; font-size:15px; font-weight:400; color:var(--vm-ink); appearance:none; -webkit-appearance:none; }
.vmp .lead-form select:focus { outline:2px solid var(--vm-blue); outline-offset:1px; }
.vmp .lead-form select:invalid { color:var(--vm-muted); }
.vmp .lead-trust { list-style:none; display:flex; flex-wrap:wrap; gap:6px 18px; margin:0; padding:0; font-size:12.5px; color:var(--vm-muted); }
.vmp .lead-trust li { display:inline-flex; align-items:center; gap:8px; }
.vmp .lead-form[hidden], .vmp .lead-done[hidden] { display:none !important; }
.vmp .lead-trust li::before { content:""; margin-left:3px; width:8px; height:4px; border-left:2px solid var(--vm-ok); border-bottom:2px solid var(--vm-ok); transform:rotate(-45deg) translateY(-2px); }
.vmp .lead-next { list-style:none; margin:20px 0 0; padding:18px 0 0; border-top:1px solid var(--vm-line); display:grid; gap:12px; }
.vmp .lead-next li { display:grid; grid-template-columns:54px 1fr; gap:10px; align-items:baseline; font-size:14.5px; color:var(--vm-ink); }
.vmp .lead-next b { font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--vm-muted); }
.vmp .hc-actions { display:flex; flex-wrap:wrap; gap:6px; }
.vmp .hc-try { text-decoration:none; }
.vmp .hc-try.hc-hire { background:var(--vm-signal); border-color:var(--vm-signal); color:var(--vm-ink); }
.vmp .hc-try:disabled { opacity:.5; cursor:default; }
.vmp .preview, .vmp .preview[data-category="calls"], .vmp .preview[data-category="video"], .vmp .preview[data-category="tools"] { --lab-signal:var(--vm-signal); --lab-accent:var(--vm-ink); }
.vmp .lab-output { background:var(--vm-ink); }
.vmp .lab-tracker-row>span[data-state="Active"] { color:#ffd9c4; background:color-mix(in srgb,var(--vm-signal) 18%,transparent); border-color:color-mix(in srgb,var(--vm-signal) 45%,transparent); }
.vmp .hero-room { width:min(1040px,100%); margin:30px auto 0; display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:14px; text-align:left; align-items:start; }
.vmp .hero-room .hero-chat { width:auto; max-width:none; margin:0; display:flex; flex-direction:column; }
.vmp .hero-room .hc-log { flex:1; }
.vmp .hr-orb-row { display:flex; align-items:center; gap:12px; padding-bottom:12px; margin-bottom:10px; border-bottom:1px solid var(--vm-night-line); }
.vmp .hr-orb-row b { display:block; font-size:14px; color:var(--vm-night-text); }
.vmp .hr-orb-row small { font-size:12.5px; color:var(--vm-night-muted); }
.vmp .hr-orb { flex:none; width:44px; height:44px; border-radius:50%; background:var(--vm-signal); display:flex; align-items:center; justify-content:center; gap:2.5px; }
.vmp .hr-orb i { width:3px; height:10px; border-radius:2px; background:var(--vm-ink); animation:hr-orb 1.2s ease-in-out infinite; }
.vmp .hr-orb i:nth-child(2) {animation-delay:.15s;height:18px}
.vmp .hr-orb i:nth-child(3) {animation-delay:.3s;height:24px}
.vmp .hr-orb i:nth-child(4) {animation-delay:.45s;height:16px}
.vmp .hr-orb i:nth-child(5) {animation-delay:.6s}
@keyframes hr-orb{ 50% { transform:scaleY(.45); } }
.vmp .hr-screen { display:flex; flex-direction:column; min-width:0; border-radius:16px; background:var(--vmp-surface,#fffaf3); color:var(--vm-ink); overflow:hidden; }
.vmp .hr-bar { display:flex; align-items:center; gap:10px; padding:12px; background:var(--vm-soft); }
.vmp .hr-search { flex:1; min-width:0; display:flex; align-items:center; gap:9px; min-height:40px; padding:0 14px; border:1.5px solid var(--vm-line); border-radius:999px; background:var(--vmp-surface,#fffaf3); color:var(--vm-muted); transition:border-color .2s; }
.vmp .hr-search svg { flex:none; width:16px; height:16px; }
.vmp .hr-search b { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:500; color:var(--vm-ink); }
.vmp .hr-search b.typed { animation:hr-type .7s steps(28,end); } 
@keyframes hr-type{ from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0 0 0 0); } }
.vmp .hr-cart { flex:none; display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 14px; border:0; border-radius:999px; background:var(--vm-ink); color:#fff2df; font:inherit; font-size:13px; font-weight:600; cursor:pointer; }
.vmp .hr-cart b { min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:var(--vm-signal); color:var(--vm-ink); font-size:12px; line-height:20px; text-align:center; }
.vmp .hr-progress { height:3px; background:var(--vm-line); overflow:hidden; }
.vmp .hr-progress i { display:block; width:35%; height:100%; background:var(--vm-signal); transform:translateX(-110%); }
.vmp .hero-room.thinking .hr-progress i { animation:hr-slide .9s linear infinite; } 
@keyframes hr-slide{ to { transform:translateX(300%); } }
.vmp .hero-room.thinking .hr-search { border-color:var(--vm-signal); }
.vmp .hero-room.thinking .hr-view { opacity:.5; }
.vmp .hr-heading { margin:16px 16px 0; font-family:"Schibsted Grotesk",system-ui,sans-serif; font-size:19px; font-weight:700; letter-spacing:-.02em; }
.vmp .hr-view { flex:1; padding:12px 16px 16px; transition:opacity .2s; }
.vmp .hr-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.vmp .hr-card { position:relative; display:flex; flex-direction:column; padding:14px; border:1.5px solid var(--vm-line); border-radius:14px; background:var(--vmp-surface,#fffaf3); animation:hr-in .34s ease both; }
.vmp .hr-card:nth-child(2) {animation-delay:.06s}
.vmp .hr-card:nth-child(3) {animation-delay:.12s}
.vmp .hr-card:nth-child(n+4) {animation-delay:.18s}
@keyframes hr-in{ from { opacity:0; transform:translateY(8px); } }
.vmp .hr-card:hover { border-color:var(--vm-ink); }
.vmp .hr-n { position:absolute; top:10px; right:10px; width:24px; height:24px; border-radius:50%; background:var(--vm-signal); color:var(--vm-ink); font-size:12px; font-weight:700; line-height:24px; text-align:center; }
.vmp .hr-ic { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--vm-ink); color:var(--vm-signal); }
.vmp .hr-ic svg { width:18px; height:18px; }
.vmp .hr-card strong, .vmp .hr-product strong { margin-top:12px; font-family:"Schibsted Grotesk",system-ui,sans-serif; font-size:16px; letter-spacing:-.02em; }
.vmp .hr-card p, .vmp .hr-product p { margin:5px 0 12px; font-size:13px; line-height:1.4; color:var(--vm-muted); }
.vmp .hr-acts { margin-top:auto; display:flex; flex-wrap:wrap; gap:6px; }
.vmp .hr-acts button, .vmp .hr-go { min-height:34px; padding:0 12px; border:1.5px solid var(--vm-line); border-radius:999px; background:var(--vmp-surface,#fffaf3); color:var(--vm-ink); font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.vmp .hr-acts .hr-add { border-color:var(--vm-ink); }
.vmp .hr-acts .hr-add[aria-pressed="true"], .vmp .hr-go { background:var(--vm-ink); border-color:var(--vm-ink); color:#fff2df; }
.vmp .hr-go svg { width:14px; height:14px; }
.vmp .hr-product { display:flex; gap:16px; padding:18px; border:1.5px solid var(--vm-line); border-radius:14px; animation:hr-in .34s ease both; }
.vmp .hr-product strong { display:block; margin-top:0; font-size:20px; }
.vmp .hr-product p { font-size:14.5px; }
.vmp .hr-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.vmp .hr-plan { display:flex; flex-direction:column; padding:16px; border:1.5px solid var(--vm-line); border-radius:14px; animation:hr-in .34s ease both; }
.vmp .hr-plan strong { font-size:15px; }
.vmp .hr-plan b { margin-top:4px; font-family:"Schibsted Grotesk",system-ui,sans-serif; font-size:28px; letter-spacing:-.03em; }
.vmp .hr-plan b small { font-size:12px; font-weight:500; color:var(--vm-muted); letter-spacing:0; }
.vmp .hr-plan p { margin:6px 0 8px; font-size:13px; color:var(--vm-muted); }
.vmp .hr-plan ul { margin:0 0 12px; padding-left:16px; font-size:13px; line-height:1.6; }
.vmp .hr-plan a { margin-top:auto; min-height:38px; display:grid; place-items:center; border-radius:999px; background:var(--vm-ink); color:#fff2df; font-size:13px; font-weight:700; text-decoration:none; }
.vmp .hr-cartview ul { margin:0 0 14px; padding:0; list-style:none; display:grid; gap:6px; }
.vmp .hr-cartview li { padding:10px 12px; border:1.5px solid var(--vm-line); border-radius:10px; font-size:14px; font-weight:600; }
.vmp .hr-cartview .hr-go { min-height:42px; padding:0 18px; font-size:14px; }
.vmp .hr-cartview p, .vmp .hr-empty { margin:12px 0 0; font-size:13px; color:var(--vm-muted); }
@media (max-width:900px){
.vmp .hero-room { grid-template-columns:1fr; }
.vmp .hr-call { order:-1; } 
}
@media (max-width:600px){
.vmp .hr-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:min(72%,230px); overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:6px; }
.vmp .hr-card { scroll-snap-align:start; }
.vmp .hr-plans { grid-template-columns:1fr; }
.vmp .hr-cart { padding:0 10px; } 
}
@media (prefers-reduced-motion:reduce){
.vmp .hr-orb i, .vmp .hr-card, .vmp .hr-product, .vmp .hr-plan, .vmp .hr-search b.typed { animation:none; } 
}
.vmp .card-ic { display:none; }
@media (min-width:900px){
.vmp .rail { grid-auto-flow:row; grid-auto-columns:auto; overflow:visible; padding:5px 0 0; }
.vmp .shelf-head .rail-controls, .vmp .shelf-head [data-rail-prev], .vmp .shelf-head [data-rail-next] { display:none; }
.vmp #voice .rail { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.vmp #voice .card-art.card-art { height:132px; }
.vmp #calls .rail, .vmp #video .rail, .vmp #tools .rail { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
}
.vmp #calls .card-art, .vmp #video .card-art, .vmp #tools .card-art { display:none; }
.vmp #calls .card-ic, .vmp #video .card-ic, .vmp #tools .card-ic { display:grid; place-items:center; width:38px; height:38px; margin-bottom:14px; border-radius:10px; }
.vmp .card-ic svg { width:19px; height:19px; }
.vmp #calls .card-ic { background:var(--vm-ink); color:#fff2df; }
.vmp #video .card-ic { background:var(--vm-signal); color:var(--vm-ink); }
.vmp #tools .card-ic { background:var(--vmp-surface,#fffaf3); color:var(--vm-ink); box-shadow:inset 0 0 0 1.5px var(--vm-ink); }
.vmp #calls .card-copy, .vmp #video .card-copy, .vmp #tools .card-copy { padding-bottom:10px; }
.vmp #calls .card-copy strong, .vmp #video .card-copy strong, .vmp #tools .card-copy strong { font-size:16.5px; }
.vmp #calls .card-copy>span:not(.card-ic), .vmp #video .card-copy>span:not(.card-ic), .vmp #tools .card-copy>span:not(.card-ic) { font-size:13.5px; }
.vmp #video { padding:22px 14px; border-radius:18px; background:var(--vm-soft); }
.vmp #voice .card-ic { display:none !important; }
@media (min-width:900px){
.vmp #video { margin-inline:-20px; padding:26px 20px; }
.vmp .rail-tools button { display:none; } 
}
.vmp #video .product-card { border-color:transparent; }
.vmp .shelf + .shelf { margin-top:56px; }
.vmp .card-role { display:block; margin-top:4px; font-style:normal; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--vm-muted); }
.vmp #voice .card-copy strong { font-size:26px; }
.vmp #discover { margin-top:34px; padding:44px 0 26px; background:var(--vm-night); color:var(--vm-night-text); box-shadow:0 0 0 100vmax var(--vm-night); clip-path:inset(0 -100vmax); }
.vmp #discover .shelf, .vmp #discover #video { margin:0 0 34px; padding:0; background:none; border-radius:0; }
.vmp #discover .shelf-head h2 { color:#fff2df; font-size:26px; }
.vmp #discover .shelf-head p { color:var(--vm-night-muted); }
.vmp #discover .shelf-kicker { color:var(--vm-signal); }
.vmp #discover .rail-tools>span { color:var(--vm-night-muted); }
.vmp #discover .rail-tools button { display:grid; background:var(--vm-night-2); border-color:var(--vm-night-line); color:#fff2df; border-radius:999px; }
.vmp #discover .rail-tools button:hover:not(:disabled) { background:var(--vm-night-3); }
.vmp #discover .rail-tools button:disabled { opacity:.35; }
.vmp #discover .rail { display:grid; grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:clamp(250px,24%,310px); gap:12px; overflow-x:auto; overflow-y:visible; padding:14px 4px 16px; margin:0 -4px; scroll-snap-type:x proximity; scrollbar-width:none; }
.vmp #discover .rail::-webkit-scrollbar { display:none; }
.vmp #discover #voice .rail { grid-auto-columns:clamp(280px,31%,400px); }
.vmp #discover .product-card { display:flex; flex-direction:column; background:none; border:0; border-radius:0; overflow:visible; transition:transform .22s cubic-bezier(.2,.8,.2,1); }
.vmp #discover .product-card:nth-child(8n+1) { --c:#cf7a3c; }
.vmp #discover .product-card:nth-child(8n+2) { --c:#a8324a; }
.vmp #discover .product-card:nth-child(8n+3) { --c:#6f4b9b; }
.vmp #discover .product-card:nth-child(8n+4) { --c:#3c6fa6; }
.vmp #discover .product-card:nth-child(8n+5) { --c:#c9992e; }
.vmp #discover .product-card:nth-child(8n+6) { --c:#b84f7c; }
.vmp #discover .product-card:nth-child(8n+7) { --c:#1f8380; }
.vmp #discover .product-card:nth-child(8n+8) { --c:#5c8048; }
.vmp #discover #calls .product-card:nth-child(8n+1) { --c:#3c6fa6; }
.vmp #discover #calls .product-card:nth-child(8n+4) { --c:#cf7a3c; }
.vmp #discover #video .product-card:nth-child(8n+1) { --c:#b84f7c; }
.vmp #discover #video .product-card:nth-child(8n+6) { --c:#cf7a3c; }
.vmp #discover #tools .product-card:nth-child(8n+1) { --c:#1f8380; }
.vmp #discover #tools .product-card:nth-child(8n+7) { --c:#cf7a3c; }
.vmp #discover .product-open { height:auto; flex:1; }
.vmp #discover .card-art { display:none !important; }
.vmp #discover .card-copy { position:relative; order:0; display:flex; flex-direction:column; justify-content:flex-end; flex:1; min-height:178px; padding:18px; border-radius:12px; overflow:hidden; color:#fff2df;
  background:linear-gradient(150deg, color-mix(in srgb,var(--c) 96%,#fff) 0%, var(--c) 28%, color-mix(in srgb,var(--c) 58%,#1a1014) 100%); box-shadow:inset 0 0 0 1px #ffffff1f; transition:box-shadow .2s; }
.vmp #discover #voice .card-copy { min-height:220px; padding:22px; }
.vmp #discover .card-ic, .vmp #discover #voice .card-ic { display:block !important; position:absolute; top:-18px; right:-18px; width:150px; height:150px; margin:0; background:none; box-shadow:none; color:#fff2df; opacity:.2; border-radius:0; transform:rotate(-8deg); }
.vmp #discover .card-ic svg { width:100%; height:100%; stroke-width:1.2; }
.vmp #discover .card-copy strong, .vmp #discover #voice .card-copy strong { position:relative; font-size:24px; line-height:1.05; letter-spacing:-.03em; color:#fff2df; text-shadow:0 1px 12px #0003; }
.vmp #discover #voice .card-copy strong { font-size:38px; }
.vmp #discover .card-role { position:relative; order:-1; margin:0 0 6px; color:#ffffffd9; }
.vmp #discover .card-copy>span:not(.card-ic) { position:relative; margin-top:8px; font-size:13.5px; line-height:1.4; color:#ffffffe6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.vmp #discover .card-actions { display:flex; justify-content:space-between; gap:6px; padding:8px 2px 0; }
.vmp #discover .card-actions button, .vmp #discover .card-actions .quick-add, .vmp #discover .card-actions .secondary-add { color:var(--vm-night-text); background:none; border:0; font-size:13px; }
.vmp #discover .card-actions button:hover { color:#fff2df; text-decoration:underline; text-underline-offset:3px; }
.vmp #discover .quick-add[aria-pressed="true"], .vmp #discover .secondary-add[aria-pressed="true"] { color:var(--vm-signal); }
.vmp #discover .product-card:has([aria-pressed="true"]) .card-copy { box-shadow:inset 0 0 0 2.5px #fff; }
@media (hover:hover){
.vmp #discover .product-card:hover, .vmp #discover .product-card:focus-within { transform:scale(1.045); z-index:2; }
.vmp #discover .product-card:hover .card-copy { box-shadow:inset 0 0 0 1px #ffffff55, 0 18px 40px #000a; }
}
@media (max-width:600px){
.vmp #discover .rail, .vmp #discover #voice .rail { grid-auto-columns:min(78%,290px); }
.vmp #discover #voice .card-copy strong { font-size:32px; }
.vmp #discover { padding-top:30px; } 
}
@media (prefers-reduced-motion:reduce){
.vmp #discover .product-card { transition:none; }
.vmp #discover .product-card:hover { transform:none; } 
}
.vmp .pricing-managed { color:var(--vm-ink); font-size:14px; }
.vmp .topbar nav .nav-sep { flex:none; width:1px; height:16px; background:var(--vm-night-line); }
.vmp .top-login { padding:12px 6px; color:#d4b6a8; font-size:13px; font-weight:600; white-space:nowrap; }
.vmp .top-login:hover { color:#fff2df; }
@media (max-width:1300px){
.vmp .topbar nav { gap:18px; } 
}
@media (max-width:1240px){
.vmp .topbar { flex-wrap:wrap; row-gap:0; }
.vmp .topbar nav { display:flex; order:3; flex:0 0 100%; gap:20px; overflow-x:auto; scrollbar-width:none; border-top:1px solid var(--vm-night-line); }
.vmp .topbar nav::-webkit-scrollbar { display:none; }
.vmp .topbar nav a { flex:none; padding-block:11px; }
}
.vmp .topbar nav .nav-login { display:none; }
@media (max-width:510px){
.vmp .top-login { display:none; }
.vmp .topbar nav .nav-login { display:inline; }
}
.vmp .hc-voice-row { display:flex; flex-wrap:wrap; gap:8px; }
.vmp .hc-voice-row .hc-voice[disabled] { opacity:.6; cursor:progress; }
.vmp .hc-voice.hc-end { background:var(--vm-ink); color:#fff2df; }
.vmp .hc-voice.hc-end:hover { background:#000; }
.vmp .hc-voice-note { margin:8px 0 0; font-size:12px; line-height:1.45; color:var(--vm-night-muted); }
.vmp .hero-room.hs-live:not(.hs-speaking) .hr-orb i { animation-play-state:paused; transform:scaleY(.45); }
.vmp .hero-room.hs-live .hr-orb { box-shadow:0 0 0 4px rgba(239,189,134,.25); }

.vmp { background:var(--vmp-surface,#fffaf3); }
/* ---- Spotlight palette on the v9 page ---- */
.vmp { --vm-night:#1a1014; --vm-night-2:#241519; --vm-night-3:#312127; --vm-night-line:#4b3035; --vm-night-muted:#d4b6a8; --vm-night-text:#fff2df;
  --vm-signal:#efbd86; --vm-signal-hi:#f8c899; --vm-signal-soft:#f8e6d2;
  --vm-ink:#2a1719; --vm-blue:#2a1719; --blue:#2a1719; --vm-ok:#2a1719; --vm-muted:#7a5f58; --vm-paper:#fffaf2; --vm-line:#ead9c6; --vm-soft:#f7ecdd; }
.vmp .hero.hero-v2 { background:radial-gradient(ellipse 58% 520px at 50% 300px, #74403a 0%, #4a282c 34%, #1a1014 76%) !important; }
.vmp .hero.hero-v2::before { display:none; }
.vmp .site-header { background:#1a1014; }
.vmp .topbar nav a, .vmp .top-login { color:#d4b6a8; }
.vmp .topbar nav a:hover, .vmp .top-login:hover { color:#fff2df; }
/* ---- posters: each product's own icon comes forward from a faint ghost to a clear cream emblem ---- */
.vmp #discover .card-ic, .vmp #discover #voice .card-ic { top:-14px; right:-14px; width:138px; height:138px; color:#fff2df; opacity:.7;
  -webkit-mask-image:linear-gradient(205deg,#000 30%,transparent 82%); mask-image:linear-gradient(205deg,#000 30%,transparent 82%); }
.vmp #discover #voice .card-ic { width:168px; height:168px; }
.vmp #discover .card-ic svg { stroke-width:1.3; }
/* ---- poster colours. Five colours: blue reads as competence, a functional product fits "functional" colours,
   red backgrounds push buyers to bargain, and a button sells by contrast, so the posters hold no red and no
   copper (copper stays the button colour). Neighbours always differ, and every row has its own order, so no
   column repeats a colour. ---- */
.vmp #discover { --pB:#2b62c9; --pE:#23965a; --pV:#7a48c0; --pT:#12959b; --pR:#b9447f; }
.vmp #discover #voice .product-card:nth-child(5n+1) { --c:var(--pB); } .vmp #discover #voice .product-card:nth-child(5n+2) { --c:var(--pE); }
.vmp #discover #voice .product-card:nth-child(5n+3) { --c:var(--pV); } .vmp #discover #voice .product-card:nth-child(5n+4) { --c:var(--pT); }
.vmp #discover #voice .product-card:nth-child(5n+5) { --c:var(--pR); }
.vmp #discover #calls .product-card:nth-child(5n+1) { --c:var(--pV); } .vmp #discover #calls .product-card:nth-child(5n+2) { --c:var(--pB); }
.vmp #discover #calls .product-card:nth-child(5n+3) { --c:var(--pR); } .vmp #discover #calls .product-card:nth-child(5n+4) { --c:var(--pE); }
.vmp #discover #calls .product-card:nth-child(5n+5) { --c:var(--pT); }
.vmp #discover #video .product-card:nth-child(5n+1) { --c:var(--pT); } .vmp #discover #video .product-card:nth-child(5n+2) { --c:var(--pR); }
.vmp #discover #video .product-card:nth-child(5n+3) { --c:var(--pE); } .vmp #discover #video .product-card:nth-child(5n+4) { --c:var(--pB); }
.vmp #discover #video .product-card:nth-child(5n+5) { --c:var(--pV); }
.vmp #discover #tools .product-card:nth-child(5n+1) { --c:var(--pE); } .vmp #discover #tools .product-card:nth-child(5n+2) { --c:var(--pV); }
.vmp #discover #tools .product-card:nth-child(5n+3) { --c:var(--pT); } .vmp #discover #tools .product-card:nth-child(5n+4) { --c:var(--pR); }
.vmp #discover #tools .product-card:nth-child(5n+5) { --c:var(--pB); }
/* ---- small landscape posters in rows ---- */
@media (min-width:601px) {
  .vmp #discover .rail { grid-auto-columns:clamp(176px,15.6%,206px); gap:10px; }
  .vmp #discover #voice .rail { grid-auto-columns:clamp(196px,18.6%,246px); }
  .vmp #discover .card-copy { min-height:154px; padding:13px 13px 12px; border-radius:11px; }
  .vmp #discover #voice .card-copy { min-height:168px; padding:15px 15px 14px; }
  .vmp #discover .card-copy strong, .vmp #discover #voice .card-copy strong { font-size:17px; line-height:1.1; }
  .vmp #discover #voice .card-copy strong { font-size:23px; }
  .vmp #discover .card-copy>span:not(.card-ic) { margin-top:6px; font-size:12px; line-height:1.35; -webkit-line-clamp:3; }
  .vmp #discover .card-ic, .vmp #discover #voice .card-ic { top:-5px; right:-5px; width:66px; height:66px; opacity:.8; transform:rotate(-6deg); }
  .vmp #discover #voice .card-ic { width:78px; height:78px; }
  .vmp #discover .card-ic svg { stroke-width:1.45; }
  .vmp #discover .card-actions { padding:6px 1px 0; }
  .vmp #discover .card-actions button, .vmp #discover .card-actions .quick-add, .vmp #discover .card-actions .secondary-add { font-size:12px; }
}
/* ---- "start with a job": every job has its own colour (the same five as the posters) ---- */
.vmp .job-list .job:nth-child(1) { --j:#2b62c9; } .vmp .job-list .job:nth-child(2) { --j:#23965a; } .vmp .job-list .job:nth-child(3) { --j:#12959b; }
.vmp .job-list .job:nth-child(4) { --j:#7a48c0; } .vmp .job-list .job:nth-child(5) { --j:#b9447f; }
.vmp .job { position:relative; overflow:hidden; padding-top:23px; border-color:color-mix(in srgb,var(--j) 30%,#ead9c6);
  background:linear-gradient(180deg,color-mix(in srgb,var(--j) 11%,var(--vmp-surface,#fffaf3)) 0,var(--vmp-surface,#fffaf3) 52%); }
.vmp .job::before { content:""; position:absolute; inset:0 0 auto 0; height:5px; background:var(--j); }
.vmp .job-icon { width:44px; height:44px; border-radius:12px; background:var(--j); color:#fff; box-shadow:0 10px 20px -10px var(--j); }
.vmp .job-icon svg { width:22px; height:22px; }
.vmp .job-team { border-top-color:color-mix(in srgb,var(--j) 22%,#ead9c6); }
.vmp .job-team button::before { color:var(--j); font-weight:700; }
.vmp .job-hire { border-color:var(--j); color:var(--j); background:var(--vmp-surface,#fffaf3); }
.vmp .job-hire:hover, .vmp .job-hire[aria-pressed="true"], .vmp .job-hire[aria-pressed="true"]:hover { background:var(--j); border-color:var(--j); color:#fff; }
.vmp .jump-nav a:nth-child(1) .jump-icon { background:#2b62c9 !important; } .vmp .jump-nav a:nth-child(2) .jump-icon { background:#7a48c0 !important; }
.vmp .jump-nav a:nth-child(3) .jump-icon { background:#12959b !important; } .vmp .jump-nav a:nth-child(4) .jump-icon { background:#23965a !important; }
.vmp .jump-nav a:nth-child(n) .jump-icon { color:#fff !important; border-color:transparent; }
/* ---- hero panel: one dark panel read left to right. The advisor comes first (tell us the job), the answer
   beside it (who does it). The bar that looked like a search box but could not be typed in and the 1-2-3 badges
   are hidden. ---- */
.vmp .hr-bar, .vmp .hr-n { display:none; }
.vmp .hr-progress { background:transparent; }
.vmp .hr-screen { background:none; color:#fff2df; border-radius:0; }
.vmp .hr-screen::before, .vmp .hero-room .hero-chat::before { display:block; font:500 10.5px/1 "JetBrains Mono",ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; color:#efbd86; }
.vmp .hero-room .hero-chat::before { content:"1 · Tell us the job"; margin:0 0 14px; }
.vmp .hr-screen::before { content:"2 · Meet who does it"; margin:18px 18px 0; }
.vmp .hr-heading { margin:10px 18px 0; color:#fff2df; }
.vmp .hr-view { padding:12px 18px 18px; }
.vmp .hr-card, .vmp .hr-product, .vmp .hr-plan { background:#2c1b20; border-color:#4b3035; color:#fff2df; }
.vmp .hr-card:hover { border-color:#efbd86; }
.vmp .hr-card p, .vmp .hr-product p, .vmp .hr-plan p, .vmp .hr-plan b small, .vmp .hr-cartview p, .vmp .hr-empty { color:#d4b6a8; }
.vmp .hr-card .card-role { color:#efbd86; }
.vmp .hr-ic { background:#efbd86; color:#2a1719; }
.vmp .hr-acts button { background:transparent; border-color:#67464a; color:#fff2df; }
.vmp .hr-acts button:hover { border-color:#efbd86; }
.vmp .hr-acts .hr-add, .vmp .hr-go, .vmp .hr-plan a { background:#efbd86; border-color:#efbd86; color:#2a1719; }
.vmp .hr-acts .hr-add[aria-pressed="true"] { background:#fff2df; border-color:#fff2df; color:#2a1719; }
.vmp .hr-cartview li { border-color:#4b3035; }
.vmp .hero-room { border:1px solid #4b3035; border-radius:18px; background:#211318d9; overflow:hidden; box-shadow:0 44px 90px -54px #000; gap:0; }
.vmp .hero-room .hero-chat { border:0; border-radius:0; background:none; padding:18px; border-bottom:1px solid #4b3035; }
@media (min-width:901px) {
  .vmp .hero-room { grid-template-columns:360px minmax(0,1fr); align-items:stretch; }
  .vmp .hero-room .hero-chat { order:-1; border-bottom:0; border-right:1px solid #4b3035; }
}
/* ---- missed-calls calculator: sliders instead of typed numbers ---- */
.vmp .roi-calc label.roi-field { gap:8px; }
.vmp .roi-top { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.vmp .roi-top b { font-family:"Schibsted Grotesk",system-ui,sans-serif; font-size:24px; font-weight:700; letter-spacing:-.03em; color:#2a1719; }
.vmp .roi-calc input[type=range] { -webkit-appearance:none; appearance:none; display:block; width:100%; min-height:0; height:36px; margin:0; padding:0; border:0; border-radius:0; background:none; cursor:pointer; --p:50%; }
.vmp .roi-calc input[type=range]:focus { outline:none; background:none; }
.vmp .roi-calc input[type=range]::-webkit-slider-runnable-track { height:8px; border-radius:999px; background:linear-gradient(90deg,#c98a54 0,#efbd86 var(--p),#ead9c6 var(--p)); }
.vmp .roi-calc input[type=range]::-moz-range-track { height:8px; border-radius:999px; background:linear-gradient(90deg,#c98a54 0,#efbd86 var(--p),#ead9c6 var(--p)); }
.vmp .roi-calc input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:26px; height:26px; margin-top:-9px; border-radius:50%; background:#2a1719; border:4px solid var(--vmp-surface,#fffaf3); box-shadow:0 0 0 1px #2a1719, 0 6px 14px #2a171955; transition:transform .15s; }
.vmp .roi-calc input[type=range]::-moz-range-thumb { width:18px; height:18px; border-radius:50%; background:#2a1719; border:4px solid var(--vmp-surface,#fffaf3); box-shadow:0 0 0 1px #2a1719, 0 6px 14px #2a171955; }
.vmp .roi-calc input[type=range]:active::-webkit-slider-thumb { transform:scale(1.12); }
.vmp .roi-calc input[type=range]:focus-visible::-webkit-slider-thumb { box-shadow:0 0 0 2px var(--vmp-surface,#fffaf3), 0 0 0 4px #c98a54; }
.vmp .roi-ends { display:flex; justify-content:space-between; font:500 11px/1 "JetBrains Mono",ui-monospace,monospace; color:#b79c90; }

/* ---- posters under the mouse: grow + lean. The script sets --rx/--ry (the lean) and --mx/--my (the light).
   Mouse only; "reduce motion" keeps everything still. ---- */
@media (hover:hover) and (pointer:fine) and (min-width:601px) and (prefers-reduced-motion:no-preference) {
  .vmp #discover .rail { padding-block:30px 26px; margin-block:-16px -10px; cursor:grab; }
  .vmp #discover .product-card .card-ic { transition:transform .4s cubic-bezier(.2,.9,.25,1.3), opacity .3s; }
  .vmp #discover .rail.is-dragging { cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto; user-select:none; }
  .vmp #discover .rail.is-dragging .product-card { pointer-events:none; }
  .vmp #discover .product-card, .vmp #discover .product-card:hover { --rx:0; --ry:0; --mx:50%; --my:50%; transform:none; transform-origin:50% 60%;
    transition:transform .5s cubic-bezier(.2,.9,.25,1.1), opacity .28s ease, filter .28s ease; }
  .vmp #discover .product-card:first-child { transform-origin:0 60%; }
  .vmp #discover .product-card:last-child { transform-origin:100% 60%; }
  .vmp #discover .rail:hover .product-card { opacity:.6; filter:saturate(.75); }
  .vmp #discover .rail .product-card.is-tilting { transform:perspective(780px) rotateX(calc(var(--rx) * 1deg)) rotateY(calc(var(--ry) * 1deg)) scale(1.14) translateY(-5px);
    transition:transform .1s linear, opacity .2s, filter .2s; opacity:1; filter:none; z-index:4; }
  .vmp #discover .rail .product-card:focus-within:not(.is-tilting) { transform:scale(1.14) translateY(-5px); opacity:1; filter:none; z-index:4; }
  .vmp #discover .rail .product-card.is-tilting + .product-card, .vmp #discover .rail .product-card:has(+ .product-card.is-tilting) { transform:scale(1.04) translateY(-2px); opacity:.86; filter:none; z-index:2; }
  .vmp #discover .card-copy::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity .35s;
    background:radial-gradient(circle at var(--mx) var(--my), #ffffff47 0, #ffffff12 24%, transparent 50%); }
  .vmp #discover .product-card.is-tilting .card-copy::after { opacity:1; }
  .vmp #discover .product-card.is-tilting .card-copy { box-shadow:inset 0 0 0 1.5px #ffffff88, calc(var(--ry) * -1.3px) calc(var(--rx) * 1.3px + 26px) 50px -18px #000; }
  .vmp #discover .product-card.is-tilting .card-ic { transform:translate(calc(var(--ry) * .9px), calc(var(--rx) * -.9px)) rotate(0deg) scale(1.2); opacity:1; }
  .vmp #discover .rail.is-dragging .product-card { opacity:1; filter:none; transform:none; }
}

/* ---- the page is dark from top to bottom, and the hero's warm glow comes back behind the roster, the
   calculator, the prices and the questions ---- */
html:has(.vmp), html:has(.vmp) body, .vmp { background:#1a1014; }
.vmp { overflow-x:clip; } /* the glows are wider than their sections and must not widen the page */
.vmp .roster-head h2, .vmp .roi-copy h2, .vmp .section-head h2, .vmp .faq-side h2, .vmp .about h3 { color:#fff2df; }
.vmp .roster-head p, .vmp .roi-copy p, .vmp .section-head p, .vmp .pricing-note, .vmp .security-foot, .vmp .about p, .vmp .step-label { color:#d4b6a8; }
.vmp .step-label b, .vmp .security-foot a { color:#efbd86; }
.vmp .pricing-note.pricing-managed { color:#fff2df; }
.vmp .faq-side, .vmp .about { border-color:#4b3035; }
.vmp #pricing { background:radial-gradient(ellipse 62% 520px at 50% 300px, #5d3234 0%, #3a2024 38%, #1a1014 78%); box-shadow:none; }
.vmp .roster-head, .vmp #roi, .vmp #faq { position:relative; }
.vmp .roster-head::before, .vmp #roi::before, .vmp #faq::before { content:""; position:absolute; z-index:0; pointer-events:none;
  left:50%; top:-60px; width:min(1500px,100vw); height:560px; transform:translateX(-50%); background:radial-gradient(ellipse 50% 50% at 50% 50%, #5d323466 0%, #3a202433 45%, transparent 72%); }
.vmp .roster-head>*, .vmp #roi>*, .vmp #faq>* { position:relative; z-index:1; }

/* ---- dark cards. Inside every card the page's own colour variables are turned over, so whatever was dark ink
   on cream becomes cream on maroon; the rules after that fix what used fixed colours. ---- */
:root .vmp :is(.job, .jump-nav, .roi-calc, .plan, .plan-enterprise, .pricing-help, .trust-line, .faq-item, .lead-form, .about, #security li, dialog) { --vm-ink:#fff2df; --vm-muted:#d4b6a8; --vm-line:#4b3035; --vm-soft:#33202a; --vm-paper:#1f1317; --vmp-surface:#2a1a1e; --vm-blue:#efbd86; --blue:#efbd86; --vm-ok:#efbd86;
  --muted:#d4b6a8; --line:#4b3035; --lime:#efbd86; --navy:#fff2df;
  color:#fff2df; border-color:#4b3035; }
:root .vmp .jump-nav { background:#241519; }
:root .vmp .trust-line { background:#2e1c21; }
:root .vmp .jump-nav a:hover { background:#33202a; }
:root .vmp .roi-result { background:#150d10; box-shadow:inset 0 0 0 1px #4b3035; }
/* buttons that were dark ink with cream text would be cream on cream: they become the copper button */
:root .vmp :is(.job, .jump-nav, .roi-calc, .plan, .plan-enterprise, .pricing-help, .trust-line, .faq-item, .lead-form, .about, #security li, dialog) :is(.button-ink, .button-dark, .plan-cta, .lead-submit, button[type="submit"]), :root .vmp .plan .button { background:#efbd86; border-color:#efbd86; color:#2a1719; }
:root .vmp :is(.job, .jump-nav, .roi-calc, .plan, .plan-enterprise, .pricing-help, .trust-line, .faq-item, .lead-form, .about, #security li, dialog) :is(.button-ink, .button-dark, .plan-cta, .lead-submit, button[type="submit"]):hover, :root .vmp .plan .button:hover { background:#f8c899; border-color:#f8c899; color:#2a1719; }
:root .vmp .lead-form :is(input, textarea, select) { background:#1f1317; border-color:#4b3035; color:#fff2df; }
:root .vmp .lead-form :is(input, textarea)::placeholder { color:#8f746c; }
:root .vmp .roi-top b { color:#fff2df; }
:root .vmp .roi-ends { color:#b79c90; }
:root .vmp .roi-calc input[type=range]::-webkit-slider-runnable-track { background:linear-gradient(90deg,#c98a54 0,#efbd86 var(--p),#4b3035 var(--p)); }
:root .vmp .roi-calc input[type=range]::-moz-range-track { background:linear-gradient(90deg,#c98a54 0,#efbd86 var(--p),#4b3035 var(--p)); }
:root .vmp .roi-calc input[type=range]::-webkit-slider-thumb { background:#fff2df; border-color:#2a1a1e; box-shadow:0 0 0 1px #fff2df, 0 6px 14px #0008; }
:root .vmp .roi-calc input[type=range]::-moz-range-thumb { background:#fff2df; border-color:#2a1a1e; box-shadow:0 0 0 1px #fff2df, 0 6px 14px #0008; }
/* the five job cards keep their own colour, as a glow on a dark card with a filled button */
:root .vmp .job { border-color:color-mix(in srgb,var(--j) 45%,#4b3035); background:linear-gradient(180deg,color-mix(in srgb,var(--j) 22%,#2a1a1e) 0,#2a1a1e 58%); }
:root .vmp .job-team { border-top-color:color-mix(in srgb,var(--j) 30%,#4b3035); }
:root .vmp .job-team button::before { color:color-mix(in srgb,var(--j) 55%,#fff); }
:root .vmp .job-hire { background:var(--j); border-color:var(--j); color:#fff; }
:root .vmp .job-hire:hover, :root .vmp .job-hire[aria-pressed="true"], :root .vmp .job-hire[aria-pressed="true"]:hover { background:color-mix(in srgb,var(--j) 78%,#fff); border-color:color-mix(in srgb,var(--j) 78%,#fff); color:#fff; }

/* ---- pop-ups (a product's demo, "Your team"): the same dark card. Their frame turns over with the variables
   above; the demo's result pane was the design's navy and becomes the page's own night colour, and the cool
   blue-white text in it becomes cream. ---- */
:root .vmp dialog { background:#241519; box-shadow:0 30px 80px -20px #000; }
:root .vmp dialog::backdrop { background:#0d0709c7; }
:root .vmp .preview { background:#241519; }
:root .vmp :is(.lab-header, .lab-footer, .lab-form) { background:#2a1a1e; border-color:#4b3035; }
:root .vmp :is(.agent-icon, .lab-brand-icon) { background:#efbd86; color:#2a1719; }
:root .vmp :is(.lab-field, .agent-fields) :is(input, select, textarea) { background:#1f1317; border-color:#4b3035; color:#fff2df; }
:root .vmp :is(.lab-field, .agent-fields) :is(input, textarea)::placeholder { color:#8f746c; }
:root .vmp .lab-toggle input, :root .vmp .lead-form input[type="radio"], :root .vmp .lead-form input[type="checkbox"] { accent-color:#efbd86; }
:root .vmp .lab-secondary, :root .vmp dialog :is(.quiet, .button-outline) { background:transparent; border-color:#67464a; color:#fff2df; }
:root .vmp .lab-secondary:hover, :root .vmp dialog :is(.quiet, .button-outline):hover { background:#33202a; border-color:#efbd86; }
:root .vmp .lab-output { background:radial-gradient(ellipse at 94% 1%,#5d3234,transparent 63%),#150d10; border-color:#4b3035; color:#fff2df; }
:root .vmp .lab-output :is(h3, h4, dd, .lab-turn p, .lab-notice p, .lab-list, .lab-frame-copy p, .lab-tracker-row>span) { color:#fff2df; }
:root .vmp .lab-output :is(.lab-idle p, .lab-idle b, .lab-facts dt, .lab-media-label, .lab-result-note, .lab-tracker-row small, .lab-scenes small, .lab-frame-copy span, .lab-editor-tools>span) { color:#d4b6a8; }
:root .vmp .lab-output-top>span:not(.lab-kicker) { color:#fff2df; }
:root .vmp .lab-output :is(.lab-turn, .lab-notice, .lab-facts>div, .lab-email, .lab-tracker-row) { border-color:#efbd8633; background:#efbd860d; }
:root .vmp .lab-output .lab-turn:nth-child(even) { border-color:#efbd864d; background:#efbd8617; }
:root .vmp .lab-output .lab-turn.is-speaking { background:#efbd8624; }
:root .vmp .lab-idle-icon { background:#efbd8618; border-color:#efbd8631; }
:root .vmp .lab-code { background:#0f090b; color:#f3dcc5; border-color:#4b3035; }
:root .vmp .lab-meter { background:#efbd862e; }
:root .vmp .lab-editor { background:#0f090b; border-color:#4b3035; }
:root .vmp .lab-monitor { background:#0a0607; }
:root .vmp .lab-scenes button { background:#2a1a1e; border-color:#4b3035; color:#fff2df; }
:root .vmp .lab-scenes button[aria-pressed="true"] { background:#4a282c; }
:root .vmp .lab-score { background:#2a1a1e; border-color:#4b3035; }
:root .vmp .lab-player { background:#1f1317; border-color:#4b3035; color:#fff2df; }
:root .vmp .lab-player :is(.play-circle, .player-utility) { background:#2a1a1e; border-color:#67464a; color:#efbd86; }
:root .vmp .lab-player .player-utility:hover { background:#33202a; }
:root .vmp .lab-player .player-time { color:#d4b6a8; }
:root .vmp .lab-player .player-time b { color:#fff2df; }
:root .vmp .lab-player .player-error { color:#ff9d8f; }
/* the mock-ups of somebody else's screen (a text message, a website, a branded portal) stay light, in sand */
:root .vmp .lab-message { background:#e6d7c3; color:#2a1719; }
:root .vmp .lab-message p { background:#f3dcc5; color:#2a1719; }
:root .vmp .lab-message small { color:#5c4640; }
:root .vmp .lab-site { background:#e6d7c3; color:#2a1719; }
:root .vmp .lab-site-widget { background:#2a1a1e; color:#fff2df; }
:root .vmp .lab-brand-preview { background:#e6d7c3; color:#2a1719; }
:root .vmp .lab-brand-preview .lab-meter { background:#d0bda4; }

/* ---- small things a dark page needs ---- */
.vmp { color-scheme:dark; scrollbar-color:#67464a transparent; }
html:has(.vmp) { scrollbar-color:#67464a #1a1014; }
:root .vmp .lead-form select { -webkit-appearance:none; appearance:none; padding-right:38px; text-overflow:ellipsis;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23efbd86' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; background-size:12px 8px; }
/* The lead form's bot trap sat 9999px to the left. The site's <html> is right-to-left for Hebrew visitors, and
   there "far left" is scrollable: the whole page could be dragged 9999px sideways. It stays invisible in place. */
.vmp .lead-form { position:relative; }
.vmp .hp { left:0 !important; top:0; margin:0; padding:0; border:0; opacity:0; pointer-events:none; clip-path:inset(50%); }
/* Same cause: the app right-aligns every field under a right-to-left <html>. This page is English, left to right. */
:root .vmp[dir="ltr"] :is(input, textarea, select) { text-align:left; }
/* A finger needs 24px (WCAG 2.2 target size). These links were 15 to 18px tall. The padding makes the pressable
   box taller and the equal negative margin gives the height back, so nothing on the page moves. */
.vmp .footer-links a, .vmp .roi-next a:not(.button) { padding-block:3px; margin-block:-3px; }
.vmp .partners-head a { padding-block:5px; margin-block:-5px; }
/* phones: a pressed poster answers the finger (the lean is a mouse effect) */
@media (hover:none) {
  .vmp #discover .product-card .card-copy { transition:transform .18s ease, filter .18s ease; }
  .vmp #discover .product-card:active .card-copy { transform:scale(.975); filter:brightness(1.12); }
}