@layer reset,base,components,utilities;:root{color-scheme:light;--lch-white:100% 0 0;--lch-cream:96.5% 0.015 80;--lch-gray-50:98% 0.003 280;--lch-gray-100:96% 0.005 280;--lch-gray-200:92% 0.01 280;--lch-gray-300:85% 0.01 280;--lch-gray-400:70% 0.015 280;--lch-gray-500:55% 0.015 280;--lch-gray-600:40% 0.02 280;--lch-gray-700:30% 0.02 280;--lch-gray-800:22% 0.02 280;--lch-gray-900:15% 0.04 280;--lch-gray-950:10% 0.03 280;--lch-navy-50:96% 0.01 280;--lch-navy-100:92% 0.02 280;--lch-navy-200:85% 0.03 280;--lch-navy-300:70% 0.05 280;--lch-navy-400:55% 0.06 280;--lch-navy-500:40% 0.06 280;--lch-navy-600:30% 0.05 280;--lch-navy-700:25% 0.04 280;--lch-navy-800:20% 0.04 280;--lch-navy-900:18% 0.04 280;--lch-navy-950:16% 0.04 280;--lch-teal-300:80% 0.08 190;--lch-teal-400:75% 0.09 190;--lch-teal-500:70% 0.1 190;--lch-teal-600:60% 0.1 190;--lch-teal-700:50% 0.09 190;--lch-orange-300:75% 0.14 50;--lch-orange-400:70% 0.16 50;--lch-orange-500:65% 0.18 50;--lch-orange-600:55% 0.18 50;--lch-orange-700:45% 0.16 50;--lch-yellow-300:90% 0.13 90;--lch-yellow-400:86% 0.15 90;--lch-yellow-500:82% 0.17 90;--lch-yellow-600:72% 0.17 90;--lch-yellow-700:62% 0.15 90;--lch-red-300:75% 0.13 25;--lch-red-400:68% 0.16 25;--lch-red-500:58% 0.19 25;--lch-red-600:50% 0.19 25;--lch-red-700:42% 0.17 25;--color-canvas:light-dark(oklch(var(--lch-cream)),      oklch(var(--lch-gray-900)));--color-surface:light-dark(oklch(var(--lch-white)),       oklch(var(--lch-gray-800)));--color-code-surface:#272822;--color-ink:light-dark(oklch(var(--lch-gray-900)),    oklch(var(--lch-gray-50)));--color-ink-muted:light-dark(oklch(var(--lch-gray-600)),    oklch(var(--lch-gray-400)));--color-ash:light-dark(oklch(var(--lch-gray-500)),    oklch(var(--lch-gray-400)));--color-border:light-dark(oklch(var(--lch-gray-200)),    oklch(var(--lch-gray-700)));--color-navy:oklch(var(--lch-navy-900));--color-navy-deep:oklch(var(--lch-navy-950));--color-navy-hover:oklch(var(--lch-navy-700));--color-teal:oklch(var(--lch-teal-500));--color-orange:oklch(var(--lch-orange-500));--color-yellow:oklch(var(--lch-yellow-500));--color-danger:oklch(var(--lch-red-600));--color-link:oklch(var(--lch-teal-600));--color-icon-muted:oklch(83% 0.05 260);--color-surface-dim:oklch(var(--lch-gray-200) / 0.3);--color-docs-canvas:light-dark(#fbf6e9, color-mix(in oklch, var(--color-canvas) 65%, var(--color-surface)));--color-white-alpha-10:oklch(100% 0 0 / 0.1);--color-white-alpha-75:oklch(100% 0 0 / 0.75);--color-white-alpha-80:oklch(100% 0 0 / 0.8);--color-shadow:oklch(0% 0 0 / 0.08);--color-shadow-subtle:oklch(0% 0 0 / 0.02);--color-shadow-strong:oklch(0% 0 0 / 0.16);--color-overlay-subtle:oklch(0% 0 0 / 0.05);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-label:"Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"Source Code Pro", ui-monospace, monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--text-caption:0.75rem;--text-body-sm:0.875rem;--text-body:1rem;--text-subheading:1.25rem;--text-heading:2rem;--text-heading-lg:3rem;--text-display:4rem;--text-docs-title:2.5rem;--text-docs-chapter:2rem;--text-docs-section:1.25rem;--text-docs-subsection:1.125rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.4;--leading-relaxed:1.6;--leading-body:1.5;--leading-docs:1.45;--tracking-caption:0.05em;--tracking-subheading:-0.0125rem;--tracking-heading:-0.04rem;--tracking-heading-lg:-0.06rem;--tracking-display:-0.12rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 4px 8px var(--color-shadow-subtle);--shadow-md:0 4px 16px var(--color-shadow-strong);--z-navbar:10;--page-max-width:1200px;--page-padding:48px;--section-gap:clamp(5rem, 7vw, 6rem);--docs-section-gap:3.5rem;--navbar-height:72px;--focus-ring-color:var(--color-teal);--focus-ring-offset:2px;--focus-ring-width:2px}@layer reset{*,
  *::before,
  *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    hanging-punctuation: first last;
  }

  body {
    min-height: 100dvh;
    line-height: 1.5;
  }

  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
    height: auto;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  button,
  input,
  select,
  textarea {
    font: inherit;
    color: inherit;
    background: none;
    border: none;
  }

  button {
    cursor: pointer;
  }

  input,
  select,
  textarea {
    cursor: text;
  }

  input::placeholder,
  textarea::placeholder {
    opacity: 1;
  }

  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
  }

  ul,
  ol {
    list-style: none;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
    overflow-wrap: break-word;
  }

  p {
    overflow-wrap: break-word;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  fieldset {
    border: none;
  }

  dialog {
    color: inherit;
  }

  
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}@layer base{html {
    scroll-padding-top: calc(var(--navbar-height) + var(--space-4));
    background:
      linear-gradient(
        to bottom,
        var(--color-surface) 0,
        var(--color-surface) var(--navbar-height),
        var(--color-canvas) var(--navbar-height),
        var(--color-canvas) 100%
      );
  }

  body {
    font-family: var(--font-sans);
    font-weight: var(--weight-regular);
    font-size: var(--text-body);
    line-height: var(--leading-body);
    color: var(--color-ink);
    background-color: var(--color-canvas);
  }

  h1 {
    font-size: var(--text-heading-lg);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: var(--tracking-heading-lg);
  }

  h2 {
    font-size: var(--text-heading);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: var(--tracking-heading);
  }

  h3 {
    font-size: var(--text-subheading);
    font-weight: var(--weight-medium);
    line-height: var(--leading-body);
    letter-spacing: var(--tracking-subheading);
  }

  h4 {
    font-size: var(--text-subheading);
    font-weight: var(--weight-medium);
    line-height: var(--leading-body);
  }

  h5 {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    line-height: 1.3;
  }

  h6 {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    line-height: 1.3;
  }

  a {
    transition: opacity 0.2s ease;

    @media (any-hover: hover) {
      &:hover:not(:disabled) {
        opacity: 0.7;
      }
    }
  }

  code,
  pre {
    font-family: var(--font-mono);
    font-size: 0.875em;
  }

  pre {
    overflow-x: auto;
    padding: var(--space-4);
    border-radius: var(--radius-md);
    background: var(--color-surface);
  }

  :focus-visible {
    outline: var(--focus-ring-width) solid var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
  }

  ::selection {
    background: oklch(var(--lch-teal-500) / 0.2);
  }

  
  .skip-link {
    position: absolute;
    top: -100%;
    left: var(--space-4);
    z-index: 100;
    padding: var(--space-2) var(--space-4);
    background: var(--color-navy);
    color: var(--color-surface);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);

    &:focus {
      top: var(--space-4);
    }
  }
}@layer components{.navbar {
    position: sticky;
    top: 0;
    z-index: var(--z-navbar);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px var(--page-padding);
    background: var(--color-surface);
    border-block-end: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
    box-shadow: var(--shadow-sm);
  }

  .navbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    
    max-width: 82.5rem;
  }

  .navbar__logo {
    display: flex;
    align-items: center;

    & svg { height: 32px; width: 107px; }
    & img { height: 45px; width: auto; }
  }

  .navbar__links {
    display: flex;
    align-items: center;
    gap: var(--space-6);
  }

  .navbar__link {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-ink);
  }

  .navbar__link--dropdown {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-ink);
    padding: 0;
  }

  .navbar__chevron {
    transition: transform 0.2s ease;
    flex-shrink: 0;
  }

  .navbar__dropdown--open .navbar__chevron {
    transform: rotate(180deg);
  }

  
  .navbar__dropdown {
    position: static;
  }

  .mega {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    width: min(var(--page-max-width), 100% - 2 * var(--page-padding));
    margin-inline: auto;
    
    padding-top: var(--space-2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.2s ease, visibility 0s linear 0.2s;
  }

  .navbar__dropdown--open .mega {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
    transition-delay: 0s;
  }

  .mega__grid {
    display: grid;
    grid-template-columns: var(--mega-columns);
    gap: var(--space-8);
    padding: var(--space-8);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
  }

  .mega__col {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
  }

  .mega__col--spot {
    gap: var(--space-4);
    padding-inline-start: var(--space-6);
    border-inline-start: 1px solid var(--color-border);
  }

  .mega__col-head {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    padding: 0 var(--space-3) var(--space-2);
  }

  .mega__col--spot .mega__col-head {
    padding-inline: 0;
  }

  .mega__col-title {
    margin: 0;
    font-family: var(--font-label);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-caption);
    text-transform: uppercase;
    color: var(--color-ink-muted);
  }

  .mega__col-more {
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    color: var(--color-link);
    white-space: nowrap;

    @media (any-hover: hover) {
      &:hover { opacity: 1; text-decoration: underline; }
    }
  }

  .mega__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .mega__col--wide .mega__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--space-6);
    row-gap: 2px;
  }

  .mega__item {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    color: var(--color-ink);
    transition: background 0.15s ease;

    @media (any-hover: hover) {
      &:hover {
        opacity: 1;
        background: color-mix(in srgb, var(--color-ink) 4%, var(--color-surface));
      }

      &:hover .mega__icon { color: var(--color-teal); }
    }
  }

  .mega__icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    color: var(--color-icon-muted);
    transition: color 0.15s ease;
  }

  .mega__item-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }

  .mega__item-label {
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    line-height: var(--leading-snug);
  }

  .mega__item-desc {
    font-size: var(--text-xs);
    line-height: var(--leading-normal);
    color: var(--color-ink-muted);
  }

  .mega__spots {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }

  .mega__spot {
    --spot-bg: var(--color-navy);
    --spot-color: var(--color-surface);
    --spot-padding: var(--space-5);
    --spot-title-size: var(--text-base);

    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--spot-padding);
    background: var(--spot-bg);
    color: var(--spot-color);
    border-radius: var(--radius-md);
    transition: transform 0.2s ease, box-shadow 0.2s ease;

    @media (any-hover: hover) {
      &:hover {
        opacity: 1;
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
      }
    }
  }

  .mega__spot--compact {
    --spot-padding: var(--space-4);
    --spot-title-size: var(--text-sm);
  }

  .mega__spot--alt {
    --spot-bg: color-mix(in srgb, var(--color-ink) 4%, var(--color-surface));
    --spot-color: var(--color-ink);
  }

  .mega__spot-eyebrow {
    font-family: var(--font-label);
    font-size: var(--text-xs);
    letter-spacing: var(--tracking-caption);
    text-transform: uppercase;
    opacity: 0.72;
  }

  .mega__spot-title {
    font-size: var(--spot-title-size);
    font-weight: var(--weight-semibold);
    line-height: var(--leading-snug);
  }

  .mega__spot-desc {
    font-size: var(--text-xs);
    line-height: var(--leading-body);
    opacity: 0.82;
  }

  .mega__spot-cta {
    margin-top: var(--space-1);
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
  }

  .mega__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-3);
    padding-inline: var(--space-1);
    font-size: var(--text-xs);
    color: var(--color-ink-muted);
  }

  
  .navbar__scrim {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: -1;
    height: 100vh;
    background: color-mix(in oklch, var(--color-ink) 18%, transparent);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }

  .navbar--mega-open .navbar__scrim {
    opacity: 1;
  }

  .navbar__mobile-link--dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid var(--color-border);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--text-xl);
    font-weight: var(--weight-medium);
    color: var(--color-ink);
    padding: 12px 0;
    text-align: left;
  }

  .navbar__chevron--open {
    transform: rotate(180deg);
  }

  .navbar__mobile-children {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .navbar__mobile-child {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-lg);
    color: var(--color-ink-muted);
    padding: 10px 0 10px 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
  }

  .navbar__actions {
    display: flex;
    align-items: center;
    gap: var(--space-4);
  }

  .navbar__github {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-ink);
    padding: 4px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    line-height: 1;

    & svg { width: 16px; height: 16px; flex-shrink: 0; }
  }

  .navbar__github-count {
    border-left: 1px solid var(--color-border);
    padding-left: var(--space-2);
    margin-left: var(--space-1);
  }

  .navbar__discord {
    display: inline-flex;
    align-items: center;
    color: var(--color-ink);

    & svg { width: 24px; height: 24px; }
  }

  .navbar__cta {
    --btn-bg: var(--color-navy);
    --btn-color: var(--color-surface);
    --btn-hover-bg: var(--color-navy-hover);

    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    background: var(--btn-bg);
    color: var(--btn-color);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);

    @media (any-hover: hover) {
      &:hover:not(:disabled) {
        opacity: 1;
        background: var(--btn-hover-bg);
      }
    }
  }

  .navbar__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 32px;
    height: 32px;
    padding: 4px;
    cursor: pointer;
    background: none;
    border: none;
  }

  .navbar__burger-line {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--color-ink);
    border-radius: 1px;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  .navbar__mobile {
    display: none;
  }

  .navbar__mobile-link {
    font-size: var(--text-xl);
    font-weight: var(--weight-medium);
    color: var(--color-ink);
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);

    @media (any-hover: hover) {
      &:hover { opacity: 1; }
    }
  }

  .navbar__mobile-cta {
    --btn-bg: var(--color-navy);
    --btn-color: var(--color-surface);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    margin-top: 16px;
    background: var(--btn-bg);
    color: var(--btn-color);
    border-radius: var(--radius-md);
    font-size: var(--text-lg);
    font-weight: var(--weight-medium);

    @media (any-hover: hover) {
      &:hover { opacity: 1; }
    }
  }
}@layer components{.hero {
    padding: 60px var(--page-padding) 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 500px;
  }

  .hero__inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
    gap: 20px;
  }

  .hero__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 50px;
  }

  .hero__description {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    font-weight: var(--weight-regular);
  }

  .hero__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4);
  }

  .hero__cta {
    --btn-bg: var(--color-navy);
    --btn-color: var(--color-surface);
    --btn-border: var(--color-navy);
    --btn-hover-bg: var(--color-navy-hover);
    --btn-hover-color: var(--color-surface);
    --btn-hover-border: var(--color-navy-hover);

    display: inline-flex;
    align-items: center;
    padding: 8px 20px;
    background: var(--btn-bg);
    color: var(--btn-color);
    border: 1px solid var(--btn-border);
    border-radius: var(--radius-md);
    font-size: var(--text-lg);
    font-weight: var(--weight-regular);

    @media (any-hover: hover) {
      &:hover:not(:disabled) {
        opacity: 1;
        background: var(--btn-hover-bg);
        color: var(--btn-hover-color);
        border-color: var(--btn-hover-border);
      }
    }
  }

  .hero__cta img {
    filter: invert(1);
  }

  .hero__cta:hover img {
    filter: none;
  }

  .hero__cta--secondary {
    --btn-bg: transparent;
    --btn-color: var(--color-navy);
    --btn-border: var(--color-navy);
    --btn-hover-bg: var(--color-navy);
    --btn-hover-color: var(--color-surface);
    --btn-hover-border: var(--color-navy);
  }

  .hero__deploy-command {
    font-family: var(--font-mono);
    font-size: 20px;
    font-weight: var(--weight-medium);
    color: var(--color-ink);
  }

  .hero.hero--compact {
    min-height: 0;
    padding-block: var(--space-12);
  }

  .hero__visual {
    flex: 0 0 auto;
    width: 420px;
    height: 471px;
    background: var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

  .hero__visual--image {
    background: none;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 420px;
    overflow: hidden;
    border-radius: 16px;
  }

  .hero__visual--image img {
    width: 100%;
    height: auto;
  }
}@layer components{.icon-card {
    --icon-card-icon-size: 64px;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: var(--space-10);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-6);
    transition: transform 0.2s ease, box-shadow 0.2s ease;

    @media (any-hover: hover) {
      &:hover {
        opacity: 1;
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
      }
    }
  }

  .icon-card__icon {
    width: var(--icon-card-icon-size);
    height: var(--icon-card-icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-icon-muted);

    & svg,
    & img {
      width: var(--icon-card-icon-size);
      height: var(--icon-card-icon-size);
      flex-shrink: 0;
      object-fit: contain;
    }
  }

  .icon-card__title {
    font-size: var(--text-2xl);
    font-weight: var(--weight-regular);
  }

  .icon-card__desc {
    font-size: var(--text-base);
    color: var(--color-ink);
    line-height: 1.5;
  }
}@layer components{.community {
    padding: var(--space-16) var(--page-padding) var(--space-20);
    text-align: center;
  }

  .community__inner {
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
  }

  .community__label {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-base);
    font-weight: var(--weight-regular);

    &::before {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: var(--radius-full);
      background: var(--color-teal);
    }
  }

  .community__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
  }

  .community__subtitle {
    font-size: var(--text-lg);
  }

  .community__cards {
    --card-grid-gap: var(--space-5);
  }
}@layer components{.footer {
    background: var(--color-navy-deep);
    color: var(--color-surface);
    padding: 100px 100px 40px;
  }

  .footer__inner {
    max-width: var(--page-max-width);
    margin: 0 auto;
  }

  .footer__top {
    display: flex;
    justify-content: space-between;
    gap: var(--space-16);
    margin-bottom: var(--space-16);
  }

  .footer__logo {
    flex-shrink: 0;

    & svg { height: 56px; width: 169px; }
    & img { height: 56px; width: auto; }
  }

  .footer__columns {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-12);
    flex: 1;
  }

  .footer__column-title {
    font-size: 20px;
    font-weight: var(--weight-regular);
    color: var(--color-surface);
    margin-bottom: 22px;
  }

  .footer__column-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .footer__column-link {
    font-size: var(--text-base);
    font-weight: var(--weight-regular);
    color: var(--color-surface);

    @media (any-hover: hover) {
      &:hover {
        opacity: 1;
        color: var(--color-surface);
      }
    }
  }

  .footer__divider {
    height: 1px;
    background: var(--color-white-alpha-10);
    margin-bottom: var(--space-8);
  }

  .footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer__bottom-left {
    display: flex;
    align-items: center;
    gap: var(--space-6);
  }

  .footer__copyright {
    font-size: var(--text-base);
    color: var(--color-surface);
  }

  .footer__legal-link {
    font-size: var(--text-base);
    color: var(--color-white-alpha-75);

    @media (any-hover: hover) {
      &:hover {
        opacity: 1;
        color: var(--color-white-alpha-80);
      }
    }
  }

  .footer__social {
    display: flex;
    align-items: center;
    gap: var(--space-4);
  }

  .footer__social-link {
    color: var(--color-surface);
    display: inline-flex;
    align-items: center;

    & svg { width: 20px; height: 20px; }

    @media (any-hover: hover) {
      &:hover {
        opacity: 1;
        color: var(--color-surface);
      }
    }
  }
}@layer components{.page-header {
    padding: 60px var(--page-padding) 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 420px;
  }

  .page-header__inner {
    width: 100%;
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
  }

  .page-header__title {
    font-size: var(--text-4xl);
    font-weight: var(--weight-regular);
    line-height: var(--leading-tight);
    letter-spacing: -0.01em;
    color: var(--color-ink);
    margin: 0;
  }

  .page-header__subtitle {
    font-size: var(--text-lg);
    line-height: var(--leading-normal);
    font-weight: var(--weight-regular);
    color: var(--color-ink);
    margin: 0;
  }

  .page-header__description {
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
    margin: 0;
    max-width: 800px;
  }

  .page-header__actions {
    display: flex;
    gap: var(--space-4);
    margin-block-start: var(--space-2);
  }
}@layer components{.prose-section {
    padding: 0 var(--page-padding) 100px;
  }

  .prose {
    max-width: 46rem;
    margin: 0 auto;
    font-size: var(--text-body);
    line-height: var(--leading-relaxed);
    color: var(--color-ink);

    & h2 {
      font-size: var(--text-heading);
      font-weight: 300;
      line-height: 1.2;
      letter-spacing: var(--tracking-heading);
      margin-top: var(--space-16);
      margin-bottom: var(--space-6);
    }

    & h3 {
      font-size: var(--text-subheading);
      margin-top: var(--space-12);
      margin-bottom: var(--space-4);
    }

    & p { margin-bottom: var(--space-5); }

    & ul,
    & ol {
      margin-bottom: var(--space-5);
      padding-left: var(--space-6);
    }

    & ul { list-style: disc; }
    & ol { list-style: decimal; }

    & li {
      margin-bottom: var(--space-2);
      line-height: var(--leading-relaxed);
    }

    & a:not(.button) {
      color: var(--color-teal);
      text-decoration: underline;
    }

    & strong { font-weight: var(--weight-semibold); }

    & img {
      border-radius: var(--radius-lg);
      margin: var(--space-8) 0;
    }

    & table {
      width: 100%;
      border-collapse: collapse;
      font-size: var(--text-sm);
      margin-block: var(--space-6) var(--space-10);
    }

    & th {
      text-align: left;
      font-weight: var(--weight-semibold);
      padding: var(--space-3) var(--space-4);
      border-block-end: 2px solid var(--color-border);
    }

    & td {
      text-align: left;
      padding: var(--space-3) var(--space-4);
    }

    
    & .diagram--svgbob {
      margin: var(--space-8) 0;
      text-align: center;

      & img,
      & svg {
        width: 100%;
        height: auto;
        margin: 0;
        border-radius: 0;
      }
    }
  }

  .prose--wide {
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
  }

  
  .prose--docs {
    max-width: 52rem;
    margin-inline: 0;
    line-height: var(--leading-docs);
  }

  
  @media (min-width: 1600px) {
    .prose--docs {
      max-width: 60rem;
    }
  }

  .prose--docs p {
    margin-block-end: var(--space-4);
  }

  .prose--docs ul,
  .prose--docs ol {
    margin-block-end: var(--space-4);
  }

  .prose--docs li {
    margin-block-end: var(--space-1);
    line-height: var(--leading-docs);
  }

  .prose--docs h1 {
    font-size: var(--text-docs-title);
    font-weight: var(--weight-semibold);
    line-height: 1.2;
    letter-spacing: -0.05rem;
    margin-block-end: var(--space-6);
  }

  
  .prose--docs h1:not(:first-child) {
    font-size: var(--text-docs-chapter);
    font-weight: var(--weight-semibold);
    line-height: 1.2;
    letter-spacing: var(--tracking-heading);
    margin-block: var(--space-8) var(--space-4);
  }

  
  .prose--docs > h1:first-child + h1,
  .prose--docs > h1:first-child + p + h1 {
    margin-block-start: var(--space-6);
  }

  .prose--docs h2 {
    font-size: var(--text-docs-section);
    font-weight: var(--weight-semibold);
    line-height: var(--leading-body);
    letter-spacing: var(--tracking-subheading);
    margin-block-start: var(--space-6);
    margin-block-end: var(--space-4);
    padding-block-start: 0;
  }

  .prose--docs h3 {
    font-size: var(--text-docs-subsection);
    font-weight: var(--weight-semibold);
    line-height: var(--leading-body);
    margin-block-start: var(--space-5);
    margin-block-end: var(--space-3);
  }

  .prose--docs h4 {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    margin-block-start: var(--space-5);
    margin-block-end: var(--space-3);
  }

  .prose--docs h5 {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    margin-block-start: var(--space-4);
    margin-block-end: var(--space-2);
  }

  .prose--docs table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    
    table-layout: auto;
    display: block;
    overflow-x: auto;
    font-size: var(--text-sm);
    margin-block: var(--space-6);
  }

  .prose--docs pre {
    margin-block-start: var(--space-2);
    margin-block-end: var(--space-4);
    padding-block: var(--space-2);
    padding-inline: var(--space-4);
    font-size: var(--text-body-sm);
    font-weight: var(--weight-regular);
    line-height: var(--leading-docs);
  }

  .code-block {
    position: relative;
  }

  .code-block .highlight {
    margin: 0;
  }

  .code-block pre {
    padding-inline-end: 3rem;
  }

  .code-block__copy {
    position: absolute;
    
    inset-block-end: min(var(--space-2), calc(50% - var(--space-8) / 2));
    inset-inline-end: var(--space-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--space-8);
    padding: var(--space-1) var(--space-2);
    color: color-mix(in srgb, var(--color-surface) 55%, transparent);
    background: var(--color-code-surface);
    border: 0;
    border-radius: var(--radius-sm);
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
  }

  .code-block__copy:hover,
  .code-block__copy:focus-visible {
    color: var(--color-surface);
    background: color-mix(in srgb, var(--color-surface) 14%, var(--color-code-surface));
  }

  .code-block__copy svg {
    width: var(--space-4);
    height: var(--space-4);
  }

  .code-block__copy-success {
    color: oklch(var(--lch-teal-300));
    animation: code-block-copy-success 0.2s ease-out;
  }

  @keyframes code-block-copy-success {
    from {
      opacity: 0;
      transform: scale(0.65) rotate(-12deg);
    }

    to {
      opacity: 1;
      transform: scale(1) rotate(0deg);
    }
  }

  .prose--docs thead {
    display: table-header-group;
  }

  .prose--docs tbody {
    display: table-row-group;
  }

  .prose--docs tr {
    display: table-row;
  }

  .prose--docs th {
    font-weight: var(--weight-semibold);
    background: oklch(var(--lch-navy-100));
    color: var(--color-ink);
    text-align: left;
    padding: var(--space-3) var(--space-4);
    overflow-wrap: normal;
    white-space: normal;
    display: table-cell;
  }

  .prose--docs td {
    padding: var(--space-3) var(--space-4);
    border-block-end: 1px solid var(--color-border);
    overflow-wrap: normal;
    vertical-align: top;
    display: table-cell;
  }

  .prose--docs td code,
  .prose--docs th code {
    white-space: nowrap;
    overflow-wrap: normal;
  }

  .prose--docs tr:nth-child(even) td {
    background: oklch(var(--lch-gray-50));
  }

  .prose--docs blockquote {
    background: oklch(var(--lch-gray-100));
    border-radius: var(--radius-md);
    padding: var(--space-4) var(--space-6);
    margin-block: var(--space-5);
    margin-inline: 0;
    border: none;
  }

  .prose--docs blockquote p:last-child {
    margin-block-end: 0;
  }

  .prose--docs img {
    max-width: 100%;
    border-radius: var(--radius-lg);
    margin-block: var(--space-6);
    display: block;
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
  }

  .prose--docs hr {
    border: none;
    border-block-start: 1px solid var(--color-border);
    margin-block: var(--docs-section-gap);
  }
}@layer components{.page-docs-single main,
  .page-docs-home main {
    background: var(--color-docs-canvas);
  }

  
  .docs-layout {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 104rem;
    margin-inline: auto;
    padding-inline: var(--space-6);
    padding-block: var(--space-8) var(--section-gap);
    gap: var(--space-4);
  }

  @media (min-width: 1024px) {
    .docs-layout {
      grid-template-columns: 16rem minmax(0, 52rem);
      column-gap: var(--space-8);
      row-gap: var(--space-4);
      justify-content: start;
    }
  }

  @media (min-width: 1280px) {
    .docs-layout {
      grid-template-columns: 16rem minmax(0, 52rem) minmax(13rem, 1fr);
    }
  }

  
  @media (min-width: 1600px) {
    .docs-layout {
      grid-template-columns: 16rem minmax(0, 60rem) minmax(13rem, 1fr);
    }
  }

  
  .docs-sidebar {
    display: none;
    overflow-y: auto;
    flex-direction: column;
    gap: 0;
  }

  @media (min-width: 1024px) {
    .docs-sidebar {
      display: flex;
      position: sticky;
      top: calc(var(--navbar-height) + var(--space-4));
      align-self: start;
      max-height: calc(100vh - var(--navbar-height) - var(--space-8));
      padding: 0 var(--space-2) var(--space-4) 0;
      background: transparent;
      border: none;
      border-radius: 0;
      box-shadow: none;
      scrollbar-color: var(--color-border) transparent;
      scrollbar-width: thin;
    }
  }

  
  .docs-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    margin-block: 0 var(--space-2);
    font-size: var(--text-sm);
    line-height: var(--leading-body);
    color: var(--color-ink-muted);
  }

  .docs-breadcrumbs a {
    color: var(--color-ink-muted);
    text-decoration: none;
  }

  .docs-breadcrumbs a:hover {
    color: var(--color-ink);
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 0.15em;
  }

  .docs-breadcrumbs__separator {
    color: var(--color-ash);
    font-size: var(--text-base);
  }

  .docs-breadcrumbs__current {
    color: var(--color-ink);
    font-weight: var(--weight-medium);
  }

  
  .docs-nav__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .docs-nav__link {
    display: block;
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-body-sm);
    line-height: var(--leading-body);
    color: var(--color-ink-muted);
    border-radius: var(--radius-sm);
    transition: background 0.15s ease, color 0.15s ease;
    text-decoration: none;
    flex: 1;
  }

  .docs-nav__link:hover {
    background: oklch(var(--lch-gray-100));
    color: var(--color-ink);
  }

  .docs-nav__link--active {
    background: oklch(var(--lch-navy-100));
    box-shadow: none;
    color: var(--color-ink);
    font-weight: var(--weight-semibold);
  }

  .docs-nav__link--active:hover {
    background: oklch(var(--lch-navy-200));
  }

  .docs-nav__link--section {
    font-weight: var(--weight-semibold);
    color: var(--color-ink);
    padding: var(--space-2);
  }

  .docs-nav__link--subsection {
    font-weight: var(--weight-medium);
    color: var(--color-ink);
  }

  .docs-nav__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: oklch(var(--lch-gray-400));
    transition: background 0.15s;
    flex-shrink: 0;
  }

  .docs-nav__toggle:hover {
    background: oklch(var(--lch-gray-100));
  }

  .docs-nav__toggle svg {
    width: 1rem;
    height: 1rem;
    transition: transform 0.2s ease;
  }

  .docs-nav__chevron--open {
    transform: rotate(90deg);
  }

  .docs-nav__children {
    padding: var(--space-1) 0 var(--space-1) var(--space-2);
    margin-inline-start: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .docs-nav__section > .docs-nav__children {
    border-inline-start: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
  }

  .docs-nav__children .docs-nav__children {
    border-inline-start: 1px solid color-mix(in srgb, var(--color-border) 60%, transparent);
    margin-inline-start: var(--space-2);
    padding-inline-start: var(--space-2);
  }

  
  .docs-cards {
    max-width: var(--page-max-width);
    margin-inline: auto;
    padding-inline: var(--page-padding);
    padding-block: var(--space-8);
  }

  
  .docs-sheet-trigger {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    margin-block-end: var(--space-6);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-ink);
    background: var(--color-docs-canvas);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
  }

  @media (min-width: 1024px) {
    .docs-sheet-trigger {
      display: none;
    }
  }

  
  .docs-toc {
    display: none;
  }

  @media (min-width: 1280px) {
    .docs-toc {
      display: block;
      position: sticky;
      top: calc(var(--navbar-height) + var(--space-8));
      align-self: start;
      max-height: calc(100vh - var(--navbar-height) - var(--space-12));
      overflow-y: auto;
      
      margin-inline-start: var(--space-3);
      padding-inline-start: var(--space-2);
      color: var(--color-ink-muted);
      scrollbar-color: var(--color-border) transparent;
      scrollbar-width: thin;
    }

    .docs-toc__title {
      margin: 0 0 var(--space-3);
      color: var(--color-ink);
      font-family: var(--font-label);
      font-size: var(--text-xs);
      font-weight: var(--weight-medium);
      letter-spacing: var(--tracking-caption);
      text-transform: uppercase;
    }

    .docs-toc #TableOfContents ul {
      display: flex;
      flex-direction: column;
      
      gap: var(--space-1);
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .docs-toc #TableOfContents ul ul {
      gap: var(--space-1);
      
      padding-inline-start: var(--space-4);
    }

    .docs-toc #TableOfContents a {
      display: block;
      font-size: var(--text-sm);
      line-height: var(--leading-body);
      color: var(--color-ink-muted);
      text-decoration: none;
    }

    .docs-toc #TableOfContents a:hover {
      color: var(--color-ink);
      opacity: 1;
    }
  }

  
  .docs-sheet-backdrop {
    position: fixed;
    inset: 0;
    background: oklch(0% 0 0 / 0.4);
    z-index: 40;
  }

  
  .docs-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 85vh;
    background: var(--color-surface);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    box-shadow: 0 -4px 24px oklch(0% 0 0 / 0.12);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 50;
    padding-block-end: var(--space-8);
  }

  
  .docs-sheet--closed {
    transform: translateY(100%);
  }

  .docs-sheet--open {
    transform: translateY(0);
  }

  .docs-sheet--entering,
  .docs-sheet--leaving {
    transition: transform 300ms cubic-bezier(0.32, 0.72, 0, 1);
  }

  
  .docs-sheet__handle {
    display: flex;
    justify-content: center;
    padding: var(--space-3) 0;
    cursor: grab;
  }

  .docs-sheet__pill {
    display: block;
    width: 36px;
    height: 4px;
    background: oklch(var(--lch-gray-300));
    border-radius: var(--radius-full);
  }

  
  .docs-sheet__close {
    position: absolute;
    top: var(--space-3);
    right: var(--space-4);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--color-ink-muted);
    transition: background 0.15s ease;
  }

  .docs-sheet__close:hover {
    background: oklch(var(--lch-gray-100));
  }

  
  .docs-sheet__nav {
    padding: 0 var(--space-6);
  }
}.docs-nav__version{display:contents}.docs-nav__version[hidden]{display:none}@layer components{.splash {
    padding-block: 3rem;
  }

  @media (min-width: 768px) {
    .splash {
      padding-block: 4rem;
    }

    .page-exoscale .splash {
      padding-block: 100px;
    }
  }

  .splash--grey {
    background: oklch(var(--lch-gray-100));
  }

  .page-exoscale .splash--white {
    background: transparent;
  }

  .splash--white {
    background: var(--color-surface);
  }

  .splash--card .splash__inner {
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
    padding: 80px;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: 0 -4px 20px var(--color-shadow-subtle);
  }

  .splash__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    max-width: var(--page-max-width);
    margin-inline: auto;
    padding-inline: var(--page-padding);
    align-items: center;
  }

  @media (min-width: 768px) {
    .splash__inner {
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
    }

    .splash__inner--reverse {
      direction: rtl;
    }

    .splash__inner--reverse > * {
      direction: ltr;
    }
  }

  .splash__inner > :only-child {
    grid-column: 1 / -1;
  }

  .splash__image {
    width: 100%;
    border-radius: 8px;
  }

  .splash__content h2 {
    margin-block-end: 1rem;
  }

  
  .cta-card {
    display: flex;
    align-items: center;
    gap: var(--space-6);
    padding: var(--space-6) var(--space-8);
    background: oklch(var(--lch-navy-100));
    border-radius: var(--radius-lg);
    margin-block: var(--space-8);
    max-width: var(--page-max-width);
    margin-inline: auto;
  }

  .cta-card__image {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
  }

  .prose .cta-card__image,
  .prose--docs .cta-card__image {
    width: 64px;
    margin: 0;
    border-radius: 0;
    display: inline;
  }

  .cta-card__content h3 {
    margin: 0 0 var(--space-2);
    font-size: var(--text-lg);
    color: var(--color-ink);
  }

  .cta-card__content p {
    margin: 0 0 var(--space-4);
    color: var(--color-ink-muted);
  }

  

  .contact-card {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: 80px;
    box-shadow: 0 -4px 20px var(--color-shadow-subtle);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }

  .contact-card__eyebrow {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-teal);
    margin: 0;
  }

  .contact-card__title {
    font-size: var(--text-3xl);
    font-weight: var(--weight-semibold);
    color: var(--color-ink);
    margin: 0;
    line-height: var(--leading-tight);
  }

  .contact-card__text {
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
    margin: 0;
    max-width: 640px;
  }

  .contact-card__columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-10);
    margin-block-start: var(--space-4);
  }

  .contact-card__column h3 {
    font-size: var(--text-xl);
    font-weight: var(--weight-semibold);
    color: var(--color-ink);
    margin: 0 0 var(--space-4);
  }

  .contact-card__column ul {
    list-style: disc;
    padding-inline-start: var(--space-5);
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }

  .contact-card__column li {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }

  .contact-card__action {
    margin-block-start: var(--space-4);
  }

  
  .facts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
    padding-block: 2rem;
  }

  .facts-grid__item {
    padding: 1.5rem;
    background: oklch(var(--lch-gray-100));
    border-radius: 12px;
  }

  .facts-grid__icon {
    margin-block-end: 1rem;
    color: var(--color-navy);
  }

  .facts-grid__icon svg {
    width: 2rem;
    height: 2rem;
  }

  .facts-grid__title {
    font-size: var(--text-lg);
    font-weight: 700;
    margin-block-end: 0.5rem;
  }

  .facts-grid__content {
    color: var(--color-ink-muted);
    line-height: 1.6;
  }

  
  .note {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-5);
    border-radius: var(--radius-md);
    margin-block: var(--space-6);
    border-inline-start: 4px solid;
  }

  .note--info {
    background: oklch(0.95 0.02 230);
    border-color: oklch(0.55 0.15 230);
  }

  .note--tip {
    background: oklch(0.95 0.02 145);
    border-color: oklch(0.55 0.15 145);
  }

  .note--warning {
    background: oklch(0.95 0.05 80);
    border-color: oklch(0.6 0.15 80);
  }

  .note--important {
    background: oklch(0.95 0.03 25);
    border-color: oklch(0.55 0.15 25);
  }

  .note__icon {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-block-start: 0.125rem;
  }

  .note__icon img {
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .note__content p:last-child {
    margin-block-end: 0;
  }

  
  .diagonal-separator {
    display: block;
    width: 100%;
    height: auto;
  }

  
  .footnote-number {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    vertical-align: super;
    color: var(--color-navy);
    cursor: default;
  }

  .footnote_item {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-3) 0;
    font-size: var(--text-sm);
    color: var(--color-ink-muted);
    border-block-end: 1px solid var(--color-border);
  }

  .footnote_item:last-child {
    border-block-end: none;
  }

  .footnote_item-number {
    flex-shrink: 0;
  }

  .footnote_item-inner p:last-child {
    margin-block-end: 0;
  }

  
  .embed-responsive {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  
  #hubspot-conversations-inline-parent {
    height: 100%;
  }

  #hubspot-conversations-inline-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border-style: hidden !important;
  }
}@layer components{.page-posts-list main {
    padding-block-start: 88px;
  }

  
  .blog-hero {
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
    margin-inline: auto;
    padding-inline: var(--page-padding);
    padding-block-end: var(--space-16);
  }

  .blog-hero__link {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-12);
    align-items: center;
    padding: var(--space-12) var(--space-16);
    background: oklch(var(--lch-navy-200));
    border-radius: var(--radius-lg);
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.25s;
  }

  .blog-hero__link:hover {
    box-shadow: 0 8px 30px var(--color-shadow);
  }

  .blog-hero__content {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
  }

  .blog-hero__label {
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-ink-muted);
  }

  .blog-hero__title {
    font-size: var(--text-3xl);
    font-weight: var(--weight-semibold);
    line-height: var(--leading-tight);
    letter-spacing: -0.01em;
    color: var(--color-ink);
    margin: 0;
  }

  .blog-hero__date {
    font-size: var(--text-sm);
    color: var(--color-ink-muted);
  }

  .blog-hero__image {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: var(--radius-md);
  }

  
  .blog-filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
    margin-inline: auto;
    padding-inline: var(--page-padding);
    padding-block-end: var(--space-10);
  }

  .blog-filters__pill {
    display: inline-block;
    padding: 4px 12px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-decoration: none;
    background: transparent;
    color: var(--color-ink-muted);
    border: 1px solid oklch(var(--lch-gray-200));
    border-radius: var(--radius-sm);
    transition: background 0.15s, color 0.15s, border-color 0.15s;
  }

  .blog-filters__pill:hover {
    border-color: var(--color-ink);
    color: var(--color-ink);
  }

  .blog-filters__pill--active {
    background: var(--color-ink);
    color: var(--color-surface);
    border-color: var(--color-ink);
  }

  
  .blog-grid {
    --card-grid-gap: var(--space-5);
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
    margin-inline: auto;
    padding-inline: var(--page-padding);
    padding-block-end: var(--space-16);
  }

  
  .blog-card {
    display: flex;
    flex-direction: column;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.25s, transform 0.25s;
  }

  .blog-card:hover {
    box-shadow: 0 8px 30px var(--color-shadow);
    transform: translateY(-2px);
  }

  .blog-card__image {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
  }

  .blog-card__image--placeholder {
    background: oklch(var(--lch-gray-100));
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
  }

  .blog-card__image--placeholder svg {
    width: 48px;
    height: 48px;
    color: var(--color-icon-muted);
  }

  .blog-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-6);
    flex: 1;
  }

  .blog-card__meta {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-ink-muted);
  }

  .blog-card__badge {
    display: inline-block;
    padding: 2px 8px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--color-ink);
    color: var(--color-surface);
    border-radius: var(--radius-sm);
    margin-inline-start: auto;
  }

  .blog-card__title {
    font-size: var(--text-lg);
    font-weight: var(--weight-semibold);
    line-height: var(--leading-snug);
    color: var(--color-ink);
    margin: 0;
  }
}@layer components{.post-header {
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
    margin-inline: auto;
    padding: 48px var(--page-padding) var(--space-8);
  }

  .post-header__back {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-ink-muted);
    text-decoration: none;
    margin-block-end: var(--space-8);
    transition: color 0.15s;
  }

  .post-header__back:hover {
    color: var(--color-ink);
  }

  .post-header__back svg {
    width: 16px;
    height: 16px;
  }

  .post-header__category {
    display: inline-block;
    padding: 2px 10px;
    font-size: var(--text-xs);
    font-weight: var(--weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--color-ink);
    color: var(--color-surface);
    border-radius: var(--radius-sm);
  }

  .post-header__title {
    font-size: var(--text-4xl);
    font-weight: var(--weight-semibold);
    line-height: var(--leading-tight);
    letter-spacing: -0.02em;
    color: var(--color-ink);
    margin: 0 0 var(--space-6);
    max-width: 800px;
  }

  .post-header__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-4);
    align-items: center;
    font-size: var(--text-sm);
    color: var(--color-ink-muted);
  }

  .post-header__author {
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }

  .post-header__author-avatar {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-full);
    object-fit: cover;
  }

  .post-header__author-name {
    font-weight: var(--weight-semibold);
    color: var(--color-ink);
  }

  .post-header__author-name a {
    color: inherit;
    text-decoration: none;
  }

  .post-header__author-name a:hover {
    color: var(--color-teal);
  }

  .post-header__separator {
    color: oklch(var(--lch-gray-300));
  }

  
  .post-hero {
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
    margin-inline: auto;
    padding-inline: var(--page-padding);
    padding-block-end: var(--space-12);
  }

  .post-hero__image {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    border-radius: var(--radius-lg);
  }

  
  .post-single {
    width: calc(100% - 2 * var(--page-padding));
    max-width: 42rem;
    margin-inline: auto;
  }

  .post-single .prose-section {
    padding-inline: 0;
  }

  
  .post-single .prose > p:first-child {
    font-weight: var(--weight-semibold);
  }

  
  .post-taxonomies {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    max-width: 720px;
    margin-block-start: var(--space-8);
    margin-inline: auto;
    padding-block-start: var(--space-8);
    border-block-start: 1px solid var(--color-border);
  }

  .post-taxonomies__tag {
    display: inline-block;
    padding: 4px 12px;
    font-size: var(--text-sm);
    color: var(--color-ink-muted);
    background: oklch(var(--lch-gray-100));
    border-radius: var(--radius-full);
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
  }

  .post-taxonomies__tag:hover {
    background: var(--color-ink);
    color: var(--color-surface);
  }
}@layer components{[x-cloak] { display: none !important; }

  .sat-label {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-label);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-caption);
    color: var(--color-ink-muted);

    &::before {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: var(--radius-full);
      background: var(--sat-label-dot, var(--color-teal));
    }
  }

  .sat-label--orange {
    --sat-label-dot: var(--color-orange);
    color: inherit;
  }

  
  .navbar__wordmark,
  .footer__wordmark {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-subheading);
    white-space: nowrap;

    & svg { width: 28px; height: 28px; color: var(--color-teal); }
  }

  .navbar__wordmark { font-size: var(--text-xl); }
  .footer__wordmark { font-size: var(--text-2xl); }

  .navbar__link[aria-current="page"] {
    color: var(--color-ink);
    text-decoration: underline;
    text-decoration-color: var(--color-teal);
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
  }

  .navbar__github svg { width: 16px; height: 16px; }

  .footer__columns--3 {
    grid-template-columns: repeat(3, 1fr);
    flex: 0 1 44rem;
  }

  .footer__copyright a { text-decoration: underline; }

  
  .hero__heading {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
  }

  .hero__title {
    font-size: var(--text-heading-lg);
    font-weight: 300;
    line-height: 1.15;
    letter-spacing: var(--tracking-heading-lg);
  }

  .hero__visual--diagram {
    width: 520px;
    height: auto;
    padding: var(--space-6);
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);

    & img { width: 100%; height: auto; }
  }

  
  .sat-section {
    padding: var(--section-gap) var(--page-padding);
  }

  .sat-section__inner,
  .continuum__inner {
    max-width: calc(var(--page-max-width) - 2 * var(--page-padding));
    margin: 0 auto;
  }

  .sat-section__header,
  .continuum__header {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: 44rem;
    margin-block-end: var(--space-12);
  }

  .sat-section__title,
  .continuum__title {
    font-size: var(--text-heading);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: var(--tracking-heading);
  }

  .sat-section__subtitle,
  .continuum__subtitle {
    font-size: var(--text-body);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }

  
  .sat-features {
    --card-grid-gap: var(--space-5);
  }

  .sat-feature {
    --sat-feature-accent: var(--color-teal);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-8);
    background: var(--color-surface);
    border-radius: var(--radius-lg);
  }

  .sat-feature--orange { --sat-feature-accent: var(--color-orange); }

  .sat-feature__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--space-12);
    height: var(--space-12);
    border-radius: var(--radius-md);
    color: var(--sat-feature-accent);
    background: color-mix(in oklch, var(--sat-feature-accent) 14%, var(--color-surface));

    & svg { width: var(--space-6); height: var(--space-6); }
  }

  .sat-feature__title {
    font-size: var(--text-subheading);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-subheading);
  }

  .sat-feature__desc {
    font-size: var(--text-body-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }

  
  .continuum {
    padding: var(--section-gap) var(--page-padding);
    background: var(--color-surface);
  }

  .continuum__track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-5);
    align-items: start;
    margin-block-end: var(--space-16);
  }

  
  .continuum__stage--big { margin-block-start: var(--space-8); }
  .continuum__stage--small { margin-block-start: var(--space-16); }
  .continuum__stage--airgap { margin-block-start: var(--space-24); }

  .continuum__label {
    display: block;
    margin-block-end: var(--space-3);
    font-family: var(--font-label);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-caption);
    text-transform: uppercase;
    color: var(--color-ink-muted);
  }

  .continuum__card {
    --continuum-accent: var(--color-teal);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    height: 100%;
    padding: var(--space-6);
    background: var(--color-canvas);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
  }

  .continuum__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--space-12);
    height: var(--space-12);
    margin-block-end: var(--space-2);
    border-radius: var(--radius-full);
    color: var(--continuum-accent);
    background: color-mix(in oklch, var(--continuum-accent) 14%, var(--color-surface));

    & svg { width: var(--space-6); height: var(--space-6); }
  }

  .continuum__name {
    font-size: var(--text-base);
    font-weight: var(--weight-medium);
    line-height: var(--leading-snug);
  }

  .continuum__desc {
    font-size: var(--text-body-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }

  .continuum__delivery {
    margin-block-start: auto;
    padding-block-start: var(--space-3);
    border-block-start: 1px dashed var(--color-border);
    font-family: var(--font-label);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-caption);
    text-transform: uppercase;
    color: var(--continuum-accent);
  }

  .continuum__stage--airgap .continuum__card {
    --continuum-accent: var(--color-orange);
    background: var(--color-navy);
    border-color: var(--color-navy);
    color: var(--color-surface);
  }

  .continuum__stage--airgap .continuum__desc { color: var(--color-white-alpha-75); }
  .continuum__stage--airgap .continuum__delivery { border-color: var(--color-white-alpha-10); }

  .continuum__stage--airgap .continuum__icon {
    color: var(--color-navy);
    background: var(--color-orange);
  }

  
  .continuum__stage--airgap .continuum__card::before {
    content: "";
    position: absolute;
    inset-inline-start: calc(-1 * var(--space-5) / 2 - 1px);
    inset-block: calc(-1 * var(--space-6));
    border-inline-start: 2px dashed var(--color-orange);
  }

  
  .airgap {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: var(--space-12);
    align-items: center;
    padding: var(--space-12);
    background: var(--color-navy-deep);
    color: var(--color-surface);
    border-radius: var(--radius-lg);
  }

  .airgap__intro {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }

  .airgap__intro .sat-label { color: var(--color-white-alpha-75); }

  .airgap__title {
    font-size: var(--text-heading);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: var(--tracking-heading);
  }

  .airgap__text {
    line-height: var(--leading-relaxed);
    color: var(--color-white-alpha-75);
  }

  .airgap__claim {
    padding-inline-start: var(--space-4);
    border-inline-start: 3px solid var(--color-orange);
    font-weight: var(--weight-medium);
    line-height: var(--leading-relaxed);
  }

  .airgap__table-wrap { overflow-x: auto; }

  .airgap__table {
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--leading-body);

    & th,
    & td {
      padding: var(--space-3) var(--space-4);
      text-align: left;
      vertical-align: top;
      border-block-end: 1px solid var(--color-white-alpha-10);
    }

    & thead th {
      font-family: var(--font-label);
      font-size: var(--text-xs);
      font-weight: var(--weight-medium);
      letter-spacing: var(--tracking-caption);
      text-transform: uppercase;
      color: var(--color-orange);
    }

    & tbody th {
      font-weight: var(--weight-medium);
      white-space: nowrap;
      color: var(--color-white-alpha-75);
    }
  }

  .airgap__row--same th,
  .airgap__row--same td {
    border-block-end: none;
    font-weight: var(--weight-medium);
    color: var(--color-surface);
    background: oklch(var(--lch-orange-500) / 0.16);
  }

  
  .page-header--compact {
    min-height: 0;
    padding-block: var(--space-16) var(--space-10);
  }

  .blog-hero__link--text {
    grid-template-columns: minmax(0, 46rem);
  }

  .blog-hero__summary,
  .blog-card__summary {
    line-height: var(--leading-relaxed);
    color: var(--color-ink-muted);
  }

  .blog-card__summary {
    font-size: var(--text-body-sm);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
  }

  .blog-card__author {
    margin-block-start: auto;
    font-size: var(--text-sm);
    color: var(--color-ink-muted);
  }

  .post-header__author-name a { text-decoration: underline; }

  .post-taxonomies {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    max-width: 46rem;
    margin: var(--space-10) auto 0;
  }

  .prose-section--page {
    padding-block-start: var(--space-16);
  }

  
  .prose--post pre {
    margin-block: var(--space-2) var(--space-5);
    font-size: var(--text-body-sm);
    line-height: var(--leading-docs);
  }

  .prose--post table {
    display: block;
    overflow-x: auto;
  }

  .prose--post td { border-block-end: 1px solid var(--color-border); }

  .prose :not(pre) > code {
    padding: 0.1em 0.35em;
    border-radius: var(--radius-sm);
    background: oklch(var(--lch-navy-100));
  }

  .prose .code-block pre {
    border-radius: var(--radius-md);
  }

  
  .details {
    margin-block: var(--space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    overflow: hidden;
  }

  .details__summary {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-body-sm);
    font-weight: var(--weight-semibold);
    cursor: pointer;
    list-style: none;

    &::-webkit-details-marker { display: none; }

    &::before {
      content: "";
      width: 0.45em;
      height: 0.45em;
      border-block-end: 2px solid currentColor;
      border-inline-end: 2px solid currentColor;
      transform: rotate(-45deg);
      transition: transform 0.15s ease;
    }

    &:hover { background: oklch(var(--lch-gray-100)); }
  }

  .details[open] .details__summary::before { transform: rotate(45deg); }

  .details__content {
    padding: var(--space-4);
    border-block-start: 1px solid var(--color-border);

    & > :last-child { margin-block-end: 0; }
  }

  .mermaid {
    margin-block: var(--space-6);
    padding: var(--space-6);
    text-align: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
  }

  .docs-sidebar .docs-nav__children {
    border-inline-start: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
  }

  .docs-sheet {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
  }
}@layer components{.page-header__title,
  .blog-hero__title,
  .chapter__title,
  .gcr-flagship__title,
  .proof-strip__title,
  .career-section__title,
  .career-cta__title,
  .faq-section__title,
  .partner-section__title,
  .pricing-section__title,
  .pricing-comparison__title,
  .pricing-cta__title,
  .secrets-section__title,
  .contact-card__title,
  .showcase__title,
  .vending__section-title {
    font-size: var(--text-heading);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: var(--tracking-heading);
  }

  .post-header__title {
    font-size: var(--text-heading-lg);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: var(--tracking-heading-lg);
  }

  
  .icon-card__title,
  .blog-card__title,
  .career-value__title,
  .pricing-card__tier,
  .secrets-card__title,
  .split-card__title,
  .contact-card__column h3,
  .vending-card__title,
  .vending-panel__title,
  .vending-detail__section-title,
  .showcase__card h3 {
    font-size: var(--text-subheading);
    font-weight: var(--weight-medium);
    line-height: var(--leading-body);
    letter-spacing: var(--tracking-subheading);
  }

  
  .page-header__subtitle,
  .proof-strip__subtitle,
  .pricing-section__subtitle,
  .career-cta__subtitle,
  .pricing-cta__subtitle,
  .contact-card__text,
  .community__subtitle {
    font-size: var(--text-body);
    line-height: var(--leading-relaxed);
  }

  
  .search-results__section,
  .search-filters__pill,
  .post-header__category,
  .vending-panel__label {
    font-family: var(--font-label);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-caption);
  }

  .page-docs-single article {
    min-width: 0;
  }
}@layer utilities{.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .hidden { display: none; }

  

  .text-xs { font-size: var(--text-xs); }
  .text-sm { font-size: var(--text-sm); }
  .text-base { font-size: var(--text-base); }
  .text-lg { font-size: var(--text-lg); }
  .text-xl { font-size: var(--text-xl); }
  .text-center { text-align: center; }
  .text-left { text-align: left; }
  .text-muted { color: var(--color-ink-muted); }
  .text-danger { color: var(--color-danger); }

  

  .link {
    color: var(--color-link);
    text-decoration: underline;
    text-decoration-color: oklch(var(--lch-teal-600) / 0.4);
    text-underline-offset: 2px;

    &:hover {
      text-decoration-color: var(--color-link);
      opacity: 1;
    }
  }

  

  .block { display: block; }
  .inline-flex { display: inline-flex; }
  .flex { display: flex; }
  .grid { display: grid; }

  

  .flex-col { flex-direction: column; }
  .flex-wrap { flex-wrap: wrap; }
  .items-center { align-items: center; }
  .items-start { align-items: flex-start; }
  .justify-center { justify-content: center; }
  .justify-between { justify-content: space-between; }

  

  .gap-1 { gap: var(--space-1); }
  .gap-2 { gap: var(--space-2); }
  .gap-3 { gap: var(--space-3); }
  .gap-4 { gap: var(--space-4); }
  .gap-6 { gap: var(--space-6); }
  .gap-8 { gap: var(--space-8); }

  

  .p-0 { padding: 0; }
  .p-4 { padding: var(--space-4); }
  .p-6 { padding: var(--space-6); }
  .p-8 { padding: var(--space-8); }

  .m-0 { margin: 0; }
  .mx-auto { margin-inline: auto; }
  .mt-4 { margin-top: var(--space-4); }
  .mt-8 { margin-top: var(--space-8); }
  .mb-4 { margin-bottom: var(--space-4); }
  .mb-8 { margin-bottom: var(--space-8); }

  

  .w-full { width: 100%; }

  

  @media (any-hover: none) and (pointer: coarse) {
    .hide-on-touch { display: none; }
  }

  @media (any-hover: hover) and (pointer: fine) {
    .show-on-touch { display: none; }
  }

  

  .card-grid {
    --card-grid-gap: var(--space-6);
    display: grid;
    gap: var(--card-grid-gap);
  }

  .card-grid--2 { grid-template-columns: repeat(2, 1fr); }
  .card-grid--3 { grid-template-columns: repeat(3, 1fr); }
  .card-grid--4 { grid-template-columns: repeat(4, 1fr); }
}@media(max-width:1024px){.card-grid--3,.card-grid--4{grid-template-columns:repeat(2,1fr)}.blog-hero__link{gap:var(--space-8);padding:var(--space-8)var(--space-10)}:root{--page-padding:24px}.mega__grid{grid-template-columns:var(--mega-columns-narrow)}.mega__col--spot{grid-column:1/-1;padding-inline-start:0;border-inline-start:0}.mega__col--spot .mega__spots{flex-direction:row}.mega__col--spot .mega__spot{flex:1}.hero__inner{flex-direction:column;text-align:center;gap:40px}.hero__content{align-items:center}.hero__actions{align-items:center}.hero__visual{width:100%;max-width:400px;height:auto;aspect-ratio:16/9}.feature-card{padding:48px;gap:40px}.splash--card .splash__inner{padding:48px}.feature-card__content{flex:0 0 50%}.feature-card__visual{width:280px}.footer{padding:60px 32px 40px}.footer__top{flex-direction:column;gap:var(--space-10)}.footer__columns{grid-template-columns:repeat(2,1fr)}.compare-cards{grid-template-columns:repeat(2,1fr);max-width:none}.career-values{grid-template-columns:repeat(2,1fr)}.secrets-features{grid-template-columns:repeat(2,1fr)}.partner-logos{grid-template-columns:repeat(2,1fr)}.gcr-flagship{padding:var(--space-16)var(--page-padding)}.gcr-flagship__card{grid-template-columns:1fr;aspect-ratio:auto}.page-8gcr .pricing-comparison,.page-8gcr .pricing-section,.page-8gcr .proof-strip,.page-8gcr .faq-section,.page-8gcr .pricing-cta{padding-block:var(--space-20)}.chapter{padding:var(--space-8);gap:var(--space-8)}.chapter__visual{width:300px}.proof-strip__facts{grid-template-columns:repeat(2,1fr)}.split-card{padding:var(--space-8);gap:var(--space-8)}.split-card-row--3{grid-template-columns:repeat(2,1fr)}.pricing-cards{grid-template-columns:1fr;max-width:480px;margin-inline:auto}.pricing-cards--two{max-width:480px}.vending-detail{grid-template-columns:1fr}}@media(max-width:768px){:root{--page-padding:20px;--text-4xl:2.25rem;--text-3xl:1.75rem;--text-2xl:1.25rem}.navbar{padding:12px var(--page-padding)}.navbar__logo img{height:32px}.navbar__links{display:none}.mega,.navbar__scrim{display:none}.navbar__cta{display:none}.version-switcher{display:none}.navbar__burger{display:flex}.navbar__mobile{display:flex;flex-direction:column;position:fixed;top:56px;left:0;right:0;bottom:0;background:var(--color-canvas);padding:24px var(--page-padding);gap:8px;z-index:var(--z-navbar)}.hero{padding:40px var(--page-padding)}.hero__deploy-command{font-size:14px}.hero__visual{width:100%;max-width:300px;height:auto;aspect-ratio:1/1}.logo-ticker{justify-content:flex-start;gap:32px;padding:0 var(--page-padding);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar { display:none; }}.logo-ticker__item{width:80px;height:28px}.features{padding:60px var(--page-padding)0}.feature-card{flex-direction:column;padding:32px;gap:32px;position:relative;top:auto;box-shadow:none}.splash--card .splash__inner{padding:32px}.contact-card{padding:32px}.contact-card__columns{grid-template-columns:1fr;gap:var(--space-6)}.feature-card__content{flex:none;width:100%}.feature-card__visual{width:100%;aspect-ratio:4/3;order:-1}.card-grid--2,.card-grid--3,.card-grid--4{grid-template-columns:1fr}.community{padding:80px var(--page-padding)0}.community__inner{gap:40px}.community__cards{--card-grid-gap:var(--space-4)}.icon-card{padding:var(--space-8)}.newsletter{padding:48px var(--page-padding)}.newsletter__form{flex-direction:column;width:100%}.newsletter__input-wrap{width:100%}.newsletter__submit{width:100%}.footer{padding:48px var(--page-padding)32px}.footer__columns{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.footer__bottom{flex-direction:column;gap:var(--space-4);text-align:center}.footer__bottom-left{flex-direction:column;gap:var(--space-2)}.blog-hero__link{grid-template-columns:1fr;padding:var(--space-8)}.blog-hero__image{order:-1}.page-posts-list main{padding-block-start:48px}.post-header{padding-block-start:48px}.page-header{padding:40px var(--page-padding);min-height:auto}.docs-layout{padding-inline:var(--page-padding);padding-block:1rem;gap:1rem}.docs-sidebar{display:none}.search-trigger{display:none}.search-fab{display:flex}.search-modal{top:var(--space-4);width:calc(100vw - 2 * var(--page-padding))}.docs-sheet-trigger svg{flex-shrink:0}.prose--docs{font-size:var(--text-body)}.prose--docs h1{margin-block-end:var(--space-4)}.prose--docs h2{margin-block-start:var(--space-10);padding-block-start:var(--space-2)}.prose--docs table{font-size:var(--text-xs);width:100%}.prose--docs img{margin-block:var(--space-4);border-radius:var(--radius-md)}.prose--docs blockquote{padding:var(--space-3)var(--space-4)}.faq-item__question{padding:20px 24px;font-size:1rem}.faq-item__answer{padding:0 24px 20px;font-size:.875rem}.prose-section{padding:0 var(--page-padding)60px}.form-layout{grid-template-columns:1fr;gap:var(--space-8)}.compare-cards{grid-template-columns:1fr;max-width:480px;margin-inline:auto}.career-values{grid-template-columns:1fr}.career-section{padding:var(--space-10)var(--page-padding)var(--space-12)}.secrets-section{padding:var(--space-10)var(--page-padding)}.secrets-card{padding:var(--space-8)}.secrets-features{grid-template-columns:1fr}.secrets-radios{flex-direction:column;gap:var(--space-3)}.secrets-result{flex-direction:column}.partner-section{padding:var(--space-10)var(--page-padding)var(--space-12)}.partner-logos{grid-template-columns:1fr}.partner-listing{padding:var(--space-10)var(--page-padding)var(--space-12)}.career-job{flex-wrap:wrap}.career-job__badges{flex-wrap:wrap}.career-cta{padding:var(--space-12)var(--page-padding)}.gcr-flagship{padding:var(--space-12)var(--page-padding)}.gcr-flagship__visual{padding:var(--space-4)}.gcr-flagship__content{padding:var(--space-8)var(--space-6)}.page-8gcr .pricing-comparison,.page-8gcr .pricing-section,.page-8gcr .proof-strip,.page-8gcr .faq-section,.page-8gcr .pricing-cta{padding-block:var(--space-12)}.chapters{padding:var(--space-10)var(--page-padding)}.chapter,.chapter--reverse{flex-direction:column;padding:var(--space-6);gap:var(--space-6)}.chapter__visual{width:100%}.proof-strip{padding:var(--space-12)var(--page-padding)}.proof-strip__facts,.proof-strip__facts--2,.oss-links__list{grid-template-columns:1fr}.split-card{flex-direction:column;padding:var(--space-6);gap:var(--space-6)}.split-card--reverse{flex-direction:column}.split-card__visual{flex:none;width:100%}.split-card-row--2,.split-card-row--3{grid-template-columns:1fr}.pricing-section{padding:var(--space-10)var(--page-padding)var(--space-12)}.pricing-comparison__table{font-size:var(--text-sm)}.pricing-cta{padding:var(--space-12)var(--page-padding)}.pricing-cta__actions{flex-direction:column;align-items:center}.vending__grid{grid-template-columns:1fr}.vending-card,.vending-panel{padding:var(--space-6)}.vending-buybar{flex-direction:column;align-items:stretch}}@media(max-width:480px){:root{--text-4xl:1.875rem;--text-3xl:1.5rem}.feature-card{padding:24px;gap:24px}.splash--card .splash__inner{padding:24px}.footer__columns{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.pricing-card__amount{font-size:var(--text-3xl)}}@media(max-width:1024px){.hero__visual--diagram{width:100%;max-width:520px;aspect-ratio:auto}.continuum__track{grid-template-columns:repeat(2,1fr)}.continuum__stage--big,.continuum__stage--small,.continuum__stage--airgap{margin-block-start:0}.continuum__stage--airgap .continuum__card::before{display:none}.airgap{grid-template-columns:1fr;padding:var(--space-8)}.footer__columns--3{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.navbar__github{display:none}.hero__title{font-size:var(--text-3xl)}.hero__visual--diagram{max-width:none;aspect-ratio:auto;padding:var(--space-4)}.continuum__track{grid-template-columns:1fr}.airgap{padding:var(--space-6)var(--space-5)}.airgap__table tbody th{white-space:normal}.footer__columns--3{grid-template-columns:1fr}}