@font-face {
  font-family: Syne;
  /* Stable preview URL; the served bytes are the self-hosted Syne variable font. */
  src: url("/fonts/geist-regular.ttf?font=syne-v24") format("truetype");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --ink: #080705;
  --surface: #10100d;
  --paper: #eeeee5;
  --sage: #cbd4c2;
  --muted: #b6b7ac;
  --font: Syne, Arial, sans-serif;

  /* A 4px base: proximity, groups and sections have distinct roles. */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --copy-gap: var(--space-6);
  --group-gap: var(--space-12);
  --section-gap: var(--space-32);
  --page-gutter: max(var(--space-6), env(safe-area-inset-left), env(safe-area-inset-right));
  --body-measure: 60ch;
  --type-small: .875rem;
  --type-body: 1rem;
  --type-lead: clamp(1.25rem, 1.8vw, 1.5rem);
  --type-section: clamp(2.75rem, 5.2vw, 4.5rem);
  --type-feature: clamp(1.75rem, 2.4vw, 2rem);
  --layer-scene: -2;
  --layer-scrim: -1;
  --layer-header: 1;
  --layer-skip: 2;
}
* { box-sizing: border-box; }
html { scroll-padding-top: var(--space-8); scrollbar-color: var(--muted) var(--ink); }
body { margin: 0; background: var(--ink); color: var(--paper); font: 400 var(--type-body)/1.65 var(--font); }
button, input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; text-underline-offset: .25em; }
a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
a:focus-visible, .rate-table-wrap:focus-visible { outline: 2px solid var(--sage); outline-offset: var(--space-2); }
::selection { background: var(--sage); color: var(--ink); }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { overflow-wrap: anywhere; text-wrap: balance; font-family: var(--font); font-weight: 500; }
p { overflow-wrap: anywhere; text-wrap: pretty; }
.page-frame { width: calc(100% - var(--page-gutter) * 2); margin-inline: var(--page-gutter); }
.page-frame > *, .detail-section > * { min-width: 0; }
.skip-link { position: absolute; z-index: var(--layer-skip); top: max(var(--space-3), env(safe-area-inset-top)); left: max(var(--space-6), env(safe-area-inset-left)); padding: var(--space-3) var(--space-6); background: var(--sage); color: var(--ink); transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }
.hero-shell { position: relative; isolation: isolate; display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; min-height: 100dvh; background: var(--ink); }
.universe { position: absolute; z-index: var(--layer-scene); inset: 0; pointer-events: none; }
#planet-canvas { width: 100%; height: 100%; display: block; opacity: .88; }
.hero-shell::before {
  content: ""; position: absolute; inset: 0; z-index: var(--layer-scrim); pointer-events: none;
  /* Neutral scrim keeps the supplied scene visible and the text readable. */
  background: linear-gradient(180deg, #080705b8 0%, #08070570 28%, #080705a3 64%, #0807058c 100%);
}
.site-header { position: relative; z-index: var(--layer-header); display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: var(--space-8); padding-top: max(var(--space-6), env(safe-area-inset-top)); padding-bottom: var(--space-6); }
.wordmark { display: inline-flex; flex-shrink: 0; align-items: center; max-width: 100%; min-height: 44px; overflow-wrap: anywhere; font: 500 1.75rem/1 var(--font); }
.wordmark-dot { color: var(--sage); }
.site-header nav { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--space-8); margin-inline-start: auto; font-size: var(--type-small); font-weight: 500; }
.site-header nav a, .header-cta { display: inline-flex; align-items: center; min-height: 44px; }
.site-header nav a:hover, .header-cta:hover, .site-footer a:hover { text-decoration: underline; }
.site-header nav a[aria-current="page"], .site-footer nav a[aria-current="page"] { color: var(--paper); text-decoration: underline; }
.header-cta { font-size: var(--type-small); font-weight: 500; color: var(--sage); }
.hero { position: relative; display: flex; flex: 1 0 auto; flex-direction: column; align-items: stretch; justify-content: space-between; gap: var(--space-8); padding-block: var(--space-12) max(var(--space-12), env(safe-area-inset-bottom)); text-align: left; }
.hero-heading { width: 100%; }
h1 { font-size: clamp(4.5rem, 11vw, 10rem); line-height: .94; letter-spacing: -.035em; overflow-wrap: anywhere; }
h1 span { display: block; }
h1 span:first-child { font-size: .62em; line-height: 1; margin-bottom: var(--space-2); }
.hero-copy { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; width: 100%; gap: var(--space-4) var(--space-16); }
.hero-declaration { grid-column: 1; grid-row: 1; max-width: 60ch; font-size: var(--type-lead); line-height: 1.4; text-wrap: balance; }
.hero-description { grid-column: 1; grid-row: 2; max-width: 60ch; margin-top: 0; }
.button { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-height: 48px; padding-block: var(--space-3); background: none; border: 0; color: var(--sage); text-decoration: underline; overflow-wrap: anywhere; font-size: var(--type-small); font-weight: 500; }
.button:hover { color: var(--paper); }
.button:active { color: var(--muted); }
.hero-copy .button { grid-column: 2; grid-row: 1 / 3; justify-self: end; align-self: end; margin-top: 0; }
.preview-note { margin-top: var(--space-4); color: var(--muted); font-size: var(--type-small); line-height: 1.5; }
.hero-copy .preview-note { grid-column: 1 / -1; grid-row: 3; max-width: none; margin-top: 0; }
.section-wrap { padding-block: var(--section-gap); }
h2 { max-width: 12ch; font-size: var(--type-section); line-height: 1.04; letter-spacing: -.025em; }
.detail-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: var(--space-24); align-items: start; }
.section-copy { max-width: var(--body-measure); }
.detail-section > .section-copy { width: 100%; justify-self: end; }
.section-copy p + p { margin-top: var(--copy-gap); }
.text-link { display: inline-flex; align-items: center; max-width: 100%; min-height: 44px; margin-top: var(--space-4); color: var(--sage); text-decoration: underline; }
.text-link:hover { color: var(--paper); }
.content-page { padding-top: var(--space-20); padding-bottom: var(--space-24); }
.content-heading { max-width: 52rem; margin-bottom: var(--space-20); }
.content-title { max-width: 16ch; font-size: clamp(3.5rem, 6.8vw, 6rem); line-height: 1; letter-spacing: -.03em; }
.content-lead { max-width: 40ch; margin-top: var(--space-6); font-size: var(--type-lead); line-height: 1.45; }
.content-heading .preview-note { max-width: 50ch; }
.detail-section + .detail-section, .rates + .detail-section { margin-top: var(--space-20); }
.detail-section h2 { max-width: 16ch; font-size: clamp(2rem, 3.6vw, 3rem); line-height: 1.1; }
.rate-table-wrap { max-width: 100%; overflow-x: auto; }
.rate-table { width: 100%; border-collapse: collapse; text-align: left; }
.rate-table caption { padding-bottom: var(--space-6); text-align: left; font-size: var(--type-lead); }
.rate-table th, .rate-table td { padding: var(--space-6) var(--space-4); font-weight: 400; }
.rate-table th:first-child { padding-left: 0; }
.rate-table th:last-child, .rate-table td:last-child { padding-right: 0; }
.rate-table thead { color: var(--muted); }
.rate-table tbody th { width: 45%; }
.rate-table tbody td { font-variant-numeric: tabular-nums; white-space: nowrap; font-size: var(--type-lead); }
.rate-table tbody tr:nth-child(2) { background: var(--surface); }
.rate-note { max-width: var(--body-measure); margin-top: var(--space-6); color: var(--muted); }

/* Every page keeps the approved front-page palette. Scene colors come from Saturn. */
.art-tone-time, .art-tone-flow, .art-tone-dissolve {
  background: var(--ink);
  color: var(--paper);
}
.home-page { background: var(--ink); }
.illustrated-spread {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: var(--space-20);
}
.illustrated-spread > *, .illustrated-heading > *, .spread-copy > * { min-width: 0; }
.spread-copy h2 { color: var(--paper); }
.spread-copy .section-copy { margin-top: var(--space-8); max-width: 45ch; }
.spread-copy .section-copy > p:first-child { font-size: var(--type-lead); line-height: 1.5; }
.ascii-art {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: var(--ink);
  pointer-events: none;
}
.ascii-art canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.spread-art { aspect-ratio: 1; min-height: 24rem; }
.spread-art, .heading-art { width: calc(100% + var(--page-gutter)); margin-inline: 0 calc(-1 * var(--page-gutter)); }
.spread-reverse { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
.spread-reverse .spread-copy { grid-column: 2; grid-row: 1; width: 100%; max-width: var(--body-measure); justify-self: end; }
.spread-reverse .spread-copy > .section-copy { max-width: none; }
.spread-reverse .spread-art { grid-column: 1; grid-row: 1; margin-inline: calc(-1 * var(--page-gutter)) 0; }
.spread-wide { grid-template-columns: minmax(0, 1fr); gap: var(--space-16); }
.spread-wide .spread-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: var(--space-24); align-items: start; }
.spread-wide .section-copy { width: 100%; justify-self: end; margin-top: 0; max-width: var(--body-measure); }
.spread-wide .spread-art { aspect-ratio: 2.6; min-height: 24rem; }
.spread-wide .spread-art, .ascii-interlude { width: calc(100% + var(--page-gutter) * 2); margin-inline: calc(-1 * var(--page-gutter)); }
.interior-page .content-page { padding-top: var(--space-12); }
.illustrated-heading {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: var(--space-12);
  max-width: none;
  min-height: 34rem;
  margin-bottom: var(--space-24);
}
.illustrated-heading .content-title { color: var(--paper); }
.illustrated-heading .content-lead { max-width: 30ch; }
.illustrated-heading .preview-note { max-width: 42ch; }
.heading-art { aspect-ratio: 1; min-height: 26rem; }
.interior-page .detail-section h2 { color: var(--paper); }
.ascii-interlude { aspect-ratio: 3; min-height: 20rem; margin-block: var(--space-16); }
.pricing-heading { min-height: 22rem; margin-bottom: var(--space-16); }
.pricing-heading .heading-art { aspect-ratio: 1.65; min-height: 20rem; }
.pricing-page .rate-table tbody td:nth-child(2) { color: var(--sage); }
.pricing-page .rate-table caption { color: var(--paper); }
.pricing-page .rate-table tbody td { font-size: clamp(1.25rem, 2.1vw, 1.75rem); }
.interior-page .site-footer { padding-top: var(--space-12); }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); padding-top: var(--space-8); padding-bottom: max(var(--space-8), env(safe-area-inset-bottom)); }
.site-footer .wordmark { font-size: 1.5rem; }
.site-footer p { max-width: 30ch; color: var(--muted); font-size: var(--type-small); }
.site-footer nav { display: flex; flex-wrap: wrap; column-gap: var(--space-6); margin-inline-start: auto; font-size: var(--type-small); font-weight: 500; }
.site-footer nav a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 1000px) {
  :root { --section-gap: var(--space-24); }
  .site-header { gap: var(--space-6); }
  .site-header nav { column-gap: var(--space-6); }
  .detail-section { column-gap: var(--space-12); }
  .illustrated-spread { gap: var(--space-12); }
  .spread-art { min-height: 20rem; }
  .illustrated-heading { gap: var(--space-8); min-height: 28rem; }
  .heading-art { min-height: 22rem; }
  .pricing-heading { min-height: 20rem; }
  .pricing-heading .heading-art { min-height: 18rem; }
  .spread-wide .spread-copy { gap: var(--space-12); }
}
@media (max-width: 768px) {
  .site-header { flex-wrap: wrap; gap: 0 var(--space-4); }
  .site-header nav { order: 3; width: 100%; justify-content: space-between; column-gap: var(--space-3); margin-inline-start: 0; }
  .site-footer { flex-wrap: wrap; }
  .site-footer nav { order: 3; width: 100%; margin-inline-start: 0; }
}
@media (max-width: 700px) {
  :root { --section-gap: var(--space-20); --group-gap: var(--space-8); --page-gutter: max(var(--space-4), env(safe-area-inset-left), env(safe-area-inset-right)); }
  .site-header { padding-top: max(var(--space-4), env(safe-area-inset-top)); padding-bottom: 0; }
  .site-header .wordmark { font-size: 1.5rem; }
  .site-header nav a { font-size: var(--type-small); }
  .header-cta { font-size: .8125rem; }
  .hero { gap: var(--space-6); padding-top: var(--space-8); padding-bottom: max(var(--space-8), env(safe-area-inset-bottom)); }
  h1 { font-size: clamp(2.375rem, 12.25vw, 6rem); }
  h1 span:first-child { font-size: .7em; }
  .hero-copy { grid-template-columns: minmax(0, 1fr); max-width: none; }
  .hero-declaration { max-width: none; }
  .hero-description { max-width: none; }
  .hero-copy .button { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 0; }
  .hero-copy .preview-note { grid-column: 1; grid-row: auto; max-width: none; }
  .detail-section { grid-template-columns: minmax(0, 1fr); gap: var(--copy-gap); }
  .detail-section > .section-copy, .spread-wide .section-copy { justify-self: start; }
  .illustrated-spread, .spread-wide .spread-copy, .illustrated-heading { grid-template-columns: minmax(0, 1fr); }
  .illustrated-spread { gap: var(--space-8); padding-bottom: var(--space-12); }
  .spread-copy .section-copy { margin-top: var(--space-6); max-width: none; }
  .spread-copy .section-copy > p:first-child { font-size: 1.125rem; }
  .spread-reverse .spread-copy, .spread-reverse .spread-art { grid-column: auto; grid-row: auto; }
  .spread-reverse .spread-copy { max-width: none; justify-self: start; }
  .spread-wide .spread-copy { gap: 0; }
  .spread-wide .spread-art { aspect-ratio: 1.35; min-height: 19rem; }
  .spread-art, .spread-reverse .spread-art, .heading-art, .ascii-interlude {
    width: calc(100% + var(--page-gutter) * 2);
    margin-inline: calc(-1 * var(--page-gutter));
  }
  .spread-art { aspect-ratio: 1.1; min-height: 19rem; }
  .interior-page .content-page { padding-top: var(--space-12); }
  .illustrated-heading { min-height: 0; gap: var(--space-8); margin-bottom: var(--space-12); }
  .illustrated-heading .content-title { max-width: 16ch; }
  .illustrated-heading .content-lead { max-width: 35ch; }
  .heading-art { aspect-ratio: 1.15; min-height: 20rem; }
  .pricing-heading .heading-art { aspect-ratio: 1.5; min-height: 15rem; }
  .ascii-interlude { aspect-ratio: 1.5; min-height: 16rem; margin-block: var(--space-12); }
  h2 { max-width: 13ch; }
  .content-page { padding-top: var(--space-12); padding-bottom: var(--space-20); }
  .content-heading { margin-bottom: var(--space-16); }
  .detail-section + .detail-section, .rates + .detail-section { margin-top: var(--space-16); }
  .rate-table th, .rate-table td { padding: var(--space-4) var(--space-2); }
  .rate-table tbody td { font-size: var(--type-body); }
  .pricing-page .rate-table tbody td { font-size: var(--type-body); }
  .site-footer { flex-wrap: wrap; gap: var(--space-2) var(--space-6); }
  .site-footer nav { width: 100%; order: 2; }
  .site-footer p { order: 3; width: 100%; }
}
@media (max-width: 370px) {
  .site-header .wordmark { font-size: 1.375rem; }
  .header-cta { max-width: 9ch; line-height: 1.3; }
  .content-title { font-size: 3rem; }
  .detail-section h2 { font-size: 1.875rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; }
}

/* Information-page reading contrast, approved 21 October 2026. */
body.interior-page.liquid-topography-page {
  --type-body: clamp(1.125rem, 1rem + .4vw, 1.25rem);
  --type-small: 1.0625rem;
  --type-lead: clamp(1.5rem, 1.25rem + .5vw, 1.875rem);
  --body-measure: 54ch;
  position: relative;
  isolation: isolate;
  font-weight: 500;
  line-height: 1.7;
}
body.interior-page.liquid-topography-page > .liquid-topography-canvas {
  position: fixed;
  z-index: -1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* Keep the complete liquid material bright; contrast is local to the copy. */
  opacity: 1;
}
body.interior-page.liquid-topography-page .ascii-art {
  background: transparent;
}
body.interior-page.liquid-topography-page .site-header nav,
body.interior-page.liquid-topography-page .site-header nav a,
body.interior-page.liquid-topography-page .header-cta,
body.interior-page.liquid-topography-page .site-footer nav {
  font-size: 1rem;
}
body.interior-page.liquid-topography-page .content-lead {
  line-height: 1.55;
}
body.interior-page.liquid-topography-page .preview-note {
  max-width: 48ch;
  line-height: 1.6;
}
body.interior-page.liquid-topography-page .section-copy p + p {
  margin-top: var(--space-8);
}

/* Broad, low-density feathering lets the liquid contours continue through copy. */
body.interior-page.liquid-topography-page :is(.heading-copy, .section-copy, .rates, .detail-section > h2, .site-header, .site-footer) {
  position: relative;
  isolation: isolate;
  text-shadow: 0 1px 2px var(--ink), 0 0 6px rgb(8 7 5 / .65);
}
body.interior-page.liquid-topography-page :is(.heading-copy, .section-copy, .rates, .detail-section > h2, .site-header, .site-footer)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -.625rem -.875rem;
  background: var(--ink);
  box-shadow: 0 0 5rem 2rem var(--ink);
  filter: blur(1.5rem);
  opacity: .42;
  pointer-events: none;
}
body.interior-page.liquid-topography-page :is(.preview-note, .rate-note, .header-cta, .text-link, .site-footer p, .rate-table thead, .rate-table tbody td:nth-child(2)) {
  color: var(--paper);
}

/* Black Hole hero: reveal the luminous disk between the title and offer. */
body.home-page #planet-canvas { opacity: 1; }
body.home-page .hero-shell::before {
  background: linear-gradient(180deg, rgb(8 7 5 / .55) 0%, rgb(8 7 5 / .25) 28%, rgb(8 7 5 / 0) 46%, rgb(8 7 5 / 0) 72%, rgb(8 7 5 / .6) 100%);
}

/* Current dark Agentic Infrastructure reference; native implementation.
   The twelve-column grid and measured spacing are shared across the page. */
body.vercel-page {
  color-scheme: dark;
  --vc-background: #000;
  --vc-foreground: #ededed;
  --vc-muted: #a1a1a1;
  --vc-line: #333;
  --vc-input-border: #3b3b3b;
  --vc-radius: 6px;
  --ink: var(--vc-background);
  --surface: #0a0a0a;
  --paper: var(--vc-foreground);
  --sage: var(--vc-foreground);
  --muted: var(--vc-muted);
  --page-gutter: max(24px, env(safe-area-inset-left), env(safe-area-inset-right));
  background: var(--vc-background); color: var(--vc-foreground);
  font: 400 1rem/1.5 var(--font); -webkit-font-smoothing: antialiased;
}
.vercel-page ::selection { background: #cbd4c2; color: #171717; }
.vercel-page a:focus-visible, .vercel-page button:focus-visible,
.vercel-page .rate-table-wrap:focus-visible { outline: 2px solid var(--vc-foreground); outline-offset: 4px; }
.vercel-page .skip-link { background: var(--vc-foreground); color: var(--vc-background); z-index: 20; }
.vercel-page [id] { scroll-margin-top: 88px; }
.vc-header { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; gap: 32px; min-height: 64px; padding-inline: var(--page-gutter); background: var(--vc-background); }
.vc-brand { display: inline-flex; align-items: center; flex-shrink: 0; min-height: 44px; font: 500 1.25rem/1 var(--font); letter-spacing: -.045em; }
.vc-brand-mark { justify-content: center; width: 21px; font-size: 1.75rem; font-weight: 700; }
.vc-nav { display: flex; align-items: center; gap: 24px; font-size: .875rem; line-height: 1.25rem; }
.vc-nav > a, .vc-nav > button { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0; border: 0; background: none; color: var(--vc-muted); font: inherit; cursor: pointer; }
.vc-nav a:hover, .vc-nav button:hover, .vc-nav a[aria-current="page"] { color: var(--vc-foreground); }
.vc-chevron { display: inline-block; width: 5px; height: 5px; margin: 0 2px 3px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(45deg); }
.vc-header-actions { display: flex; gap: 10px; align-items: center; margin-inline-start: auto; }
.vc-action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 18px; border: 1px solid var(--vc-line); border-radius: 999px; background: var(--vc-background); color: var(--vc-foreground); font-size: 1rem; font-weight: 500; line-height: 1.375rem; text-align: center; transition: background-color .16s, border-color .16s; }
.vc-action:hover { background: #1f1f1f; border-color: #454545; }
.vc-action-primary { background: var(--vc-foreground); color: var(--vc-background); border-color: var(--vc-foreground); }
.vc-action-primary:hover { background: #ccc; border-color: #ccc; }
.vc-action-small { min-height: 32px; padding: 5px 12px; border-radius: 6px; font-size: .875rem; line-height: 1.25rem; }
.vc-header-actions .vc-start { min-width: 103px; }
.vc-header-actions .vc-login { min-width: 66px; }
.vc-header-actions .vc-action-primary { min-width: 75px; }
.vc-nav-panel { position: fixed; inset: 56px auto auto 61px; width: 544px; margin: 0; padding: 12px; border: 1px solid var(--vc-line); border-radius: 12px; background: #0a0a0a; color: var(--vc-foreground); box-shadow: 0 16px 48px #0009; }
.vc-nav-panel:popover-open { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
#resources-menu { left: 155px; }
.vc-nav-panel a { display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 6px; font-size: .875rem; line-height: 1.25rem; }
.vc-nav-panel a:hover { background: #1a1a1a; }
.vc-nav-panel strong { font-weight: 500; }
.vc-nav-panel a > span, .vc-nav-panel > p { color: var(--vc-muted); font-size: .8125rem; }
.vc-nav-panel > p { grid-column: 1 / -1; margin: 8px 16px; line-height: 1.25rem; }
.vc-menu { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; margin-inline-start: auto; border: 0; background: none; color: inherit; cursor: pointer; }
.vc-menu-icon { position: relative; width: 16px; height: 10px; border-top: 1.5px solid; border-bottom: 1.5px solid; }
.vc-header:has(#mobile-navigation:popover-open) .vc-menu-icon { border: 0; }
.vc-header:has(#mobile-navigation:popover-open) .vc-menu-icon::before,
.vc-header:has(#mobile-navigation:popover-open) .vc-menu-icon::after { content: ""; position: absolute; top: 4px; left: 0; width: 16px; border-top: 1.5px solid; transform: rotate(45deg); }
.vc-header:has(#mobile-navigation:popover-open) .vc-menu-icon::after { transform: rotate(-45deg); }
.vc-mobile-navigation { position: fixed; inset: 64px 0 auto; width: 100%; max-height: calc(100svh - 64px); margin: 0; padding: 16px var(--page-gutter) 24px; overflow-y: auto; border: 0; border-block: 1px solid var(--vc-line); background: var(--vc-background); color: var(--vc-foreground); }
.vc-mobile-navigation:popover-open { display: grid; gap: 4px; }
.vc-mobile-navigation > a { display: flex; align-items: center; min-height: 48px; font-size: 1rem; }
.vc-mobile-account { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.vc-mobile-group summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; font-size: 1rem; cursor: pointer; list-style: none; }
.vc-mobile-group summary::-webkit-details-marker { display: none; }
.vc-mobile-group[open] summary .vc-chevron { transform: rotate(225deg); }
.vc-mobile-group > div { display: grid; padding: 0 0 12px 16px; }
.vc-mobile-group > div > a { display: flex; align-items: center; min-height: 44px; font-size: .875rem; color: var(--vc-muted); }
.vercel-page summary:focus-visible { outline: 2px solid var(--vc-foreground); outline-offset: 4px; }
.vc-hero { --hero-art-size: min(640px, calc(100vw - 800px)); display: grid; grid-template-columns: minmax(0, 1fr) var(--hero-art-size) minmax(0, 1fr); align-items: center; gap: 20px; min-height: calc(100svh - 172px); padding: 100px var(--page-gutter); }
.vc-hero > * { min-width: 0; }
.vc-hero-intro { position: relative; width: 444px; max-width: 444px; }
.vercel-page .vc-hero-title { max-width: none; font-size: 4rem; font-weight: 400; line-height: 1; letter-spacing: -.065em; text-wrap: balance; }
.vercel-page .vc-hero-title span { display: block; font: inherit; margin: 0; }
.vc-hero-actions { display: flex; gap: 12px; margin-top: 32px; }
.vc-hero-actions .vc-action-primary, .vc-closing .vc-action-primary { min-width: 124px; }
.vc-hero-note { position: absolute; top: calc(100% + 18px); left: 0; max-width: 42ch; color: var(--vc-muted); font-size: .75rem; line-height: 1.25rem; }
.vc-flow-visual { position: relative; width: 640px; height: auto; aspect-ratio: 1; max-width: 100%; margin: 0; justify-self: center; }
.vc-flow-visual canvas { position: absolute; display: block; width: 100%; height: 100%; inset: 0; }
.vc-hero-benefits { display: grid; justify-self: end; gap: 8px; width: 100%; max-width: 356px; font-size: 1rem; line-height: 1.5rem; }
.vc-mobile-benefit { display: none; }
.vc-model-band { padding: 28px var(--page-gutter) 0; text-align: center; }
.vc-model-names { display: flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 40px; font-size: 1.5rem; font-weight: 600; letter-spacing: -.045em; }
.vc-model-names a { display: inline-flex; align-items: center; min-height: 40px; }
.vc-model-names a:hover { color: var(--vc-muted); }
.vc-model-band > p { margin: 18px auto 0; max-width: 76ch; color: var(--vc-muted); font-size: .75rem; line-height: 1.25rem; }
.vc-features { padding: 210px var(--page-gutter) 80px; }
.vc-feature + .vc-feature { margin-top: 128px; }
.vercel-page .vc-feature-title, .vercel-page .vc-explore > h2, .vercel-page .vc-closing > h2 { max-width: none; margin-bottom: 48px; font-size: 3.5rem; font-weight: 450; line-height: 1; letter-spacing: -.055em; text-wrap: balance; }
.vercel-page .vc-feature-title { width: calc((100% - 20px) * 2 / 3); }
.vercel-page .vc-feature:first-child .vc-feature-title { max-width: 673.344px; }
.vc-feature-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; gap: 20px; }
.vc-feature-grid > * { min-width: 0; }
.vc-feature-copy { grid-column: 10 / 13; padding-top: 120px; font-size: 1rem; line-height: 1.625rem; }
.vc-feature-summary { margin-bottom: 40px; color: var(--vc-muted); font-size: 1.5rem; line-height: 2rem; letter-spacing: -.035em; }
.vc-feature-summary strong { color: var(--vc-foreground); font-weight: 450; }
.vc-feature-label { margin-bottom: 6px; color: var(--vc-muted); font-size: .875rem; line-height: 1.25rem; }
.vc-feature-links { display: flex; flex-direction: column; align-items: flex-start; font-size: .875rem; line-height: 1.625rem; }
.vc-feature-links a { min-height: 26px; }
.vc-feature-links a:hover { text-decoration: underline; }
.vc-product-visual, .vc-pricing-visual, .vc-dissolve-visual { position: relative; grid-column: 1 / 9; width: 100%; aspect-ratio: 1.57583; margin: 0; container-type: inline-size; }
.vc-feature-reverse .vc-feature-title { margin-inline-start: calc((100% + 20px) / 3); }
.vc-feature-reverse .vc-feature-copy { grid-column: 1 / 4; grid-row: 1; }
.vc-feature-reverse .vc-pricing-visual { grid-column: 5 / 13; grid-row: 1; }
.vc-fade-visual { mask-image: linear-gradient(#000 60%, transparent); }
.vc-workspace-window { position: absolute; top: 12.65%; left: 0; width: 69%; height: 78%; padding: 8cqw 6cqw 4cqw; border: 1px solid #292929; border-radius: 8px; background: #0a0a0a; }
.vc-workspace-symbol { position: absolute; top: -3cqw; left: 6cqw; display: grid; place-items: center; width: 8cqw; height: 8cqw; border: 1px solid #444; border-radius: 8px; background: #ededed; color: #000; font-size: 6cqw; line-height: 1; font-weight: 700; transform: rotate(-5deg); }
.vc-workspace-title { font-size: 3.4cqw; font-weight: 600; letter-spacing: -.04em; }
.vc-workspace-tabs { display: flex; gap: 3cqw; margin-top: 3cqw; padding-bottom: 1.5cqw; border-bottom: 1px solid #292929; color: var(--vc-muted); font-size: 1.5cqw; }
.vc-workspace-tabs span:first-child { color: var(--vc-foreground); }
.vc-file-line { display: flex; align-items: center; gap: 1.2cqw; padding: 2cqw 0; border-bottom: 1px solid #222; font-size: 1.5cqw; }
.vc-file-line > span:last-child { margin-left: auto; }
.vc-file-icon { width: 1.2cqw; height: 1.5cqw; border: 1px solid var(--vc-muted); border-radius: 2px; }
.vc-document-lines { display: grid; gap: 1.7cqw; margin-top: 3cqw; }
.vc-document-lines i { display: block; width: 80%; height: .5cqw; background: #202020; border-radius: 2px; }
.vc-document-lines i:nth-child(2n) { width: 55%; }
.vc-session-window { position: absolute; inset: 0 0 auto auto; width: 58.1%; height: 90%; border: 1px solid #333; border-radius: 8px; background: #0a0a0a; box-shadow: 0 10px 40px #0004; }
.vc-window-bar { display: flex; align-items: center; justify-content: space-between; min-height: 5.8cqw; padding: 1.8cqw 2.2cqw; color: #bfbfbf; font-size: 1.5cqw; }
.vc-window-icons { display: flex; align-items: center; gap: 1.9cqw; font-size: 1.8cqw; }
.vc-session-body { padding: 1.2cqw 2.4cqw 2.4cqw; }
.vc-session-symbol { display: grid; place-items: center; width: 5.2cqw; height: 5.2cqw; margin-bottom: 1.6cqw; border: 1px solid #333; border-radius: 50%; font-size: 3cqw; line-height: 1; font-weight: 600; }
.vc-session-title { margin-bottom: 1.8cqw; font-size: 2.5cqw; line-height: 1.4; font-weight: 500; letter-spacing: -.035em; }
.vc-session-option { display: flex; align-items: center; gap: 1.3cqw; min-height: 4.1cqw; font-size: 1.5cqw; }
.vc-session-option > span:first-child { width: 1.8cqw; font-size: 1.9cqw; }
.vc-session-compose { margin-top: 2.2cqw; padding: 1.2cqw; border: 1px solid #333; border-radius: 2.6cqw; font-size: 1.25cqw; }
.vc-preview-chip { display: inline-block; padding: .7cqw 1.1cqw; border: 1px solid #292929; border-radius: 99px; }
.vc-session-compose > p { margin-top: 1.6cqw; color: var(--vc-muted); }
.vc-session-compose > div { display: flex; justify-content: space-between; margin-top: 2cqw; color: var(--vc-muted); }
.vc-site-preview { height: 100%; overflow: hidden; border: 1px solid #333; border-radius: 8px; background: #0a0a0a; }
.vc-preview-nav { display: flex; align-items: center; gap: 3cqw; min-height: 4.8cqw; padding: 1.2cqw 1.8cqw; border-bottom: 1px solid #262626; font-size: 1.2cqw; }
.vc-preview-wordmark { margin-right: 1cqw; font-size: 1.9cqw; font-weight: 600; letter-spacing: -.04em; }
.vc-preview-nav-end { margin-left: auto; padding: .45cqw 1cqw; border: 1px solid #333; border-radius: 99px; color: var(--vc-muted); font-size: 1cqw; }
.vc-pricing-body { padding: 8.4cqw 5cqw 0; text-align: center; }
.vc-preview-eyebrow { margin-bottom: 1.8cqw; color: var(--vc-muted); font-size: 1cqw; letter-spacing: .02em; }
.vc-pricing-title { font-size: 4.1cqw; line-height: 1.2; letter-spacing: -.045em; font-weight: 550; }
.vc-pricing-description { margin-top: 2.2cqw; font-size: 1.35cqw; line-height: 1.5; color: #bfbfbf; }
.vc-preview-pills { display: flex; justify-content: center; gap: 1.4cqw; margin-top: 2.8cqw; font-size: 1.35cqw; }
.vc-preview-pills span { padding: .8cqw 1.5cqw; border: 1px solid #444; border-radius: 4px; }
.vc-preview-pills span:first-child { background: #ededed; color: #000; border-color: #ededed; }
.vc-preview-rates { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2cqw; max-width: 64cqw; margin: 4.5cqw auto 0; }
.vc-preview-rates > div { display: grid; gap: .5cqw; }
.vc-preview-rates strong { font-size: 2.5cqw; font-weight: 450; letter-spacing: -.035em; }
.vc-preview-rates span { font-size: 1.1cqw; color: var(--vc-muted); }
.vc-preview-limit { margin-top: 2.5cqw; color: var(--vc-muted); font-size: 1cqw; }
.vc-dissolve-visual { display: grid; grid-template-rows: 4.8cqw minmax(0, 1fr) auto; overflow: hidden; border: 1px solid #292929; border-radius: 8px; background: #050505; }
.vc-dissolve-bar { display: flex; align-items: center; gap: 3cqw; height: 4.8cqw; padding: 1cqw 1.8cqw; border-bottom: 1px solid #222; font-size: 1.2cqw; color: var(--vc-muted); }
.vc-dissolve-bar span:first-child { color: var(--vc-foreground); font-size: 1.9cqw; font-weight: 600; letter-spacing: -.04em; }
.vc-dissolve-bar span:last-child { margin-left: auto; }
.vc-dissolve-visual canvas { display: block; width: 100%; height: 100%; min-height: 0; }
.vc-dissolve-visual figcaption { width: 100%; padding: 8px 16px 12px; color: var(--vc-muted); text-align: center; font-size: .75rem; line-height: 1.25rem; }
.vc-explore { padding: 0 var(--page-gutter); }
.vercel-page .vc-explore > h2 { margin-bottom: 48px; }
.vc-mosaic { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 280px 280px; gap: 20px; }
.vc-platform-card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; overflow: hidden; border: 1px solid #292929; border-radius: 8px; background: #080808; transition: border-color .16s; container-type: inline-size; }
.vc-platform-card:hover { border-color: #666; }
.vc-platform-card-large { grid-row: span 2; }
.vc-card-copy { position: relative; z-index: 1; padding: 20px; background: #080808; }
.vc-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.vercel-page .vc-card-heading h3 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; letter-spacing: -.025em; text-wrap: initial; }
.vc-card-heading > span { font-size: 1.25rem; }
.vc-card-copy p { margin-top: 8px; max-width: 55ch; color: var(--vc-muted); font-size: .875rem; line-height: 1.5rem; }
.vc-tools-art { position: absolute; inset: 0 0 100px; overflow: hidden; }
.vc-tool-orbit { position: absolute; top: 9%; left: 20%; width: 60%; height: 44%; border: 1px solid #262626; border-radius: 50%; }
.vc-tool-orbit::before, .vc-tool-orbit::after { content: ""; position: absolute; inset: 16% -18%; border: 1px solid #1c1c1c; border-radius: 50%; transform: rotate(34deg); }
.vc-tool-orbit::after { transform: rotate(-34deg); }
.vc-tool-orbit > span { position: absolute; z-index: 1; padding: .7cqw 1.8cqw; border: 1px solid #363636; border-radius: 6px; background: #0a0a0a; font-size: 1.9cqw; }
.vc-tool-orbit > span:nth-child(1) { left: -8%; top: 38%; }
.vc-tool-orbit > span:nth-child(2) { right: -8%; top: 38%; }
.vc-tool-orbit > span:nth-child(3) { left: 40%; top: -8%; }
.vc-tool-core { position: absolute; inset: 32% 42%; display: grid; place-items: center; border: 1px solid #555; border-radius: 10px; background: #111; font-size: 4.5cqw; font-weight: 600; box-shadow: 0 0 50px #ededed0d; }
.vc-tool-terminal { position: absolute; top: 48%; left: 14%; width: 72%; padding-bottom: 3cqw; overflow: hidden; border: 1px solid #333; border-radius: 8px; background: #0a0a0a; box-shadow: 0 16px 48px #000; }
.vc-tool-terminal > div { display: flex; align-items: center; gap: .7cqw; padding: 1.6cqw 2cqw; border-bottom: 1px solid #262626; color: var(--vc-muted); font-size: 1.45cqw; }
.vc-tool-terminal i { width: .7cqw; height: .7cqw; border: 1px solid #555; border-radius: 50%; }
.vc-tool-terminal > div > span { margin-left: 1cqw; }
.vc-tool-terminal > p { margin: 2cqw 3cqw 0; font-size: 1.8cqw; }
.vc-tool-terminal > p > span:first-child { display: inline-block; margin-right: 2cqw; color: #777; }
.vc-tool-terminal .vc-terminal-note { color: var(--vc-muted); }
.vc-terminal-cursor { display: inline-block; width: .6cqw; height: 1.6cqw; margin-left: 1cqw; background: #777; vertical-align: middle; }
.vc-api-art { position: absolute; inset: 14px 0 100px; width: 66%; margin-inline: auto; font-size: 1.8cqw; }
.vc-api-request { display: flex; justify-content: space-between; width: 60%; margin-left: auto; padding: 1.4cqw 2cqw; border: 1px solid #383838; border-radius: 12px 12px 3px 12px; background: #161616; }
.vc-api-connection { height: 2cqw; width: 1px; margin-inline: 70% auto; background: #333; }
.vc-api-response { display: flex; align-items: center; gap: 1.8cqw; padding: 1.8cqw; border: 1px solid #333; border-radius: 8px; background: #0a0a0a; }
.vc-api-mark { display: grid; place-items: center; width: 4.5cqw; height: 4.5cqw; border: 1px solid #444; border-radius: 6px; font-size: 2.8cqw; }
.vc-api-response small { display: block; margin-top: .4cqw; color: var(--vc-muted); font-size: 1.4cqw; }
.vc-api-response > span:last-child { margin-left: auto; }
.vc-session-art { position: absolute; inset: 45px 0 100px; }
.vc-session-path { display: flex; align-items: center; justify-content: center; padding-inline: 10%; }
.vc-session-path span { display: inline-flex; justify-content: center; min-width: 10cqw; padding: 1.6cqw; border: 1px solid #444; border-radius: 6px; background: #111; font-size: 1.8cqw; }
.vc-session-path i { width: 8cqw; height: 1px; background: #333; }
.vc-session-art-note { margin-top: 2cqw; text-align: center; font-size: 1.4cqw; color: var(--vc-muted); }
.vc-closing { padding: 157.344px var(--page-gutter) 80px; text-align: center; }
.vercel-page .vc-closing > h2 { max-width: 1024px; margin: 0 auto 28px; }
.vc-closing-actions { display: flex; justify-content: center; gap: 12px; }
.vc-guide-trigger { anchor-name: --session-guide; cursor: pointer; }
.vc-session-guide { --guide-width: min(360px, calc(100vw - 48px)); position: fixed; inset: auto; position-anchor: --session-guide; bottom: calc(anchor(top) + 12px); left: clamp(24px, calc(anchor(center) - var(--guide-width) / 2), calc(100vw - var(--guide-width) - 24px)); position-try-fallbacks: flip-block, --guide-viewport; width: var(--guide-width); max-height: calc(100svh - 48px); overflow-y: auto; margin: 0; padding: 12px; border: 1px solid var(--vc-line); border-radius: 12px; background: #0a0a0a; color: var(--vc-foreground); text-align: left; box-shadow: 0 16px 48px #0009; }
@position-try --guide-viewport { inset: 24px auto auto 24px; }
.vc-session-guide:popover-open { display: grid; gap: 4px; }
.vc-session-guide > p { padding: 8px; color: var(--vc-muted); font-size: .75rem; line-height: 1.25rem; }
.vc-session-guide > p:first-child { font-size: .875rem; color: var(--vc-foreground); }
.vc-session-guide a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px; border-radius: 6px; font-size: .875rem; line-height: 1.25rem; }
.vc-session-guide a:hover { background: #1f1f1f; }
.vc-session-guide a > span:first-child { color: var(--vc-muted); font-size: .75rem; }
.vc-session-guide a > span:last-child { margin-left: auto; }
.vc-footer { padding: 52px var(--page-gutter) 32px; border-top: 1px solid #222; }
.vc-footer-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 72px 24px; }
.vc-footer-grid > nav:nth-child(-n+6) { min-height: 248px; }
.vercel-page .vc-footer h2 { max-width: none; margin: 0 0 16px; font-size: .875rem; font-weight: 500; line-height: 1.5rem; letter-spacing: 0; text-wrap: initial; }
.vc-footer nav { display: flex; flex-direction: column; align-items: flex-start; }
.vc-footer nav a { display: inline-flex; align-items: center; min-height: 28px; font-size: .875rem; line-height: 1.25rem; color: var(--vc-muted); }
.vc-footer nav a:hover { color: var(--vc-foreground); }
.vc-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 48px; color: var(--vc-muted); font-size: .75rem; line-height: 1.25rem; }
.vc-footer-bottom p { display: flex; align-items: center; gap: 8px; }
.vc-footer-status-dot { display: inline-block; width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: #a1a1a1; }
.vc-footer-bottom .vc-brand { color: var(--vc-foreground); font-size: .875rem; }
.vc-footer-top { display: inline-flex; align-items: center; justify-content: center; gap: 12px; flex-shrink: 0; min-height: 32px; padding: 4px 12px; border: 1px solid #333; border-radius: 99px; }
.vc-footer-top:hover { color: var(--vc-foreground); border-color: #666; }
.vercel-page .rate-table { font-size: 1rem; line-height: 1.625rem; }
.vercel-page .rate-table th, .vercel-page .rate-table td { padding: 22px 16px; border-bottom: 1px solid var(--vc-line); }
.vercel-page .rate-table th:first-child, .vercel-page .rate-table td:first-child { padding-left: 0; }
.vercel-page .rate-table th:last-child, .vercel-page .rate-table td:last-child { padding-right: 0; }
.vercel-page .rate-table thead th { color: var(--vc-muted); font-size: .8125rem; font-weight: 400; }
.vercel-page .rate-table tbody th { font-weight: 500; }
.vercel-page .rate-table tbody td { font-size: inherit; line-height: inherit; }
.vercel-page .rate-table tbody tr:nth-child(even) { background: transparent; }
.vercel-page .rate-table tbody tr:last-child > * { border-bottom: 0; }
.vercel-interior .vc-interior-main { width: 100%; margin-inline: 0; padding: 128px var(--page-gutter) 160px; }
.vercel-interior .content-heading { max-width: 921px; margin-bottom: 112px; }
.vercel-interior .content-title { max-width: 18ch; font-size: 4rem; font-weight: 400; line-height: 1.05; letter-spacing: -.06em; }
.vercel-interior .content-lead { max-width: 40ch; margin-top: 28px; font-size: 1.5rem; line-height: 2.125rem; letter-spacing: -.025em; }
.vercel-interior .preview-note { max-width: 56ch; margin-top: 24px; font-size: .875rem; line-height: 1.5rem; color: var(--vc-muted); }
.vercel-interior .detail-section { grid-template-columns: minmax(0, 1fr) minmax(0, 2.045fr); gap: 20px; }
.vercel-interior .detail-section h2 { max-width: 18ch; font-size: 2rem; font-weight: 450; line-height: 2.5rem; letter-spacing: -.04em; }
.vercel-interior .section-copy { max-width: 54ch; justify-self: start; font-size: 1.125rem; line-height: 1.875rem; }
.vercel-interior .section-copy p + p { margin-top: 28px; }
.vercel-interior .detail-section + .detail-section, .vercel-interior .rates + .detail-section { margin-top: 112px; }
.vercel-interior .text-link { font-size: 1rem; }
.vercel-interior .rates { max-width: 1100px; }
.vercel-interior .rate-table caption { margin-bottom: 24px; font-size: 1.25rem; }
.vercel-interior .rate-note { max-width: 60ch; margin-top: 24px; font-size: .875rem; line-height: 1.5rem; }
@media (max-width: 1100px) and (min-width: 901px) {
  .vc-hero { --hero-art-size: min(560px, calc(100vw - 640px)); }
  .vc-hero-intro { width: 320px; }
  .vercel-page .vc-hero-title { font-size: 3rem; }
  .vc-nav { gap: 20px; }
  .vc-header { gap: 24px; }
  .vc-flow-visual { width: 560px; height: auto; }
  .vc-hero-benefits { font-size: .875rem; line-height: 1.375rem; }
  .vc-feature-copy { padding-top: 64px; }
  .vc-feature-summary { font-size: 1.25rem; line-height: 1.75rem; }
  .vc-feature-links { font-size: .8125rem; }
}
@media (max-width: 900px) {
  .vc-header { justify-content: space-between; }
  .vc-nav, .vc-header-actions { display: none; }
  .vc-menu { display: flex; }
  .vc-nav-panel:popover-open { display: none; }
  .vc-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "art" "title" "benefits" "actions" "note"; gap: 0; align-content: start; min-height: 0; padding: 48px var(--page-gutter) 24px; text-align: center; }
  .vc-hero-intro { display: contents; }
  .vc-flow-visual { grid-area: art; width: 520px; height: auto; margin-bottom: 72px; }
  .vercel-page .vc-hero-title { grid-area: title; font-size: 3rem; line-height: 3.5rem; letter-spacing: -.065em; }
  .vc-hero-benefits { grid-area: benefits; justify-self: center; max-width: none; margin-top: 16px; gap: 0; }
  .vc-desktop-benefit { display: none; }
  .vc-mobile-benefit { display: block; }
  .vc-hero-actions { grid-area: actions; flex-direction: column; gap: 12px; margin-top: 28px; }
  .vc-hero-note { grid-area: note; position: static; max-width: 44ch; justify-self: center; margin-top: 18px; }
  .vc-model-band { padding-top: 0; }
  .vc-model-names { gap: 12px; font-size: .875rem; line-height: 1.25rem; }
  .vc-model-names a { min-width: 0; text-align: left; }
  .vc-model-names a:last-child { text-align: right; }
  .vc-features { padding-top: 128px; padding-bottom: 128px; }
  .vercel-page .vc-feature-title, .vercel-page .vc-explore > h2, .vercel-page .vc-closing > h2 { width: 100%; font-size: 2rem; line-height: 2.5rem; letter-spacing: -.045em; margin-bottom: 32px; }
  .vercel-page .vc-feature:first-child .vc-feature-title { max-width: none; }
  .vc-feature-reverse .vc-feature-title { margin-inline-start: 0; }
  .vc-feature-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .vc-product-visual, .vc-pricing-visual, .vc-dissolve-visual { grid-column: 1; }
  .vc-feature-copy, .vc-feature-reverse .vc-feature-copy { grid-column: 1; grid-row: auto; max-width: 54ch; padding-top: 0; }
  .vc-feature-reverse .vc-pricing-visual { grid-column: 1; grid-row: 1; }
  .vc-feature-summary { font-size: 1.5rem; line-height: 2rem; margin-bottom: 32px; }
  .vc-feature-label { margin-bottom: 8px; }
  .vc-feature-links { line-height: 1.75rem; }
  .vc-feature-links a { min-height: 28px; }
  .vc-feature + .vc-feature { margin-top: 128px; }
  .vc-mosaic { grid-template-columns: 1fr; grid-template-rows: 380px 280px 280px; }
  .vc-platform-card-large { grid-row: auto; }
  .vc-card-copy { padding: 20px; }
  .vc-api-art { top: 32px; }
  .vc-session-art { top: 54px; }
  .vc-closing { padding-top: 128px; padding-bottom: 112px; }
  .vercel-page .vc-closing > h2 { max-width: 20ch; margin-bottom: 28px; }
  .vc-closing-actions { flex-wrap: wrap; }
  .vc-footer { padding-top: 48px; padding-bottom: 32px; }
  .vc-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 24px; }
  .vc-footer-grid > nav:nth-child(-n+6) { min-height: 0; }
  .vc-footer-bottom { align-items: flex-start; flex-direction: column; gap: 16px; }
  .vercel-interior .vc-interior-main { padding-top: 72px; padding-bottom: 112px; }
  .vercel-interior .content-title { font-size: 3rem; line-height: 3.5rem; }
  .vercel-interior .content-heading { margin-bottom: 72px; }
  .vercel-interior .content-lead { font-size: 1.375rem; line-height: 2rem; }
  .vercel-interior .detail-section { grid-template-columns: 1fr; gap: 24px; }
  .vercel-interior .detail-section + .detail-section, .vercel-interior .rates + .detail-section { margin-top: 80px; }
  .vercel-interior .detail-section h2 { font-size: 1.75rem; line-height: 2.25rem; }
}
@media (max-width: 370px) {
  .vercel-page .vc-hero-title { font-size: 2.5rem; line-height: 3rem; }
  .vc-flow-visual { width: 480px; height: auto; margin-bottom: 56px; }
  .vc-hero-benefits { font-size: .875rem; }
  .vc-model-names { font-size: .8125rem; }
}
@media (prefers-reduced-motion: reduce) {
  .vc-action, .vc-platform-card { transition: none; }
}

/* Approved launch-copy layout: retain the existing dark Syne presentation. */
.launch-copy .vc-support { font-family: inherit; }
.launch-copy .vc-support:disabled { cursor: default; color: var(--vc-muted); }
.launch-copy .vc-support:disabled:hover { background: transparent; border-color: var(--vc-line); }
.launch-copy .vc-mobile-navigation > .vc-support {
  display: flex; align-items: center; min-height: 48px; padding: 0;
  border: 0; background: none; color: var(--vc-muted); font-size: 1rem;
}
.launch-copy .vc-model-band { padding-top: 32px; text-align: left; }
.vc-model-comparison { width: 100%; border-collapse: collapse; font-size: 1.25rem; line-height: 1.5; }
.vc-model-comparison th, .vc-model-comparison td { padding: 20px 0; border-bottom: 1px solid var(--vc-line); }
.vc-model-comparison thead th { color: var(--vc-muted); font-size: .875rem; font-weight: 400; }
.vc-model-comparison tbody th { font-weight: 500; }
.vc-model-comparison th:first-child { text-align: left; padding-right: 24px; }
.vc-model-comparison th:last-child, .vc-model-comparison td { text-align: right; }
.vc-model-comparison td { font-variant-numeric: tabular-nums; }
.vc-model-comparison a { display: inline-block; padding-block: 4px; }
.vc-model-comparison a:hover { text-decoration: underline; text-underline-offset: .2em; }
.launch-copy .vc-model-band > p { margin: 24px 0 0; max-width: 76ch; font-size: 1rem; line-height: 1.625; }
.launch-copy .vc-model-band > p + p { margin-top: 8px; color: var(--vc-foreground); }
.vc-freedom { padding: 112px var(--page-gutter) 96px; }
.vc-freedom > p:first-child { max-width: 58ch; color: var(--vc-muted); font-size: 1.5rem; line-height: 1.5; letter-spacing: -.025em; }
.vc-freedom-line { max-width: 29ch; margin-top: 28px; font-size: 3.5rem; line-height: 1.12; letter-spacing: -.045em; text-wrap: balance; }
.vc-freedom-line strong, .vc-footer-brand strong { font-weight: 700; }
.vc-testing { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.045fr); gap: 20px; padding-inline: var(--page-gutter); }
.vercel-page .vc-testing h2 { max-width: 18ch; font-size: 2rem; font-weight: 450; line-height: 1.25; letter-spacing: -.04em; }
.vc-testing p { max-width: 54ch; font-size: 1.125rem; line-height: 1.75; color: var(--vc-muted); }
.launch-copy .vc-features { padding-top: 128px; }
.launch-copy .vc-feature-copy { padding-top: 64px; }
.launch-copy .vc-mosaic { grid-template-rows: minmax(320px, auto) minmax(280px, auto); }
.launch-copy .vc-platform-card { min-height: 280px; }
.launch-copy .vc-api-art { bottom: 148px; }
.launch-copy .vc-api-response > span:nth-child(2) { min-width: 0; }
.launch-copy .vc-closing-copy { max-width: 48ch; margin: 0 auto 32px; color: var(--vc-muted); font-size: 1.25rem; line-height: 1.6; }
.vc-footer-launch .vc-footer-grid { grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); gap: 48px; }
.vc-footer-launch .vc-footer-grid > nav:nth-child(-n+6) { min-height: 0; }
.vc-footer-brand { max-width: 24ch; font-size: 2rem; line-height: 1.25; letter-spacing: -.04em; }
.vc-footer-launch .vc-footer-bottom { justify-content: flex-end; }
.vc-footer-launch nav .vc-support { display: inline-flex; align-items: center; min-height: 28px; padding: 0; border: 0; background: none; color: var(--vc-muted); font-size: .875rem; line-height: 1.25rem; }
.launch-copy .content-intro { max-width: 54ch; margin-top: 24px; color: var(--vc-muted); font-size: 1.125rem; line-height: 1.75; }
.launch-copy .rates { max-width: none; }
.vercel-page .vc-rates-heading { max-width: none; margin-bottom: 32px; font-size: 2rem; line-height: 1.25; font-weight: 450; letter-spacing: -.04em; }
.vercel-page .vc-spec-table { width: 100%; min-width: 1000px; table-layout: auto; }
.vercel-page .vc-spec-table th, .vercel-page .vc-spec-table td { text-align: left; vertical-align: top; padding-inline: 20px; }
.vercel-page .vc-spec-table thead th { font-size: .875rem; line-height: 1.5; }
.vercel-page .vc-spec-table th:first-child { width: 17%; padding-left: 0; }
.vercel-page .vc-spec-table th:nth-child(2) { width: 16%; }
.vercel-page .vc-spec-table th:nth-child(3) { width: 11%; }
.vercel-page .vc-spec-table th:nth-child(4) { width: 15%; }
.vercel-page .vc-spec-table th:nth-child(5) { width: 29%; }
.vercel-page .vc-spec-table th:last-child, .vercel-page .vc-spec-table td:last-child { text-align: right; padding-right: 0; }
.vercel-page .vc-spec-table td:last-child { white-space: nowrap; font-variant-numeric: tabular-nums; }
.vercel-page .vc-spec-table td:not(:last-child) { color: var(--vc-muted); }
.launch-copy .rate-note { max-width: 76ch; font-size: 1rem; line-height: 1.625; }
.launch-copy .rate-note + .rate-note { margin-top: 12px; }
.vc-purchase-options { width: 100%; margin: 28px 0 0; font-size: 1.125rem; line-height: 1.75; }
.vc-purchase-options > div { display: grid; grid-template-columns: minmax(8rem, .55fr) minmax(0, 1.45fr); gap: 20px; padding-block: 24px; border-bottom: 1px solid var(--vc-line); }
.vc-purchase-options dt { font-weight: 500; }
.vc-purchase-options dd { margin: 0; color: var(--vc-muted); }
@media (max-width: 900px) {
  .launch-copy .vc-model-band { padding-top: 48px; }
  .vc-model-comparison { font-size: 1rem; }
  .vc-model-comparison th, .vc-model-comparison td { padding-block: 16px; }
  .vc-model-comparison thead th { font-size: .8125rem; }
  .vc-freedom { padding-top: 80px; padding-bottom: 64px; }
  .vc-freedom > p:first-child { font-size: 1.25rem; }
  .vc-freedom-line { font-size: 2rem; line-height: 1.25; }
  .vc-testing { grid-template-columns: 1fr; gap: 24px; }
  .vercel-page .vc-testing h2 { max-width: 22ch; font-size: 1.75rem; }
  .launch-copy .vc-features { padding-top: 96px; }
  .launch-copy .vc-feature-copy { padding-top: 0; }
  .launch-copy .vc-mosaic { grid-template-rows: 380px minmax(320px, auto) minmax(280px, auto); }
  .launch-copy .vc-api-art { top: 24px; bottom: 172px; }
  .launch-copy .vc-closing-copy { font-size: 1.125rem; }
  .vc-footer-launch .vc-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; }
  .vc-footer-brand { grid-column: 1 / -1; max-width: 24ch; font-size: 1.75rem; }
  .vc-footer-launch .vc-footer-bottom { align-items: flex-start; }
  .vercel-page .vc-rates-heading { font-size: 1.75rem; }
  .vc-purchase-options { font-size: 1rem; }
  .vc-purchase-options > div { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}

/* 22 October copy integration, using the existing dark layout and typography. */
.vercel-page .vc-section-title { margin: 0 0 48px; max-width: none; font-size: 3.5rem; font-weight: 450; line-height: 1.12; letter-spacing: -.055em; text-wrap: balance; }
.revision-copy .vc-model-band-expanded > p { margin-left: 0; }
.revision-copy .vc-model-band-expanded > p + p { color: var(--vc-muted); }
.revision-copy .vc-model-band-expanded #home-model-status { color: var(--vc-foreground); }
.revision-copy .vc-model-band-expanded .rate-table a:hover { text-decoration: underline; text-underline-offset: .2em; }
.vc-section-link { display: inline-block; margin-top: 24px; min-height: 32px; font-size: 1rem; line-height: 1.5; }
.vc-section-prose > p + p { margin-top: 24px; }
.vc-dedicated-session { margin-bottom: 96px; }
.vc-session-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; padding: 0; margin: 0 0 64px; list-style: none; }
.vc-session-steps li { display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: start; align-items: baseline; gap: 16px; }
.vc-step-number { font-size: 1rem; color: var(--vc-muted); font-variant-numeric: tabular-nums; }
.vc-session-steps p { font-size: 1.125rem; line-height: 1.75; }
.vc-walkthrough-visual { grid-column: 1 / 9; min-width: 0; margin: 0; }
.vc-preview-caption { margin-bottom: 20px; color: var(--vc-muted); font-size: .875rem; line-height: 1.5; }
.revision-copy .vc-walkthrough .vc-feature-copy { padding-top: 48px; }
.vc-api-content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: max(48px, 8%); align-items: start; }
.vc-api-content > .vc-feature-summary { max-width: 45ch; margin-bottom: 0; }
.vc-api-examples { border: 1px solid var(--vc-line); border-radius: var(--vc-radius); background: var(--surface); }
.vc-code-toolbar, .vc-code-languages { display: flex; flex-wrap: wrap; align-items: center; }
.vc-code-toolbar { justify-content: space-between; gap: 8px 16px; padding: 12px 16px; }
.vc-code-languages { gap: 8px 20px; }
.vc-code-toolbar button { min-height: 36px; padding: 0; border: 0; background: none; color: var(--vc-muted); font: inherit; font-size: .875rem; cursor: default; }
.vc-code-toolbar .vc-copy-example { border: 1px solid var(--vc-line); border-radius: var(--vc-radius); padding: 4px 12px; }
.vc-api-access-options { margin-top: 24px; font-size: 1rem; line-height: 1.75; color: var(--vc-muted); }
.revision-copy .vc-hourly-feature .vc-feature-title { margin-left: 0; }
.revision-copy .vc-hourly-feature .vc-feature-copy { grid-column: 1 / 6; padding-top: 0; }
.revision-copy .vc-hourly-feature .vc-pricing-visual { grid-column: 7 / 13; }
.revision-copy .vc-hourly-feature .vc-feature-summary { margin-bottom: 24px; }
.revision-copy .vc-hourly-feature .vc-purchase-options { margin-top: 0; }
.revision-copy .vc-hourly-feature .vc-purchase-options > div:first-child { padding-top: 0; }
.vc-faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.045fr); gap: 20px; padding: 48px var(--page-gutter) 0; }
.vercel-page .vc-faq > h2 { max-width: 12ch; font-size: 2rem; line-height: 1.25; letter-spacing: -.04em; }
.vc-faq-items { min-width: 0; }
.vc-faq details { padding: 24px 0; border-bottom: 1px solid var(--vc-line); }
.vc-faq details:first-child { padding-top: 0; }
.vc-faq summary { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; min-height: 32px; font-size: 1.25rem; line-height: 1.5; cursor: pointer; list-style: none; }
.vc-faq summary::-webkit-details-marker { display: none; }
.vc-faq summary .vc-chevron { flex: 0 0 7px; width: 7px; height: 7px; }
.vc-faq details[open] summary .vc-chevron { transform: rotate(225deg); }
.vc-faq details > p { max-width: 65ch; margin-top: 20px; padding-right: 32px; color: var(--vc-muted); font-size: 1.125rem; line-height: 1.75; }
.vc-preview-funding { margin: 0 auto 20px; max-width: 40ch; font-size: 1.75rem; line-height: 1.4; letter-spacing: -.035em; }
.vc-preview-funding strong { font-weight: 700; }
@media (max-width: 900px) {
  .vercel-page .vc-section-title { font-size: 2rem; line-height: 1.25; letter-spacing: -.045em; margin-bottom: 32px; }
  .vc-dedicated-session { margin-bottom: 64px; }
  .vc-session-steps { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-bottom: 40px; }
  .vc-walkthrough-visual { grid-column: 1; }
  .revision-copy .vc-walkthrough .vc-feature-copy { padding-top: 0; }
  .vc-api-content { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .revision-copy .vc-hourly-feature .vc-feature-copy { grid-column: 1; grid-row: auto; }
  .revision-copy .vc-hourly-feature .vc-pricing-visual { grid-column: 1; grid-row: auto; }
  .vc-faq { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-top: 0; }
  .vercel-page .vc-faq > h2 { max-width: none; margin-bottom: 0; }
  .vc-faq summary { font-size: 1.125rem; }
  .vc-faq details > p { padding-right: 0; font-size: 1rem; }
  .vc-preview-funding { font-size: 1.5rem; }
}

/* What we believe uses the established interior layout and Syne typography. */
.belief-page .vc-belief-eyebrow { margin-bottom: 24px; color: var(--vc-muted); font-size: 1rem; line-height: 1.5; }
.belief-page .vc-belief-closing { margin-top: 128px; }
.belief-page .vc-belief-closing .vc-freedom-line { margin-top: 0; }
.belief-page .vc-belief-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.belief-page .vc-belief-actions .vc-action { max-width: 100%; }
@media (max-width: 900px) {
  .belief-page .vc-belief-closing { margin-top: 80px; }
}

/* Keep unavailable model status visible at the left of horizontally scrollable tables. */
.vc-spec-table td.model-unavailable { text-align: left; }