:root {
  --bg:#fafbf9;
  --surface:#fff;
  --ink:#17221f;
  --ink-2:#56625d;
  --ink-3:#6e7973;
  --line:#dde3de;
  --line-2:#edf0eb;
  --honey:#2156db;
  --honey-deep:#1b48bb;
  --indigo:#2156db;
  --honey-soft:#edf2fc;
  --honey-soft2:#e5edfc;
  --indigo-soft:#edf2fc;
  --indigo-soft2:#e5edfc;
  --font:Inter,Heebo,system-ui,sans-serif;
  --r:8px;
  --r-sm:5px}

* {
  box-sizing:border-box}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
  line-height:1.65}
html[lang=he] body {
  font-family:Heebo,Inter,system-ui,sans-serif}
button,input {
  font:inherit}
button,a {
   -webkit-tap-highlight-color:transparent}
button {
  cursor:pointer}
a {
  color:inherit;
  text-decoration:none}
p,h1,h2,h3,h4 {
  margin:0}
button {
  color:inherit}
::selection {
  background:#dce7ff}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #245bdb;
  outline-offset:5px}
[hidden] {
  display:none!important}
.i-he {
  display:none}
html[lang=he] .i-en {
  display:none}
html[lang=he] .i-he {
  display:revert}
.wrap {
  width:min(1280px,calc(100% - 96px));
  margin-inline:auto}
.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:200;
  background:var(--ink);
  color:white;
  padding:12px}
.skip-link:focus {
  top:10px}
.nav {
  height:84px;
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(250,251,249,.97);
  border-bottom:1px solid var(--line)}
.nav-in {
  display:flex;
  align-items:center;
  gap:34px;
  height:100%}
.nav-logo {
  display:inline-flex;
  align-items:center;
  flex-shrink:0}
.vigox-wordmark {
  direction:ltr;
  display:inline-flex;
  align-items:baseline;
  letter-spacing:-1.3px;
  font-family:Inter,Arial,sans-serif;
  font-size:29px;
  font-weight:800;
  line-height:1}
.vigox-wordmark i {
  font-style:normal;
  color:var(--ink-3);
  font-size:.72em;
  letter-spacing:-.7px}
.nav-links {
  display:flex;
  align-items:center;
  gap:24px;
  flex:1}
.nav-links a {
  font-size:13px;
  white-space:nowrap;
  color:var(--ink-2);
  padding:8px 0}
.nav-links a:hover,.nav-links a[aria-current=page] {
  color:var(--ink)}
.nav-links a[aria-current=page] {
  box-shadow:0 2px var(--honey)}
.nav-cta {
  display:flex;
  align-items:center;
  gap:22px}
.nav-login {
  font-size:13px}
.lang-btn {
  background:none;
  border:0;
  padding:8px 0;
  color:var(--ink-3);
  font-size:11px;
  font-family:Inter,sans-serif}
.lab {
  display:flex;
  gap:5px}
.lab .on {
  color:var(--ink);
  font-weight:700}
.lang-sep {
  opacity:.4}
.nav-burger {
  display:none}
.sb-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:14px 23px;
  min-height:50px;
  background:transparent;
  border:1px solid #cbd3cc;
  border-radius:5px;
  color:var(--ink);
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  transition:background .18s,transform .18s}
.sb-btn:hover {
  background:#edf0ec;
  transform:translateY(-1px)}
.sb-btn.primary {
  color:#fff;
  background:var(--honey);
  border-color:var(--honey)}
.sb-btn.primary:hover {
  background:var(--honey-deep)}
.btn-md {
  padding:11px 18px;
  min-height:42px;
  font-size:13px}
.btn-lg {
  min-height:52px}
.arrow {
  display:inline-block}
html[dir=rtl] .arrow {
  transform:scaleX(-1)}
.hero-ctas {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:30px}
.eyebrow,.kicker {
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ink-2);
  font-size:11px;
  line-height:1.5;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:22px}
.eyebrow:before {
  content:'';
  width:7px;
  height:7px;
  background:var(--honey)}
html[lang=he] .eyebrow,html[lang=he] .kicker {
  letter-spacing:.035em;
  font-size:13px}
.kicker svg {
  display:none}
.hero-v2 {
  padding:88px 0 62px;
  overflow:hidden}
.hero-layout {
  display:grid;
  grid-template-columns:1fr 1.15fr;
  align-items:center;
  gap:64px}
.hero-copy {
  max-width:560px}
.hero-v2 h1 {
  font-size:clamp(48px,5.6vw,79px);
  line-height:1.04;
  letter-spacing:-.058em;
  font-weight:600}
.hero-v2 h1 em {
  font-style:normal;
  color:var(--honey)}
html[lang=he] .hero-v2 h1 {
  font-size:clamp(49px,5.3vw,76px);
  letter-spacing:-.035em;
  line-height:1.12;
  font-weight:600}
.hero-copy>p {
  font-size:17px;
  line-height:1.9;
  color:var(--ink-2);
  margin-top:25px;
  max-width:490px}
.hero-note {
  font-size:12px!important;
  color:var(--ink-3)!important;
  margin-top:18px!important}
.hero-base {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid var(--line);
  margin-top:65px;
  padding-top:24px;
  gap:25px;
  font-size:12px;
  color:var(--ink-3)}
.hero-base strong {
  color:var(--ink);
  font-weight:500}
.hero-base .platform-list {
  display:flex;
  gap:30px;
  flex-wrap:wrap;
  direction:ltr;
  align-items:center}
.label-dot {
  width:6px;
  height:6px;
  background:#71b78a;
  border-radius:50%;
  display:inline-block;
  margin-inline-end:6px}
.workbench {
  background:#131a20;
  color:#eef2f6;
  border:1px solid #303a45;
  border-radius:9px;
  box-shadow:0 18px 45px -20px #1b2d4140;
  overflow:hidden;
  min-width:0;
  text-align:start}
.workbench-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 20px;
  border-bottom:1px solid #303a45;
  font-size:11px;
  color:#a6b3bf}
.workbench-brand {
  font-size:14px;
  font-weight:700;
  letter-spacing:-.5px;
  color:white}
.workbench-tabs {
  display:flex;
  border-bottom:1px solid #303a45;
  padding-inline:18px;
  gap:22px}
.workbench-tabs button {
  position:relative;
  padding:15px 0;
  border:0;
  background:none;
  color:#a6b3bf;
  font-size:12px}
.workbench-tabs button[aria-selected=true] {
  color:white}
.workbench-tabs button[aria-selected=true]:after {
  content:'';
  position:absolute;
  bottom:0;
  inset-inline:0;
  height:2px;
  background:#7ea7ff}
.workbench-tabs button:focus-visible {
  outline-offset:-2px}
.workbench-panel {
  padding:22px;
  min-height:370px}
.workbench-project {
  display:flex;
  gap:9px;
  font-size:10px;
  color:#9baabc;
  align-items:center;
  margin-bottom:17px}
.workbench-project b {
  background:#273442;
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  color:#afc8ed;
  font-weight:400;
  border-radius:4px}
.workbench-request {
  background:#223143;
  border:1px solid #324761;
  padding:13px 16px;
  border-radius:6px;
  font-size:13px;
  line-height:1.7}
.workbench-flow {
  margin:19px 0 18px;
  padding:0;
  list-style:none}
.workbench-flow li {
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  color:#becad5;
  font-size:12px;
  padding:7px 0}
.workbench-flow li:before {
  content:'✓';
  font-size:10px;
  color:#9cc3ad;
  border:1px solid #34473e;
  background:#20332b;
  flex:0 0 16px;
  height:16px;
  border-radius:50%;
  display:grid;
  place-items:center}
.workbench-flow li>span:last-child {
  margin-inline-start:auto;
  font-size:9px;
  color:#899caf;
  font-family:monospace}
.workbench-output {
  background:#1a232c;
  border:1px solid #35424e;
  padding:16px;
  border-radius:5px;
  font-size:12px}
.output-head {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  color:#d7e4f0;
  margin-bottom:10px}
.output-head small {
  color:#88b29c;
  font-size:10px}
.output-lines {
  border-top:1px solid #35424e}
.output-lines>.i-en,.output-lines>.i-he {
  grid-template-columns:1fr 1.2fr 1fr;
  gap:12px}
.output-lines>.i-en {
  display:grid}
html[lang=he] .output-lines>.i-en {
  display:none}
html[lang=he] .output-lines>.i-he {
  display:grid}
.output-lines>span>span {
  padding:9px 5px 0;
  color:#9bacbf;
  font-size:10px}
.workbench-code {
  direction:ltr;
  text-align:left;
  font:11px/1.9 monospace;
  white-space:pre-wrap;
  color:#bac9d8;
  margin:0}
.workbench-code .added {
  color:#9bc6ab}
.workbench-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid #303a45;
  padding:12px 20px;
  font-size:10px;
  color:#93a5b8}
.workbench-figure {
  margin:0;
  min-width:0}
.workbench-figure>figcaption {
  margin-top:12px;
  color:var(--ink-3);
  font-size:10px;
  text-align:end}
.sec {
  padding:88px 0;
  border-top:1px solid var(--line)}
.sec.tight {
  padding:60px 0}
.sec.band {
  background:#f0f3ee}
.section-heading {
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:60px;
  margin-bottom:45px}
.section-heading>div {
  max-width:680px}
.section-heading>p {
  max-width:350px;
  color:var(--ink-2);
  font-size:15px;
  line-height:1.9}
.h2 {
  font-size:clamp(31px,3.5vw,47px);
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.2}
.h3 {
  font-size:24px;
  line-height:1.35;
  letter-spacing:-.02em;
  font-weight:600}
.lead {
  font-size:17px;
  color:var(--ink-2);
  line-height:1.85;
  max-width:750px;
  margin-top:20px}
.sec-head {
  margin-bottom:45px}
.sec-head.center {
  text-align:center}
.sec-head.center .lead {
  margin-inline:auto}
.sec-head.center .kicker {
  justify-content:center}
.capability-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:7px;
  overflow:hidden}
.capability {
  padding:32px;
  border-inline-end:1px solid var(--line);
  border-bottom:1px solid var(--line);
  min-width:0}
.capability:nth-child(3n) {
  border-inline-end:0}
.capability:nth-last-child(-n+3) {
  border-bottom:0}
.feature-num {
  display:block;
  font:11px/1.4 monospace;
  letter-spacing:.12em;
  color:var(--honey);
  margin-bottom:35px}
.capability h3 {
  font-size:20px;
  line-height:1.4;
  font-weight:500;
  margin-bottom:12px}
.capability p {
  font-size:14px;
  color:var(--ink-2);
  line-height:1.85}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:15px;
  font-size:13px;
  font-weight:600;
  margin-top:25px;
  color:var(--honey)}
.text-link:hover {
  text-decoration:underline}
.split-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center}
.split-section .h2 {
  max-width:550px}
.feature-list {
  list-style:none;
  padding:0;
  margin:28px 0 0}
.feature-list li {
  border-top:1px solid var(--line);
  padding:16px 0;
  display:flex;
  gap:20px;
  align-items:baseline}
.feature-list b {
  font-size:14px;
  min-width:112px;
  font-weight:500}
.feature-list span {
  font-size:13px;
  color:var(--ink-2)}
.device-diagram {
  background:#e8ede7;
  border:1px solid #d5ddd4;
  border-radius:8px;
  padding:38px;
  min-height:340px;
  display:flex;
  flex-direction:column;
  justify-content:center}
.device-top {
  display:flex;
  justify-content:space-between;
  font-size:11px;
  letter-spacing:.03em;
  color:var(--ink-3);
  margin-bottom:30px}
.device-app {
  background:white;
  box-shadow:0 8px 24px #23312309;
  border:1px solid #cbd6ce;
  border-radius:6px;
  overflow:hidden}
.device-bar {
  padding:12px 18px;
  display:flex;
  gap:7px;
  align-items:center;
  border-bottom:1px solid var(--line);
  font-size:12px}
.device-bar>b {
  margin-inline-start:auto;
  font-size:12px;
  font-weight:500}
.device-bar i {
  width:5px;
  height:5px;
  border:1px solid #b9c5bd;
  border-radius:50%}
.agent-row {
  display:flex;
  gap:14px;
  align-items:center;
  padding:18px;
  border-bottom:1px solid var(--line-2);
  font-size:13px}
.agent-row:last-child {
  border:0}
.agent-monogram {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid var(--line);
  font-size:11px;
  border-radius:5px;
  color:var(--honey);
  font-family:monospace}
.agent-row small {
  display:block;
  color:var(--ink-3);
  font-size:10px}
.agent-row .agent-state {
  margin-inline-start:auto;
  color:#387755;
  font-size:10px}
.device-caption {
  display:flex;
  justify-content:space-between;
  margin-top:23px;
  font-size:10px;
  color:var(--ink-2);
  gap:15px}
.model-strip {
  display:flex;
  gap:30px;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:28px 0}
.model-strip>span {
  font-size:12px;
  color:var(--ink-3);
  max-width:180px}
.model-names {
  display:flex;
  gap:40px;
  flex-wrap:wrap;
  font-size:18px;
  font-weight:500;
  letter-spacing:-.5px;
  direction:ltr}
.deploy-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px}
.deploy-card {
  border:1px solid var(--line);
  border-radius:7px;
  padding:32px;
  background:white}
.deploy-card .dt {
  font-size:25px;
  font-weight:500;
  display:flex;
  gap:16px;
  align-items:center}
.deploy-card .ds {
  font-size:14px;
  color:var(--ink-2);
  margin-top:17px;
  line-height:1.9}
.deploy-list {
  padding:0;
  list-style:none;
  margin:25px 0;
  font-size:14px}
.deploy-list li {
  display:flex;
  align-items:center;
  gap:12px;
  margin:12px 0}
.deploy-list svg {
  color:var(--honey)}
.deploy-ico {
  display:inline-flex}
.cta-final {
  display:flex;
  flex-wrap:wrap;
  gap:16px 60px;
  align-items:center;
  justify-content:space-between}
.cta-final .h2 {
  max-width:680px;
  flex:1 1 55%}
.cta-final>p {
  flex:1 1 100%;
  color:var(--ink-2);
  font-size:16px;
  order:3}
.cta-final .hero-ctas {
  margin:0}
.footer {
  background:#eef1ec;
  padding:65px 0 24px;
  border-top:1px solid var(--line)}
.foot-grid {
  display:grid;
  grid-template-columns:1.6fr repeat(4,1fr);
  gap:36px}
.foot-tag {
  font-size:13px;
  color:var(--ink-2);
  line-height:1.9;
  margin:22px 0}
.foot-platforms {
  font-size:10px;
  color:var(--ink-3)}
.foot-col h4 {
  font-size:12px;
  font-weight:600;
  margin-bottom:18px}
.foot-col ul {
  list-style:none;
  padding:0;
  margin:0}
.foot-col li {
  font-size:12px;
  color:var(--ink-2);
  margin-bottom:10px}
.foot-col a:hover {
  color:var(--honey)}
.foot-bottom {
  display:flex;
  justify-content:space-between;
  gap:30px;
  border-top:1px solid #d4dcd4;
  margin-top:50px;
  padding-top:22px;
  font-size:11px;
  color:var(--ink-3)}
.page-hero {
  padding:85px 0 58px}
.page-hero .h1 {
  font-size:clamp(40px,5vw,67px);
  line-height:1.13;
  font-weight:500;
  letter-spacing:-.04em;
  max-width:930px}
.page-hero .hero-sub {
  font-size:18px;
  line-height:1.9;
  color:var(--ink-2);
  max-width:720px;
  margin-top:23px}
.hero-badge {
  display:inline-flex;
  gap:8px;
  align-items:center;
  font-size:12px;
  color:var(--honey);
  margin-bottom:24px}
.hero-badge .dot {
  height:6px;
  width:6px;
  background:var(--honey)}
.hl {
  color:var(--honey)}
.page-hero .hero-ctas {
  margin-top:25px}
.content-narrow {
  max-width:800px;
  margin-inline:auto}
.legal {
  font-size:15px;
  line-height:1.95}
.legal h2,.legal .h3 {
  margin:35px 0 15px}
.legal p,.legal li {
  color:var(--ink-2)}
.legal a,.legal-list a {
  color:var(--honey);
  text-decoration:underline}
.legal-list {
  padding-inline-start:22px}
.legal-list li {
  margin:12px 0}
.legal-date {
  font-size:12px;
  color:var(--ink-3)}
.contact-grid {
  max-width:740px;
  margin:auto}
.contact-card {
  background:white;
  border:1px solid var(--line);
  border-radius:7px;
  padding:32px}
.ct {
  font-size:22px;
  display:flex;
  align-items:center;
  gap:15px}
.cs {
  font-size:15px;
  color:var(--ink-2);
  margin:15px 0}
.cv {
  font-size:20px;
  color:var(--honey)}
.faq-q {
  font-size:18px;
  margin:30px 0 12px;
  font-weight:500}
.price-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px}
.price-card {
  border:1px solid var(--line);
  border-radius:7px;
  padding:32px;
  background:white;
  position:relative;
  display:flex;
  flex-direction:column}
.price-name {
  font-size:22px;
  font-weight:600}
.price-for {
  font-size:13px;
  color:var(--ink-2);
  margin-top:8px}
.price-val {
  font-size:53px;
  font-weight:500;
  letter-spacing:-2px;
  direction:ltr;
  text-align:start;
  margin:28px 0}
.price-val small {
  font-size:13px;
  color:var(--ink-3);
  letter-spacing:0}
.price-feats {
  list-style:none;
  padding:24px 0 0;
  margin:0 0 28px;
  border-top:1px solid var(--line);
  flex:1}
.price-feats li {
  display:flex;
  gap:10px;
  align-items:baseline;
  font-size:13px;
  margin:13px 0}
.price-feats svg {
  flex-shrink:0;
  color:var(--honey)}
.price-card.pop {
  border-color:#789aea;
  box-shadow:inset 0 3px var(--honey)}
.price-pop-badge {
  position:absolute;
  inset-inline-end:20px;
  top:-13px;
  padding:3px 10px;
  border-radius:3px;
  background:var(--honey);
  color:white;
  font-size:10px}
.price-note {
  border-bottom:1px solid var(--line);
  padding:25px 0;
  color:var(--ink-2);
  font-size:13px}
.secu-grid,.wf-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px}
.secu-card,.wf-card {
  padding:28px;
  border:1px solid var(--line);
  background:white;
  border-radius:7px}
.secu-ico,.wf-ico {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  color:var(--honey);
  width:32px;
  height:32px}
.secu-t,.wf-name {
  display:block;
  font-size:18px;
  font-weight:500}
.secu-s,.wf-desc {
  font-size:14px;
  color:var(--ink-2);
  margin-top:12px;
  line-height:1.85}
.workflow-row {
  display:grid;
  grid-template-columns:80px 1fr 1fr;
  gap:40px;
  border-top:1px solid var(--line);
  padding:34px 0}
.workflow-row>span {
  font:12px monospace;
  color:var(--honey)}
.workflow-row h3 {
  font-size:23px;
  font-weight:500}
.workflow-row p {
  font-size:14px;
  color:var(--ink-2);
  line-height:1.85}
.source-map {
  padding:40px;
  background:#eef2ed;
  border:1px solid var(--line);
  border-radius:8px}
.map-query {
  padding:18px;
  background:white;
  border:1px solid #c5d0c8;
  border-radius:5px;
  font-size:16px;
  margin-bottom:28px}
.map-result {
  display:grid;
  grid-template-columns:32px 1fr;
  gap:13px;
  border-top:1px solid #d4ddd5;
  padding:18px 0}
.map-result>b {
  font:12px monospace;
  color:var(--honey)}
.map-result h3 {
  font-size:15px;
  font-weight:500}
.map-result p {
  font-size:12px;
  color:var(--ink-2);
  margin-top:4px}
.map-footer {
  border-top:1px solid #d4ddd5;
  padding-top:18px;
  font-size:11px;
  color:var(--ink-3)}
.os-title {
  font:13px monospace;
  color:var(--honey);
  letter-spacing:.05em}
.download-name {
  font-size:40px!important;
  line-height:1.3}
.dl-note {
  font-size:12px;
  color:var(--ink-3);
  margin-top:14px}
.download-grid {
  margin-top:45px;
  grid-template-columns:repeat(3,minmax(0,1fr))}
.download-grid .deploy-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start}
.download-grid .ds {
  flex:1}
.download-grid .sb-btn {
  margin-top:25px}
.mini-note {
  font-size:12px;
  color:var(--ink-3);
  margin-top:20px}
.faq-list details {
  padding:24px 0;
  border-top:1px solid var(--line)}
.faq-list summary {
  font-size:18px;
  cursor:pointer;
  font-weight:500}
.faq-list details p {
  font-size:15px;
  color:var(--ink-2);
  padding-top:15px;
  max-width:850px}
.integration-list {
  display:flex;
  flex-wrap:wrap;
  gap:0;
  border:1px solid var(--line);
  background:white;
  border-radius:7px}
.integration-list span {
  padding:22px 28px;
  font-size:15px;
  border-inline-end:1px solid var(--line)}

@media(min-width:1500px) {
  .hero-v2 {
  padding-top:110px;
  padding-bottom:80px}
.hero-v2 h1 {
  font-size:84px}
}

@media(max-width:1180px) {
  .wrap {
  width:calc(100% - 64px)}
.nav-in {
  gap:25px}
.nav-links {
  gap:15px}
.nav-cta {
  gap:14px}
.nav-links a {
  font-size:12px}
.hero-layout {
  gap:35px;
  grid-template-columns:1fr 1.1fr}
.hero-v2 h1 {
  font-size:61px}
html[lang=he] .hero-v2 h1 {
  font-size:60px}
.hero-copy>p {
  font-size:16px}
.nav-login {
  display:none}
.split-section {
  gap:45px}
.workbench-panel {
  padding:18px}
.foot-grid {
  gap:25px}
}

@media(max-width:980px) {
  .download-grid {
  grid-template-columns:1fr}
  .nav {
  height:72px}
.nav-in {
  gap:20px}
.nav-burger {
  display:flex;
  gap:10px;
  align-items:center;
  background:none;
  border:1px solid var(--line);
  border-radius:4px;
  padding:8px 12px;
  font-size:12px;
  order:3}
.nav-links {
  display:none;
  position:absolute;
  top:71px;
  inset-inline:0;
  background:var(--bg);
  padding:24px 32px;
  border-bottom:1px solid var(--line);
  box-shadow:0 20px 30px #17221f10}
.nav.menu-open .nav-links {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px}
.nav-links a {
  font-size:16px;
  padding:12px}
.nav-cta {
  margin-inline-start:auto}
.hero-v2 {
  padding-top:55px}
.hero-layout {
  grid-template-columns:1fr;
  gap:45px}
.hero-copy {
  max-width:720px}
.hero-v2 h1,html[lang=he] .hero-v2 h1 {
  font-size:68px}
.hero-copy>p {
  max-width:620px}
.workbench-figure {
  max-width:740px;
  width:100%}
.hero-base {
  margin-top:38px}
.sec {
  padding:65px 0}
.capability {
  padding:25px}
.split-section {
  grid-template-columns:1fr;
  gap:40px}
.foot-grid {
  grid-template-columns:repeat(4,1fr)}
.foot-brand {
  grid-column:1/-1;
  display:flex;
  gap:40px;
  align-items:center}
.foot-tag {
  margin:0}
.foot-platforms {
  margin-inline-start:auto}
.section-heading {
  gap:25px}
.section-heading>p {
  max-width:300px}
.secu-grid {
  grid-template-columns:1fr 1fr}
.price-card {
  padding:25px}
.model-names {
  gap:20px}
.workflow-row {
  grid-template-columns:40px 1fr 1fr;
  gap:20px}
}

@media(max-width:640px) {
  .wrap {
  width:calc(100% - 40px)}
.nav {
  height:68px}
.nav-in {
  gap:14px}
.vigox-wordmark {
  font-size:25px}
.nav-cta>.sb-btn {
  display:none}
.nav-burger {
  padding:7px 10px}
.nav-links {
  top:67px}
.hero-v2 {
  padding:43px 0 30px}
.hero-v2 h1,html[lang=he] .hero-v2 h1 {
  font-size:52px;
  line-height:1.11}
.hero-copy>p {
  font-size:16px;
  margin-top:20px}
.hero-ctas {
  margin-top:25px;
  gap:10px}
.hero-ctas .sb-btn {
  font-size:13px;
  padding:13px 16px;
  min-height:48px}
.hero-note {
  font-size:11px!important}
.hero-base {
  display:block}
.hero-base>span {
  display:block;
  margin-bottom:16px}
.hero-base .platform-list {
  gap:24px;
  font-size:11px}
.hero-layout {
  gap:35px}
.eyebrow {
  font-size:10px;
  margin-bottom:18px}
.workbench-panel {
  padding:16px;
  min-height:365px}
.workbench-top {
  padding:14px;
  font-size:9px}
.workbench-tabs {
  gap:22px;
  padding-inline:16px}
.workbench-tabs button {
  font-size:11px}
.workbench-request {
  font-size:12px;
  padding:12px}
.workbench-flow li {
  font-size:11px}
.workbench-flow li>span:last-child {
  font-size:8px}
.workbench-bottom {
  font-size:9px;
  padding:12px 14px}
.workbench-figure>figcaption {
  font-size:9px}
.capability-grid {
  grid-template-columns:1fr}
.capability {
  border-inline-end:0;
  border-bottom:1px solid var(--line)!important;
  padding:28px}
.capability:last-child {
  border-bottom:0!important}
.feature-num {
  margin-bottom:20px}
.section-heading {
  display:block}
.section-heading>p {
  max-width:100%;
  margin-top:20px}
.h2 {
  font-size:34px}
.lead {
  font-size:16px}
.sec {
  padding:54px 0}
.sec.tight {
  padding:45px 0}
.model-strip {
  display:block}
.model-strip>span {
  display:block;
  max-width:100%;
  margin-bottom:20px}
.model-names {
  gap:20px;
  font-size:15px}
.device-diagram {
  padding:22px;
  min-height:300px}
.agent-row {
  padding:15px}
.feature-list li {
  gap:15px}
.feature-list b {
  min-width:90px}
.deploy-grid,.price-grid,.secu-grid,.wf-grid {
  grid-template-columns:1fr}
.deploy-card {
  padding:26px}
.workflow-row {
  grid-template-columns:35px 1fr;
  gap:15px;
  padding:25px 0}
.workflow-row p {
  grid-column:2}
.foot-grid {
  grid-template-columns:1fr 1fr;
  gap:30px}
.foot-brand {
  display:block}
.foot-brand .foot-tag {
  margin:18px 0}
.foot-bottom {
  flex-wrap:wrap;
  gap:10px}
.foot-bottom-note {
  font-size:10px}
.cta-final .h2 {
  flex-basis:100%}
.cta-final>p {
  order:0}
.cta-final .hero-ctas {
  margin-top:10px}
.page-hero {
  padding:52px 0 40px}
.page-hero .h1 {
  font-size:43px}
.page-hero .hero-sub {
  font-size:16px}
.source-map {
  padding:23px}
.integration-list span {
  padding:18px;
  font-size:13px}
.price-grid {
  gap:30px}
.legal .wrap {
  width:calc(100% - 40px)}
.legal-list {
  padding-inline-start:20px}
.contact-card {
  padding:25px}
}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
*,*:before,*:after {
  transition:none!important;
  animation:none!important}
}


body:is([data-page="privacy"],[data-page="terms"],[data-page="dpa"]) .sec .h3 {
  margin:36px 0 15px}
body:is([data-page="privacy"],[data-page="terms"],[data-page="dpa"]) .sec p,body:is([data-page="privacy"],[data-page="terms"],[data-page="dpa"]) .legal-list {
  color:var(--ink-2);
  line-height:1.95}
body:is([data-page="privacy"],[data-page="terms"],[data-page="dpa"]) .sec a {
  color:var(--honey);
  text-decoration:underline}
[data-page="support"] #app>.h3 {
  margin:35px 0 18px}
[data-page="support"] #app>p {
  color:var(--ink-2);
  font-size:15px;
  line-height:1.9}
.workbench-flow li>span:first-of-type {
  min-width:0}
.workbench-flow li>span:last-child {
  flex-shrink:0}
[data-page="pricing"] .secu-grid {
  grid-template-columns:repeat(2,1fr)}
@media(max-width:640px) {
  [data-page="pricing"] .secu-grid {
  grid-template-columns:1fr}
}


html[lang=he] .workbench-code {
  font-family:Heebo,Arial,sans-serif;
  direction:rtl;
  text-align:right;
  font-size:12px}
.nav-mobile-login {
  display:none}
@media(max-width:980px) {
  .nav-mobile-login {
  display:block;
  color:var(--honey)!important}
}
/* Keep the product illustration compact enough to read alongside the headline. */
.workbench-panel { padding: 20px; min-height: 360px; }
.workbench-flow { margin: 15px 0; }
.workbench-flow li { padding: 5px 0; }
.workbench-output { padding: 13px; }
.output-lines > .i-en, .output-lines > .i-he { row-gap: 0; }
.output-lines > span > span { padding-top: 7px; }
@media (max-width:640px) { .workbench-panel { padding:16px; } }