@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://cdn.grandopen.ai/brand/f655d47b-c36e-40f1-a35a-324946435ea8/source/inter-400.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://cdn.grandopen.ai/brand/f655d47b-c36e-40f1-a35a-324946435ea8/source/inter-600.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("https://cdn.grandopen.ai/brand/f655d47b-c36e-40f1-a35a-324946435ea8/source/inter-800.ttf") format("truetype"); }
/* Grand Open brand.css — Grand Open v1.
   Generated from the BrandKit's theme; edit the BrandKit, not this file. */
@layer brand {
  :root {
    --go-color-bg: #f8f8f6;
    --go-color-surface: #ffffff;
    --go-color-text: #000000;
    --go-color-text-muted: #505a53;
    --go-color-border: #d5dad5;
    --go-color-primary: #1f3a2e;
    --go-color-primary-contrast: #ffffff;
    --go-color-accent: #1f3a2e;
    --go-color-focus: #1f3a2e;
    --go-font-body: "Inter", sans-serif;
    --go-font-heading: "Inter", sans-serif;
    --go-radius-sm: 4px;
    --go-radius-md: 4px;
    --go-radius-lg: 8px;
    --go-radius-full: 9999px;
    --go-container-width: 80rem;
    --go-container-gutter: 1.5rem;
  }

  body {
    font-family: var(--go-font-body);
    font-weight: 400;
    font-size: clamp(16px, 0.956rem + 0.1878vw, 18px);
    line-height: 1.6;
    letter-spacing: -0.02em;
  }

  h1 {
    font-family: var(--go-font-heading);
    font-weight: 800;
    font-size: clamp(56px, 1.9155rem + 6.7606vw, 128px);
    line-height: 0.96;
    letter-spacing: -0.075em;
  }

  h2 {
    font-family: var(--go-font-heading);
    font-weight: 800;
    font-size: clamp(36px, 1.6338rem + 2.6291vw, 64px);
    line-height: 1.02;
    letter-spacing: -0.065em;
  }

  h3 {
    font-family: var(--go-font-heading);
    font-weight: 600;
    font-size: clamp(24px, 1.412rem + 0.3756vw, 28px);
    line-height: 1.15;
    letter-spacing: -0.045em;
  }

  .go-lead {
    font-family: var(--go-font-heading);
    font-weight: 400;
    font-size: clamp(18px, 1.037rem + 0.3756vw, 22px);
    line-height: 1.55;
    letter-spacing: -0.025em;
  }

  small, .go-small {
    font-family: var(--go-font-heading);
    font-weight: 400;
    font-size: clamp(12px, 0.728rem + 0.0939vw, 13px);
    line-height: 1.5;
    letter-spacing: 0em;
  }

  .go-eyebrow {
    font-family: "Courier New", monospace;
    font-weight: 400;
    font-size: clamp(11px, 0.6655rem + 0.0939vw, 12px);
    line-height: 1.5;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .go-button {
    font-family: var(--go-font-heading);
    font-weight: 600;
    font-size: clamp(15px, 0.9155rem + 0.0939vw, 16px);
    line-height: 1.2;
    letter-spacing: -0.015em;
    background: var(--go-color-primary);
    color: var(--go-color-primary-contrast);
    border-radius: 4px;
    padding: 1rem 1.75rem;
  }

  .go-button:hover {
    background: var(--go-color-text);
  }
}
