:root {
  --vm-coral: #b9253c;
  --vm-coral-deep: #9f1830;
  --vm-forest: #103D35;
  --vm-forest-soft: #245348;
  --vm-mint: #BFE5D7;
  --vm-signal: #D8FF62;
  --vm-cloud: #EEF3F1;
  --vm-surface: #F8FAF9;
  --vm-white: #FFFFFF;
  --vm-text: #17342E;
  --vm-muted: #65736E;
  --vm-line: rgba(16,61,53,.14);
  --vm-line-strong: rgba(16,61,53,.24);
  --vm-container: 1280px;
  --vm-radius: 18px;
  --vm-radius-sm: 10px;
  --vm-radius-md: 14px;
  --vm-space-1: 8px;
  --vm-space-2: 12px;
  --vm-space-3: 16px;
  --vm-space-4: 24px;
  --vm-space-5: 32px;
  --vm-space-6: 48px;
  --vm-space-7: 64px;
  --vm-space-8: 80px;
  --vm-text-body: 16px;
  --vm-text-small: 13px;
  --vm-text-h3: clamp(22px, 2vw, 28px);
  --vm-text-h2: clamp(34px, 3.2vw, 44px);
  --vm-text-h1: clamp(42px, 4.5vw, 60px);
  --vm-shadow: 0 18px 50px rgba(16,61,53,.08);
  --vm-ease: cubic-bezier(.2,.72,.2,1);
}

html { scroll-behavior: smooth; }
body.vectone-v3 {
  background: var(--vm-cloud);
  color: var(--vm-text);
  -webkit-font-smoothing: antialiased;
}
body.vectone-v3 .container { max-width: var(--vm-container); }
body.vectone-v3 *, body.vectone-v3 *::before, body.vectone-v3 *::after { box-sizing: border-box; }
body.vectone-v3 :focus-visible { outline: 3px solid rgba(216,255,98,.72); outline-offset: 3px; }
body.vectone-v3 ::selection { background: var(--vm-signal); color: var(--vm-forest); }

.vm-v3-container {
  width: min(var(--vm-container), calc(100% - 48px));
  margin-inline: auto;
}

@media (max-width: 767px) {
  .vm-v3-container { width: min(100% - 24px, var(--vm-container)); }
}