/* ==========================================================================
   Vercaa Homepage — Scoped CSS
   All styles under .vercaa-home to avoid Lagom2 conflicts
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CSS Custom Properties (Design Tokens)
   -------------------------------------------------------------------------- */
.vercaa-home {
  /* Brand Colors */
  --vh-purple: #a83fff;
  --vh-purple-light: #c084fc;
  --vh-purple-dark: #7c3aed;
  --vh-purple-50: #faf5ff;
  --vh-purple-100: #f3e8ff;
  --vh-purple-200: #e9d5ff;

  --vh-orange: #f97316;
  --vh-orange-alt: #FF6E07;
  --vh-orange-light: #fb923c;
  --vh-orange-50: #fff7ed;
  --vh-orange-100: #ffedd5;
  --vh-orange-200: #fed7aa;

  --vh-green: #22c55e;
  --vh-green-alt: #10b981;
  --vh-green-light: #4ade80;
  --vh-green-50: #f0fdf4;
  --vh-green-100: #dcfce7;
  --vh-green-200: #bbf7d0;

  /* Neutral Palette */
  --vh-white: #ffffff;
  --vh-black: #000000;
  --vh-gray-50: #f9fafb;
  --vh-gray-100: #f3f4f6;
  --vh-gray-200: #e5e7eb;
  --vh-gray-300: #d1d5db;
  --vh-gray-400: #9ca3af;
  --vh-gray-500: #6b7280;
  --vh-gray-600: #4b5563;
  --vh-gray-700: #374151;
  --vh-gray-800: #1f2937;
  --vh-gray-900: #111827;
  --vh-slate-700: #334155;
  --vh-slate-800: #1e293b;
  --vh-slate-900: #0f172a;

  /* Semantic Colors */
  --vh-text-primary: rgba(41, 41, 41, 1);
  --vh-text-secondary: var(--vh-gray-600);
  --vh-text-muted: var(--vh-gray-500);
  --vh-bg-primary: var(--vh-white);
  --vh-bg-muted: var(--vh-gray-50);
  --vh-border: var(--vh-gray-200);

  /* Status Colors */
  --vh-red-400: #f87171;
  --vh-red-500: #ef4444;
  --vh-yellow-400: #facc15;
  --vh-yellow-500: #eab308;
  --vh-blue-400: #60a5fa;
  --vh-blue-500: #3b82f6;
  --vh-blue-600: #2563eb;
  --vh-indigo-500: #6366f1;
  --vh-indigo-600: #4f46e5;
  --vh-indigo-700: #4338ca;
  --vh-indigo-900: #312e81;
  --vh-emerald-400: #34d399;
  --vh-emerald-500: #10b981;
  --vh-emerald-600: #059669;
  --vh-rose-400: #fb7185;
  --vh-rose-500: #f43f5e;
  --vh-pink-400: #f472b6;
  --vh-pink-500: #ec4899;
  --vh-cyan-600: #0891b2;
  --vh-teal-500: #14b8a6;

  /* Typography */
  --vh-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --vh-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --vh-font-serif: Times, "Times New Roman", Georgia, serif;

  /* Spacing (base 0.25rem = 4px) */
  --vh-sp: 0.25rem;

  /* Border Radius */
  --vh-radius-sm: 0.25rem;
  --vh-radius: 0.5rem;
  --vh-radius-md: 0.375rem;
  --vh-radius-lg: 0.5rem;
  --vh-radius-xl: 0.75rem;
  --vh-radius-2xl: 1rem;
  --vh-radius-3xl: 1.5rem;
  --vh-radius-full: 9999px;

  /* Shadows */
  --vh-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --vh-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
  --vh-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --vh-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --vh-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
  --vh-shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25);

  /* Transitions */
  --vh-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --vh-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --vh-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --vh-duration-fast: 150ms;
  --vh-duration: 300ms;
  --vh-duration-slow: 500ms;

  /* Z-index layers */
  --vh-z-bg: -10;
  --vh-z-base: 1;
  --vh-z-overlay: 10;
  --vh-z-dropdown: 40;
  --vh-z-header: 50;
  --vh-z-modal: 100;
}

/* --------------------------------------------------------------------------
   2. Base Reset (scoped)
   -------------------------------------------------------------------------- */
.vercaa-home,
.vercaa-home *,
.vercaa-home *::before,
.vercaa-home *::after {
  box-sizing: border-box;
}

/* Margin/padding reset scoped to navigation components only */
.vh-header *,
.vh-header *::before,
.vh-header *::after,
.vh-footer *,
.vh-footer *::before,
.vh-footer *::after,
.vh-mobile-menu *,
.vh-mobile-menu *::before,
.vh-mobile-menu *::after {
  margin: 0;
  padding: 0;
}

.vercaa-home {
  font-family: var(--vh-font-sans);
  line-height: 1.5;
  color: var(--vh-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

/* Media reset scoped to nav/header/footer; page content retains normal img behaviour */
.vh-header img,
.vh-header svg,
.vh-header video,
.vh-footer img,
.vh-footer svg,
.vh-footer video,
.vh-mobile-menu img,
.vh-mobile-menu svg,
.vh-mobile-menu video {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Anchor reset scoped to nav/header/footer only — does NOT affect page content */
.vh-header a,
.vh-footer a,
.vh-mobile-menu a {
  color: inherit;
  text-decoration: none;
}

/* List reset scoped to nav/header/footer only */
.vh-header ul,
.vh-header ol,
.vh-footer ul,
.vh-footer ol,
.vh-mobile-menu ul,
.vh-mobile-menu ol {
  list-style: none;
}

/* Button reset scoped to nav/header/footer only — does NOT affect page content buttons */
.vh-header button,
.vh-footer button,
.vh-mobile-menu button {
  font: inherit;
  cursor: pointer;
  background: transparent;
  border: none;
}

/* Input font reset scoped to nav/header/footer only */
.vh-header input,
.vh-header select,
.vh-header textarea,
.vh-footer input,
.vh-footer select,
.vh-footer textarea {
  font: inherit;
}

/* --------------------------------------------------------------------------
   3. Layout Utilities
   -------------------------------------------------------------------------- */

/* Container */
.vercaa-home .vh-container {
  width: 100%;
  max-width: 80rem; /* 1280px */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 640px) {
  .vercaa-home .vh-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) {
  .vercaa-home .vh-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .vercaa-home .vh-container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 1280px) {
  .vercaa-home .vh-container {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

/* Full-bleed container (for hero, header) */
.vercaa-home .vh-full-bleed {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 640px) {
  .vercaa-home .vh-full-bleed { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 768px) {
  .vercaa-home .vh-full-bleed { padding-left: 3rem; padding-right: 3rem; }
}
@media (min-width: 1024px) {
  .vercaa-home .vh-full-bleed { padding-left: 4rem; padding-right: 4rem; }
}
@media (min-width: 1280px) {
  .vercaa-home .vh-full-bleed { padding-left: 5rem; padding-right: 5rem; }
}

/* Flexbox helpers */
.vercaa-home .vh-flex { display: flex; }
.vercaa-home .vh-flex-col { display: flex; flex-direction: column; }
.vercaa-home .vh-flex-wrap { flex-wrap: wrap; }
.vercaa-home .vh-flex-1 { flex: 1; }
.vercaa-home .vh-flex-none { flex: none; }
.vercaa-home .vh-shrink-0 { flex-shrink: 0; }
.vercaa-home .vh-items-center { align-items: center; }
.vercaa-home .vh-items-start { align-items: flex-start; }
.vercaa-home .vh-items-baseline { align-items: baseline; }
.vercaa-home .vh-justify-center { justify-content: center; }
.vercaa-home .vh-justify-between { justify-content: space-between; }
.vercaa-home .vh-gap-1 { gap: 0.25rem; }
.vercaa-home .vh-gap-1\.5 { gap: 0.375rem; }
.vercaa-home .vh-gap-2 { gap: 0.5rem; }
.vercaa-home .vh-gap-3 { gap: 0.75rem; }
.vercaa-home .vh-gap-4 { gap: 1rem; }
.vercaa-home .vh-gap-6 { gap: 1.5rem; }
.vercaa-home .vh-gap-8 { gap: 2rem; }
.vercaa-home .vh-gap-10 { gap: 2.5rem; }
.vercaa-home .vh-gap-12 { gap: 3rem; }

/* Grid */
.vercaa-home .vh-grid { display: grid; }
.vercaa-home .vh-grid-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.vercaa-home .vh-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vercaa-home .vh-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vercaa-home .vh-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vercaa-home .vh-grid-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }

.vercaa-home .vh-col-span-4 { grid-column: span 4 / span 4; }
.vercaa-home .vh-col-span-5 { grid-column: span 5 / span 5; }
.vercaa-home .vh-col-span-8 { grid-column: span 8 / span 8; }
.vercaa-home .vh-col-span-12 { grid-column: span 12 / span 12; }

/* Responsive grid overrides */
@media (min-width: 768px) {
  .vercaa-home .vh-md-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vercaa-home .vh-md-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .vercaa-home .vh-lg-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vercaa-home .vh-lg-grid-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .vercaa-home .vh-lg-col-span-4 { grid-column: span 4 / span 4; }
  .vercaa-home .vh-lg-col-span-5 { grid-column: span 5 / span 5; }
}

/* Positioning */
.vercaa-home .vh-relative { position: relative; }
.vercaa-home .vh-absolute { position: absolute; }
.vercaa-home .vh-fixed { position: fixed; }
.vercaa-home .vh-inset-0 { inset: 0; }
.vercaa-home .vh-overflow-hidden { overflow: hidden; }

/* Display */
.vercaa-home .vh-block { display: block; }
.vercaa-home .vh-inline-block { display: inline-block; }
.vercaa-home .vh-inline-flex { display: inline-flex; }
.vercaa-home .vh-hidden { display: none; }

@media (min-width: 1024px) {
  .vercaa-home .vh-lg-flex { display: flex; }
  .vercaa-home .vh-lg-hidden { display: none; }
  .vercaa-home .vh-lg-block { display: block; }
}

@media (max-width: 1023px) {
  .vercaa-home .vh-mobile-only { display: block; }
  .vercaa-home .vh-desktop-only { display: none; }
}
@media (min-width: 1024px) {
  .vercaa-home .vh-mobile-only { display: none; }
  .vercaa-home .vh-desktop-only { display: block; }
}

/* Sizing */
.vercaa-home .vh-w-full { width: 100%; }
.vercaa-home .vh-h-full { height: 100%; }
.vercaa-home .vh-min-h-screen { min-height: 100vh; }

/* Text alignment */
.vercaa-home .vh-text-center { text-align: center; }
.vercaa-home .vh-text-left { text-align: left; }
.vercaa-home .vh-text-right { text-align: right; }

/* Pointer */
.vercaa-home .vh-pointer { cursor: pointer; }
.vercaa-home .vh-pointer-none { pointer-events: none; }

/* --------------------------------------------------------------------------
   4. Typography
   -------------------------------------------------------------------------- */
.vercaa-home .vh-text-xs { font-size: 0.75rem; line-height: 1rem; }
.vercaa-home .vh-text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.vercaa-home .vh-text-base { font-size: 1rem; line-height: 1.5rem; }
.vercaa-home .vh-text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.vercaa-home .vh-text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.vercaa-home .vh-text-2xl { font-size: 1.5rem; line-height: 2rem; }
.vercaa-home .vh-text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.vercaa-home .vh-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.vercaa-home .vh-text-5xl { font-size: 3rem; line-height: 1; }
.vercaa-home .vh-text-6xl { font-size: 3.75rem; line-height: 1; }
.vercaa-home .vh-text-7xl { font-size: 4.5rem; line-height: 1; }
.vercaa-home .vh-text-8xl { font-size: 6rem; line-height: 1; }

.vercaa-home .vh-font-normal { font-weight: 400; }
.vercaa-home .vh-font-medium { font-weight: 500; }
.vercaa-home .vh-font-semibold { font-weight: 600; }
.vercaa-home .vh-font-bold { font-weight: 700; }

.vercaa-home .vh-tracking-tight { letter-spacing: -0.025em; }
.vercaa-home .vh-leading-tight { line-height: 1.25; }
.vercaa-home .vh-leading-relaxed { line-height: 1.625; }
.vercaa-home .vh-leading-none { line-height: 1; }

.vercaa-home .vh-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Color utilities */
.vercaa-home .vh-c-purple { color: var(--vh-purple); }
.vercaa-home .vh-c-orange { color: var(--vh-orange); }
.vercaa-home .vh-c-green { color: var(--vh-green); }
.vercaa-home .vh-c-green-alt { color: var(--vh-green-alt); }
.vercaa-home .vh-c-white { color: var(--vh-white); }
.vercaa-home .vh-c-muted { color: var(--vh-text-muted); }
.vercaa-home .vh-c-secondary { color: var(--vh-text-secondary); }
.vercaa-home .vh-c-slate-700 { color: var(--vh-slate-700); }
.vercaa-home .vh-c-slate-900 { color: var(--vh-slate-900); }
.vercaa-home .vh-c-gray-500 { color: var(--vh-gray-500); }
.vercaa-home .vh-c-gray-600 { color: var(--vh-gray-600); }
.vercaa-home .vh-c-gray-900 { color: var(--vh-gray-900); }
.vercaa-home .vh-c-blue-500 { color: var(--vh-blue-500); }
.vercaa-home .vh-c-blue-600 { color: var(--vh-blue-600); }
.vercaa-home .vh-c-red-400 { color: var(--vh-red-400); }
.vercaa-home .vh-c-red-500 { color: var(--vh-red-500); }
.vercaa-home .vh-c-yellow-400 { color: var(--vh-yellow-400); }
.vercaa-home .vh-c-yellow-500 { color: var(--vh-yellow-500); }
.vercaa-home .vh-c-indigo-700 { color: var(--vh-indigo-700); }
.vercaa-home .vh-c-indigo-900 { color: var(--vh-indigo-900); }

/* --------------------------------------------------------------------------
   5. Header Component
   -------------------------------------------------------------------------- */
.vercaa-home .vh-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--vh-z-header);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(229, 231, 235, 0.5);
  transition: background var(--vh-duration) var(--vh-ease),
              box-shadow var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-header.vh-header--scrolled {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: var(--vh-shadow-sm);
}

.vercaa-home .vh-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem; /* 64px */
}

/* Logo */
.vercaa-home .vh-logo {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.vercaa-home .vh-logo-dots {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.vercaa-home .vh-logo-dot {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: var(--vh-radius-full);
}

.vercaa-home .vh-logo-dot--purple { background-color: var(--vh-purple); }
.vercaa-home .vh-logo-dot--orange { background-color: var(--vh-orange); }
.vercaa-home .vh-logo-dot--green { background-color: var(--vh-green); }

.vercaa-home .vh-logo-text {
  font-weight: 700;
  font-size: 0.9375rem;
  letter-spacing: -0.025em;
  color: var(--vh-text-primary);
}

/* Navigation */
.vercaa-home .vh-nav {
  display: none;
  align-items: center;
  gap: 2.5rem;
}

@media (min-width: 1024px) {
  .vercaa-home .vh-nav { display: flex; }
}

.vercaa-home .vh-nav-item {
  position: relative;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--vh-gray-700);
  transition: color var(--vh-duration-fast) var(--vh-ease);
  cursor: pointer;
}

.vercaa-home .vh-nav-item:hover {
  color: #663399;
}

.vercaa-home .vh-nav-item::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 0.75rem; /* invisible hover bridge */
}

/* Mega Menu */
.vercaa-home .vh-mega-menu {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%);
  min-width: 18rem;
  padding: 0.5rem;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: var(--vh-radius-xl);
  box-shadow: var(--vh-shadow-xl);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(0.5rem);
  margin-top: 0.5rem;
  transition: all var(--vh-duration) var(--vh-ease);
  z-index: var(--vh-z-dropdown);
}

.vercaa-home .vh-nav-item:hover .vh-mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.vercaa-home .vh-mega-menu-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}

.vercaa-home .vh-mega-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: var(--vh-radius-lg);
  position: relative;
  transition: all var(--vh-duration-fast) var(--vh-ease);
  color: #717182;
}

.vercaa-home .vh-mega-item .vh-mega-left-border {
  position: absolute;
  left: 0;
  top: 0.5rem;
  bottom: 0.5rem;
  width: 2px;
  border-radius: 9999px;
  opacity: 0;
  transform: scaleY(0);
  transition: all var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-mega-item .vh-mega-right-dot {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0;
  transition: all var(--vh-duration-fast) var(--vh-ease);
}

/* Hover effects for different dropdowns */
.vercaa-home .vh-mega-item[data-color="purple"]:hover {
  background: rgba(168,63,255,0.03);
  color: #a83fff;
  transform: translateX(2px);
}

.vercaa-home .vh-mega-item[data-color="purple"]:hover .vh-mega-left-border {
  background: #a83fff;
  opacity: 1;
  transform: scaleY(1);
}

.vercaa-home .vh-mega-item[data-color="purple"]:hover .vh-mega-right-dot {
  background: #a83fff;
  opacity: 0.6;
}

.vercaa-home .vh-mega-item[data-color="orange"]:hover {
  background: rgba(249,115,22,0.03);
  color: #f97316;
  transform: translateX(2px);
}

.vercaa-home .vh-mega-item[data-color="orange"]:hover .vh-mega-left-border {
  background: #f97316;
  opacity: 1;
  transform: scaleY(1);
}

.vercaa-home .vh-mega-item[data-color="orange"]:hover .vh-mega-right-dot {
  background: #f97316;
  opacity: 0.6;
}

.vercaa-home .vh-mega-item[data-color="green"]:hover {
  background: rgba(16,185,129,0.03);
  color: #10b981;
  transform: translateX(2px);
}

.vercaa-home .vh-mega-item[data-color="green"]:hover .vh-mega-left-border {
  background: #10b981;
  opacity: 1;
  transform: scaleY(1);
}

.vercaa-home .vh-mega-item[data-color="green"]:hover .vh-mega-right-dot {
  background: #10b981;
  opacity: 0.6;
}

.vercaa-home .vh-mega-icon {
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--vh-radius-lg);
  flex-shrink: 0;
  background: rgba(113,113,130,0.06);
  color: #717182;
  transition: all var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-mega-item[data-color="purple"]:hover .vh-mega-icon {
  background: rgba(168,63,255,0.09);
  color: #a83fff;
}

.vercaa-home .vh-mega-item[data-color="orange"]:hover .vh-mega-icon {
  background: rgba(249,115,22,0.09);
  color: #f97316;
}

.vercaa-home .vh-mega-item[data-color="green"]:hover .vh-mega-icon {
  background: rgba(16,185,129,0.09);
  color: #10b981;
}

/* Mega icon color classes removed - now using data-color hover effects */

.vercaa-home .vh-mega-title {
  font-size: 0.875rem;
  font-weight: 400;
  color: #717182;
  transition: all var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-mega-item:hover .vh-mega-title {
  font-weight: 500;
}

.vercaa-home .vh-mega-desc {
  font-size: 0.75rem;
  color: var(--vh-gray-500);
  line-height: 1.4;
}

/* Header Right */
.vercaa-home .vh-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* --------------------------------------------------------------------------
   6. Buttons
   -------------------------------------------------------------------------- */
.vercaa-home .vh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: var(--vh-radius-lg);
  transition: all var(--vh-duration-fast) var(--vh-ease);
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  line-height: 1.5;
}

.vercaa-home .vh-btn--sm {
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
}

.vercaa-home .vh-btn--xs {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}

.vercaa-home .vh-btn--lg {
  padding: 0.625rem 1.25rem;
  font-size: 1rem;
}

/* Ghost button */
.vercaa-home .vh-btn--ghost {
  background: transparent;
  color: var(--vh-gray-700);
}

.vercaa-home .vh-btn--ghost:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--vh-gray-900);
}

/* Outline button */
.vercaa-home .vh-btn--outline {
  background: transparent;
  border-color: var(--vh-gray-300);
  color: var(--vh-gray-800);
}

.vercaa-home .vh-btn--outline:hover {
  background: var(--vh-gray-50);
  border-color: var(--vh-gray-400);
}

/* Primary button */
.vercaa-home .vh-btn--primary {
  background: var(--vh-purple);
  color: var(--vh-white);
}

.vercaa-home .vh-btn--primary:hover {
  background: var(--vh-purple-dark);
}

/* Green button */
.vercaa-home .vh-btn--green {
  background: linear-gradient(to right, var(--vh-green), var(--vh-emerald-600));
  color: var(--vh-white);
}

.vercaa-home .vh-btn--green:hover {
  opacity: 0.9;
}

/* Indigo/AI gradient button */
.vercaa-home .vh-btn--indigo {
  background: linear-gradient(to right, var(--vh-indigo-600), var(--vh-purple));
  color: var(--vh-white);
  border-radius: var(--vh-radius-xl);
}

.vercaa-home .vh-btn--indigo:hover {
  background: linear-gradient(to right, var(--vh-indigo-700), var(--vh-purple-dark));
}

/* Orange button */
.vercaa-home .vh-btn--orange {
  background: var(--vh-orange);
  color: var(--vh-white);
}

.vercaa-home .vh-btn--orange:hover {
  opacity: 0.9;
}

/* Disabled state */
.vercaa-home .vh-btn:disabled,
.vercaa-home .vh-btn--disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* Icon-only button */
.vercaa-home .vh-btn--icon {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border-radius: var(--vh-radius-full);
}

/* --------------------------------------------------------------------------
   7. Badge
   -------------------------------------------------------------------------- */
.vercaa-home .vh-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
  border-radius: var(--vh-radius-full);
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.5;
}

.vercaa-home .vh-badge--outline {
  background: transparent;
  border-color: var(--vh-gray-300);
  color: var(--vh-gray-800);
}

.vercaa-home .vh-badge--purple {
  background: rgba(168, 63, 255, 0.1);
  border-color: rgba(168, 63, 255, 0.3);
  color: var(--vh-purple);
}

.vercaa-home .vh-badge--orange {
  background: rgba(249, 115, 22, 0.1);
  border-color: rgba(249, 115, 22, 0.3);
  color: var(--vh-orange);
}

.vercaa-home .vh-badge--green {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.3);
  color: var(--vh-green);
}

.vercaa-home .vh-badge--blue {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
  color: var(--vh-blue-600);
}

.vercaa-home .vh-badge--yellow {
  background: rgba(234, 179, 8, 0.1);
  border-color: rgba(234, 179, 8, 0.3);
  color: var(--vh-yellow-500);
}

.vercaa-home .vh-badge--red {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: var(--vh-red-500);
}

.vercaa-home .vh-badge--muted {
  background: var(--vh-gray-100);
  color: var(--vh-gray-600);
}

.vercaa-home .vh-badge--live-preview {
  background: var(--vh-purple-50);
  color: var(--vh-purple-dark);
  border-color: var(--vh-purple-200);
}

.vercaa-home .vh-badge--smart {
  background: linear-gradient(to right, rgba(99, 102, 241, 0.1), rgba(168, 63, 255, 0.1));
  color: var(--vh-indigo-700);
  border-color: rgba(99, 102, 241, 0.2);
}

/* --------------------------------------------------------------------------
   8. Card (glassmorphism base)
   -------------------------------------------------------------------------- */
.vercaa-home .vh-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--vh-radius-2xl);
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: transform var(--vh-duration) var(--vh-ease),
              box-shadow var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-card:hover {
  transform: scale(1.01);
}

.vercaa-home .vh-card--solid {
  background: var(--vh-white);
  backdrop-filter: none;
  border-color: var(--vh-gray-200);
}

.vercaa-home .vh-card--solid:hover {
  box-shadow: var(--vh-shadow-lg);
}

/* Glass overlays for cards */
.vercaa-home .vh-card__glass-bg {
  position: absolute;
  inset: 0;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: inherit;
  transition: background var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-card__glass-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(255,255,255,0.15), transparent);
  border-radius: inherit;
  transition: background var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-card:hover .vh-card__glass-bg {
  background: rgba(255, 255, 255, 0.18);
}

.vercaa-home .vh-card:hover .vh-card__glass-overlay {
  background: linear-gradient(to bottom right, rgba(255,255,255,0.25), transparent);
}

.vercaa-home .vh-card__content {
  position: relative;
  z-index: var(--vh-z-base);
}

/* Feature card styling */
.vercaa-home .vh-feature-card {
  position: relative;
  overflow: hidden;
  padding: 2rem;
  border-radius: var(--vh-radius-2xl);
  background: linear-gradient(to bottom right, rgba(255,255,255,0.8), rgba(255,255,255,0.6));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: none;
  box-shadow: var(--vh-shadow-sm);
  transition: all 500ms var(--vh-ease);
  cursor: pointer;
}

.vercaa-home .vh-feature-card:hover,
.vercaa-home .vh-feature-card.vh-feature-card--active {
  box-shadow: var(--vh-shadow-xl);
  transform: scale(1.02);
}

.vercaa-home .vh-feature-card__gradient {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 500ms var(--vh-ease);
}

.vercaa-home .vh-feature-card:hover .vh-feature-card__gradient,
.vercaa-home .vh-feature-card.vh-feature-card--active .vh-feature-card__gradient {
  opacity: 1;
}

.vercaa-home .vh-feature-card__glow {
  position: absolute;
  inset: 0;
  opacity: 0;
  filter: blur(24px);
  transform: scale(1.5);
  transition: opacity 500ms var(--vh-ease);
}

.vercaa-home .vh-feature-card:hover .vh-feature-card__glow,
.vercaa-home .vh-feature-card.vh-feature-card--active .vh-feature-card__glow {
  opacity: 0.2;
}

/* Feature card icon container */
.vercaa-home .vh-feature-icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: var(--vh-radius-2xl);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: transform var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-feature-card:hover .vh-feature-icon,
.vercaa-home .vh-feature-card.vh-feature-card--active .vh-feature-icon {
  transform: scale(1.1);
}

/* Feature performance bar */
.vercaa-home .vh-feature-bar {
  flex: 1;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.05);
  border-radius: var(--vh-radius-full);
  overflow: hidden;
}

.vercaa-home .vh-feature-bar__fill {
  height: 100%;
  border-radius: var(--vh-radius-full);
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1000ms var(--vh-ease) 200ms;
}

.vercaa-home .vh-feature-card:hover .vh-feature-bar__fill,
.vercaa-home .vh-feature-card.vh-feature-card--active .vh-feature-bar__fill {
  transform: scaleX(1);
}

/* Tech stack indicators */
.vercaa-home .vh-tech-bars {
  display: flex;
  gap: 0.25rem;
  opacity: 0;
  transition: opacity var(--vh-duration) var(--vh-ease) 100ms;
}

.vercaa-home .vh-feature-card:hover .vh-tech-bars,
.vercaa-home .vh-feature-card.vh-feature-card--active .vh-tech-bars {
  opacity: 1;
}

.vercaa-home .vh-tech-bar {
  width: 0.25rem;
  height: 2rem;
  border-radius: var(--vh-radius-full);
  opacity: 0.6;
}

/* --------------------------------------------------------------------------
   9. Dashboard Panel (Interactive Features Panel)
   -------------------------------------------------------------------------- */
/* Hide dashboard on mobile */
@media (max-width: 767px) {
  .vercaa-home .vh-dashboard-wrapper { display: none !important; }
}

.vercaa-home .vh-dashboard {
  position: relative;
  backdrop-filter: blur(40px) saturate(150%);
  -webkit-backdrop-filter: blur(40px) saturate(150%);
  background: rgba(255, 255, 255, 0.15);
  border-radius: var(--vh-radius-3xl);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: var(--vh-shadow-2xl);
  overflow: hidden;
}

/* Glass shimmer effect */
.vercaa-home .vh-dashboard__shimmer {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
}

.vercaa-home .vh-dashboard__shimmer-line {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent);
  animation: vh-glass-shimmer 8s infinite linear;
}

.vercaa-home .vh-dashboard__shimmer-reflection {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(255,255,255,0.1), transparent, rgba(255,255,255,0.05));
  animation: vh-glass-reflection 12s infinite ease-in-out;
}

.vercaa-home .vh-dashboard__content {
  position: relative;
  z-index: var(--vh-z-base);
  padding: 2rem;
}

/* Dashboard header */
.vercaa-home .vh-dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.vercaa-home .vh-dashboard-dots {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.vercaa-home .vh-dashboard-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: var(--vh-radius-full);
}

.vercaa-home .vh-dashboard-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--vh-slate-900);
}

/* Performance card inside dashboard */
.vercaa-home .vh-perf-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--vh-radius-2xl);
  padding: 1.5rem;
  transition: all var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-perf-card:hover {
  transform: scale(1.01);
}

.vercaa-home .vh-perf-card__bg {
  position: absolute;
  inset: 0;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: inherit;
  transition: background var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-perf-card__bg--purple {
  background: linear-gradient(to bottom right, rgba(168,63,255,0.06), transparent);
}

.vercaa-home .vh-perf-card__bg--default {
  background: rgba(255, 255, 255, 0.12);
}

.vercaa-home .vh-perf-card:hover .vh-perf-card__bg--default {
  background: rgba(255, 255, 255, 0.18);
}

.vercaa-home .vh-perf-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, rgba(255,255,255,0.15), transparent);
  border-radius: inherit;
  transition: background var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-perf-card:hover .vh-perf-card__overlay {
  background: linear-gradient(to bottom right, rgba(255,255,255,0.2), transparent);
}

.vercaa-home .vh-perf-card__content {
  position: relative;
  z-index: var(--vh-z-base);
}

/* Metric hero number */
.vercaa-home .vh-metric-hero {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.vercaa-home .vh-metric-value {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.vercaa-home .vh-metric-label {
  font-size: 0.75rem;
  color: var(--vh-slate-700);
}

.vercaa-home .vh-metric-sublabel {
  font-size: 0.6875rem;
  color: var(--vh-gray-500);
}

/* Progress bars */
.vercaa-home .vh-progress {
  height: 0.5rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: var(--vh-radius-full);
  overflow: hidden;
}

.vercaa-home .vh-progress__bar {
  height: 100%;
  border-radius: var(--vh-radius-full);
  transition: width 1000ms var(--vh-ease);
}

/* Load level gradient helpers */
.vercaa-home .vh-grad-green { background: linear-gradient(to right, var(--vh-green), var(--vh-green-light)); }
.vercaa-home .vh-grad-blue { background: linear-gradient(to right, var(--vh-blue-500), var(--vh-blue-400)); }
.vercaa-home .vh-grad-yellow { background: linear-gradient(to right, var(--vh-yellow-500), var(--vh-yellow-400)); }
.vercaa-home .vh-grad-orange { background: linear-gradient(to right, var(--vh-orange), var(--vh-orange-light)); }
.vercaa-home .vh-grad-red { background: linear-gradient(to right, var(--vh-red-500), var(--vh-red-400)); }
.vercaa-home .vh-grad-purple { background: linear-gradient(to right, var(--vh-purple), var(--vh-purple-light)); }
.vercaa-home .vh-grad-indigo { background: linear-gradient(to right, var(--vh-indigo-600), var(--vh-purple)); }
.vercaa-home .vh-grad-green-emerald { background: linear-gradient(to right, var(--vh-green), var(--vh-emerald-400)); }

/* Slider */
.vercaa-home .vh-slider-container {
  position: relative;
  width: 100%;
  padding: 0.5rem 0;
}

.vercaa-home .vh-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 0.375rem;
  border-radius: var(--vh-radius-full);
  background: var(--vh-gray-200);
  outline: none;
  transition: all var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: var(--vh-radius-full);
  background: var(--vh-white);
  border: 2px solid var(--vh-purple);
  box-shadow: var(--vh-shadow);
  cursor: pointer;
  transition: all var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-slider::-webkit-slider-thumb:hover {
  transform: scale(1.15);
  box-shadow: 0 0 0 4px rgba(168, 63, 255, 0.15);
}

.vercaa-home .vh-slider::-moz-range-thumb {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: var(--vh-radius-full);
  background: var(--vh-white);
  border: 2px solid var(--vh-purple);
  box-shadow: var(--vh-shadow);
  cursor: pointer;
}

.vercaa-home .vh-slider--orange::-webkit-slider-thumb {
  border-color: var(--vh-orange);
}

.vercaa-home .vh-slider--orange::-moz-range-thumb {
  border-color: var(--vh-orange);
}

.vercaa-home .vh-slider--green::-webkit-slider-thumb {
  border-color: var(--vh-green);
}

.vercaa-home .vh-slider--blue::-webkit-slider-thumb {
  border-color: var(--vh-blue-500);
}

.vercaa-home .vh-slider:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.vercaa-home .vh-slider:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
}

/* --------------------------------------------------------------------------
   10. Hero Section
   -------------------------------------------------------------------------- */
.vercaa-home .vh-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--vh-white);
}

.vercaa-home .vh-hero__inner {
  flex: 1;
  position: relative;
  overflow: hidden;
  padding-top: 5rem; /* space for fixed header */
  padding-bottom: 0;
}

.vercaa-home .vh-hero__tagline {
  text-align: center;
  margin-bottom: 3rem;
  padding-top: 2rem;
  position: relative;
  z-index: var(--vh-z-overlay);
}

@media (min-width: 1024px) {
  .vercaa-home .vh-hero__tagline { margin-bottom: 4rem; }
}

.vercaa-home .vh-hero__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--vh-text-primary);
  line-height: 1.25;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: -0.025em;
}

@media (min-width: 1024px) {
  .vercaa-home .vh-hero__title { font-size: 1.875rem; }
}

@media (min-width: 1280px) {
  .vercaa-home .vh-hero__title { font-size: 2.25rem; }
}

.vercaa-home .vh-hero__highlight {
  color: var(--vh-purple);
  font-weight: 700;
  display: inline-block;
  margin-top: 0.5rem;
}

/* Hero animated background */
.vercaa-home .vh-hero-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

/* Fluid gradient blobs */
.vercaa-home .vh-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(30px);
}

.vercaa-home .vh-blob--purple {
  background: radial-gradient(ellipse at center,
    rgba(168, 63, 255, 0.12) 0%,
    rgba(168, 63, 255, 0.08) 30%,
    rgba(249, 115, 22, 0.06) 60%,
    transparent 100%);
  width: 24rem;
  height: 24rem;
  top: 25%;
  left: 25%;
  filter: blur(40px);
  animation: vh-fluid-flow 20s infinite ease-in-out;
}

.vercaa-home .vh-blob--orange {
  background: radial-gradient(ellipse at center,
    rgba(249, 115, 22, 0.15) 0%,
    rgba(249, 115, 22, 0.1) 25%,
    rgba(16, 185, 129, 0.08) 50%,
    transparent 100%);
  width: 20rem;
  height: 20rem;
  top: 33%;
  right: 25%;
  filter: blur(35px);
  animation: vh-fluid-flow-reverse 18s infinite ease-in-out;
}

.vercaa-home .vh-blob--green {
  background: radial-gradient(ellipse at center,
    rgba(16, 185, 129, 0.12) 0%,
    rgba(16, 185, 129, 0.08) 30%,
    rgba(168, 63, 255, 0.06) 60%,
    transparent 100%);
  width: 18rem;
  height: 18rem;
  bottom: 25%;
  left: 33%;
  filter: blur(30px);
  animation: vh-morphing-blob 22s infinite ease-in-out;
}

.vercaa-home .vh-blob--conic {
  background: conic-gradient(from 0deg,
    rgba(168, 63, 255, 0.08),
    rgba(249, 115, 22, 0.08),
    rgba(16, 185, 129, 0.08),
    rgba(168, 63, 255, 0.08));
  width: 16rem;
  height: 16rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(25px);
  border-radius: 50%;
  animation: vh-fluid-drift 25s infinite ease-in-out;
}

.vercaa-home .vh-blob--organic-1 {
  background: linear-gradient(45deg,
    rgba(249, 115, 22, 0.06) 0%,
    rgba(168, 63, 255, 0.04) 50%,
    transparent 100%);
  width: 12rem;
  height: 12rem;
  top: 16.67%;
  right: 33%;
  filter: blur(20px);
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  animation: vh-fluid-flow 20s infinite ease-in-out;
}

.vercaa-home .vh-blob--organic-2 {
  background: linear-gradient(135deg,
    rgba(16, 185, 129, 0.08) 0%,
    rgba(249, 115, 22, 0.05) 50%,
    transparent 100%);
  width: 14rem;
  height: 14rem;
  bottom: 33%;
  right: 25%;
  filter: blur(28px);
  border-radius: 50% 60% 30% 60%/60% 40% 60% 30%;
  animation: vh-morphing-blob 22s infinite ease-in-out;
}

/* Ambient light layer */
.vercaa-home .vh-ambient-light {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 100% 100% at 25% 25%, rgba(168,63,255,0.02) 0%, transparent 50%),
    radial-gradient(ellipse 80% 80% at 75% 40%, rgba(249,115,22,0.025) 0%, transparent 50%),
    radial-gradient(ellipse 120% 120% at 50% 80%, rgba(16,185,129,0.02) 0%, transparent 50%);
}

/* Mesh overlay */
.vercaa-home .vh-mesh-overlay {
  position: absolute;
  inset: 0;
  opacity: 0.02;
  background-image:
    radial-gradient(circle at 25% 25%, rgba(168,63,255,0.3) 0%, transparent 50%),
    radial-gradient(circle at 75% 75%, rgba(249,115,22,0.3) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(16,185,129,0.3) 0%, transparent 50%);
  background-size: 400px 400px, 300px 300px, 500px 500px;
  background-position: 0 0, 100px 100px, 200px 50px;
  filter: blur(1px);
}

/* --------------------------------------------------------------------------
   11. Brand Features Section (Vercaa Definition)
   -------------------------------------------------------------------------- */
.vercaa-home .vh-brand {
  width: 100%;
  padding: 4rem 1.5rem;
  background: linear-gradient(to bottom, var(--vh-white), rgba(249,250,251,0.1), var(--vh-white));
  position: relative;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .vercaa-home .vh-brand { padding: 6rem 1.5rem; }
}

/* Ambient blobs for brand section */
.vercaa-home .vh-brand-blob {
  position: absolute;
  width: 24rem;
  height: 24rem;
  border-radius: 50%;
  filter: blur(64px);
}

.vercaa-home .vh-brand-blob--purple {
  top: -6rem;
  left: -6rem;
  background: linear-gradient(to bottom right, rgba(168,63,255,0.05), rgba(147,51,234,0.05));
  animation: vh-pulse 4s infinite;
}

.vercaa-home .vh-brand-blob--mixed {
  top: 50%;
  right: -6rem;
  background: linear-gradient(to bottom right, rgba(249,115,22,0.05), rgba(34,197,94,0.05));
  animation: vh-pulse 4s infinite 1s;
}

.vercaa-home .vh-brand-blob--green {
  bottom: -6rem;
  left: 33%;
  background: linear-gradient(to bottom right, rgba(34,197,94,0.05), rgba(168,63,255,0.05));
  animation: vh-pulse 4s infinite 2s;
}

/* Brand name typography */
.vercaa-home .vh-brand-name {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.1;
  user-select: none;
}

@media (min-width: 640px) {
  .vercaa-home .vh-brand-name { font-size: 3rem; }
}
@media (min-width: 768px) {
  .vercaa-home .vh-brand-name { font-size: 3.75rem; }
}
@media (min-width: 1024px) {
  .vercaa-home .vh-brand-name { font-size: 4.5rem; }
}
@media (min-width: 1280px) {
  .vercaa-home .vh-brand-name { font-size: 6rem; }
}

.vercaa-home .vh-brand-letter {
  transition: color 200ms ease-in-out;
  color: #030213;
}

/* Definition line */
.vercaa-home .vh-brand-def {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.625;
  color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 640px) {
  .vercaa-home .vh-brand-def { font-size: 1.125rem; }
}
@media (min-width: 768px) {
  .vercaa-home .vh-brand-def { font-size: 1.25rem; }
}
@media (min-width: 1024px) {
  .vercaa-home .vh-brand-def { font-size: 1.5rem; }
}

.vercaa-home .vh-brand-word {
  cursor: pointer;
  font-weight: 500;
  transition: color 200ms var(--vh-ease);
}

.vercaa-home .vh-brand-word:hover,
.vercaa-home .vh-brand-word--active-purple { color: var(--vh-purple); }
.vercaa-home .vh-brand-word--active-orange { color: var(--vh-orange); }
.vercaa-home .vh-brand-word--active-green { color: var(--vh-green); }

.vercaa-home .vh-brand-word strong {
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   12. Pricing Section
   -------------------------------------------------------------------------- */
.vercaa-home .vh-pricing {
  max-width: 80rem;
  margin: 0 auto;
  padding: 4rem 1.5rem;
}

.vercaa-home .vh-pricing__header {
  text-align: center;
  margin-bottom: 3rem;
}

.vercaa-home .vh-pricing__title {
  font-size: 3rem;
  color: var(--vh-gray-900);
  margin-bottom: 1.5rem;
}

.vercaa-home .vh-pricing__subtitle {
  font-size: 1.25rem;
  color: var(--vh-gray-600);
  max-width: 48rem;
  margin: 0 auto;
}

/* Pricing container */
.vercaa-home .vh-pricing-box {
  background: linear-gradient(to bottom right, var(--vh-white), rgba(249,250,251,0.5), var(--vh-white));
  border: 1px solid rgba(229,231,235,0.5);
  border-radius: var(--vh-radius-3xl);
  padding: 1.5rem;
  box-shadow: var(--vh-shadow-2xl);
  position: relative;
  overflow: hidden;
}

/* Dot pattern bg */
.vercaa-home .vh-pricing-box__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.02;
  background-image: radial-gradient(circle at 25px 25px, rgba(99,102,241,0.3) 2px, transparent 0);
  background-size: 50px 50px;
}

/* Pricing dashboard header */
.vercaa-home .vh-pricing-dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

/* Hosting type cards */
.vercaa-home .vh-hosting-card {
  background: var(--vh-white);
  border: 1px solid var(--vh-gray-200);
  border-radius: var(--vh-radius-xl);
  padding: 1rem;
  cursor: pointer;
  transition: all 200ms var(--vh-ease);
}

.vercaa-home .vh-hosting-card:hover {
  box-shadow: var(--vh-shadow-md);
  transform: scale(1.02);
}

.vercaa-home .vh-hosting-card:active {
  transform: scale(0.98);
}

.vercaa-home .vh-hosting-card--active-purple {
  border-color: var(--vh-purple-200);
  background: rgba(250, 245, 255, 0.3);
  box-shadow: var(--vh-shadow-lg);
}

.vercaa-home .vh-hosting-card--active-green {
  border-color: var(--vh-green-200);
  background: rgba(240, 253, 244, 0.3);
  box-shadow: var(--vh-shadow-lg);
}

.vercaa-home .vh-hosting-card--active-orange {
  border-color: var(--vh-orange-200);
  background: rgba(255, 247, 237, 0.3);
  box-shadow: var(--vh-shadow-lg);
}

.vercaa-home .vh-hosting-card--active-blue {
  border-color: rgba(191, 219, 254, 1);
  background: rgba(239, 246, 255, 0.3);
  box-shadow: var(--vh-shadow-lg);
}

/* Hosting card icon */
.vercaa-home .vh-hosting-icon {
  padding: 0.375rem;
  border-radius: var(--vh-radius-lg);
}

.vercaa-home .vh-hosting-icon--purple { background: rgba(243, 232, 255, 1); color: var(--vh-purple-dark); }
.vercaa-home .vh-hosting-icon--green { background: rgba(220, 252, 231, 1); color: var(--vh-green); }
.vercaa-home .vh-hosting-icon--orange { background: rgba(255, 237, 213, 1); color: var(--vh-orange); }
.vercaa-home .vh-hosting-icon--blue { background: rgba(219, 234, 254, 1); color: var(--vh-blue-600); }
.vercaa-home .vh-hosting-icon--gray { background: var(--vh-gray-100); color: var(--vh-gray-600); }

.vercaa-home .vh-hosting-price-box {
  text-align: center;
  padding: 0.5rem;
  background: var(--vh-gray-50);
  border-radius: var(--vh-radius-lg);
}

/* Configuration panel */
.vercaa-home .vh-config-panel {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(229, 231, 235, 0.5);
  border-radius: var(--vh-radius-2xl);
  padding: 1.25rem;
  box-shadow: var(--vh-shadow-lg);
  height: 100%;
}

/* Resource monitor */
.vercaa-home .vh-resource-monitor {
  padding: 0.75rem;
  background: rgba(249, 250, 251, 0.5);
  border-radius: var(--vh-radius-xl);
  border: 1px solid rgba(229, 231, 235, 0.5);
  margin-bottom: 1rem;
}

/* Resource dots */
.vercaa-home .vh-resource-dots {
  display: flex;
  gap: 0.25rem;
}

.vercaa-home .vh-resource-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--vh-radius-full);
  transition: all var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-resource-dot--active {
  background: linear-gradient(to bottom right, var(--vh-blue-400), var(--vh-blue-600));
}

.vercaa-home .vh-resource-dot--inactive {
  background: var(--vh-gray-200);
}

/* Resource bar */
.vercaa-home .vh-resource-bar {
  height: 0.375rem;
  background: var(--vh-gray-200);
  border-radius: var(--vh-radius-full);
  overflow: hidden;
}

.vercaa-home .vh-resource-bar__fill {
  height: 100%;
  border-radius: var(--vh-radius-full);
  transition: width 1000ms ease-out;
}

/* Per-day stats grid */
.vercaa-home .vh-perday-stat {
  text-align: center;
  padding: 0.75rem;
  border-radius: var(--vh-radius-lg);
  border: 1px solid;
}

.vercaa-home .vh-perday-stat--purple {
  background: var(--vh-purple-50);
  border-color: var(--vh-purple-200);
}

.vercaa-home .vh-perday-stat--blue {
  background: rgba(239, 246, 255, 1);
  border-color: rgba(191, 219, 254, 1);
}

.vercaa-home .vh-perday-stat--gray {
  background: var(--vh-gray-50);
  border-color: var(--vh-gray-200);
}

/* Template card in perday */
.vercaa-home .vh-template-card {
  padding: 1rem;
  border-radius: var(--vh-radius-xl);
  border: 2px solid;
  box-shadow: var(--vh-shadow-lg);
  position: relative;
}

.vercaa-home .vh-template-thumbnail {
  position: relative;
  height: 4rem;
  margin-bottom: 0.75rem;
  border-radius: var(--vh-radius-lg);
  overflow: hidden;
}

/* Template navigation buttons */
.vercaa-home .vh-template-nav {
  padding: 0.625rem;
  background: var(--vh-white);
  border: 1px solid var(--vh-gray-200);
  border-radius: var(--vh-radius-xl);
  transition: all 200ms var(--vh-ease);
  cursor: pointer;
  flex-shrink: 0;
}

.vercaa-home .vh-template-nav:hover {
  border-color: var(--vh-gray-300);
  box-shadow: var(--vh-shadow-md);
}

/* AI Recommendation panel */
.vercaa-home .vh-ai-panel {
  background: linear-gradient(to bottom right, rgba(238,242,255,1), rgba(250,245,255,1), rgba(239,246,255,1));
  border: 1px solid rgba(199,210,254,1);
  border-radius: var(--vh-radius-2xl);
  padding: 1rem;
  box-shadow: var(--vh-shadow-lg);
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
}

.vercaa-home .vh-ai-panel__bg {
  position: absolute;
  inset: 0;
  opacity: 0.05;
}

.vercaa-home .vh-ai-panel__bg-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, var(--vh-indigo-600), var(--vh-purple));
}

.vercaa-home .vh-ai-panel__bg-stripes {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px);
}

/* AI type picker buttons */
.vercaa-home .vh-ai-option {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem;
  border-radius: var(--vh-radius-lg);
  border: 1px solid var(--vh-gray-200);
  background: var(--vh-white);
  color: var(--vh-gray-700);
  font-size: 0.75rem;
  cursor: pointer;
  transition: all var(--vh-duration-fast) var(--vh-ease);
  text-align: left;
}

.vercaa-home .vh-ai-option:hover {
  border-color: rgba(199,210,254,1);
}

.vercaa-home .vh-ai-option--active {
  background: rgba(224,231,255,1);
  border-color: rgba(165,180,252,1);
  color: var(--vh-indigo-900);
}

/* Summary panel (right side of pricing) */
.vercaa-home .vh-summary-panel {
  background: linear-gradient(to bottom right, var(--vh-white), var(--vh-gray-50));
  border: 1px solid var(--vh-gray-200);
  border-radius: var(--vh-radius-2xl);
  padding: 1.5rem;
  box-shadow: var(--vh-shadow-lg);
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Progress indicator (step dots) */
.vercaa-home .vh-progress-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.vercaa-home .vh-progress-step {
  height: 0.125rem;
  width: 2rem;
  border-radius: var(--vh-radius-full);
  background: var(--vh-gray-300);
  transition: background var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-progress-step--active {
  background: var(--vh-green);
}

/* Spec list */
.vercaa-home .vh-spec-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.vercaa-home .vh-spec-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--vh-gray-700);
}

.vercaa-home .vh-spec-check {
  width: 1rem;
  height: 1rem;
  color: var(--vh-green);
  flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   13. Testimonials Section
   -------------------------------------------------------------------------- */
.vercaa-home .vh-testimonials {
  padding: 4rem 1.5rem;
}

@media (min-width: 1024px) {
  .vercaa-home .vh-testimonials { padding: 6rem 1.5rem; }
}

.vercaa-home .vh-testimonial-card {
  position: relative;
  padding: 1.5rem;
  border-radius: var(--vh-radius-2xl);
  background: var(--vh-white);
  border: 1px solid var(--vh-gray-200);
  box-shadow: var(--vh-shadow-sm);
  transition: all var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-testimonial-card:hover {
  box-shadow: var(--vh-shadow-lg);
  transform: translateY(-2px);
}

/* Star rating */
.vercaa-home .vh-stars {
  display: flex;
  gap: 0.125rem;
}

.vercaa-home .vh-star {
  color: #eab308;
  width: 1rem;
  height: 1rem;
}

.vercaa-home .vh-star--filled {
  fill: #eab308;
}

/* Verified badge */
.vercaa-home .vh-verified {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  color: var(--vh-green);
  font-weight: 500;
}

/* Avatar */
.vercaa-home .vh-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--vh-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--vh-white);
  flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   14. Footer
   -------------------------------------------------------------------------- */
.vercaa-home .vh-footer {
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
}

.vercaa-home .vh-footer__inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 4rem 1.5rem 2rem;
}

.vercaa-home .vh-footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 768px) {
  .vercaa-home .vh-footer-grid {
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 3rem;
  }
}

.vercaa-home .vh-footer-heading {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--vh-gray-900);
  margin-bottom: 1rem;
}

.vercaa-home .vh-footer-link {
  display: block;
  font-size: 0.875rem;
  color: var(--vh-gray-600);
  padding: 0.25rem 0;
  transition: color var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-footer-link:hover {
  color: var(--vh-gray-900);
}

/* Newsletter input */
.vercaa-home .vh-newsletter {
  display: flex;
  gap: 0.5rem;
}

.vercaa-home .vh-newsletter__input {
  flex: 1;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  border: 1px solid var(--vh-gray-300);
  border-radius: var(--vh-radius-lg);
  background: var(--vh-white);
  color: var(--vh-gray-900);
  outline: none;
  transition: border-color var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-newsletter__input:focus {
  border-color: var(--vh-purple);
  box-shadow: 0 0 0 3px rgba(168, 63, 255, 0.1);
}

.vercaa-home .vh-newsletter__input::placeholder {
  color: var(--vh-gray-400);
}

/* Social icons */
.vercaa-home .vh-social-icons {
  display: flex;
  gap: 0.75rem;
}

.vercaa-home .vh-social-icon {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--vh-radius-full);
  background: var(--vh-gray-100);
  color: var(--vh-gray-600);
  transition: all var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-social-icon:hover {
  background: var(--vh-gray-200);
  color: var(--vh-gray-900);
}

/* Footer bottom bar */
.vercaa-home .vh-footer-bottom {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--vh-gray-200);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

@media (min-width: 768px) {
  .vercaa-home .vh-footer-bottom {
    flex-direction: row;
    justify-content: space-between;
  }
}

.vercaa-home .vh-footer-copyright {
  font-size: 0.75rem;
  color: var(--vh-gray-500);
}

/* --------------------------------------------------------------------------
   15. Mobile Menu
   -------------------------------------------------------------------------- */
.vercaa-home .vh-mobile-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--vh-radius-lg);
  color: var(--vh-gray-700);
  cursor: pointer;
  transition: background var(--vh-duration-fast) var(--vh-ease);
}

@media (min-width: 1024px) {
  .vercaa-home .vh-mobile-toggle { display: none; }
}

.vercaa-home .vh-mobile-toggle:hover {
  background: var(--vh-gray-100);
}

/* Hamburger animation */
.vercaa-home .vh-mobile-toggle.vh-mobile-toggle--open .vh-hamburger-line--1 {
  transform: rotate(45deg) translateY(7px);
}

.vercaa-home .vh-mobile-toggle.vh-mobile-toggle--open .vh-hamburger-line--2 {
  opacity: 0;
}

.vercaa-home .vh-mobile-toggle.vh-mobile-toggle--open .vh-hamburger-line--3 {
  transform: rotate(-45deg) translateY(-7px);
}

.vercaa-home .vh-mobile-overlay {
  position: fixed;
  inset: 0;
  z-index: 40;
  opacity: 0;
  visibility: hidden;
  transition: all var(--vh-duration) var(--vh-ease);
  background: var(--vh-white);
  transform: translateY(-100%);
}

.vercaa-home .vh-mobile-overlay--open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.vercaa-home .vh-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 40;
  background: var(--vh-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem 1.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-mobile-menu--open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Spacer for header */
.vercaa-home .vh-mobile-menu-spacer {
  height: 4rem;
}

/* Logo in mobile menu */
.vercaa-home .vh-mobile-menu-logo {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 3rem;
}

.vercaa-home .vh-mobile-menu-logo .vh-logo-dot {
  width: 0.75rem;
  height: 0.75rem;
  animation: vh-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.vercaa-home .vh-mobile-menu-logo .vh-logo-text {
  font-size: 1.5rem;
  font-weight: 700;
}

.vercaa-home .vh-mobile-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  max-width: 24rem;
  margin-bottom: 3rem;
}

.vercaa-home .vh-mobile-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--vh-gray-700);
  border: 1px solid transparent;
  border-radius: 1rem;
  text-decoration: none;
  transition: all var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-mobile-nav-item--hosting:hover {
  color: #a83fff;
  background: rgba(168,63,255,0.05);
  border-color: rgba(168,63,255,0.2);
}

.vercaa-home .vh-mobile-nav-item--domains:hover {
  color: #f59e0b;
  background: rgba(245,158,11,0.05);
  border-color: rgba(245,158,11,0.2);
}

.vercaa-home .vh-mobile-nav-item--security:hover {
  color: #10b981;
  background: rgba(16,185,129,0.05);
  border-color: rgba(16,185,129,0.2);
}

.vercaa-home .vh-mobile-nav-item--support:hover {
  color: #663399;
  background: rgba(102,51,153,0.05);
  border-color: rgba(102,51,153,0.2);
}

/* Mobile sub-menus (accordion) */
.vercaa-home .vh-mobile-nav-group {
  width: 100%;
}

.vercaa-home .vh-mobile-nav-item[data-mobile-expand] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: 1px solid transparent;
  cursor: pointer;
}

.vercaa-home .vh-mobile-chevron {
  transition: transform 0.3s ease;
}

.vercaa-home .vh-mobile-nav-item.vh-mobile-nav-expanded .vh-mobile-chevron {
  transform: rotate(180deg);
}

.vercaa-home .vh-mobile-sub {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.vercaa-home .vh-mobile-sub.vh-mobile-sub--open {
  max-height: 500px;
}

.vercaa-home .vh-mobile-sub-item {
  display: block;
  padding: 0.625rem 1.5rem 0.625rem 2.5rem;
  font-size: 0.875rem;
  color: #717182;
  text-decoration: none;
  transition: all 0.2s ease;
  border-radius: 0.75rem;
}

.vercaa-home .vh-mobile-sub-item:hover {
  color: var(--vh-purple);
  background: rgba(168,63,255,0.05);
}

/* Color-specific hover for domains sub-items */
.vercaa-home .vh-mobile-nav-item--domains + .vh-mobile-sub .vh-mobile-sub-item:hover {
  color: #f97316;
  background: rgba(249,115,22,0.05);
}

.vercaa-home .vh-mobile-nav-item--security + .vh-mobile-sub .vh-mobile-sub-item:hover {
  color: #10b981;
  background: rgba(16,185,129,0.05);
}

.vercaa-home .vh-mobile-login {
  width: 100%;
  max-width: 24rem;
  margin-top: auto;
  padding: 1rem;
  background: #a83fff;
  color: var(--vh-white);
  font-size: 1.125rem;
  font-weight: 500;
  border: none;
  border-radius: 1rem;
  text-decoration: none;
  transition: all var(--vh-duration-fast) var(--vh-ease);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  box-shadow: var(--vh-shadow-lg);
}

.vercaa-home .vh-mobile-login:hover {
  background: #663399;
  color: var(--vh-white);
  text-decoration: none;
}

.vercaa-home .vh-mobile-actions {
  display: flex;
  gap: 1rem;
  width: 100%;
  max-width: 24rem;
  margin-top: 1rem;
}

.vercaa-home .vh-mobile-action {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #663399;
  border: 1px solid rgba(102,51,153,0.2);
  border-radius: 0.75rem;
  text-decoration: none;
  transition: all var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-mobile-action:hover {
  background: rgba(102,51,153,0.05);
  color: #663399;
  text-decoration: none;
}

/* --------------------------------------------------------------------------
   16. Switch (toggle)
   -------------------------------------------------------------------------- */
.vercaa-home .vh-switch {
  position: relative;
  width: 2.75rem;
  height: 1.5rem;
  background: var(--vh-gray-300);
  border-radius: var(--vh-radius-full);
  cursor: pointer;
  transition: background var(--vh-duration-fast) var(--vh-ease);
  border: none;
  flex-shrink: 0;
}

.vercaa-home .vh-switch--on {
  background: var(--vh-purple);
}

.vercaa-home .vh-switch__thumb {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background: var(--vh-white);
  border-radius: var(--vh-radius-full);
  box-shadow: var(--vh-shadow-sm);
  transition: transform var(--vh-duration-fast) var(--vh-ease);
}

.vercaa-home .vh-switch--on .vh-switch__thumb {
  transform: translateX(1.25rem);
}

/* --------------------------------------------------------------------------
   17. Event Effects (dashboard marketing events)
   -------------------------------------------------------------------------- */
.vercaa-home .vh-event-overlay {
  position: absolute;
  inset: 0;
  border-radius: var(--vh-radius-3xl);
  transition: all 1000ms var(--vh-ease);
}

.vercaa-home .vh-event-overlay--boost {
  background: linear-gradient(to bottom right, rgba(34,197,94,0.08), rgba(16,185,129,0.04));
}

.vercaa-home .vh-event-overlay--crisis {
  background: linear-gradient(to bottom right, rgba(239,68,68,0.08), rgba(249,115,22,0.04));
}

.vercaa-home .vh-event-ping {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--vh-radius-full);
  animation: vh-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.vercaa-home .vh-event-ping--positive {
  background: var(--vh-green);
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.5);
}

.vercaa-home .vh-event-ping--negative {
  background: var(--vh-red-500);
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.5);
}

/* Marketing event status bar */
.vercaa-home .vh-event-status {
  font-size: 0.75rem;
  text-align: center;
  padding: 0.5rem;
  border-radius: var(--vh-radius-lg);
  transition: all var(--vh-duration) var(--vh-ease);
}

.vercaa-home .vh-event-status--boost {
  color: var(--vh-green);
  background: rgba(34, 197, 94, 0.1);
}

.vercaa-home .vh-event-status--crisis {
  color: var(--vh-red-400);
  background: rgba(239, 68, 68, 0.1);
}

/* System status items */
.vercaa-home .vh-status-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* --------------------------------------------------------------------------
   18. Spinner / Loading
   -------------------------------------------------------------------------- */
.vercaa-home .vh-spinner {
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid var(--vh-white);
  border-top-color: transparent;
  border-radius: var(--vh-radius-full);
  animation: vh-spin 1s linear infinite;
}

/* --------------------------------------------------------------------------
   19. Animations
   -------------------------------------------------------------------------- */

/* Fluid flow (primary gradient movement) */
@keyframes vh-fluid-flow {
  0%, 100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.8;
  }
  25% {
    transform: translate(30px, -20px) scale(1.05);
    opacity: 1;
  }
  50% {
    transform: translate(-20px, 30px) scale(0.95);
    opacity: 0.7;
  }
  75% {
    transform: translate(20px, 20px) scale(1.02);
    opacity: 0.9;
  }
}

@keyframes vh-fluid-flow-reverse {
  0%, 100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.8;
  }
  25% {
    transform: translate(-25px, 15px) scale(1.03);
    opacity: 0.9;
  }
  50% {
    transform: translate(15px, -25px) scale(0.97);
    opacity: 0.7;
  }
  75% {
    transform: translate(-15px, -15px) scale(1.05);
    opacity: 1;
  }
}

/* Morphing blob */
@keyframes vh-morphing-blob {
  0%, 100% {
    border-radius: 50%;
    transform: translate(0, 0) scale(1);
  }
  25% {
    border-radius: 60% 40% 50% 50% / 50% 60% 40% 50%;
    transform: translate(20px, -15px) scale(1.04);
  }
  50% {
    border-radius: 40% 60% 50% 50% / 60% 40% 60% 40%;
    transform: translate(-15px, 20px) scale(0.96);
  }
  75% {
    border-radius: 50% 50% 40% 60% / 40% 50% 50% 60%;
    transform: translate(15px, 10px) scale(1.02);
  }
}

/* Fluid drift (slower, wider movement) */
@keyframes vh-fluid-drift {
  0%, 100% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  33% {
    transform: translate(-50%, -50%) rotate(120deg) scale(1.05);
  }
  66% {
    transform: translate(-50%, -50%) rotate(240deg) scale(0.95);
  }
}

/* Glass shimmer */
@keyframes vh-glass-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* Glass reflection */
@keyframes vh-glass-reflection {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.8;
  }
}

/* Pulse */
@keyframes vh-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/* Ping */
@keyframes vh-ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

/* Bounce */
@keyframes vh-bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

/* Spin */
@keyframes vh-spin {
  to { transform: rotate(360deg); }
}

/* Float (for particles) */
@keyframes vh-float {
  0%, 100% {
    transform: translateY(0px) translateX(0px);
    opacity: 0.2;
  }
  25% {
    transform: translateY(-20px) translateX(10px);
    opacity: 0.4;
  }
  50% {
    transform: translateY(-10px) translateX(-10px);
    opacity: 0.2;
  }
  75% {
    transform: translateY(-30px) translateX(5px);
    opacity: 0.3;
  }
}

/* Fade in up */
@keyframes vh-fade-in-up {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Scale in */
@keyframes vh-scale-in {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Animation utility classes */
.vercaa-home .vh-animate-pulse { animation: vh-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.vercaa-home .vh-animate-ping { animation: vh-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
.vercaa-home .vh-animate-bounce { animation: vh-bounce 1s infinite; }
.vercaa-home .vh-animate-spin { animation: vh-spin 1s linear infinite; }
.vercaa-home .vh-animate-float { animation: vh-float 12.944s infinite ease-in-out; /* PHI * 8 */ }

.vercaa-home .vh-animate-fade-up {
  animation: vh-fade-in-up 0.8s ease-out both;
}

.vercaa-home .vh-animate-scale-in {
  animation: vh-scale-in 0.6s ease-out both;
}

/* Animation delays */
.vercaa-home .vh-delay-100 { animation-delay: 100ms; }
.vercaa-home .vh-delay-200 { animation-delay: 200ms; }
.vercaa-home .vh-delay-300 { animation-delay: 300ms; }
.vercaa-home .vh-delay-500 { animation-delay: 500ms; }
.vercaa-home .vh-delay-1000 { animation-delay: 1000ms; }
.vercaa-home .vh-delay-2000 { animation-delay: 2000ms; }

/* Transition helpers */
.vercaa-home .vh-transition { transition: all var(--vh-duration) var(--vh-ease); }
.vercaa-home .vh-transition-fast { transition: all var(--vh-duration-fast) var(--vh-ease); }
.vercaa-home .vh-transition-slow { transition: all var(--vh-duration-slow) var(--vh-ease); }
.vercaa-home .vh-transition-colors { transition: color var(--vh-duration-fast) var(--vh-ease), background-color var(--vh-duration-fast) var(--vh-ease), border-color var(--vh-duration-fast) var(--vh-ease); }

/* --------------------------------------------------------------------------
   20. Miscellaneous Helpers
   -------------------------------------------------------------------------- */

/* Dividers */
.vercaa-home .vh-divider {
  border-top: 1px solid var(--vh-gray-200);
}

.vercaa-home .vh-divider--slate {
  border-top-color: rgba(226, 232, 240, 1);
}

/* Opacity helpers */
.vercaa-home .vh-opacity-0 { opacity: 0; }
.vercaa-home .vh-opacity-50 { opacity: 0.5; }
.vercaa-home .vh-opacity-100 { opacity: 1; }

/* Border helpers */
.vercaa-home .vh-border { border: 1px solid var(--vh-gray-200); }
.vercaa-home .vh-border-t { border-top: 1px solid var(--vh-gray-200); }
.vercaa-home .vh-border-b { border-bottom: 1px solid var(--vh-gray-200); }

/* Spacing helpers */
.vercaa-home .vh-mt-2 { margin-top: 0.5rem; }
.vercaa-home .vh-mt-3 { margin-top: 0.75rem; }
.vercaa-home .vh-mt-4 { margin-top: 1rem; }
.vercaa-home .vh-mt-6 { margin-top: 1.5rem; }
.vercaa-home .vh-mt-8 { margin-top: 2rem; }
.vercaa-home .vh-mb-1 { margin-bottom: 0.25rem; }
.vercaa-home .vh-mb-2 { margin-bottom: 0.5rem; }
.vercaa-home .vh-mb-3 { margin-bottom: 0.75rem; }
.vercaa-home .vh-mb-4 { margin-bottom: 1rem; }
.vercaa-home .vh-mb-6 { margin-bottom: 1.5rem; }
.vercaa-home .vh-mb-8 { margin-bottom: 2rem; }
.vercaa-home .vh-mb-12 { margin-bottom: 3rem; }
.vercaa-home .vh-mb-16 { margin-bottom: 4rem; }
.vercaa-home .vh-p-4 { padding: 1rem; }
.vercaa-home .vh-p-6 { padding: 1.5rem; }
.vercaa-home .vh-p-8 { padding: 2rem; }
.vercaa-home .vh-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.vercaa-home .vh-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.vercaa-home .vh-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.vercaa-home .vh-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.vercaa-home .vh-pt-4 { padding-top: 1rem; }

/* Color swatch dots for status indicators */
.vercaa-home .vh-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--vh-radius-full);
  flex-shrink: 0;
}

.vercaa-home .vh-dot--sm {
  width: 0.375rem;
  height: 0.375rem;
}

.vercaa-home .vh-dot--lg {
  width: 0.75rem;
  height: 0.75rem;
}

.vercaa-home .vh-dot--green { background-color: var(--vh-green); }
.vercaa-home .vh-dot--blue { background-color: var(--vh-blue-500); }
.vercaa-home .vh-dot--purple { background-color: var(--vh-purple); }
.vercaa-home .vh-dot--orange { background-color: var(--vh-orange); }
.vercaa-home .vh-dot--red { background-color: var(--vh-red-500); }
.vercaa-home .vh-dot--gray { background-color: var(--vh-gray-300); }
.vercaa-home .vh-dot--indigo { background: linear-gradient(to right, var(--vh-indigo-500), var(--vh-purple)); }

/* Icon sizing */
.vercaa-home .vh-icon { width: 1rem; height: 1rem; flex-shrink: 0; }
.vercaa-home .vh-icon--xs { width: 0.625rem; height: 0.625rem; }
.vercaa-home .vh-icon--sm { width: 0.75rem; height: 0.75rem; }
.vercaa-home .vh-icon--md { width: 1.25rem; height: 1.25rem; }
.vercaa-home .vh-icon--lg { width: 1.75rem; height: 1.75rem; }

/* SVG icon coloring — Lucide-style icons */
.vercaa-home .vh-icon-purple { color: var(--vh-purple); }
.vercaa-home .vh-icon-orange { color: var(--vh-orange); }
.vercaa-home .vh-icon-green { color: var(--vh-green); }
.vercaa-home .vh-icon-blue { color: var(--vh-blue-500); }
.vercaa-home .vh-icon-red { color: var(--vh-red-500); }
.vercaa-home .vh-icon-gray { color: var(--vh-gray-400); }

/* Cart badge (header) */
.vercaa-home .vh-cart-badge {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  min-width: 1.125rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--vh-white);
  background: var(--vh-orange);
  border-radius: var(--vh-radius-full);
  padding: 0 0.25rem;
}

/* Recommendation result box */
.vercaa-home .vh-recommendation-result {
  padding: 0.75rem;
  background: linear-gradient(to right, var(--vh-green-50), rgba(236,253,245,1));
  border: 1px solid var(--vh-green-200);
  border-radius: var(--vh-radius-xl);
}

/* Backdrop blur utilities */
.vercaa-home .vh-backdrop-blur {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.vercaa-home .vh-backdrop-blur-xl {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

.vercaa-home .vh-backdrop-blur-3xl {
  backdrop-filter: blur(40px) saturate(150%);
  -webkit-backdrop-filter: blur(40px) saturate(150%);
}

/* Scroll margin for anchored sections */
.vercaa-home [id] {
  scroll-margin-top: 5rem;
}

/* ==========================================================================
   SECTION 3: PRICING — Hosting Configurator
   ========================================================================== */

.vercaa-home .vh-pricing {
  padding: 5rem 0;
  position: relative;
}

.vercaa-home .vh-pricing__title {
  font-size: 3rem;
  font-weight: 400;
  color: var(--vh-slate-900);
  margin-bottom: 1.5rem;
  line-height: 1.1;
}

.vercaa-home .vh-pricing__subtitle {
  font-size: 1.25rem;
  color: var(--vh-gray-600);
  max-width: 48rem;
  margin: 0 auto;
  line-height: 1.6;
}

/* Configurator wrapper */
.vercaa-home .vh-configurator {
  background: linear-gradient(to bottom right, #fff, rgba(249,250,251,0.5), #fff);
  border: 1px solid rgba(229,231,235,0.5);
  border-radius: 1.5rem;
  padding: 1.5rem;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15);
  position: relative;
  overflow: hidden;
}

.vercaa-home .vh-configurator__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.02;
  background-image: radial-gradient(circle at 25px 25px, rgba(99,102,241,0.3) 2px, transparent 0);
  background-size: 50px 50px;
  pointer-events: none;
}

.vercaa-home .vh-configurator__header {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Pricing badges */
.vercaa-home .vh-pricing-badge {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  border-radius: 9999px;
  font-weight: 500;
}

.vercaa-home .vh-pricing-badge--purple {
  background: var(--vh-purple-50);
  color: #7c3aed;
  border: 1px solid var(--vh-purple-200);
}

.vercaa-home .vh-pricing-badge--indigo {
  background: linear-gradient(to right, #e0e7ff, #ede9fe);
  color: #4338ca;
  border: 1px solid #c7d2fe;
}

.vercaa-home .vh-pricing-badge--green {
  background: var(--vh-green-100);
  color: #15803d;
  border-radius: 9999px;
  padding: 0.125rem 0.375rem;
  font-size: 0.625rem;
}

/* 3-column pricing grid */
.vercaa-home .vh-pricing-grid {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .vercaa-home .vh-pricing-grid {
    grid-template-columns: 4fr 5fr 3fr;
  }
}

/* Hosting type cards 2×2 grid */
.vercaa-home .vh-hosting-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.vercaa-home .vh-hosting-card {
  background: #fff;
  border: 1px solid var(--vh-gray-200);
  border-radius: 0.75rem;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
  width: 100%;
  font-family: inherit;
}

.vercaa-home .vh-hosting-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.vercaa-home .vh-hosting-card--active[data-hosting="perday"] {
  border-color: var(--vh-purple-200);
  background: rgba(168,63,255,0.04);
  box-shadow: 0 4px 16px rgba(168,63,255,0.12);
}

.vercaa-home .vh-hosting-card--active[data-hosting="shared"] {
  border-color: var(--vh-green-200);
  background: rgba(34,197,94,0.04);
  box-shadow: 0 4px 16px rgba(34,197,94,0.12);
}

.vercaa-home .vh-hosting-card--active[data-hosting="cloud"] {
  border-color: var(--vh-orange-200);
  background: rgba(249,115,22,0.04);
  box-shadow: 0 4px 16px rgba(249,115,22,0.12);
}

.vercaa-home .vh-hosting-card--active[data-hosting="wordpress"] {
  border-color: #bfdbfe;
  background: rgba(59,130,246,0.04);
  box-shadow: 0 4px 16px rgba(59,130,246,0.12);
}

.vercaa-home .vh-hosting-card__icon {
  padding: 0.375rem;
  border-radius: 0.5rem;
  background: var(--vh-gray-100);
  color: var(--vh-gray-600);
  display: inline-flex;
  transition: all 0.2s;
}

.vercaa-home .vh-hosting-card--active[data-hosting="perday"] .vh-hosting-card__icon,
.vercaa-home .vh-hosting-card__icon--active {
  background: var(--vh-purple-100);
  color: var(--vh-purple);
}

.vercaa-home .vh-hosting-card--active[data-hosting="shared"] .vh-hosting-card__icon {
  background: var(--vh-green-100);
  color: var(--vh-green);
}

.vercaa-home .vh-hosting-card--active[data-hosting="cloud"] .vh-hosting-card__icon {
  background: var(--vh-orange-100);
  color: var(--vh-orange);
}

.vercaa-home .vh-hosting-card--active[data-hosting="wordpress"] .vh-hosting-card__icon {
  background: #dbeafe;
  color: var(--vh-blue-500);
}

.vercaa-home .vh-hosting-card__price {
  text-align: center;
  padding: 0.5rem;
  background: var(--vh-gray-50);
  border-radius: 0.5rem;
}

/* AI Plan Finder */
.vercaa-home .vh-ai-finder {
  margin-top: 1rem;
  background: linear-gradient(to bottom right, #eef2ff, #ede9fe, #eff6ff);
  border: 1px solid #c7d2fe;
  border-radius: 1rem;
  padding: 1rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(99,102,241,0.08);
}

.vercaa-home .vh-ai-finder__bg {
  position: absolute;
  inset: 0;
  opacity: 0.05;
  background: linear-gradient(to bottom right, #4f46e5, #7c3aed);
}

.vercaa-home .vh-ai-finder__btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  background: linear-gradient(to right, #4f46e5, #7c3aed);
  color: #fff;
  border: none;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 12px rgba(79,70,229,0.3);
  font-family: inherit;
}

.vercaa-home .vh-ai-finder__btn:hover {
  background: linear-gradient(to right, #4338ca, #6d28d9);
}

.vercaa-home .vh-ai-finder__dot {
  width: 0.75rem;
  height: 0.75rem;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vercaa-home .vh-ai-finder__dot::after {
  content: '';
  width: 0.375rem;
  height: 0.375rem;
  background: #fff;
  border-radius: 50%;
}

.vercaa-home .vh-ai-picker {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.375rem;
}

.vercaa-home .vh-ai-option {
  padding: 0.375rem 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--vh-gray-200);
  background: #fff;
  color: var(--vh-gray-700);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
  text-align: center;
  font-family: inherit;
}

.vercaa-home .vh-ai-option:hover {
  border-color: #c7d2fe;
}

.vercaa-home .vh-ai-option--active {
  background: #e0e7ff;
  border-color: #a5b4fc;
  color: #312e81;
}

.vercaa-home .vh-ai-option--active-visitor {
  background: #ede9fe;
  border-color: #c4b5fd;
  color: #3b0764;
}

.vercaa-home .vh-ai-finder__recommend {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  background: linear-gradient(to right, #16a34a, #059669);
  color: #fff;
  border: none;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 12px rgba(22,163,74,0.3);
  font-family: inherit;
}

.vercaa-home .vh-ai-finder__recommend:hover {
  background: linear-gradient(to right, #15803d, #047857);
}

.vercaa-home .vh-ai-finder__recommend:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.vercaa-home .vh-ai-finder__recommend .vh-spinner {
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: vhSpin 1s linear infinite;
}

@keyframes vhSpin {
  to { transform: rotate(360deg); }
}

.vercaa-home .vh-ai-result {
  padding: 0.75rem;
  background: linear-gradient(to right, #f0fdf4, #ecfdf5);
  border: 1px solid #bbf7d0;
  border-radius: 0.75rem;
}

/* Config panel */
.vercaa-home .vh-config-panel {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(229,231,235,0.5);
  border-radius: 1rem;
  padding: 1.25rem;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  height: 100%;
}

.vercaa-home .vh-config-panel__icon {
  padding: 0.5rem;
  background: linear-gradient(to bottom right, var(--vh-gray-100), var(--vh-gray-200));
  border-radius: 0.75rem;
  display: inline-flex;
  color: var(--vh-purple);
}

/* Progress dots for plan tiers */
.vercaa-home .vh-config-progress {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1rem 0;
}

.vercaa-home .vh-progress-dot {
  height: 2px;
  width: 2rem;
  border-radius: 9999px;
  background: var(--vh-gray-300);
  transition: background 0.3s;
}

.vercaa-home .vh-progress-dot--active {
  background: var(--vh-green);
}

/* Resource monitor */
.vercaa-home .vh-resource-monitor {
  padding: 0.75rem;
  background: rgba(249,250,251,0.5);
  border-radius: 0.75rem;
  border: 1px solid rgba(229,231,235,0.5);
}

.vercaa-home .vh-resource-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.vercaa-home .vh-resource-grid--2col {
  grid-template-columns: 1fr 1fr;
}

.vercaa-home .vh-res-dots {
  display: flex;
  gap: 0.25rem;
}

.vercaa-home .vh-res-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--vh-gray-200);
  transition: background 0.3s;
}

.vercaa-home .vh-res-dot--active {
  background: linear-gradient(to bottom right, #60a5fa, #2563eb);
}

.vercaa-home .vh-res-bar {
  height: 0.375rem;
  background: var(--vh-gray-200);
  border-radius: 9999px;
  overflow: hidden;
}

.vercaa-home .vh-res-bar__fill {
  height: 100%;
  background: linear-gradient(to right, #4ade80, #16a34a);
  border-radius: 9999px;
  transition: width 0.6s ease-out;
}

/* Stat boxes */
.vercaa-home .vh-stat-box {
  text-align: center;
  padding: 0.75rem;
  background: var(--vh-gray-50);
  border-radius: 0.5rem;
  border: 1px solid var(--vh-gray-200);
}

.vercaa-home .vh-stat-box--purple {
  background: var(--vh-purple-50);
  border-color: var(--vh-purple-200);
}

.vercaa-home .vh-stat-box--blue {
  background: #eff6ff;
  border-color: #bfdbfe;
}

.vercaa-home .vh-stat-box--green {
  background: var(--vh-green-50);
  border-color: var(--vh-green-200);
}

.vercaa-home .vh-stat-box--orange {
  background: var(--vh-orange-50);
  border-color: var(--vh-orange-200);
}

/* Custom range sliders */
.vercaa-home .vh-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 9999px;
  background: var(--vh-gray-200);
  outline: none;
  transition: background 0.2s;
}

.vercaa-home .vh-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--vh-purple);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  cursor: pointer;
  transition: transform 0.15s;
}

.vercaa-home .vh-range::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}

.vercaa-home .vh-range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--vh-purple);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  cursor: pointer;
}

.vercaa-home .vh-range--green::-webkit-slider-thumb { border-color: var(--vh-green); }
.vercaa-home .vh-range--green::-moz-range-thumb { border-color: var(--vh-green); }
.vercaa-home .vh-range--orange::-webkit-slider-thumb { border-color: var(--vh-orange); }
.vercaa-home .vh-range--orange::-moz-range-thumb { border-color: var(--vh-orange); }
.vercaa-home .vh-range--blue::-webkit-slider-thumb { border-color: var(--vh-blue-500); }
.vercaa-home .vh-range--blue::-moz-range-thumb { border-color: var(--vh-blue-500); }

/* Template carousel */
.vercaa-home .vh-template-carousel {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.vercaa-home .vh-carousel-btn {
  flex-shrink: 0;
  padding: 0.625rem;
  background: #fff;
  border: 1px solid var(--vh-gray-200);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--vh-gray-600);
  display: inline-flex;
  font-family: inherit;
}

.vercaa-home .vh-carousel-btn:hover {
  border-color: var(--vh-gray-300);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  color: var(--vh-slate-900);
}

.vercaa-home .vh-carousel-slide {
  flex: 1;
  min-width: 0;
  overflow: visible;
}

.vercaa-home .vh-tpl-card {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
  position: relative;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.vercaa-home .vh-tpl-card__thumb {
  height: 4rem;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vercaa-home .vh-tpl-card__thumb-bg {
  position: absolute;
  inset: 0;
  opacity: 0.2;
}

.vercaa-home .vh-tpl-card__info {
  text-align: center;
}

.vercaa-home .vh-tpl-card__icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

.vercaa-home .vh-tpl-card__check {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  background: linear-gradient(to bottom right, var(--vh-purple), #4f46e5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.vercaa-home .vh-carousel-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  margin-top: 1rem;
}

.vercaa-home .vh-carousel-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background: var(--vh-gray-300);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s;
}

.vercaa-home .vh-carousel-dot--active {
  background: var(--vh-purple);
  width: 1.5rem;
}

/* Cloud extra RAM disabled state */
.vercaa-home .vh-cloud-ram-extra--disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* Managed mode toggle */
.vercaa-home .vh-managed-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border: 1px solid var(--vh-gray-200);
  border-radius: 0.5rem;
  background: var(--vh-gray-50);
  transition: all 0.2s;
}

.vercaa-home .vh-managed-toggle--active {
  border-color: #bfdbfe;
  background: #eff6ff;
}

/* Toggle switch */
.vercaa-home .vh-switch {
  position: relative;
  display: inline-block;
  width: 2.5rem;
  height: 1.375rem;
  flex-shrink: 0;
}

.vercaa-home .vh-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.vercaa-home .vh-switch__track {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: var(--vh-gray-300);
  border-radius: 9999px;
  transition: background 0.2s;
}

.vercaa-home .vh-switch__track::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 1.125rem;
  height: 1.125rem;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.2s;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.vercaa-home .vh-switch input:checked + .vh-switch__track {
  background: var(--vh-blue-500);
}

.vercaa-home .vh-switch input:checked + .vh-switch__track::after {
  transform: translateX(1.125rem);
}

/* Price summary card */
.vercaa-home .vh-price-summary {
  background: linear-gradient(to bottom right, #111827, #1f2937, #111827);
  color: #fff;
  border-radius: 1rem;
  padding: 1.25rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.vercaa-home .vh-price-summary__bg {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background: linear-gradient(to right, var(--vh-purple), var(--vh-blue-500), #4f46e5);
  background-size: 200% 200%;
  animation: vhGradientShift 8s linear infinite;
}

@keyframes vhGradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.vercaa-home .vh-price-summary__amount {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  background: linear-gradient(to right, #fff, #e5e7eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.vercaa-home .vh-price-summary__features {
  margin-bottom: 1rem;
}

.vercaa-home .vh-price-summary__feature {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #f3f4f6;
  padding: 0.25rem 0;
}

.vercaa-home .vh-price-summary__check {
  width: 0.75rem;
  height: 0.75rem;
  background: linear-gradient(to right, #4ade80, #10b981);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5rem;
  color: #fff;
  flex-shrink: 0;
}

.vercaa-home .vh-price-summary__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem;
  background: #fff;
  color: var(--vh-slate-900);
  border: none;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  text-decoration: none;
  font-family: inherit;
}

.vercaa-home .vh-price-summary__btn:hover {
  background: var(--vh-gray-100);
  color: var(--vh-slate-900);
  text-decoration: none;
}

/* AI Suggestions box */
.vercaa-home .vh-ai-suggestions {
  background: linear-gradient(to bottom right, #eef2ff, #ede9fe);
  border: 1px solid #c7d2fe;
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 4px 12px rgba(99,102,241,0.06);
}

/* Growth Path */
.vercaa-home .vh-growth-path {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(229,231,235,0.5);
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

.vercaa-home .vh-growth-path__items {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.vercaa-home .vh-growth-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: var(--vh-gray-50);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--vh-gray-600);
  transition: all 0.3s;
}

.vercaa-home .vh-growth-item--active {
  background: var(--vh-purple-50);
  border: 1px solid var(--vh-purple-200);
  color: #581c87;
}

.vercaa-home .vh-growth-item__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--vh-gray-300);
  flex-shrink: 0;
  transition: background 0.3s;
}

.vercaa-home .vh-growth-item__dot--active {
  background: var(--vh-purple);
}

/* Help CTA button */
.vercaa-home .vh-pricing-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 2rem;
  background: linear-gradient(to right, var(--vh-purple), #4f46e5);
  color: #fff;
  border-radius: 0.75rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
  box-shadow: 0 4px 16px rgba(168,63,255,0.3);
}

.vercaa-home .vh-pricing-cta:hover {
  background: linear-gradient(to right, #7c3aed, #4338ca);
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(168,63,255,0.4);
}

/* Grid helpers for pricing */
.vercaa-home .vh-grid-3 { grid-template-columns: repeat(3, 1fr); }

/* Responsive: Stack columns on mobile */
@media (max-width: 1023px) {
  .vercaa-home .vh-pricing__title {
    font-size: 2rem;
  }

  .vercaa-home .vh-pricing-col-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .vercaa-home .vh-price-summary {
    grid-column: 1 / -1;
  }

  .vercaa-home .vh-pricing-col-right > *:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .vercaa-home .vh-configurator {
    padding: 1rem;
    border-radius: 1rem;
  }

  .vercaa-home .vh-pricing-col-right {
    grid-template-columns: 1fr;
  }

  .vercaa-home .vh-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .vercaa-home .vh-grid-3 > *:last-child {
    grid-column: 1 / -1;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   SECTION: TESTIMONIALS
   ══════════════════════════════════════════════════════════════════════════ */

.vercaa-home .vh-testimonials {
  padding: 6rem 1.5rem;
  overflow: hidden;
  background: linear-gradient(to bottom, var(--vh-white), rgba(248,250,252,0.5), rgba(241,245,249,0.4));
}

.vercaa-home .vh-section-title {
  font-size: 2.5rem;
  font-weight: 500;
  color: var(--vh-slate-900);
  margin-bottom: 1.5rem;
}

.vercaa-home .vh-section-subtitle {
  font-size: 1.25rem;
  color: var(--vh-slate-500);
  max-width: 48rem;
  margin: 0 auto;
  line-height: 1.6;
}

/* Viewport clips overflow — extra top padding for verified badges */
.vercaa-home .vh-testimonials-viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 1rem;
  mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}

/* Infinite scrolling track — 6 cards duplicated via CSS for seamless loop */
.vercaa-home .vh-testimonials-track {
  display: flex;
  gap: 2rem;
  animation: vh-scroll-left 40s linear infinite;
  width: max-content;
}

.vercaa-home .vh-testimonials-track:hover {
  animation-play-state: paused;
}

@keyframes vh-scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Card */
.vercaa-home .vh-tcard {
  flex: 0 0 380px;
  width: 380px;
  padding: 2rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(0,0,0,0.06);
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: visible;
}

.vercaa-home .vh-tcard:hover {
  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
  transform: translateY(-8px);
}

/* Verified badge */
.vercaa-home .vh-tcard__verified {
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  background: #22c55e;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
  z-index: 2;
}

.vercaa-home .vh-tcard__inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Stars */
.vercaa-home .vh-tcard__stars {
  color: #facc15;
  font-size: 1rem;
  letter-spacing: 0.125rem;
}
.vercaa-home .vh-tcard__stars--lg {
  font-size: 1.25rem;
}

/* Date */
.vercaa-home .vh-tcard__date {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--vh-slate-500);
}

/* Use case tag */
.vercaa-home .vh-tcard__tag {
  display: inline-block;
  width: fit-content;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0.375rem;
  background: rgba(241,245,249,1);
  color: var(--vh-slate-700);
  border: 1px solid rgba(226,232,240,0.5);
}

/* Quote */
.vercaa-home .vh-tcard__quote {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vercaa-home .vh-tcard__quote-icon {
  color: rgba(168,63,255,0.3);
}
.vercaa-home .vh-tcard__quote p {
  color: var(--vh-slate-600);
  line-height: 1.625;
  font-size: 0.875rem;
  margin: 0;
}

/* Key Results */
.vercaa-home .vh-tcard__results {
  padding: 0.75rem;
  background: rgba(240,253,244,1);
  border: 1px solid rgba(187,247,208,1);
  border-radius: 0.5rem;
}
.vercaa-home .vh-tcard__results-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #166534;
}
.vercaa-home .vh-tcard__results-text {
  font-size: 0.875rem;
  color: #15803d;
}

/* Author */
.vercaa-home .vh-tcard__author {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vercaa-home .vh-tcard__name {
  font-weight: 500;
  color: var(--vh-slate-900);
  margin: 0;
}
.vercaa-home .vh-tcard__role {
  font-size: 0.875rem;
  color: var(--vh-slate-500);
  margin: 0;
}
.vercaa-home .vh-tcard__company {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--vh-purple);
  margin: 0;
}
.vercaa-home .vh-tcard__meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: var(--vh-slate-500);
}

/* Footer / Trustpilot link */
.vercaa-home .vh-tcard__footer {
  padding-top: 1rem;
  border-top: 1px solid rgba(0,0,0,0.06);
}
.vercaa-home .vh-tcard__tp-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: background 0.2s;
  text-decoration: none;
  color: var(--vh-slate-500);
}
.vercaa-home .vh-tcard__tp-link:hover {
  background: rgba(241,245,249,0.5);
  color: var(--vh-slate-900);
}
.vercaa-home .vh-tcard__tp-link span {
  font-size: 0.875rem;
}

/* Bottom CTA */
.vercaa-home .vh-tp-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: rgba(168,63,255,0.05);
  border: 1px solid rgba(168,63,255,0.2);
  border-radius: 9999px;
  text-decoration: none;
  transition: background 0.2s;
  color: var(--vh-slate-700);
  font-size: 0.875rem;
  font-weight: 500;
}
.vercaa-home .vh-tp-cta:hover {
  background: rgba(168,63,255,0.1);
  color: var(--vh-purple);
}

/* Responsive */
@media (max-width: 768px) {
  .vercaa-home .vh-testimonials { padding: 3rem 1rem; }
  .vercaa-home .vh-section-title { font-size: 1.75rem; }
  .vercaa-home .vh-section-subtitle { font-size: 1rem; }
  .vercaa-home .vh-tcard { flex: 0 0 320px; width: 320px; padding: 1.5rem; }
}

/* ══════════════════════════════════════════════════════════════════════════
   SECTION: FOOTER
   ══════════════════════════════════════════════════════════════════════════ */

.vercaa-home .vh-footer {
  position: relative;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid rgba(255,255,255,0.2);
  overflow: hidden;
}

/* Animated background blobs */
.vercaa-home .vh-footer-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.vercaa-home .vh-footer-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(40px);
}
.vercaa-home .vh-footer-blob--purple {
  top: 25%; left: 25%; width: 24rem; height: 24rem;
  background: radial-gradient(ellipse at center, rgba(168,63,255,0.04) 0%, rgba(168,63,255,0.02) 30%, transparent 70%);
  animation: vh-fluid-flow 20s ease-in-out infinite;
}
.vercaa-home .vh-footer-blob--orange {
  top: 33%; right: 25%; width: 20rem; height: 20rem;
  background: radial-gradient(ellipse at center, rgba(249,115,22,0.05) 0%, rgba(249,115,22,0.03) 25%, transparent 60%);
  filter: blur(35px);
  animation: vh-fluid-flow 20s ease-in-out infinite reverse;
}
.vercaa-home .vh-footer-blob--green {
  bottom: 25%; left: 33%; width: 18rem; height: 18rem;
  background: radial-gradient(ellipse at center, rgba(16,185,129,0.04) 0%, rgba(16,185,129,0.02) 30%, transparent 60%);
  filter: blur(30px);
  animation: vh-morphing-blob 25s ease-in-out infinite;
}
.vercaa-home .vh-footer-grid-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.01;
  background-image:
    linear-gradient(rgba(168,63,255,0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168,63,255,0.1) 1px, transparent 1px);
  background-size: 60px 60px;
}

.vercaa-home .vh-footer__inner {
  position: relative;
  z-index: 10;
  padding: 4rem 1.5rem;
  max-width: 80rem;
  margin: 0 auto;
}
@media (min-width: 640px)  { .vercaa-home .vh-footer__inner { padding-left: 2rem; padding-right: 2rem; } }
@media (min-width: 1024px) { .vercaa-home .vh-footer__inner { padding-left: 4rem; padding-right: 4rem; } }

/* 3-column grid */
.vercaa-home .vh-footer-grid {
  display: grid;
  gap: 3rem;
}
@media (min-width: 1024px) {
  .vercaa-home .vh-footer-grid { grid-template-columns: 4fr 4fr 4fr; }
}

/* Company info */
.vercaa-home .vh-footer__company-name {
  font-size: 1.25rem;
  letter-spacing: -0.025em;
  color: var(--vh-slate-900);
  margin-bottom: 1.5rem;
}
.vercaa-home .vh-footer__info {
  font-size: 0.875rem;
  color: var(--vh-slate-500);
  margin-bottom: 1.5rem;
}
.vercaa-home .vh-footer__info p { margin: 0 0 0.25rem; }
.vercaa-home .vh-footer__legal { margin-top: 1rem; }
.vercaa-home .vh-footer__legal p { margin: 0 0 0.25rem; }
.vercaa-home .vh-footer__phone {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  border: 1px solid rgba(168,63,255,0.3);
  border-radius: 0.375rem;
  color: var(--vh-slate-900);
  text-decoration: none;
  transition: background 0.2s;
}
.vercaa-home .vh-footer__phone:hover { background: rgba(168,63,255,0.05); }

/* Links columns */
.vercaa-home .vh-footer-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.vercaa-home .vh-footer-links__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 1024px) {
  .vercaa-home .vh-footer-links__list { padding-top: 3.25rem; }
}
.vercaa-home .vh-footer-links__list a {
  font-size: 0.875rem;
  color: var(--vh-slate-500);
  text-decoration: none;
  transition: color 0.2s;
  position: relative;
  padding: 0.125rem 0.25rem;
  border-radius: 0.375rem;
}
.vercaa-home .vh-footer-links__list a:hover { color: var(--vh-slate-900); }

/* Newsletter */
.vercaa-home .vh-footer-newsletter {
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 1rem;
  padding: 1.5rem;
}
.vercaa-home .vh-footer-newsletter__icon {
  padding: 0.5rem;
  background: #000;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vercaa-home .vh-footer-newsletter__form {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.vercaa-home .vh-footer-newsletter__input {
  flex: 1;
  height: 2.25rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 0.375rem;
  background: var(--vh-white);
  color: var(--vh-slate-900);
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.vercaa-home .vh-footer-newsletter__input:focus {
  border-color: rgba(168,63,255,0.5);
  box-shadow: 0 0 0 3px rgba(168,63,255,0.1);
}
.vercaa-home .vh-footer-newsletter__input::placeholder { color: var(--vh-slate-400); }
.vercaa-home .vh-footer-newsletter__btn {
  height: 2.25rem;
  padding: 0 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background 0.2s;
}
.vercaa-home .vh-footer-newsletter__btn:hover { background: rgba(0,0,0,0.85); }
.vercaa-home .vh-footer-newsletter__trust {
  font-size: 0.75rem;
  color: var(--vh-slate-500);
  text-align: center;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(0,0,0,0.06);
}

/* Separator */
.vercaa-home .vh-footer-separator {
  height: 1px;
  margin: 2rem 0;
  background: linear-gradient(to right, transparent, rgba(0,0,0,0.08), transparent);
}

/* Bottom bar */
.vercaa-home .vh-footer-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .vercaa-home .vh-footer-bottom {
    flex-direction: row;
    justify-content: space-between;
  }
}
.vercaa-home .vh-footer-bottom p { margin: 0; }

/* Social icons */
.vercaa-home .vh-footer-socials {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.vercaa-home .vh-footer-social {
  position: relative;
  padding: 0.5rem;
  color: var(--vh-slate-500);
  border-radius: 0.5rem;
  transition: color 0.2s;
  text-decoration: none;
}
.vercaa-home .vh-footer-social:hover { color: var(--vh-slate-900); }
.vercaa-home .vh-footer-social::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  background: var(--social-color, transparent);
  opacity: 0;
  transition: opacity 0.2s;
}
.vercaa-home .vh-footer-social:hover::after { opacity: 0.1; }
.vercaa-home .vh-footer-social svg { position: relative; z-index: 1; }

/* Responsive */
@media (max-width: 768px) {
  .vercaa-home .vh-footer__inner { padding: 2rem 1rem; }
  .vercaa-home .vh-footer__company-name { font-size: 1.125rem; }
}