@charset "UTF-8";
/* -------------------------------------------------------------------------- */
/* 0x - Core Infrastructure                                                        */
/* -------------------------------------------------------------------------- */
/* ========================================================================= */
/* ↓ Foundation — System Laws                                                  */
/* ========================================================================= */
@layer ss.reset; /* Browser normalization and base calibration */
@layer ss.lexicon; /* Design vocabulary (tokens, scales, primitives) */
@layer ss.rhythm; /* Baseline grid and proportional rules */
/* ========================================================================= */
/* - Expression — Design Systems                                               */
/* ========================================================================= */
@layer ss.typography; /* Paragraph and character hierarchy */
@layer ss.flow; /* Micro spatial grammar (stack, cluster, flow) */
@layer ss.layout; /* Macro page structure (grid, regions, containers) */
@layer ss.appearance; /* Surface treatment (fill, stroke, elevation) */
/* ========================================================================= */
/* ↑ Assembly — Meaning & Integration                                          */
/* ========================================================================= */
@layer ss.components; /* Named editorial compositions (UI components) */
@layer ss.utilities; /* Explicit, opt-in overrides */
@layer ss.overrides; /* Integration, legacy, and emergency patches */
/* -------------------------------------------------------------------------- */
/* 1x - Foundation — System Laws                                                   */
/* -------------------------------------------------------------------------- */
@layer ss.reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
  }
  body {
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
  }
  main {
    display: block;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 0.0625rem;
  }
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
  }
  summary {
    display: list-item;
  }
  [hidden] {
    display: none !important;
  }
}
@layer ss.reset {
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  ::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  :-moz-focusring {
    outline: 0.0625rem dotted ButtonText;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  textarea {
    resize: vertical;
  }
  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  legend {
    padding: 0;
  }
  progress {
    vertical-align: baseline;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -0.125rem;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
}
@layer ss.reset {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
  }
  p {
    margin: 0;
  }
  ul,
  ol {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  abbr[title] {
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 1em;
  }
  pre {
    margin: 0;
    overflow: auto;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote::before,
  blockquote::after,
  q::before,
  q::after {
    content: "";
  }
  address {
    font-style: inherit;
  }
}
@layer ss.typography {
  html {
    font-smooth: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-style: normal;
    font-language-override: normal;
    font-optical-sizing: auto;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-kerning: normal;
    font-feature-settings: "kern" 1, "liga" 1;
    font-size-adjust: none;
    font-stretch: 100%;
    color: var(--ss-color-text-primary);
    background-color: transparent;
    font-family: var(--ss-font-family-sans);
  }
  .ss-font-sans {
    font-smooth: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-style: normal;
    font-language-override: normal;
    font-optical-sizing: auto;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-kerning: normal;
    font-feature-settings: "kern" 1, "liga" 1;
    font-size-adjust: none;
    font-stretch: 100%;
    color: var(--ss-color-text-primary);
    background-color: transparent;
    font-family: var(--ss-font-family-sans);
  }
  .ss-font-serif {
    font-smooth: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-style: normal;
    font-language-override: normal;
    font-optical-sizing: auto;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-kerning: normal;
    font-feature-settings: "kern" 1, "liga" 1;
    font-size-adjust: none;
    font-stretch: 100%;
    color: var(--ss-color-text-primary);
    background-color: transparent;
    font-family: var(--ss-font-family-serif);
  }
  .ss-font-slab {
    font-smooth: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-style: normal;
    font-language-override: normal;
    font-optical-sizing: auto;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-kerning: normal;
    font-feature-settings: "kern" 1, "liga" 1;
    font-size-adjust: none;
    font-stretch: 100%;
    color: var(--ss-color-text-primary);
    background-color: transparent;
    font-family: var(--ss-font-family-slab);
  }
  .ss-font-mono {
    font-smooth: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-style: normal;
    font-language-override: normal;
    font-optical-sizing: auto;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-kerning: normal;
    font-feature-settings: "kern" 1, "liga" 1;
    font-size-adjust: none;
    font-stretch: 100%;
    color: var(--ss-color-text-primary);
    background-color: transparent;
    font-family: var(--ss-font-family-mono);
  }
}
@layer ss.typography {
  .ss-text-1 {
    font-size: 0.25rem;
    line-height: 0.3125rem;
  }
  .ss-text-2 {
    font-size: 0.5rem;
    line-height: 0.625rem;
  }
  .ss-text-3 {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
  .ss-text-4 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .ss-text-5 {
    font-size: 1.25rem;
    line-height: 1.5625rem;
  }
  .ss-text-6 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .ss-text-7 {
    font-size: 1.75rem;
    line-height: 2.1875rem;
  }
  .ss-text-8 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .ss-text-9 {
    font-size: 2.25rem;
    line-height: 2.8125rem;
  }
  .ss-text-10 {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
  .ss-text-11 {
    font-size: 2.75rem;
    line-height: 3.4375rem;
  }
  .ss-text-12 {
    font-size: 3rem;
    line-height: 3.75rem;
  }
}
@layer ss.typography {
  .ss-weight-thin {
    font-weight: 100;
    font-variation-settings: "wght" 100, "wdth" 100;
  }
  .ss-weight-extra-light {
    font-weight: 200;
    font-variation-settings: "wght" 200, "wdth" 100;
  }
  .ss-weight-light {
    font-weight: 300;
    font-variation-settings: "wght" 300, "wdth" 100;
  }
  .ss-weight-regular {
    font-weight: 400;
    font-variation-settings: "wght" 400, "wdth" 100;
  }
  .ss-weight-medium {
    font-weight: 500;
    font-variation-settings: "wght" 500, "wdth" 100;
  }
  .ss-weight-semibold {
    font-weight: 600;
    font-variation-settings: "wght" 600, "wdth" 100;
  }
  .ss-weight-bold {
    font-weight: 700;
    font-variation-settings: "wght" 700, "wdth" 100;
  }
  .ss-weight-extra-bold {
    font-weight: 800;
    font-variation-settings: "wght" 800, "wdth" 100;
  }
  .ss-weight-black {
    font-weight: 900;
    font-variation-settings: "wght" 900, "wdth" 100;
  }
}
@layer ss.typography {
  .ss-tracking-0 {
    letter-spacing: 0;
  }
  .ss-tracking--0 {
    letter-spacing: 0;
  }
  .ss-tracking-1 {
    letter-spacing: 0.01em;
  }
  .ss-tracking--1 {
    letter-spacing: -0.01em;
  }
  .ss-tracking-2 {
    letter-spacing: 0.02em;
  }
  .ss-tracking--2 {
    letter-spacing: -0.02em;
  }
  .ss-tracking-3 {
    letter-spacing: 0.03em;
  }
  .ss-tracking--3 {
    letter-spacing: -0.03em;
  }
  .ss-tracking-4 {
    letter-spacing: 0.04em;
  }
  .ss-tracking--4 {
    letter-spacing: -0.04em;
  }
  .ss-tracking-5 {
    letter-spacing: 0.05em;
  }
  .ss-tracking--5 {
    letter-spacing: -0.05em;
  }
  .ss-tracking-6 {
    letter-spacing: 0.06em;
  }
  .ss-tracking--6 {
    letter-spacing: -0.06em;
  }
  .ss-tracking-7 {
    letter-spacing: 0.07em;
  }
  .ss-tracking--7 {
    letter-spacing: -0.07em;
  }
  .ss-tracking-8 {
    letter-spacing: 0.08em;
  }
  .ss-tracking--8 {
    letter-spacing: -0.08em;
  }
  .ss-tracking-9 {
    letter-spacing: 0.09em;
  }
  .ss-tracking--9 {
    letter-spacing: -0.09em;
  }
  .ss-tracking-10 {
    letter-spacing: 0.1em;
  }
  .ss-tracking--10 {
    letter-spacing: -0.1em;
  }
  .ss-tracking-11 {
    letter-spacing: 0.11em;
  }
  .ss-tracking--11 {
    letter-spacing: -0.11em;
  }
  .ss-tracking-12 {
    letter-spacing: 0.12em;
  }
  .ss-tracking--12 {
    letter-spacing: -0.12em;
  }
}
@layer ss.typography {
  .ss-t-text-align--left {
    text-align: left !important;
    text-align-last: left !important;
  }
  .ss-t-text-align--center {
    text-align: center !important;
    text-align-last: center !important;
  }
  .ss-t-text-align--right {
    text-align: right !important;
    text-align-last: right !important;
  }
  .ss-t-text-align--justify {
    text-align: justify !important;
    text-align-last: justify !important;
    text-justify: inter-word;
  }
  .ss-t-text-align--justify--left {
    text-align: justify !important;
    text-align-last: justify !important;
    text-justify: inter-word;
    direction: ltr;
  }
  .ss-t-text-align--justify--right {
    text-align: justify !important;
    text-align-last: justify !important;
    text-justify: inter-word;
    direction: rtl;
  }
}
@layer ss.typography {}
@layer ss.typography {}
@layer ss.typography {}
@layer ss.typography {
  .ss-t-character-default {
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
  }
}
@layer ss.typography {
  .ss-t-text-normal {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
  }
}
@layer ss.typography {
  .ss-t-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
  }
}
@layer ss.typography {
  .ss-t-accent {
    color: var(--ss-color-accent);
  }
  .ss-t-primary {
    color: var(--ss-color-primary);
  }
  .ss-t-highlight {
    color: var(--ss-color-foreground);
    padding-inline: var(--ss-spacing-1);
  }
}
@layer ss.typography {
  .ss-t-bold {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-weight: 600;
    font-style: inherit;
    font-size: inherit;
  }
  strong,
  b {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-weight: 600;
    font-style: inherit;
    font-size: inherit;
  }
}
@layer ss.typography {
  .ss-t-char-uppercase {
    text-transform: uppercase;
  }
  .ss-t-char-smallcaps {
    font-variant-caps: small-caps;
  }
}
@layer ss.typography {
  .ss-t-char-emphasis {
    text-emphasis-style: filled dot;
    text-emphasis-color: var(--ss-color-text-primary);
    text-emphasis-position: over left;
    -webkit-text-emphasis: filled dot var(--ss-color-text-primary);
  }
  .ss-t-char-emphasis-dot {
    text-emphasis-style: filled dot;
    text-emphasis-color: var(--ss-color-text-primary);
    text-emphasis-position: over left;
    -webkit-text-emphasis: filled dot var(--ss-color-text-primary);
  }
  .ss-t-char-emphasis-circle {
    text-emphasis-style: filled circle;
    text-emphasis-color: var(--ss-color-text-primary);
    text-emphasis-position: over left;
    -webkit-text-emphasis: filled circle var(--ss-color-text-primary);
  }
}
@layer ss.typography {
  .ss-t-italic {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-style: italic;
    font-weight: 300;
    font-size: inherit;
  }
  i,
  em {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-style: italic;
    font-weight: 300;
    font-size: inherit;
  }
}
@layer ss.typography {
  .ss-t-underline {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: var(--ss-a-border-thin);
    text-decoration-color: var(--ss-color-text-primary);
    text-decoration-skip-ink: auto;
    text-underline-position: under;
    text-underline-offset: auto;
  }
  .ss-t-overline {
    text-decoration-line: overline;
    text-decoration-style: solid;
    text-decoration-thickness: var(--ss-a-border-thin);
    text-decoration-color: var(--ss-color-text-primary);
  }
  .ss-t-line-through {
    text-decoration-line: line-through;
    text-decoration-style: solid;
    text-decoration-thickness: var(--ss-a-border-thin);
    text-decoration-color: var(--ss-color-text-primary);
  }
  .ss-t-underline-alt {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: var(--ss-a-border-thin);
    text-decoration-color: var(--ss-color-accent-tertiary);
    text-decoration-skip-ink: auto;
    text-underline-position: under;
    text-underline-offset: auto;
  }
  .ss-t-overline-alt {
    text-decoration-line: overline;
    text-decoration-style: solid;
    text-decoration-thickness: var(--ss-a-border-thin);
    text-decoration-color: var(--ss-color-accent-tertiary);
  }
  .ss-t-line-through-alt {
    text-decoration-line: line-through;
    text-decoration-style: solid;
    text-decoration-thickness: var(--ss-a-border-thin);
    text-decoration-color: var(--ss-color-accent-tertiary);
  }
}
@layer ss.typography {
  .ss-t-oblique {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-style: oblique;
    font-weight: 400;
    font-size: inherit;
  }
}
@layer ss.typography {
  .ss-t-sub {
    font-size: 0.75em;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
    bottom: 0.25em;
  }
  .ss-t-super {
    font-size: 0.75em;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
    top: 0.5em;
  }
  sub {
    font-size: 0.75em;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
    bottom: 0.25em;
  }
  sup {
    font-size: 0.75em;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
    top: 0.5em;
  }
}
@layer ss.typography {
  .ss-t-text-xs {
    font-size: var(--ss-font-size-xs);
  }
  .ss-t-text-sm {
    font-size: var(--ss-font-size-sm);
  }
  .ss-t-text-base {
    font-size: var(--ss-font-size-base);
  }
  .ss-t-text-lg {
    font-size: var(--ss-font-size-lg);
  }
  .ss-t-text-xl {
    font-size: var(--ss-font-size-xl);
  }
  .ss-t-text-2xl {
    font-size: var(--ss-font-size-2xl);
  }
  .ss-t-text-3xl {
    font-size: var(--ss-font-size-3xl);
  }
  .ss-t-text-4xl {
    font-size: var(--ss-font-size-4xl);
  }
  .ss-t-text-5xl {
    font-size: var(--ss-font-size-5xl);
  }
  .ss-t-text-6xl {
    font-size: var(--ss-font-size-6xl);
  }
  .ss-t-text-smaller {
    font-size: smaller;
  }
  .ss-t-text-larger {
    font-size: larger;
  }
}
@layer ss.typography {
  .ss-t-small {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-size: 0.875em;
    line-height: 1.2;
  }
  .ss-t-small-bold {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-size: 0.875em;
    line-height: 1.2;
    font-weight: 600;
  }
  .ss-t-small-italic {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-size: 0.875em;
    line-height: 1.2;
    font-style: italic;
  }
  small {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-size: 0.875em;
    line-height: 1.2;
  }
}
@layer ss.typography {
  .ss-t-style-normal {
    font-style: normal;
  }
  .ss-t-italic {
    font-style: italic;
  }
  .ss-t-oblique {
    font-style: oblique;
  }
  .ss-t-underline {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-offset: 0.2em;
  }
  .ss-t-underline-dotted {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.2em;
  }
  .ss-t-underline-dashed {
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 0.2em;
  }
  .ss-t-underline-wavy {
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-underline-offset: 0.2em;
  }
  .ss-t-overline {
    text-decoration-line: overline;
    text-decoration-style: solid;
  }
  .ss-t-strikethrough {
    text-decoration-line: line-through;
  }
  .ss-t-no-decoration {
    text-decoration: none;
  }
}
@layer ss.typography {
  .ss-t-font-thin {
    font-weight: var(--ss-font-weight-thin);
  }
  .ss-t-font-extralight {
    font-weight: var(--ss-font-weight-extralight);
  }
  .ss-t-font-light {
    font-weight: var(--ss-font-weight-light);
  }
  .ss-t-font-regular {
    font-weight: var(--ss-font-weight-normal);
  }
  .ss-t-font-medium {
    font-weight: var(--ss-font-weight-medium);
  }
  .ss-t-font-semibold {
    font-weight: var(--ss-font-weight-semibold);
  }
  .ss-t-font-bold {
    font-weight: var(--ss-font-weight-bold);
  }
  .ss-t-font-extrabold {
    font-weight: var(--ss-font-weight-extrabold);
  }
  .ss-t-font-black {
    font-weight: var(--ss-font-weight-black);
  }
}
@layer ss.typography {
  abbr[title] {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    text-decoration: underline dotted;
    cursor: help;
    position: relative;
  }
  abbr[title]:hover::after, abbr[title]:focus::after {
    content: attr(title);
    left: 0;
    bottom: calc(-1 * 2rem);
    white-space: nowrap;
    color: var(--ss-color-surface, #ffffff);
    font-size: 0.875rem;
    padding: 0.1875rem 0.3125rem;
    pointer-events: none;
  }
  .ss-t-char-abbr {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    text-decoration: underline dotted;
    cursor: help;
    position: relative;
  }
  .ss-t-char-abbr:hover::after, .ss-t-char-abbr:focus::after {
    content: attr(title);
    left: 0;
    bottom: calc(-1 * 2rem);
    white-space: nowrap;
    color: var(--ss-color-surface, #ffffff);
    font-size: 0.875rem;
    padding: 0.1875rem 0.3125rem;
    pointer-events: none;
  }
}
@layer ss.typography {
  code:not(pre *),
  kbd:not(pre *),
  samp:not(pre *) {
    font-family: var(--font-family-mono);
    font-size: 0.875em;
    font-weight: 400;
    color: var(--color_text_primary);
    padding-inline: 0.125rem;
    padding-block: 0.0625rem;
  }
  pre[data-line-numbers] {
    position: relative;
    padding-inline-start: 3.5em;
  }
  pre[data-line-numbers] .line-number {
    inset-inline-start: 0;
    text-align: right;
    color: #999;
    border-inline-end: 0.0625rem solid #ddd;
    padding-inline-end: 0.5em;
    line-height: 1.6;
    user-select: none;
    pointer-events: none;
  }
  .ss-t-code--numbered {
    position: relative;
    padding-inline-start: 3.5em;
  }
  .ss-t-code--numbered .line-number {
    inset-inline-start: 0;
    text-align: right;
    color: #999;
    border-inline-end: 0.0625rem solid #ddd;
    padding-inline-end: 0.5em;
    line-height: 1.6;
    user-select: none;
    pointer-events: none;
  }
}
@layer ss.typography {
  a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    color: var(--ss-color-state-link);
    text-decoration: none;
    cursor: pointer;
  }
  a:hover {
    color: var(--ss-color-state-hover);
  }
  a:active {
    color: var(--ss-color-state-active);
  }
  .ss-t-char-link {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    color: var(--ss-color-state-link);
    text-decoration: none;
    cursor: pointer;
  }
  .ss-t-char-link:hover {
    color: var(--ss-color-state-hover);
  }
  .ss-t-char-link:active {
    color: var(--ss-color-state-active);
  }
  .ss-t-char-link-underlined {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    color: var(--ss-color-state-link);
    text-decoration: none;
    cursor: pointer;
  }
  .ss-t-char-link-underlined:hover {
    color: var(--ss-color-state-hover);
  }
  .ss-t-char-link-underlined:active {
    color: var(--ss-color-state-active);
  }
  .ss-t-char-link-underlined {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: var(--ss-a-border-thin);
    text-decoration-color: var(--ss-color-text-primary);
    text-decoration-skip-ink: auto;
    text-underline-position: under;
    text-underline-offset: auto;
  }
}
@layer ss.typography {
  .ss-t-quote {
    color: var(--ss-color-text-muted);
    font-style: italic;
    margin: 0;
    padding: 0;
  }
  .ss-t-quote-symbols::before {
    content: "“";
    padding-right: 0.25em;
  }
  .ss-t-quote-symbols::after {
    content: "”";
    padding-left: 0.25em;
  }
  q {
    color: var(--ss-color-text-muted);
    font-style: italic;
    margin: 0;
    padding: 0;
    quotes: none;
  }
  q::before, q::after {
    content: none;
  }
  blockquote {
    color: var(--ss-color-text-muted);
    font-style: italic;
    margin: 0;
    padding: 0;
  }
}
@layer ss.typography {
  p {
    text-indent: 0;
    text-justify: none;
    text-overflow: clip;
    text-transform: none;
    text-decoration: none;
    margin-block-end: 1.25rem;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  p:empty {
    display: none;
  }
  p:last-of-type {
    margin-block-end: 0;
  }
  .ss-t-paragraph {
    text-indent: 0;
    text-justify: none;
    text-overflow: clip;
    text-transform: none;
    text-decoration: none;
    margin-block-end: 1.25rem;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .ss-t-paragraph:empty {
    display: none;
  }
  .ss-t-paragraph:last-of-type {
    margin-block-end: 0;
  }
}
@layer ss.typography {
  .ss-t-p-reset {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-indent: 0;
    text-align: start;
    hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }
  .ss-t-p-reset-spacing {
    margin: 0;
    padding: 0;
  }
}
@layer ss.typography {
  .ss-t-body {
    font-size: var(--ss-font-size-base);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    max-width: var(--ss-measure);
    margin-block-end: var(--ss-vspace-md);
  }
  .ss-t-body:last-child {
    margin-block-end: 0;
  }
  .ss-t-body-sm {
    font-size: var(--ss-font-size-base);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    max-width: var(--ss-measure);
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-normal);
  }
  .ss-t-body-md {
    font-size: var(--ss-font-size-base);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    max-width: var(--ss-measure);
    font-size: var(--ss-font-size-base);
    line-height: var(--ss-leading-relaxed);
  }
  .ss-t-body-lg {
    font-size: var(--ss-font-size-base);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    max-width: var(--ss-measure);
    font-size: var(--ss-font-size-lg);
    line-height: var(--ss-leading-relaxed);
  }
}
@layer ss.typography {
  .ss-t-lead {
    font-size: var(--ss-font-size-xl);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    color: var(--ss-color-muted-foreground);
    max-width: var(--ss-measure-wide);
    margin-block-end: var(--ss-vspace-lg);
  }
  .ss-t-lead:last-child {
    margin-block-end: 0;
  }
  .ss-t-lead-sm {
    font-size: var(--ss-font-size-xl);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    color: var(--ss-color-muted-foreground);
    max-width: var(--ss-measure-wide);
    font-size: var(--ss-font-size-lg);
  }
  .ss-t-lead-md {
    font-size: var(--ss-font-size-xl);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    color: var(--ss-color-muted-foreground);
    max-width: var(--ss-measure-wide);
    font-size: var(--ss-font-size-xl);
  }
  .ss-t-lead-lg {
    font-size: var(--ss-font-size-xl);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    color: var(--ss-color-muted-foreground);
    max-width: var(--ss-measure-wide);
    font-size: var(--ss-font-size-2xl);
  }
  .ss-t-lead-center {
    font-size: var(--ss-font-size-xl);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    color: var(--ss-color-muted-foreground);
    max-width: var(--ss-measure-wide);
    text-align: center;
    margin-inline: auto;
  }
}
@layer ss.typography {
  .ss-t-small {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-normal);
    font-weight: var(--ss-font-weight-normal);
    color: var(--ss-color-muted-foreground);
    margin-block-end: var(--ss-vspace-sm);
  }
  .ss-t-small:last-child {
    margin-block-end: 0;
  }
  .ss-t-xs {
    font-size: var(--ss-font-size-xs);
    line-height: var(--ss-leading-normal);
    color: var(--ss-color-muted-foreground);
  }
  .ss-t-fine-print {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-normal);
    font-weight: var(--ss-font-weight-normal);
    color: var(--ss-color-muted-foreground);
    color: var(--ss-color-muted-foreground);
  }
}
@layer ss.typography {
  address {
    font-size: var(--ss-font-size-04);
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    margin-block: 0 1rem;
    color: var(--ss-color-text-primary);
  }
  .ss-t-address {
    font-size: var(--ss-font-size-04);
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    margin-block: 0 1rem;
    color: var(--ss-color-text-primary);
  }
}
@layer ss.typography {
  .ss-t-aside {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    font-style: italic;
    color: var(--ss-color-muted-foreground);
    padding: var(--ss-space-4);
    margin-block: var(--ss-vspace-md);
  }
  .ss-t-aside-note {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    font-style: italic;
    color: var(--ss-color-muted-foreground);
    padding: var(--ss-space-4);
    margin-block: var(--ss-vspace-md);
    border-inline-start: 0.25rem solid var(--ss-color-info);
  }
  .ss-t-aside-tip {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    font-style: italic;
    color: var(--ss-color-muted-foreground);
    padding: var(--ss-space-4);
    margin-block: var(--ss-vspace-md);
    border-inline-start: 0.25rem solid var(--ss-color-success);
  }
  .ss-t-aside-warning {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    font-style: italic;
    color: var(--ss-color-muted-foreground);
    padding: var(--ss-space-4);
    margin-block: var(--ss-vspace-md);
    border-inline-start: 0.25rem solid var(--ss-color-warning);
  }
  .ss-t-callout {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    font-style: italic;
    color: var(--ss-color-muted-foreground);
    padding: var(--ss-space-4);
    margin-block: var(--ss-vspace-md);
  }
  .ss-t-sidebar {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-normal);
    font-style: italic;
    color: var(--ss-color-muted-foreground);
    padding: var(--ss-space-4);
    margin-block: var(--ss-vspace-md);
    max-width: 30ch;
    float: right;
    margin-inline-start: var(--ss-space-4);
  }
}
@layer ss.typography {
  blockquote {
    padding: var(--ss-space-6);
    margin: var(--ss-space-8) 0;
    border-left-width: 0.25rem;
    border-left-style: solid;
    border-left-color: var(--ss-color-border-muted);
    color: var(--ss-color-foreground);
    font-size: var(--ss-font-size-lg);
    font-style: italic;
    font-weight: 400;
    line-height: var(--ss-leading-relaxed);
    position: relative;
  }
  blockquote > p:last-child {
    margin-bottom: 0;
  }
  .ss-t-blockquote {
    padding: var(--ss-space-6);
    margin: var(--ss-space-8) 0;
    border-left-width: 0.25rem;
    border-left-style: solid;
    border-left-color: var(--ss-color-border-muted);
    color: var(--ss-color-foreground);
    font-size: var(--ss-font-size-lg);
    font-style: italic;
    font-weight: 400;
    line-height: var(--ss-leading-relaxed);
    position: relative;
  }
  .ss-t-blockquote > p:last-child {
    margin-bottom: 0;
  }
  .ss-t-blockquote--decorated {
    padding: var(--ss-space-6);
    margin: var(--ss-space-8) 0;
    border-left-width: 0.25rem;
    border-left-style: solid;
    border-left-color: var(--ss-color-border-muted);
    color: var(--ss-color-foreground);
    font-size: var(--ss-font-size-lg);
    font-style: italic;
    font-weight: 400;
    line-height: var(--ss-leading-relaxed);
    position: relative;
  }
  .ss-t-blockquote--decorated > p:last-child {
    margin-bottom: 0;
  }
  .ss-t-blockquote--decorated::before {
    content: open-quote;
    top: 0;
    font-size: 3rem;
    color: var(--ss-color-muted-foreground);
    line-height: 1;
  }
  .ss-t-blockquote--decorated {
    quotes: "“" "”" "‘" "’";
  }
}
@layer ss.typography {
  .ss-t-caption {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-relaxed);
    color: var(--ss-color-muted-foreground);
    max-width: var(--ss-measure-caption);
  }
  .ss-t-label {
    font-size: var(--ss-font-size-sm);
    font-weight: var(--ss-font-weight-medium);
    line-height: var(--ss-leading-tight);
  }
  .ss-t-overline {
    font-size: var(--ss-font-size-xs);
    font-weight: var(--ss-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--ss-tracking-wider);
  }
}
@layer ss.typography {
  cite {
    font-size: inherit;
    font-style: italic;
    line-height: inherit;
    text-transform: none;
    margin: 0;
    color: var(--ss-color-muted-foreground);
    display: inline;
  }
  .ss-t-paragraph--cite {
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.42;
    text-transform: uppercase;
    margin: 1rem 0 0;
    color: var(--ss-color-muted-foreground);
    display: block;
  }
}
@layer ss.typography {
  pre {
    font-family: var(--ss-font-family-mono);
    max-width: 100%;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    color: var(--ss-color-code-foreground);
    padding: 1rem;
    margin: 1rem 0;
  }
  .ss-t-paragraph--code {
    font-family: var(--ss-font-family-mono);
    max-width: 100%;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    color: var(--ss-color-code-foreground);
    padding: 1rem;
    margin: 1rem 0;
  }
}
@layer ss.typography {
  h1 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-5xl, 3rem);
  }
  h2 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-4xl, 2.25rem);
  }
  h3 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-3xl, 1.875rem);
  }
  h4 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-2xl, 1.5rem);
  }
  h5 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-xl, 1.25rem);
  }
  h6 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-lg, 1.125rem);
  }
  .ss-t-h1 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-5xl, 3rem);
  }
  .ss-t-h2 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-4xl, 2.25rem);
  }
  .ss-t-h3 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-3xl, 1.875rem);
  }
  .ss-t-h4 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-2xl, 1.5rem);
  }
  .ss-t-h5 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-xl, 1.25rem);
  }
  .ss-t-h6 {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-lg, 1.125rem);
  }
  .ss-t-h1--caps {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-5xl, 3rem);
    text-transform: uppercase;
  }
  .ss-t-h2--caps {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-4xl, 2.25rem);
    text-transform: uppercase;
  }
  .ss-t-h3--caps {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-3xl, 1.875rem);
    text-transform: uppercase;
  }
  .ss-t-h4--caps {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-2xl, 1.5rem);
    text-transform: uppercase;
  }
  .ss-t-h5--caps {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-xl, 1.25rem);
    text-transform: uppercase;
  }
  .ss-t-h6--caps {
    font-family: inherit;
    font-weight: var(--ss-font-weight-bold, 700);
    color: var(--ss-color-text-primary, var(--ss-color-text, #1a1a1a));
    line-height: 1.2;
    margin-block: 1.5rem 1rem;
    font-size: var(--ss-font-size-lg, 1.125rem);
    text-transform: uppercase;
  }
}
@layer ss.typography {
  .ss-t-intro {
    font-size: var(--ss-font-size-lg);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-medium);
    color: var(--ss-color-foreground);
    max-width: var(--ss-measure-wide);
    margin-block-end: var(--ss-vspace-xl);
    border-block-end: 0.0625rem solid var(--ss-color-border);
    padding-block-end: var(--ss-vspace-lg);
  }
  .ss-t-intro-simple {
    font-size: var(--ss-font-size-lg);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-medium);
    color: var(--ss-color-foreground);
    max-width: var(--ss-measure-wide);
    margin-block-end: var(--ss-vspace-xl);
    border-block-end: none;
    padding-block-end: 0;
  }
  .ss-t-intro-bold {
    font-size: var(--ss-font-size-xl);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-bold);
    color: var(--ss-color-foreground);
    max-width: var(--ss-measure-wide);
    margin-block-end: var(--ss-vspace-xl);
  }
  .ss-t-intro-highlight {
    font-size: var(--ss-font-size-lg);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-medium);
    color: var(--ss-color-foreground);
    max-width: var(--ss-measure-wide);
    margin-block-end: var(--ss-vspace-xl);
    padding: var(--ss-space-4);
  }
  .ss-t-standfirst {
    font-size: var(--ss-font-size-lg);
    line-height: var(--ss-leading-relaxed);
    font-weight: var(--ss-font-weight-medium);
    color: var(--ss-color-foreground);
    max-width: var(--ss-measure-wide);
    margin-block-end: var(--ss-vspace-xl);
    border-block-end: 0.0625rem solid var(--ss-color-border);
    padding-block-end: var(--ss-vspace-lg);
  }
}
@layer ss.typography {
  .ss-t-legal {
    font-size: var(--ss-font-size-xs);
    line-height: var(--ss-leading-normal);
    font-weight: var(--ss-font-weight-normal);
    color: var(--ss-color-muted-foreground);
    margin-block: var(--ss-vspace-sm);
    padding-block-start: var(--ss-vspace-md);
    border-block-start: 0.0625rem solid var(--ss-color-border);
  }
  .ss-t-legal-plain {
    font-size: var(--ss-font-size-xs);
    line-height: var(--ss-leading-normal);
    color: var(--ss-color-muted-foreground);
    margin-block: var(--ss-vspace-sm);
    border-block-start: none;
    padding-block-start: 0;
  }
  .ss-t-disclaimer {
    font-size: var(--ss-font-size-xs);
    line-height: var(--ss-leading-normal);
    color: var(--ss-color-muted-foreground);
    font-style: italic;
    padding: var(--ss-space-3);
    margin-block: var(--ss-vspace-sm);
  }
  .ss-t-copyright {
    font-size: var(--ss-font-size-xs);
    line-height: var(--ss-leading-normal);
    color: var(--ss-color-muted-foreground);
    text-align: center;
    padding: 0;
  }
  .ss-t-terms {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-normal);
    color: var(--ss-color-muted-foreground);
    max-width: var(--ss-measure);
    margin-block: var(--ss-vspace-sm);
  }
  .ss-t-fine-print {
    font-size: var(--ss-font-size-xs);
    line-height: var(--ss-leading-normal);
    color: var(--ss-color-muted-foreground);
    margin-block: var(--ss-vspace-sm);
    border-block-start: none;
    padding-block-start: 0;
  }
}
@layer ss.typography {
  .ss-t-meta {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-normal);
    color: var(--ss-color-muted-foreground);
    font-style: normal;
  }
  .ss-t-byline {
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-normal);
    color: var(--ss-color-muted-foreground);
    font-style: italic;
  }
  .ss-t-timestamp {
    font-size: var(--ss-font-size-xs);
    line-height: var(--ss-leading-normal);
    color: var(--ss-color-muted-foreground);
    font-style: normal;
    font-variant-numeric: tabular-nums;
  }
}
@layer ss.typography {
  .ss-t-blockquote {
    font-size: var(--ss-font-size-lg);
    line-height: var(--ss-leading-relaxed);
    font-style: italic;
    font-weight: var(--ss-font-weight-normal);
    color: var(--ss-color-foreground);
    padding-inline-start: var(--ss-space-6);
    border-inline-start: 0.25rem solid var(--ss-color-border);
    margin-block: var(--ss-vspace-lg);
  }
  .ss-t-blockquote-simple {
    font-size: var(--ss-font-size-lg);
    line-height: var(--ss-leading-relaxed);
    font-style: italic;
    border-inline-start: none;
    padding-inline-start: 0;
    margin-block: var(--ss-vspace-lg);
  }
  .ss-t-blockquote-highlight {
    font-size: var(--ss-font-size-lg);
    line-height: var(--ss-leading-relaxed);
    font-style: italic;
    padding: var(--ss-space-4) var(--ss-space-6);
    border-inline-start: 0.25rem solid var(--ss-color-accent);
    margin-block: var(--ss-vspace-lg);
  }
  .ss-t-pullquote {
    font-size: var(--ss-font-size-2xl);
    font-weight: var(--ss-font-weight-medium);
    line-height: var(--ss-leading-relaxed);
    text-align: center;
    padding: var(--ss-space-8) 0;
    margin-block: var(--ss-vspace-lg);
  }
  .ss-t-testimonial {
    font-size: var(--ss-font-size-lg);
    font-style: italic;
    line-height: var(--ss-leading-relaxed);
    text-align: center;
    padding: var(--ss-space-6);
    margin-block: var(--ss-vspace-lg);
  }
}
@layer ss.typography {
  .ss-t-subheader {
    color: var(--theme-semantic-color-type-primary);
    font-family: var(--theme-semantic-type-title-font-family);
    font-weight: var(--theme-subheader__font-weight);
    line-height: var(--theme-subheader-h2__line-height);
    padding-top: var(--primitive-space-16);
    padding-bottom: var(--primitive-space-08);
    font-size: var(--semantic-type-title--xxl-font-size);
    line-height: var(--semantic-type-title--xxl-line-height);
    font-weight: 400;
    text-align: left;
  }
  .ss-t-subheader--center {
    color: var(--theme-semantic-color-type-primary);
    font-family: var(--theme-semantic-type-title-font-family);
    font-weight: var(--theme-subheader__font-weight);
    line-height: var(--theme-subheader-h2__line-height);
    padding-top: var(--primitive-space-16);
    padding-bottom: var(--primitive-space-08);
    font-size: var(--semantic-type-title--xxl-font-size);
    line-height: var(--semantic-type-title--xxl-line-height);
    font-weight: 400;
    text-align: center;
  }
  .ss-t-subheader--caps {
    color: var(--theme-semantic-color-type-primary);
    font-family: var(--theme-semantic-type-title-font-family);
    font-weight: var(--theme-subheader__font-weight);
    line-height: var(--theme-subheader-h2__line-height);
    padding-top: var(--primitive-space-16);
    padding-bottom: var(--primitive-space-08);
    font-size: var(--semantic-type-title--xxl-font-size);
    line-height: var(--semantic-type-title--xxl-line-height);
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: var(--theme-semantic-type-title-letter-spacing);
  }
  .ss-t-subheader--h3 {
    color: var(--theme-semantic-color-type-primary);
    font-family: var(--theme-semantic-type-title-font-family);
    font-weight: var(--theme-subheader__font-weight);
    line-height: var(--theme-subheader-h2__line-height);
    padding-top: var(--primitive-space-16);
    padding-bottom: var(--primitive-space-08);
    font-size: var(--theme-subheader-h3__font-size);
    line-height: var(--theme-subheader-h3__line-height);
    font-weight: 400;
    text-align: left;
  }
  .ss-t-subheader--bold {
    color: var(--theme-semantic-color-type-primary);
    font-family: var(--theme-semantic-type-title-font-family);
    font-weight: var(--theme-subheader__font-weight);
    line-height: var(--theme-subheader-h2__line-height);
    padding-top: var(--primitive-space-16);
    padding-bottom: var(--primitive-space-08);
    font-size: var(--semantic-type-title--xxl-font-size);
    line-height: var(--semantic-type-title--xxl-line-height);
    font-weight: 700;
    text-align: left;
  }
}
@layer ss.typography {
  .ss-t-columns-2 {
    column-gap: var(--ss-space-6);
    column-rule: 0.0625rem solid var(--ss-color-border);
    orphans: 3;
    widows: 3;
    column-count: 2;
  }
  .ss-t-columns-3 {
    column-gap: var(--ss-space-6);
    column-rule: 0.0625rem solid var(--ss-color-border);
    orphans: 3;
    widows: 3;
    column-count: 3;
  }
  .ss-t-columns-4 {
    column-gap: var(--ss-space-6);
    column-rule: 0.0625rem solid var(--ss-color-border);
    orphans: 3;
    widows: 3;
    column-count: 4;
  }
  .ss-t-columns-auto {
    column-gap: var(--ss-space-6);
    column-rule: 0.0625rem solid var(--ss-color-border);
    orphans: 3;
    widows: 3;
    column-count: auto;
    column-width: 25ch;
  }
  .ss-t-columns-narrow {
    column-gap: var(--ss-space-6);
    column-rule: 0.0625rem solid var(--ss-color-border);
    orphans: 3;
    widows: 3;
    column-width: 15ch;
  }
  .ss-t-columns-wide {
    column-gap: var(--ss-space-6);
    column-rule: 0.0625rem solid var(--ss-color-border);
    orphans: 3;
    widows: 3;
    column-width: 30ch;
  }
  .ss-t-column-span {
    column-span: all;
  }
}
@layer ss.typography {
  .ss-t-dropcap::first-letter {
    float: left;
    font-size: 4em;
    line-height: 0.8;
    font-weight: 700;
    margin-right: var(--ss-space-2);
    margin-bottom: 0;
    color: inherit;
  }
  .ss-t-dropcap-small::first-letter {
    float: left;
    font-size: 4em;
    line-height: 0.8;
    font-weight: 700;
    margin-right: var(--ss-space-2);
    margin-bottom: 0;
    color: inherit;
    font-size: 3em;
  }
  .ss-t-dropcap-large::first-letter {
    float: left;
    font-size: 4em;
    line-height: 0.8;
    font-weight: 700;
    margin-right: var(--ss-space-2);
    margin-bottom: 0;
    color: inherit;
    font-size: 5em;
  }
  .ss-t-dropcap-decorative::first-letter {
    float: left;
    font-size: 4em;
    line-height: 0.8;
    font-weight: 700;
    margin-right: var(--ss-space-2);
    margin-bottom: 0;
    color: inherit;
    font-size: 4.5em;
    font-family: var(--ss-font-family-display);
    color: var(--ss-color-accent);
  }
  .ss-t-dropcap-boxed::first-letter {
    float: left;
    font-size: 4em;
    line-height: 0.8;
    font-weight: 700;
    margin-right: var(--ss-space-2);
    margin-bottom: 0;
    color: inherit;
    padding: var(--ss-space-2);
    line-height: 1;
  }
  .ss-t-dropcap-outlined::first-letter {
    float: left;
    font-size: 4em;
    line-height: 0.8;
    font-weight: 700;
    margin-right: var(--ss-space-2);
    margin-bottom: 0;
    color: inherit;
    color: transparent;
    -webkit-text-stroke: 0.125rem var(--ss-color-text);
  }
}
@layer ss.typography {
  .ss-t-measure {
    max-width: 65ch;
  }
  .ss-t-measure-narrow {
    max-width: 45ch;
  }
  .ss-t-measure-short {
    max-width: 55ch;
  }
  .ss-t-measure-wide {
    max-width: 75ch;
  }
  .ss-t-measure-full {
    max-width: 100%;
  }
  .ss-t-measure-prose {
    max-width: 65ch;
    margin-inline: auto;
  }
  .ss-t-measure-centered {
    max-width: 65ch;
    margin-inline: auto;
    text-align: center;
  }
}
@layer ss.typography {
  .ss-t-display-1 {
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  .ss-t-display-2 {
    font-size: clamp(2.5rem, 4.5vw + 1rem, 4.5rem);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  .ss-t-display-3 {
    font-size: clamp(2rem, 4vw + 1rem, 4rem);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .ss-t-display-4 {
    font-size: clamp(1.75rem, 3.5vw + 1rem, 3.5rem);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .ss-t-display-5 {
    font-size: clamp(1.5rem, 3vw + 1rem, 3rem);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  .ss-t-display-6 {
    font-size: clamp(1.25rem, 2.5vw + 1rem, 2.5rem);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
}
@layer ss.typography {
  .ss-t-prose p {
    text-indent: 2rem;
  }
  .ss-t-prose p:first-of-type {
    text-indent: 0;
  }
  .ss-t-prose h1 + p,
  .ss-t-prose h2 + p,
  .ss-t-prose h3 + p,
  .ss-t-prose h4 + p,
  .ss-t-prose h5 + p,
  .ss-t-prose h6 + p {
    text-indent: 0;
  }
  .ss-t-prose--subtle p {
    text-indent: 1rem;
  }
  .ss-t-prose--subtle p:first-of-type {
    text-indent: 0;
  }
  .ss-t-prose--subtle h1 + p,
  .ss-t-prose--subtle h2 + p,
  .ss-t-prose--subtle h3 + p,
  .ss-t-prose--subtle h4 + p,
  .ss-t-prose--subtle h5 + p,
  .ss-t-prose--subtle h6 + p {
    text-indent: 0;
  }
  .ss-t-prose--strong p {
    text-indent: 3rem;
  }
  .ss-t-prose--strong p:first-of-type {
    text-indent: 0;
  }
  .ss-t-prose--strong h1 + p,
  .ss-t-prose--strong h2 + p,
  .ss-t-prose--strong h3 + p,
  .ss-t-prose--strong h4 + p,
  .ss-t-prose--strong h5 + p,
  .ss-t-prose--strong h6 + p {
    text-indent: 0;
  }
}
:root {
  --ss-breakpoint-xs: 0;
  --ss-breakpoint-sm: 36rem;
  --ss-breakpoint-md: 48rem;
  --ss-breakpoint-lg: 62rem;
  --ss-breakpoint-xl: 75rem;
  --ss-breakpoint-xxl: 87.5rem;
}

:root {
  --primitive-size-80: 5rem;
  --primitive-size-72: 4.5rem;
  --primitive-size-64: 4rem;
  --primitive-size-56: 3.5rem;
  --primitive-size-48: 3.125rem;
  --primitive-size-40: 2.5rem;
  --primitive-size-36: 2.25rem;
  --primitive-size-32: 2rem;
  --primitive-size-28: 1.875rem;
  --primitive-size-24: 1.5rem;
  --primitive-size-20: 1.25rem;
  --primitive-size-16: 1rem;
  --primitive-size-12: 0.75rem;
  --primitive-size-08: 0.5rem;
  --primitive-size-04: 0.25rem;
  --primitive-size-02: 0.125rem;
  --primitive-size-01: 0.0625rem;
  --primitive-size-none: 0;
  --semantic-size--xxl: var(--primitive-size-64);
  --semantic-size--xl: var(--primitive-size-48);
  --semantic-size--lg: var(--primitive-size-40);
  --semantic-size--md: var(--primitive-size-32);
  --semantic-size--sm: var(--primitive-size-24);
  --semantic-size--xs: var(--primitive-size-16);
}

:root {
  --primitive-space-80: 5rem;
  --primitive-space-72: 4.5rem;
  --primitive-space-64: 4rem;
  --primitive-space-56: 3.5rem;
  --primitive-space-48: 3.125rem;
  --primitive-space-40: 2.5rem;
  --primitive-space-36: 2.25rem;
  --primitive-space-32: 2rem;
  --primitive-space-28: 1.875rem;
  --primitive-space-24: 1.5rem;
  --primitive-space-20: 1.25rem;
  --primitive-space-16: 1rem;
  --primitive-space-12: 0.75rem;
  --primitive-space-08: 0.5rem;
  --primitive-space-04: 0.25rem;
  --primitive-space-02: 0.125rem;
  --primitive-space-01: 0.0625rem;
  --primitive-space-none: 0;
}

:root {
  --transition-duration-xfast: 0.1s;
  --transition-duration-fast: 0.15s;
  --transition-duration-base: 0.2s;
  --transition-duration-slow: 0.3s;
  --transition-duration-xslow: 0.5s;
  --transition-timing-linear: linear;
  --transition-timing-ease: ease;
  --transition-timing-ease-in: ease-in;
  --transition-timing-ease-out: ease-out;
  --transition-timing-ease-in-out: ease-in-out;
  --transition-timing-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --transition-timing-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --transition-timing-standard: cubic-bezier(0.4, 0, 0.2, 1);
}

:root {
  --primitive-type-font_stack_sans: stylescape_sans_regular, Roboto Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  --primitive-type-font_stack_serif: stylescape_serif_regular, Roboto Serif, Times New Roman, Times, serif;
  --primitive-type-font_stack_slab: stylescape_slab_regular, Roboto Slab, Rockwell, Georgia, serif;
  --primitive-type-font_stack_mono: stylescape_mono_regular, Roboto Mono, Courier New, Courier, monospace;
  --semantic-type-font_stack--title: var(--primitive-type-font_stack_sans);
  --semantic-type-font_stack--body: var(--primitive-type-font_stack_sans);
  --ss-font-family-sans: stylescape_sans_regular, Roboto Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  --ss-font-family-serif: stylescape_serif_regular, Roboto Serif, Times New Roman, Times, serif;
  --ss-font-family-slab: stylescape_slab_regular, Roboto Slab, Rockwell, Georgia, serif;
  --ss-font-family-mono: stylescape_mono_regular, Roboto Mono, Courier New, Courier, monospace;
  --ss-font-family-base: var(--ss-font-family-sans);
  --ss-font-family-display: var(--ss-font-family-sans);
}

:root {
  --primitive-type-font-size-64: 4rem;
  --primitive-type-font-size-56: 3.5rem;
  --primitive-type-font-size-48: 3.125rem;
  --primitive-type-font-size-42: 2.625rem;
  --primitive-type-font-size-40: 2.5rem;
  --primitive-type-font-size-36: 2.25rem;
  --primitive-type-font-size-32: 2rem;
  --primitive-type-font-size-30: 1.875rem;
  --primitive-type-font-size-24: 1.5rem;
  --primitive-type-font-size-20: 1.25rem;
  --primitive-type-font-size-18: 1.125rem;
  --primitive-type-font-size-16: 1rem;
  --primitive-type-font-size-14: 0.875rem;
  --primitive-type-font-size-12: 0.75rem;
  --primitive-type-font-size-10: 0.625rem;
}

:root {
  --primitive-type-font-weight-style-Black: Black;
  --primitive-type-font-weight-style-Heavy: Heavy;
  --primitive-type-font-weight-style-Extra_Bold: ExtraBold;
  --primitive-type-font-weight-style-Bold: Bold;
  --primitive-type-font-weight-style--smemi_Bold: SemiBold;
  --primitive-type-font-weight-style--mdedium: Medium;
  --primitive-type-font-weight-style-Regular: Regular;
  --primitive-type-font-weight-style--lgight: Light;
  --primitive-type-font-weight-style-Thin: Thin;
  --primitive-type-font-weight-style-Extra_Light: Extra Light;
  --primitive-type-font-weight-style-italic-Black: Black Italic;
  --primitive-type-font-weight-style-italic-Heavy: Heavy Italic;
  --primitive-type-font-weight-style-italic-Extra_Bold: ExtraBold Italic;
  --primitive-type-font-weight-style-italic-Bold: Bold Italic;
  --primitive-type-font-weight-style-italic--smemi_Bold: SemiBold Italic;
  --primitive-type-font-weight-style-italic--mdedium: Medium Italic;
  --primitive-type-font-weight-style-italic-Italic: Italic;
  --primitive-type-font-weight-style-italic--lgight: Light Italic;
  --primitive-type-font-weight-style-italic-Thin: Thin Italic;
  --primitive-type-font-weight-style-italic-Extra_Light: ExtraLight Italic;
  --semantic-type-body-font-wt-style_-reg: var(
      --primitive-type-font-weight-style-Regular
  );
  --semantic-type-body-font-wt-style_-bold: var(
      --primitive-type-font-weight-style-Bold
  );
  --semantic-type-body-font-wt-style_-italic: var(
      --primitive-type-font-weight-style-italic-Italic
  );
}

:root {
  --primitive-type-text-transform-uppercase: uppercase;
  --primitive-type-text-transform-lowercase: lowercase;
  --primitive-type-text-transform-sentence-case: capitalize;
  --primitive-type-text-transform-none: none;
  --primitive-type-text-decoration-none: none;
}

:root {
  --primitive-type-letter-spacing-1200: 75rem;
  --primitive-type-letter-spacing-150: 9.375rem;
  --primitive-type-letter-spacing-125: 7.8125rem;
  --primitive-type-letter-spacing-100: 6.25rem;
  --primitive-type-letter-spacing-50: 3.125rem;
  --primitive-type-letter-spacing-25: 1.5625rem;
  --primitive-type-letter-spacing-none: 0;
  --semantic-type-body-letter-spacing: var(
      --primitive-type-letter-spacing-none
  );
}

:root {
  --primitive-type-line-height-64: 4rem;
  --primitive-type-line-height-56: 3.5rem;
  --primitive-type-line-height-48: 3.125rem;
  --primitive-type-line-height-40: 2.5rem;
  --primitive-type-line-height-36: 2.25rem;
  --primitive-type-line-height-32: 2rem;
  --primitive-type-line-height-30: 1.875rem;
  --primitive-type-line-height-28: 1.75rem;
  --primitive-type-line-height-26: 1.625rem;
  --primitive-type-line-height-24: 1.5rem;
  --primitive-type-line-height-22: 1.25rem;
  --primitive-type-line-height-20: 1.25rem;
  --primitive-type-line-height-18: 1.125rem;
  --primitive-type-line-height-16: 1rem;
  --primitive-type-line-height-14: 0.875rem;
  --primitive-type-line-height-12: 0.75rem;
  --primitive-type-line-height-10: 0.625rem;
}

:root {
  --primitive-border-24: 1.5rem;
  --primitive-border-12: 0.75rem;
  --primitive-border-08: 0.5rem;
  --primitive-border-06: 0.375rem;
  --primitive-border-04: 0.25rem;
  --primitive-border-02: 0.125rem;
  --primitive-border-01: 0.0625rem;
  --primitive-border-none: 0;
  --semantic-border--xl: var(--primitive-border-08);
  --semantic-border--lg: var(--primitive-border-04);
  --semantic-border--md: var(--primitive-border-02);
  --semantic-border--sm: var(--primitive-border-01);
}

:root {
  --primitive-corner-radius-32: 2rem;
  --primitive-corner-radius-28: 1.875rem;
  --primitive-corner-radius-24: 1.5rem;
  --primitive-corner-radius-20: 1.25rem;
  --primitive-corner-radius-16: 1rem;
  --primitive-corner-radius-12: 0.75rem;
  --primitive-corner-radius-08: 0.5rem;
  --primitive-corner-radius-04: 0.25rem;
  --primitive-corner-radius-02: 0.125rem;
  --primitive-corner-radius-none: 0;
  --primitive-corner-radius-circle: 62.4375rem;
  --semantic-corner-radius-xl: var(--primitive-corner-radius-16);
  --semantic-corner-radius-lg: var(--primitive-corner-radius-08);
  --semantic-corner-radius-md: var(--primitive-corner-radius-04);
  --semantic-corner-radius-sm: var(--primitive-corner-radius-02);
  --semantic-corner-radius-none: var(--primitive-corner-radius-none);
}

:root {
  --N0001: #e2e2e2;
  --N0002: #cccccc;
  --N0003: #b6b6b6;
  --N0004: #a0a0a0;
  --N0005: #8b8b8b;
  --N0006: #777777;
  --N0007: #636363;
  --N0008: #505050;
  --N0009: #3e3e3e;
  --N0151: #fadbdd;
  --N0152: #eec0c4;
  --N0153: #e2a6ac;
  --N0154: #d48c94;
  --N0155: #c6727d;
  --N0156: #a7636b;
  --N0157: #89545a;
  --N0158: #6b4549;
  --N0159: #4f3739;
  --N0301: #fadbd7;
  --N0302: #edc1bc;
  --N0303: #e0a8a1;
  --N0304: #d28e87;
  --N0305: #c4756e;
  --N0306: #a5655f;
  --N0307: #875650;
  --N0308: #6b4642;
  --N0309: #4f3835;
  --N0451: #f8dcd3;
  --N0452: #eac3b5;
  --N0453: #dcaa98;
  --N0454: #cd927c;
  --N0455: #be7960;
  --N0456: #a06954;
  --N0457: #845848;
  --N0458: #68483c;
  --N0459: #4d3931;
  --N0601: #f4decf;
  --N0602: #e5c6af;
  --N0603: #d5ad90;
  --N0604: #c59672;
  --N0605: #b57f55;
  --N0606: #996d4b;
  --N0607: #7e5b41;
  --N0608: #644a38;
  --N0609: #4a3a2e;
  --N0751: #efe0cc;
  --N0752: #dec8ac;
  --N0753: #cdb18c;
  --N0754: #bb9b6c;
  --N0755: #a9854e;
  --N0756: #8f7145;
  --N0757: #765f3d;
  --N0758: #5e4d34;
  --N0759: #473c2c;
  --N0901: #eae2cb;
  --N0902: #d6cbaa;
  --N0903: #c2b58a;
  --N0904: #af9f6a;
  --N0905: #9b8a4b;
  --N0906: #847643;
  --N0907: #6d623b;
  --N0908: #584f33;
  --N0909: #433d2b;
  --N1051: #e3e4cc;
  --N1052: #cdceab;
  --N1053: #b7b98b;
  --N1054: #a1a46b;
  --N1055: #8b8f4c;
  --N1056: #777a44;
  --N1057: #63663c;
  --N1058: #505234;
  --N1059: #3e3f2c;
  --N1201: #dde6ce;
  --N1202: #c4d1ae;
  --N1203: #abbc8f;
  --N1204: #92a870;
  --N1205: #7a9453;
  --N1206: #697e49;
  --N1207: #586840;
  --N1208: #485437;
  --N1209: #39402d;
  --N1351: #d7e7d2;
  --N1352: #bbd3b3;
  --N1353: #9fbf96;
  --N1354: #83ab79;
  --N1355: #68975d;
  --N1356: #5a8151;
  --N1357: #4d6b46;
  --N1358: #40553b;
  --N1359: #344130;
  --N1501: #d1e8d6;
  --N1502: #b2d4ba;
  --N1503: #93c19f;
  --N1504: #74ad84;
  --N1505: #559a6a;
  --N1506: #4b835c;
  --N1507: #426c4e;
  --N1508: #395741;
  --N1509: #2f4234;
  --N1651: #cde9dc;
  --N1652: #abd6c2;
  --N1653: #89c2a9;
  --N1654: #66af91;
  --N1655: #409b7a;
  --N1656: #3c8469;
  --N1657: #376d58;
  --N1658: #315848;
  --N1659: #2b4338;
  --N1801: #c9e9e2;
  --N1802: #a6d6cb;
  --N1803: #81c3b5;
  --N1804: #5baf9f;
  --N1805: #2a9c8a;
  --N1806: #2d8576;
  --N1807: #2d6e62;
  --N1808: #2b584f;
  --N1809: #28433d;
  --N1951: #c8e9e8;
  --N1952: #a3d6d4;
  --N1953: #7dc3c0;
  --N1954: #53afad;
  --N1955: #109c9a;
  --N1956: #208583;
  --N1957: #266e6d;
  --N1958: #275857;
  --N1959: #264342;
  --N2101: #c8e9ed;
  --N2102: #a3d5dc;
  --N2103: #7dc2cb;
  --N2104: #52aeba;
  --N2105: #019baa;
  --N2106: #1c8490;
  --N2107: #246d76;
  --N2108: #27575e;
  --N2109: #264246;
  --N2251: #cae8f2;
  --N2252: #a6d4e3;
  --N2253: #81c0d4;
  --N2254: #58acc6;
  --N2255: #1a99b7;
  --N2256: #25829a;
  --N2257: #2a6c7e;
  --N2258: #2a5664;
  --N2259: #27424a;
  --N2401: #cee6f6;
  --N2402: #acd2e9;
  --N2403: #8abedc;
  --N2404: #65aace;
  --N2405: #3696c1;
  --N2406: #3680a3;
  --N2407: #346a85;
  --N2408: #305568;
  --N2409: #2b414d;
  --N2551: #d3e5f8;
  --N2552: #b5cfec;
  --N2553: #95bbe0;
  --N2554: #75a6d4;
  --N2555: #5192c8;
  --N2556: #497ca8;
  --N2557: #416789;
  --N2558: #39536b;
  --N2559: #303f4f;
  --N2701: #dae3f9;
  --N2702: #becdee;
  --N2703: #a3b7e2;
  --N2704: #87a2d6;
  --N2705: #6a8dca;
  --N2706: #5d78aa;
  --N2707: #4f648b;
  --N2708: #42516c;
  --N2709: #353e50;
  --N2851: #e0e1f9;
  --N2852: #c8caed;
  --N2853: #b1b3e1;
  --N2854: #999dd5;
  --N2855: #8188c8;
  --N2856: #6f74a8;
  --N2857: #5d6189;
  --N2858: #4c4e6c;
  --N2859: #3b3c4f;
  --N3001: #e7dff6;
  --N3002: #d3c7e9;
  --N3003: #beafdc;
  --N3004: #aa98cf;
  --N3005: #9582c2;
  --N3006: #7f6fa3;
  --N3007: #6a5d86;
  --N3008: #554c69;
  --N3009: #413b4d;
  --N3151: #edddf3;
  --N3152: #dcc4e4;
  --N3153: #caacd6;
  --N3154: #b994c7;
  --N3155: #a77cb9;
  --N3156: #8d6b9c;
  --N3157: #755a7f;
  --N3158: #5d4964;
  --N3159: #46394b;
  --N3301: #f3dcee;
  --N3302: #e3c2dd;
  --N3303: #d4a9cd;
  --N3304: #c590bc;
  --N3305: #b577ac;
  --N3306: #996791;
  --N3307: #7d5777;
  --N3308: #63475f;
  --N3309: #4a3847;
  --N3451: #f7dbe9;
  --N3452: #e9c1d5;
  --N3453: #dba7c2;
  --N3454: #cd8daf;
  --N3455: #bf739d;
  --N3456: #a16485;
  --N3457: #84546e;
  --N3458: #684658;
  --N3459: #4d3743;
  --N3601: #f9dbe3;
  --N3602: #edc0cd;
  --N3603: #e0a6b7;
  --N3604: #d38ca2;
  --N3605: #c5728d;
  --N3606: #a66278;
  --N3607: #885464;
  --N3608: #6b4551;
  --N3609: #4f373e;
}

:root {
  --color_text_primary: #000000;
  --color_text_primary--25: rgb(35%, 35%, 35%);
  --color_text_primary--50: rgb(50%, 50%, 50%);
  --color_text_primary--75: rgb(75%, 75%, 75%);
  --color_text_secondary: #252525;
  --color_text_secondary--25: rgb(44.431372549%, 44.431372549%, 44.431372549%);
  --color_text_secondary--50: #929292;
  --color_text_secondary--75: rgb(78.6274509804%, 78.6274509804%, 78.6274509804%);
  --color_text_tertiary: #414141;
  --color_text_tertiary--25: rgb(51.568627451%, 51.568627451%, 51.568627451%);
  --color_text_tertiary--50: #a0a0a0;
  --color_text_tertiary--75: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_line_primary: #000000;
  --color_line_primary--25: rgb(35%, 35%, 35%);
  --color_line_primary--50: rgb(50%, 50%, 50%);
  --color_line_primary--75: rgb(75%, 75%, 75%);
  --color_line_secondary: #252525;
  --color_line_secondary--25: rgb(44.431372549%, 44.431372549%, 44.431372549%);
  --color_line_secondary--50: #929292;
  --color_line_secondary--75: rgb(78.6274509804%, 78.6274509804%, 78.6274509804%);
  --color_line_tertiary: #414141;
  --color_line_tertiary--25: rgb(51.568627451%, 51.568627451%, 51.568627451%);
  --color_line_tertiary--50: #a0a0a0;
  --color_line_tertiary--75: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_fill_primary: #ffffff;
  --color_fill_primary--25: white;
  --color_fill_primary--50: white;
  --color_fill_primary--75: white;
  --color_fill_secondary: rgba(222, 222, 222, 0.8);
  --color_fill_secondary--25: rgba(92.8410513141%, 92.8410513141%, 92.8410513141%, 0.87);
  --color_fill_secondary--50: rgba(94.8235294118%, 94.8235294118%, 94.8235294118%, 0.9);
  --color_fill_secondary--75: rgba(249, 249, 249, 0.95);
  --color_fill_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_fill_tertiary--25: rgba(86.7931230463%, 86.7931230463%, 86.7931230463%, 0.8266666667);
  --color_fill_tertiary--50: rgba(90.6535947712%, 90.6535947712%, 90.6535947712%, 0.8666666667);
  --color_fill_tertiary--75: rgba(95.8765859285%, 95.8765859285%, 95.8765859285%, 0.9333333333);
  --color_accent_primary: #3696c1;
  --color_accent_primary--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_accent_primary--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_accent_primary--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_accent_secondary: #346a85;
  --color_accent_secondary--25: rgb(48.2549019608%, 62.0196078431%, 68.9019607843%);
  --color_accent_secondary--50: rgb(60.1960784314%, 70.7843137255%, 76.0784313725%);
  --color_accent_secondary--75: rgb(80.0980392157%, 85.3921568627%, 88.0392156863%);
  --color_accent_tertiary: #8abedc;
  --color_accent_tertiary--25: rgb(70.1764705882%, 83.431372549%, 91.0784313725%);
  --color_accent_tertiary--50: rgb(77.0588235294%, 87.2549019608%, 93.137254902%);
  --color_accent_tertiary--75: rgb(88.5294117647%, 93.6274509804%, 96.568627451%);
  --color_state_visited: #87a2d6;
  --color_state_visited--25: rgb(69.4117647059%, 76.2941176471%, 89.5490196078%);
  --color_state_visited--50: rgb(76.4705882353%, 81.7647058824%, 91.9607843137%);
  --color_state_visited--75: rgb(88.2352941176%, 90.8823529412%, 95.9803921569%);
  --color_state_focus: #65aace;
  --color_state_focus--25: rgb(60.7450980392%, 78.3333333333%, 87.5098039216%);
  --color_state_focus--50: rgb(69.8039215686%, 83.3333333333%, 90.3921568627%);
  --color_state_focus--75: rgb(84.9019607843%, 91.6666666667%, 95.1960784314%);
  --color_state_hover: #acd2e9;
  --color_state_hover--25: rgb(78.8431372549%, 88.5294117647%, 94.3921568627%);
  --color_state_hover--50: rgb(83.7254901961%, 91.1764705882%, 95.6862745098%);
  --color_state_hover--75: rgb(91.862745098%, 95.5882352941%, 97.8431372549%);
  --color_state_active: #3696c1;
  --color_state_active--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_state_active--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_state_active--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_state_link: #65aace;
  --color_state_link--25: rgb(60.7450980392%, 78.3333333333%, 87.5098039216%);
  --color_state_link--50: rgb(69.8039215686%, 83.3333333333%, 90.3921568627%);
  --color_state_link--75: rgb(84.9019607843%, 91.6666666667%, 95.1960784314%);
  --color_state_enabled: #000000;
  --color_state_enabled--25: rgb(35%, 35%, 35%);
  --color_state_enabled--50: rgb(50%, 50%, 50%);
  --color_state_enabled--75: rgb(75%, 75%, 75%);
  --color_state_disabled: #a0a0a0;
  --color_state_disabled--25: rgb(75.7843137255%, 75.7843137255%, 75.7843137255%);
  --color_state_disabled--50: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_state_disabled--75: rgb(90.6862745098%, 90.6862745098%, 90.6862745098%);
  --color_state_current: #000000;
  --color_state_current--25: rgb(35%, 35%, 35%);
  --color_state_current--50: rgb(50%, 50%, 50%);
  --color_state_current--75: rgb(75%, 75%, 75%);
  --color_state_checked: #87a2d6;
  --color_state_checked--25: rgb(69.4117647059%, 76.2941176471%, 89.5490196078%);
  --color_state_checked--50: rgb(76.4705882353%, 81.7647058824%, 91.9607843137%);
  --color_state_checked--75: rgb(88.2352941176%, 90.8823529412%, 95.9803921569%);
  --color_state_invalid: #b994c7;
  --color_state_invalid--25: rgb(82.1568627451%, 72.7254901961%, 85.7254901961%);
  --color_state_invalid--50: rgb(86.2745098039%, 79.0196078431%, 89.0196078431%);
  --color_state_invalid--75: rgb(93.137254902%, 89.5098039216%, 94.5098039216%);
  --color_state_muted: #a0a0a0;
  --color_state_muted--25: rgb(75.7843137255%, 75.7843137255%, 75.7843137255%);
  --color_state_muted--50: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_state_muted--75: rgb(90.6862745098%, 90.6862745098%, 90.6862745098%);
  --color_log_trace: #1a99b7;
  --color_log_trace--25: rgb(41.6274509804%, 74%, 81.6470588235%);
  --color_log_trace--50: rgb(55.0980392157%, 80%, 85.8823529412%);
  --color_log_trace--75: rgb(77.5490196078%, 90%, 92.9411764706%);
  --color_log_debug: #3696c1;
  --color_log_debug--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_log_debug--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_log_debug--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_log_success: #5192c8;
  --color_log_success--25: rgb(55.6470588235%, 72.2156862745%, 85.9803921569%);
  --color_log_success--50: rgb(65.8823529412%, 78.6274509804%, 89.2156862745%);
  --color_log_success--75: rgb(82.9411764706%, 89.3137254902%, 94.6078431373%);
  --color_log_info: #6a8dca;
  --color_log_info--25: rgb(62.0196078431%, 70.9411764706%, 86.4901960784%);
  --color_log_info--50: rgb(70.7843137255%, 77.6470588235%, 89.6078431373%);
  --color_log_info--75: rgb(85.3921568627%, 88.8235294118%, 94.8039215686%);
  --color_log_notice: #8188c8;
  --color_log_notice--25: rgb(67.8823529412%, 69.6666666667%, 85.9803921569%);
  --color_log_notice--50: rgb(75.2941176471%, 76.6666666667%, 89.2156862745%);
  --color_log_notice--75: rgb(87.6470588235%, 88.3333333333%, 94.6078431373%);
  --color_log_warning: #9582c2;
  --color_log_warning--25: rgb(72.9803921569%, 68.137254902%, 84.4509803922%);
  --color_log_warning--50: rgb(79.2156862745%, 75.4901960784%, 88.0392156863%);
  --color_log_warning--75: rgb(89.6078431373%, 87.7450980392%, 94.0196078431%);
  --color_log_audit: #a77cb9;
  --color_log_audit--25: rgb(77.568627451%, 66.6078431373%, 82.1568627451%);
  --color_log_audit--50: rgb(82.7450980392%, 74.3137254902%, 86.2745098039%);
  --color_log_audit--75: rgb(91.3725490196%, 87.1568627451%, 93.137254902%);
  --color_log_error: #b577ac;
  --color_log_error--25: rgb(81.137254902%, 65.3333333333%, 78.8431372549%);
  --color_log_error--50: rgb(85.4901960784%, 73.3333333333%, 83.7254901961%);
  --color_log_error--75: rgb(92.7450980392%, 86.6666666667%, 91.862745098%);
  --color_log_security: #bf739d;
  --color_log_security--25: rgb(83.6862745098%, 64.3137254902%, 75.0196078431%);
  --color_log_security--50: #dfb9ce;
  --color_log_security--75: rgb(93.7254901961%, 86.2745098039%, 90.3921568627%);
  --color_log_critical: #c5728d;
  --color_log_critical--25: rgb(85.2156862745%, 64.0588235294%, 70.9411764706%);
  --color_log_critical--50: rgb(88.6274509804%, 72.3529411765%, 77.6470588235%);
  --color_log_critical--75: rgb(94.3137254902%, 86.1764705882%, 88.8235294118%);
  --color_log_alert: #c6727d;
  --color_log_alert--25: rgb(85.4705882353%, 64.0588235294%, 66.862745098%);
  --color_log_alert--50: rgb(88.8235294118%, 72.3529411765%, 74.5098039216%);
  --color_log_alert--75: rgb(94.4117647059%, 86.1764705882%, 87.2549019608%);
  --color_log_emergency: #c4756e;
  --color_log_emergency--25: rgb(84.9607843137%, 64.8235294118%, 63.0392156863%);
  --color_log_emergency--50: rgb(88.431372549%, 72.9411764706%, 71.568627451%);
  --color_log_emergency--75: rgb(94.2156862745%, 86.4705882353%, 85.7843137255%);
}

[data-theme=dark] {
  --color_text_primary: #ffffff;
  --color_text_primary--25: rgb(35%, 35%, 35%);
  --color_text_primary--50: rgb(50%, 50%, 50%);
  --color_text_primary--75: rgb(75%, 75%, 75%);
  --color_text_secondary: rgba(222, 222, 222, 0.8);
  --color_text_secondary--25: rgb(44.431372549%, 44.431372549%, 44.431372549%);
  --color_text_secondary--50: #929292;
  --color_text_secondary--75: rgb(78.6274509804%, 78.6274509804%, 78.6274509804%);
  --color_text_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_text_tertiary--25: rgb(51.568627451%, 51.568627451%, 51.568627451%);
  --color_text_tertiary--50: #a0a0a0;
  --color_text_tertiary--75: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_line_primary: #ffffff;
  --color_line_primary--25: rgb(35%, 35%, 35%);
  --color_line_primary--50: rgb(50%, 50%, 50%);
  --color_line_primary--75: rgb(75%, 75%, 75%);
  --color_line_secondary: rgba(222, 222, 222, 0.8);
  --color_line_secondary--25: rgb(44.431372549%, 44.431372549%, 44.431372549%);
  --color_line_secondary--50: #929292;
  --color_line_secondary--75: rgb(78.6274509804%, 78.6274509804%, 78.6274509804%);
  --color_line_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_line_tertiary--25: rgb(51.568627451%, 51.568627451%, 51.568627451%);
  --color_line_tertiary--50: #a0a0a0;
  --color_line_tertiary--75: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_fill_primary: #000000;
  --color_fill_primary--25: white;
  --color_fill_primary--50: white;
  --color_fill_primary--75: white;
  --color_fill_secondary: rgba(222, 222, 222, 0.8);
  --color_fill_secondary--25: rgba(92.8410513141%, 92.8410513141%, 92.8410513141%, 0.87);
  --color_fill_secondary--50: rgba(94.8235294118%, 94.8235294118%, 94.8235294118%, 0.9);
  --color_fill_secondary--75: rgba(249, 249, 249, 0.95);
  --color_fill_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_fill_tertiary--25: rgba(86.7931230463%, 86.7931230463%, 86.7931230463%, 0.8266666667);
  --color_fill_tertiary--50: rgba(90.6535947712%, 90.6535947712%, 90.6535947712%, 0.8666666667);
  --color_fill_tertiary--75: rgba(95.8765859285%, 95.8765859285%, 95.8765859285%, 0.9333333333);
  --color_accent_primary: #3696c1;
  --color_accent_primary--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_accent_primary--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_accent_primary--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_accent_secondary: #346a85;
  --color_accent_secondary--25: rgb(48.2549019608%, 62.0196078431%, 68.9019607843%);
  --color_accent_secondary--50: rgb(60.1960784314%, 70.7843137255%, 76.0784313725%);
  --color_accent_secondary--75: rgb(80.0980392157%, 85.3921568627%, 88.0392156863%);
  --color_accent_tertiary: #8abedc;
  --color_accent_tertiary--25: rgb(70.1764705882%, 83.431372549%, 91.0784313725%);
  --color_accent_tertiary--50: rgb(77.0588235294%, 87.2549019608%, 93.137254902%);
  --color_accent_tertiary--75: rgb(88.5294117647%, 93.6274509804%, 96.568627451%);
  --color_state_visited: #87a2d6;
  --color_state_visited--25: rgb(69.4117647059%, 76.2941176471%, 89.5490196078%);
  --color_state_visited--50: rgb(76.4705882353%, 81.7647058824%, 91.9607843137%);
  --color_state_visited--75: rgb(88.2352941176%, 90.8823529412%, 95.9803921569%);
  --color_state_focus: #65aace;
  --color_state_focus--25: rgb(60.7450980392%, 78.3333333333%, 87.5098039216%);
  --color_state_focus--50: rgb(69.8039215686%, 83.3333333333%, 90.3921568627%);
  --color_state_focus--75: rgb(84.9019607843%, 91.6666666667%, 95.1960784314%);
  --color_state_hover: #acd2e9;
  --color_state_hover--25: rgb(78.8431372549%, 88.5294117647%, 94.3921568627%);
  --color_state_hover--50: rgb(83.7254901961%, 91.1764705882%, 95.6862745098%);
  --color_state_hover--75: rgb(91.862745098%, 95.5882352941%, 97.8431372549%);
  --color_state_active: #3696c1;
  --color_state_active--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_state_active--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_state_active--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_state_link: #65aace;
  --color_state_link--25: rgb(60.7450980392%, 78.3333333333%, 87.5098039216%);
  --color_state_link--50: rgb(69.8039215686%, 83.3333333333%, 90.3921568627%);
  --color_state_link--75: rgb(84.9019607843%, 91.6666666667%, 95.1960784314%);
  --color_state_enabled: #ffffff;
  --color_state_enabled--25: rgb(35%, 35%, 35%);
  --color_state_enabled--50: rgb(50%, 50%, 50%);
  --color_state_enabled--75: rgb(75%, 75%, 75%);
  --color_state_disabled: #a0a0a0;
  --color_state_disabled--25: rgb(75.7843137255%, 75.7843137255%, 75.7843137255%);
  --color_state_disabled--50: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_state_disabled--75: rgb(90.6862745098%, 90.6862745098%, 90.6862745098%);
  --color_state_current: #ffffff;
  --color_state_current--25: rgb(35%, 35%, 35%);
  --color_state_current--50: rgb(50%, 50%, 50%);
  --color_state_current--75: rgb(75%, 75%, 75%);
  --color_state_checked: #87a2d6;
  --color_state_checked--25: rgb(69.4117647059%, 76.2941176471%, 89.5490196078%);
  --color_state_checked--50: rgb(76.4705882353%, 81.7647058824%, 91.9607843137%);
  --color_state_checked--75: rgb(88.2352941176%, 90.8823529412%, 95.9803921569%);
  --color_state_invalid: #b994c7;
  --color_state_invalid--25: rgb(82.1568627451%, 72.7254901961%, 85.7254901961%);
  --color_state_invalid--50: rgb(86.2745098039%, 79.0196078431%, 89.0196078431%);
  --color_state_invalid--75: rgb(93.137254902%, 89.5098039216%, 94.5098039216%);
  --color_state_muted: #a0a0a0;
  --color_state_muted--25: rgb(75.7843137255%, 75.7843137255%, 75.7843137255%);
  --color_state_muted--50: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_state_muted--75: rgb(90.6862745098%, 90.6862745098%, 90.6862745098%);
  --color_log_trace: #1a99b7;
  --color_log_trace--25: rgb(41.6274509804%, 74%, 81.6470588235%);
  --color_log_trace--50: rgb(55.0980392157%, 80%, 85.8823529412%);
  --color_log_trace--75: rgb(77.5490196078%, 90%, 92.9411764706%);
  --color_log_debug: #3696c1;
  --color_log_debug--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_log_debug--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_log_debug--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_log_success: #5192c8;
  --color_log_success--25: rgb(55.6470588235%, 72.2156862745%, 85.9803921569%);
  --color_log_success--50: rgb(65.8823529412%, 78.6274509804%, 89.2156862745%);
  --color_log_success--75: rgb(82.9411764706%, 89.3137254902%, 94.6078431373%);
  --color_log_info: #6a8dca;
  --color_log_info--25: rgb(62.0196078431%, 70.9411764706%, 86.4901960784%);
  --color_log_info--50: rgb(70.7843137255%, 77.6470588235%, 89.6078431373%);
  --color_log_info--75: rgb(85.3921568627%, 88.8235294118%, 94.8039215686%);
  --color_log_notice: #8188c8;
  --color_log_notice--25: rgb(67.8823529412%, 69.6666666667%, 85.9803921569%);
  --color_log_notice--50: rgb(75.2941176471%, 76.6666666667%, 89.2156862745%);
  --color_log_notice--75: rgb(87.6470588235%, 88.3333333333%, 94.6078431373%);
  --color_log_warning: #9582c2;
  --color_log_warning--25: rgb(72.9803921569%, 68.137254902%, 84.4509803922%);
  --color_log_warning--50: rgb(79.2156862745%, 75.4901960784%, 88.0392156863%);
  --color_log_warning--75: rgb(89.6078431373%, 87.7450980392%, 94.0196078431%);
  --color_log_audit: #a77cb9;
  --color_log_audit--25: rgb(77.568627451%, 66.6078431373%, 82.1568627451%);
  --color_log_audit--50: rgb(82.7450980392%, 74.3137254902%, 86.2745098039%);
  --color_log_audit--75: rgb(91.3725490196%, 87.1568627451%, 93.137254902%);
  --color_log_error: #b577ac;
  --color_log_error--25: rgb(81.137254902%, 65.3333333333%, 78.8431372549%);
  --color_log_error--50: rgb(85.4901960784%, 73.3333333333%, 83.7254901961%);
  --color_log_error--75: rgb(92.7450980392%, 86.6666666667%, 91.862745098%);
  --color_log_security: #bf739d;
  --color_log_security--25: rgb(83.6862745098%, 64.3137254902%, 75.0196078431%);
  --color_log_security--50: #dfb9ce;
  --color_log_security--75: rgb(93.7254901961%, 86.2745098039%, 90.3921568627%);
  --color_log_critical: #c5728d;
  --color_log_critical--25: rgb(85.2156862745%, 64.0588235294%, 70.9411764706%);
  --color_log_critical--50: rgb(88.6274509804%, 72.3529411765%, 77.6470588235%);
  --color_log_critical--75: rgb(94.3137254902%, 86.1764705882%, 88.8235294118%);
  --color_log_alert: #c6727d;
  --color_log_alert--25: rgb(85.4705882353%, 64.0588235294%, 66.862745098%);
  --color_log_alert--50: rgb(88.8235294118%, 72.3529411765%, 74.5098039216%);
  --color_log_alert--75: rgb(94.4117647059%, 86.1764705882%, 87.2549019608%);
  --color_log_emergency: #c4756e;
  --color_log_emergency--25: rgb(84.9607843137%, 64.8235294118%, 63.0392156863%);
  --color_log_emergency--50: rgb(88.431372549%, 72.9411764706%, 71.568627451%);
  --color_log_emergency--75: rgb(94.2156862745%, 86.4705882353%, 85.7843137255%);
}

:root {
  --focus-ring-color: rgba(13, 110, 253, 0.25);
  --focus-ring-width: 0.25rem;
  --focus-ring-opacity: 0.25;
  --icon-link-gap: 0.25rem;
  --icon-link-underline-offset: 0.25em;
  --icon-link-icon-size: 1em;
  --icon-link-transition-duration: 0.2s;
  --icon-link-hover-translate: 0.25em;
  --vertical-rule-width: 0.0625rem;
  --vertical-rule-min-height: 1rem;
  --vertical-rule-opacity: 0.25;
}

@layer ss.reset {
  ul li:before {
    content: none;
  }
  ul li li:before {
    content: none;
  }
}
@layer ss.typography {
  ul,
  ol {
    padding-inline-start: 1.5rem;
    margin-block: 0.5rem;
  }
  ul {
    list-style-type: disc;
  }
  ul ul {
    list-style-type: circle;
    margin-block: 0.125rem;
  }
  ul ul ul {
    list-style-type: square;
  }
  ol {
    list-style-type: decimal;
  }
  ol ol {
    list-style-type: lower-latin;
    margin-block: 0.125rem;
  }
  ol ol ol {
    list-style-type: lower-greek;
  }
  li {
    padding-block: 0.0625rem;
  }
}
@layer ss.typography {}
@layer ss.typography {}
@layer ss.typography {}
@layer ss.typography {}
@layer ss.reset {
  body {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
  }
}
@layer ss.reset {
  code,
  kbd,
  samp {
    font-family: var(--font-family-mono);
    font-size: 0.875em;
    font-weight: 400;
    color: var(--color_text_primary);
    padding-inline: 0.125rem;
    padding-block: 0.0625rem;
  }
  sub,
  sup {
    font-size: 0.75em;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    font-size: 0.75em;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
    bottom: 0.25em;
  }
  sup {
    font-size: 0.75em;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
    top: 0.5em;
  }
  small {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-size: 0.875em;
    line-height: 1.2;
  }
}
@layer ss.reset {
  address {
    font-size: var(--ss-font-size-04);
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    margin-block: 0 1rem;
    color: var(--ss-color-text-primary);
  }
  cite {
    font-size: inherit;
    font-style: italic;
    line-height: inherit;
    text-transform: none;
    margin: 0;
    color: var(--ss-color-muted-foreground);
    display: inline;
  }
  pre {
    font-family: var(--ss-font-family-mono);
    max-width: 100%;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    color: var(--ss-color-code-foreground);
    padding: 1rem;
    margin: 1rem 0;
  }
  pre code {
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    white-space: inherit;
  }
}
@layer ss.reset {
  main {
    display: block;
  }
  section,
  article,
  header,
  footer,
  nav,
  aside {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  hr {
    overflow: visible;
    height: 0;
    color: inherit;
    box-sizing: content-box;
    border: none;
    border-top: 0.0625rem solid var(--ss-color-border, currentColor);
    margin-block: 2rem;
    margin-inline: 0;
    width: 100%;
    opacity: 1;
  }
}
@layer ss.reset {
  img {
    border-style: none;
  }
  video {
    max-width: 100%;
    height: auto;
    border: 0.0625rem solid #ddd;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
  }
  iframe {
    border-style: none;
  }
}
@layer ss.reset {
  a::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  a:-moz-focusring {
    outline: 0.0625rem dotted ButtonText;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  input,
  select,
  textarea {
    background-color: transparent;
    border-style: none;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font: inherit;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit],
  [role=button] {
    cursor: pointer;
  }
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    outline: 0.0625rem dotted ButtonText;
  }
  button,
  html [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  button {
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    cursor: pointer;
  }
}
@layer ss.reset {
  b,
  strong {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    font-weight: 600;
    font-style: inherit;
    font-size: inherit;
  }
  abbr {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    text-emphasis: none;
    -webkit-text-emphasis: none;
    font-weight: var(--ss-font-weight-regular);
    font-style: normal;
    text-decoration: underline dotted;
    cursor: help;
    display: inline;
  }
  abbr[title] {
    position: relative;
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }
  mark {
    color: var(--ss-color-foreground);
    padding-inline: var(--ss-spacing-1);
  }
  q {
    color: var(--ss-color-text-muted);
    font-style: italic;
    margin: 0;
    padding: 0;
    quotes: none;
  }
  q::before, q::after {
    content: none;
  }
  q::before {
    content: "“";
    padding-right: 0.25em;
  }
  q::after {
    content: "”";
    padding-left: 0.25em;
  }
}
:root {
  --N0001: #e2e2e2;
  --N0002: #cccccc;
  --N0003: #b6b6b6;
  --N0004: #a0a0a0;
  --N0005: #8b8b8b;
  --N0006: #777777;
  --N0007: #636363;
  --N0008: #505050;
  --N0009: #3e3e3e;
  --N0151: #fadbdd;
  --N0152: #eec0c4;
  --N0153: #e2a6ac;
  --N0154: #d48c94;
  --N0155: #c6727d;
  --N0156: #a7636b;
  --N0157: #89545a;
  --N0158: #6b4549;
  --N0159: #4f3739;
  --N0301: #fadbd7;
  --N0302: #edc1bc;
  --N0303: #e0a8a1;
  --N0304: #d28e87;
  --N0305: #c4756e;
  --N0306: #a5655f;
  --N0307: #875650;
  --N0308: #6b4642;
  --N0309: #4f3835;
  --N0451: #f8dcd3;
  --N0452: #eac3b5;
  --N0453: #dcaa98;
  --N0454: #cd927c;
  --N0455: #be7960;
  --N0456: #a06954;
  --N0457: #845848;
  --N0458: #68483c;
  --N0459: #4d3931;
  --N0601: #f4decf;
  --N0602: #e5c6af;
  --N0603: #d5ad90;
  --N0604: #c59672;
  --N0605: #b57f55;
  --N0606: #996d4b;
  --N0607: #7e5b41;
  --N0608: #644a38;
  --N0609: #4a3a2e;
  --N0751: #efe0cc;
  --N0752: #dec8ac;
  --N0753: #cdb18c;
  --N0754: #bb9b6c;
  --N0755: #a9854e;
  --N0756: #8f7145;
  --N0757: #765f3d;
  --N0758: #5e4d34;
  --N0759: #473c2c;
  --N0901: #eae2cb;
  --N0902: #d6cbaa;
  --N0903: #c2b58a;
  --N0904: #af9f6a;
  --N0905: #9b8a4b;
  --N0906: #847643;
  --N0907: #6d623b;
  --N0908: #584f33;
  --N0909: #433d2b;
  --N1051: #e3e4cc;
  --N1052: #cdceab;
  --N1053: #b7b98b;
  --N1054: #a1a46b;
  --N1055: #8b8f4c;
  --N1056: #777a44;
  --N1057: #63663c;
  --N1058: #505234;
  --N1059: #3e3f2c;
  --N1201: #dde6ce;
  --N1202: #c4d1ae;
  --N1203: #abbc8f;
  --N1204: #92a870;
  --N1205: #7a9453;
  --N1206: #697e49;
  --N1207: #586840;
  --N1208: #485437;
  --N1209: #39402d;
  --N1351: #d7e7d2;
  --N1352: #bbd3b3;
  --N1353: #9fbf96;
  --N1354: #83ab79;
  --N1355: #68975d;
  --N1356: #5a8151;
  --N1357: #4d6b46;
  --N1358: #40553b;
  --N1359: #344130;
  --N1501: #d1e8d6;
  --N1502: #b2d4ba;
  --N1503: #93c19f;
  --N1504: #74ad84;
  --N1505: #559a6a;
  --N1506: #4b835c;
  --N1507: #426c4e;
  --N1508: #395741;
  --N1509: #2f4234;
  --N1651: #cde9dc;
  --N1652: #abd6c2;
  --N1653: #89c2a9;
  --N1654: #66af91;
  --N1655: #409b7a;
  --N1656: #3c8469;
  --N1657: #376d58;
  --N1658: #315848;
  --N1659: #2b4338;
  --N1801: #c9e9e2;
  --N1802: #a6d6cb;
  --N1803: #81c3b5;
  --N1804: #5baf9f;
  --N1805: #2a9c8a;
  --N1806: #2d8576;
  --N1807: #2d6e62;
  --N1808: #2b584f;
  --N1809: #28433d;
  --N1951: #c8e9e8;
  --N1952: #a3d6d4;
  --N1953: #7dc3c0;
  --N1954: #53afad;
  --N1955: #109c9a;
  --N1956: #208583;
  --N1957: #266e6d;
  --N1958: #275857;
  --N1959: #264342;
  --N2101: #c8e9ed;
  --N2102: #a3d5dc;
  --N2103: #7dc2cb;
  --N2104: #52aeba;
  --N2105: #019baa;
  --N2106: #1c8490;
  --N2107: #246d76;
  --N2108: #27575e;
  --N2109: #264246;
  --N2251: #cae8f2;
  --N2252: #a6d4e3;
  --N2253: #81c0d4;
  --N2254: #58acc6;
  --N2255: #1a99b7;
  --N2256: #25829a;
  --N2257: #2a6c7e;
  --N2258: #2a5664;
  --N2259: #27424a;
  --N2401: #cee6f6;
  --N2402: #acd2e9;
  --N2403: #8abedc;
  --N2404: #65aace;
  --N2405: #3696c1;
  --N2406: #3680a3;
  --N2407: #346a85;
  --N2408: #305568;
  --N2409: #2b414d;
  --N2551: #d3e5f8;
  --N2552: #b5cfec;
  --N2553: #95bbe0;
  --N2554: #75a6d4;
  --N2555: #5192c8;
  --N2556: #497ca8;
  --N2557: #416789;
  --N2558: #39536b;
  --N2559: #303f4f;
  --N2701: #dae3f9;
  --N2702: #becdee;
  --N2703: #a3b7e2;
  --N2704: #87a2d6;
  --N2705: #6a8dca;
  --N2706: #5d78aa;
  --N2707: #4f648b;
  --N2708: #42516c;
  --N2709: #353e50;
  --N2851: #e0e1f9;
  --N2852: #c8caed;
  --N2853: #b1b3e1;
  --N2854: #999dd5;
  --N2855: #8188c8;
  --N2856: #6f74a8;
  --N2857: #5d6189;
  --N2858: #4c4e6c;
  --N2859: #3b3c4f;
  --N3001: #e7dff6;
  --N3002: #d3c7e9;
  --N3003: #beafdc;
  --N3004: #aa98cf;
  --N3005: #9582c2;
  --N3006: #7f6fa3;
  --N3007: #6a5d86;
  --N3008: #554c69;
  --N3009: #413b4d;
  --N3151: #edddf3;
  --N3152: #dcc4e4;
  --N3153: #caacd6;
  --N3154: #b994c7;
  --N3155: #a77cb9;
  --N3156: #8d6b9c;
  --N3157: #755a7f;
  --N3158: #5d4964;
  --N3159: #46394b;
  --N3301: #f3dcee;
  --N3302: #e3c2dd;
  --N3303: #d4a9cd;
  --N3304: #c590bc;
  --N3305: #b577ac;
  --N3306: #996791;
  --N3307: #7d5777;
  --N3308: #63475f;
  --N3309: #4a3847;
  --N3451: #f7dbe9;
  --N3452: #e9c1d5;
  --N3453: #dba7c2;
  --N3454: #cd8daf;
  --N3455: #bf739d;
  --N3456: #a16485;
  --N3457: #84546e;
  --N3458: #684658;
  --N3459: #4d3743;
  --N3601: #f9dbe3;
  --N3602: #edc0cd;
  --N3603: #e0a6b7;
  --N3604: #d38ca2;
  --N3605: #c5728d;
  --N3606: #a66278;
  --N3607: #885464;
  --N3608: #6b4551;
  --N3609: #4f373e;
}

:root {
  --color_text_primary: #000000;
  --color_text_primary--25: rgb(35%, 35%, 35%);
  --color_text_primary--50: rgb(50%, 50%, 50%);
  --color_text_primary--75: rgb(75%, 75%, 75%);
  --color_text_secondary: #252525;
  --color_text_secondary--25: rgb(44.431372549%, 44.431372549%, 44.431372549%);
  --color_text_secondary--50: #929292;
  --color_text_secondary--75: rgb(78.6274509804%, 78.6274509804%, 78.6274509804%);
  --color_text_tertiary: #414141;
  --color_text_tertiary--25: rgb(51.568627451%, 51.568627451%, 51.568627451%);
  --color_text_tertiary--50: #a0a0a0;
  --color_text_tertiary--75: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_line_primary: #000000;
  --color_line_primary--25: rgb(35%, 35%, 35%);
  --color_line_primary--50: rgb(50%, 50%, 50%);
  --color_line_primary--75: rgb(75%, 75%, 75%);
  --color_line_secondary: #252525;
  --color_line_secondary--25: rgb(44.431372549%, 44.431372549%, 44.431372549%);
  --color_line_secondary--50: #929292;
  --color_line_secondary--75: rgb(78.6274509804%, 78.6274509804%, 78.6274509804%);
  --color_line_tertiary: #414141;
  --color_line_tertiary--25: rgb(51.568627451%, 51.568627451%, 51.568627451%);
  --color_line_tertiary--50: #a0a0a0;
  --color_line_tertiary--75: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_fill_primary: #ffffff;
  --color_fill_primary--25: white;
  --color_fill_primary--50: white;
  --color_fill_primary--75: white;
  --color_fill_secondary: rgba(222, 222, 222, 0.8);
  --color_fill_secondary--25: rgba(92.8410513141%, 92.8410513141%, 92.8410513141%, 0.87);
  --color_fill_secondary--50: rgba(94.8235294118%, 94.8235294118%, 94.8235294118%, 0.9);
  --color_fill_secondary--75: rgba(249, 249, 249, 0.95);
  --color_fill_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_fill_tertiary--25: rgba(86.7931230463%, 86.7931230463%, 86.7931230463%, 0.8266666667);
  --color_fill_tertiary--50: rgba(90.6535947712%, 90.6535947712%, 90.6535947712%, 0.8666666667);
  --color_fill_tertiary--75: rgba(95.8765859285%, 95.8765859285%, 95.8765859285%, 0.9333333333);
  --color_accent_primary: #3696c1;
  --color_accent_primary--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_accent_primary--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_accent_primary--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_accent_secondary: #346a85;
  --color_accent_secondary--25: rgb(48.2549019608%, 62.0196078431%, 68.9019607843%);
  --color_accent_secondary--50: rgb(60.1960784314%, 70.7843137255%, 76.0784313725%);
  --color_accent_secondary--75: rgb(80.0980392157%, 85.3921568627%, 88.0392156863%);
  --color_accent_tertiary: #8abedc;
  --color_accent_tertiary--25: rgb(70.1764705882%, 83.431372549%, 91.0784313725%);
  --color_accent_tertiary--50: rgb(77.0588235294%, 87.2549019608%, 93.137254902%);
  --color_accent_tertiary--75: rgb(88.5294117647%, 93.6274509804%, 96.568627451%);
  --color_state_visited: #87a2d6;
  --color_state_visited--25: rgb(69.4117647059%, 76.2941176471%, 89.5490196078%);
  --color_state_visited--50: rgb(76.4705882353%, 81.7647058824%, 91.9607843137%);
  --color_state_visited--75: rgb(88.2352941176%, 90.8823529412%, 95.9803921569%);
  --color_state_focus: #65aace;
  --color_state_focus--25: rgb(60.7450980392%, 78.3333333333%, 87.5098039216%);
  --color_state_focus--50: rgb(69.8039215686%, 83.3333333333%, 90.3921568627%);
  --color_state_focus--75: rgb(84.9019607843%, 91.6666666667%, 95.1960784314%);
  --color_state_hover: #acd2e9;
  --color_state_hover--25: rgb(78.8431372549%, 88.5294117647%, 94.3921568627%);
  --color_state_hover--50: rgb(83.7254901961%, 91.1764705882%, 95.6862745098%);
  --color_state_hover--75: rgb(91.862745098%, 95.5882352941%, 97.8431372549%);
  --color_state_active: #3696c1;
  --color_state_active--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_state_active--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_state_active--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_state_link: #65aace;
  --color_state_link--25: rgb(60.7450980392%, 78.3333333333%, 87.5098039216%);
  --color_state_link--50: rgb(69.8039215686%, 83.3333333333%, 90.3921568627%);
  --color_state_link--75: rgb(84.9019607843%, 91.6666666667%, 95.1960784314%);
  --color_state_enabled: #000000;
  --color_state_enabled--25: rgb(35%, 35%, 35%);
  --color_state_enabled--50: rgb(50%, 50%, 50%);
  --color_state_enabled--75: rgb(75%, 75%, 75%);
  --color_state_disabled: #a0a0a0;
  --color_state_disabled--25: rgb(75.7843137255%, 75.7843137255%, 75.7843137255%);
  --color_state_disabled--50: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_state_disabled--75: rgb(90.6862745098%, 90.6862745098%, 90.6862745098%);
  --color_state_current: #000000;
  --color_state_current--25: rgb(35%, 35%, 35%);
  --color_state_current--50: rgb(50%, 50%, 50%);
  --color_state_current--75: rgb(75%, 75%, 75%);
  --color_state_checked: #87a2d6;
  --color_state_checked--25: rgb(69.4117647059%, 76.2941176471%, 89.5490196078%);
  --color_state_checked--50: rgb(76.4705882353%, 81.7647058824%, 91.9607843137%);
  --color_state_checked--75: rgb(88.2352941176%, 90.8823529412%, 95.9803921569%);
  --color_state_invalid: #b994c7;
  --color_state_invalid--25: rgb(82.1568627451%, 72.7254901961%, 85.7254901961%);
  --color_state_invalid--50: rgb(86.2745098039%, 79.0196078431%, 89.0196078431%);
  --color_state_invalid--75: rgb(93.137254902%, 89.5098039216%, 94.5098039216%);
  --color_state_muted: #a0a0a0;
  --color_state_muted--25: rgb(75.7843137255%, 75.7843137255%, 75.7843137255%);
  --color_state_muted--50: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_state_muted--75: rgb(90.6862745098%, 90.6862745098%, 90.6862745098%);
  --color_log_trace: #1a99b7;
  --color_log_trace--25: rgb(41.6274509804%, 74%, 81.6470588235%);
  --color_log_trace--50: rgb(55.0980392157%, 80%, 85.8823529412%);
  --color_log_trace--75: rgb(77.5490196078%, 90%, 92.9411764706%);
  --color_log_debug: #3696c1;
  --color_log_debug--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_log_debug--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_log_debug--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_log_success: #5192c8;
  --color_log_success--25: rgb(55.6470588235%, 72.2156862745%, 85.9803921569%);
  --color_log_success--50: rgb(65.8823529412%, 78.6274509804%, 89.2156862745%);
  --color_log_success--75: rgb(82.9411764706%, 89.3137254902%, 94.6078431373%);
  --color_log_info: #6a8dca;
  --color_log_info--25: rgb(62.0196078431%, 70.9411764706%, 86.4901960784%);
  --color_log_info--50: rgb(70.7843137255%, 77.6470588235%, 89.6078431373%);
  --color_log_info--75: rgb(85.3921568627%, 88.8235294118%, 94.8039215686%);
  --color_log_notice: #8188c8;
  --color_log_notice--25: rgb(67.8823529412%, 69.6666666667%, 85.9803921569%);
  --color_log_notice--50: rgb(75.2941176471%, 76.6666666667%, 89.2156862745%);
  --color_log_notice--75: rgb(87.6470588235%, 88.3333333333%, 94.6078431373%);
  --color_log_warning: #9582c2;
  --color_log_warning--25: rgb(72.9803921569%, 68.137254902%, 84.4509803922%);
  --color_log_warning--50: rgb(79.2156862745%, 75.4901960784%, 88.0392156863%);
  --color_log_warning--75: rgb(89.6078431373%, 87.7450980392%, 94.0196078431%);
  --color_log_audit: #a77cb9;
  --color_log_audit--25: rgb(77.568627451%, 66.6078431373%, 82.1568627451%);
  --color_log_audit--50: rgb(82.7450980392%, 74.3137254902%, 86.2745098039%);
  --color_log_audit--75: rgb(91.3725490196%, 87.1568627451%, 93.137254902%);
  --color_log_error: #b577ac;
  --color_log_error--25: rgb(81.137254902%, 65.3333333333%, 78.8431372549%);
  --color_log_error--50: rgb(85.4901960784%, 73.3333333333%, 83.7254901961%);
  --color_log_error--75: rgb(92.7450980392%, 86.6666666667%, 91.862745098%);
  --color_log_security: #bf739d;
  --color_log_security--25: rgb(83.6862745098%, 64.3137254902%, 75.0196078431%);
  --color_log_security--50: #dfb9ce;
  --color_log_security--75: rgb(93.7254901961%, 86.2745098039%, 90.3921568627%);
  --color_log_critical: #c5728d;
  --color_log_critical--25: rgb(85.2156862745%, 64.0588235294%, 70.9411764706%);
  --color_log_critical--50: rgb(88.6274509804%, 72.3529411765%, 77.6470588235%);
  --color_log_critical--75: rgb(94.3137254902%, 86.1764705882%, 88.8235294118%);
  --color_log_alert: #c6727d;
  --color_log_alert--25: rgb(85.4705882353%, 64.0588235294%, 66.862745098%);
  --color_log_alert--50: rgb(88.8235294118%, 72.3529411765%, 74.5098039216%);
  --color_log_alert--75: rgb(94.4117647059%, 86.1764705882%, 87.2549019608%);
  --color_log_emergency: #c4756e;
  --color_log_emergency--25: rgb(84.9607843137%, 64.8235294118%, 63.0392156863%);
  --color_log_emergency--50: rgb(88.431372549%, 72.9411764706%, 71.568627451%);
  --color_log_emergency--75: rgb(94.2156862745%, 86.4705882353%, 85.7843137255%);
}

[data-theme=dark] {
  --color_text_primary: #ffffff;
  --color_text_primary--25: rgb(35%, 35%, 35%);
  --color_text_primary--50: rgb(50%, 50%, 50%);
  --color_text_primary--75: rgb(75%, 75%, 75%);
  --color_text_secondary: rgba(222, 222, 222, 0.8);
  --color_text_secondary--25: rgb(44.431372549%, 44.431372549%, 44.431372549%);
  --color_text_secondary--50: #929292;
  --color_text_secondary--75: rgb(78.6274509804%, 78.6274509804%, 78.6274509804%);
  --color_text_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_text_tertiary--25: rgb(51.568627451%, 51.568627451%, 51.568627451%);
  --color_text_tertiary--50: #a0a0a0;
  --color_text_tertiary--75: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_line_primary: #ffffff;
  --color_line_primary--25: rgb(35%, 35%, 35%);
  --color_line_primary--50: rgb(50%, 50%, 50%);
  --color_line_primary--75: rgb(75%, 75%, 75%);
  --color_line_secondary: rgba(222, 222, 222, 0.8);
  --color_line_secondary--25: rgb(44.431372549%, 44.431372549%, 44.431372549%);
  --color_line_secondary--50: #929292;
  --color_line_secondary--75: rgb(78.6274509804%, 78.6274509804%, 78.6274509804%);
  --color_line_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_line_tertiary--25: rgb(51.568627451%, 51.568627451%, 51.568627451%);
  --color_line_tertiary--50: #a0a0a0;
  --color_line_tertiary--75: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_fill_primary: #000000;
  --color_fill_primary--25: white;
  --color_fill_primary--50: white;
  --color_fill_primary--75: white;
  --color_fill_secondary: rgba(222, 222, 222, 0.8);
  --color_fill_secondary--25: rgba(92.8410513141%, 92.8410513141%, 92.8410513141%, 0.87);
  --color_fill_secondary--50: rgba(94.8235294118%, 94.8235294118%, 94.8235294118%, 0.9);
  --color_fill_secondary--75: rgba(249, 249, 249, 0.95);
  --color_fill_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_fill_tertiary--25: rgba(86.7931230463%, 86.7931230463%, 86.7931230463%, 0.8266666667);
  --color_fill_tertiary--50: rgba(90.6535947712%, 90.6535947712%, 90.6535947712%, 0.8666666667);
  --color_fill_tertiary--75: rgba(95.8765859285%, 95.8765859285%, 95.8765859285%, 0.9333333333);
  --color_accent_primary: #3696c1;
  --color_accent_primary--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_accent_primary--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_accent_primary--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_accent_secondary: #346a85;
  --color_accent_secondary--25: rgb(48.2549019608%, 62.0196078431%, 68.9019607843%);
  --color_accent_secondary--50: rgb(60.1960784314%, 70.7843137255%, 76.0784313725%);
  --color_accent_secondary--75: rgb(80.0980392157%, 85.3921568627%, 88.0392156863%);
  --color_accent_tertiary: #8abedc;
  --color_accent_tertiary--25: rgb(70.1764705882%, 83.431372549%, 91.0784313725%);
  --color_accent_tertiary--50: rgb(77.0588235294%, 87.2549019608%, 93.137254902%);
  --color_accent_tertiary--75: rgb(88.5294117647%, 93.6274509804%, 96.568627451%);
  --color_state_visited: #87a2d6;
  --color_state_visited--25: rgb(69.4117647059%, 76.2941176471%, 89.5490196078%);
  --color_state_visited--50: rgb(76.4705882353%, 81.7647058824%, 91.9607843137%);
  --color_state_visited--75: rgb(88.2352941176%, 90.8823529412%, 95.9803921569%);
  --color_state_focus: #65aace;
  --color_state_focus--25: rgb(60.7450980392%, 78.3333333333%, 87.5098039216%);
  --color_state_focus--50: rgb(69.8039215686%, 83.3333333333%, 90.3921568627%);
  --color_state_focus--75: rgb(84.9019607843%, 91.6666666667%, 95.1960784314%);
  --color_state_hover: #acd2e9;
  --color_state_hover--25: rgb(78.8431372549%, 88.5294117647%, 94.3921568627%);
  --color_state_hover--50: rgb(83.7254901961%, 91.1764705882%, 95.6862745098%);
  --color_state_hover--75: rgb(91.862745098%, 95.5882352941%, 97.8431372549%);
  --color_state_active: #3696c1;
  --color_state_active--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_state_active--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_state_active--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_state_link: #65aace;
  --color_state_link--25: rgb(60.7450980392%, 78.3333333333%, 87.5098039216%);
  --color_state_link--50: rgb(69.8039215686%, 83.3333333333%, 90.3921568627%);
  --color_state_link--75: rgb(84.9019607843%, 91.6666666667%, 95.1960784314%);
  --color_state_enabled: #ffffff;
  --color_state_enabled--25: rgb(35%, 35%, 35%);
  --color_state_enabled--50: rgb(50%, 50%, 50%);
  --color_state_enabled--75: rgb(75%, 75%, 75%);
  --color_state_disabled: #a0a0a0;
  --color_state_disabled--25: rgb(75.7843137255%, 75.7843137255%, 75.7843137255%);
  --color_state_disabled--50: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_state_disabled--75: rgb(90.6862745098%, 90.6862745098%, 90.6862745098%);
  --color_state_current: #ffffff;
  --color_state_current--25: rgb(35%, 35%, 35%);
  --color_state_current--50: rgb(50%, 50%, 50%);
  --color_state_current--75: rgb(75%, 75%, 75%);
  --color_state_checked: #87a2d6;
  --color_state_checked--25: rgb(69.4117647059%, 76.2941176471%, 89.5490196078%);
  --color_state_checked--50: rgb(76.4705882353%, 81.7647058824%, 91.9607843137%);
  --color_state_checked--75: rgb(88.2352941176%, 90.8823529412%, 95.9803921569%);
  --color_state_invalid: #b994c7;
  --color_state_invalid--25: rgb(82.1568627451%, 72.7254901961%, 85.7254901961%);
  --color_state_invalid--50: rgb(86.2745098039%, 79.0196078431%, 89.0196078431%);
  --color_state_invalid--75: rgb(93.137254902%, 89.5098039216%, 94.5098039216%);
  --color_state_muted: #a0a0a0;
  --color_state_muted--25: rgb(75.7843137255%, 75.7843137255%, 75.7843137255%);
  --color_state_muted--50: rgb(81.3725490196%, 81.3725490196%, 81.3725490196%);
  --color_state_muted--75: rgb(90.6862745098%, 90.6862745098%, 90.6862745098%);
  --color_log_trace: #1a99b7;
  --color_log_trace--25: rgb(41.6274509804%, 74%, 81.6470588235%);
  --color_log_trace--50: rgb(55.0980392157%, 80%, 85.8823529412%);
  --color_log_trace--75: rgb(77.5490196078%, 90%, 92.9411764706%);
  --color_log_debug: #3696c1;
  --color_log_debug--25: rgb(48.7647058824%, 73.2352941176%, 84.1960784314%);
  --color_log_debug--50: rgb(60.5882352941%, 79.4117647059%, 87.8431372549%);
  --color_log_debug--75: rgb(80.2941176471%, 89.7058823529%, 93.9215686275%);
  --color_log_success: #5192c8;
  --color_log_success--25: rgb(55.6470588235%, 72.2156862745%, 85.9803921569%);
  --color_log_success--50: rgb(65.8823529412%, 78.6274509804%, 89.2156862745%);
  --color_log_success--75: rgb(82.9411764706%, 89.3137254902%, 94.6078431373%);
  --color_log_info: #6a8dca;
  --color_log_info--25: rgb(62.0196078431%, 70.9411764706%, 86.4901960784%);
  --color_log_info--50: rgb(70.7843137255%, 77.6470588235%, 89.6078431373%);
  --color_log_info--75: rgb(85.3921568627%, 88.8235294118%, 94.8039215686%);
  --color_log_notice: #8188c8;
  --color_log_notice--25: rgb(67.8823529412%, 69.6666666667%, 85.9803921569%);
  --color_log_notice--50: rgb(75.2941176471%, 76.6666666667%, 89.2156862745%);
  --color_log_notice--75: rgb(87.6470588235%, 88.3333333333%, 94.6078431373%);
  --color_log_warning: #9582c2;
  --color_log_warning--25: rgb(72.9803921569%, 68.137254902%, 84.4509803922%);
  --color_log_warning--50: rgb(79.2156862745%, 75.4901960784%, 88.0392156863%);
  --color_log_warning--75: rgb(89.6078431373%, 87.7450980392%, 94.0196078431%);
  --color_log_audit: #a77cb9;
  --color_log_audit--25: rgb(77.568627451%, 66.6078431373%, 82.1568627451%);
  --color_log_audit--50: rgb(82.7450980392%, 74.3137254902%, 86.2745098039%);
  --color_log_audit--75: rgb(91.3725490196%, 87.1568627451%, 93.137254902%);
  --color_log_error: #b577ac;
  --color_log_error--25: rgb(81.137254902%, 65.3333333333%, 78.8431372549%);
  --color_log_error--50: rgb(85.4901960784%, 73.3333333333%, 83.7254901961%);
  --color_log_error--75: rgb(92.7450980392%, 86.6666666667%, 91.862745098%);
  --color_log_security: #bf739d;
  --color_log_security--25: rgb(83.6862745098%, 64.3137254902%, 75.0196078431%);
  --color_log_security--50: #dfb9ce;
  --color_log_security--75: rgb(93.7254901961%, 86.2745098039%, 90.3921568627%);
  --color_log_critical: #c5728d;
  --color_log_critical--25: rgb(85.2156862745%, 64.0588235294%, 70.9411764706%);
  --color_log_critical--50: rgb(88.6274509804%, 72.3529411765%, 77.6470588235%);
  --color_log_critical--75: rgb(94.3137254902%, 86.1764705882%, 88.8235294118%);
  --color_log_alert: #c6727d;
  --color_log_alert--25: rgb(85.4705882353%, 64.0588235294%, 66.862745098%);
  --color_log_alert--50: rgb(88.8235294118%, 72.3529411765%, 74.5098039216%);
  --color_log_alert--75: rgb(94.4117647059%, 86.1764705882%, 87.2549019608%);
  --color_log_emergency: #c4756e;
  --color_log_emergency--25: rgb(84.9607843137%, 64.8235294118%, 63.0392156863%);
  --color_log_emergency--50: rgb(88.431372549%, 72.9411764706%, 71.568627451%);
  --color_log_emergency--75: rgb(94.2156862745%, 86.4705882353%, 85.7843137255%);
}

:root {
  --ss-color-white: #ffffff;
  --ss-color-black: #000000;
  --ss-color-gray-50: #fafafa;
  --ss-color-gray-100: #f0f0f0;
  --ss-color-gray-200: #e0e0e0;
  --ss-color-gray-300: #b3b3b3;
  --ss-color-gray-400: #888888;
  --ss-color-gray-500: #666666;
  --ss-color-gray-600: #4a4a4a;
  --ss-color-gray-700: #333333;
  --ss-color-gray-800: #1a1a1a;
  --ss-color-gray-900: #111111;
  --ss-color-background: #ffffff;
  --ss-color-foreground: #000000;
  --ss-color-surface: #ffffff;
  --ss-color-surface-alt: #fafafa;
  --ss-color-surface-muted: #f5f5f5;
  --ss-color-surface-hover: #f0f0f0;
  --ss-color-surface-primary: #ffffff;
  --ss-color-surface-1: #ececec;
  --ss-color-surface-2: #dedede;
  --ss-color-surface-3: #cfcfcf;
  --ss-color-fill: #ffffff;
  --ss-color-fill-muted: #f5f5f5;
  --ss-color-text: #000000;
  --ss-color-text-primary: #000000;
  --ss-color-text-default: var(--ss-color-text-primary);
  --ss-color-text-muted: #414141;
  --ss-color-text-secondary: var(--ss-color-text-muted);
  --ss-color-muted: #a0a0a0;
  --ss-color-muted-foreground: #414141;
  --ss-color-line: #cccccc;
  --ss-color-line-primary: #000000;
  --ss-color-line-secondary: #cccccc;
  --ss-color-border: #cccccc;
  --ss-color-border-muted: #e5e5e5;
  --ss-color-border-subtle: #ededed;
  --ss-color-primary: #000000;
  --ss-color-secondary: #414141;
  --ss-color-accent: #3696c1;
  --ss-color-accent-bg: rgb(90.5411764706%, 95.0588235294%, 97.0823529412%);
  --ss-color-accent-foreground: #ffffff;
  --ss-color-accent-highlight: #346a85;
  --ss-color-accent-tertiary: #8abedc;
  --ss-color-highlight: rgb(90.5411764706%, 95.0588235294%, 97.0823529412%);
  --ss-color-highlight-foreground: rgb(12.1803921569%, 26.4862745098%, 32.8941176471%);
  --ss-color-link: #65aace;
  --ss-color-link-hover: #acd2e9;
  --ss-color-link-active: #3696c1;
  --ss-color-link-visited: #87a2d6;
  --ss-color-focus: #65aace;
  --ss-focus-ring-color: var(--ss-color-focus);
  --ss-focus-ring-width: 0.125rem;
  --ss-focus-ring-offset: 0.125rem;
  --ss-color-backdrop: rgb(0 0 0 / 0.5);
  --ss-color-state-hover: #acd2e9;
  --ss-color-state-active: #3696c1;
  --ss-color-state-link: #65aace;
  --ss-color-success: #5192c8;
  --ss-color-success-bg: rgb(91.8117647059%, 94.8705882353%, 97.4117647059%);
  --ss-color-success-soft: rgb(95.9058823529%, 97.4352941176%, 98.7058823529%);
  --ss-color-success-foreground: rgb(16.2039215686%, 25.8901960784%, 33.937254902%);
  --ss-color-on-success: #ffffff;
  --ss-color-warning: #9582c2;
  --ss-color-warning-bg: rgb(95.0117647059%, 94.1176470588%, 97.1294117647%);
  --ss-color-warning-soft: rgb(97.5058823529%, 97.0588235294%, 98.5647058824%);
  --ss-color-warning-foreground: rgb(26.337254902%, 23.5058823529%, 33.0431372549%);
  --ss-color-on-warning: #ffffff;
  --ss-color-error: #b577ac;
  --ss-color-error-bg: rgb(96.5176470588%, 93.6%, 96.0941176471%);
  --ss-color-error-soft: rgb(98.2588235294%, 96.8%, 98.0470588235%);
  --ss-color-error-foreground: rgb(31.1058823529%, 21.8666666667%, 29.7647058824%);
  --ss-color-on-error: #ffffff;
  --ss-color-info: #6a8dca;
  --ss-color-info-bg: rgb(92.9882352941%, 94.6352941176%, 97.5058823529%);
  --ss-color-info-soft: rgb(96.4941176471%, 97.3176470588%, 98.7529411765%);
  --ss-color-info-foreground: rgb(19.9294117647%, 25.1450980392%, 34.2352941176%);
  --ss-color-on-info: #ffffff;
  --ss-color-on-accent: #ffffff;
  --ss-color-code-bg: #1e1e1e;
  --ss-color-code-background: #1e1e1e;
  --ss-color-code-foreground: #f4f4f4;
  --ss-color-kbd-bg: #f5f5f5;
}

:root {
  --ss-spacing-unit: 0.25rem;
  --ss-spacing-0: 0;
  --ss-spacing-px: 0.0625rem;
  --ss-spacing-0-5: calc(var(--ss-spacing-unit) * 0.5);
  --ss-spacing-1: var(--ss-spacing-unit);
  --ss-spacing-1-5: calc(var(--ss-spacing-unit) * 1.5);
  --ss-spacing-2: calc(var(--ss-spacing-unit) * 2);
  --ss-spacing-2-5: calc(var(--ss-spacing-unit) * 2.5);
  --ss-spacing-3: calc(var(--ss-spacing-unit) * 3);
  --ss-spacing-3-5: calc(var(--ss-spacing-unit) * 3.5);
  --ss-spacing-4: calc(var(--ss-spacing-unit) * 4);
  --ss-spacing-5: calc(var(--ss-spacing-unit) * 5);
  --ss-spacing-6: calc(var(--ss-spacing-unit) * 6);
  --ss-spacing-7: calc(var(--ss-spacing-unit) * 7);
  --ss-spacing-8: calc(var(--ss-spacing-unit) * 8);
  --ss-spacing-9: calc(var(--ss-spacing-unit) * 9);
  --ss-spacing-10: calc(var(--ss-spacing-unit) * 10);
  --ss-spacing-11: calc(var(--ss-spacing-unit) * 11);
  --ss-spacing-12: calc(var(--ss-spacing-unit) * 12);
  --ss-spacing-14: calc(var(--ss-spacing-unit) * 14);
  --ss-spacing-16: calc(var(--ss-spacing-unit) * 16);
  --ss-spacing-20: calc(var(--ss-spacing-unit) * 20);
  --ss-spacing-24: calc(var(--ss-spacing-unit) * 24);
  --ss-spacing-28: calc(var(--ss-spacing-unit) * 28);
  --ss-spacing-32: calc(var(--ss-spacing-unit) * 32);
  --ss-spacing-36: calc(var(--ss-spacing-unit) * 36);
  --ss-spacing-40: calc(var(--ss-spacing-unit) * 40);
  --ss-spacing-44: calc(var(--ss-spacing-unit) * 44);
  --ss-spacing-48: calc(var(--ss-spacing-unit) * 48);
  --ss-spacing-52: calc(var(--ss-spacing-unit) * 52);
  --ss-spacing-56: calc(var(--ss-spacing-unit) * 56);
  --ss-spacing-60: calc(var(--ss-spacing-unit) * 60);
  --ss-spacing-64: calc(var(--ss-spacing-unit) * 64);
  --ss-spacing-72: calc(var(--ss-spacing-unit) * 72);
  --ss-spacing-80: calc(var(--ss-spacing-unit) * 80);
  --ss-spacing-96: calc(var(--ss-spacing-unit) * 96);
  --ss-space-2xs: var(--ss-spacing-0-5);
  --ss-space-xs: var(--ss-spacing-1);
  --ss-space-sm: var(--ss-spacing-2);
  --ss-space-md: var(--ss-spacing-4);
  --ss-space-lg: var(--ss-spacing-6);
  --ss-space-xl: var(--ss-spacing-8);
  --ss-space-2xl: var(--ss-spacing-12);
  --ss-space-3xl: var(--ss-spacing-16);
  --ss-space-4xl: var(--ss-spacing-24);
  --ss-space-1: var(--ss-spacing-1);
  --ss-space-2: var(--ss-spacing-2);
  --ss-space-3: var(--ss-spacing-3);
  --ss-space-4: var(--ss-spacing-4);
  --ss-space-5: var(--ss-spacing-5);
  --ss-space-6: var(--ss-spacing-6);
  --ss-space-8: var(--ss-spacing-8);
}

:root {
  --ss-radius-none: 0;
  --ss-radius-xs: 0.0625rem;
  --ss-radius-sm: 0.125rem;
  --ss-radius-default: 0.25rem;
  --ss-radius-md: 0.25rem;
  --ss-radius-lg: 0.5rem;
  --ss-radius-xl: 1rem;
  --ss-radius-2xl: 1.25rem;
  --ss-radius-3xl: 1.5rem;
  --ss-radius-full: 624.9375rem;
}

:root {
  --ss-a-border-width-0: 0;
  --ss-a-border-width-1: 0.0625rem;
  --ss-a-border-width-2: 0.125rem;
  --ss-a-border-width-4: 0.25rem;
  --ss-a-border-width-8: 0.5rem;
  --ss-a-border-width: var(--ss-a-border-width-1);
  --ss-a-border-color: var(--ss-color-border, currentColor);
  --ss-a-border-style: solid;
  --ss-a-border-thin: var(--ss-a-border-width-1);
  --ss-a-border-width-sm: var(--ss-a-border-width-1);
}

:root {
  --ss-a-shadow-color: rgb(0 0 0 / 0.1);
  --ss-a-shadow-color-heavy: rgb(0 0 0 / 0.25);
  --ss-a-shadow-none: none;
  --ss-a-shadow-sm: 0 0.0625rem 0.125rem 0 var(--ss-a-shadow-color);
  --ss-a-shadow-default:
      0 0.0625rem 0.1875rem 0 var(--ss-a-shadow-color),
      0 0.0625rem 0.125rem -0.0625rem var(--ss-a-shadow-color);
  --ss-a-shadow-md:
      0 0.25rem 0.375rem -0.0625rem var(--ss-a-shadow-color),
      0 0.125rem 0.25rem -0.125rem var(--ss-a-shadow-color);
  --ss-a-shadow-lg:
      0 0.625rem 0.9375rem -0.1875rem var(--ss-a-shadow-color),
      0 0.25rem 0.375rem -0.25rem var(--ss-a-shadow-color);
  --ss-a-shadow-xl:
      0 1.25rem 1.5625rem -0.3125rem var(--ss-a-shadow-color),
      0 0.5rem 0.625rem -0.375rem var(--ss-a-shadow-color);
  --ss-a-shadow-2xl: 0 1.5625rem 3.125rem -0.75rem var(--ss-a-shadow-color-heavy);
  --ss-a-shadow-inner: inset 0 0.125rem 0.25rem 0 var(--ss-a-shadow-color);
  --ss-shadow-none: none;
  --ss-shadow-xs: 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 0.04);
  --ss-shadow-1: var(--ss-shadow-xs);
  --ss-shadow-sm: var(--ss-a-shadow-sm);
  --ss-shadow-md: var(--ss-a-shadow-md);
  --ss-shadow-lg: var(--ss-a-shadow-lg);
  --ss-shadow-xl: var(--ss-a-shadow-xl);
}

:root {
  --ss-duration-0: 0ms;
  --ss-duration-75: 75ms;
  --ss-duration-100: 100ms;
  --ss-duration-150: 150ms;
  --ss-duration-200: 200ms;
  --ss-duration-300: 300ms;
  --ss-duration-500: 500ms;
  --ss-duration-700: 700ms;
  --ss-duration-1000: 1000ms;
  --ss-ease-linear: linear;
  --ss-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ss-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ss-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ss-ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ss-transition-default: var(--ss-duration-150) var(--ss-ease-in-out);
  --ss-transition-fast: var(--ss-duration-100) var(--ss-ease-in-out);
  --ss-transition-slow: var(--ss-duration-300) var(--ss-ease-in-out);
}

:root {
  --ss-z-auto: auto;
  --ss-z-0: 0;
  --ss-z-10: 10;
  --ss-z-20: 20;
  --ss-z-30: 30;
  --ss-z-40: 40;
  --ss-z-50: 50;
  --ss-z-bottom-nav: 90;
  --ss-z-navbar: 100;
  --ss-z-interface: 200;
  --ss-z-dropdown: 1000;
  --ss-z-sticky: 1020;
  --ss-z-fixed: 1030;
  --ss-z-modal-backdrop: 1040;
  --ss-z-modal: 1050;
  --ss-z-popover: 1060;
  --ss-z-tooltip: 1070;
  --ss-z-toast: 1080;
}

:root {
  --ss-font-size-base: 1rem;
  --ss-line-height-base: 1.5;
  --ss-font-size-xs: 0.75rem;
  --ss-font-size-sm: 0.875rem;
  --ss-font-size-md: 1rem;
  --ss-font-size-lg: 1.125rem;
  --ss-font-size-xl: 1.25rem;
  --ss-font-size-2xl: 1.5rem;
  --ss-font-size-3xl: 1.875rem;
  --ss-font-size-4xl: 2.25rem;
  --ss-font-size-5xl: 3rem;
  --ss-font-size-6xl: 3.75rem;
  --ss-font-size-7xl: 4.5rem;
  --ss-font-size-8xl: 6rem;
  --ss-font-size-9xl: 8rem;
  --ss-font-size-xxl: var(--ss-font-size-2xl);
  --ss-line-height-none: 1;
  --ss-line-height-tight: 1.25;
  --ss-line-height-snug: 1.375;
  --ss-line-height-normal: 1.5;
  --ss-line-height-relaxed: 1.625;
  --ss-line-height-loose: 2;
  --ss-font-weight-thin: 100;
  --ss-font-weight-extralight: 200;
  --ss-font-weight-light: 300;
  --ss-font-weight-normal: 400;
  --ss-font-weight-regular: var(--ss-font-weight-normal);
  --ss-font-weight-medium: 500;
  --ss-font-weight-semibold: 600;
  --ss-font-weight-bold: 700;
  --ss-font-weight-extrabold: 800;
  --ss-font-weight-black: 900;
  --ss-tracking-tighter: -0.05em;
  --ss-tracking-tight: -0.025em;
  --ss-tracking-normal: 0em;
  --ss-tracking-wide: 0.025em;
  --ss-tracking-wider: 0.05em;
  --ss-tracking-widest: 0.1em;
}

:root {
  --ss-baseline: 0.25rem;
  --ss-baseline-1: var(--ss-baseline);
  --ss-baseline-2: calc(var(--ss-baseline) * 2);
  --ss-baseline-3: calc(var(--ss-baseline) * 3);
  --ss-baseline-4: calc(var(--ss-baseline) * 4);
  --ss-baseline-5: calc(var(--ss-baseline) * 5);
  --ss-baseline-6: calc(var(--ss-baseline) * 6);
  --ss-baseline-7: calc(var(--ss-baseline) * 7);
  --ss-baseline-8: calc(var(--ss-baseline) * 8);
  --ss-baseline-10: calc(var(--ss-baseline) * 10);
  --ss-baseline-12: calc(var(--ss-baseline) * 12);
  --ss-baseline-16: calc(var(--ss-baseline) * 16);
  --ss-baseline-20: calc(var(--ss-baseline) * 20);
  --ss-baseline-24: calc(var(--ss-baseline) * 24);
}

:root {
  --ss-leading-tight: 1.2;
  --ss-leading-normal: 1.5;
  --ss-leading-relaxed: 1.75;
  --ss-leading-loose: 2;
  --ss-leading-none: 1;
  --ss-leading-heading: var(--ss-leading-tight);
  --ss-leading-body: var(--ss-leading-normal);
  --ss-leading-caption: var(--ss-leading-relaxed);
}

:root {
  --ss-vspace-xs: var(--ss-baseline-2);
  --ss-vspace-sm: var(--ss-baseline-4);
  --ss-vspace-md: var(--ss-baseline-6);
  --ss-vspace-lg: var(--ss-baseline-8);
  --ss-vspace-xl: var(--ss-baseline-12);
  --ss-vspace-2xl: var(--ss-baseline-16);
  --ss-vspace-3xl: var(--ss-baseline-24);
  --ss-section-gap: var(--ss-vspace-xl);
  --ss-block-gap: var(--ss-vspace-md);
  --ss-element-gap: var(--ss-vspace-sm);
}

:root {
  --ss-measure-narrow: 45ch;
  --ss-measure-default: 65ch;
  --ss-measure-wide: 80ch;
  --ss-measure-full: 100%;
  --ss-measure-prose: var(--ss-measure-default);
  --ss-measure-heading: var(--ss-measure-wide);
  --ss-measure-caption: var(--ss-measure-narrow);
}

/* -------------------------------------------------------------------------- */
/* 2x - Expression — Design Systems                                                */
/* -------------------------------------------------------------------------- */
@layer ss.flow {
  .ss-f-stack {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .ss-f-stack > * {
    margin-block: 0;
  }
  .ss-f-stack > * + * {
    margin-block-start: var(--ss-f-stack-gap, var(--ss-vspace-md));
  }
  .ss-f-stack-xs {
    --ss-f-stack-gap: var(--ss-vspace-xs);
  }
  .ss-f-stack-sm {
    --ss-f-stack-gap: var(--ss-vspace-sm);
  }
  .ss-f-stack-md {
    --ss-f-stack-gap: var(--ss-vspace-md);
  }
  .ss-f-stack-lg {
    --ss-f-stack-gap: var(--ss-vspace-lg);
  }
  .ss-f-stack-xl {
    --ss-f-stack-gap: var(--ss-vspace-xl);
  }
}
@layer ss.flow {
  .ss-f-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ss-f-cluster-gap, var(--ss-spacing-4));
    justify-content: var(--ss-f-cluster-justify, flex-start);
    align-items: var(--ss-f-cluster-align, center);
  }
  .ss-f-cluster-xs {
    --ss-f-cluster-gap: var(--ss-spacing-1);
  }
  .ss-f-cluster-sm {
    --ss-f-cluster-gap: var(--ss-spacing-2);
  }
  .ss-f-cluster-md {
    --ss-f-cluster-gap: var(--ss-spacing-4);
  }
  .ss-f-cluster-lg {
    --ss-f-cluster-gap: var(--ss-spacing-6);
  }
  .ss-f-cluster-xl {
    --ss-f-cluster-gap: var(--ss-spacing-8);
  }
  .ss-f-cluster-center {
    --ss-f-cluster-justify: center;
  }
  .ss-f-cluster-end {
    --ss-f-cluster-justify: flex-end;
  }
  .ss-f-cluster-between {
    --ss-f-cluster-justify: space-between;
  }
}
@layer ss.flow {
  .ss-f-inline {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ss-f-inline-gap, var(--ss-spacing-4));
    align-items: var(--ss-f-inline-align, baseline);
  }
  .ss-f-inline-xs {
    --ss-f-inline-gap: var(--ss-spacing-1);
  }
  .ss-f-inline-sm {
    --ss-f-inline-gap: var(--ss-spacing-2);
  }
  .ss-f-inline-md {
    --ss-f-inline-gap: var(--ss-spacing-4);
  }
  .ss-f-inline-lg {
    --ss-f-inline-gap: var(--ss-spacing-6);
  }
  .ss-f-inline-center {
    align-items: center;
  }
  .ss-f-inline-stretch {
    align-items: stretch;
  }
}
@layer ss.flow {
  .ss-f-center {
    box-sizing: content-box;
    max-width: var(--ss-f-center-max, var(--ss-measure-default));
    margin-inline: auto;
    padding-inline: var(--ss-f-center-gutter, var(--ss-spacing-4));
  }
  .ss-f-center-narrow {
    --ss-f-center-max: var(--ss-measure-narrow);
  }
  .ss-f-center-wide {
    --ss-f-center-max: var(--ss-measure-wide);
  }
  .ss-f-center-full {
    --ss-f-center-max: 100%;
  }
  .ss-f-center-text {
    text-align: center;
  }
  .ss-f-center-flex {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@layer ss.flow {
  .ss-f-split {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: var(--ss-f-split-align, center);
    gap: var(--ss-f-split-gap, var(--ss-spacing-4));
  }
  .ss-f-split-start {
    --ss-f-split-align: flex-start;
  }
  .ss-f-split-end {
    --ss-f-split-align: flex-end;
  }
  .ss-f-split-stretch {
    --ss-f-split-align: stretch;
  }
  .ss-f-split-nowrap {
    flex-wrap: nowrap;
  }
}
@layer ss.flow {
  .ss-f-cover {
    display: flex;
    flex-direction: column;
    min-block-size: var(--ss-f-cover-min, 100vh);
    padding: var(--ss-f-cover-padding, var(--ss-spacing-4));
  }
  .ss-f-cover > * {
    margin-block: var(--ss-spacing-4);
  }
  .ss-f-cover > :first-child:not(.ss-f-cover-center) {
    margin-block-start: 0;
  }
  .ss-f-cover > :last-child:not(.ss-f-cover-center) {
    margin-block-end: 0;
  }
  .ss-f-cover-center {
    margin-block: auto;
  }
  .ss-f-cover-half {
    --ss-f-cover-min: 50vh;
  }
  .ss-f-cover-full {
    --ss-f-cover-min: 100vh;
  }
  .ss-f-cover-dynamic {
    --ss-f-cover-min: 100dvh;
  }
}
@layer ss.flow {
  .ss-f-frame {
    aspect-ratio: var(--ss-f-frame-ratio, 16/9);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ss-f-frame > img,
  .ss-f-frame > video {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  .ss-f-frame-square {
    --ss-f-frame-ratio: 1 / 1;
  }
  .ss-f-frame-video {
    --ss-f-frame-ratio: 16 / 9;
  }
  .ss-f-frame-cinema {
    --ss-f-frame-ratio: 21 / 9;
  }
  .ss-f-frame-portrait {
    --ss-f-frame-ratio: 3 / 4;
  }
  .ss-f-frame-landscape {
    --ss-f-frame-ratio: 4 / 3;
  }
  .ss-f-frame-golden {
    --ss-f-frame-ratio: 1.618 / 1;
  }
}
@layer ss.layout {
  .ss-l-grid {
    display: grid;
    gap: var(--ss-l-grid-gap, var(--ss-spacing-4));
  }
  .ss-l-grid-auto {
    grid-template-columns: repeat(auto-fit, minmax(var(--ss-l-grid-min, 15.625rem), 1fr));
  }
  .ss-l-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-l-grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-l-grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-l-grid-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ss-l-grid-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-l-grid-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .ss-l-grid-gap-0 {
    --ss-l-grid-gap: 0;
  }
  .ss-l-grid-gap-xs {
    --ss-l-grid-gap: var(--ss-spacing-1);
  }
  .ss-l-grid-gap-sm {
    --ss-l-grid-gap: var(--ss-spacing-2);
  }
  .ss-l-grid-gap-md {
    --ss-l-grid-gap: var(--ss-spacing-4);
  }
  .ss-l-grid-gap-lg {
    --ss-l-grid-gap: var(--ss-spacing-6);
  }
  .ss-l-grid-gap-xl {
    --ss-l-grid-gap: var(--ss-spacing-8);
  }
}
@layer ss.layout {
  .ss-l-container {
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--ss-l-container-padding, var(--ss-spacing-4));
    max-width: var(--ss-l-container-max, 80rem);
  }
  .ss-l-container-sm {
    --ss-l-container-max: 40rem;
  }
  .ss-l-container-md {
    --ss-l-container-max: 48rem;
  }
  .ss-l-container-lg {
    --ss-l-container-max: 64rem;
  }
  .ss-l-container-xl {
    --ss-l-container-max: 80rem;
  }
  .ss-l-container-2xl {
    --ss-l-container-max: 96rem;
  }
  .ss-l-container-full {
    --ss-l-container-max: 100%;
  }
  .ss-l-container-fluid {
    width: 100%;
    padding-inline: var(--ss-l-container-padding, var(--ss-spacing-4));
  }
}
@layer ss.layout {
  .ss-l-region {
    padding-block: var(--ss-l-region-padding, var(--ss-vspace-xl));
  }
  .ss-l-region-sm {
    --ss-l-region-padding: var(--ss-vspace-sm);
  }
  .ss-l-region-md {
    --ss-l-region-padding: var(--ss-vspace-md);
  }
  .ss-l-region-lg {
    --ss-l-region-padding: var(--ss-vspace-lg);
  }
  .ss-l-region-xl {
    --ss-l-region-padding: var(--ss-vspace-xl);
  }
  .ss-l-region-2xl {
    --ss-l-region-padding: var(--ss-vspace-2xl);
  }
  .ss-l-region-hero {
    padding-block: var(--ss-vspace-3xl);
    min-height: var(--ss-l-region-min-height, auto);
  }
  .ss-l-region-divided {
    border-block-end: var(--ss-a-border-width) solid var(--ss-color-border);
  }
}
@layer ss.layout {
  .ss-l-columns {
    column-count: var(--ss-column-count, 2);
    column-gap: var(--ss-column-gap, var(--ss-spacing-6));
  }
  .ss-l-columns-1 {
    --ss-column-count: 1;
  }
  .ss-l-columns-2 {
    --ss-column-count: 2;
  }
  .ss-l-columns-3 {
    --ss-column-count: 3;
  }
  .ss-l-columns-4 {
    --ss-column-count: 4;
  }
  .ss-l-columns-auto {
    column-count: auto;
    column-width: var(--ss-column-width, 18rem);
  }
  .ss-l-columns-ruled {
    column-rule: var(--ss-a-border-width) solid var(--ss-color-border);
  }
  .ss-l-column-break-avoid {
    break-inside: avoid;
  }
  .ss-l-column-span-all {
    column-span: all;
  }
}
@layer ss.layout {
  .ss-l-content-main {
    flex: 1 1 auto;
    min-width: 0;
  }
  .ss-l-content-narrow {
    max-width: var(--ss-l-content-narrow, 42.5rem);
    margin-inline: auto;
  }
  .ss-l-content-wide {
    max-width: var(--ss-l-content-wide, 87.5rem);
    margin-inline: auto;
  }
  .ss-l-content-center {
    margin-inline: auto;
    text-align: center;
  }
  .ss-l-article {
    max-width: var(--ss-l-article-max, 45rem);
    margin-inline: auto;
  }
  .ss-l-article__header {
    margin-bottom: var(--ss-spacing-8, 2rem);
  }
  .ss-l-article__body > * + * {
    margin-top: var(--ss-spacing-6, 1.5rem);
  }
  .ss-l-article__footer {
    margin-top: var(--ss-spacing-12, 3rem);
    padding-top: var(--ss-spacing-6, 1.5rem);
  }
}
@layer ss.layout {
  .ss-l-page-landing, .ss-l-page-sidebar-left,
  .ss-l-page-sidebar-right,
  .ss-l-page-sidebar-both, .ss-l-page-sticky-header, .ss-l-page-fixed-header, .ss-l-page-standard {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
  }
  .ss-l-page-standard > header {
    flex-shrink: 0;
  }
  .ss-l-page-standard > main {
    flex-grow: 1;
  }
  .ss-l-page-standard > footer {
    flex-shrink: 0;
  }
  .ss-l-page-fixed-header > header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--ss-z-fixed, 100);
  }
  .ss-l-page-fixed-header > main {
    flex-grow: 1;
    padding-top: var(--ss-page-header-offset, 4rem);
  }
  .ss-l-page-fixed-header > footer {
    flex-shrink: 0;
  }
  .ss-l-page-sticky-header > header {
    position: sticky;
    top: 0;
    z-index: var(--ss-z-sticky, 100);
  }
  .ss-l-page-sticky-header > main {
    flex-grow: 1;
  }
  .ss-l-page-sticky-header > footer {
    flex-shrink: 0;
  }
  .ss-l-page-sidebar-left > .ss-l-page__body,
  .ss-l-page-sidebar-right > .ss-l-page__body,
  .ss-l-page-sidebar-both > .ss-l-page__body {
    display: flex;
    flex-grow: 1;
  }
  .ss-l-page-sidebar-left > .ss-l-page__body > main,
  .ss-l-page-sidebar-right > .ss-l-page__body > main,
  .ss-l-page-sidebar-both > .ss-l-page__body > main {
    flex-grow: 1;
    min-width: 0;
  }
  .ss-l-page-sidebar-left > .ss-l-page__body > aside {
    flex-shrink: 0;
    width: var(--ss-page-sidebar-width, 17.5rem);
    order: -1;
  }
  .ss-l-page-sidebar-right > .ss-l-page__body > aside {
    flex-shrink: 0;
    width: var(--ss-page-sidebar-width, 17.5rem);
  }
  .ss-l-page-sidebar-both > .ss-l-page__body > aside:first-of-type {
    flex-shrink: 0;
    width: var(--ss-page-sidebar-width, 15rem);
    order: -1;
  }
  .ss-l-page-sidebar-both > .ss-l-page__body > aside:last-of-type {
    flex-shrink: 0;
    width: var(--ss-page-sidebar-width, 15rem);
  }
  .ss-l-page-dashboard {
    display: flex;
    min-height: 100vh;
    min-height: 100dvh;
  }
  .ss-l-page-dashboard > nav {
    flex-shrink: 0;
    width: var(--ss-page-nav-width, 15rem);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-y: auto;
  }
  .ss-l-page-dashboard > .ss-page__content {
    flex-grow: 1;
    margin-left: var(--ss-page-nav-width, 15rem);
    display: flex;
    flex-direction: column;
  }
  .ss-l-page-dashboard > .ss-page__content > header {
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: var(--ss-z-sticky, 50);
  }
  .ss-l-page-dashboard > .ss-page__content > main {
    flex-grow: 1;
    padding: var(--ss-spacing-6, 1.5rem);
  }
  .ss-l-page-holy-grail {
    display: grid;
    grid-template-areas: "header header header" "nav    main   aside" "footer footer footer";
    grid-template-columns: var(--ss-page-nav-width, 12.5rem) 1fr var(--ss-page-aside-width, 12.5rem);
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
    min-height: 100dvh;
  }
  .ss-l-page-holy-grail > header {
    grid-area: header;
  }
  .ss-l-page-holy-grail > nav {
    grid-area: nav;
  }
  .ss-l-page-holy-grail > main {
    grid-area: main;
    min-width: 0;
  }
  .ss-l-page-holy-grail > aside {
    grid-area: aside;
  }
  .ss-l-page-holy-grail > footer {
    grid-area: footer;
  }
  @media (max-width: 48rem) {
    .ss-l-page-holy-grail {
      grid-template-areas: "header" "nav" "main" "aside" "footer";
      grid-template-columns: 1fr;
      grid-template-rows: auto auto 1fr auto auto;
    }
  }
  .ss-l-page-landing > header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--ss-z-fixed, 100);
  }
  .ss-l-page-landing > main {
    flex-grow: 1;
  }
  .ss-l-page-landing > main > section:first-child {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-l-page-landing > footer {
    flex-shrink: 0;
  }
}
@layer ss.layout {
  .ss-l-frame {
    box-sizing: border-box;
    display: grid;
    width: 100vw;
    height: 100vh;
    min-width: 100vw;
    min-height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
    overflow: hidden;
    gap: 0;
    margin: 0;
    padding: 0;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "top_left      top_center       top_right" "middle_left   middle_center    middle_right" "bottom_left   bottom_center    bottom_right";
  }
  .ss-l-frame__area--right, .ss-l-frame__area--center, .ss-l-frame__area--left, .ss-l-frame__area--bottom, .ss-l-frame__area--middle, .ss-l-frame__area--top, .ss-l-frame__area--bottom_right, .ss-l-frame__area--bottom_center, .ss-l-frame__area--bottom_left, .ss-l-frame__area--middle_right, .ss-l-frame__area--middle_center, .ss-l-frame__area--middle_left, .ss-l-frame__area--top_right, .ss-l-frame__area--top_center, .ss-l-frame__area--top_left {
    box-sizing: border-box;
    display: grid;
    max-height: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  .ss-l-frame__area--bottom_center, .ss-l-frame__area--middle_right, .ss-l-frame__area--middle_center, .ss-l-frame__area--middle_left, .ss-l-frame__area--top_center {
    flex-shrink: 1;
    flex-grow: 1;
  }
  .ss-l-frame__area--top_left {
    grid-area: top_left;
  }
  .ss-l-frame__area--top_center {
    grid-area: top_center;
  }
  .ss-l-frame__area--top_right {
    grid-area: top_right;
  }
  .ss-l-frame__area--middle_left {
    grid-area: middle_left;
    height: 100%;
  }
  .ss-l-frame__area--middle_center {
    grid-area: middle_center;
    overflow: auto;
  }
  .ss-l-frame__area--middle_right {
    grid-area: middle_right;
  }
  .ss-l-frame__area--bottom_left {
    grid-area: bottom_left;
  }
  .ss-l-frame__area--bottom_center {
    grid-area: bottom_center;
  }
  .ss-l-frame__area--bottom_right {
    grid-area: bottom_right;
  }
  .ss-l-frame__area--top {
    grid-row-start: top_left;
    grid-column-start: top_left;
    grid-row-end: top_right;
    grid-column-end: top_right;
  }
  .ss-l-frame__area--middle {
    grid-row-start: middle_left;
    grid-column-start: middle_left;
    grid-row-end: middle_right;
    grid-column-end: middle_right;
  }
  .ss-l-frame__area--bottom {
    grid-row-start: bottom_left;
    grid-column-start: bottom_left;
    grid-row-end: bottom_right;
    grid-column-end: bottom_right;
  }
  .ss-l-frame__area--left {
    grid-row-start: top_left;
    grid-column-start: top_left;
    grid-row-end: bottom_left;
    grid-column-end: bottom_left;
  }
  .ss-l-frame__area--center {
    grid-row-start: top_center;
    grid-column-start: top_center;
    grid-row-end: bottom_center;
    grid-column-end: bottom_center;
  }
  .ss-l-frame__area--right {
    grid-row-start: top_right;
    grid-column-start: top_right;
    grid-row-end: bottom_right;
    grid-column-end: bottom_right;
  }
  .ss-l-main {
    box-sizing: border-box;
    max-width: 100%;
    min-height: 100%;
    padding: 1.25rem;
  }
}
@layer ss.layout {
  .ss-l-canvas--viewport, .ss-l-canvas--gradient, .ss-l-canvas > *, .ss-l-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    z-index: 0;
    overflow: hidden;
  }
  .ss-l-canvas--viewport, .ss-l-canvas--gradient {
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
  }
}
@layer ss.layout {
  .ss-l-interface {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    overflow: hidden;
    pointer-events: none;
    z-index: var(--ss-z-interface, 200);
  }
  .ss-l-interface__header {
    display: flex;
    flex-direction: row;
  }
  .ss-l-interface > [data-pointer-events=auto] {
    pointer-events: auto;
  }
}
@layer ss.layout {
  .ss-l-vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
  }
  .ss-l-hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
  }
}
@layer ss.appearance {
  .ss-a-surface {
    background-color: var(--ss-a-surface-bg, var(--ss-color-background));
    color: var(--ss-a-surface-color, var(--ss-color-foreground));
  }
  .ss-a-surface-muted {
    --ss-a-surface-bg: var(--ss-color-muted);
  }
  .ss-a-surface-primary {
    --ss-a-surface-bg: var(--ss-color-primary);
    --ss-a-surface-color: var(--ss-color-white);
  }
  .ss-a-surface-inverted {
    --ss-a-surface-bg: var(--ss-color-foreground);
    --ss-a-surface-color: var(--ss-color-background);
  }
  .ss-a-surface-interactive {
    cursor: pointer;
    transition: background-color var(--ss-transition-default);
  }
  .ss-a-surface-interactive:hover {
    background-color: var(--ss-color-muted);
  }
}
@layer ss.appearance {
  .ss-a-border {
    border: var(--ss-a-border-width) var(--ss-a-border-style) var(--ss-a-border-color);
  }
  .ss-a-border-t {
    border-top: var(--ss-a-border-width) var(--ss-a-border-style) var(--ss-a-border-color);
  }
  .ss-a-border-r {
    border-right: var(--ss-a-border-width) var(--ss-a-border-style) var(--ss-a-border-color);
  }
  .ss-a-border-b {
    border-bottom: var(--ss-a-border-width) var(--ss-a-border-style) var(--ss-a-border-color);
  }
  .ss-a-border-l {
    border-left: var(--ss-a-border-width) var(--ss-a-border-style) var(--ss-a-border-color);
  }
  .ss-a-border-x {
    border-left: var(--ss-a-border-width) var(--ss-a-border-style) var(--ss-a-border-color);
    border-right: var(--ss-a-border-width) var(--ss-a-border-style) var(--ss-a-border-color);
  }
  .ss-a-border-y {
    border-top: var(--ss-a-border-width) var(--ss-a-border-style) var(--ss-a-border-color);
    border-bottom: var(--ss-a-border-width) var(--ss-a-border-style) var(--ss-a-border-color);
  }
  .ss-a-border-0 {
    border: none;
  }
  .ss-a-rounded {
    border-radius: var(--ss-radius-default);
  }
  .ss-a-rounded-sm {
    border-radius: var(--ss-radius-sm);
  }
  .ss-a-rounded-md {
    border-radius: var(--ss-radius-md);
  }
  .ss-a-rounded-lg {
    border-radius: var(--ss-radius-lg);
  }
  .ss-a-rounded-xl {
    border-radius: var(--ss-radius-xl);
  }
  .ss-a-rounded-full {
    border-radius: var(--ss-radius-full);
  }
  .ss-a-rounded-none {
    border-radius: var(--ss-radius-none);
  }
}
@layer ss.appearance {
  .ss-a-elevation-0 {
    box-shadow: var(--ss-a-shadow-none);
  }
  .ss-a-elevation-1 {
    box-shadow: var(--ss-a-shadow-sm);
  }
  .ss-a-elevation-2 {
    box-shadow: var(--ss-a-shadow-default);
  }
  .ss-a-elevation-3 {
    box-shadow: var(--ss-a-shadow-md);
  }
  .ss-a-elevation-4 {
    box-shadow: var(--ss-a-shadow-lg);
  }
  .ss-a-elevation-5 {
    box-shadow: var(--ss-a-shadow-xl);
  }
  .ss-a-elevation-6 {
    box-shadow: var(--ss-a-shadow-2xl);
  }
  .ss-a-shadow-none {
    box-shadow: var(--ss-a-shadow-none);
  }
  .ss-a-shadow-sm {
    box-shadow: var(--ss-a-shadow-sm);
  }
  .ss-a-shadow {
    box-shadow: var(--ss-a-shadow-default);
  }
  .ss-a-shadow-md {
    box-shadow: var(--ss-a-shadow-md);
  }
  .ss-a-shadow-lg {
    box-shadow: var(--ss-a-shadow-lg);
  }
  .ss-a-shadow-xl {
    box-shadow: var(--ss-a-shadow-xl);
  }
  .ss-a-shadow-2xl {
    box-shadow: var(--ss-a-shadow-2xl);
  }
  .ss-a-shadow-inner {
    box-shadow: var(--ss-a-shadow-inner);
  }
  .ss-a-elevation-interactive {
    transition: box-shadow var(--ss-transition-default);
  }
  .ss-a-elevation-interactive:hover {
    box-shadow: var(--ss-a-shadow-lg);
  }
}
@layer ss.appearance {
  .ss-a-bg-transparent {
    background-color: transparent;
  }
  .ss-a-bg-current {
    background-color: currentColor;
  }
  .ss-a-bg-white {
    background-color: var(--ss-color-white);
  }
  .ss-a-bg-black {
    background-color: var(--ss-color-black);
  }
  .ss-a-bg-primary {
    background-color: var(--ss-color-primary);
  }
  .ss-a-bg-secondary {
    background-color: var(--ss-color-secondary);
  }
  .ss-a-bg-muted {
    background-color: var(--ss-color-muted);
  }
  .ss-a-bg-success {
    background-color: var(--ss-color-success);
  }
  .ss-a-bg-warning {
    background-color: var(--ss-color-warning);
  }
  .ss-a-bg-error {
    background-color: var(--ss-color-error);
  }
  .ss-a-bg-info {
    background-color: var(--ss-color-info);
  }
  .ss-a-bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ss-a-bg-contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ss-a-bg-fixed {
    background-attachment: fixed;
  }
}
@layer ss.appearance {
  .ss-a-opacity-0 {
    opacity: 0;
  }
  .ss-a-opacity-5 {
    opacity: 0.05;
  }
  .ss-a-opacity-10 {
    opacity: 0.1;
  }
  .ss-a-opacity-20 {
    opacity: 0.2;
  }
  .ss-a-opacity-25 {
    opacity: 0.25;
  }
  .ss-a-opacity-30 {
    opacity: 0.3;
  }
  .ss-a-opacity-40 {
    opacity: 0.4;
  }
  .ss-a-opacity-50 {
    opacity: 0.5;
  }
  .ss-a-opacity-60 {
    opacity: 0.6;
  }
  .ss-a-opacity-70 {
    opacity: 0.7;
  }
  .ss-a-opacity-75 {
    opacity: 0.75;
  }
  .ss-a-opacity-80 {
    opacity: 0.8;
  }
  .ss-a-opacity-90 {
    opacity: 0.9;
  }
  .ss-a-opacity-95 {
    opacity: 0.95;
  }
  .ss-a-opacity-100 {
    opacity: 1;
  }
  .ss-a-hover-opacity-100 {
    transition: opacity var(--ss-transition-default);
  }
  .ss-a-hover-opacity-100:hover {
    opacity: 1;
  }
}
@layer ss.appearance {
  .ss-a-blur-none {
    filter: blur(0);
  }
  .ss-a-blur-sm {
    filter: blur(0.25rem);
  }
  .ss-a-blur {
    filter: blur(0.5rem);
  }
  .ss-a-blur-md {
    filter: blur(0.75rem);
  }
  .ss-a-blur-lg {
    filter: blur(1rem);
  }
  .ss-a-blur-xl {
    filter: blur(1.5rem);
  }
  .ss-a-blur-2xl {
    filter: blur(2.5rem);
  }
  .ss-a-blur-3xl {
    filter: blur(4rem);
  }
  .ss-a-backdrop-blur-none {
    backdrop-filter: blur(0);
  }
  .ss-a-backdrop-blur-sm {
    backdrop-filter: blur(0.25rem);
  }
  .ss-a-backdrop-blur {
    backdrop-filter: blur(0.5rem);
  }
  .ss-a-backdrop-blur-md {
    backdrop-filter: blur(0.75rem);
  }
  .ss-a-backdrop-blur-lg {
    backdrop-filter: blur(1rem);
  }
  .ss-a-backdrop-blur-xl {
    backdrop-filter: blur(1.5rem);
  }
  .ss-a-grayscale-0 {
    filter: grayscale(0);
  }
  .ss-a-grayscale {
    filter: grayscale(100%);
  }
  .ss-a-brightness-50 {
    filter: brightness(0.5);
  }
  .ss-a-brightness-75 {
    filter: brightness(0.75);
  }
  .ss-a-brightness-90 {
    filter: brightness(0.9);
  }
  .ss-a-brightness-100 {
    filter: brightness(1);
  }
  .ss-a-brightness-105 {
    filter: brightness(1.05);
  }
  .ss-a-brightness-110 {
    filter: brightness(1.1);
  }
  .ss-a-brightness-125 {
    filter: brightness(1.25);
  }
  .ss-a-brightness-150 {
    filter: brightness(1.5);
  }
  .ss-a-invert-0 {
    filter: invert(0);
  }
  .ss-a-invert {
    filter: invert(100%);
  }
}
@layer ss.appearance {
  .ss-a-line {
    display: block;
    width: 100%;
    height: 0.0625rem;
    margin: 0.5rem 0;
    border: 0;
    background: currentColor;
  }
  .ss-a-line--thin {
    height: 0.0625rem;
  }
  .ss-a-line--medium {
    height: 0.125rem;
  }
  .ss-a-line--thick {
    height: 0.1875rem;
  }
  .ss-a-line--continuous {
    background: currentColor;
  }
  .ss-a-line--hidden {
    background: repeating-linear-gradient(90deg, currentColor 0 0.3125rem, transparent 0.3125rem 0.5625rem);
  }
  .ss-a-line--center {
    background: repeating-linear-gradient(90deg, currentColor 0 1.25rem, transparent 1.25rem 1.5rem, currentColor 1.5rem 1.75rem, transparent 1.75rem 2rem);
  }
  .ss-a-line--phantom {
    background: repeating-linear-gradient(90deg, currentColor 0 1.5rem, transparent 1.5rem 1.75rem, currentColor 1.75rem 2rem, transparent 2rem 2.25rem, currentColor 2.25rem 2.5rem, transparent 2.5rem 2.75rem);
  }
  .ss-a-line--cutting {
    height: 0.1875rem;
    background: repeating-linear-gradient(90deg, currentColor 0 1.25rem, transparent 1.25rem 1.5rem, currentColor 1.5rem 1.75rem, transparent 1.75rem 2rem);
  }
  .ss-a-line--dimension {
    height: 0.0625rem;
    background: currentColor;
  }
  .ss-a-line--dotted {
    background: repeating-linear-gradient(90deg, currentColor 0 0.0625rem, transparent 0.0625rem 0.25rem);
  }
  .ss-a-line--dashdot {
    background: repeating-linear-gradient(90deg, currentColor 0 0.625rem, transparent 0.625rem 0.8125rem, currentColor 0.8125rem 0.875rem, transparent 0.875rem 1.0625rem);
  }
  .ss-a-line--border {
    height: 0.25rem;
    background: currentColor;
  }
}
@layer ss.appearance {
  body {
    background: var(--color_fill_primary);
  }
  code:not(pre *),
  kbd:not(pre *),
  samp:not(pre *) {
    background-color: var(--color_fill_secondary);
    border-radius: 0.125rem;
  }
  a > code,
  a > kbd,
  a > samp {
    color: #333;
  }
  pre[data-line-numbers] .line-number,
  .ss-t-code--numbered .line-number {
    position: absolute;
    width: 3em;
    background-color: #eee;
  }
  pre,
  .ss-t-paragraph--code {
    background-color: var(--ss-color-code-background);
    border-width: 0.0625rem;
    border-style: solid;
    border-color: var(--ss-color-border-subtle);
    border-radius: 0;
  }
  abbr[title]:hover::after,
  abbr[title]:focus::after,
  .ss-t-char-abbr:hover::after,
  .ss-t-char-abbr:focus::after {
    position: absolute;
    z-index: 10;
    background-color: var(--ss-color-code-bg, #1e1e1e);
    border-radius: 0.1875rem;
    box-shadow: 0.0625rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.4);
  }
  mark,
  .ss-t-highlight {
    background-color: var(--ss-color-warning);
  }
  .ss-t-aside,
  .ss-t-aside-note,
  .ss-t-aside-tip,
  .ss-t-aside-warning,
  .ss-t-callout,
  .ss-t-sidebar {
    background-color: var(--ss-color-muted);
    border-radius: var(--ss-radius-md);
  }
  .ss-t-aside-note {
    background-color: var(--ss-color-info-bg);
  }
  .ss-t-aside-tip {
    background-color: var(--ss-color-success-bg);
  }
  .ss-t-aside-warning {
    background-color: var(--ss-color-warning-bg);
  }
  .ss-t-callout {
    border: 0.0625rem solid var(--ss-color-border);
    background-color: transparent;
  }
  .ss-t-intro-highlight {
    background-color: var(--ss-color-muted);
    border-radius: var(--ss-radius-md);
  }
  .ss-t-disclaimer {
    background-color: var(--ss-color-muted);
    border-radius: var(--ss-radius-sm);
  }
  .ss-t-copyright {
    border: none;
  }
  .ss-t-blockquote-highlight {
    background-color: var(--ss-color-muted);
    border-radius: var(--ss-radius-md);
  }
  .ss-t-pullquote {
    border: none;
  }
  .ss-t-testimonial {
    border: none;
  }
  blockquote,
  .ss-t-blockquote,
  .ss-t-blockquote--decorated {
    background: transparent;
  }
  .ss-t-blockquote--decorated::before {
    position: absolute;
    left: -0.5em;
  }
  .ss-t-dropcap-boxed::first-letter {
    background-color: var(--ss-color-surface-alt);
  }
  .ss-l-canvas--gradient {
    color: hsla(0, 0%, 100%, 0.85);
    background-color: #170d24;
    background-image: radial-gradient(ellipse at 10% 90%, #0d1f7a 0%, transparent 55%), radial-gradient(ellipse at 90% 90%, #439cc5 0%, transparent 55%), radial-gradient(ellipse at 90% 10%, #4a74dc 0%, transparent 55%), radial-gradient(ellipse at 10% 10%, #35244f 0%, transparent 55%);
  }
  .ss-l-article__footer {
    border-top: 0.0625rem solid var(--ss-color-border, currentColor);
  }
}
/* -------------------------------------------------------------------------- */
/* 3x - Assembly — Meaning & Composition                                           */
/* -------------------------------------------------------------------------- */
@layer ss.components {
  .ss-c-accordion {
    display: block;
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
    border-radius: var(--ss-radius-md);
    overflow: hidden;
  }
  .ss-c-accordion__item {
    display: block;
  }
  .ss-c-accordion__item + .ss-c-accordion__item {
    border-top: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
  }
  .ss-c-accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.875rem 1rem;
    background: transparent;
    color: inherit;
    border: 0;
    cursor: pointer;
    text-align: start;
    font-weight: 500;
  }
  .ss-c-accordion__header[aria-expanded=true],
  .ss-c-accordion__header.is-active {
    background: var(--ss-color-surface, transparent);
  }
  .ss-c-accordion__body {
    padding: 1rem;
  }
  .ss-c-accordion__item:not(.is-open) .ss-c-accordion__body {
    display: none;
  }
}
@layer ss.components {
  .ss-c-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border: 0.0625rem solid transparent;
    border-radius: var(--ss-radius-md);
    background: var(--ss-color-info-soft, var(--ss-color-info));
    color: var(--ss-color-info-foreground, var(--ss-color-foreground));
    border-color: var(--ss-color-info);
  }
  .ss-c-alert--info {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border: 0.0625rem solid transparent;
    border-radius: var(--ss-radius-md);
    background: var(--ss-color-info-soft, var(--ss-color-info));
    color: var(--ss-color-info-foreground, var(--ss-color-foreground));
    border-color: var(--ss-color-info);
  }
  .ss-c-alert--success {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border: 0.0625rem solid transparent;
    border-radius: var(--ss-radius-md);
    background: var(--ss-color-success-soft, var(--ss-color-success));
    color: var(--ss-color-success-foreground, var(--ss-color-foreground));
    border-color: var(--ss-color-success);
  }
  .ss-c-alert--warning {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border: 0.0625rem solid transparent;
    border-radius: var(--ss-radius-md);
    background: var(--ss-color-warning-soft, var(--ss-color-warning));
    color: var(--ss-color-warning-foreground, var(--ss-color-foreground));
    border-color: var(--ss-color-warning);
  }
  .ss-c-alert--danger,
  .ss-c-alert--error {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border: 0.0625rem solid transparent;
    border-radius: var(--ss-radius-md);
    background: var(--ss-color-error-soft, var(--ss-color-error));
    color: var(--ss-color-error-foreground, var(--ss-color-foreground));
    border-color: var(--ss-color-error);
  }
  .ss-c-alert__title {
    font-weight: 600;
    margin-block-end: 0.25rem;
  }
  .ss-c-alert__body {
    margin: 0;
  }
  .ss-c-alert__close {
    margin-inline-start: auto;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: inherit;
  }
}
@layer ss.components {
  .ss-c-avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 50%;
    background-color: var(--ss-color-surface-1, var(--ss-color-surface));
    color: var(--ss-color-text-primary);
  }
  .ss-c-avatar > img,
  .ss-c-avatar > svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .ss-c-avatar {
    width: 2.5rem;
    height: 2.5rem;
    font-size: calc(2.5rem * 0.4);
  }
  .ss-c-avatar--xs {
    width: 1.5rem;
    height: 1.5rem;
    font-size: calc(1.5rem * 0.4);
  }
  .ss-c-avatar--sm {
    width: 2rem;
    height: 2rem;
    font-size: calc(2rem * 0.4);
  }
  .ss-c-avatar--lg {
    width: 3.5rem;
    height: 3.5rem;
    font-size: calc(3.5rem * 0.4);
  }
  .ss-c-avatar--xl {
    width: 5rem;
    height: 5rem;
    font-size: calc(5rem * 0.4);
  }
  .ss-c-avatar--ring {
    box-shadow: 0 0 0 0.125rem var(--ss-color-accent), 0 0 0 0.25rem var(--ss-color-background);
  }
  .ss-c-avatar--online::after {
    content: "";
    position: absolute;
    right: 5%;
    bottom: 5%;
    width: 0.25em;
    height: 0.25em;
    border-radius: 50%;
    background-color: var(--ss-color-success, #16a34a);
    box-shadow: 0 0 0 0.125rem var(--ss-color-background);
  }
  .ss-c-avatar--offline::after {
    content: "";
    position: absolute;
    right: 5%;
    bottom: 5%;
    width: 0.25em;
    height: 0.25em;
    border-radius: 50%;
    background-color: var(--ss-color-text-muted, #9ca3af);
    box-shadow: 0 0 0 0.125rem var(--ss-color-background);
  }
  .ss-c-avatar--placeholder {
    background-color: var(--ss-color-surface-2, var(--ss-color-surface));
    color: var(--ss-color-text-secondary, var(--ss-color-text-primary));
    font-weight: 600;
    text-transform: uppercase;
  }
  .ss-c-avatar-group {
    display: inline-flex;
  }
  .ss-c-avatar-group > .ss-c-avatar {
    border: 0.125rem solid var(--ss-color-background);
  }
  .ss-c-avatar-group > .ss-c-avatar + .ss-c-avatar {
    margin-inline-start: -0.75em;
  }
}
@layer ss.components {
  .ss-c-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    vertical-align: middle;
    padding-inline: 0.5em;
    border-radius: var(--ss-radius-sm);
    user-select: none;
    height: 1.75rem;
    min-height: 1.75rem;
    font-size: var(--ss-font-size-sm);
    background: var(--ss-color-foreground);
    color: var(--ss-color-background);
  }
  .ss-c-badge--xs {
    height: 1.25rem;
    min-height: 1.25rem;
    font-size: var(--ss-font-size-xs);
  }
  .ss-c-badge--sm {
    height: 1.5rem;
    min-height: 1.5rem;
    font-size: var(--ss-font-size-sm);
  }
  .ss-c-badge--lg {
    height: 2rem;
    min-height: 2rem;
    font-size: var(--ss-font-size-md);
  }
  .ss-c-badge--xl {
    height: 2.25rem;
    min-height: 2.25rem;
    font-size: var(--ss-font-size-lg);
  }
  .ss-c-badge--accent {
    background: var(--ss-color-accent);
    color: var(--ss-color-on-accent);
  }
  .ss-c-badge--success {
    background: var(--ss-color-success);
    color: var(--ss-color-on-success);
  }
  .ss-c-badge--warning {
    background: var(--ss-color-warning);
    color: var(--ss-color-on-warning);
  }
  .ss-c-badge--error,
  .ss-c-badge--danger {
    background: var(--ss-color-error);
    color: var(--ss-color-on-error);
  }
  .ss-c-badge--info {
    background: var(--ss-color-info);
    color: var(--ss-color-on-info);
  }
  .ss-c-badge--pill {
    border-radius: 62.4375rem;
  }
  .ss-c-badge--square {
    border-radius: 0;
  }
  .ss-c-badge--positioned {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
  }
  .ss-c-badge--dot {
    width: 0.75rem;
    height: 0.75rem;
    padding: 0;
    border-radius: 50%;
  }
}
@layer ss.components {
  .ss-c-bottom-nav {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: var(--ss-z-bottom-nav, 90);
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    width: 100%;
    height: 4rem;
    color: var(--ss-color-text-primary);
    background-color: var(--ss-color-surface-1, var(--ss-color-surface));
    border-top: 0.0625rem solid var(--ss-color-border, currentColor);
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  .ss-c-bottom-nav__item {
    flex: 1;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.125rem;
    padding: 0.25rem 0.5rem;
    font-size: var(--ss-font-size-xs);
    color: var(--ss-color-text-secondary, var(--ss-color-text-muted));
    border: 0;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
  }
  .ss-c-bottom-nav__item:hover {
    color: var(--ss-color-text-primary);
  }
  .ss-c-bottom-nav__item.is-active, .ss-c-bottom-nav__item[aria-current], .ss-c-bottom-nav__item--active {
    color: var(--ss-color-accent);
    border-top: 0.125rem solid var(--ss-color-accent);
    margin-top: -0.125rem;
  }
}
@layer ss.components {
  .ss-c-box {
    display: block;
    box-sizing: border-box;
    padding: 1rem;
    background-color: var(--ss-color-fill, #ffffff);
    color: var(--ss-color-text, #1a1a1a);
  }
  .ss-c-box--bordered {
    border: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
  .ss-c-box--rounded {
    border-radius: 0.25rem;
  }
  .ss-c-box--surface {
    display: block;
    box-sizing: border-box;
    padding: 1rem;
    background-color: var(--ss-color-fill, #ffffff);
    color: var(--ss-color-text, #1a1a1a);
    border-radius: 0.25rem;
    box-shadow: var(--ss-a-shadow-sm, 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.08));
  }
  .ss-c-box--elevated {
    display: block;
    box-sizing: border-box;
    padding: 1rem;
    background-color: var(--ss-color-fill, #ffffff);
    color: var(--ss-color-text, #1a1a1a);
    border-radius: 0.25rem;
    box-shadow: var(--ss-a-shadow-md, 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12));
  }
  .ss-c-box--surface-1 {
    background-color: var(--ss-color-surface-1);
    color: var(--ss-color-text-default, var(--ss-color-text-primary));
  }
  .ss-c-box--surface-2 {
    background-color: var(--ss-color-surface-2);
    color: var(--ss-color-text-default, var(--ss-color-text-primary));
  }
  .ss-c-box--surface-3 {
    background-color: var(--ss-color-surface-3);
    color: var(--ss-color-text-default, var(--ss-color-text-primary));
  }
}
@layer ss.components {
  .ss-c-brand {
    font-size: var(--ss-font-size-md);
    font-weight: var(--ss-font-weight-bold);
    letter-spacing: var(--ss-tracking-tight);
    text-transform: uppercase;
    color: var(--ss-color-text-primary);
  }
}
@layer ss.components {
  .ss-c-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--ss-font-size-sm);
    color: var(--ss-color-muted, var(--ss-color-foreground));
  }
  .ss-c-breadcrumb__item {
    display: inline-flex;
    align-items: center;
  }
  .ss-c-breadcrumb__item:not(:first-child)::before {
    content: "/";
    color: var(--ss-color-muted, var(--ss-color-foreground));
    margin-inline-start: 0.5rem;
  }
  .ss-c-breadcrumb__item[aria-current=page] {
    color: var(--ss-color-foreground);
    font-weight: 500;
  }
  .ss-c-breadcrumb__link {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-breadcrumb__link:hover, .ss-c-breadcrumb__link:focus-visible {
    text-decoration: underline;
  }
}
@keyframes ss-c-button-spin {
  to {
    transform: rotate(360deg);
  }
}
@layer ss.components {
  .ss-c-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font: inherit;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    border: 0.0625rem solid transparent;
    border-radius: var(--ss-radius-sm, 0.25rem);
    background: var(--ss-color-text-primary, #1a1a1a);
    color: var(--ss-color-surface, #ffffff);
    transition: background 0.2s ease, border 0.2s ease, opacity 0.2s ease;
  }
  .ss-c-button:hover {
    opacity: 0.9;
  }
  .ss-c-button:active {
    opacity: 0.8;
  }
  .ss-c-button:focus-visible {
    outline: 0.125rem solid var(--ss-color-primary, #0066cc);
    outline-offset: 0.125rem;
  }
  .ss-c-button:disabled, .ss-c-button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .ss-c-button i,
  .ss-c-button [class^=i_],
  .ss-c-button [class*=" i_"],
  .ss-c-button svg {
    font-size: inherit;
    line-height: 1;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    fill: currentColor;
  }
  .ss-c-button--primary {
    background: var(--ss-color-accent, #2563eb);
    color: var(--ss-color-accent-foreground, #ffffff);
    border-color: var(--ss-color-accent, #2563eb);
  }
  .ss-c-button--secondary {
    background: var(--ss-color-secondary, #555555);
    color: #ffffff;
  }
  .ss-c-button--outline {
    background: transparent;
    border-color: var(--ss-color-text-primary, #1a1a1a);
    color: var(--ss-color-text-primary, #1a1a1a);
  }
  .ss-c-button--outline:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  .ss-c-button--ghost {
    background: transparent;
    color: var(--ss-color-text-primary, #1a1a1a);
  }
  .ss-c-button--ghost:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  .ss-c-button--solid {
    background: var(--ss-color-text-primary, #1a1a1a);
    color: var(--ss-color-surface, #ffffff);
  }
  .ss-c-button--link {
    background: transparent;
    color: var(--ss-color-link, #2563eb);
    padding: 0;
    border: 0;
    text-decoration: underline;
  }
  .ss-c-button--accent {
    background: var(--ss-color-accent, #2563eb);
    color: var(--ss-color-accent-foreground, #ffffff);
  }
  .ss-c-button--clear {
    background: transparent;
    color: inherit;
  }
  .ss-c-button--success {
    background: var(--ss-color-success, #16a34a);
    color: #ffffff;
    border-color: var(--ss-color-success, #16a34a);
  }
  .ss-c-button--warning {
    background: var(--ss-color-warning, #f59e0b);
    color: #ffffff;
    border-color: var(--ss-color-warning, #f59e0b);
  }
  .ss-c-button--danger {
    background: var(--ss-color-error, #dc2626);
    color: #ffffff;
    border-color: var(--ss-color-error, #dc2626);
  }
  .ss-c-button--info {
    background: var(--ss-color-info, #0ea5e9);
    color: #ffffff;
    border-color: var(--ss-color-info, #0ea5e9);
  }
  .ss-c-button--rounded {
    border-radius: var(--ss-radius-lg, 0.5rem);
  }
  .ss-c-button--pill {
    border-radius: 624.9375rem;
  }
  .ss-c-button--square {
    border-radius: 0;
  }
  .ss-c-button--icon {
    aspect-ratio: 1/1;
    padding: 0.5rem;
    width: 2.5rem;
    justify-content: center;
  }
  .ss-c-button--block {
    display: flex;
    width: 100%;
  }
  .ss-c-button--disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .ss-c-button--loading {
    position: relative;
    color: transparent !important;
    pointer-events: none;
  }
  .ss-c-button--loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    margin: -0.5rem 0 0 -0.5rem;
    border: 0.125rem solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    color: #ffffff;
    animation: ss-c-button-spin 0.8s linear infinite;
  }
  .ss-c-button--size-xs, .ss-c-button--xs {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
  .ss-c-button--size-sm, .ss-c-button--sm, .ss-c-button--small {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
  }
  .ss-c-button--size-md, .ss-c-button--md {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
  .ss-c-button--size-lg, .ss-c-button--lg, .ss-c-button--large {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
  }
  .ss-c-button--size-xl, .ss-c-button--xl {
    padding: 1rem 2rem;
    font-size: 1.25rem;
  }
  .ss-c-button--menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    padding: 0.5rem;
    font: inherit;
    font-size: 1.25rem;
  }
  .ss-c-button--menu:hover {
    opacity: 0.75;
  }
  .ss-c-button-group {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
  }
}
@layer ss.components {
  .ss-c-button-group {
    display: inline-flex;
    vertical-align: middle;
  }
  .ss-c-button-group > * {
    position: relative;
    flex: 0 1 auto;
    border-radius: 0;
  }
  .ss-c-button-group > *:not(:last-child) {
    margin-right: -0.0625rem;
  }
  .ss-c-button-group > *:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .ss-c-button-group > *:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .ss-c-button-group > *:hover, .ss-c-button-group > *:focus, .ss-c-button-group > *:active {
    z-index: 1;
  }
  .ss-c-button-group--vertical {
    display: inline-flex;
    vertical-align: middle;
  }
  .ss-c-button-group--vertical > * {
    position: relative;
    flex: 0 1 auto;
    border-radius: 0;
  }
  .ss-c-button-group--vertical > *:not(:last-child) {
    margin-right: -0.0625rem;
  }
  .ss-c-button-group--vertical > *:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .ss-c-button-group--vertical > *:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .ss-c-button-group--vertical > *:hover, .ss-c-button-group--vertical > *:focus, .ss-c-button-group--vertical > *:active {
    z-index: 1;
  }
  .ss-c-button-group--vertical {
    flex-direction: column;
    align-items: stretch;
  }
  .ss-c-button-group--vertical > * {
    width: 100%;
  }
  .ss-c-button-group--vertical > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: -0.0625rem;
  }
  .ss-c-button-group--vertical > *:first-child {
    border-radius: 0;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .ss-c-button-group--vertical > *:last-child {
    border-radius: 0;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
}
@layer ss.components {
  .ss-c-caption {
    color: var(--ss-color-text-muted, #666666);
    font-size: 0.8125rem;
    line-height: 1.4;
    font-style: italic;
    padding: 0.25rem 0.5rem;
    display: block;
  }
}
@layer ss.components {
  .ss-c-card {
    --ss-card-padding: var(--ss-space-md);
    --ss-card-radius: var(--ss-radius-md);
    --ss-card-shadow: var(--ss-a-shadow-sm);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: var(--ss-card-padding);
    border-radius: var(--ss-card-radius);
    box-shadow: var(--ss-card-shadow);
    background: var(--ss-card-bg, var(--ss-color-surface));
    color: var(--ss-card-color, var(--ss-color-text-primary));
    border: 0.0625rem solid var(--ss-color-line-secondary);
  }
  .ss-c-card[data-variant=elevated] {
    --ss-card-shadow: var(--ss-a-shadow-md);
    border: none;
  }
  .ss-c-card[data-variant=flat] {
    --ss-card-shadow: none;
    border: none;
  }
  .ss-c-card[data-variant=outlined] {
    border-width: 0.125rem;
  }
  .ss-c-card__header {
    padding-bottom: var(--ss-space-md);
    border-bottom: 0.0625rem solid var(--ss-color-line-primary);
  }
  .ss-c-card__body {
    flex: 1 1 auto;
  }
  .ss-c-card__footer {
    padding-top: var(--ss-space-md);
    border-top: 0.0625rem solid var(--ss-color-line-primary);
  }
  .ss-c-card__image {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  .ss-c-card__image--overlay {
    position: absolute;
    inset: 0;
    padding: var(--ss-card-padding);
    border-radius: var(--ss-card-radius);
  }
  .ss-c-card__image--top {
    border-top-left-radius: var(--ss-card-radius);
    border-top-right-radius: var(--ss-card-radius);
  }
  .ss-c-card__image--bottom {
    border-bottom-left-radius: var(--ss-card-radius);
    border-bottom-right-radius: var(--ss-card-radius);
  }
  .ss-c-card--horizontal {
    flex-direction: row;
  }
  .ss-c-card--horizontal > img {
    width: auto;
    max-width: 40%;
    object-fit: cover;
    border-radius: var(--ss-card-radius) 0 0 var(--ss-card-radius);
  }
  .ss-c-card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .ss-c-card-group > * {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .ss-c-card-group > * + * {
    margin-left: 0;
    border-left: 0;
  }
  .ss-c-card-group > *:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .ss-c-card-group > *:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .ss-c-card-deck {
    display: flex;
    flex-flow: row wrap;
    gap: var(--ss-space-md, 1rem);
  }
  .ss-c-card-deck > * {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
}
@layer ss.components {
  .ss-c-carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .ss-c-carousel__track {
    display: flex;
    transition: transform 0.6s ease;
    will-change: transform;
  }
  .ss-c-carousel__item {
    flex: 0 0 100%;
    min-width: 0;
    position: relative;
  }
  .ss-c-carousel__item > img,
  .ss-c-carousel__item > picture > img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .ss-c-carousel__indicators {
    position: absolute;
    bottom: 0.75rem;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 0.375rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-carousel__indicator {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--ss-color-white, rgba(255, 255, 255, 0.5));
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.15s ease;
  }
  .ss-c-carousel__indicator.is-active, .ss-c-carousel__indicator.active {
    background-color: var(--ss-color-white, #ffffff);
  }
  .ss-c-carousel__control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--ss-color-state-active, rgba(0, 0, 0, 0.3));
    color: var(--ss-color-white, #ffffff);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-carousel__control--prev {
    left: 0.5rem;
  }
  .ss-c-carousel__control--next {
    right: 0.5rem;
  }
}
@layer ss.components {
  .ss-c-chat {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    width: 100%;
  }
  .ss-c-chat__message {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    max-width: 32rem;
  }
  .ss-c-chat__message--inbound {
    align-self: flex-start;
  }
  .ss-c-chat__message--outbound {
    align-self: flex-end;
    flex-direction: row-reverse;
  }
  .ss-c-chat__message--outbound > .ss-c-chat__bubble {
    background-color: var(--ss-color-accent, #007aff);
    color: var(--ss-color-on-accent, #ffffff);
  }
  .ss-c-chat__bubble {
    padding: 0.5rem 0.75rem;
    border-radius: 1rem;
    background-color: var(--ss-color-fill-muted, #f4f4f4);
    color: var(--ss-color-text, #1a1a1a);
    word-break: break-word;
  }
  .ss-c-chat__avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
  }
  .ss-c-chat__timestamp {
    color: var(--ss-color-text-muted, #666666);
    font-size: 0.6875rem;
    margin-top: 0.125rem;
  }
  .ss-c-chat__composer {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    background-color: var(--ss-color-fill, #ffffff);
    border-top: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
  .ss-c-chat__composer > input,
  .ss-c-chat__composer > textarea {
    flex: 1 1 auto;
    min-width: 0;
    font: inherit;
  }
}
@layer ss.components {
  .ss-c-checkbox {
    appearance: none;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: var(--ss-color-background);
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
    border-radius: 0;
    cursor: pointer;
    vertical-align: middle;
  }
  .ss-c-checkbox:checked {
    background-color: var(--ss-color-accent);
    border-color: var(--ss-color-accent);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='square' d='M3 8.5 6.5 12 13 4.5'/%3E%3C/svg%3E");
    background-size: 75% 75%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ss-c-checkbox:indeterminate {
    background-color: var(--ss-color-accent);
    border-color: var(--ss-color-accent);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='square' d='M4 8h8'/%3E%3C/svg%3E");
    background-size: 75% 75%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ss-c-checkbox:focus-visible {
    outline: 0.125rem solid var(--ss-color-accent);
    outline-offset: 0.125rem;
  }
  .ss-c-checkbox:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .ss-c-checkbox--sm {
    width: 0.875rem;
    height: 0.875rem;
  }
  .ss-c-checkbox--lg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-checkbox--success:checked, .ss-c-checkbox--success:indeterminate {
    background-color: var(--ss-color-success, #5192c8);
    border-color: var(--ss-color-success, #5192c8);
  }
  .ss-c-checkbox--warning:checked, .ss-c-checkbox--warning:indeterminate {
    background-color: var(--ss-color-warning, #9582c2);
    border-color: var(--ss-color-warning, #9582c2);
  }
  .ss-c-checkbox--danger:checked, .ss-c-checkbox--danger:indeterminate {
    background-color: var(--ss-color-error, #b577ac);
    border-color: var(--ss-color-error, #b577ac);
  }
  .ss-c-checkbox__label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
  }
}
@layer ss.components {
  .ss-c-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    height: 2rem;
    padding-inline: 0.75rem;
    background: var(--ss-color-surface, var(--ss-color-background));
    color: var(--ss-color-foreground);
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
    border-radius: 62.4375rem;
    font-size: var(--ss-font-size-sm);
    line-height: 1;
    white-space: nowrap;
    user-select: none;
  }
  .ss-c-chip--removable {
    cursor: default;
  }
  .ss-c-chip__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    color: inherit;
    line-height: 1;
  }
}
@layer ss.components {
  .ss-c-choice {
    display: inline-flex;
    align-items: center;
    gap: var(--ss-space-2);
    cursor: pointer;
    color: var(--ss-color-text-primary);
  }
}
@layer ss.components {
  .ss-c-close {
    box-sizing: content-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    padding: 0.25em;
    color: var(--ss-color-text-primary);
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: var(--ss-radius-sm, 0.25em);
    opacity: 0.5;
    cursor: pointer;
  }
  .ss-c-close:hover {
    opacity: 0.75;
    text-decoration: none;
  }
  .ss-c-close:focus-visible {
    outline: 0.125rem solid var(--ss-color-accent);
    outline-offset: 0.125rem;
    opacity: 1;
  }
  .ss-c-close:disabled, .ss-c-close.disabled {
    opacity: 0.25;
    pointer-events: none;
  }
  .ss-c-close {
    font-size: 1.25rem;
  }
  .ss-c-close--sm {
    font-size: 1rem;
  }
  .ss-c-close--lg {
    font-size: 1.75rem;
  }
  .ss-c-close--white {
    filter: invert(1) grayscale(100%) brightness(200%);
  }
}
@layer ss.components {
  .ss-c-code-block {
    padding: var(--ss-space-4);
    background-color: var(--ss-color-code-background);
    color: var(--ss-color-code-foreground);
    border-left: 2px solid var(--ss-color-accent);
    border-radius: var(--ss-radius-none);
    font-family: var(--ss-font-family-mono, monospace);
    font-size: var(--ss-font-size-sm);
    line-height: var(--ss-leading-loose);
    white-space: pre;
    overflow-x: auto;
  }
  .ss-c-code-block code {
    font-family: inherit;
    font-size: inherit;
  }
}
@layer ss.components {
  .ss-c-collapse:not(.is-open):not(.show) {
    display: none;
  }
  .ss-c-collapse--horizontal {
    width: 0;
    height: auto;
    overflow: hidden;
    transition: width 0.35s ease;
  }
  .ss-c-collapse--horizontal.is-open, .ss-c-collapse--horizontal.show {
    width: auto;
  }
  .ss-c-collapse--fade {
    opacity: 0;
    transition: opacity 0.35s ease;
  }
  .ss-c-collapse--fade.is-open, .ss-c-collapse--fade.show {
    opacity: 1;
  }
  .ss-c-collapse.is-collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
  }
  details.ss-c-collapse,
  details.ss-c-collapse:not(.is-open):not(.show) {
    display: block;
  }
  details.ss-c-collapse > summary {
    cursor: pointer;
    padding: 0.375rem 0;
    font-weight: 600;
  }
}
@layer ss.components {
  .ss-c-cookie {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    margin: 0 auto;
    z-index: 1080;
    max-width: 32rem;
    padding: 1rem;
    background-color: var(--ss-color-text, #1a1a1a);
    color: var(--ss-color-fill, #ffffff);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
  }
  .ss-c-cookie__message {
    flex: 1 1 auto;
  }
  .ss-c-cookie__actions {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
  }
}
@layer ss.components {
  .ss-c-countdown {
    display: inline-flex;
    line-height: 1em;
  }
  .ss-c-countdown > * {
    position: relative;
    display: inline-block;
    height: 1em;
    overflow-y: hidden;
    font-variant-numeric: tabular-nums;
  }
  .ss-c-countdown > *::before {
    content: "00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a";
    white-space: pre;
    text-align: center;
    line-height: 1em;
    display: block;
    transition: transform 1s cubic-bezier(1, 0, 0, 1);
    transform: translateY(calc(var(--ss-countdown-value, 0) * -1em));
  }
}
@layer ss.components {
  .ss-c-cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.25rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }
  .ss-c-cover--full {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.25rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    height: 100vh;
    min-height: 100vh;
  }
  .ss-c-cover--semi {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.25rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    height: 50vh;
    max-height: 50vh;
  }
  .ss-c-cover__image {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-cover__title {
    text-align: center;
    position: relative;
    width: 100%;
    padding-top: 0.5rem;
  }
  .ss-c-cover__arrow {
    position: absolute;
    bottom: 0;
  }
}
@layer ss.components {
  .ss-c-divider {
    border: 0;
    border-top: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    margin: 1rem 0;
    height: 0;
    width: 100%;
  }
  .ss-c-divider--vertical {
    border: 0;
    border-left: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    margin: 0 1rem;
    width: 0;
    height: auto;
    align-self: stretch;
    display: inline-block;
  }
  .ss-c-divider--dashed {
    border-top-style: dashed;
  }
  .ss-c-divider--dotted {
    border-top-style: dotted;
  }
  .ss-c-divider--with-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--ss-color-text-muted, #666666);
    margin: 1rem 0;
    font-size: 0.8125rem;
  }
  .ss-c-divider--with-label::before, .ss-c-divider--with-label::after {
    content: "";
    flex: 1 1 auto;
    border-top: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
}
@layer ss.components {
  .ss-c-drilldown {
    position: relative;
    overflow: hidden;
    background-color: var(--ss-color-fill, #ffffff);
    color: var(--ss-color-text, #1a1a1a);
    width: 100%;
  }
  .ss-c-drilldown--bordered {
    border: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
  .ss-c-drilldown--dark {
    background-color: var(--ss-color-text, #1a1a1a);
    color: var(--ss-color-fill, #ffffff);
  }
  .ss-c-drilldown--compact .ss-c-drilldown__item {
    padding: 0.5rem;
  }
  .ss-c-drilldown__wrapper {
    display: flex;
    transition: transform 0.3s ease;
    will-change: transform;
  }
  .ss-c-drilldown__level {
    flex: 0 0 100%;
    min-width: 0;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-drilldown__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    border-bottom: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    cursor: pointer;
    transition: background-color 0.15s ease;
  }
  .ss-c-drilldown__item:hover {
    background-color: rgba(0, 0, 0, 0.04);
  }
  .ss-c-drilldown__item.is-active, .ss-c-drilldown__item--active {
    color: var(--ss-color-accent, #007aff);
  }
  .ss-c-drilldown__item.is-disabled, .ss-c-drilldown__item--disabled {
    color: var(--ss-color-text-muted, #999999);
    pointer-events: none;
  }
  .ss-c-drilldown__back {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    border-bottom: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    cursor: pointer;
    transition: background-color 0.15s ease;
  }
  .ss-c-drilldown__back:hover {
    background-color: rgba(0, 0, 0, 0.04);
  }
  .ss-c-drilldown__back {
    font-weight: 600;
    color: var(--ss-color-accent, #007aff);
  }
  .ss-c-drilldown__back::before {
    content: "‹";
    margin-right: 0.5rem;
    font-size: 1.25em;
  }
  .ss-c-drilldown__submenu-title {
    font-weight: 600;
    padding: 0.75rem;
    border-bottom: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
}
@layer ss.components {
  .ss-c-dropcap:first-child::first-letter {
    float: left;
    font-size: var(--ss-font-size-xxl);
    font-weight: 600;
    line-height: 1;
    margin: 0 var(--ss-space-md) 0 0;
    padding: 0;
    border: none;
    border-radius: 0;
  }
  .ss-c-dropcap-block:first-child::first-letter {
    float: left;
    font-size: var(--ss-font-size-xl);
    font-weight: 500;
    line-height: 1;
    padding: var(--ss-space-sm);
    border: none;
    border-radius: 0;
    height: var(--ss-space-4xl);
    width: var(--ss-space-4xl);
  }
}
@layer ss.components {
  .ss-c-dropdown {
    position: relative;
    display: inline-block;
  }
  .ss-c-dropdown__menu {
    position: absolute;
    z-index: 1000;
    top: calc(100% + 0.25rem);
    inset-inline-start: 0;
    min-width: 10rem;
    padding-block: 0.375rem;
    background: var(--ss-color-background);
    color: var(--ss-color-foreground);
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
    border-radius: var(--ss-radius-md);
    box-shadow: var(--ss-a-shadow-md, 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15));
    margin: 0;
    list-style: none;
  }
  .ss-c-dropdown:not(.is-open) .ss-c-dropdown__menu {
    display: none;
  }
  .ss-c-dropdown__item {
    display: block;
    width: 100%;
    padding: 0.5rem 0.875rem;
    background: transparent;
    border: 0;
    color: inherit;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
  }
  .ss-c-dropdown__item:hover, .ss-c-dropdown__item:focus-visible {
    background: var(--ss-color-surface, transparent);
  }
  .ss-c-dropdown__item.is-active,
  .ss-c-dropdown__item[aria-current=true] {
    background: var(--ss-color-accent);
    color: var(--ss-color-on-accent, var(--ss-color-background));
  }
  .ss-c-dropdown__divider {
    display: block;
    height: 0.0625rem;
    margin-block: 0.375rem;
    background: var(--ss-color-border, var(--ss-color-foreground));
  }
}
@layer ss.components {
  .ss-c-diff {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    width: 100%;
    overflow: hidden;
    container-type: inline-size;
    isolation: isolate;
    border-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-diff__item-1 {
    grid-column-start: 1;
    grid-row-start: 1;
    overflow: hidden;
    width: var(--ss-diff-position, 50%);
    min-width: 0;
    max-width: 100%;
  }
  .ss-c-diff__item-1 > * {
    height: 100%;
    width: 100cqi;
    object-fit: cover;
    object-position: left center;
  }
  .ss-c-diff__item-2 {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 3;
    z-index: -1;
  }
  .ss-c-diff__item-2 > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-diff__resizer {
    grid-column-start: 2;
    grid-row-start: 1;
    width: 0.25rem;
    height: 100%;
    margin-inline-start: -0.125rem;
    background: var(--ss-color-accent, currentColor);
    cursor: ew-resize;
  }
  .ss-c-diff__resizer::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.75rem;
    height: 1.75rem;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--ss-color-accent, currentColor);
  }
}
@layer ss.components {
  .ss-c-figure {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
  }
  .ss-c-figure > img,
  .ss-c-figure > picture > img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .ss-c-figure > figcaption {
    margin-top: 1rem;
    padding: 0.5rem;
    text-align: left;
    font-style: italic;
    font-size: 0.875rem;
    line-height: 1.4;
  }
  .ss-c-figure--1x1 {
    aspect-ratio: 1/1;
  }
  .ss-c-figure--3x2 {
    aspect-ratio: 3/2;
  }
  .ss-c-figure--4x3 {
    aspect-ratio: 4/3;
  }
  .ss-c-figure--3x4 {
    aspect-ratio: 3/4;
  }
  .ss-c-figure--2x3 {
    aspect-ratio: 2/3;
  }
  .ss-c-figure--16x9 {
    aspect-ratio: 16/9;
  }
  .ss-c-figure--bordered {
    border: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
  .ss-c-figure--rounded {
    border-radius: 0.5rem;
    overflow: hidden;
  }
  .ss-c-figure__caption {
    font-weight: 700;
    font-style: normal;
  }
}
@layer ss.components {
  .ss-c-file-input {
    display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    font-size: var(--ss-font-size-sm);
    color: var(--ss-color-text-primary);
    background-color: var(--ss-color-surface-1, var(--ss-color-surface));
    border: 0.0625rem solid var(--ss-color-border, currentColor);
    border-radius: var(--ss-radius-sm, 0.25rem);
    overflow: hidden;
    cursor: pointer;
  }
  .ss-c-file-input::file-selector-button {
    height: 100%;
    padding-inline: 1rem;
    margin-inline-end: 0.75rem;
    font: inherit;
    font-weight: 600;
    color: var(--ss-color-on-accent, #fff);
    background-color: var(--ss-color-accent);
    border: 0;
    cursor: pointer;
  }
  .ss-c-file-input:focus-visible {
    outline: 0.125rem solid var(--ss-color-accent);
    outline-offset: 0.125rem;
  }
  .ss-c-file-input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .ss-c-file-input {
    height: 2.5rem;
    font-size: var(--ss-font-size-sm);
  }
  .ss-c-file-input--xs {
    height: 1.75rem;
    font-size: var(--ss-font-size-xs);
  }
  .ss-c-file-input--sm {
    height: 2rem;
    font-size: var(--ss-font-size-sm);
  }
  .ss-c-file-input--lg {
    height: 3rem;
    font-size: var(--ss-font-size-md);
  }
  .ss-c-file-input--bordered {
    background: transparent;
  }
  .ss-c-file-input--ghost {
    background: transparent;
    border-color: transparent;
  }
  .ss-c-file-input--primary::file-selector-button {
    background-color: var(--ss-color-primary, var(--ss-color-accent));
    color: var(--ss-color-on-accent, #fff);
  }
  .ss-c-file-input--success::file-selector-button {
    background-color: var(--ss-color-success);
    color: var(--ss-color-on-success, #fff);
  }
  .ss-c-file-input--error::file-selector-button {
    background-color: var(--ss-color-error);
    color: var(--ss-color-on-error, #fff);
  }
}
@layer ss.components {
  .ss-c-flipper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: block;
    z-index: 9999;
    overflow: visible;
  }
  .ss-c-flipper::before, .ss-c-flipper::after {
    content: "";
    position: absolute;
    width: 0.75rem;
    height: 0.125rem;
    background-color: var(--color_state_link, var(--ss-color-text, #1a1a1a));
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    transform-origin: center center;
  }
  .ss-c-flipper.is-active::before, .ss-c-flipper.is-active::after, .ss-c-flipper.active::before, .ss-c-flipper.active::after {
    background-color: var(--color_state_active, var(--ss-color-accent, #1a1a1a));
  }
  .ss-c-flipper--left {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: block;
    z-index: 9999;
    overflow: visible;
  }
  .ss-c-flipper--left::before, .ss-c-flipper--left::after {
    content: "";
    position: absolute;
    width: 0.75rem;
    height: 0.125rem;
    background-color: var(--color_state_link, var(--ss-color-text, #1a1a1a));
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    transform-origin: center center;
  }
  .ss-c-flipper--left.is-active::before, .ss-c-flipper--left.is-active::after, .ss-c-flipper--left.active::before, .ss-c-flipper--left.active::after {
    background-color: var(--color_state_active, var(--ss-color-accent, #1a1a1a));
  }
  .ss-c-flipper--left {
    width: 0.75rem;
    height: calc(0.75rem * 2);
  }
  .ss-c-flipper--left::before {
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .ss-c-flipper--left::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .ss-c-flipper--left.is-active::before, .ss-c-flipper--left.active::before {
    top: 0.0625rem;
    transform: translate(-50%, -50%) rotate(120deg);
  }
  .ss-c-flipper--left.is-active::after, .ss-c-flipper--left.active::after {
    top: calc(50% - 0.0625rem);
    transform: translate(-50%, -50%) rotate(-120deg);
  }
  .ss-c-flipper--right {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: block;
    z-index: 9999;
    overflow: visible;
  }
  .ss-c-flipper--right::before, .ss-c-flipper--right::after {
    content: "";
    position: absolute;
    width: 0.75rem;
    height: 0.125rem;
    background-color: var(--color_state_link, var(--ss-color-text, #1a1a1a));
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    transform-origin: center center;
  }
  .ss-c-flipper--right.is-active::before, .ss-c-flipper--right.is-active::after, .ss-c-flipper--right.active::before, .ss-c-flipper--right.active::after {
    background-color: var(--color_state_active, var(--ss-color-accent, #1a1a1a));
  }
  .ss-c-flipper--right {
    width: 0.75rem;
    height: calc(0.75rem * 2);
  }
  .ss-c-flipper--right::before {
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .ss-c-flipper--right::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .ss-c-flipper--right.is-active::before, .ss-c-flipper--right.active::before {
    top: 0.0625rem;
    transform: translate(-50%, -50%) rotate(-120deg);
  }
  .ss-c-flipper--right.is-active::after, .ss-c-flipper--right.active::after {
    top: calc(50% - 0.0625rem);
    transform: translate(-50%, -50%) rotate(120deg);
  }
  .ss-c-flipper--up {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: block;
    z-index: 9999;
    overflow: visible;
  }
  .ss-c-flipper--up::before, .ss-c-flipper--up::after {
    content: "";
    position: absolute;
    width: 0.75rem;
    height: 0.125rem;
    background-color: var(--color_state_link, var(--ss-color-text, #1a1a1a));
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    transform-origin: center center;
  }
  .ss-c-flipper--up.is-active::before, .ss-c-flipper--up.is-active::after, .ss-c-flipper--up.active::before, .ss-c-flipper--up.active::after {
    background-color: var(--color_state_active, var(--ss-color-accent, #1a1a1a));
  }
  .ss-c-flipper--up {
    width: calc(0.75rem * 2);
    height: 0.75rem;
  }
  .ss-c-flipper--up::before {
    top: 50%;
    left: 15%;
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .ss-c-flipper--up::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .ss-c-flipper--up.is-active::before, .ss-c-flipper--up.active::before {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .ss-c-flipper--up.is-active::after, .ss-c-flipper--up.active::after {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .ss-c-flipper--down {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: block;
    z-index: 9999;
    overflow: visible;
  }
  .ss-c-flipper--down::before, .ss-c-flipper--down::after {
    content: "";
    position: absolute;
    width: 0.75rem;
    height: 0.125rem;
    background-color: var(--color_state_link, var(--ss-color-text, #1a1a1a));
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    transform-origin: center center;
  }
  .ss-c-flipper--down.is-active::before, .ss-c-flipper--down.is-active::after, .ss-c-flipper--down.active::before, .ss-c-flipper--down.active::after {
    background-color: var(--color_state_active, var(--ss-color-accent, #1a1a1a));
  }
  .ss-c-flipper--down {
    width: calc(0.75rem * 2);
    height: 0.75rem;
  }
  .ss-c-flipper--down::before {
    top: 50%;
    left: 15%;
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .ss-c-flipper--down::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .ss-c-flipper--down.is-active::before, .ss-c-flipper--down.active::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .ss-c-flipper--down.is-active::after, .ss-c-flipper--down.active::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .ss-c-flipper__icon {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }
}
@layer ss.components {
  .ss-c-floating-label {
    position: relative;
  }
  .ss-c-floating-label > input,
  .ss-c-floating-label > textarea,
  .ss-c-floating-label > select {
    height: auto;
    padding-top: 1.625rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .ss-c-floating-label > input::placeholder,
  .ss-c-floating-label > textarea::placeholder,
  .ss-c-floating-label > select::placeholder {
    color: transparent;
  }
  .ss-c-floating-label > label {
    position: absolute;
    top: 0;
    left: 0.75rem;
    height: 100%;
    padding: 0.5rem 0;
    pointer-events: none;
    color: var(--ss-color-text-muted, #666666);
    transform-origin: 0 0;
    transition: opacity 0.15s ease, transform 0.15s ease;
  }
  .ss-c-floating-label > input:focus ~ label,
  .ss-c-floating-label > input:not(:placeholder-shown) ~ label,
  .ss-c-floating-label > textarea:focus ~ label,
  .ss-c-floating-label > textarea:not(:placeholder-shown) ~ label,
  .ss-c-floating-label > select ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
}
@layer ss.components {
  .ss-c-footer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 11.25rem), 1fr));
    gap: 1.5rem;
    padding: 2rem;
    width: 100%;
    color: var(--ss-color-text-primary);
    background-color: var(--ss-color-surface-1, var(--ss-color-surface));
  }
  .ss-c-footer > * {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-footer--center {
    place-items: center;
    text-align: center;
  }
  .ss-c-footer--center > * {
    align-items: center;
  }
  .ss-c-footer__title {
    font-size: var(--ss-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ss-color-text-secondary, var(--ss-color-text-muted));
    margin-bottom: 0.25rem;
  }
}
@layer ss.components {
  .ss-c-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-form__field {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
  }
  .ss-c-form__label {
    font-weight: 500;
  }
  .ss-c-form__required::after {
    content: " *";
    color: var(--ss-color-error);
  }
  .ss-c-form__help {
    color: var(--ss-color-muted, var(--ss-color-foreground));
    font-size: var(--ss-font-size-sm);
  }
  .ss-c-form__error {
    color: var(--ss-color-error);
    font-size: var(--ss-font-size-sm);
  }
  .ss-c-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}
@layer ss.components {
  .ss-c-formfield {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
  }
  .ss-c-formfield__label {
    font-weight: 600;
  }
  .ss-c-formfield__help {
    color: var(--ss-color-text-muted, #666666);
    font-size: 0.8125rem;
  }
  .ss-c-formfield__error {
    color: var(--ss-color-error, #dc3545);
    font-size: 0.8125rem;
  }
  .ss-c-formfield__image-preview {
    width: 6rem;
    height: 6rem;
    object-fit: cover;
    border: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    border-radius: 0;
  }
  .ss-c-formfield__input--full-width {
    width: 100%;
  }
  .ss-c-formfield--ordered {
    display: grid;
    grid-template-areas: "label" "input" "help" "error";
    gap: 0.375rem;
  }
  .ss-c-formfield--ordered > .ss-c-formfield__label {
    grid-area: label;
  }
  .ss-c-formfield--ordered > .ss-c-formfield__input {
    grid-area: input;
  }
  .ss-c-formfield--ordered > .ss-c-formfield__help {
    grid-area: help;
  }
  .ss-c-formfield--ordered > .ss-c-formfield__error {
    grid-area: error;
  }
}
@layer ss.components {
  .ss-c-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: 0.5rem;
  }
  .ss-c-gallery__image {
    position: relative;
    overflow: hidden;
    border-radius: 0.25rem;
  }
  .ss-c-gallery__image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .ss-c-gallery--bordered .ss-c-gallery__image {
    border: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
}
@layer ss.components {
  .ss-c-graphic {
    margin: 2rem 0;
  }
  .ss-c-graphic > img,
  .ss-c-graphic > picture > img {
    width: 100%;
    display: block;
  }
  .ss-c-graphic--elevate {
    margin-top: 0;
    margin-bottom: 1.5rem;
    max-width: 41.25rem;
  }
  .ss-c-graphic--no-margins {
    margin: 0;
  }
}
@layer ss.components {
  .ss-c-headline {
    flex-grow: 1;
  }
  .ss-c-headline__live {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 1.625rem;
    padding: 0.375rem 0.5rem 0.375rem 1.25rem;
    margin: 0 0 1.5rem;
    border-radius: 0.25rem;
    background: linear-gradient(0.25turn, #ff3f3f, #a4001e);
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
  }
  .ss-c-headline__live::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.5rem;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 100%;
    background-color: #ffffff;
    transform: translateY(-50%);
    animation: ss-c-headline-live-blink 2s ease infinite;
  }
  .ss-c-headline__kicker {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--ss-color-text-primary);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
  }
  .ss-c-headline__text {
    margin: 0 0 1.5rem;
    color: var(--ss-color-text-primary);
    font-family: var(--ss-font-family-display, inherit);
    font-weight: var(--ss-font-weight-bold, 700);
    font-size: var(--ss-font-size-h2);
    line-height: var(--ss-leading-tight, 1.2);
  }
  .ss-c-headline__teaser {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--ss-color-text-secondary, var(--ss-color-text-primary));
  }
  .ss-c-headline__sub {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .ss-c-headline__sub-description {
    color: #6e6e6e;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    margin: 0.125rem 0.25rem 0 0;
  }
  .ss-c-headline__sub-description::after {
    content: "·";
    color: #6e6e6e;
    margin: 0 0.125rem;
  }
  @keyframes ss-c-headline-live-blink {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.4;
    }
  }
}
@layer ss.components {
  .ss-c-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding-inline: var(--ss-spacing-6);
    padding-block: var(--ss-vspace-2xl);
  }
  .ss-c-hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 48rem;
    gap: var(--ss-vspace-md);
  }
  .ss-c-hero-sm {
    min-height: 40vh;
  }
  .ss-c-hero-md {
    min-height: 60vh;
  }
  .ss-c-hero-lg {
    min-height: 80vh;
  }
  .ss-c-hero-full {
    min-height: 100vh;
  }
  .ss-c-hero-dynamic {
    min-height: 100dvh;
  }
  .ss-c-hero-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ss-c-hero-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
  }
  .ss-c-hero-overlay > * {
    position: relative;
    z-index: 1;
  }
  .ss-c-hero-overlay-light::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
  }
  .ss-c-hero-overlay-light > * {
    position: relative;
    z-index: 1;
  }
  .ss-c-hero-overlay-dark::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 0;
  }
  .ss-c-hero-overlay-dark > * {
    position: relative;
    z-index: 1;
  }
  .ss-c-hero-title {
    font-size: var(--ss-font-size-5xl);
    font-weight: var(--ss-font-weight-bold);
    line-height: var(--ss-leading-tight);
    letter-spacing: var(--ss-tracking-tight);
  }
  .ss-c-hero-subtitle {
    font-size: var(--ss-font-size-xl);
    color: var(--ss-color-muted-foreground);
    max-width: var(--ss-measure-default);
  }
  .ss-c-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ss-spacing-4);
    justify-content: center;
    margin-block-start: var(--ss-spacing-4);
  }
}
@layer ss.components {
  .ss-c-icon-bar {
    display: inline-flex;
    gap: 0.25rem;
    background-color: transparent;
    align-items: center;
  }
  .ss-c-icon-bar--horizontal {
    display: inline-flex;
    gap: 0.25rem;
    background-color: transparent;
    align-items: center;
    flex-direction: row;
  }
  .ss-c-icon-bar--vertical {
    display: inline-flex;
    gap: 0.25rem;
    background-color: transparent;
    align-items: center;
    flex-direction: column;
  }
  .ss-c-icon-bar__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    color: var(--ss-color-text, #1a1a1a);
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: color 0.15s ease;
  }
  .ss-c-icon-bar__item:hover {
    color: var(--ss-color-accent, #007aff);
  }
  .ss-c-icon-bar__item.is-active, .ss-c-icon-bar__item--active {
    color: var(--ss-color-accent, #007aff);
  }
}
@layer ss.components {
  .ss-c-image {
    display: block;
    max-width: 100%;
    height: auto;
  }
  .ss-c-image--cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-image--contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .ss-c-image--rounded {
    border-radius: 0.5rem;
  }
  .ss-c-image--circle {
    border-radius: 50%;
  }
  .ss-c-image--bordered {
    border: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
}
@layer ss.components {
  .ss-c-image-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    user-select: none;
  }
  .ss-c-image-slider > img,
  .ss-c-image-slider > picture {
    display: block;
    width: 100%;
    height: auto;
  }
  .ss-c-image-slider__handle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0.125rem;
    background-color: var(--ss-color-fill, #ffffff);
    cursor: ew-resize;
  }
  .ss-c-image-slider__handle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    background-color: var(--ss-color-fill, #ffffff);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.2);
  }
  .ss-c-image-slider__before, .ss-c-image-slider__after {
    display: block;
    width: 100%;
  }
}
@layer ss.components {
  .ss-c-indicator {
    position: relative;
    display: inline-flex;
    width: max-content;
  }
  .ss-c-indicator__item {
    position: absolute;
    z-index: 1;
    white-space: nowrap;
    transform: translate(50%, -50%);
    top: 0;
    right: 0;
  }
  .ss-c-indicator__item--top-start {
    top: 0;
    right: auto;
    left: 0;
    transform: translate(-50%, -50%);
  }
  .ss-c-indicator__item--top-center {
    top: 0;
    right: 50%;
    left: auto;
    transform: translate(50%, -50%);
  }
  .ss-c-indicator__item--top-end {
    top: 0;
    right: 0;
    left: auto;
    transform: translate(50%, -50%);
  }
  .ss-c-indicator__item--middle-start {
    top: 50%;
    right: auto;
    left: 0;
    transform: translate(-50%, -50%);
  }
  .ss-c-indicator__item--middle-end {
    top: 50%;
    right: 0;
    left: auto;
    transform: translate(50%, -50%);
  }
  .ss-c-indicator__item--bottom-start {
    top: 100%;
    right: auto;
    left: 0;
    transform: translate(-50%, -50%);
  }
  .ss-c-indicator__item--bottom-center {
    top: 100%;
    right: 50%;
    left: auto;
    transform: translate(50%, -50%);
  }
  .ss-c-indicator__item--bottom-end {
    top: 100%;
    right: 0;
    left: auto;
    transform: translate(50%, -50%);
  }
}
@layer ss.components {
  .ss-c-input {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--ss-color-background, var(--ss-color-fill, #ffffff));
    color: var(--ss-color-foreground, var(--ss-color-text-primary, #1a1a1a));
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-line, #cccccc));
    border-radius: 0;
    font: inherit;
    font-size: var(--ss-font-size-base, 1rem);
    line-height: 1.4;
    appearance: none;
  }
  .ss-c-input::placeholder {
    color: var(--ss-color-muted, #888888);
    opacity: 1;
  }
  .ss-c-input:focus, .ss-c-input:focus-visible {
    outline: none;
    border-color: var(--ss-color-accent, #2563eb);
    box-shadow: 0 0 0 0.125rem color-mix(in srgb, var(--ss-color-accent, #2563eb) 25%, transparent);
  }
  .ss-c-input:disabled, .ss-c-input[aria-disabled=true] {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .ss-c-input--sm {
    height: 2rem;
    padding: 0.375rem 0.625rem;
    font-size: var(--ss-font-size-sm, 0.875rem);
  }
  .ss-c-input--md {
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-size: var(--ss-font-size-base, 1rem);
  }
  .ss-c-input--lg {
    height: 3rem;
    padding: 0.625rem 1rem;
    font-size: var(--ss-font-size-lg, 1.125rem);
  }
  .ss-c-input.is-invalid,
  .ss-c-input[aria-invalid=true] {
    border-color: var(--ss-color-error, #dc2626);
  }
  .ss-c-input.is-invalid:focus, .ss-c-input.is-invalid:focus-visible,
  .ss-c-input[aria-invalid=true]:focus,
  .ss-c-input[aria-invalid=true]:focus-visible {
    border-color: var(--ss-color-error, #dc2626);
    box-shadow: 0 0 0 0.125rem color-mix(in srgb, var(--ss-color-error, #dc2626) 25%, transparent);
  }
  .ss-c-textarea {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--ss-color-background, var(--ss-color-fill, #ffffff));
    color: var(--ss-color-foreground, var(--ss-color-text-primary, #1a1a1a));
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-line, #cccccc));
    border-radius: 0;
    font: inherit;
    font-size: var(--ss-font-size-base, 1rem);
    line-height: 1.4;
    appearance: none;
  }
  .ss-c-textarea::placeholder {
    color: var(--ss-color-muted, #888888);
    opacity: 1;
  }
  .ss-c-textarea:focus, .ss-c-textarea:focus-visible {
    outline: none;
    border-color: var(--ss-color-accent, #2563eb);
    box-shadow: 0 0 0 0.125rem color-mix(in srgb, var(--ss-color-accent, #2563eb) 25%, transparent);
  }
  .ss-c-textarea:disabled, .ss-c-textarea[aria-disabled=true] {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .ss-c-textarea {
    height: auto;
    min-height: 5rem;
    resize: vertical;
  }
  .ss-c-input[list]::-webkit-calendar-picker-indicator {
    display: none;
  }
}
@layer ss.components {
  .ss-c-input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .ss-c-input-group > * {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    border-radius: 0;
  }
  .ss-c-input-group > *:not(:last-child) {
    margin-right: -0.0625rem;
  }
  .ss-c-input-group > *:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .ss-c-input-group > *:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .ss-c-input-group--sm > * {
    padding: 0.25rem 0.5rem;
  }
  .ss-c-input-group--lg > * {
    padding: 0.5rem 1rem;
  }
  .ss-c-input-group--focus, .ss-c-input-group:focus-within {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--ss-color-accent, #2563eb) 25%, transparent);
  }
  .ss-c-input-group__text {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: auto;
    padding: 0.375rem 0.75rem;
    background-color: var(--ss-color-fill-muted, #f4f4f4);
    color: var(--ss-color-text, #1a1a1a);
    border: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    text-align: center;
    white-space: nowrap;
  }
}
@layer ss.components {
  .ss-c-join {
    display: inline-flex;
    align-items: stretch;
    border-radius: var(--ss-radius-sm, 0.25rem);
  }
  .ss-c-join > :where(*) {
    border-radius: 0;
  }
  .ss-c-join > :where(*):not(:first-child) {
    margin-inline-start: -0.0625rem;
  }
  .ss-c-join > :where(*:first-child) {
    border-start-start-radius: inherit;
    border-end-start-radius: inherit;
  }
  .ss-c-join > :where(*:last-child) {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
  }
  .ss-c-join > :where(*):focus,
  .ss-c-join > :where(*):focus-within,
  .ss-c-join > :where(*):hover {
    position: relative;
    z-index: 1;
  }
  .ss-c-join--vertical {
    flex-direction: column;
  }
  .ss-c-join--vertical > :where(*):not(:first-child) {
    margin-inline-start: 0;
    margin-block-start: -0.0625rem;
  }
  .ss-c-join--vertical > :where(*:first-child) {
    border-radius: 0;
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
  }
  .ss-c-join--vertical > :where(*:last-child) {
    border-radius: 0;
    border-end-start-radius: inherit;
    border-end-end-radius: inherit;
  }
}
@layer ss.components {
  .ss-c-kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2em;
    font-family: var(--ss-font-family-mono, monospace);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    color: var(--ss-color-text-primary);
    background-color: var(--ss-color-surface-1, var(--ss-color-surface));
    border: 0.0625rem solid var(--ss-color-border, currentColor);
    border-bottom-width: 0.125rem;
    border-radius: var(--ss-radius-sm);
    font-size: var(--ss-font-size-sm);
    padding: 0.25rem 0.5rem;
  }
  .ss-c-kbd--xs {
    font-size: var(--ss-font-size-xs);
    padding: 0.125rem 0.25rem;
  }
  .ss-c-kbd--sm {
    font-size: var(--ss-font-size-sm);
    padding: 0.125rem 0.375rem;
  }
  .ss-c-kbd--lg {
    font-size: var(--ss-font-size-md);
    padding: 0.375rem 0.625rem;
  }
}
@layer ss.components {
  .ss-c-label {
    display: inline-block;
    font-size: var(--ss-font-size-sm);
    font-weight: 500;
    line-height: 1.4;
    color: var(--ss-color-foreground);
  }
  .ss-c-label--required::after {
    content: " *";
    color: var(--ss-color-error);
  }
}
@layer ss.components {
  .ss-c-list-group {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    border-radius: 0.25rem;
    list-style: none;
  }
  .ss-c-list-group--flush > .ss-c-list-group__item {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .ss-c-list-group--flush > .ss-c-list-group__item:first-child {
    border-top: 0;
  }
  .ss-c-list-group--flush > .ss-c-list-group__item:last-child {
    border-bottom: 0;
  }
  .ss-c-list-group--horizontal {
    flex-direction: row;
  }
  .ss-c-list-group--numbered {
    counter-reset: ss-list-group;
  }
  .ss-c-list-group--numbered > .ss-c-list-group__item::before {
    counter-increment: ss-list-group;
    content: counter(ss-list-group) ". ";
    font-variant-numeric: tabular-nums;
  }
  .ss-c-list-group__item {
    display: block;
    position: relative;
    padding: 0.5rem 0.75rem;
    color: var(--ss-color-text, #1a1a1a);
    background-color: var(--ss-color-fill, #ffffff);
    border: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
  .ss-c-list-group__item:not(:first-child) {
    border-top-width: 0;
  }
  .ss-c-list-group__item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .ss-c-list-group__item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .ss-c-list-group__item.is-active, .ss-c-list-group__item--active {
    z-index: 2;
    color: #ffffff;
    background-color: var(--ss-color-primary, #0d6efd);
    border-color: var(--ss-color-primary, #0d6efd);
  }
  .ss-c-list-group__item.is-disabled, .ss-c-list-group__item--disabled {
    color: var(--ss-color-text-muted, #999999);
    pointer-events: none;
    background-color: var(--ss-color-fill-muted, #f4f4f4);
  }
  .ss-c-list-group__item--primary {
    color: #ffffff;
    background-color: var(--ss-color-primary, #0d6efd);
    border-color: var(--ss-color-primary, #0d6efd);
  }
  .ss-c-list-group__item--success {
    color: #ffffff;
    background-color: var(--ss-color-success, #198754);
    border-color: var(--ss-color-success, #198754);
  }
  .ss-c-list-group__item--warning {
    color: #1a1a1a;
    background-color: var(--ss-color-warning, #ffc107);
    border-color: var(--ss-color-warning, #ffc107);
  }
  .ss-c-list-group__item--danger {
    color: #ffffff;
    background-color: var(--ss-color-error, #dc3545);
    border-color: var(--ss-color-error, #dc3545);
  }
  .ss-c-list-group__item--info {
    color: #1a1a1a;
    background-color: var(--ss-color-info, #0dcaf0);
    border-color: var(--ss-color-info, #0dcaf0);
  }
  .ss-c-list-group__item__heading {
    font-weight: 600;
    margin: 0 0 0.25rem;
  }
  .ss-c-list-group__item__text {
    margin: 0;
    font-size: 0.875rem;
  }
}
@layer ss.components {
  .ss-c-map {
    position: relative;
    width: 100%;
    min-height: 20rem;
    background-color: var(--ss-color-fill-muted, #f4f4f4);
    overflow: hidden;
  }
  .ss-c-map__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .ss-c-map__control {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-color: var(--ss-color-fill, #ffffff);
    color: var(--ss-color-text, #1a1a1a);
    padding: 0.5rem;
    border-radius: 0.25rem;
    box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.15);
  }
}
@layer ss.components {
  .ss-c-mask {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .ss-c-mask--squircle {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><path fill='black' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><path fill='black' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/></svg>");
  }
  .ss-c-mask--circle {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: radial-gradient(circle, #000 99%, transparent 100%);
    mask-image: radial-gradient(circle, #000 99%, transparent 100%);
  }
  .ss-c-mask--hexagon {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
  }
  .ss-c-mask--triangle {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
  .ss-c-mask--pentagon {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-clip-path: polygon(50% 0, 100% 38%, 82% 100%, 18% 100%, 0 38%);
    clip-path: polygon(50% 0, 100% 38%, 82% 100%, 18% 100%, 0 38%);
  }
  .ss-c-mask--decagon {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-clip-path: polygon(50% 0, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0 70%, 0 35%, 20% 10%);
    clip-path: polygon(50% 0, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0 70%, 0 35%, 20% 10%);
  }
  .ss-c-mask--diamond {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  }
  .ss-c-mask--star {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  }
  .ss-c-mask--heart {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29.6'><path fill='black' d='M23.6 0c-3.4 0-6.3 2.7-7.6 5.6C14.7 2.7 11.8 0 8.4 0 3.8 0 0 3.8 0 8.4c0 9.4 9.5 11.9 16 21.2 6.5-9.3 16-11.8 16-21.2 0-4.6-3.8-8.4-8.4-8.4Z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29.6'><path fill='black' d='M23.6 0c-3.4 0-6.3 2.7-7.6 5.6C14.7 2.7 11.8 0 8.4 0 3.8 0 0 3.8 0 8.4c0 9.4 9.5 11.9 16 21.2 6.5-9.3 16-11.8 16-21.2 0-4.6-3.8-8.4-8.4-8.4Z'/></svg>");
  }
}
@layer ss.components {
  .ss-c-menu-item {
    display: flex;
    align-items: center;
    gap: var(--ss-space-3);
    width: 100%;
    padding: var(--ss-space-2) var(--ss-space-4);
    border-radius: var(--ss-radius-none);
    color: var(--ss-color-text-primary);
    font-size: var(--ss-font-size-md);
    line-height: var(--ss-leading-normal);
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--ss-duration-150) var(--ss-ease-in-out), color var(--ss-duration-150) var(--ss-ease-in-out);
  }
  .ss-c-menu-item__icon {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ss-color-muted);
  }
  .ss-c-menu-item__label {
    flex: 1;
    min-width: 0;
  }
  .ss-c-menu-item__badge {
    flex: 0 0 auto;
    font-size: var(--ss-font-size-xs);
    color: var(--ss-color-muted);
  }
  .ss-c-menu-item:hover {
    background-color: var(--ss-color-surface-alt);
  }
  .ss-c-menu-item[aria-current=page], .ss-c-menu-item[data-active=true], .ss-c-menu-item.is-active {
    background-color: var(--ss-color-accent);
    color: var(--ss-color-on-accent);
  }
  .ss-c-menu-item[aria-current=page] .ss-c-menu-item__icon,
  .ss-c-menu-item[aria-current=page] .ss-c-menu-item__badge, .ss-c-menu-item[data-active=true] .ss-c-menu-item__icon,
  .ss-c-menu-item[data-active=true] .ss-c-menu-item__badge, .ss-c-menu-item.is-active .ss-c-menu-item__icon,
  .ss-c-menu-item.is-active .ss-c-menu-item__badge {
    color: var(--ss-color-on-accent);
  }
  .ss-c-menu-item:focus-visible {
    outline: 2px solid var(--ss-color-focus);
    outline-offset: -2px;
  }
  .ss-c-menu {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--ss-space-2);
  }
}
@layer ss.components {
  .ss-c-modal-backdrop {
    position: fixed;
    inset: 0;
    background-color: var(--ss-color-backdrop, rgba(0, 0, 0, 0.5));
    backdrop-filter: blur(0.25rem);
    z-index: var(--ss-z-modal-backdrop);
  }
  .ss-c-modal {
    position: fixed;
    inset: 0;
    z-index: var(--ss-z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--ss-spacing-4);
  }
  .ss-c-modal-content {
    position: relative;
    width: 100%;
    max-width: 32rem;
    max-height: calc(100vh - var(--ss-spacing-8));
    background-color: var(--ss-color-background);
    border-radius: var(--ss-radius-lg);
    box-shadow: var(--ss-a-shadow-xl);
    overflow: auto;
  }
  .ss-c-modal-sm .ss-c-modal-content {
    max-width: 24rem;
  }
  .ss-c-modal-md .ss-c-modal-content {
    max-width: 32rem;
  }
  .ss-c-modal-lg .ss-c-modal-content {
    max-width: 42rem;
  }
  .ss-c-modal-xl .ss-c-modal-content {
    max-width: 56rem;
  }
  .ss-c-modal-full .ss-c-modal-content {
    max-width: calc(100vw - var(--ss-spacing-8));
  }
  .ss-c-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--ss-spacing-6);
    border-bottom: var(--ss-a-border-width) solid var(--ss-color-border);
  }
  .ss-c-modal-body {
    padding: var(--ss-spacing-6);
  }
  .ss-c-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--ss-spacing-3);
    padding: var(--ss-spacing-6);
    border-top: var(--ss-a-border-width) solid var(--ss-color-border);
  }
  .ss-c-modal-close {
    padding: var(--ss-spacing-1);
    cursor: pointer;
    opacity: 0.7;
    transition: opacity var(--ss-transition-default);
  }
  .ss-c-modal-close:hover {
    opacity: 1;
  }
}
@layer ss.components {
  .ss-c-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ss-c-nav--vertical {
    flex-direction: column;
    align-items: stretch;
  }
  .ss-c-nav__item {
    display: inline-flex;
  }
  .ss-c-nav__link {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.875rem;
    border-radius: var(--ss-radius-sm);
    color: var(--ss-color-foreground);
    text-decoration: none;
    cursor: pointer;
  }
  .ss-c-nav__link:hover, .ss-c-nav__link:focus-visible {
    color: var(--ss-color-accent);
    background: var(--ss-color-surface, transparent);
  }
  .ss-c-nav__link.is-active,
  .ss-c-nav__link[aria-current=page] {
    background: var(--ss-color-accent);
    color: var(--ss-color-on-accent, var(--ss-color-background));
  }
  .ss-c-nav__link.is-active:hover, .ss-c-nav__link.is-active:focus-visible,
  .ss-c-nav__link[aria-current=page]:hover,
  .ss-c-nav__link[aria-current=page]:focus-visible {
    background: var(--ss-color-accent);
    color: var(--ss-color-on-accent, var(--ss-color-background));
  }
}
@layer ss.components {
  .ss-c-navbar {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    width: 100%;
    min-height: 3.5rem;
    color: var(--ss-color-text-primary);
    background-color: var(--ss-color-surface-1, var(--ss-color-surface));
  }
  .ss-c-navbar--sticky {
    position: sticky;
    top: 0;
    z-index: var(--ss-z-navbar, 100);
  }
  .ss-c-navbar__start {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-inline-end: auto;
  }
  .ss-c-navbar__center {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    justify-content: center;
  }
  .ss-c-navbar__end {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-inline-start: auto;
  }
}
@layer ss.components {
  .ss-c-offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ss-color-text, #1a1a1a);
    visibility: hidden;
    background-color: var(--ss-color-fill, #ffffff);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
  .ss-c-offcanvas.is-open, .ss-c-offcanvas.show {
    visibility: visible;
  }
  .ss-c-offcanvas--start {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ss-color-text, #1a1a1a);
    visibility: hidden;
    background-color: var(--ss-color-fill, #ffffff);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
  .ss-c-offcanvas--start.is-open, .ss-c-offcanvas--start.show {
    visibility: visible;
  }
  .ss-c-offcanvas--start {
    top: 0;
    left: 0;
    width: 25rem;
    border-right: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    transform: translateX(-100%);
  }
  .ss-c-offcanvas--start.is-open, .ss-c-offcanvas--start.show {
    transform: translateX(0);
  }
  .ss-c-offcanvas--end {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ss-color-text, #1a1a1a);
    visibility: hidden;
    background-color: var(--ss-color-fill, #ffffff);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
  .ss-c-offcanvas--end.is-open, .ss-c-offcanvas--end.show {
    visibility: visible;
  }
  .ss-c-offcanvas--end {
    top: 0;
    right: 0;
    width: 25rem;
    border-left: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    transform: translateX(100%);
  }
  .ss-c-offcanvas--end.is-open, .ss-c-offcanvas--end.show {
    transform: translateX(0);
  }
  .ss-c-offcanvas--top {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ss-color-text, #1a1a1a);
    visibility: hidden;
    background-color: var(--ss-color-fill, #ffffff);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
  .ss-c-offcanvas--top.is-open, .ss-c-offcanvas--top.show {
    visibility: visible;
  }
  .ss-c-offcanvas--top {
    top: 0;
    right: 0;
    left: 0;
    height: auto;
    max-height: 100%;
    border-bottom: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    transform: translateY(-100%);
  }
  .ss-c-offcanvas--top.is-open, .ss-c-offcanvas--top.show {
    transform: translateY(0);
  }
  .ss-c-offcanvas--bottom {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ss-color-text, #1a1a1a);
    visibility: hidden;
    background-color: var(--ss-color-fill, #ffffff);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
  .ss-c-offcanvas--bottom.is-open, .ss-c-offcanvas--bottom.show {
    visibility: visible;
  }
  .ss-c-offcanvas--bottom {
    right: 0;
    left: 0;
    height: auto;
    max-height: 100%;
    border-top: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    transform: translateY(100%);
  }
  .ss-c-offcanvas--bottom.is-open, .ss-c-offcanvas--bottom.show {
    transform: translateY(0);
  }
  .ss-c-offcanvas--sm {
    width: 18.75rem;
  }
  .ss-c-offcanvas--lg {
    width: 31.25rem;
  }
  .ss-c-offcanvas--xl {
    width: 37.5rem;
  }
  .ss-c-offcanvas--dark {
    background-color: var(--ss-color-text, #1a1a1a);
    color: var(--ss-color-fill, #ffffff);
  }
  .ss-c-offcanvas--static {
    transform: none;
    visibility: visible;
  }
  .ss-c-offcanvas__backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: var(--ss-color-backdrop, rgba(0, 0, 0, 0.5));
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  .ss-c-offcanvas__backdrop.is-open, .ss-c-offcanvas__backdrop.show {
    opacity: 1;
    visibility: visible;
  }
  .ss-c-offcanvas__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
  .ss-c-offcanvas__title {
    margin: 0;
    line-height: 1.5;
    font-size: 1.125rem;
    font-weight: 500;
  }
  .ss-c-offcanvas__body {
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto;
  }
  .ss-c-offcanvas__close {
    padding: 0.5rem;
    margin-left: auto;
    background: transparent;
    border: 0;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.15s ease;
  }
  .ss-c-offcanvas__close:hover {
    opacity: 1;
  }
}
@layer ss.components {
  .ss-c-overlay {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
  }
  .ss-c-overlay > * {
    pointer-events: auto;
  }
  .ss-c-overlay__aside {
    position: absolute;
    top: var(--ss-space-3);
    bottom: var(--ss-space-3);
    width: clamp(220px, 24vw, 360px);
    display: flex;
    flex-direction: column;
    gap: var(--ss-space-3);
    overflow-y: auto;
    padding: var(--ss-space-4);
    background-color: var(--ss-color-surface);
    border: var(--ss-a-border-width-1, 1px) solid var(--ss-color-border);
    border-radius: var(--ss-radius-lg);
    box-shadow: var(--ss-a-shadow-md);
    color: var(--ss-color-text-primary);
  }
  .ss-c-overlay__aside--left {
    left: var(--ss-space-3);
  }
  .ss-c-overlay__aside--right {
    right: var(--ss-space-3);
  }
  .ss-c-overlay__aside.is-collapsed {
    display: none;
  }
  .ss-c-overlay__bottom-center, .ss-c-overlay__top-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: min(90%, 640px);
    padding: var(--ss-space-2) var(--ss-space-4);
    background-color: var(--ss-color-surface);
    border: var(--ss-a-border-width-1, 1px) solid var(--ss-color-border);
    border-radius: var(--ss-radius-full);
    box-shadow: var(--ss-a-shadow-md);
    color: var(--ss-color-text-primary);
    font-size: var(--ss-font-size-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ss-c-overlay__bottom-center {
    bottom: var(--ss-space-4);
  }
  .ss-c-overlay__top-center {
    top: var(--ss-space-4);
  }
}
@layer ss.components {
  .ss-c-pagination {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ss-c-pagination__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding-inline: 0.625rem;
    background: transparent;
    color: var(--ss-color-foreground);
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
    border-radius: var(--ss-radius-sm);
    text-decoration: none;
    cursor: pointer;
    user-select: none;
  }
  .ss-c-pagination__item.is-active,
  .ss-c-pagination__item--active {
    background: var(--ss-color-accent);
    color: var(--ss-color-on-accent, var(--ss-color-background));
    border-color: var(--ss-color-accent);
  }
  .ss-c-pagination__item.is-active > .ss-c-pagination__link,
  .ss-c-pagination__item--active > .ss-c-pagination__link {
    background: var(--ss-color-accent);
    color: var(--ss-color-on-accent, var(--ss-color-background));
    border-color: var(--ss-color-accent);
  }
  .ss-c-pagination__item.is-disabled,
  .ss-c-pagination__item[aria-disabled=true] {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
  }
}
@layer ss.components {
  .ss-c-panel {
    display: flex;
    flex-direction: column;
    background-color: var(--ss-color-surface);
    border: var(--ss-a-border-width-1, 1px) solid var(--ss-color-border);
    border-radius: var(--ss-radius-none);
    overflow: hidden;
  }
  .ss-c-panel__header {
    padding: var(--ss-space-3) var(--ss-space-4);
    background-color: var(--ss-color-surface-alt);
    border-bottom: var(--ss-a-border-width-1, 1px) solid var(--ss-color-border);
    font-size: var(--ss-font-size-sm);
    font-weight: var(--ss-font-weight-semibold);
  }
  .ss-c-panel__body {
    flex: 1;
    padding: var(--ss-space-4);
    overflow: auto;
  }
  .ss-c-panel__footer {
    padding: var(--ss-space-3) var(--ss-space-4);
    background-color: var(--ss-color-surface-alt);
    border-top: var(--ss-a-border-width-1, 1px) solid var(--ss-color-border);
  }
}
@layer ss.components {
  .ss-c-placeholder {
    display: inline-block;
    min-height: 1rem;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: 0.5;
  }
  .ss-c-placeholder--xs {
    min-height: 0.5rem;
  }
  .ss-c-placeholder--sm {
    min-height: 0.75rem;
  }
  .ss-c-placeholder--lg {
    min-height: 1.5rem;
  }
  .ss-c-placeholder--w-25 {
    width: 25%;
  }
  .ss-c-placeholder--w-50 {
    width: 50%;
  }
  .ss-c-placeholder--w-75 {
    width: 75%;
  }
  .ss-c-placeholder--w-100 {
    width: 100%;
  }
  .ss-c-placeholder--glow {
    animation: ss-placeholder-glow 2s ease-in-out infinite;
  }
  .ss-c-placeholder--wave {
    mask-image: linear-gradient(130deg, rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0.85) 75%, rgba(0, 0, 0, 0.55) 95%);
    mask-size: 200% 100%;
    animation: ss-placeholder-wave 2s linear infinite;
  }
  .ss-c-placeholder--primary {
    background-color: var(--ss-color-primary, #0d6efd);
  }
  .ss-c-placeholder--success {
    background-color: var(--ss-color-success, #198754);
  }
  .ss-c-placeholder--danger {
    background-color: var(--ss-color-error, #dc3545);
  }
  .ss-c-placeholder--warning {
    background-color: var(--ss-color-warning, #ffc107);
  }
  .ss-c-placeholder--info {
    background-color: var(--ss-color-info, #0dcaf0);
  }
  .ss-c-placeholder--light {
    background-color: var(--ss-color-surface-muted, #f8f9fa);
  }
  .ss-c-placeholder--dark {
    background-color: var(--ss-color-text, #212529);
  }
  @keyframes ss-placeholder-glow {
    50% {
      opacity: 0.2;
    }
  }
  @keyframes ss-placeholder-wave {
    100% {
      mask-position: -200% 0%;
    }
  }
}
@layer ss.components {
  .ss-c-popover {
    position: absolute;
    z-index: 1050;
    max-width: 20rem;
    padding: 0.875rem 1rem;
    background: var(--ss-color-background);
    color: var(--ss-color-foreground);
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
    border-radius: var(--ss-radius-md);
    box-shadow: var(--ss-a-shadow-md, 0 0.25rem 0.875rem rgba(0, 0, 0, 0.15));
  }
  .ss-c-popover[data-placement=top] {
    bottom: calc(100% + 0.5rem);
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-popover[data-placement=bottom] {
    top: calc(100% + 0.5rem);
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-popover[data-placement=left] {
    right: calc(100% + 0.5rem);
    top: 50%;
    transform: translateY(-50%);
  }
  .ss-c-popover[data-placement=right] {
    left: calc(100% + 0.5rem);
    top: 50%;
    transform: translateY(-50%);
  }
  .ss-c-popover__title {
    font-weight: 600;
    margin-block-end: 0.25rem;
  }
  .ss-c-popover__body {
    margin: 0;
  }
  .ss-c-popover[popover] {
    position: fixed;
    inset: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
    transform: none;
  }
  .ss-c-popover[popover]::backdrop {
    background: rgba(0, 0, 0, 0.25);
  }
}
@layer ss.components {
  .ss-c-portfolio {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 1rem;
  }
  .ss-c-portfolio__item {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
  }
  .ss-c-portfolio__item > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }
  .ss-c-portfolio__item:hover > img {
    transform: scale(1.04);
  }
  .ss-c-portfolio__caption {
    position: absolute;
    inset: auto 0 0 0;
    padding: 0.5rem 0.75rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 0.875rem;
  }
}
@layer ss.components {
  .ss-c-preloader {
    position: fixed;
    inset: 0;
    z-index: 1090;
    background-color: color-mix(in srgb, var(--ss-color-background, #ffffff) 95%, transparent);
    color: var(--ss-color-text, #1a1a1a);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .ss-c-preloader.is-hidden, .ss-c-preloader--hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .ss-c-preloader__lines {
    display: inline-flex;
    gap: 0.25rem;
    align-items: flex-end;
    height: 3rem;
  }
  .ss-c-preloader__lines > span {
    width: 0.25rem;
    background-color: var(--ss-color-accent, #007aff);
    animation: ss-preloader-lines 1.4s ease-in-out infinite;
  }
  .ss-c-preloader__lines > span:nth-child(1) {
    animation-delay: 0s;
  }
  .ss-c-preloader__lines > span:nth-child(2) {
    animation-delay: 0.1s;
  }
  .ss-c-preloader__lines > span:nth-child(3) {
    animation-delay: 0.2s;
  }
  .ss-c-preloader__lines > span:nth-child(4) {
    animation-delay: 0.3s;
  }
  .ss-c-preloader__lines > span:nth-child(5) {
    animation-delay: 0.4s;
  }
  .ss-c-preloader__pulse {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: var(--ss-color-accent, #007aff);
    animation: ss-preloader-pulse 1.4s ease-in-out infinite;
  }
  @keyframes ss-preloader-lines {
    0%, 40%, 100% {
      height: 30%;
    }
    20% {
      height: 100%;
    }
  }
  @keyframes ss-preloader-pulse {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
}
@layer ss.components {
  .ss-c-demo__section {
    display: block;
    margin: 0 0 3rem;
  }
  .ss-c-demo__section > * + * {
    margin-top: 1rem;
  }
  .ss-c-demo__section__header {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0 0 1.5rem;
  }
  .ss-c-demo__section__header > h1,
  .ss-c-demo__section__header > h2,
  .ss-c-demo__section__header > h3,
  .ss-c-demo__section__header > h4 {
    margin: 0;
  }
  .ss-c-demo__section__header > p {
    margin: 0;
    color: var(--ss-color-text-muted, #666666);
  }
  .ss-c-demo__subsection {
    display: block;
    margin: 0 0 2rem;
  }
  .ss-c-demo__subsection > h3,
  .ss-c-demo__subsection > h4 {
    margin: 0 0 0.75rem;
  }
  .ss-c-demo__subsection > * + * {
    margin-top: 0.75rem;
  }
}
@layer ss.components {
  .ss-c-preview {
    position: relative;
    border: 0.0625rem solid var(--ss-color-line, #cccccc);
    border-radius: 0.125rem;
    background-color: var(--ss-color-fill, #ffffff);
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    display: block;
  }
  .ss-c-preview--horizontal {
    position: relative;
    border: 0.0625rem solid var(--ss-color-line, #cccccc);
    border-radius: 0.125rem;
    background-color: var(--ss-color-fill, #ffffff);
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    display: block;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .ss-c-preview--horizontal > *:not(:last-child) {
    border-right: 0.0625rem solid var(--ss-color-line, #cccccc);
  }
  .ss-c-preview--horizontal > .ss-c-preview__code,
  .ss-c-preview--horizontal > .ss-c-preview__live {
    display: flex;
    align-items: center;
  }
  .ss-c-preview--horizontal > .ss-c-preview__code {
    padding: 0.5rem 0.75rem;
  }
  .ss-c-preview--vertical {
    position: relative;
    border: 0.0625rem solid var(--ss-color-line, #cccccc);
    border-radius: 0.125rem;
    background-color: var(--ss-color-fill, #ffffff);
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    display: block;
    display: block;
  }
  .ss-c-preview--vertical > *:not(:last-child) {
    border-bottom: 0.0625rem solid var(--ss-color-line, #cccccc);
  }
  .ss-c-preview__live {
    position: relative;
    padding: 1rem;
  }
  .ss-c-preview__code {
    position: relative;
    background-color: var(--ss-color-code-bg, #1e1e1e);
    color: var(--ss-color-code-foreground, #f4f4f4);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
    overflow: auto;
  }
  .ss-c-preview__code pre {
    margin: 0;
    padding: 1rem;
    background: transparent;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    overflow: auto;
    border: 0;
    border-radius: 0;
  }
  .ss-c-preview__code code {
    font-family: inherit;
    font-size: inherit;
    background: transparent;
    color: inherit;
    border: 0;
    padding: 0;
  }
  .ss-c-preview__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.375rem 1rem;
    background-color: var(--ss-color-surface-muted, #f5f5f5);
    color: var(--ss-color-text-muted, #666666);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-preview__info small {
    font-size: inherit;
  }
  .ss-c-preview__swatch {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem;
  }
  .ss-c-preview__swatch__color {
    width: 4rem;
    height: 4rem;
    border-radius: 0.125rem;
    border: 0.0625rem solid var(--ss-color-line, #cccccc);
  }
  .ss-c-preview__swatch__code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.75rem;
  }
  .ss-c-preview__copy-button {
    background: #333333;
    color: #ffffff;
    border: 0;
    padding: 0.25rem 0.5rem;
    font-size: 0.6875rem;
    line-height: 1;
    cursor: pointer;
    border-radius: 0.125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-preview__copy-button:hover {
    background: #555555;
  }
}
@layer ss.components {
  .ss-c-progress {
    display: block;
    width: 100%;
    height: 0.5rem;
    background: var(--ss-color-surface, var(--ss-color-background));
    border-radius: 62.4375rem;
    overflow: hidden;
  }
  .ss-c-progress__bar {
    display: block;
    height: 100%;
    width: var(--ss-progress-value, 0%);
    background: var(--ss-color-accent);
    border-radius: inherit;
    transition: width 0.2s ease;
  }
  progress {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: 0.5rem;
    border: 0;
    border-radius: 0;
    background: var(--ss-color-line-secondary, #cccccc);
    color: var(--ss-color-accent, #3696c1);
  }
  progress::-webkit-progress-bar {
    background: var(--ss-color-line-secondary, #cccccc);
    border-radius: 0;
  }
  progress::-webkit-progress-value {
    background: var(--ss-color-accent, #3696c1);
    border-radius: 0;
  }
  progress::-moz-progress-bar {
    background: var(--ss-color-accent, #3696c1);
    border-radius: 0;
  }
}
@layer ss.components {
  .ss-c-pull-quote {
    display: block;
    margin: var(--ss-space-8) 0;
    padding-inline-start: var(--ss-space-6);
    border-inline-start-width: 0.25rem;
    border-inline-start-style: solid;
    border-inline-start-color: var(--ss-color-accent);
  }
  .ss-c-pull-quote__text {
    font-family: var(--ss-font-family-serif);
    font-size: var(--ss-font-size-xl);
    font-weight: 600;
    line-height: var(--ss-leading-relaxed);
    display: block;
  }
  .ss-c-pull-quote__attribution {
    font-size: var(--ss-font-size-sm);
    color: var(--ss-color-muted-foreground);
  }
  .ss-c-pull-quote--elevated {
    display: block;
    margin: var(--ss-space-8) 0;
    padding-inline-start: var(--ss-space-6);
    border-inline-start-width: 0.25rem;
    border-inline-start-style: solid;
    border-inline-start-color: var(--ss-color-accent);
    background: var(--ss-color-surface-muted);
    border-width: 0.375rem;
    padding: var(--ss-space-8);
    border-radius: 0;
  }
  .ss-c-pull-quote--accent {
    display: block;
    margin: var(--ss-space-8) 0;
    padding-inline-start: var(--ss-space-6);
    border-inline-start-width: 0.25rem;
    border-inline-start-style: solid;
    border-inline-start-color: var(--ss-color-accent);
    border-left: 0.25rem solid var(--ss-color-accent, #3696c1);
    padding-left: 1.25rem;
  }
  .ss-c-pull-quote--inverted {
    display: block;
    margin: var(--ss-space-8) 0;
    padding-inline-start: var(--ss-space-6);
    border-inline-start-width: 0.25rem;
    border-inline-start-style: solid;
    border-inline-start-color: var(--ss-color-accent);
    background: var(--ss-color-text-primary, #000000);
    color: var(--ss-color-background, #ffffff);
    padding: 1.5rem 2rem;
  }
  .ss-c-pull-quote--inverted .ss-c-pull-quote__attribution {
    color: var(--ss-color-accent-tertiary, #8abedc);
  }
  .ss-c-pull-quote--marked {
    display: block;
    margin: var(--ss-space-8) 0;
    padding-inline-start: var(--ss-space-6);
    border-inline-start-width: 0.25rem;
    border-inline-start-style: solid;
    border-inline-start-color: var(--ss-color-accent);
    position: relative;
    padding: 1.5rem 2rem 1.5rem 3.5rem;
  }
  .ss-c-pull-quote--marked::before {
    content: "“";
    position: absolute;
    top: 0;
    left: 0.5rem;
    font-size: 5rem;
    line-height: 1;
    font-family: Georgia, serif;
    color: var(--ss-color-accent-tertiary, #8abedc);
  }
  .ss-c-pull-quote--centered {
    display: block;
    margin: var(--ss-space-8) 0;
    padding-inline-start: var(--ss-space-6);
    border-inline-start-width: 0.25rem;
    border-inline-start-style: solid;
    border-inline-start-color: var(--ss-color-accent);
    text-align: center;
    border-block: 0.0625rem solid var(--ss-color-line-primary, #000000);
    padding-block: 1.25rem;
  }
}
@layer ss.components {
  .ss-c-radial-progress {
    --ss-radial-value: 0;
    --ss-radial-size: 4rem;
    --ss-radial-thickness: calc(var(--ss-radial-size) / 10);
    position: relative;
    display: inline-grid;
    place-content: center;
    box-sizing: content-box;
    width: var(--ss-radial-size);
    height: var(--ss-radial-size);
    border-radius: 50%;
    background: radial-gradient(farthest-side, var(--ss-color-background, #ffffff) 98%, transparent 100% 0) center/calc(100% - var(--ss-radial-thickness) * 2) calc(100% - var(--ss-radial-thickness) * 2) no-repeat, conic-gradient(currentColor calc(var(--ss-radial-value) * 1%), var(--ss-color-line-secondary, #cccccc) 0);
    color: var(--ss-color-accent, currentColor);
    font-variant-numeric: tabular-nums;
  }
  .ss-c-radial-progress::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
  }
}
@layer ss.components {
  .ss-c-radio {
    appearance: none;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: var(--ss-color-background);
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
  }
  .ss-c-radio:checked {
    background: var(--ss-color-background);
    border-color: var(--ss-color-accent);
    background-image: radial-gradient(circle, var(--ss-color-accent) 35%, transparent 40%);
  }
  .ss-c-radio:focus-visible {
    outline: 0.125rem solid var(--ss-color-accent);
    outline-offset: 0.125rem;
  }
  .ss-c-radio:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .ss-c-radio--sm {
    width: 0.875rem;
    height: 0.875rem;
  }
  .ss-c-radio--lg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-radio--success:checked {
    background-color: var(--ss-color-success, #5192c8);
    border-color: var(--ss-color-success, #5192c8);
  }
  .ss-c-radio--warning:checked {
    background-color: var(--ss-color-warning, #9582c2);
    border-color: var(--ss-color-warning, #9582c2);
  }
  .ss-c-radio--danger:checked {
    background-color: var(--ss-color-error, #b577ac);
    border-color: var(--ss-color-error, #b577ac);
  }
  .ss-c-radio__label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
  }
  .ss-c-input--radio {
    appearance: none;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: var(--ss-color-background);
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
  }
  .ss-c-input--radio:checked {
    background: var(--ss-color-background);
    border-color: var(--ss-color-accent);
    background-image: radial-gradient(circle, var(--ss-color-accent) 35%, transparent 40%);
  }
  .ss-c-input--radio:focus-visible {
    outline: 0.125rem solid var(--ss-color-accent);
    outline-offset: 0.125rem;
  }
  .ss-c-input--radio:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
}
@layer ss.components {
  .ss-c-rail {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    flex-shrink: 1;
    flex-grow: 1;
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .ss-c-rail::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .ss-c-rail--horizontal {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    flex-shrink: 1;
    flex-grow: 1;
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .ss-c-rail--horizontal::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .ss-c-rail--horizontal {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 2.5rem;
    background-color: var(--ss-color-text, #1a1a1a);
    color: var(--ss-color-fill, #ffffff);
    width: 100%;
    height: 2.5rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.4;
  }
  .ss-c-rail--top {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    flex-shrink: 1;
    flex-grow: 1;
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .ss-c-rail--top::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .ss-c-rail--top {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 2.5rem;
    background-color: var(--ss-color-text, #1a1a1a);
    color: var(--ss-color-fill, #ffffff);
    width: 100%;
    height: 2.5rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.4;
    border-bottom: 0.0625rem solid var(--ss-color-text, #1a1a1a);
  }
  .ss-c-rail--bottom {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    flex-shrink: 1;
    flex-grow: 1;
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .ss-c-rail--bottom::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .ss-c-rail--bottom {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 2.5rem;
    background-color: var(--ss-color-text, #1a1a1a);
    color: var(--ss-color-fill, #ffffff);
    width: 100%;
    height: 2.5rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.4;
    border-top: 0.0625rem solid var(--ss-color-text, #1a1a1a);
  }
  .ss-c-rail--inverted {
    background-color: var(--ss-color-fill, #ffffff);
    color: var(--ss-color-text, #1a1a1a);
  }
}
@layer ss.components {
  .ss-c-range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    background: transparent;
    cursor: pointer;
  }
  .ss-c-range::-webkit-slider-runnable-track {
    height: 0.5rem;
    border-radius: 62.4375rem;
    background: var(--ss-color-line-secondary, #cccccc);
  }
  .ss-c-range::-moz-range-track {
    height: 0.5rem;
    border-radius: 62.4375rem;
    background: var(--ss-color-line-secondary, #cccccc);
  }
  .ss-c-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -0.375rem;
    border-radius: 50%;
    background: var(--ss-color-accent, currentColor);
    border: 0.125rem solid var(--ss-color-background);
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
  }
  .ss-c-range::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: var(--ss-color-accent, currentColor);
    border: 0.125rem solid var(--ss-color-background);
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
  }
  .ss-c-range:focus-visible {
    outline: 0.125rem solid var(--ss-color-accent);
    outline-offset: 0.25rem;
  }
  .ss-c-range:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .ss-c-range::-webkit-slider-runnable-track {
    height: 0.5rem;
  }
  .ss-c-range::-moz-range-track {
    height: 0.5rem;
  }
  .ss-c-range::-webkit-slider-thumb {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: calc((0.5rem - 1.25rem) / 2);
  }
  .ss-c-range::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-range--xs::-webkit-slider-runnable-track {
    height: 0.25rem;
  }
  .ss-c-range--xs::-moz-range-track {
    height: 0.25rem;
  }
  .ss-c-range--xs::-webkit-slider-thumb {
    width: 0.75rem;
    height: 0.75rem;
    margin-top: calc((0.25rem - 0.75rem) / 2);
  }
  .ss-c-range--xs::-moz-range-thumb {
    width: 0.75rem;
    height: 0.75rem;
  }
  .ss-c-range--sm::-webkit-slider-runnable-track {
    height: 0.375rem;
  }
  .ss-c-range--sm::-moz-range-track {
    height: 0.375rem;
  }
  .ss-c-range--sm::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: calc((0.375rem - 1rem) / 2);
  }
  .ss-c-range--sm::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
  }
  .ss-c-range--lg::-webkit-slider-runnable-track {
    height: 0.625rem;
  }
  .ss-c-range--lg::-moz-range-track {
    height: 0.625rem;
  }
  .ss-c-range--lg::-webkit-slider-thumb {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: calc((0.625rem - 1.5rem) / 2);
  }
  .ss-c-range--lg::-moz-range-thumb {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ss-c-range--primary::-webkit-slider-thumb {
    background: var(--ss-color-primary, var(--ss-color-accent));
  }
  .ss-c-range--primary::-moz-range-thumb {
    background: var(--ss-color-primary, var(--ss-color-accent));
  }
  .ss-c-range--success::-webkit-slider-thumb {
    background: var(--ss-color-success);
  }
  .ss-c-range--success::-moz-range-thumb {
    background: var(--ss-color-success);
  }
  .ss-c-range--warning::-webkit-slider-thumb {
    background: var(--ss-color-warning);
  }
  .ss-c-range--warning::-moz-range-thumb {
    background: var(--ss-color-warning);
  }
  .ss-c-range--error::-webkit-slider-thumb {
    background: var(--ss-color-error);
  }
  .ss-c-range--error::-moz-range-thumb {
    background: var(--ss-color-error);
  }
}
@layer ss.components {
  .ss-c-rating {
    display: inline-flex;
    align-items: center;
    gap: 0.125rem;
    direction: rtl;
  }
  .ss-c-rating > input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    background-color: var(--ss-color-border, currentColor);
    background-image: var(--ss-rating-mask-url, none);
    -webkit-mask-image: var(--ss-rating-mask, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M12 .587l3.668 7.568L24 9.75l-6 5.847L19.336 24 12 19.897 4.664 24 6 15.597 0 9.75l8.332-1.595z'/></svg>"));
    mask-image: var(--ss-rating-mask, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'><path d='M12 .587l3.668 7.568L24 9.75l-6 5.847L19.336 24 12 19.897 4.664 24 6 15.597 0 9.75l8.332-1.595z'/></svg>"));
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    cursor: pointer;
  }
  .ss-c-rating > input[type=radio]:checked,
  .ss-c-rating > input[type=radio]:checked ~ input[type=radio] {
    background-color: var(--ss-color-warning, #f5a623);
  }
  .ss-c-rating > input[type=radio]:hover,
  .ss-c-rating > input[type=radio]:hover ~ input[type=radio] {
    background-color: var(--ss-color-warning, #f5a623);
    opacity: 0.85;
  }
  .ss-c-rating > input[type=radio] {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-rating--xs > input[type=radio] {
    width: 0.75rem;
    height: 0.75rem;
  }
  .ss-c-rating--sm > input[type=radio] {
    width: 1rem;
    height: 1rem;
  }
  .ss-c-rating--lg > input[type=radio] {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ss-c-rating--xl > input[type=radio] {
    width: 2rem;
    height: 2rem;
  }
  .ss-c-rating--half > input[type=radio] {
    width: 0.625rem;
    clip-path: inset(0 0 0 50%);
  }
  .ss-c-rating--half > input[type=radio] + input {
    clip-path: inset(0 50% 0 0);
    margin-inline-start: -0.625rem;
  }
}
@layer ss.components {
  .ss-c-ribbon h1,
  .ss-c-ribbon h2,
  .ss-c-ribbon h3,
  .ss-c-ribbon h4,
  .ss-c-ribbon h5,
  .ss-c-ribbon h6,
  .ss-c-ribbon--top h1,
  .ss-c-ribbon--top h2,
  .ss-c-ribbon--top h3,
  .ss-c-ribbon--top h4,
  .ss-c-ribbon--top h5,
  .ss-c-ribbon--top h6,
  .ss-c-ribbon--bottom h1,
  .ss-c-ribbon--bottom h2,
  .ss-c-ribbon--bottom h3,
  .ss-c-ribbon--bottom h4,
  .ss-c-ribbon--bottom h5,
  .ss-c-ribbon--bottom h6,
  .ss-c-ribbon--left h1,
  .ss-c-ribbon--left h2,
  .ss-c-ribbon--left h3,
  .ss-c-ribbon--left h4,
  .ss-c-ribbon--left h5,
  .ss-c-ribbon--left h6,
  .ss-c-ribbon--right h1,
  .ss-c-ribbon--right h2,
  .ss-c-ribbon--right h3,
  .ss-c-ribbon--right h4,
  .ss-c-ribbon--right h5,
  .ss-c-ribbon--right h6 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  .ss-c-ribbon ul,
  .ss-c-ribbon ol,
  .ss-c-ribbon--top ul,
  .ss-c-ribbon--top ol,
  .ss-c-ribbon--bottom ul,
  .ss-c-ribbon--bottom ol,
  .ss-c-ribbon--left ul,
  .ss-c-ribbon--left ol,
  .ss-c-ribbon--right ul,
  .ss-c-ribbon--right ol {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-ribbon p,
  .ss-c-ribbon--top p,
  .ss-c-ribbon--bottom p,
  .ss-c-ribbon--left p,
  .ss-c-ribbon--right p {
    margin: 0;
  }
  .ss-c-ribbon a,
  .ss-c-ribbon a:link,
  .ss-c-ribbon a:visited,
  .ss-c-ribbon a:hover,
  .ss-c-ribbon a:active,
  .ss-c-ribbon a:focus,
  .ss-c-ribbon--top a,
  .ss-c-ribbon--top a:link,
  .ss-c-ribbon--top a:visited,
  .ss-c-ribbon--top a:hover,
  .ss-c-ribbon--top a:active,
  .ss-c-ribbon--top a:focus,
  .ss-c-ribbon--bottom a,
  .ss-c-ribbon--bottom a:link,
  .ss-c-ribbon--bottom a:visited,
  .ss-c-ribbon--bottom a:hover,
  .ss-c-ribbon--bottom a:active,
  .ss-c-ribbon--bottom a:focus,
  .ss-c-ribbon--left a,
  .ss-c-ribbon--left a:link,
  .ss-c-ribbon--left a:visited,
  .ss-c-ribbon--left a:hover,
  .ss-c-ribbon--left a:active,
  .ss-c-ribbon--left a:focus,
  .ss-c-ribbon--right a,
  .ss-c-ribbon--right a:link,
  .ss-c-ribbon--right a:visited,
  .ss-c-ribbon--right a:hover,
  .ss-c-ribbon--right a:active,
  .ss-c-ribbon--right a:focus {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-ribbon i,
  .ss-c-ribbon .i,
  .ss-c-ribbon [class^=i_],
  .ss-c-ribbon [class*=" i_"],
  .ss-c-ribbon .octicon,
  .ss-c-ribbon svg,
  .ss-c-ribbon--top i,
  .ss-c-ribbon--top .i,
  .ss-c-ribbon--top [class^=i_],
  .ss-c-ribbon--top [class*=" i_"],
  .ss-c-ribbon--top .octicon,
  .ss-c-ribbon--top svg,
  .ss-c-ribbon--bottom i,
  .ss-c-ribbon--bottom .i,
  .ss-c-ribbon--bottom [class^=i_],
  .ss-c-ribbon--bottom [class*=" i_"],
  .ss-c-ribbon--bottom .octicon,
  .ss-c-ribbon--bottom svg,
  .ss-c-ribbon--left i,
  .ss-c-ribbon--left .i,
  .ss-c-ribbon--left [class^=i_],
  .ss-c-ribbon--left [class*=" i_"],
  .ss-c-ribbon--left .octicon,
  .ss-c-ribbon--left svg,
  .ss-c-ribbon--right i,
  .ss-c-ribbon--right .i,
  .ss-c-ribbon--right [class^=i_],
  .ss-c-ribbon--right [class*=" i_"],
  .ss-c-ribbon--right .octicon,
  .ss-c-ribbon--right svg {
    font-size: inherit;
    line-height: 1;
    width: 1em;
    height: 1em;
    color: inherit;
    fill: currentColor;
    vertical-align: middle;
  }
  .ss-c-ribbon {
    display: grid;
    gap: 0;
    box-sizing: border-box;
    padding: 0.625rem;
    pointer-events: all;
    background-color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon::before {
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon {
    border-color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
    border-style: solid;
    border-width: 0;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    z-index: 100;
    position: relative;
  }
  .ss-c-ribbon a,
  .ss-c-ribbon a:link,
  .ss-c-ribbon a:visited,
  .ss-c-ribbon a:hover,
  .ss-c-ribbon a:active,
  .ss-c-ribbon a:focus {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-ribbon h1,
  .ss-c-ribbon h2,
  .ss-c-ribbon h3,
  .ss-c-ribbon h4,
  .ss-c-ribbon h5,
  .ss-c-ribbon h6 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  .ss-c-ribbon ul,
  .ss-c-ribbon ol {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-ribbon p {
    margin: 0;
  }
  .ss-c-ribbon--horizontal {
    display: grid;
    gap: 0;
    box-sizing: border-box;
    padding: 0.625rem;
    pointer-events: all;
    background-color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--horizontal::before {
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--horizontal {
    border-color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
    border-style: solid;
    border-width: 0;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    z-index: 100;
    position: relative;
  }
  .ss-c-ribbon--horizontal a,
  .ss-c-ribbon--horizontal a:link,
  .ss-c-ribbon--horizontal a:visited,
  .ss-c-ribbon--horizontal a:hover,
  .ss-c-ribbon--horizontal a:active,
  .ss-c-ribbon--horizontal a:focus {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-ribbon--horizontal {
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: calc(2.5rem - 0.625rem * 2);
    grid-auto-rows: unset;
    grid-auto-flow: column;
    grid-template-areas: "ribbon_area--horizontal_left ribbon_area--horizontal_center ribbon_area--horizontal_right";
    align-items: center;
    align-content: center;
    width: 100%;
    height: 2.5rem;
  }
  .ss-c-ribbon--vertical {
    display: grid;
    gap: 0;
    box-sizing: border-box;
    padding: 0.625rem;
    pointer-events: all;
    background-color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--vertical::before {
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--vertical {
    border-color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
    border-style: solid;
    border-width: 0;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    z-index: 100;
    position: relative;
  }
  .ss-c-ribbon--vertical a,
  .ss-c-ribbon--vertical a:link,
  .ss-c-ribbon--vertical a:visited,
  .ss-c-ribbon--vertical a:hover,
  .ss-c-ribbon--vertical a:active,
  .ss-c-ribbon--vertical a:focus {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-ribbon--vertical {
    grid-template-rows: 1fr auto 1fr;
    grid-template-columns: calc(2.5rem - 0.625rem * 2);
    grid-auto-columns: unset;
    grid-auto-flow: row;
    grid-template-areas: "ribbon_area--vertical_top" "ribbon_area--vertical_center" "ribbon_area--vertical_bottom";
    justify-items: center;
    height: 100%;
    width: 2.5rem;
  }
  .ss-c-ribbon--top {
    display: grid;
    gap: 0;
    box-sizing: border-box;
    padding: 0.625rem;
    pointer-events: all;
    background-color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--top::before {
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--top {
    border-color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
    border-style: solid;
    border-width: 0;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    z-index: 100;
    position: relative;
  }
  .ss-c-ribbon--top a,
  .ss-c-ribbon--top a:link,
  .ss-c-ribbon--top a:visited,
  .ss-c-ribbon--top a:hover,
  .ss-c-ribbon--top a:active,
  .ss-c-ribbon--top a:focus {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-ribbon--top {
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: calc(2.5rem - 0.625rem * 2);
    grid-auto-rows: unset;
    grid-auto-flow: column;
    grid-template-areas: "ribbon_area--horizontal_left ribbon_area--horizontal_center ribbon_area--horizontal_right";
    align-items: center;
    align-content: center;
    width: 100%;
    height: 2.5rem;
    height: 2.5rem;
    border-bottom-width: 0.0625rem;
  }
  .ss-c-ribbon--bottom {
    display: grid;
    gap: 0;
    box-sizing: border-box;
    padding: 0.625rem;
    pointer-events: all;
    background-color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--bottom::before {
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--bottom {
    border-color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
    border-style: solid;
    border-width: 0;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    z-index: 100;
    position: relative;
  }
  .ss-c-ribbon--bottom a,
  .ss-c-ribbon--bottom a:link,
  .ss-c-ribbon--bottom a:visited,
  .ss-c-ribbon--bottom a:hover,
  .ss-c-ribbon--bottom a:active,
  .ss-c-ribbon--bottom a:focus {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-ribbon--bottom {
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: calc(2.5rem - 0.625rem * 2);
    grid-auto-rows: unset;
    grid-auto-flow: column;
    grid-template-areas: "ribbon_area--horizontal_left ribbon_area--horizontal_center ribbon_area--horizontal_right";
    align-items: center;
    align-content: center;
    width: 100%;
    height: 2.5rem;
    height: 2.5rem;
    border-top-width: 0.0625rem;
  }
  .ss-c-ribbon--left {
    display: grid;
    gap: 0;
    box-sizing: border-box;
    padding: 0.625rem;
    pointer-events: all;
    background-color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--left::before {
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--left {
    border-color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
    border-style: solid;
    border-width: 0;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    z-index: 100;
    position: relative;
  }
  .ss-c-ribbon--left a,
  .ss-c-ribbon--left a:link,
  .ss-c-ribbon--left a:visited,
  .ss-c-ribbon--left a:hover,
  .ss-c-ribbon--left a:active,
  .ss-c-ribbon--left a:focus {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-ribbon--left {
    grid-template-rows: 1fr auto 1fr;
    grid-template-columns: calc(2.5rem - 0.625rem * 2);
    grid-auto-columns: unset;
    grid-auto-flow: row;
    grid-template-areas: "ribbon_area--vertical_top" "ribbon_area--vertical_center" "ribbon_area--vertical_bottom";
    justify-items: center;
    height: 100%;
    width: 2.5rem;
    width: 2.5rem;
    border-right-width: 0.0625rem;
  }
  .ss-c-ribbon--right {
    display: grid;
    gap: 0;
    box-sizing: border-box;
    padding: 0.625rem;
    pointer-events: all;
    background-color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--right::before {
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
  }
  .ss-c-ribbon--right {
    border-color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
    border-style: solid;
    border-width: 0;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    z-index: 100;
    position: relative;
  }
  .ss-c-ribbon--right a,
  .ss-c-ribbon--right a:link,
  .ss-c-ribbon--right a:visited,
  .ss-c-ribbon--right a:hover,
  .ss-c-ribbon--right a:active,
  .ss-c-ribbon--right a:focus {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-ribbon--right {
    grid-template-rows: 1fr auto 1fr;
    grid-template-columns: calc(2.5rem - 0.625rem * 2);
    grid-auto-columns: unset;
    grid-auto-flow: row;
    grid-template-areas: "ribbon_area--vertical_top" "ribbon_area--vertical_center" "ribbon_area--vertical_bottom";
    justify-items: center;
    height: 100%;
    width: 2.5rem;
    width: 2.5rem;
    border-left-width: 0.0625rem;
  }
  .ss-c-ribbon--inverted {
    background-color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
    color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
  }
  .ss-c-ribbon--inverted::before {
    color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
  }
  .ss-c-ribbon--inverted {
    border-color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
  }
  .ss-c-ribbon__slot {
    display: grid;
    box-sizing: border-box;
    gap: 0.125rem;
    max-width: 100%;
    width: 100%;
    height: 100%;
    align-items: center;
    align-self: center;
    white-space: nowrap;
  }
  .ss-c-ribbon__slot--horizontal_left {
    display: grid;
    box-sizing: border-box;
    gap: 0.125rem;
    max-width: 100%;
    width: 100%;
    height: 100%;
    align-items: center;
    align-self: center;
    white-space: nowrap;
    grid-auto-flow: column;
    grid-auto-columns: min-content;
    grid-template-rows: 1.25rem;
    width: 100%;
    height: calc(2.5rem - 0.625rem * 2);
    min-height: calc(2.5rem - 0.625rem * 2);
    max-height: calc(2.5rem - 0.625rem * 2);
    grid-area: ribbon_area--horizontal_left;
    justify-content: start;
    justify-items: start;
  }
  .ss-c-ribbon__slot--horizontal_center {
    display: grid;
    box-sizing: border-box;
    gap: 0.125rem;
    max-width: 100%;
    width: 100%;
    height: 100%;
    align-items: center;
    align-self: center;
    white-space: nowrap;
    grid-auto-flow: column;
    grid-auto-columns: min-content;
    grid-template-rows: 1.25rem;
    width: 100%;
    height: calc(2.5rem - 0.625rem * 2);
    min-height: calc(2.5rem - 0.625rem * 2);
    max-height: calc(2.5rem - 0.625rem * 2);
    grid-area: ribbon_area--horizontal_center;
    justify-content: center;
    justify-items: center;
  }
  .ss-c-ribbon__slot--horizontal_right {
    display: grid;
    box-sizing: border-box;
    gap: 0.125rem;
    max-width: 100%;
    width: 100%;
    height: 100%;
    align-items: center;
    align-self: center;
    white-space: nowrap;
    grid-auto-flow: column;
    grid-auto-columns: min-content;
    grid-template-rows: 1.25rem;
    width: 100%;
    height: calc(2.5rem - 0.625rem * 2);
    min-height: calc(2.5rem - 0.625rem * 2);
    max-height: calc(2.5rem - 0.625rem * 2);
    grid-area: ribbon_area--horizontal_right;
    justify-content: end;
    justify-items: end;
  }
  .ss-c-ribbon__slot--vertical_top {
    display: grid;
    box-sizing: border-box;
    gap: 0.125rem;
    max-width: 100%;
    width: 100%;
    height: 100%;
    align-items: center;
    align-self: center;
    white-space: nowrap;
    grid-auto-flow: row;
    grid-auto-rows: min-content;
    grid-template-columns: 1.25rem;
    width: calc(2.5rem - 0.625rem * 2);
    min-width: calc(2.5rem - 0.625rem * 2);
    max-width: calc(2.5rem - 0.625rem * 2);
    height: 100%;
    grid-area: ribbon_area--vertical_top;
    align-content: start;
    align-items: start;
  }
  .ss-c-ribbon__slot--vertical_center {
    display: grid;
    box-sizing: border-box;
    gap: 0.125rem;
    max-width: 100%;
    width: 100%;
    height: 100%;
    align-items: center;
    align-self: center;
    white-space: nowrap;
    grid-auto-flow: row;
    grid-auto-rows: min-content;
    grid-template-columns: 1.25rem;
    width: calc(2.5rem - 0.625rem * 2);
    min-width: calc(2.5rem - 0.625rem * 2);
    max-width: calc(2.5rem - 0.625rem * 2);
    height: 100%;
    grid-area: ribbon_area--vertical_center;
    align-content: center;
    align-items: center;
  }
  .ss-c-ribbon__slot--vertical_bottom {
    display: grid;
    box-sizing: border-box;
    gap: 0.125rem;
    max-width: 100%;
    width: 100%;
    height: 100%;
    align-items: center;
    align-self: center;
    white-space: nowrap;
    grid-auto-flow: row;
    grid-auto-rows: min-content;
    grid-template-columns: 1.25rem;
    width: calc(2.5rem - 0.625rem * 2);
    min-width: calc(2.5rem - 0.625rem * 2);
    max-width: calc(2.5rem - 0.625rem * 2);
    height: 100%;
    grid-area: ribbon_area--vertical_bottom;
    align-content: end;
    align-items: end;
  }
  .ss-c-ribbon__title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.125rem;
    margin: 0;
    padding: 0;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
  }
  .ss-c-ribbon__title > * {
    display: flex;
    align-items: center;
  }
  .ss-c-ribbon__button, .ss-c-ribbon__nav_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    padding: 0.0625rem 0.125rem;
    font: inherit;
  }
  .ss-c-ribbon__button:hover, .ss-c-ribbon__nav_button:hover {
    opacity: 0.75;
  }
  .ss-c-ribbon__menu {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-ribbon__nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.125rem;
  }
  .ss-c-ribbon__panel {
    position: absolute;
    background-color: var(--color_text_primary, var(--ss-color-text, #1a1a1a));
    color: var(--color_fill_primary, var(--ss-color-fill, #ffffff));
    border: 0.0625rem solid var(--color_fill_primary, var(--ss-color-fill, #ffffff));
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.08);
    padding: 0.1875rem;
    z-index: calc(100 + 1);
  }
  .ss-c-ribbon__search {
    display: inline-flex;
    align-items: center;
    gap: 0.125rem;
  }
  .ss-c-ribbon__search input {
    font: inherit;
    color: inherit;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0.0625rem 0.125rem;
  }
}
@layer ss.components {
  .ss-c-scrollspy {
    scroll-padding-top: 5rem;
    scroll-behavior: smooth;
  }
  .ss-c-scrollspy__nav {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-scrollspy__nav a {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 0.25rem 0.5rem;
  }
  .ss-c-scrollspy__nav a.is-active, .ss-c-scrollspy__nav a.active {
    color: var(--ss-color-accent, #007aff);
    font-weight: 600;
  }
  .ss-c-scrollspy__progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 0.25rem;
    background-color: var(--ss-color-accent, #007aff);
    z-index: 1080;
    transition: width 0.1s linear;
  }
  .ss-c-scrollspy__progress-dots {
    position: fixed;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .ss-c-scrollspy__progress-dots > * {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--ss-color-line, #e5e5e5);
    cursor: pointer;
    transition: background-color 0.15s ease;
  }
  .ss-c-scrollspy__progress-dots > *.is-active, .ss-c-scrollspy__progress-dots > *.active {
    background-color: var(--ss-color-accent, #007aff);
  }
}
@layer ss.components {
  .ss-c-section-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: var(--ss-space-2);
    margin-bottom: var(--ss-space-5);
    border-bottom: var(--ss-a-border-width-1, 1px) solid var(--ss-color-border);
  }
  .ss-c-section-count {
    font-family: var(--ss-font-family-mono, monospace);
    font-size: var(--ss-font-size-xs);
    color: var(--ss-color-muted);
  }
}
@layer ss.components {
  .ss-c-section-title {
    font-size: var(--ss-font-size-xs);
    font-weight: var(--ss-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--ss-tracking-wider);
    color: var(--ss-color-muted);
    margin: 0 0 var(--ss-space-3);
  }
}
@layer ss.components {
  .ss-c-select {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--ss-color-background, var(--ss-color-fill, #ffffff));
    color: var(--ss-color-foreground, var(--ss-color-text-primary, #1a1a1a));
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-line, #cccccc));
    border-radius: 0;
    font: inherit;
    font-size: var(--ss-font-size-base, 1rem);
    line-height: 1.4;
    appearance: none;
  }
  .ss-c-select::placeholder {
    color: var(--ss-color-muted, #888888);
    opacity: 1;
  }
  .ss-c-select:focus, .ss-c-select:focus-visible {
    outline: none;
    border-color: var(--ss-color-accent, #2563eb);
    box-shadow: 0 0 0 0.125rem color-mix(in srgb, var(--ss-color-accent, #2563eb) 25%, transparent);
  }
  .ss-c-select:disabled, .ss-c-select[aria-disabled=true] {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .ss-c-select {
    padding-inline-end: 2.25rem;
    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
    background-position: right 1rem top 50%, right 0.6875rem top 50%;
    background-size: 0.3125rem 0.3125rem, 0.3125rem 0.3125rem;
    background-repeat: no-repeat;
  }
}
@layer ss.components {
  .ss-c-sidebar {
    position: relative;
    display: flex;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: visible;
    box-sizing: border-box;
  }
  .ss-c-sidebar--left {
    position: relative;
    display: flex;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: visible;
    box-sizing: border-box;
    flex-direction: row;
    transition: width 0.3s ease;
  }
  .ss-c-sidebar--left > .ss-c-sidebar__menu {
    border-right: 0.0625rem solid var(--ss-color-text, #1a1a1a);
  }
  .ss-c-sidebar--right {
    position: relative;
    display: flex;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: visible;
    box-sizing: border-box;
    flex-direction: row-reverse;
    transition: width 0.3s ease;
  }
  .ss-c-sidebar--right > .ss-c-sidebar__menu {
    border-left: 0.0625rem solid var(--ss-color-text, #1a1a1a);
  }
  .ss-c-sidebar__menu {
    position: relative;
    transition: width 0.3s ease;
    width: 0;
    display: none;
    visibility: hidden;
    overflow: visible;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
  }
  .ss-c-sidebar__menu.is-active, .ss-c-sidebar__menu.active {
    display: block;
    visibility: visible;
    width: 12.5rem;
  }
  .ss-c-sidebar__control {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    pointer-events: auto;
    overflow: visible;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
  }
  .ss-c-sidebar__section {
    display: block;
    margin: 0;
    padding: 0;
  }
  .ss-c-sidebar__accordion {
    display: block;
    margin: 0;
    padding: 0;
  }
  .ss-c-sidebar__accordion__header {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    cursor: pointer;
    user-select: none;
    padding: 0.375rem 0.625rem;
    margin: 0;
    list-style: none;
  }
  .ss-c-sidebar__accordion__header::-webkit-details-marker {
    display: none;
  }
  .ss-c-sidebar__accordion__header::marker {
    display: none;
    content: "";
  }
  .ss-c-sidebar__accordion__header > h2,
  .ss-c-sidebar__accordion__header > h3 {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    flex: 1 1 auto;
    min-width: 0;
  }
  .ss-c-sidebar__accordion__header > h2 {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .ss-c-sidebar__accordion__header > h3 {
    font-size: 0.8125rem;
    font-weight: 600;
  }
  .ss-c-sidebar__accordion__header:hover {
    background-color: rgba(0, 0, 0, 0.04);
  }
  .ss-c-sidebar__accordion__header--nested {
    padding-block: 0.25rem;
  }
  .ss-c-sidebar__accordion__header--nested > h3 {
    color: var(--ss-color-text-muted, #414141);
  }
  .ss-c-sidebar__accordion__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.75rem;
    height: 0.75rem;
    margin-left: auto;
    flex-shrink: 0;
    font-size: 0.875rem;
    line-height: 1;
    opacity: 0.6;
    transition: transform 0.2s ease;
    transform: rotate(0deg);
  }
  .ss-c-sidebar__accordion__content {
    margin-left: 0.875rem;
    padding: 0.125rem 0.625rem 0.375rem 0.5rem;
    border-left: 0.0625rem solid var(--ss-color-border-muted, #e5e5e5);
  }
  .ss-c-sidebar__accordion[open] > .ss-c-sidebar__accordion__header > .ss-c-sidebar__accordion__icon {
    transform: rotate(90deg);
  }
  .ss-c-sidebar__subsection__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-sidebar__subsection__list > li {
    padding: 0;
  }
  .ss-c-sidebar__subsection__list a {
    display: block;
    padding: 0.1875rem 0.375rem;
    border-radius: var(--ss-radius-sm, 0.125rem);
    font-size: 0.8125rem;
    color: var(--ss-color-text-muted, #414141);
    text-decoration: none;
  }
  .ss-c-sidebar__subsection__list a:visited {
    color: var(--ss-color-text-muted, #414141);
  }
  .ss-c-sidebar__subsection__list a:hover {
    color: var(--ss-color-text-primary, #000000);
    background-color: rgba(0, 0, 0, 0.04);
    text-decoration: none;
  }
  .ss-c-sidebar__subsection__description {
    margin: 0 0 0.25rem;
    opacity: 0.7;
  }
}
@layer ss.components {
  .ss-c-social {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-social__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background-color: transparent;
    color: var(--ss-color-text, #1a1a1a);
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
  }
  .ss-c-social__link--facebook:hover {
    background-color: #1877f2;
    color: var(--ss-color-on-accent, #ffffff);
  }
  .ss-c-social__link--twitter:hover, .ss-c-social__link--x:hover {
    background-color: #000000;
    color: var(--ss-color-on-accent, #ffffff);
  }
  .ss-c-social__link--instagram:hover {
    background-color: #e4405f;
    color: var(--ss-color-on-accent, #ffffff);
  }
  .ss-c-social__link--linkedin:hover {
    background-color: #0a66c2;
    color: var(--ss-color-on-accent, #ffffff);
  }
  .ss-c-social__link--youtube:hover {
    background-color: #ff0000;
    color: var(--ss-color-on-accent, #ffffff);
  }
  .ss-c-social__link--github:hover {
    background-color: #181717;
    color: var(--ss-color-on-accent, #ffffff);
  }
  .ss-c-social__link--mastodon:hover {
    background-color: #6364ff;
    color: var(--ss-color-on-accent, #ffffff);
  }
  .ss-c-social__link--rss:hover {
    background-color: #f26522;
    color: var(--ss-color-on-accent, #ffffff);
  }
}
@layer ss.components {
  .ss-c-spacer {
    display: block;
    width: 100%;
    height: 1rem;
    flex-shrink: 0;
  }
  .ss-c-spacer--xs {
    height: 0.25rem;
  }
  .ss-c-spacer--sm {
    height: 0.5rem;
  }
  .ss-c-spacer--md {
    height: 1rem;
  }
  .ss-c-spacer--lg {
    height: 2rem;
  }
  .ss-c-spacer--xl {
    height: 4rem;
  }
  .ss-c-spacer--inline {
    display: inline-block;
    width: 1rem;
    height: 0.0625rem;
  }
}
@keyframes ss-spinner-spin {
  to {
    transform: rotate(360deg);
  }
}
@layer ss.components {
  .ss-c-spinner {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border: 0.125rem solid var(--ss-color-border, var(--ss-color-surface));
    border-top-color: var(--ss-color-accent);
    border-radius: 50%;
    animation: ss-spinner-spin 0.8s linear infinite;
  }
  .ss-c-spinner--sm {
    width: 1rem;
    height: 1rem;
  }
  .ss-c-spinner--md {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ss-c-spinner--lg {
    width: 2.25rem;
    height: 2.25rem;
  }
}
@layer ss.components {
  .ss-c-stack {
    display: inline-grid;
    place-items: center;
  }
  .ss-c-stack > * {
    grid-column-start: 1;
    grid-row-start: 1;
    z-index: 1;
    transform: translateY(0) scale(1);
    opacity: 1;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  .ss-c-stack > *:nth-child(2) {
    z-index: 0;
    transform: translateY(8%) scale(0.94);
    opacity: 0.8;
  }
  .ss-c-stack > *:nth-child(3) {
    z-index: -1;
    transform: translateY(16%) scale(0.88);
    opacity: 0.6;
  }
  .ss-c-stack > *:nth-child(n+4) {
    z-index: -2;
    transform: translateY(24%) scale(0.82);
    opacity: 0.4;
  }
  .ss-c-stack--top > * {
    transform: translateY(0) scale(1);
  }
  .ss-c-stack--top > *:nth-child(2) {
    transform: translateY(-8%) scale(0.94);
  }
  .ss-c-stack--top > *:nth-child(3) {
    transform: translateY(-16%) scale(0.88);
  }
  .ss-c-stack--top > *:nth-child(n+4) {
    transform: translateY(-24%) scale(0.82);
  }
}
@layer ss.components {
  .ss-c-stats {
    display: inline-flex;
    overflow-x: auto;
    background-color: var(--ss-color-surface-1, var(--ss-color-surface));
    color: var(--ss-color-text-primary);
    border-radius: var(--ss-radius-md, 0.375rem);
    box-shadow: var(--ss-shadow-1, 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.05));
  }
  .ss-c-stats--vertical {
    flex-direction: column;
    overflow-x: visible;
  }
  .ss-c-stat {
    display: inline-grid;
    grid-template: "figure title actions" auto "figure value actions" auto "figure desc actions" auto/auto 1fr auto;
    column-gap: 0.75rem;
    padding: 1rem 1.5rem;
  }
  .ss-c-stat + .ss-c-stat {
    border-inline-start: 0.0625rem solid var(--ss-color-border, currentColor);
  }
  .ss-c-stat__title {
    grid-area: title;
    font-size: var(--ss-font-size-sm);
    color: var(--ss-color-text-secondary, var(--ss-color-text-muted));
  }
  .ss-c-stat__value {
    grid-area: value;
    font-size: var(--ss-font-size-2xl, 2rem);
    font-weight: 700;
    line-height: 1.1;
  }
  .ss-c-stat__desc {
    grid-area: desc;
    font-size: var(--ss-font-size-xs);
    color: var(--ss-color-text-muted);
  }
  .ss-c-stat__figure {
    grid-area: figure;
    display: flex;
    align-items: center;
    color: var(--ss-color-accent, currentColor);
  }
  .ss-c-stat__actions {
    grid-area: actions;
    display: flex;
    align-items: center;
  }
}
@layer ss.components {
  .ss-c-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--ss-space-3);
    padding: var(--ss-space-8) var(--ss-space-6);
    text-align: center;
    color: var(--ss-color-muted);
  }
  .ss-c-state__icon {
    font-size: var(--ss-font-size-2xl);
    line-height: 1;
    opacity: 0.7;
  }
  .ss-c-state__title {
    font-size: var(--ss-font-size-lg);
    font-weight: var(--ss-font-weight-semibold);
    color: var(--ss-color-text-primary);
  }
  .ss-c-state__message {
    margin: 0;
    max-width: 42ch;
    color: var(--ss-color-muted);
  }
  .ss-c-state__action {
    margin-top: var(--ss-space-2);
  }
  .ss-c-state--error {
    color: var(--ss-color-error);
  }
  .ss-c-state--error .ss-c-state__title {
    color: var(--ss-color-error);
  }
  .ss-c-state--empty {
    color: var(--ss-color-muted);
  }
  .ss-c-state--inline {
    flex-direction: row;
    justify-content: flex-start;
    gap: var(--ss-space-2);
    padding: var(--ss-space-3) 0;
    text-align: left;
  }
}
@layer ss.components {
  .ss-c-steps {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    overflow: hidden;
    counter-reset: ss-step;
  }
  .ss-c-steps--vertical {
    display: inline-grid;
    grid-auto-flow: row;
    grid-auto-columns: auto;
  }
  .ss-c-step {
    position: relative;
    display: grid;
    grid-template-rows: 2.5rem 1fr;
    place-items: center;
    text-align: center;
    min-width: 4rem;
    counter-increment: ss-step;
  }
  .ss-c-step::before {
    content: counter(ss-step);
    z-index: 1;
    grid-row-start: 1;
    place-self: center;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--ss-color-surface-2, var(--ss-color-surface));
    color: var(--ss-color-text-primary);
    font-weight: 600;
  }
  .ss-c-step::after {
    content: "";
    position: absolute;
    top: 1.25rem;
    inset-inline: 50%;
    height: 0.125rem;
    background: var(--ss-color-surface-2, var(--ss-color-surface));
  }
  .ss-c-step:last-child::after {
    display: none;
  }
  .ss-c-step > * {
    grid-row-start: 2;
    padding-top: 0.5rem;
  }
  .ss-c-step--primary::before {
    background: var(--ss-color-primary, var(--ss-color-accent));
    color: var(--ss-color-on-accent, #fff);
  }
  .ss-c-step--primary::after {
    background: var(--ss-color-primary, var(--ss-color-accent));
  }
  .ss-c-step--success::before {
    background: var(--ss-color-success);
    color: var(--ss-color-on-success, #fff);
  }
  .ss-c-step--success::after {
    background: var(--ss-color-success);
  }
  .ss-c-step--warning::before {
    background: var(--ss-color-warning);
    color: var(--ss-color-on-warning, #fff);
  }
  .ss-c-step--warning::after {
    background: var(--ss-color-warning);
  }
  .ss-c-step--error::before {
    background: var(--ss-color-error);
    color: var(--ss-color-on-error, #fff);
  }
  .ss-c-step--error::after {
    background: var(--ss-color-error);
  }
}
@layer ss.components {
  .ss-c-subnav {
    display: flex;
    align-items: center;
    gap: var(--ss-space-2);
    padding: var(--ss-space-2) var(--ss-space-4);
    min-height: 2.5rem;
    background-color: var(--ss-color-surface-alt);
    border-bottom: var(--ss-a-border-width-1, 1px) solid var(--ss-color-border);
  }
}
@layer ss.components {
  .ss-c-details {
    border: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    border-radius: 0.25rem;
    padding: 0;
    background-color: var(--ss-color-fill, #ffffff);
    color: var(--ss-color-text, #1a1a1a);
  }
  .ss-c-details[open] > summary {
    border-bottom: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
  .ss-c-details > .ss-c-details__summary {
    cursor: pointer;
    padding: 0.5rem 0.75rem;
    list-style: none;
    user-select: none;
    font-weight: 600;
  }
  .ss-c-details > .ss-c-details__summary::-webkit-details-marker {
    display: none;
  }
  .ss-c-details > .ss-c-details__summary::marker {
    color: var(--ss-color-text-muted, #666666);
  }
  .ss-c-details > .ss-c-details__summary::before {
    content: "▸";
    margin-right: 0.5rem;
    color: var(--ss-color-text-muted, #666666);
    transition: transform 0.2s ease;
    display: inline-block;
  }
  .ss-c-details[open] > .ss-c-details__summary::before {
    transform: rotate(90deg);
  }
}
@layer ss.components {
  .ss-c-swap {
    position: relative;
    display: inline-grid;
    place-content: center;
    cursor: pointer;
    user-select: none;
  }
  .ss-c-swap > input[type=checkbox] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
  }
  .ss-c-swap > .ss-c-swap__on,
  .ss-c-swap > .ss-c-swap__off,
  .ss-c-swap > .ss-c-swap__indeterminate {
    grid-column-start: 1;
    grid-row-start: 1;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  .ss-c-swap > .ss-c-swap__on,
  .ss-c-swap > .ss-c-swap__indeterminate {
    opacity: 0;
  }
  .ss-c-swap > .ss-c-swap__off {
    opacity: 1;
  }
  .ss-c-swap > input[type=checkbox]:checked ~ .ss-c-swap__on {
    opacity: 1;
  }
  .ss-c-swap > input[type=checkbox]:checked ~ .ss-c-swap__off {
    opacity: 0;
  }
  .ss-c-swap > input[type=checkbox]:indeterminate ~ .ss-c-swap__indeterminate {
    opacity: 1;
  }
  .ss-c-swap > input[type=checkbox]:indeterminate ~ .ss-c-swap__off {
    opacity: 0;
  }
  .ss-c-swap--rotate > .ss-c-swap__on {
    transform: rotate(-45deg);
  }
  .ss-c-swap--rotate > input[type=checkbox]:checked ~ .ss-c-swap__on {
    transform: rotate(0);
  }
  .ss-c-swap--rotate > input[type=checkbox]:checked ~ .ss-c-swap__off {
    transform: rotate(45deg);
  }
  .ss-c-swap--flip {
    transform-style: preserve-3d;
    perspective: 16em;
  }
  .ss-c-swap--flip > .ss-c-swap__on,
  .ss-c-swap--flip > .ss-c-swap__off {
    backface-visibility: hidden;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .ss-c-swap--flip > .ss-c-swap__on {
    transform: rotateY(180deg);
  }
  .ss-c-swap--flip > input[type=checkbox]:checked ~ .ss-c-swap__on {
    opacity: 1;
    transform: rotateY(0);
  }
  .ss-c-swap--flip > input[type=checkbox]:checked ~ .ss-c-swap__off {
    opacity: 0;
    transform: rotateY(-180deg);
  }
  .ss-c-swap__on,
  .ss-c-swap__off,
  .ss-c-swap__indeterminate { /* positioned by parent */ }
}
@layer ss.components {
  .ss-c-tab {
    display: block;
  }
  .ss-c-tab__list {
    display: flex;
    gap: 0.25rem;
    border-bottom: 0.0625rem solid var(--ss-color-line, #e5e5e5);
    list-style: none;
    margin: 0;
    padding: 0;
    role: tablist;
  }
  .ss-c-tab__item {
    padding: 0.5rem 1rem;
    color: var(--ss-color-text, #1a1a1a);
    cursor: pointer;
    background: transparent;
    border: 0;
    border-bottom: 0.125rem solid transparent;
    margin-bottom: -0.0625rem;
    font: inherit;
    transition: color 0.15s ease, border-color 0.15s ease;
  }
  .ss-c-tab__item:hover {
    color: var(--ss-color-accent, #007aff);
  }
  .ss-c-tab__item.is-active, .ss-c-tab__item--active, .ss-c-tab__item[aria-selected=true] {
    color: var(--ss-color-accent, #007aff);
    border-bottom-color: var(--ss-color-accent, #007aff);
  }
  .ss-c-tab__panel {
    padding: 1rem 0;
  }
  .ss-c-tab__panel[hidden], .ss-c-tab__panel.is-hidden {
    display: none;
  }
}
@layer ss.components {
  .ss-c-table {
    width: 100%;
    border-collapse: collapse;
    text-align: start;
  }
  .ss-c-table th,
  .ss-c-table td {
    padding: 0.625rem 0.875rem;
    border-bottom: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
    vertical-align: middle;
  }
  .ss-c-table thead th {
    background: var(--ss-color-surface, transparent);
    color: var(--ss-color-foreground);
    font-weight: 600;
  }
  .ss-c-table--bordered {
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
  }
  .ss-c-table--bordered th,
  .ss-c-table--bordered td {
    border: 0.0625rem solid var(--ss-color-border, var(--ss-color-foreground));
  }
  .ss-c-table--striped tbody tr:nth-of-type(even) {
    background: var(--ss-color-surface, transparent);
  }
  .ss-c-table--hover tbody tr:hover {
    background: var(--ss-color-surface-hover, var(--ss-color-surface, transparent));
  }
  .ss-c-table--stacked {
    width: 100%;
  }
  @media screen and (max-width: 48em) {
    .ss-c-table--stacked thead {
      display: none;
    }
    .ss-c-table--stacked tbody tr {
      display: block;
      margin-bottom: var(--ss-space-md, 1rem);
      border: 0.0625rem solid var(--ss-color-line-secondary);
      border-radius: var(--ss-radius-sm, 0.25rem);
      background-color: var(--ss-color-fill, #fff);
    }
    .ss-c-table--stacked tbody tr:last-child {
      margin-bottom: 0;
    }
    .ss-c-table--stacked tbody td {
      display: block;
      padding: var(--ss-space-sm, 0.75rem) var(--ss-space-md, 1rem);
      text-align: right;
      border-bottom: 0.0625rem solid var(--ss-color-line-secondary);
    }
    .ss-c-table--stacked tbody td:last-child {
      border-bottom: none;
    }
    .ss-c-table--stacked tbody td::before {
      content: attr(data-label);
      float: left;
      font-weight: 600;
      color: var(--ss-color-text-primary);
    }
    .ss-c-table--stacked tbody td:empty {
      display: none;
    }
    .ss-c-table--stacked colgroup,
    .ss-c-table--stacked col {
      display: none;
    }
  }
}
@layer ss.components {
  .ss-c-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-tags-list__item {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 624.9375rem;
    background-color: var(--ss-color-fill-muted, #f4f4f4);
    color: var(--ss-color-text, #1a1a1a);
    font-size: 0.8125rem;
    text-decoration: none;
    transition: color 0.15s ease;
  }
  .ss-c-tags-list__item:hover {
    color: var(--ss-color-accent, #007aff);
  }
}
@layer ss.components {
  .ss-c-ticker {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    z-index: 1030;
    background-color: var(--ss-color-text, #1a1a1a);
    color: var(--ss-color-fill, #ffffff);
    border-color: var(--ss-color-fill, #ffffff);
    border-style: solid;
    border-width: 0;
  }
  .ss-c-ticker--horizontal--top, .ss-c-ticker--horizontal--bottom {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    z-index: 1030;
    background-color: var(--ss-color-text, #1a1a1a);
    color: var(--ss-color-fill, #ffffff);
    border-color: var(--ss-color-fill, #ffffff);
    border-style: solid;
    border-width: 0;
  }
  .ss-c-ticker--vertical--left, .ss-c-ticker--vertical--right {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    z-index: 1030;
    background-color: var(--ss-color-text, #1a1a1a);
    color: var(--ss-color-fill, #ffffff);
    border-color: var(--ss-color-fill, #ffffff);
    border-style: solid;
    border-width: 0;
  }
  .ss-c-ticker--inverted {
    background-color: var(--ss-color-fill, #ffffff);
    color: var(--ss-color-text, #1a1a1a);
    border-color: var(--ss-color-text, #1a1a1a);
  }
  .ss-c-ticker__track {
    display: inline-flex;
    gap: 0.75rem;
    white-space: nowrap;
    will-change: transform;
  }
  .ss-c-ticker--horizontal--top .ss-c-ticker__track, .ss-c-ticker--horizontal--bottom .ss-c-ticker__track {
    display: inline-flex;
    gap: 0.75rem;
    white-space: nowrap;
    will-change: transform;
    animation: ss-ticker-h-left 20s linear infinite;
  }
  .ss-c-ticker--vertical--left .ss-c-ticker__track, .ss-c-ticker--vertical--right .ss-c-ticker__track {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    will-change: transform;
    animation: ss-ticker-v-up 20s linear infinite;
  }
  .ss-c-ticker:hover .ss-c-ticker__track, .ss-c-ticker__track:focus {
    animation-play-state: paused;
  }
  .ss-c-ticker__item {
    display: inline-block;
    padding: 0 1rem;
    font-size: 0.75rem;
    white-space: nowrap;
  }
  @keyframes ss-ticker-h-left {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  @keyframes ss-ticker-h-right {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
  }
  @keyframes ss-ticker-v-up {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(-100%);
    }
  }
  @keyframes ss-ticker-v-down {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(100%);
    }
  }
}
@layer ss.components {
  .ss-c-timeline {
    display: block;
  }
  .ss-c-timeline__year {
    margin-bottom: 3.5rem;
    text-transform: uppercase;
    color: var(--ss-color-text-muted, #666666);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
  }
  .ss-c-timeline__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ss-c-timeline__list > li + li {
    margin-top: 2rem;
  }
  .ss-c-timeline__item {
    display: block;
  }
  .ss-c-timeline__title {
    font-weight: 400;
    font-size: 1rem;
    margin: 0 0 0.25rem;
  }
  .ss-c-timeline__description {
    margin: 0;
    color: var(--ss-color-text, #1a1a1a);
  }
}
@layer ss.components {
  .ss-c-timestamp {
    color: var(--ss-color-text-muted, #666666);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.4;
    font-style: normal;
    margin: 0;
  }
  .ss-c-timestamp--elevate {
    font-size: 0.66rem;
    line-height: 1.7;
    font-weight: 500;
    text-transform: uppercase;
    width: fit-content;
    margin: 0;
  }
  .ss-c-timestamp--active, .ss-c-timestamp.is-active {
    color: var(--ss-color-accent, #007aff);
  }
  .ss-c-timestamp__container {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    width: fit-content;
  }
}
@layer ss.components {
  .ss-c-toast-region {
    position: fixed;
    z-index: 1200;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
  }
  .ss-c-toast-region[data-position=top-right] {
    top: 1rem;
    right: 1rem;
  }
  .ss-c-toast-region[data-position=top-left] {
    top: 1rem;
    left: 1rem;
  }
  .ss-c-toast-region[data-position=bottom-right] {
    bottom: 1rem;
    right: 1rem;
  }
  .ss-c-toast-region[data-position=bottom-left] {
    bottom: 1rem;
    left: 1rem;
  }
  .ss-c-toast {
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    min-width: 16rem;
    max-width: 24rem;
    padding: 0.75rem 1rem;
    background: var(--ss-color-foreground);
    color: var(--ss-color-background);
    border-radius: var(--ss-radius-md);
    box-shadow: var(--ss-a-shadow-lg, 0 0.375rem 1rem rgba(0, 0, 0, 0.2));
  }
  .ss-c-toast--info {
    background: var(--ss-color-info);
    color: var(--ss-color-on-info, var(--ss-color-background));
  }
  .ss-c-toast--success {
    background: var(--ss-color-success);
    color: var(--ss-color-on-success, var(--ss-color-background));
  }
  .ss-c-toast--warning {
    background: var(--ss-color-warning);
    color: var(--ss-color-on-warning, var(--ss-color-background));
  }
  .ss-c-toast--danger {
    background: var(--ss-color-error);
    color: var(--ss-color-on-error, var(--ss-color-background));
  }
}
@layer ss.components {
  .ss-c-toc ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-toc ul ul {
    padding-left: 1rem;
    border-left: 0.0625rem dashed var(--ss-color-border, #dddddd);
    margin-top: 0.25rem;
  }
  .ss-c-toc li {
    margin: 0.25rem 0;
  }
  .ss-c-toc li::before {
    content: "•";
    color: var(--ss-color-muted, #bbbbbb);
    margin-right: 0.375rem;
    font-size: 0.8125rem;
  }
  .ss-c-toc li a {
    text-decoration: none;
    color: var(--ss-color-text, #333333);
    transition: color 0.2s ease;
  }
  .ss-c-toc li a:hover {
    color: var(--ss-color-accent, #007aff);
    font-weight: bold;
  }
  .ss-c-toc li a.is-active, .ss-c-toc li a.active {
    color: var(--ss-color-accent, #007aff);
    font-weight: bold;
  }
}
@layer ss.components {
  .ss-c-toggle {
    appearance: none;
    position: relative;
    display: inline-block;
    width: 2.25rem;
    height: 1.25rem;
    background: var(--ss-color-border, var(--ss-color-foreground));
    border: 0;
    border-radius: 62.4375rem;
    cursor: pointer;
    vertical-align: middle;
    transition: background 0.15s ease;
  }
  .ss-c-toggle::after {
    content: "";
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 1rem;
    height: 1rem;
    background: var(--ss-color-background);
    border-radius: 50%;
    transition: transform 0.15s ease;
  }
  .ss-c-toggle:checked {
    background: var(--ss-color-accent);
  }
  .ss-c-toggle:checked::after {
    transform: translateX(1rem);
  }
  .ss-c-toggle:focus-visible {
    outline: 0.125rem solid var(--ss-color-accent);
    outline-offset: 0.125rem;
  }
  .ss-c-toggle:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
}
@layer ss.components {
  .ss-c-toolbar {
    display: flex;
    align-items: center;
    gap: var(--ss-space-3);
  }
  .ss-c-toolbar--between {
    justify-content: space-between;
  }
  .ss-c-toolbar--end {
    justify-content: flex-end;
  }
  .ss-c-toolbar--wrap {
    flex-wrap: wrap;
  }
}
@layer ss.components {
  .ss-c-tooltip {
    position: absolute;
    z-index: 1100;
    max-width: 16rem;
    padding: 0.375rem 0.625rem;
    background: var(--ss-color-foreground);
    color: var(--ss-color-background);
    border-radius: var(--ss-radius-sm);
    font-size: var(--ss-font-size-xs);
    line-height: 1.4;
    white-space: normal;
    pointer-events: none;
  }
  .ss-c-tooltip[data-placement=top] {
    bottom: calc(100% + 0.5rem);
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-tooltip[data-placement=bottom] {
    top: calc(100% + 0.5rem);
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-tooltip[data-placement=left] {
    right: calc(100% + 0.5rem);
    top: 50%;
    transform: translateY(-50%);
  }
  .ss-c-tooltip[data-placement=right] {
    left: calc(100% + 0.5rem);
    top: 50%;
    transform: translateY(-50%);
  }
  .ss-c-tooltip[tooltip-data] {
    position: relative;
    display: inline-block;
    overflow: visible;
    z-index: auto;
    max-width: none;
    padding: 0;
    background: transparent;
    color: inherit;
    border-radius: 0;
    font-size: inherit;
    line-height: inherit;
    pointer-events: auto;
  }
  .ss-c-tooltip[tooltip-data]::before {
    content: attr(tooltip-data);
    position: absolute;
    z-index: 1100;
    display: block;
    width: max-content;
    padding: 0.375rem;
    background-color: var(--ss-color-surface, #ffffff);
    border: 0.0625rem solid var(--ss-color-line-primary, #000000);
    border-radius: 0.375rem;
    color: var(--ss-color-text-primary, #000000);
    font-size: 0.75rem;
    line-height: 1;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.5s;
  }
  .ss-c-tooltip[tooltip-data]::after {
    content: "";
    position: absolute;
    z-index: 1100;
    border: 0.375rem solid transparent;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.5s;
  }
  .ss-c-tooltip[tooltip-data]:hover::before, .ss-c-tooltip[tooltip-data]:hover::after, .ss-c-tooltip[tooltip-data]:focus-within::before, .ss-c-tooltip[tooltip-data]:focus-within::after {
    opacity: 1;
    visibility: visible;
  }
  .ss-c-tooltip[tooltip-data].ss-c-tooltip--right::before {
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 0.375rem * 2 - 0.0625rem);
  }
  .ss-c-tooltip[tooltip-data].ss-c-tooltip--right::after {
    top: 50%;
    left: 100%;
    margin-top: -0.375rem;
    border-color: transparent var(--ss-color-line-primary, #000000) transparent transparent;
  }
  .ss-c-tooltip[tooltip-data].ss-c-tooltip--left::before {
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% + 0.375rem * 2 - 0.0625rem);
  }
  .ss-c-tooltip[tooltip-data].ss-c-tooltip--left::after {
    top: 50%;
    right: 100%;
    margin-top: -0.375rem;
    border-color: transparent transparent transparent var(--ss-color-line-primary, #000000);
  }
  .ss-c-tooltip[tooltip-data].ss-c-tooltip--top::before {
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 0.375rem * 2);
  }
  .ss-c-tooltip[tooltip-data].ss-c-tooltip--top::after {
    bottom: 100%;
    left: 50%;
    margin-left: -0.375rem;
    border-color: var(--ss-color-line-primary, #000000) transparent transparent transparent;
  }
  .ss-c-tooltip[tooltip-data].ss-c-tooltip--bottom::before {
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 0.375rem * 2);
  }
  .ss-c-tooltip[tooltip-data].ss-c-tooltip--bottom::after {
    top: 100%;
    left: 50%;
    margin-left: -0.375rem;
    border-color: transparent transparent var(--ss-color-line-primary, #000000) transparent;
  }
}
@layer ss.components {
  .ss-c-validation__error {
    display: none;
    color: var(--ss-color-error, #dc3545);
    font-size: 0.8125rem;
    margin-top: 0.25rem;
  }
  .ss-c-validation__error.is-visible, .ss-c-validation__error--visible {
    display: block;
  }
  .ss-c-validation__success {
    display: none;
    color: var(--ss-color-success, #198754);
    font-size: 0.8125rem;
    margin-top: 0.25rem;
  }
  .ss-c-validation__success.is-visible, .ss-c-validation__success--visible {
    display: block;
  }
  .ss-c-input.is-invalid, .ss-c-input--invalid, .ss-c-input[aria-invalid=true] {
    border-color: var(--ss-color-error, #dc3545);
  }
  .ss-c-input.is-invalid:focus, .ss-c-input--invalid:focus, .ss-c-input[aria-invalid=true]:focus {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--ss-color-error, #dc3545) 25%, transparent);
  }
  .ss-c-input.is-valid, .ss-c-input--valid {
    border-color: var(--ss-color-success, #198754);
  }
  .ss-c-input.is-valid:focus, .ss-c-input--valid:focus {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--ss-color-success, #198754) 25%, transparent);
  }
  .ss-c-input.is-warning, .ss-c-input--warning {
    border-color: var(--ss-color-warning, #ffc107);
  }
  .ss-c-input.is-warning:focus, .ss-c-input--warning:focus {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--ss-color-warning, #ffc107) 25%, transparent);
  }
  .ss-c-label--optional::after {
    content: "(optional)";
    color: var(--ss-color-text-muted, #666666);
    font-weight: 400;
    font-size: 0.75em;
    margin-left: 0.5rem;
  }
}
@layer ss.components {
  .ss-c-vcard {
    display: block;
    color: var(--ss-color-text, #1a1a1a);
    font-size: 0.9375rem;
    line-height: 1.4;
    font-weight: 400;
  }
  .ss-c-vcard__org {
    font-weight: 700;
  }
  .ss-c-vcard__name, .ss-c-vcard__role, .ss-c-vcard__email, .ss-c-vcard__tel, .ss-c-vcard__address {
    display: block;
  }
}
@layer ss.components {
  .ss-c-video {
    display: block;
    width: 100%;
    height: auto;
    background-color: var(--ss-color-black, #000000);
  }
  .ss-c-video--responsive {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
  }
  .ss-c-video--responsive > video,
  .ss-c-video--responsive > iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .ss-c-video--rounded {
    border-radius: 0.5rem;
    overflow: hidden;
  }
}
@layer ss.components {
  .ss-c-video-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background-color: color-mix(in srgb, var(--ss-color-black, #000000) 60%, transparent);
    color: var(--ss-color-white, #ffffff);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
  }
  .ss-c-video-button::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 1.5rem solid currentColor;
    border-top: calc(1.5rem * 0.6) solid transparent;
    border-bottom: calc(1.5rem * 0.6) solid transparent;
    margin-left: 0.25rem;
  }
  .ss-c-video-button:hover {
    transform: scale(1.05);
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@layer ss.components {
  .ss-c-widget {
    display: block;
    box-sizing: border-box;
    padding: 1rem;
    background-color: var(--ss-color-fill, #ffffff);
    color: var(--ss-color-text, #1a1a1a);
    border: 0.0625rem solid var(--ss-color-line, #e5e5e5);
  }
  .ss-c-widget--squared {
    border-radius: 0;
  }
  .ss-c-widget--rounded {
    border-radius: 0.5rem;
  }
  .ss-c-widget--pill {
    border-radius: 624.9375rem;
  }
}
@layer ss.utilities {
  .ss-u-m-0 {
    margin: 0;
  }
  .ss-u-m-auto {
    margin: auto;
  }
  .ss-u-m-1 {
    margin: var(--ss-spacing-1);
  }
  .ss-u-m-2 {
    margin: var(--ss-spacing-2);
  }
  .ss-u-m-3 {
    margin: var(--ss-spacing-3);
  }
  .ss-u-m-4 {
    margin: var(--ss-spacing-4);
  }
  .ss-u-m-5 {
    margin: var(--ss-spacing-5);
  }
  .ss-u-m-6 {
    margin: var(--ss-spacing-6);
  }
  .ss-u-m-8 {
    margin: var(--ss-spacing-8);
  }
  .ss-u-mx-0 {
    margin-inline: 0;
  }
  .ss-u-mx-auto {
    margin-inline: auto;
  }
  .ss-u-mx-1 {
    margin-inline: var(--ss-spacing-1);
  }
  .ss-u-mx-2 {
    margin-inline: var(--ss-spacing-2);
  }
  .ss-u-mx-3 {
    margin-inline: var(--ss-spacing-3);
  }
  .ss-u-mx-4 {
    margin-inline: var(--ss-spacing-4);
  }
  .ss-u-mx-6 {
    margin-inline: var(--ss-spacing-6);
  }
  .ss-u-mx-8 {
    margin-inline: var(--ss-spacing-8);
  }
  .ss-u-my-0 {
    margin-block: 0;
  }
  .ss-u-my-auto {
    margin-block: auto;
  }
  .ss-u-my-1 {
    margin-block: var(--ss-spacing-1);
  }
  .ss-u-my-2 {
    margin-block: var(--ss-spacing-2);
  }
  .ss-u-my-3 {
    margin-block: var(--ss-spacing-3);
  }
  .ss-u-my-4 {
    margin-block: var(--ss-spacing-4);
  }
  .ss-u-my-6 {
    margin-block: var(--ss-spacing-6);
  }
  .ss-u-my-8 {
    margin-block: var(--ss-spacing-8);
  }
  .ss-u-mt-0 {
    margin-top: 0;
  }
  .ss-u-mt-auto {
    margin-top: auto;
  }
  .ss-u-mt-1 {
    margin-top: var(--ss-spacing-1);
  }
  .ss-u-mt-2 {
    margin-top: var(--ss-spacing-2);
  }
  .ss-u-mt-4 {
    margin-top: var(--ss-spacing-4);
  }
  .ss-u-mt-6 {
    margin-top: var(--ss-spacing-6);
  }
  .ss-u-mt-8 {
    margin-top: var(--ss-spacing-8);
  }
  .ss-u-mb-0 {
    margin-bottom: 0;
  }
  .ss-u-mb-auto {
    margin-bottom: auto;
  }
  .ss-u-mb-1 {
    margin-bottom: var(--ss-spacing-1);
  }
  .ss-u-mb-2 {
    margin-bottom: var(--ss-spacing-2);
  }
  .ss-u-mb-4 {
    margin-bottom: var(--ss-spacing-4);
  }
  .ss-u-mb-6 {
    margin-bottom: var(--ss-spacing-6);
  }
  .ss-u-mb-8 {
    margin-bottom: var(--ss-spacing-8);
  }
  .ss-u-ml-0 {
    margin-left: 0;
  }
  .ss-u-ml-auto {
    margin-left: auto;
  }
  .ss-u-ml-1 {
    margin-left: var(--ss-spacing-1);
  }
  .ss-u-ml-2 {
    margin-left: var(--ss-spacing-2);
  }
  .ss-u-ml-4 {
    margin-left: var(--ss-spacing-4);
  }
  .ss-u-mr-0 {
    margin-right: 0;
  }
  .ss-u-mr-auto {
    margin-right: auto;
  }
  .ss-u-mr-1 {
    margin-right: var(--ss-spacing-1);
  }
  .ss-u-mr-2 {
    margin-right: var(--ss-spacing-2);
  }
  .ss-u-mr-4 {
    margin-right: var(--ss-spacing-4);
  }
}
@layer ss.utilities {
  .ss-u-p-0 {
    padding: 0;
  }
  .ss-u-p-1 {
    padding: var(--ss-spacing-1);
  }
  .ss-u-p-2 {
    padding: var(--ss-spacing-2);
  }
  .ss-u-p-3 {
    padding: var(--ss-spacing-3);
  }
  .ss-u-p-4 {
    padding: var(--ss-spacing-4);
  }
  .ss-u-p-5 {
    padding: var(--ss-spacing-5);
  }
  .ss-u-p-6 {
    padding: var(--ss-spacing-6);
  }
  .ss-u-p-8 {
    padding: var(--ss-spacing-8);
  }
  .ss-u-px-0 {
    padding-inline: 0;
  }
  .ss-u-px-1 {
    padding-inline: var(--ss-spacing-1);
  }
  .ss-u-px-2 {
    padding-inline: var(--ss-spacing-2);
  }
  .ss-u-px-3 {
    padding-inline: var(--ss-spacing-3);
  }
  .ss-u-px-4 {
    padding-inline: var(--ss-spacing-4);
  }
  .ss-u-px-6 {
    padding-inline: var(--ss-spacing-6);
  }
  .ss-u-px-8 {
    padding-inline: var(--ss-spacing-8);
  }
  .ss-u-py-0 {
    padding-block: 0;
  }
  .ss-u-py-1 {
    padding-block: var(--ss-spacing-1);
  }
  .ss-u-py-2 {
    padding-block: var(--ss-spacing-2);
  }
  .ss-u-py-3 {
    padding-block: var(--ss-spacing-3);
  }
  .ss-u-py-4 {
    padding-block: var(--ss-spacing-4);
  }
  .ss-u-py-6 {
    padding-block: var(--ss-spacing-6);
  }
  .ss-u-py-8 {
    padding-block: var(--ss-spacing-8);
  }
  .ss-u-pt-0 {
    padding-top: 0;
  }
  .ss-u-pt-1 {
    padding-top: var(--ss-spacing-1);
  }
  .ss-u-pt-2 {
    padding-top: var(--ss-spacing-2);
  }
  .ss-u-pt-4 {
    padding-top: var(--ss-spacing-4);
  }
  .ss-u-pt-6 {
    padding-top: var(--ss-spacing-6);
  }
  .ss-u-pt-8 {
    padding-top: var(--ss-spacing-8);
  }
  .ss-u-pb-0 {
    padding-bottom: 0;
  }
  .ss-u-pb-1 {
    padding-bottom: var(--ss-spacing-1);
  }
  .ss-u-pb-2 {
    padding-bottom: var(--ss-spacing-2);
  }
  .ss-u-pb-4 {
    padding-bottom: var(--ss-spacing-4);
  }
  .ss-u-pb-6 {
    padding-bottom: var(--ss-spacing-6);
  }
  .ss-u-pb-8 {
    padding-bottom: var(--ss-spacing-8);
  }
  .ss-u-pl-0 {
    padding-left: 0;
  }
  .ss-u-pl-1 {
    padding-left: var(--ss-spacing-1);
  }
  .ss-u-pl-2 {
    padding-left: var(--ss-spacing-2);
  }
  .ss-u-pl-4 {
    padding-left: var(--ss-spacing-4);
  }
  .ss-u-pr-0 {
    padding-right: 0;
  }
  .ss-u-pr-1 {
    padding-right: var(--ss-spacing-1);
  }
  .ss-u-pr-2 {
    padding-right: var(--ss-spacing-2);
  }
  .ss-u-pr-4 {
    padding-right: var(--ss-spacing-4);
  }
}
@layer ss.utilities {
  .ss-u-gap-0 {
    gap: 0;
  }
  .ss-u-gap-x-0 {
    column-gap: 0;
  }
  .ss-u-gap-y-0 {
    row-gap: 0;
  }
  .ss-u-gap-1 {
    gap: 0.0625rem;
  }
  .ss-u-gap-x-1 {
    column-gap: 0.0625rem;
  }
  .ss-u-gap-y-1 {
    row-gap: 0.0625rem;
  }
  .ss-u-gap-2 {
    gap: 0.125rem;
  }
  .ss-u-gap-x-2 {
    column-gap: 0.125rem;
  }
  .ss-u-gap-y-2 {
    row-gap: 0.125rem;
  }
  .ss-u-gap-3 {
    gap: 0.1875rem;
  }
  .ss-u-gap-x-3 {
    column-gap: 0.1875rem;
  }
  .ss-u-gap-y-3 {
    row-gap: 0.1875rem;
  }
  .ss-u-gap-4 {
    gap: 0.25rem;
  }
  .ss-u-gap-x-4 {
    column-gap: 0.25rem;
  }
  .ss-u-gap-y-4 {
    row-gap: 0.25rem;
  }
  .ss-u-gap-5 {
    gap: 0.3125rem;
  }
  .ss-u-gap-x-5 {
    column-gap: 0.3125rem;
  }
  .ss-u-gap-y-5 {
    row-gap: 0.3125rem;
  }
  .ss-u-gap-6 {
    gap: 0.375rem;
  }
  .ss-u-gap-x-6 {
    column-gap: 0.375rem;
  }
  .ss-u-gap-y-6 {
    row-gap: 0.375rem;
  }
  .ss-u-gap-7 {
    gap: 0.4375rem;
  }
  .ss-u-gap-x-7 {
    column-gap: 0.4375rem;
  }
  .ss-u-gap-y-7 {
    row-gap: 0.4375rem;
  }
  .ss-u-gap-8 {
    gap: 0.5rem;
  }
  .ss-u-gap-x-8 {
    column-gap: 0.5rem;
  }
  .ss-u-gap-y-8 {
    row-gap: 0.5rem;
  }
  .ss-u-gap-9 {
    gap: 0.5625rem;
  }
  .ss-u-gap-x-9 {
    column-gap: 0.5625rem;
  }
  .ss-u-gap-y-9 {
    row-gap: 0.5625rem;
  }
  .ss-u-gap-10 {
    gap: 0.625rem;
  }
  .ss-u-gap-x-10 {
    column-gap: 0.625rem;
  }
  .ss-u-gap-y-10 {
    row-gap: 0.625rem;
  }
  .ss-u-gap-11 {
    gap: 0.6875rem;
  }
  .ss-u-gap-x-11 {
    column-gap: 0.6875rem;
  }
  .ss-u-gap-y-11 {
    row-gap: 0.6875rem;
  }
  .ss-u-gap-12 {
    gap: 0.75rem;
  }
  .ss-u-gap-x-12 {
    column-gap: 0.75rem;
  }
  .ss-u-gap-y-12 {
    row-gap: 0.75rem;
  }
  .ss-u-gap-16 {
    gap: 1rem;
  }
  .ss-u-gap-20 {
    gap: 1.25rem;
  }
  .ss-u-gap-24 {
    gap: 1.5rem;
  }
  .ss-u-gap-32 {
    gap: 2rem;
  }
}
@layer ss.utilities {
  .ss-u-block {
    display: block;
  }
  .ss-u-inline-block {
    display: inline-block;
  }
  .ss-u-inline {
    display: inline;
  }
  .ss-u-flex {
    display: flex;
  }
  .ss-u-inline-flex {
    display: inline-flex;
  }
  .ss-u-grid {
    display: grid;
  }
  .ss-u-inline-grid {
    display: inline-grid;
  }
  .ss-u-contents {
    display: contents;
  }
  .ss-u-flow-root {
    display: flow-root;
  }
  .ss-u-hidden {
    display: none;
  }
}
@layer ss.utilities {
  .ss-u-static {
    position: static;
  }
  .ss-u-relative {
    position: relative;
  }
  .ss-u-absolute {
    position: absolute;
  }
  .ss-u-fixed {
    position: fixed;
  }
  .ss-u-sticky {
    position: sticky;
  }
  .ss-u-inset-0 {
    inset: 0;
  }
  .ss-u-inset-auto {
    inset: auto;
  }
  .ss-u-inset-x-0 {
    left: 0;
    right: 0;
  }
  .ss-u-inset-y-0 {
    top: 0;
    bottom: 0;
  }
  .ss-u-top-0 {
    top: 0;
  }
  .ss-u-right-0 {
    right: 0;
  }
  .ss-u-bottom-0 {
    bottom: 0;
  }
  .ss-u-left-0 {
    left: 0;
  }
  .ss-u-top-auto {
    top: auto;
  }
  .ss-u-right-auto {
    right: auto;
  }
  .ss-u-bottom-auto {
    bottom: auto;
  }
  .ss-u-left-auto {
    left: auto;
  }
}
@layer ss.utilities {
  .ss-u-visible {
    visibility: visible;
  }
  .ss-u-invisible {
    visibility: hidden;
  }
  .ss-u-collapse {
    visibility: collapse;
  }
  .ss-u-sr-only {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    padding: 0;
    margin: -0.0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .ss-u-not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
}
@layer ss.utilities {
  .ss-u-float-start {
    float: inline-start;
  }
  .ss-u-float-end {
    float: inline-end;
  }
  .ss-u-float-none {
    float: none;
  }
  .ss-u-clearfix::after {
    content: "";
    display: block;
    clear: both;
  }
}
@layer ss.utilities {
  .ss-u-flex-row {
    flex-direction: row;
  }
  .ss-u-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .ss-u-flex-col {
    flex-direction: column;
  }
  .ss-u-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .ss-u-flex-wrap {
    flex-wrap: wrap;
  }
  .ss-u-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .ss-u-flex-nowrap {
    flex-wrap: nowrap;
  }
  .ss-u-flex-grow-0 {
    flex-grow: 0;
  }
  .ss-u-flex-grow-1 {
    flex-grow: 1;
  }
  .ss-u-flex-shrink-0 {
    flex-shrink: 0;
  }
  .ss-u-flex-shrink-1 {
    flex-shrink: 1;
  }
  .ss-u-justify-start {
    justify-content: flex-start;
  }
  .ss-u-justify-end {
    justify-content: flex-end;
  }
  .ss-u-justify-center {
    justify-content: center;
  }
  .ss-u-justify-between {
    justify-content: space-between;
  }
  .ss-u-justify-around {
    justify-content: space-around;
  }
  .ss-u-justify-evenly {
    justify-content: space-evenly;
  }
  .ss-u-items-start {
    align-items: flex-start;
  }
  .ss-u-items-end {
    align-items: flex-end;
  }
  .ss-u-items-center {
    align-items: center;
  }
  .ss-u-items-baseline {
    align-items: baseline;
  }
  .ss-u-items-stretch {
    align-items: stretch;
  }
}
@layer ss.utilities {
  .ss-u-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ss-u-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss-u-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ss-u-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ss-u-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ss-u-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ss-u-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ss-u-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ss-u-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ss-u-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ss-u-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ss-u-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ss-u-grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ss-u-grid-cols-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .ss-u-grid-cols-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }
  .ss-u-grid-cols-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }
  .ss-u-grid-cols-17 {
    grid-template-columns: repeat(17, minmax(0, 1fr));
  }
  .ss-u-grid-cols-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }
  .ss-u-grid-cols-19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }
  .ss-u-grid-cols-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }
  .ss-u-grid-cols-21 {
    grid-template-columns: repeat(21, minmax(0, 1fr));
  }
  .ss-u-grid-cols-22 {
    grid-template-columns: repeat(22, minmax(0, 1fr));
  }
  .ss-u-grid-cols-23 {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }
  .ss-u-grid-cols-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .ss-u-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .ss-u-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .ss-u-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .ss-u-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .ss-u-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .ss-u-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .ss-u-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .ss-u-grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .ss-u-grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .ss-u-grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .ss-u-grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .ss-u-grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .ss-u-grid-cols-none {
    grid-template-columns: none;
  }
  .ss-u-grid-rows-none {
    grid-template-rows: none;
  }
  .ss-u-grid-flow-row {
    grid-auto-flow: row;
  }
  .ss-u-grid-flow-col {
    grid-auto-flow: column;
  }
  .ss-u-grid-flow-dense {
    grid-auto-flow: dense;
  }
  .ss-u-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }
  .ss-u-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }
  .ss-u-auto-cols-auto {
    grid-auto-columns: auto;
  }
  .ss-u-auto-cols-min {
    grid-auto-columns: min-content;
  }
  .ss-u-auto-cols-max {
    grid-auto-columns: max-content;
  }
  .ss-u-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .ss-u-auto-rows-auto {
    grid-auto-rows: auto;
  }
  .ss-u-auto-rows-min {
    grid-auto-rows: min-content;
  }
  .ss-u-auto-rows-max {
    grid-auto-rows: max-content;
  }
  .ss-u-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .ss-u-col-span-1 {
    grid-column: span 1/span 1;
  }
  .ss-u-col-span-2 {
    grid-column: span 2/span 2;
  }
  .ss-u-col-span-3 {
    grid-column: span 3/span 3;
  }
  .ss-u-col-span-4 {
    grid-column: span 4/span 4;
  }
  .ss-u-col-span-5 {
    grid-column: span 5/span 5;
  }
  .ss-u-col-span-6 {
    grid-column: span 6/span 6;
  }
  .ss-u-col-span-7 {
    grid-column: span 7/span 7;
  }
  .ss-u-col-span-8 {
    grid-column: span 8/span 8;
  }
  .ss-u-col-span-9 {
    grid-column: span 9/span 9;
  }
  .ss-u-col-span-10 {
    grid-column: span 10/span 10;
  }
  .ss-u-col-span-11 {
    grid-column: span 11/span 11;
  }
  .ss-u-col-span-12 {
    grid-column: span 12/span 12;
  }
  .ss-u-col-span-13 {
    grid-column: span 13/span 13;
  }
  .ss-u-col-span-14 {
    grid-column: span 14/span 14;
  }
  .ss-u-col-span-15 {
    grid-column: span 15/span 15;
  }
  .ss-u-col-span-16 {
    grid-column: span 16/span 16;
  }
  .ss-u-col-span-17 {
    grid-column: span 17/span 17;
  }
  .ss-u-col-span-18 {
    grid-column: span 18/span 18;
  }
  .ss-u-col-span-19 {
    grid-column: span 19/span 19;
  }
  .ss-u-col-span-20 {
    grid-column: span 20/span 20;
  }
  .ss-u-col-span-21 {
    grid-column: span 21/span 21;
  }
  .ss-u-col-span-22 {
    grid-column: span 22/span 22;
  }
  .ss-u-col-span-23 {
    grid-column: span 23/span 23;
  }
  .ss-u-col-span-24 {
    grid-column: span 24/span 24;
  }
  .ss-u-row-span-1 {
    grid-row: span 1/span 1;
  }
  .ss-u-row-span-2 {
    grid-row: span 2/span 2;
  }
  .ss-u-row-span-3 {
    grid-row: span 3/span 3;
  }
  .ss-u-row-span-4 {
    grid-row: span 4/span 4;
  }
  .ss-u-row-span-5 {
    grid-row: span 5/span 5;
  }
  .ss-u-row-span-6 {
    grid-row: span 6/span 6;
  }
  .ss-u-row-span-7 {
    grid-row: span 7/span 7;
  }
  .ss-u-row-span-8 {
    grid-row: span 8/span 8;
  }
  .ss-u-row-span-9 {
    grid-row: span 9/span 9;
  }
  .ss-u-row-span-10 {
    grid-row: span 10/span 10;
  }
  .ss-u-row-span-11 {
    grid-row: span 11/span 11;
  }
  .ss-u-row-span-12 {
    grid-row: span 12/span 12;
  }
  .ss-u-col-span-full {
    grid-column: 1/-1;
  }
  .ss-u-row-span-full {
    grid-row: 1/-1;
  }
  .ss-u-col-span-auto {
    grid-column: auto;
  }
  .ss-u-row-span-auto {
    grid-row: auto;
  }
  .ss-u-col-start-1 {
    grid-column-start: 1;
  }
  .ss-u-col-end-1 {
    grid-column-end: 1;
  }
  .ss-u-row-start-1 {
    grid-row-start: 1;
  }
  .ss-u-row-end-1 {
    grid-row-end: 1;
  }
  .ss-u-col-start-2 {
    grid-column-start: 2;
  }
  .ss-u-col-end-2 {
    grid-column-end: 2;
  }
  .ss-u-row-start-2 {
    grid-row-start: 2;
  }
  .ss-u-row-end-2 {
    grid-row-end: 2;
  }
  .ss-u-col-start-3 {
    grid-column-start: 3;
  }
  .ss-u-col-end-3 {
    grid-column-end: 3;
  }
  .ss-u-row-start-3 {
    grid-row-start: 3;
  }
  .ss-u-row-end-3 {
    grid-row-end: 3;
  }
  .ss-u-col-start-4 {
    grid-column-start: 4;
  }
  .ss-u-col-end-4 {
    grid-column-end: 4;
  }
  .ss-u-row-start-4 {
    grid-row-start: 4;
  }
  .ss-u-row-end-4 {
    grid-row-end: 4;
  }
  .ss-u-col-start-5 {
    grid-column-start: 5;
  }
  .ss-u-col-end-5 {
    grid-column-end: 5;
  }
  .ss-u-row-start-5 {
    grid-row-start: 5;
  }
  .ss-u-row-end-5 {
    grid-row-end: 5;
  }
  .ss-u-col-start-6 {
    grid-column-start: 6;
  }
  .ss-u-col-end-6 {
    grid-column-end: 6;
  }
  .ss-u-row-start-6 {
    grid-row-start: 6;
  }
  .ss-u-row-end-6 {
    grid-row-end: 6;
  }
  .ss-u-col-start-7 {
    grid-column-start: 7;
  }
  .ss-u-col-end-7 {
    grid-column-end: 7;
  }
  .ss-u-row-start-7 {
    grid-row-start: 7;
  }
  .ss-u-row-end-7 {
    grid-row-end: 7;
  }
  .ss-u-col-start-8 {
    grid-column-start: 8;
  }
  .ss-u-col-end-8 {
    grid-column-end: 8;
  }
  .ss-u-row-start-8 {
    grid-row-start: 8;
  }
  .ss-u-row-end-8 {
    grid-row-end: 8;
  }
  .ss-u-col-start-9 {
    grid-column-start: 9;
  }
  .ss-u-col-end-9 {
    grid-column-end: 9;
  }
  .ss-u-row-start-9 {
    grid-row-start: 9;
  }
  .ss-u-row-end-9 {
    grid-row-end: 9;
  }
  .ss-u-col-start-10 {
    grid-column-start: 10;
  }
  .ss-u-col-end-10 {
    grid-column-end: 10;
  }
  .ss-u-row-start-10 {
    grid-row-start: 10;
  }
  .ss-u-row-end-10 {
    grid-row-end: 10;
  }
  .ss-u-col-start-11 {
    grid-column-start: 11;
  }
  .ss-u-col-end-11 {
    grid-column-end: 11;
  }
  .ss-u-row-start-11 {
    grid-row-start: 11;
  }
  .ss-u-row-end-11 {
    grid-row-end: 11;
  }
  .ss-u-col-start-12 {
    grid-column-start: 12;
  }
  .ss-u-col-end-12 {
    grid-column-end: 12;
  }
  .ss-u-row-start-12 {
    grid-row-start: 12;
  }
  .ss-u-row-end-12 {
    grid-row-end: 12;
  }
  .ss-u-col-start-13 {
    grid-column-start: 13;
  }
  .ss-u-col-end-13 {
    grid-column-end: 13;
  }
  .ss-u-row-start-13 {
    grid-row-start: 13;
  }
  .ss-u-row-end-13 {
    grid-row-end: 13;
  }
  .ss-u-col-start-auto {
    grid-column-start: auto;
  }
  .ss-u-col-end-auto {
    grid-column-end: auto;
  }
  .ss-u-row-start-auto {
    grid-row-start: auto;
  }
  .ss-u-row-end-auto {
    grid-row-end: auto;
  }
  @media (min-width: 40rem) {
    .ss-u-grid-cols-sm-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-1 {
      grid-column: span 1/span 1;
    }
    .ss-u-grid-cols-sm-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-2 {
      grid-column: span 2/span 2;
    }
    .ss-u-grid-cols-sm-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-3 {
      grid-column: span 3/span 3;
    }
    .ss-u-grid-cols-sm-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-4 {
      grid-column: span 4/span 4;
    }
    .ss-u-grid-cols-sm-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-5 {
      grid-column: span 5/span 5;
    }
    .ss-u-grid-cols-sm-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-6 {
      grid-column: span 6/span 6;
    }
    .ss-u-grid-cols-sm-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-7 {
      grid-column: span 7/span 7;
    }
    .ss-u-grid-cols-sm-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-8 {
      grid-column: span 8/span 8;
    }
    .ss-u-grid-cols-sm-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-9 {
      grid-column: span 9/span 9;
    }
    .ss-u-grid-cols-sm-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-10 {
      grid-column: span 10/span 10;
    }
    .ss-u-grid-cols-sm-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-11 {
      grid-column: span 11/span 11;
    }
    .ss-u-grid-cols-sm-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .ss-u-col-span-sm-12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 48rem) {
    .ss-u-grid-cols-md-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .ss-u-col-span-md-1 {
      grid-column: span 1/span 1;
    }
    .ss-u-grid-cols-md-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ss-u-col-span-md-2 {
      grid-column: span 2/span 2;
    }
    .ss-u-grid-cols-md-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .ss-u-col-span-md-3 {
      grid-column: span 3/span 3;
    }
    .ss-u-grid-cols-md-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .ss-u-col-span-md-4 {
      grid-column: span 4/span 4;
    }
    .ss-u-grid-cols-md-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .ss-u-col-span-md-5 {
      grid-column: span 5/span 5;
    }
    .ss-u-grid-cols-md-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .ss-u-col-span-md-6 {
      grid-column: span 6/span 6;
    }
    .ss-u-grid-cols-md-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .ss-u-col-span-md-7 {
      grid-column: span 7/span 7;
    }
    .ss-u-grid-cols-md-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .ss-u-col-span-md-8 {
      grid-column: span 8/span 8;
    }
    .ss-u-grid-cols-md-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .ss-u-col-span-md-9 {
      grid-column: span 9/span 9;
    }
    .ss-u-grid-cols-md-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .ss-u-col-span-md-10 {
      grid-column: span 10/span 10;
    }
    .ss-u-grid-cols-md-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .ss-u-col-span-md-11 {
      grid-column: span 11/span 11;
    }
    .ss-u-grid-cols-md-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .ss-u-col-span-md-12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 64rem) {
    .ss-u-grid-cols-lg-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-1 {
      grid-column: span 1/span 1;
    }
    .ss-u-grid-cols-lg-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-2 {
      grid-column: span 2/span 2;
    }
    .ss-u-grid-cols-lg-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-3 {
      grid-column: span 3/span 3;
    }
    .ss-u-grid-cols-lg-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-4 {
      grid-column: span 4/span 4;
    }
    .ss-u-grid-cols-lg-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-5 {
      grid-column: span 5/span 5;
    }
    .ss-u-grid-cols-lg-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-6 {
      grid-column: span 6/span 6;
    }
    .ss-u-grid-cols-lg-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-7 {
      grid-column: span 7/span 7;
    }
    .ss-u-grid-cols-lg-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-8 {
      grid-column: span 8/span 8;
    }
    .ss-u-grid-cols-lg-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-9 {
      grid-column: span 9/span 9;
    }
    .ss-u-grid-cols-lg-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-10 {
      grid-column: span 10/span 10;
    }
    .ss-u-grid-cols-lg-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-11 {
      grid-column: span 11/span 11;
    }
    .ss-u-grid-cols-lg-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .ss-u-col-span-lg-12 {
      grid-column: span 12/span 12;
    }
  }
}
@layer ss.utilities {
  .ss-u-self-auto {
    align-self: auto;
  }
  .ss-u-self-start {
    align-self: flex-start;
  }
  .ss-u-self-end {
    align-self: flex-end;
  }
  .ss-u-self-center {
    align-self: center;
  }
  .ss-u-self-stretch {
    align-self: stretch;
  }
  .ss-u-self-baseline {
    align-self: baseline;
  }
  .ss-u-justify-self-auto {
    justify-self: auto;
  }
  .ss-u-justify-self-start {
    justify-self: start;
  }
  .ss-u-justify-self-end {
    justify-self: end;
  }
  .ss-u-justify-self-center {
    justify-self: center;
  }
  .ss-u-justify-self-stretch {
    justify-self: stretch;
  }
  .ss-u-content-start {
    align-content: flex-start;
  }
  .ss-u-content-end {
    align-content: flex-end;
  }
  .ss-u-content-center {
    align-content: center;
  }
  .ss-u-content-between {
    align-content: space-between;
  }
  .ss-u-content-around {
    align-content: space-around;
  }
  .ss-u-content-evenly {
    align-content: space-evenly;
  }
  .ss-u-content-stretch {
    align-content: stretch;
  }
  .ss-u-content-baseline {
    align-content: baseline;
  }
  .ss-u-justify-items-start {
    justify-items: start;
  }
  .ss-u-justify-items-end {
    justify-items: end;
  }
  .ss-u-justify-items-center {
    justify-items: center;
  }
  .ss-u-justify-items-stretch {
    justify-items: stretch;
  }
  .ss-u-place-content-center {
    place-content: center;
  }
  .ss-u-place-content-start {
    place-content: start;
  }
  .ss-u-place-content-end {
    place-content: end;
  }
  .ss-u-place-content-between {
    place-content: space-between;
  }
  .ss-u-place-content-around {
    place-content: space-around;
  }
  .ss-u-place-content-evenly {
    place-content: space-evenly;
  }
  .ss-u-place-content-stretch {
    place-content: stretch;
  }
  .ss-u-place-items-start {
    place-items: start;
  }
  .ss-u-place-items-end {
    place-items: end;
  }
  .ss-u-place-items-center {
    place-items: center;
  }
  .ss-u-place-items-stretch {
    place-items: stretch;
  }
  .ss-u-place-self-auto {
    place-self: auto;
  }
  .ss-u-place-self-start {
    place-self: start;
  }
  .ss-u-place-self-end {
    place-self: end;
  }
  .ss-u-place-self-center {
    place-self: center;
  }
  .ss-u-place-self-stretch {
    place-self: stretch;
  }
}
@layer ss.utilities {
  .ss-u-z-auto {
    z-index: var(--ss-z-auto);
  }
  .ss-u-z-0 {
    z-index: var(--ss-z-0);
  }
  .ss-u-z-10 {
    z-index: var(--ss-z-10);
  }
  .ss-u-z-20 {
    z-index: var(--ss-z-20);
  }
  .ss-u-z-30 {
    z-index: var(--ss-z-30);
  }
  .ss-u-z-40 {
    z-index: var(--ss-z-40);
  }
  .ss-u-z-50 {
    z-index: var(--ss-z-50);
  }
  .ss-u-z-dropdown {
    z-index: var(--ss-z-dropdown);
  }
  .ss-u-z-sticky {
    z-index: var(--ss-z-sticky);
  }
  .ss-u-z-fixed {
    z-index: var(--ss-z-fixed);
  }
  .ss-u-z-modal-backdrop {
    z-index: var(--ss-z-modal-backdrop);
  }
  .ss-u-z-modal {
    z-index: var(--ss-z-modal);
  }
  .ss-u-z-popover {
    z-index: var(--ss-z-popover);
  }
  .ss-u-z-tooltip {
    z-index: var(--ss-z-tooltip);
  }
  .ss-u-z-toast {
    z-index: var(--ss-z-toast);
  }
}
@layer ss.utilities {
  .ss-u-text-left {
    text-align: left;
  }
  .ss-u-text-center {
    text-align: center;
  }
  .ss-u-text-right {
    text-align: right;
  }
  .ss-u-text-justify {
    text-align: justify;
  }
  .ss-u-text-start {
    text-align: start;
  }
  .ss-u-text-end {
    text-align: end;
  }
}
@layer ss.utilities {
  .ss-u-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ss-u-text-ellipsis {
    text-overflow: ellipsis;
  }
  .ss-u-text-clip {
    text-overflow: clip;
  }
  .ss-u-line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .ss-u-line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .ss-u-line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .ss-u-line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .ss-u-line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
  }
}
@layer ss.utilities {
  .ss-u-text-wrap {
    white-space: normal;
  }
  .ss-u-text-nowrap {
    white-space: nowrap;
  }
  .ss-u-text-balance {
    text-wrap: balance;
  }
  .ss-u-text-pretty {
    text-wrap: pretty;
  }
  .ss-u-break-normal {
    word-break: normal;
    overflow-wrap: normal;
  }
  .ss-u-break-words {
    overflow-wrap: break-word;
  }
  .ss-u-break-all {
    word-break: break-all;
  }
  .ss-u-break-keep {
    word-break: keep-all;
  }
}
@layer ss.utilities {
  .ss-u-visually-hidden, .ss-u-visually-hidden-focusable {
    position: absolute !important;
    width: 0.0625rem !important;
    height: 0.0625rem !important;
    padding: 0 !important;
    margin: -0.0625rem !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .ss-u-visually-hidden-focusable:active, .ss-u-visually-hidden-focusable:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: revert !important;
    margin: revert !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }
}
@layer ss.utilities {
  .ss-u-focus-ring:focus-visible {
    outline: 0.125rem solid var(--ss-color-focus, currentColor);
    outline-offset: 0.125rem;
  }
  .ss-u-no-focus-ring:focus,
  .ss-u-no-focus-ring:focus-visible {
    outline: none;
  }
}
@layer ss.utilities {
  .ss-u-pe-none {
    pointer-events: none;
  }
  .ss-u-pe-auto {
    pointer-events: auto;
  }
}
@layer ss.utilities {
  .ss-u-user-select-all {
    user-select: all;
  }
  .ss-u-user-select-auto {
    user-select: auto;
  }
  .ss-u-user-select-none {
    user-select: none;
  }
  .ss-u-user-select-text {
    user-select: text;
  }
}
@layer ss.utilities {
  .ss-u-stretched-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0);
  }
}
@layer ss.utilities {
  .ss-u-cursor--pointer {
    cursor: pointer;
  }
  .ss-u-cursor--default {
    cursor: default;
  }
  .ss-u-cursor--auto {
    cursor: auto;
  }
  .ss-u-cursor--grab {
    cursor: grab;
  }
  .ss-u-cursor--grabbing {
    cursor: grabbing;
  }
  .ss-u-cursor--move {
    cursor: move;
  }
  .ss-u-cursor--all-scroll {
    cursor: all-scroll;
  }
  .ss-u-cursor--resize-n {
    cursor: n-resize;
  }
  .ss-u-cursor--resize-s {
    cursor: s-resize;
  }
  .ss-u-cursor--resize-e {
    cursor: e-resize;
  }
  .ss-u-cursor--resize-w {
    cursor: w-resize;
  }
  .ss-u-cursor--resize-ne {
    cursor: ne-resize;
  }
  .ss-u-cursor--resize-nw {
    cursor: nw-resize;
  }
  .ss-u-cursor--resize-se {
    cursor: se-resize;
  }
  .ss-u-cursor--resize-sw {
    cursor: sw-resize;
  }
  .ss-u-cursor--resize-ew {
    cursor: ew-resize;
  }
  .ss-u-cursor--resize-ns {
    cursor: ns-resize;
  }
  .ss-u-cursor--resize-nesw {
    cursor: nesw-resize;
  }
  .ss-u-cursor--resize-nwse {
    cursor: nwse-resize;
  }
  .ss-u-cursor--text {
    cursor: text;
  }
  .ss-u-cursor--wait {
    cursor: wait;
  }
  .ss-u-cursor--progress {
    cursor: progress;
  }
  .ss-u-cursor--help {
    cursor: help;
  }
  .ss-u-cursor--not-allowed {
    cursor: not-allowed;
  }
  .ss-u-cursor--no-drop {
    cursor: no-drop;
  }
  .ss-u-cursor--crosshair {
    cursor: crosshair;
  }
}
@layer ss.utilities {
  .ss-u-object-contain {
    object-fit: contain;
  }
  .ss-u-object-cover {
    object-fit: cover;
  }
  .ss-u-object-fill {
    object-fit: fill;
  }
  .ss-u-object-none {
    object-fit: none;
  }
  .ss-u-object-scale-down {
    object-fit: scale-down;
  }
  .ss-u-object-top {
    object-position: top;
  }
  .ss-u-object-bottom {
    object-position: bottom;
  }
  .ss-u-object-center {
    object-position: center;
  }
  .ss-u-object-start {
    object-position: left;
  }
  .ss-u-object-end {
    object-position: right;
  }
}
@layer ss.utilities {
  .ss-u-ratio {
    position: relative;
    width: 100%;
  }
  .ss-u-ratio > * {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .ss-u-ratio-1x1 {
    aspect-ratio: 1/1;
  }
  .ss-u-ratio-4x3 {
    aspect-ratio: 4/3;
  }
  .ss-u-ratio-16x9 {
    aspect-ratio: 16/9;
  }
  .ss-u-ratio-21x9 {
    aspect-ratio: 21/9;
  }
}
@media print {
  @layer ss.utilities {
    .ss-u-print-none {
      display: none !important;
    }
    .ss-u-print-block {
      display: block !important;
    }
    .ss-u-print-inline {
      display: inline !important;
    }
    .ss-u-print-inline-block {
      display: inline-block !important;
    }
    .ss-u-print-flex {
      display: flex !important;
    }
    .ss-u-print-inline-flex {
      display: inline-flex !important;
    }
    .ss-u-print-grid {
      display: grid !important;
    }
    .ss-u-print-table {
      display: table !important;
    }
    .ss-u-print-table-row {
      display: table-row !important;
    }
    .ss-u-print-table-cell {
      display: table-cell !important;
    }
  }
}
@media screen {
  @layer ss.utilities {
    .ss-u-screen-none {
      display: none !important;
    }
  }
}
@layer ss.ss-c-utilities {
  .margin--xs {
    margin: 0.25rem;
  }
  .padding--xs {
    padding: 0.25rem;
  }
  .margin--xs_top {
    margin-top: 0.25rem;
  }
  .padding--xs_top {
    padding-top: 0.25rem;
  }
  .margin--xs_right {
    margin-right: 0.25rem;
  }
  .padding--xs_right {
    padding-right: 0.25rem;
  }
  .margin--xs_bottom {
    margin-bottom: 0.25rem;
  }
  .padding--xs_bottom {
    padding-bottom: 0.25rem;
  }
  .margin--xs_left {
    margin-left: 0.25rem;
  }
  .padding--xs_left {
    padding-left: 0.25rem;
  }
  .margin--xs_x {
    margin-inline: 0.25rem;
  }
  .margin--xs_y {
    margin-block: 0.25rem;
  }
  .padding--xs_x {
    padding-inline: 0.25rem;
  }
  .padding--xs_y {
    padding-block: 0.25rem;
  }
  .margin--sm {
    margin: 0.5rem;
  }
  .padding--sm {
    padding: 0.5rem;
  }
  .margin--sm_top {
    margin-top: 0.5rem;
  }
  .padding--sm_top {
    padding-top: 0.5rem;
  }
  .margin--sm_right {
    margin-right: 0.5rem;
  }
  .padding--sm_right {
    padding-right: 0.5rem;
  }
  .margin--sm_bottom {
    margin-bottom: 0.5rem;
  }
  .padding--sm_bottom {
    padding-bottom: 0.5rem;
  }
  .margin--sm_left {
    margin-left: 0.5rem;
  }
  .padding--sm_left {
    padding-left: 0.5rem;
  }
  .margin--sm_x {
    margin-inline: 0.5rem;
  }
  .margin--sm_y {
    margin-block: 0.5rem;
  }
  .padding--sm_x {
    padding-inline: 0.5rem;
  }
  .padding--sm_y {
    padding-block: 0.5rem;
  }
  .margin--md {
    margin: 1rem;
  }
  .padding--md {
    padding: 1rem;
  }
  .margin--md_top {
    margin-top: 1rem;
  }
  .padding--md_top {
    padding-top: 1rem;
  }
  .margin--md_right {
    margin-right: 1rem;
  }
  .padding--md_right {
    padding-right: 1rem;
  }
  .margin--md_bottom {
    margin-bottom: 1rem;
  }
  .padding--md_bottom {
    padding-bottom: 1rem;
  }
  .margin--md_left {
    margin-left: 1rem;
  }
  .padding--md_left {
    padding-left: 1rem;
  }
  .margin--md_x {
    margin-inline: 1rem;
  }
  .margin--md_y {
    margin-block: 1rem;
  }
  .padding--md_x {
    padding-inline: 1rem;
  }
  .padding--md_y {
    padding-block: 1rem;
  }
  .margin--lg {
    margin: 1.5rem;
  }
  .padding--lg {
    padding: 1.5rem;
  }
  .margin--lg_top {
    margin-top: 1.5rem;
  }
  .padding--lg_top {
    padding-top: 1.5rem;
  }
  .margin--lg_right {
    margin-right: 1.5rem;
  }
  .padding--lg_right {
    padding-right: 1.5rem;
  }
  .margin--lg_bottom {
    margin-bottom: 1.5rem;
  }
  .padding--lg_bottom {
    padding-bottom: 1.5rem;
  }
  .margin--lg_left {
    margin-left: 1.5rem;
  }
  .padding--lg_left {
    padding-left: 1.5rem;
  }
  .margin--lg_x {
    margin-inline: 1.5rem;
  }
  .margin--lg_y {
    margin-block: 1.5rem;
  }
  .padding--lg_x {
    padding-inline: 1.5rem;
  }
  .padding--lg_y {
    padding-block: 1.5rem;
  }
  .margin--xl {
    margin: 2.5rem;
  }
  .padding--xl {
    padding: 2.5rem;
  }
  .margin--xl_top {
    margin-top: 2.5rem;
  }
  .padding--xl_top {
    padding-top: 2.5rem;
  }
  .margin--xl_right {
    margin-right: 2.5rem;
  }
  .padding--xl_right {
    padding-right: 2.5rem;
  }
  .margin--xl_bottom {
    margin-bottom: 2.5rem;
  }
  .padding--xl_bottom {
    padding-bottom: 2.5rem;
  }
  .margin--xl_left {
    margin-left: 2.5rem;
  }
  .padding--xl_left {
    padding-left: 2.5rem;
  }
  .margin--xl_x {
    margin-inline: 2.5rem;
  }
  .margin--xl_y {
    margin-block: 2.5rem;
  }
  .padding--xl_x {
    padding-inline: 2.5rem;
  }
  .padding--xl_y {
    padding-block: 2.5rem;
  }
  .ss-c-display_none {
    display: none !important;
  }
  .ss-c-display_block {
    display: block;
  }
  .ss-c-display_inline {
    display: inline;
  }
  .ss-c-display_inline-block {
    display: inline-block;
  }
  .ss-c-display_flex {
    display: flex;
  }
  .ss-c-display_grid {
    display: grid;
  }
  .ss-c-flex {
    display: flex;
  }
  .ss-c-flex--col {
    display: flex;
    flex-direction: column;
  }
  .ss-c-flex--col--reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .ss-c-flex--row {
    display: flex;
    flex-direction: row;
  }
  .ss-c-flex--row--reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .ss-c-flex--wrap {
    flex-wrap: wrap;
  }
  .ss-c-flex--wrap--reverse {
    flex-wrap: wrap-reverse;
  }
  .ss-c-flex--keep {
    flex-shrink: 0;
  }
  .ss-c-flex--fill {
    flex: 1 1 auto;
  }
  .ss-c-align_self--auto {
    align-self: auto;
  }
  .ss-c-align_self--normal {
    align-self: normal;
  }
  .ss-c-align_self--center {
    align-self: center;
  }
  .ss-c-align_self--start {
    align-self: start;
  }
  .ss-c-align_self--self_start {
    align-self: self-start;
  }
  .ss-c-align_self--flex_start {
    align-self: flex-start;
  }
  .ss-c-align_self--end {
    align-self: end;
  }
  .ss-c-align_self--self_end {
    align-self: self-end;
  }
  .ss-c-align_self--flex_end {
    align-self: flex-end;
  }
  .ss-c-align_self--stretch {
    align-self: stretch;
  }
  .ss-c-align_self--baseline {
    align-self: baseline;
  }
  .ss-c-align-items--center,
  .ss-c-align--center,
  .ss-c-align-center {
    align-items: center;
  }
  .ss-c-align-left {
    text-align: left;
  }
  .ss-c-align-right {
    text-align: right;
  }
  .ss-c-justify--center,
  .ss-c-justify-content--center {
    justify-content: center;
  }
  .ss-c-gap--01 {
    gap: 0.3125rem;
  }
  .ss-c-gap--row--01 {
    row-gap: 0.3125rem;
  }
  .ss-c-gap--col--01 {
    column-gap: 0.3125rem;
  }
  .ss-c-gap--02 {
    gap: 0.625rem;
  }
  .ss-c-gap--row--02 {
    row-gap: 0.625rem;
  }
  .ss-c-gap--col--02 {
    column-gap: 0.625rem;
  }
  .ss-c-gap--03 {
    gap: 0.9375rem;
  }
  .ss-c-gap--row--03 {
    row-gap: 0.9375rem;
  }
  .ss-c-gap--col--03 {
    column-gap: 0.9375rem;
  }
  .ss-c-gap--04 {
    gap: 1.25rem;
  }
  .ss-c-gap--row--04 {
    row-gap: 1.25rem;
  }
  .ss-c-gap--col--04 {
    column-gap: 1.25rem;
  }
  .ss-c-gap--05 {
    gap: 1.5625rem;
  }
  .ss-c-gap--row--05 {
    row-gap: 1.5625rem;
  }
  .ss-c-gap--col--05 {
    column-gap: 1.5625rem;
  }
  .ss-c-gap--06 {
    gap: 1.875rem;
  }
  .ss-c-gap--row--06 {
    row-gap: 1.875rem;
  }
  .ss-c-gap--col--06 {
    column-gap: 1.875rem;
  }
  .ss-c-gap--07 {
    gap: 2.1875rem;
  }
  .ss-c-gap--row--07 {
    row-gap: 2.1875rem;
  }
  .ss-c-gap--col--07 {
    column-gap: 2.1875rem;
  }
  .ss-c-gap--08 {
    gap: 2.5rem;
  }
  .ss-c-gap--row--08 {
    row-gap: 2.5rem;
  }
  .ss-c-gap--col--08 {
    column-gap: 2.5rem;
  }
  .ss-c-gap--09 {
    gap: 2.8125rem;
  }
  .ss-c-gap--row--09 {
    row-gap: 2.8125rem;
  }
  .ss-c-gap--col--09 {
    column-gap: 2.8125rem;
  }
  .ss-c-gap--10 {
    gap: 3.125rem;
  }
  .ss-c-gap--row--10 {
    row-gap: 3.125rem;
  }
  .ss-c-gap--col--10 {
    column-gap: 3.125rem;
  }
  .ss-c-gap--11 {
    gap: 3.4375rem;
  }
  .ss-c-gap--row--11 {
    row-gap: 3.4375rem;
  }
  .ss-c-gap--col--11 {
    column-gap: 3.4375rem;
  }
  .ss-c-gap--12 {
    gap: 3.75rem;
  }
  .ss-c-gap--row--12 {
    row-gap: 3.75rem;
  }
  .ss-c-gap--col--12 {
    column-gap: 3.75rem;
  }
  .ss-c-grid--1,
  .ss-c-grid__frame--1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--1 {
    display: inline-grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--1 {
    grid-column: span 1/span 1;
  }
  .ss-c-grid--span--row--1 {
    grid-row: span 1/span 1;
  }
  .ss-c-grid--size--col--1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .ss-c-grid--2,
  .ss-c-grid__frame--2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--2 {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--2 {
    grid-column: span 2/span 2;
  }
  .ss-c-grid--span--row--2 {
    grid-row: span 2/span 2;
  }
  .ss-c-grid--size--col--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .ss-c-grid--3,
  .ss-c-grid__frame--3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--3 {
    display: inline-grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--3 {
    grid-column: span 3/span 3;
  }
  .ss-c-grid--span--row--3 {
    grid-row: span 3/span 3;
  }
  .ss-c-grid--size--col--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .ss-c-grid--4,
  .ss-c-grid__frame--4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--4 {
    display: inline-grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--4 {
    grid-column: span 4/span 4;
  }
  .ss-c-grid--span--row--4 {
    grid-row: span 4/span 4;
  }
  .ss-c-grid--size--col--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .ss-c-grid--5,
  .ss-c-grid__frame--5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--5 {
    display: inline-grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--5 {
    grid-column: span 5/span 5;
  }
  .ss-c-grid--span--row--5 {
    grid-row: span 5/span 5;
  }
  .ss-c-grid--size--col--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .ss-c-grid--6,
  .ss-c-grid__frame--6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--6 {
    display: inline-grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--6 {
    grid-column: span 6/span 6;
  }
  .ss-c-grid--span--row--6 {
    grid-row: span 6/span 6;
  }
  .ss-c-grid--size--col--6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .ss-c-grid--7,
  .ss-c-grid__frame--7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--7 {
    display: inline-grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--7 {
    grid-column: span 7/span 7;
  }
  .ss-c-grid--span--row--7 {
    grid-row: span 7/span 7;
  }
  .ss-c-grid--size--col--7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .ss-c-grid--8,
  .ss-c-grid__frame--8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--8 {
    display: inline-grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--8 {
    grid-column: span 8/span 8;
  }
  .ss-c-grid--span--row--8 {
    grid-row: span 8/span 8;
  }
  .ss-c-grid--size--col--8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .ss-c-grid--9,
  .ss-c-grid__frame--9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--9 {
    display: inline-grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--9 {
    grid-column: span 9/span 9;
  }
  .ss-c-grid--span--row--9 {
    grid-row: span 9/span 9;
  }
  .ss-c-grid--size--col--9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .ss-c-grid--10,
  .ss-c-grid__frame--10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--10 {
    display: inline-grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--10 {
    grid-column: span 10/span 10;
  }
  .ss-c-grid--span--row--10 {
    grid-row: span 10/span 10;
  }
  .ss-c-grid--size--col--10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .ss-c-grid--11,
  .ss-c-grid__frame--11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--11 {
    display: inline-grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--11 {
    grid-column: span 11/span 11;
  }
  .ss-c-grid--span--row--11 {
    grid-row: span 11/span 11;
  }
  .ss-c-grid--size--col--11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .ss-c-grid--12,
  .ss-c-grid__frame--12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--12 {
    display: inline-grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--12 {
    grid-column: span 12/span 12;
  }
  .ss-c-grid--span--row--12 {
    grid-row: span 12/span 12;
  }
  .ss-c-grid--size--col--12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .ss-c-grid--13,
  .ss-c-grid__frame--13 {
    display: grid;
    grid-template-columns: repeat(13, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--13 {
    display: grid;
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--13 {
    display: inline-grid;
    grid-template-columns: repeat(13, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--13 {
    grid-column: span 13/span 13;
  }
  .ss-c-grid--span--row--13 {
    grid-row: span 13/span 13;
  }
  .ss-c-grid--size--col--13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--13 {
    grid-template-rows: repeat(13, minmax(0, 1fr));
  }
  .ss-c-grid--14,
  .ss-c-grid__frame--14 {
    display: grid;
    grid-template-columns: repeat(14, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--14 {
    display: grid;
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--14 {
    display: inline-grid;
    grid-template-columns: repeat(14, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--14 {
    grid-column: span 14/span 14;
  }
  .ss-c-grid--span--row--14 {
    grid-row: span 14/span 14;
  }
  .ss-c-grid--size--col--14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--14 {
    grid-template-rows: repeat(14, minmax(0, 1fr));
  }
  .ss-c-grid--15,
  .ss-c-grid__frame--15 {
    display: grid;
    grid-template-columns: repeat(15, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--15 {
    display: grid;
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--15 {
    display: inline-grid;
    grid-template-columns: repeat(15, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--15 {
    grid-column: span 15/span 15;
  }
  .ss-c-grid--span--row--15 {
    grid-row: span 15/span 15;
  }
  .ss-c-grid--size--col--15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--15 {
    grid-template-rows: repeat(15, minmax(0, 1fr));
  }
  .ss-c-grid--16,
  .ss-c-grid__frame--16 {
    display: grid;
    grid-template-columns: repeat(16, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--16 {
    display: grid;
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--16 {
    display: inline-grid;
    grid-template-columns: repeat(16, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--16 {
    grid-column: span 16/span 16;
  }
  .ss-c-grid--span--row--16 {
    grid-row: span 16/span 16;
  }
  .ss-c-grid--size--col--16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--16 {
    grid-template-rows: repeat(16, minmax(0, 1fr));
  }
  .ss-c-grid--17,
  .ss-c-grid__frame--17 {
    display: grid;
    grid-template-columns: repeat(17, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--17 {
    display: grid;
    grid-template-columns: repeat(17, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--17 {
    display: inline-grid;
    grid-template-columns: repeat(17, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--17 {
    grid-column: span 17/span 17;
  }
  .ss-c-grid--span--row--17 {
    grid-row: span 17/span 17;
  }
  .ss-c-grid--size--col--17 {
    grid-template-columns: repeat(17, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--17 {
    grid-template-rows: repeat(17, minmax(0, 1fr));
  }
  .ss-c-grid--18,
  .ss-c-grid__frame--18 {
    display: grid;
    grid-template-columns: repeat(18, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--18 {
    display: grid;
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--18 {
    display: inline-grid;
    grid-template-columns: repeat(18, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--18 {
    grid-column: span 18/span 18;
  }
  .ss-c-grid--span--row--18 {
    grid-row: span 18/span 18;
  }
  .ss-c-grid--size--col--18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--18 {
    grid-template-rows: repeat(18, minmax(0, 1fr));
  }
  .ss-c-grid--19,
  .ss-c-grid__frame--19 {
    display: grid;
    grid-template-columns: repeat(19, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--19 {
    display: grid;
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--19 {
    display: inline-grid;
    grid-template-columns: repeat(19, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--19 {
    grid-column: span 19/span 19;
  }
  .ss-c-grid--span--row--19 {
    grid-row: span 19/span 19;
  }
  .ss-c-grid--size--col--19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--19 {
    grid-template-rows: repeat(19, minmax(0, 1fr));
  }
  .ss-c-grid--20,
  .ss-c-grid__frame--20 {
    display: grid;
    grid-template-columns: repeat(20, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--20 {
    display: grid;
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--20 {
    display: inline-grid;
    grid-template-columns: repeat(20, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--20 {
    grid-column: span 20/span 20;
  }
  .ss-c-grid--span--row--20 {
    grid-row: span 20/span 20;
  }
  .ss-c-grid--size--col--20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--20 {
    grid-template-rows: repeat(20, minmax(0, 1fr));
  }
  .ss-c-grid--21,
  .ss-c-grid__frame--21 {
    display: grid;
    grid-template-columns: repeat(21, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--21 {
    display: grid;
    grid-template-columns: repeat(21, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--21 {
    display: inline-grid;
    grid-template-columns: repeat(21, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--21 {
    grid-column: span 21/span 21;
  }
  .ss-c-grid--span--row--21 {
    grid-row: span 21/span 21;
  }
  .ss-c-grid--size--col--21 {
    grid-template-columns: repeat(21, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--21 {
    grid-template-rows: repeat(21, minmax(0, 1fr));
  }
  .ss-c-grid--22,
  .ss-c-grid__frame--22 {
    display: grid;
    grid-template-columns: repeat(22, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--22 {
    display: grid;
    grid-template-columns: repeat(22, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--22 {
    display: inline-grid;
    grid-template-columns: repeat(22, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--22 {
    grid-column: span 22/span 22;
  }
  .ss-c-grid--span--row--22 {
    grid-row: span 22/span 22;
  }
  .ss-c-grid--size--col--22 {
    grid-template-columns: repeat(22, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--22 {
    grid-template-rows: repeat(22, minmax(0, 1fr));
  }
  .ss-c-grid--23,
  .ss-c-grid__frame--23 {
    display: grid;
    grid-template-columns: repeat(23, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--23 {
    display: grid;
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--23 {
    display: inline-grid;
    grid-template-columns: repeat(23, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--23 {
    grid-column: span 23/span 23;
  }
  .ss-c-grid--span--row--23 {
    grid-row: span 23/span 23;
  }
  .ss-c-grid--size--col--23 {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--23 {
    grid-template-rows: repeat(23, minmax(0, 1fr));
  }
  .ss-c-grid--24,
  .ss-c-grid__frame--24 {
    display: grid;
    grid-template-columns: repeat(24, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid__frame--clean--24 {
    display: grid;
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .ss-c-grid__frame--inline--24 {
    display: inline-grid;
    grid-template-columns: repeat(24, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .ss-c-grid--span--col--24 {
    grid-column: span 24/span 24;
  }
  .ss-c-grid--span--row--24 {
    grid-row: span 24/span 24;
  }
  .ss-c-grid--size--col--24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .ss-c-grid--size--row--24 {
    grid-template-rows: repeat(24, minmax(0, 1fr));
  }
  .ss-c-grid--base {
    display: grid;
  }
  .ss-c-grid--base--inline {
    display: inline-grid;
  }
  .ss-c-grid--size--row--auto {
    grid-template-rows: auto;
  }
  .ss-c-grid__frame--flex {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.25rem;
    grid-auto-rows: minmax(0.78125rem, auto);
  }
  @media (max-width: 40rem) {
    .ss-c-grid__frame--flex {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 40rem) {
    .ss-c-grid--span--col--sm--1 {
      grid-column: span 1/span 1;
    }
    .ss-c-grid--span--row--sm--1 {
      grid-row: span 1/span 1;
    }
    .ss-c-grid--span--col--sm--2 {
      grid-column: span 2/span 2;
    }
    .ss-c-grid--span--row--sm--2 {
      grid-row: span 2/span 2;
    }
    .ss-c-grid--span--col--sm--3 {
      grid-column: span 3/span 3;
    }
    .ss-c-grid--span--row--sm--3 {
      grid-row: span 3/span 3;
    }
    .ss-c-grid--span--col--sm--4 {
      grid-column: span 4/span 4;
    }
    .ss-c-grid--span--row--sm--4 {
      grid-row: span 4/span 4;
    }
    .ss-c-grid--span--col--sm--5 {
      grid-column: span 5/span 5;
    }
    .ss-c-grid--span--row--sm--5 {
      grid-row: span 5/span 5;
    }
    .ss-c-grid--span--col--sm--6 {
      grid-column: span 6/span 6;
    }
    .ss-c-grid--span--row--sm--6 {
      grid-row: span 6/span 6;
    }
    .ss-c-grid--span--col--sm--7 {
      grid-column: span 7/span 7;
    }
    .ss-c-grid--span--row--sm--7 {
      grid-row: span 7/span 7;
    }
    .ss-c-grid--span--col--sm--8 {
      grid-column: span 8/span 8;
    }
    .ss-c-grid--span--row--sm--8 {
      grid-row: span 8/span 8;
    }
    .ss-c-grid--span--col--sm--9 {
      grid-column: span 9/span 9;
    }
    .ss-c-grid--span--row--sm--9 {
      grid-row: span 9/span 9;
    }
    .ss-c-grid--span--col--sm--10 {
      grid-column: span 10/span 10;
    }
    .ss-c-grid--span--row--sm--10 {
      grid-row: span 10/span 10;
    }
    .ss-c-grid--span--col--sm--11 {
      grid-column: span 11/span 11;
    }
    .ss-c-grid--span--row--sm--11 {
      grid-row: span 11/span 11;
    }
    .ss-c-grid--span--col--sm--12 {
      grid-column: span 12/span 12;
    }
    .ss-c-grid--span--row--sm--12 {
      grid-row: span 12/span 12;
    }
    .ss-c-grid--span--col--sm--13 {
      grid-column: span 13/span 13;
    }
    .ss-c-grid--span--row--sm--13 {
      grid-row: span 13/span 13;
    }
    .ss-c-grid--span--col--sm--14 {
      grid-column: span 14/span 14;
    }
    .ss-c-grid--span--row--sm--14 {
      grid-row: span 14/span 14;
    }
    .ss-c-grid--span--col--sm--15 {
      grid-column: span 15/span 15;
    }
    .ss-c-grid--span--row--sm--15 {
      grid-row: span 15/span 15;
    }
    .ss-c-grid--span--col--sm--16 {
      grid-column: span 16/span 16;
    }
    .ss-c-grid--span--row--sm--16 {
      grid-row: span 16/span 16;
    }
    .ss-c-grid--span--col--sm--17 {
      grid-column: span 17/span 17;
    }
    .ss-c-grid--span--row--sm--17 {
      grid-row: span 17/span 17;
    }
    .ss-c-grid--span--col--sm--18 {
      grid-column: span 18/span 18;
    }
    .ss-c-grid--span--row--sm--18 {
      grid-row: span 18/span 18;
    }
    .ss-c-grid--span--col--sm--19 {
      grid-column: span 19/span 19;
    }
    .ss-c-grid--span--row--sm--19 {
      grid-row: span 19/span 19;
    }
    .ss-c-grid--span--col--sm--20 {
      grid-column: span 20/span 20;
    }
    .ss-c-grid--span--row--sm--20 {
      grid-row: span 20/span 20;
    }
    .ss-c-grid--span--col--sm--21 {
      grid-column: span 21/span 21;
    }
    .ss-c-grid--span--row--sm--21 {
      grid-row: span 21/span 21;
    }
    .ss-c-grid--span--col--sm--22 {
      grid-column: span 22/span 22;
    }
    .ss-c-grid--span--row--sm--22 {
      grid-row: span 22/span 22;
    }
    .ss-c-grid--span--col--sm--23 {
      grid-column: span 23/span 23;
    }
    .ss-c-grid--span--row--sm--23 {
      grid-row: span 23/span 23;
    }
    .ss-c-grid--span--col--sm--24 {
      grid-column: span 24/span 24;
    }
    .ss-c-grid--span--row--sm--24 {
      grid-row: span 24/span 24;
    }
  }
  @media (min-width: 48rem) {
    .ss-c-grid--span--col--md--1 {
      grid-column: span 1/span 1;
    }
    .ss-c-grid--span--row--md--1 {
      grid-row: span 1/span 1;
    }
    .ss-c-grid--span--col--md--2 {
      grid-column: span 2/span 2;
    }
    .ss-c-grid--span--row--md--2 {
      grid-row: span 2/span 2;
    }
    .ss-c-grid--span--col--md--3 {
      grid-column: span 3/span 3;
    }
    .ss-c-grid--span--row--md--3 {
      grid-row: span 3/span 3;
    }
    .ss-c-grid--span--col--md--4 {
      grid-column: span 4/span 4;
    }
    .ss-c-grid--span--row--md--4 {
      grid-row: span 4/span 4;
    }
    .ss-c-grid--span--col--md--5 {
      grid-column: span 5/span 5;
    }
    .ss-c-grid--span--row--md--5 {
      grid-row: span 5/span 5;
    }
    .ss-c-grid--span--col--md--6 {
      grid-column: span 6/span 6;
    }
    .ss-c-grid--span--row--md--6 {
      grid-row: span 6/span 6;
    }
    .ss-c-grid--span--col--md--7 {
      grid-column: span 7/span 7;
    }
    .ss-c-grid--span--row--md--7 {
      grid-row: span 7/span 7;
    }
    .ss-c-grid--span--col--md--8 {
      grid-column: span 8/span 8;
    }
    .ss-c-grid--span--row--md--8 {
      grid-row: span 8/span 8;
    }
    .ss-c-grid--span--col--md--9 {
      grid-column: span 9/span 9;
    }
    .ss-c-grid--span--row--md--9 {
      grid-row: span 9/span 9;
    }
    .ss-c-grid--span--col--md--10 {
      grid-column: span 10/span 10;
    }
    .ss-c-grid--span--row--md--10 {
      grid-row: span 10/span 10;
    }
    .ss-c-grid--span--col--md--11 {
      grid-column: span 11/span 11;
    }
    .ss-c-grid--span--row--md--11 {
      grid-row: span 11/span 11;
    }
    .ss-c-grid--span--col--md--12 {
      grid-column: span 12/span 12;
    }
    .ss-c-grid--span--row--md--12 {
      grid-row: span 12/span 12;
    }
    .ss-c-grid--span--col--md--13 {
      grid-column: span 13/span 13;
    }
    .ss-c-grid--span--row--md--13 {
      grid-row: span 13/span 13;
    }
    .ss-c-grid--span--col--md--14 {
      grid-column: span 14/span 14;
    }
    .ss-c-grid--span--row--md--14 {
      grid-row: span 14/span 14;
    }
    .ss-c-grid--span--col--md--15 {
      grid-column: span 15/span 15;
    }
    .ss-c-grid--span--row--md--15 {
      grid-row: span 15/span 15;
    }
    .ss-c-grid--span--col--md--16 {
      grid-column: span 16/span 16;
    }
    .ss-c-grid--span--row--md--16 {
      grid-row: span 16/span 16;
    }
    .ss-c-grid--span--col--md--17 {
      grid-column: span 17/span 17;
    }
    .ss-c-grid--span--row--md--17 {
      grid-row: span 17/span 17;
    }
    .ss-c-grid--span--col--md--18 {
      grid-column: span 18/span 18;
    }
    .ss-c-grid--span--row--md--18 {
      grid-row: span 18/span 18;
    }
    .ss-c-grid--span--col--md--19 {
      grid-column: span 19/span 19;
    }
    .ss-c-grid--span--row--md--19 {
      grid-row: span 19/span 19;
    }
    .ss-c-grid--span--col--md--20 {
      grid-column: span 20/span 20;
    }
    .ss-c-grid--span--row--md--20 {
      grid-row: span 20/span 20;
    }
    .ss-c-grid--span--col--md--21 {
      grid-column: span 21/span 21;
    }
    .ss-c-grid--span--row--md--21 {
      grid-row: span 21/span 21;
    }
    .ss-c-grid--span--col--md--22 {
      grid-column: span 22/span 22;
    }
    .ss-c-grid--span--row--md--22 {
      grid-row: span 22/span 22;
    }
    .ss-c-grid--span--col--md--23 {
      grid-column: span 23/span 23;
    }
    .ss-c-grid--span--row--md--23 {
      grid-row: span 23/span 23;
    }
    .ss-c-grid--span--col--md--24 {
      grid-column: span 24/span 24;
    }
    .ss-c-grid--span--row--md--24 {
      grid-row: span 24/span 24;
    }
  }
  @media (min-width: 64rem) {
    .ss-c-grid--span--col--lg--1 {
      grid-column: span 1/span 1;
    }
    .ss-c-grid--span--row--lg--1 {
      grid-row: span 1/span 1;
    }
    .ss-c-grid--span--col--lg--2 {
      grid-column: span 2/span 2;
    }
    .ss-c-grid--span--row--lg--2 {
      grid-row: span 2/span 2;
    }
    .ss-c-grid--span--col--lg--3 {
      grid-column: span 3/span 3;
    }
    .ss-c-grid--span--row--lg--3 {
      grid-row: span 3/span 3;
    }
    .ss-c-grid--span--col--lg--4 {
      grid-column: span 4/span 4;
    }
    .ss-c-grid--span--row--lg--4 {
      grid-row: span 4/span 4;
    }
    .ss-c-grid--span--col--lg--5 {
      grid-column: span 5/span 5;
    }
    .ss-c-grid--span--row--lg--5 {
      grid-row: span 5/span 5;
    }
    .ss-c-grid--span--col--lg--6 {
      grid-column: span 6/span 6;
    }
    .ss-c-grid--span--row--lg--6 {
      grid-row: span 6/span 6;
    }
    .ss-c-grid--span--col--lg--7 {
      grid-column: span 7/span 7;
    }
    .ss-c-grid--span--row--lg--7 {
      grid-row: span 7/span 7;
    }
    .ss-c-grid--span--col--lg--8 {
      grid-column: span 8/span 8;
    }
    .ss-c-grid--span--row--lg--8 {
      grid-row: span 8/span 8;
    }
    .ss-c-grid--span--col--lg--9 {
      grid-column: span 9/span 9;
    }
    .ss-c-grid--span--row--lg--9 {
      grid-row: span 9/span 9;
    }
    .ss-c-grid--span--col--lg--10 {
      grid-column: span 10/span 10;
    }
    .ss-c-grid--span--row--lg--10 {
      grid-row: span 10/span 10;
    }
    .ss-c-grid--span--col--lg--11 {
      grid-column: span 11/span 11;
    }
    .ss-c-grid--span--row--lg--11 {
      grid-row: span 11/span 11;
    }
    .ss-c-grid--span--col--lg--12 {
      grid-column: span 12/span 12;
    }
    .ss-c-grid--span--row--lg--12 {
      grid-row: span 12/span 12;
    }
    .ss-c-grid--span--col--lg--13 {
      grid-column: span 13/span 13;
    }
    .ss-c-grid--span--row--lg--13 {
      grid-row: span 13/span 13;
    }
    .ss-c-grid--span--col--lg--14 {
      grid-column: span 14/span 14;
    }
    .ss-c-grid--span--row--lg--14 {
      grid-row: span 14/span 14;
    }
    .ss-c-grid--span--col--lg--15 {
      grid-column: span 15/span 15;
    }
    .ss-c-grid--span--row--lg--15 {
      grid-row: span 15/span 15;
    }
    .ss-c-grid--span--col--lg--16 {
      grid-column: span 16/span 16;
    }
    .ss-c-grid--span--row--lg--16 {
      grid-row: span 16/span 16;
    }
    .ss-c-grid--span--col--lg--17 {
      grid-column: span 17/span 17;
    }
    .ss-c-grid--span--row--lg--17 {
      grid-row: span 17/span 17;
    }
    .ss-c-grid--span--col--lg--18 {
      grid-column: span 18/span 18;
    }
    .ss-c-grid--span--row--lg--18 {
      grid-row: span 18/span 18;
    }
    .ss-c-grid--span--col--lg--19 {
      grid-column: span 19/span 19;
    }
    .ss-c-grid--span--row--lg--19 {
      grid-row: span 19/span 19;
    }
    .ss-c-grid--span--col--lg--20 {
      grid-column: span 20/span 20;
    }
    .ss-c-grid--span--row--lg--20 {
      grid-row: span 20/span 20;
    }
    .ss-c-grid--span--col--lg--21 {
      grid-column: span 21/span 21;
    }
    .ss-c-grid--span--row--lg--21 {
      grid-row: span 21/span 21;
    }
    .ss-c-grid--span--col--lg--22 {
      grid-column: span 22/span 22;
    }
    .ss-c-grid--span--row--lg--22 {
      grid-row: span 22/span 22;
    }
    .ss-c-grid--span--col--lg--23 {
      grid-column: span 23/span 23;
    }
    .ss-c-grid--span--row--lg--23 {
      grid-row: span 23/span 23;
    }
    .ss-c-grid--span--col--lg--24 {
      grid-column: span 24/span 24;
    }
    .ss-c-grid--span--row--lg--24 {
      grid-row: span 24/span 24;
    }
  }
  .ss-c-grid--placeholder,
  .ss-c-demo-grid-placeholder {
    background-color: rgba(0, 0, 0, 0.03);
    padding: 0.125rem;
  }
  .ss-c-grid--placeholder > *,
  .ss-c-demo-grid-placeholder > * {
    background-color: #d9e4ed;
    border: 0.0625rem solid #1a3a5c;
    text-align: center;
    font-size: 0.75rem;
    padding: 0.125rem 0.0625rem;
    min-height: 1.5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-margin--xs {
    margin: 0.25rem;
  }
  .ss-c-margin--xs_top {
    margin-top: 0.25rem;
  }
  .ss-c-margin--xs_right {
    margin-right: 0.25rem;
  }
  .ss-c-margin--xs_bottom {
    margin-bottom: 0.25rem;
  }
  .ss-c-margin--xs_left {
    margin-left: 0.25rem;
  }
  .ss-c-margin--xs_vertical {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .ss-c-margin--xs_horizontal {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .ss-c-padding--xs {
    padding: 0.25rem;
  }
  .ss-c-padding--xs_top {
    padding-top: 0.25rem;
  }
  .ss-c-padding--xs_right {
    padding-right: 0.25rem;
  }
  .ss-c-padding--xs_bottom {
    padding-bottom: 0.25rem;
  }
  .ss-c-padding--xs_left {
    padding-left: 0.25rem;
  }
  .ss-c-padding--xs_vertical {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .ss-c-padding--xs_horizontal {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ss-c-margin--sm {
    margin: 0.5rem;
  }
  .ss-c-margin--sm_top {
    margin-top: 0.5rem;
  }
  .ss-c-margin--sm_right {
    margin-right: 0.5rem;
  }
  .ss-c-margin--sm_bottom {
    margin-bottom: 0.5rem;
  }
  .ss-c-margin--sm_left {
    margin-left: 0.5rem;
  }
  .ss-c-margin--sm_vertical {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-margin--sm_horizontal {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .ss-c-padding--sm {
    padding: 0.5rem;
  }
  .ss-c-padding--sm_top {
    padding-top: 0.5rem;
  }
  .ss-c-padding--sm_right {
    padding-right: 0.5rem;
  }
  .ss-c-padding--sm_bottom {
    padding-bottom: 0.5rem;
  }
  .ss-c-padding--sm_left {
    padding-left: 0.5rem;
  }
  .ss-c-padding--sm_vertical {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .ss-c-padding--sm_horizontal {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ss-c-margin--md {
    margin: 1rem;
  }
  .ss-c-margin--md_top {
    margin-top: 1rem;
  }
  .ss-c-margin--md_right {
    margin-right: 1rem;
  }
  .ss-c-margin--md_bottom {
    margin-bottom: 1rem;
  }
  .ss-c-margin--md_left {
    margin-left: 1rem;
  }
  .ss-c-margin--md_vertical {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .ss-c-margin--md_horizontal {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .ss-c-padding--md {
    padding: 1rem;
  }
  .ss-c-padding--md_top {
    padding-top: 1rem;
  }
  .ss-c-padding--md_right {
    padding-right: 1rem;
  }
  .ss-c-padding--md_bottom {
    padding-bottom: 1rem;
  }
  .ss-c-padding--md_left {
    padding-left: 1rem;
  }
  .ss-c-padding--md_vertical {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .ss-c-padding--md_horizontal {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ss-c-margin--lg {
    margin: 1.25rem;
  }
  .ss-c-margin--lg_top {
    margin-top: 1.25rem;
  }
  .ss-c-margin--lg_right {
    margin-right: 1.25rem;
  }
  .ss-c-margin--lg_bottom {
    margin-bottom: 1.25rem;
  }
  .ss-c-margin--lg_left {
    margin-left: 1.25rem;
  }
  .ss-c-margin--lg_vertical {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .ss-c-margin--lg_horizontal {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .ss-c-padding--lg {
    padding: 1.25rem;
  }
  .ss-c-padding--lg_top {
    padding-top: 1.25rem;
  }
  .ss-c-padding--lg_right {
    padding-right: 1.25rem;
  }
  .ss-c-padding--lg_bottom {
    padding-bottom: 1.25rem;
  }
  .ss-c-padding--lg_left {
    padding-left: 1.25rem;
  }
  .ss-c-padding--lg_vertical {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .ss-c-padding--lg_horizontal {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .ss-c-margin--xl {
    margin: 2rem;
  }
  .ss-c-margin--xl_top {
    margin-top: 2rem;
  }
  .ss-c-margin--xl_right {
    margin-right: 2rem;
  }
  .ss-c-margin--xl_bottom {
    margin-bottom: 2rem;
  }
  .ss-c-margin--xl_left {
    margin-left: 2rem;
  }
  .ss-c-margin--xl_vertical {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .ss-c-margin--xl_horizontal {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .ss-c-padding--xl {
    padding: 2rem;
  }
  .ss-c-padding--xl_top {
    padding-top: 2rem;
  }
  .ss-c-padding--xl_right {
    padding-right: 2rem;
  }
  .ss-c-padding--xl_bottom {
    padding-bottom: 2rem;
  }
  .ss-c-padding--xl_left {
    padding-left: 2rem;
  }
  .ss-c-padding--xl_vertical {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .ss-c-padding--xl_horizontal {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ss-c-margin--0 {
    margin: 0rem;
  }
  .ss-c-margin--0_top {
    margin-top: 0rem;
  }
  .ss-c-margin--0_right {
    margin-right: 0rem;
  }
  .ss-c-margin--0_bottom {
    margin-bottom: 0rem;
  }
  .ss-c-margin--0_left {
    margin-left: 0rem;
  }
  .ss-c-margin--0_vertical {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .ss-c-margin--0_horizontal {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .ss-c-padding--0 {
    padding: 0rem;
  }
  .ss-c-padding--0_top {
    padding-top: 0rem;
  }
  .ss-c-padding--0_right {
    padding-right: 0rem;
  }
  .ss-c-padding--0_bottom {
    padding-bottom: 0rem;
  }
  .ss-c-padding--0_left {
    padding-left: 0rem;
  }
  .ss-c-padding--0_vertical {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .ss-c-padding--0_horizontal {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .ss-c-margin--1 {
    margin: 0.0625rem;
  }
  .ss-c-margin--1_top {
    margin-top: 0.0625rem;
  }
  .ss-c-margin--1_right {
    margin-right: 0.0625rem;
  }
  .ss-c-margin--1_bottom {
    margin-bottom: 0.0625rem;
  }
  .ss-c-margin--1_left {
    margin-left: 0.0625rem;
  }
  .ss-c-margin--1_vertical {
    margin-top: 0.0625rem;
    margin-bottom: 0.0625rem;
  }
  .ss-c-margin--1_horizontal {
    margin-left: 0.0625rem;
    margin-right: 0.0625rem;
  }
  .ss-c-padding--1 {
    padding: 0.0625rem;
  }
  .ss-c-padding--1_top {
    padding-top: 0.0625rem;
  }
  .ss-c-padding--1_right {
    padding-right: 0.0625rem;
  }
  .ss-c-padding--1_bottom {
    padding-bottom: 0.0625rem;
  }
  .ss-c-padding--1_left {
    padding-left: 0.0625rem;
  }
  .ss-c-padding--1_vertical {
    padding-top: 0.0625rem;
    padding-bottom: 0.0625rem;
  }
  .ss-c-padding--1_horizontal {
    padding-left: 0.0625rem;
    padding-right: 0.0625rem;
  }
  .ss-c-margin--2 {
    margin: 0.125rem;
  }
  .ss-c-margin--2_top {
    margin-top: 0.125rem;
  }
  .ss-c-margin--2_right {
    margin-right: 0.125rem;
  }
  .ss-c-margin--2_bottom {
    margin-bottom: 0.125rem;
  }
  .ss-c-margin--2_left {
    margin-left: 0.125rem;
  }
  .ss-c-margin--2_vertical {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  .ss-c-margin--2_horizontal {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .ss-c-padding--2 {
    padding: 0.125rem;
  }
  .ss-c-padding--2_top {
    padding-top: 0.125rem;
  }
  .ss-c-padding--2_right {
    padding-right: 0.125rem;
  }
  .ss-c-padding--2_bottom {
    padding-bottom: 0.125rem;
  }
  .ss-c-padding--2_left {
    padding-left: 0.125rem;
  }
  .ss-c-padding--2_vertical {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .ss-c-padding--2_horizontal {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .ss-c-margin--4 {
    margin: 0.25rem;
  }
  .ss-c-margin--4_top {
    margin-top: 0.25rem;
  }
  .ss-c-margin--4_right {
    margin-right: 0.25rem;
  }
  .ss-c-margin--4_bottom {
    margin-bottom: 0.25rem;
  }
  .ss-c-margin--4_left {
    margin-left: 0.25rem;
  }
  .ss-c-margin--4_vertical {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .ss-c-margin--4_horizontal {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .ss-c-padding--4 {
    padding: 0.25rem;
  }
  .ss-c-padding--4_top {
    padding-top: 0.25rem;
  }
  .ss-c-padding--4_right {
    padding-right: 0.25rem;
  }
  .ss-c-padding--4_bottom {
    padding-bottom: 0.25rem;
  }
  .ss-c-padding--4_left {
    padding-left: 0.25rem;
  }
  .ss-c-padding--4_vertical {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .ss-c-padding--4_horizontal {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ss-c-margin--8 {
    margin: 0.5rem;
  }
  .ss-c-margin--8_top {
    margin-top: 0.5rem;
  }
  .ss-c-margin--8_right {
    margin-right: 0.5rem;
  }
  .ss-c-margin--8_bottom {
    margin-bottom: 0.5rem;
  }
  .ss-c-margin--8_left {
    margin-left: 0.5rem;
  }
  .ss-c-margin--8_vertical {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-margin--8_horizontal {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .ss-c-padding--8 {
    padding: 0.5rem;
  }
  .ss-c-padding--8_top {
    padding-top: 0.5rem;
  }
  .ss-c-padding--8_right {
    padding-right: 0.5rem;
  }
  .ss-c-padding--8_bottom {
    padding-bottom: 0.5rem;
  }
  .ss-c-padding--8_left {
    padding-left: 0.5rem;
  }
  .ss-c-padding--8_vertical {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .ss-c-padding--8_horizontal {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ss-c-margin--12 {
    margin: 0.75rem;
  }
  .ss-c-margin--12_top {
    margin-top: 0.75rem;
  }
  .ss-c-margin--12_right {
    margin-right: 0.75rem;
  }
  .ss-c-margin--12_bottom {
    margin-bottom: 0.75rem;
  }
  .ss-c-margin--12_left {
    margin-left: 0.75rem;
  }
  .ss-c-margin--12_vertical {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-margin--12_horizontal {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .ss-c-padding--12 {
    padding: 0.75rem;
  }
  .ss-c-padding--12_top {
    padding-top: 0.75rem;
  }
  .ss-c-padding--12_right {
    padding-right: 0.75rem;
  }
  .ss-c-padding--12_bottom {
    padding-bottom: 0.75rem;
  }
  .ss-c-padding--12_left {
    padding-left: 0.75rem;
  }
  .ss-c-padding--12_vertical {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .ss-c-padding--12_horizontal {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .ss-c-margin--16 {
    margin: 1rem;
  }
  .ss-c-margin--16_top {
    margin-top: 1rem;
  }
  .ss-c-margin--16_right {
    margin-right: 1rem;
  }
  .ss-c-margin--16_bottom {
    margin-bottom: 1rem;
  }
  .ss-c-margin--16_left {
    margin-left: 1rem;
  }
  .ss-c-margin--16_vertical {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .ss-c-margin--16_horizontal {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .ss-c-padding--16 {
    padding: 1rem;
  }
  .ss-c-padding--16_top {
    padding-top: 1rem;
  }
  .ss-c-padding--16_right {
    padding-right: 1rem;
  }
  .ss-c-padding--16_bottom {
    padding-bottom: 1rem;
  }
  .ss-c-padding--16_left {
    padding-left: 1rem;
  }
  .ss-c-padding--16_vertical {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .ss-c-padding--16_horizontal {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ss-c-margin--20 {
    margin: 1.25rem;
  }
  .ss-c-margin--20_top {
    margin-top: 1.25rem;
  }
  .ss-c-margin--20_right {
    margin-right: 1.25rem;
  }
  .ss-c-margin--20_bottom {
    margin-bottom: 1.25rem;
  }
  .ss-c-margin--20_left {
    margin-left: 1.25rem;
  }
  .ss-c-margin--20_vertical {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .ss-c-margin--20_horizontal {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .ss-c-padding--20 {
    padding: 1.25rem;
  }
  .ss-c-padding--20_top {
    padding-top: 1.25rem;
  }
  .ss-c-padding--20_right {
    padding-right: 1.25rem;
  }
  .ss-c-padding--20_bottom {
    padding-bottom: 1.25rem;
  }
  .ss-c-padding--20_left {
    padding-left: 1.25rem;
  }
  .ss-c-padding--20_vertical {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .ss-c-padding--20_horizontal {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .ss-c-margin--24 {
    margin: 1.5rem;
  }
  .ss-c-margin--24_top {
    margin-top: 1.5rem;
  }
  .ss-c-margin--24_right {
    margin-right: 1.5rem;
  }
  .ss-c-margin--24_bottom {
    margin-bottom: 1.5rem;
  }
  .ss-c-margin--24_left {
    margin-left: 1.5rem;
  }
  .ss-c-margin--24_vertical {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .ss-c-margin--24_horizontal {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .ss-c-padding--24 {
    padding: 1.5rem;
  }
  .ss-c-padding--24_top {
    padding-top: 1.5rem;
  }
  .ss-c-padding--24_right {
    padding-right: 1.5rem;
  }
  .ss-c-padding--24_bottom {
    padding-bottom: 1.5rem;
  }
  .ss-c-padding--24_left {
    padding-left: 1.5rem;
  }
  .ss-c-padding--24_vertical {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .ss-c-padding--24_horizontal {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .ss-c-margin--32 {
    margin: 2rem;
  }
  .ss-c-margin--32_top {
    margin-top: 2rem;
  }
  .ss-c-margin--32_right {
    margin-right: 2rem;
  }
  .ss-c-margin--32_bottom {
    margin-bottom: 2rem;
  }
  .ss-c-margin--32_left {
    margin-left: 2rem;
  }
  .ss-c-margin--32_vertical {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .ss-c-margin--32_horizontal {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .ss-c-padding--32 {
    padding: 2rem;
  }
  .ss-c-padding--32_top {
    padding-top: 2rem;
  }
  .ss-c-padding--32_right {
    padding-right: 2rem;
  }
  .ss-c-padding--32_bottom {
    padding-bottom: 2rem;
  }
  .ss-c-padding--32_left {
    padding-left: 2rem;
  }
  .ss-c-padding--32_vertical {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .ss-c-padding--32_horizontal {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ss-c-margin--40 {
    margin: 2.5rem;
  }
  .ss-c-margin--40_top {
    margin-top: 2.5rem;
  }
  .ss-c-margin--40_right {
    margin-right: 2.5rem;
  }
  .ss-c-margin--40_bottom {
    margin-bottom: 2.5rem;
  }
  .ss-c-margin--40_left {
    margin-left: 2.5rem;
  }
  .ss-c-margin--40_vertical {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .ss-c-margin--40_horizontal {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .ss-c-padding--40 {
    padding: 2.5rem;
  }
  .ss-c-padding--40_top {
    padding-top: 2.5rem;
  }
  .ss-c-padding--40_right {
    padding-right: 2.5rem;
  }
  .ss-c-padding--40_bottom {
    padding-bottom: 2.5rem;
  }
  .ss-c-padding--40_left {
    padding-left: 2.5rem;
  }
  .ss-c-padding--40_vertical {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .ss-c-padding--40_horizontal {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .ss-c-margin--48 {
    margin: 3rem;
  }
  .ss-c-margin--48_top {
    margin-top: 3rem;
  }
  .ss-c-margin--48_right {
    margin-right: 3rem;
  }
  .ss-c-margin--48_bottom {
    margin-bottom: 3rem;
  }
  .ss-c-margin--48_left {
    margin-left: 3rem;
  }
  .ss-c-margin--48_vertical {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .ss-c-margin--48_horizontal {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .ss-c-padding--48 {
    padding: 3rem;
  }
  .ss-c-padding--48_top {
    padding-top: 3rem;
  }
  .ss-c-padding--48_right {
    padding-right: 3rem;
  }
  .ss-c-padding--48_bottom {
    padding-bottom: 3rem;
  }
  .ss-c-padding--48_left {
    padding-left: 3rem;
  }
  .ss-c-padding--48_vertical {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .ss-c-padding--48_horizontal {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .ss-c-margin--56 {
    margin: 3.5rem;
  }
  .ss-c-margin--56_top {
    margin-top: 3.5rem;
  }
  .ss-c-margin--56_right {
    margin-right: 3.5rem;
  }
  .ss-c-margin--56_bottom {
    margin-bottom: 3.5rem;
  }
  .ss-c-margin--56_left {
    margin-left: 3.5rem;
  }
  .ss-c-margin--56_vertical {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .ss-c-margin--56_horizontal {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  .ss-c-padding--56 {
    padding: 3.5rem;
  }
  .ss-c-padding--56_top {
    padding-top: 3.5rem;
  }
  .ss-c-padding--56_right {
    padding-right: 3.5rem;
  }
  .ss-c-padding--56_bottom {
    padding-bottom: 3.5rem;
  }
  .ss-c-padding--56_left {
    padding-left: 3.5rem;
  }
  .ss-c-padding--56_vertical {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .ss-c-padding--56_horizontal {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .ss-c-margin--64 {
    margin: 4rem;
  }
  .ss-c-margin--64_top {
    margin-top: 4rem;
  }
  .ss-c-margin--64_right {
    margin-right: 4rem;
  }
  .ss-c-margin--64_bottom {
    margin-bottom: 4rem;
  }
  .ss-c-margin--64_left {
    margin-left: 4rem;
  }
  .ss-c-margin--64_vertical {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .ss-c-margin--64_horizontal {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .ss-c-padding--64 {
    padding: 4rem;
  }
  .ss-c-padding--64_top {
    padding-top: 4rem;
  }
  .ss-c-padding--64_right {
    padding-right: 4rem;
  }
  .ss-c-padding--64_bottom {
    padding-bottom: 4rem;
  }
  .ss-c-padding--64_left {
    padding-left: 4rem;
  }
  .ss-c-padding--64_vertical {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .ss-c-padding--64_horizontal {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@layer ss.ss-c-utilities {
  .ss-c-object--color--accent_primary {
    color: var(--ss-color-accent);
  }
  .ss-c-object--fill--accent_primary {
    background-color: var(--ss-color-accent);
  }
  .ss-c-object--color--accent_secondary {
    color: var(--ss-color-accent-highlight);
  }
  .ss-c-object--fill--accent_secondary {
    background-color: var(--ss-color-accent-highlight);
  }
  .ss-c-object--color--accent_tertiary {
    color: var(--ss-color-accent-tertiary);
  }
  .ss-c-object--fill--accent_tertiary {
    background-color: var(--ss-color-accent-tertiary);
  }
  .ss-c-object--color--fill_primary {
    color: var(--ss-color-fill);
  }
  .ss-c-object--fill--fill_primary {
    background-color: var(--ss-color-fill);
  }
  .ss-c-object--color--fill_secondary {
    color: var(--ss-color-surface-alt);
  }
  .ss-c-object--fill--fill_secondary {
    background-color: var(--ss-color-surface-alt);
  }
  .ss-c-object--color--fill_tertiary {
    color: var(--ss-color-surface-muted);
  }
  .ss-c-object--fill--fill_tertiary {
    background-color: var(--ss-color-surface-muted);
  }
  .ss-c-object--color--line_primary {
    color: var(--ss-color-line-primary);
  }
  .ss-c-object--fill--line_primary {
    background-color: var(--ss-color-line-primary);
  }
  .ss-c-object--color--line_secondary {
    color: var(--ss-color-line-secondary);
  }
  .ss-c-object--fill--line_secondary {
    background-color: var(--ss-color-line-secondary);
  }
  .ss-c-object--color--line_tertiary {
    color: var(--ss-color-border-subtle);
  }
  .ss-c-object--fill--line_tertiary {
    background-color: var(--ss-color-border-subtle);
  }
  .ss-c-object--color--text_primary {
    color: var(--ss-color-text-primary);
  }
  .ss-c-object--fill--text_primary {
    background-color: var(--ss-color-text-primary);
  }
  .ss-c-object--color--text_secondary {
    color: var(--ss-color-text-muted);
  }
  .ss-c-object--fill--text_secondary {
    background-color: var(--ss-color-text-muted);
  }
  .ss-c-object--color--text_tertiary {
    color: var(--ss-color-muted);
  }
  .ss-c-object--fill--text_tertiary {
    background-color: var(--ss-color-muted);
  }
  .ss-c-object--color--log_alert {
    color: var(--ss-color-warning);
  }
  .ss-c-object--fill--log_alert {
    background-color: var(--ss-color-warning);
  }
  .ss-c-object--color--log_audit {
    color: var(--ss-color-info);
  }
  .ss-c-object--fill--log_audit {
    background-color: var(--ss-color-info);
  }
  .ss-c-object--color--log_critical {
    color: var(--ss-color-error);
  }
  .ss-c-object--fill--log_critical {
    background-color: var(--ss-color-error);
  }
  .ss-c-object--color--log_debug {
    color: var(--ss-color-muted);
  }
  .ss-c-object--fill--log_debug {
    background-color: var(--ss-color-muted);
  }
  .ss-c-object--color--log_emergency {
    color: var(--ss-color-error);
  }
  .ss-c-object--fill--log_emergency {
    background-color: var(--ss-color-error);
  }
  .ss-c-object--color--log_error {
    color: var(--ss-color-error);
  }
  .ss-c-object--fill--log_error {
    background-color: var(--ss-color-error);
  }
  .ss-c-object--color--log_info {
    color: var(--ss-color-info);
  }
  .ss-c-object--fill--log_info {
    background-color: var(--ss-color-info);
  }
  .ss-c-object--color--log_notice {
    color: var(--ss-color-info);
  }
  .ss-c-object--fill--log_notice {
    background-color: var(--ss-color-info);
  }
  .ss-c-object--color--log_security {
    color: var(--ss-color-warning);
  }
  .ss-c-object--fill--log_security {
    background-color: var(--ss-color-warning);
  }
  .ss-c-object--color--log_success {
    color: var(--ss-color-success);
  }
  .ss-c-object--fill--log_success {
    background-color: var(--ss-color-success);
  }
  .ss-c-object--color--log_trace {
    color: var(--ss-color-muted);
  }
  .ss-c-object--fill--log_trace {
    background-color: var(--ss-color-muted);
  }
  .ss-c-object--color--log_warning {
    color: var(--ss-color-warning);
  }
  .ss-c-object--fill--log_warning {
    background-color: var(--ss-color-warning);
  }
  .ss-c-object--color--state_active {
    color: var(--ss-color-state-active);
  }
  .ss-c-object--fill--state_active {
    background-color: var(--ss-color-state-active);
  }
  .ss-c-object--color--state_checked {
    color: var(--ss-color-success);
  }
  .ss-c-object--fill--state_checked {
    background-color: var(--ss-color-success);
  }
  .ss-c-object--color--state_current {
    color: var(--ss-color-accent);
  }
  .ss-c-object--fill--state_current {
    background-color: var(--ss-color-accent);
  }
  .ss-c-object--color--state_disabled {
    color: var(--ss-color-muted);
  }
  .ss-c-object--fill--state_disabled {
    background-color: var(--ss-color-muted);
  }
  .ss-c-object--color--state_enabled {
    color: var(--ss-color-text-primary);
  }
  .ss-c-object--fill--state_enabled {
    background-color: var(--ss-color-text-primary);
  }
  .ss-c-object--color--state_focus {
    color: var(--ss-color-focus);
  }
  .ss-c-object--fill--state_focus {
    background-color: var(--ss-color-focus);
  }
  .ss-c-object--color--state_hover {
    color: var(--ss-color-state-hover);
  }
  .ss-c-object--fill--state_hover {
    background-color: var(--ss-color-state-hover);
  }
  .ss-c-object--color--state_invalid {
    color: var(--ss-color-error);
  }
  .ss-c-object--fill--state_invalid {
    background-color: var(--ss-color-error);
  }
  .ss-c-object--color--state_link {
    color: var(--ss-color-link);
  }
  .ss-c-object--fill--state_link {
    background-color: var(--ss-color-link);
  }
  .ss-c-object--color--state_muted {
    color: var(--ss-color-muted);
  }
  .ss-c-object--fill--state_muted {
    background-color: var(--ss-color-muted);
  }
  .ss-c-object--color--state_visited {
    color: var(--ss-color-link-visited);
  }
  .ss-c-object--fill--state_visited {
    background-color: var(--ss-color-link-visited);
  }
  .ss-c-object--corner--0,
  .ss-c-object--corner--squared,
  .ss-c-rounded--00 {
    border-radius: 0;
  }
  .ss-c-object--corner--50,
  .ss-c-rounded--01 {
    border-radius: var(--ss-radius-sm, 0.25rem);
  }
  .ss-c-rounded--02 {
    border-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-object--corner--rounded,
  .ss-c-rounded--03 {
    border-radius: var(--ss-radius-lg, 0.75rem);
  }
  .ss-c-object--corner--100,
  .ss-c-object--corner--pill,
  .ss-c-rounded--full,
  .ss-c-rounded--circle {
    border-radius: 624.9375rem;
  }
  .ss-c-object--corner--top,
  .ss-c-rounded--top {
    border-top-left-radius: var(--ss-radius-md, 0.5rem);
    border-top-right-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-object--corner--bottom,
  .ss-c-rounded--bottom {
    border-bottom-left-radius: var(--ss-radius-md, 0.5rem);
    border-bottom-right-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-object--corner--start,
  .ss-c-rounded--left {
    border-top-left-radius: var(--ss-radius-md, 0.5rem);
    border-bottom-left-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-object--corner--end,
  .ss-c-rounded--right {
    border-top-right-radius: var(--ss-radius-md, 0.5rem);
    border-bottom-right-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-object--corner--top-start {
    border-top-left-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-object--corner--top-end {
    border-top-right-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-object--corner--bottom-start {
    border-bottom-left-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-object--corner--bottom-end {
    border-bottom-right-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-object--height--xs {
    height: 1rem;
  }
  .ss-c-object--height--fixed--xs {
    height: 1rem;
    min-height: 1rem;
    max-height: 1rem;
  }
  .ss-c-object--height--sm {
    height: 1.5rem;
  }
  .ss-c-object--height--fixed--sm {
    height: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
  }
  .ss-c-object--height--md {
    height: 2rem;
  }
  .ss-c-object--height--fixed--md {
    height: 2rem;
    min-height: 2rem;
    max-height: 2rem;
  }
  .ss-c-object--height--lg {
    height: 3rem;
  }
  .ss-c-object--height--fixed--lg {
    height: 3rem;
    min-height: 3rem;
    max-height: 3rem;
  }
  .ss-c-object--height--xl {
    height: 4rem;
  }
  .ss-c-object--height--fixed--xl {
    height: 4rem;
    min-height: 4rem;
    max-height: 4rem;
  }
  .ss-c-box--size_00 {
    width: 0rem;
    height: 0rem;
  }
  .ss-c-box--size_01 {
    width: 0.5rem;
    height: 0.5rem;
  }
  .ss-c-box--size_02 {
    width: 1rem;
    height: 1rem;
  }
  .ss-c-box--size_03 {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ss-c-box--size_04 {
    width: 2rem;
    height: 2rem;
  }
  .ss-c-box--size_05 {
    width: 2.5rem;
    height: 2.5rem;
  }
  .ss-c-box--size_06 {
    width: 3rem;
    height: 3rem;
  }
  .ss-c-box--size_07 {
    width: 3.5rem;
    height: 3.5rem;
  }
  .ss-c-box--size_08 {
    width: 4rem;
    height: 4rem;
  }
  .ss-c-box--size_09 {
    width: 4.5rem;
    height: 4.5rem;
  }
  .ss-c-box--size_10 {
    width: 5rem;
    height: 5rem;
  }
  .ss-c-box--size_11 {
    width: 5.5rem;
    height: 5.5rem;
  }
  .ss-c-box--size_12 {
    width: 6rem;
    height: 6rem;
  }
  .ss-c-w--25 {
    width: 25%;
  }
  .ss-c-w--50 {
    width: 50%;
  }
  .ss-c-w--75 {
    width: 75%;
  }
  .ss-c-w--100 {
    width: 100%;
  }
  .ss-c-w--50vw {
    width: 50vw;
  }
  .ss-c-w--100vw {
    width: 100vw;
  }
  .ss-c-w--auto {
    width: auto;
  }
  .ss-c-w--fit {
    width: fit-content;
  }
  .ss-c-w--max {
    width: max-content;
  }
  .ss-c-w--min {
    width: min-content;
  }
  .ss-c-w--64 {
    width: 4rem;
  }
  .ss-c-w--128 {
    width: 8rem;
  }
  .ss-c-w--256 {
    width: 16rem;
  }
  .ss-c-w--512 {
    width: 32rem;
  }
  .ss-c-h--64 {
    height: 4rem;
  }
  .ss-c-aspect_ratio--16x9 {
    aspect-ratio: 16/9;
  }
  .ss-c-aspect_ratio--3x2 {
    aspect-ratio: 3/2;
  }
  .ss-c-border--none {
    border: none;
  }
  .ss-c-border--hidden {
    border-style: hidden;
  }
  .ss-c-border--transparent {
    border-color: transparent;
  }
  .ss-c-border--solid {
    border-style: solid;
    border-width: 0.0625rem;
  }
  .ss-c-border--dashed {
    border-style: dashed;
    border-width: 0.0625rem;
  }
  .ss-c-border--dotted {
    border-style: dotted;
    border-width: 0.0625rem;
  }
  .ss-c-border--double {
    border-style: double;
    border-width: 0.1875rem;
  }
  .ss-c-border--groove {
    border-style: groove;
    border-width: 0.125rem;
  }
  .ss-c-border--ridge {
    border-style: ridge;
    border-width: 0.125rem;
  }
  .ss-c-border--inset {
    border-style: inset;
    border-width: 0.125rem;
  }
  .ss-c-border--outset {
    border-style: outset;
    border-width: 0.125rem;
  }
  .ss-c-border--top {
    border-top: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-border--right {
    border-right: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-border--bottom {
    border-bottom: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-border--left {
    border-left: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-border--x {
    border-left: 0.0625rem solid var(--ss-color-border);
    border-right: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-border--y {
    border-top: 0.0625rem solid var(--ss-color-border);
    border-bottom: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-border--01 {
    border: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-border--w--01 {
    border-width: 0.0625rem;
    border-style: solid;
  }
  .ss-c-border--w--02 {
    border-width: 0.125rem;
    border-style: solid;
  }
  .ss-c-border--w--03 {
    border-width: 0.1875rem;
    border-style: solid;
  }
  .ss-c-border--w--04 {
    border-width: 0.25rem;
    border-style: solid;
  }
  .ss-c-border--primary {
    border: 0.0625rem solid var(--ss-color-primary);
  }
  .ss-c-border--secondary {
    border: 0.0625rem solid var(--ss-color-secondary);
  }
  .ss-c-border--success {
    border: 0.0625rem solid var(--ss-color-success);
  }
  .ss-c-border--warning {
    border: 0.0625rem solid var(--ss-color-warning);
  }
  .ss-c-border--danger {
    border: 0.0625rem solid var(--ss-color-error);
  }
  .ss-c-shadow--none {
    box-shadow: none;
  }
  .ss-c-shadow--sm {
    box-shadow: var(--ss-shadow-sm, 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.06));
  }
  .ss-c-shadow--md {
    box-shadow: var(--ss-shadow-md, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.08));
  }
  .ss-c-shadow--lg {
    box-shadow: var(--ss-shadow-lg, 0 0.5rem 1rem rgba(0, 0, 0, 0.12));
  }
  .ss-c-shadow--xl {
    box-shadow: var(--ss-shadow-xl, 0 1rem 2rem rgba(0, 0, 0, 0.16));
  }
  .ss-c-shadow--inset {
    box-shadow: inset 0 0 0 0.0625rem rgba(0, 0, 0, 0.08);
  }
  .ss-c-shadow--inset-sm {
    box-shadow: inset 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.06);
  }
  .ss-c-shadow--inset-lg {
    box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.12);
  }
  .ss-c-shadow--top {
    box-shadow: 0 -0.25rem 0.5rem rgba(0, 0, 0, 0.08);
  }
  .ss-c-shadow--bottom {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.08);
  }
  .ss-c-shadow--left {
    box-shadow: -0.25rem 0 0.5rem rgba(0, 0, 0, 0.08);
  }
  .ss-c-shadow--right {
    box-shadow: 0.25rem 0 0.5rem rgba(0, 0, 0, 0.08);
  }
  .ss-c-shadow--primary {
    box-shadow: 0 0.25rem 0.875rem 0 rgba(0, 0, 0, 0.2);
  }
  .ss-c-shadow--success {
    box-shadow: 0 0.25rem 0.875rem 0 rgba(22, 163, 74, 0.3);
  }
  .ss-c-shadow--warning {
    box-shadow: 0 0.25rem 0.875rem 0 rgba(217, 119, 6, 0.3);
  }
  .ss-c-shadow--danger {
    box-shadow: 0 0.25rem 0.875rem 0 rgba(220, 38, 38, 0.3);
  }
  .ss-c-elevation--01 {
    box-shadow: var(--ss-shadow-xs, 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.04));
  }
  .ss-c-elevation--02 {
    box-shadow: var(--ss-shadow-sm, 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.06));
  }
  .ss-c-elevation--03 {
    box-shadow: var(--ss-shadow-md, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.08));
  }
  .ss-c-elevation--04 {
    box-shadow: var(--ss-shadow-lg, 0 0.5rem 1rem rgba(0, 0, 0, 0.12));
  }
  .ss-c-elevation--05 {
    box-shadow: var(--ss-shadow-xl, 0 1rem 2rem rgba(0, 0, 0, 0.16));
  }
  .ss-c-bg--primary {
    background-color: var(--ss-color-primary);
  }
  .ss-c-bg--accent_01 {
    background-color: var(--ss-color-accent);
  }
  .ss-c-bg--fill_01 {
    background-color: var(--ss-color-surface);
  }
  .ss-c-bg--fill_02 {
    background-color: var(--ss-color-surface-alt);
  }
  .ss-c-z-canvas {
    z-index: 0;
  }
  .ss-c-z-content {
    z-index: 1;
  }
  .ss-c-z-guides {
    z-index: 5;
  }
  .ss-c-z-interface {
    z-index: var(--ss-z-sticky, 1020);
  }
  .ss-c-z-modal {
    z-index: var(--ss-z-modal, 1050);
  }
  .ss-c-layer-box {
    position: relative;
    z-index: 1;
  }
  .ss-c-layer-controls {
    position: relative;
    z-index: 2;
  }
  .ss-c-layer-demo {
    position: relative;
    z-index: 0;
  }
  .ss-c-top-left {
    position: absolute;
    top: 0;
    left: 0;
  }
  .ss-c-top-center {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-top-right {
    position: absolute;
    top: 0;
    right: 0;
  }
  .ss-c-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .ss-c-bottom-center {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .ss-c-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .ss-c-dim--top {
    box-shadow: inset 0 0.5rem 0.75rem -0.5rem rgba(0, 0, 0, 0.18);
  }
  .ss-c-dim--right {
    box-shadow: inset -0.5rem 0 0.75rem -0.5rem rgba(0, 0, 0, 0.18);
  }
  .ss-c-dim--bottom {
    box-shadow: inset 0 -0.5rem 0.75rem -0.5rem rgba(0, 0, 0, 0.18);
  }
  .ss-c-dim--left {
    box-shadow: inset 0.5rem 0 0.75rem -0.5rem rgba(0, 0, 0, 0.18);
  }
  .ss-c-arrow--left {
    width: 0;
    height: 0;
    border-top: 0.375rem solid transparent;
    border-bottom: 0.375rem solid transparent;
    border-right: 0.5rem solid currentColor;
    display: inline-block;
  }
  .ss-c-arrow--right {
    width: 0;
    height: 0;
    border-top: 0.375rem solid transparent;
    border-bottom: 0.375rem solid transparent;
    border-left: 0.5rem solid currentColor;
    display: inline-block;
  }
  .ss-c-hr--base {
    border: 0;
    border-top: 0.0625rem solid var(--ss-color-border);
    margin: 1rem 0;
  }
  .ss-c-hr--thick {
    border: 0;
    border-top: 0.1875rem solid var(--ss-color-border);
    margin: 1rem 0;
  }
  .ss-c-hr--dashed {
    border: 0;
    border-top: 0.0625rem dashed var(--ss-color-border);
    margin: 1rem 0;
  }
  .ss-c-hr--dotted {
    border: 0;
    border-top: 0.0625rem dotted var(--ss-color-border);
    margin: 1rem 0;
  }
  .ss-c-hr--double {
    border: 0;
    border-top: 0.1875rem double var(--ss-color-border);
    margin: 1rem 0;
  }
  .ss-c-hr--faded {
    border: 0;
    height: 0.0625rem;
    background: linear-gradient(to right, transparent, var(--ss-color-border), transparent);
    margin: 1rem 0;
  }
  .is-loading {
    opacity: 0.6;
    pointer-events: none;
    cursor: progress;
  }
  .is-success {
    color: var(--ss-color-success);
    border-color: var(--ss-color-success);
  }
  .is-warning {
    color: var(--ss-color-warning);
    border-color: var(--ss-color-warning);
  }
  .is-invalid {
    color: var(--ss-color-error);
    border-color: var(--ss-color-error);
  }
  .is-valid {
    color: var(--ss-color-success);
    border-color: var(--ss-color-success);
  }
  .is-current {
    font-weight: 600;
    color: var(--ss-color-accent);
  }
  .is-expanded { /* ARIA hook; component-specific styles handle */ }
  .is-open { /* ARIA hook */ }
  .is-copied {
    color: var(--ss-color-success);
  }
  .ss-c-accent {
    color: var(--ss-color-accent);
  }
  .active {
    color: var(--ss-color-accent);
    font-weight: 600;
  }
  .ss-c-icon-font {
    font-family: var(--ss-font-icons, system-ui), sans-serif;
    line-height: 1;
  }
  .ss-c-animate_fade {
    transition: opacity 200ms ease-out;
  }
  .ss-c-app__view {
    display: block;
    width: 100%;
  }
}
@layer ss.ss-c-utilities {
  .ss-c-accordion_group {
    display: flex;
    flex-direction: column;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    overflow: hidden;
  }
  .ss-c-accordion_group--flush {
    border: 0;
    border-radius: 0;
  }
  .ss-c-accordion-item {
    border-bottom: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-accordion-item:last-child {
    border-bottom: 0;
  }
  .ss-c-autocomplete-suggestions {
    position: absolute;
    z-index: var(--ss-z-dropdown, 1000);
    background: var(--ss-color-surface);
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    box-shadow: var(--ss-shadow-md, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.08));
    max-height: 15rem;
    overflow-y: auto;
  }
  .ss-c-autocomplete-item {
    padding: 0.5rem 0.75rem;
    cursor: pointer;
  }
  .ss-c-autocomplete-item:hover {
    background: var(--ss-color-state-hover);
  }
  .ss-c-avatar_indicator {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 624.9375rem;
    background: var(--ss-color-muted);
    border: 0.125rem solid var(--ss-color-surface);
  }
  .ss-c-avatar_indicators_example {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .ss-c-avatar_indicators_header {
    font-weight: 600;
    margin-bottom: 0.25rem;
  }
  .ss-c-avatar_indicators_body {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .ss-c-avatar_indicators_title {
    font-size: 0.75rem;
    color: var(--ss-color-muted);
  }
  .ss-c-avatarsbody {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .ss-c-away {
    background: var(--ss-color-warning) !important;
  }
  .ss-c-busy {
    background: var(--ss-color-error) !important;
  }
  .ss-c-bg-gray {
    background-color: var(--ss-color-surface-muted);
  }
  .ss-c-blogpost {
    display: block;
    max-width: 45rem;
    margin: 0 auto;
  }
  .ss-c-blogpost--header {
    margin-bottom: 1.5rem;
  }
  .ss-c-blogpost--featured-image {
    width: 100%;
    height: auto;
    border-radius: var(--ss-radius-md, 0.5rem);
    margin-bottom: 1rem;
  }
  .ss-c-blogpost--meta {
    display: flex;
    gap: 0.75rem;
    color: var(--ss-color-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-blogpost--body {
    font-size: 1rem;
    line-height: 1.6;
  }
  .ss-c-blogpost--footer {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-blogpost--share {
    display: flex;
    gap: 0.5rem;
  }
  .ss-c-blogpost--tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  .ss-c-blogpost--author-bio {
    padding: 1rem;
    background: var(--ss-color-surface-alt);
    border-radius: var(--ss-radius-md, 0.5rem);
    margin-top: 1.5rem;
  }
  .ss-c-carousel-slider {
    position: relative;
    overflow: hidden;
    border-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-carousel-track {
    display: flex;
    transition: transform 300ms ease;
  }
  .ss-c-carousel-item {
    flex: 0 0 100%;
  }
  .ss-c-carousel-caption {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.4);
  }
  .ss-c-carousel-indicators {
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.375rem;
  }
  .ss-c-carousel-prev,
  .ss-c-carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 624.9375rem;
    cursor: pointer;
  }
  .ss-c-carousel-prev {
    left: 0.5rem;
  }
  .ss-c-carousel-next {
    right: 0.5rem;
  }
  .ss-c-carousel-fixed-item {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
  }
  .ss-c-bodychat_1 {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.625rem;
    background: #f5f5f5;
    color: #111;
    border-radius: 0.5rem;
    margin-bottom: 1.25rem;
  }
  .ss-c-theme_chat_left_1,
  .ss-c-theme_chat_right_1 {
    display: flex;
    flex-direction: column;
  }
  .ss-c-theme_chat_left_1 p,
  .ss-c-theme_chat_right_1 p {
    margin: 0;
  }
  .ss-c-theme_chat_left_1 {
    align-items: flex-start;
  }
  .ss-c-theme_chat_right_1 {
    align-items: flex-end;
    text-align: right;
  }
  .ss-c-chat-message_left,
  .ss-c-chat-message {
    max-width: 70%;
    padding: 0.625rem 0.875rem;
    border-radius: 0.75rem;
    line-height: 1.4;
    color: #fff;
  }
  .ss-c-chat-message_left {
    background: #222222;
    border: 0.0625rem solid #333333;
  }
  .ss-c-chat-message {
    background: #444444;
    border: 0.0625rem solid #555555;
  }
  .ss-c-chat_time_1 {
    font-size: 0.75rem;
    color: #888888;
    margin: 0.25rem 0 0;
  }
  .ss-c-chat_name_1,
  .ss-c-chat_name_2 {
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0.125rem 0 0;
  }
  .ss-c-chat-input_delta {
    border: 0.0625rem solid #555555;
    border-radius: 0.75rem;
    padding: 0.625rem 0.875rem;
    width: 100%;
    max-width: 70%;
    align-self: center;
    margin-top: 0.625rem;
    background: #111111;
    color: #ffffff;
  }
  .ss-c-themechat_2 {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.625rem;
    background: #f2f2f2;
    color: #111;
    border: 0.0625rem solid #cccccc;
  }
  .ss-c-themechat_2 p {
    margin: 0;
  }
  .ss-c-themechat_2 .ss-c-theme_chat_left_2,
  .ss-c-themechat_2 .ss-c-theme_chat_right_2 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .ss-c-themechat_2 .ss-c-theme_chat_left_2 {
    align-items: flex-start;
  }
  .ss-c-themechat_2 .ss-c-theme_chat_left_2 .ss-c-chat-message_left {
    background: #ffe5e5;
    border: 0;
    color: #111;
  }
  .ss-c-themechat_2 .ss-c-theme_chat_left_2 .ss-c-chat_name_3 {
    font-size: 0.875rem;
    color: #b00000;
    margin: 0.125rem 0 0;
  }
  .ss-c-themechat_2 .ss-c-theme_chat_left_2 .ss-c-chat_time_3 {
    font-size: 0.75rem;
    color: #777777;
    margin: 0.25rem 0 0;
  }
  .ss-c-themechat_2 .ss-c-theme_chat_right_2 {
    align-items: flex-end;
    text-align: right;
  }
  .ss-c-themechat_2 .ss-c-theme_chat_right_2 .ss-c-chat-message {
    background: #e6f0ff;
    border: 0;
    color: #111;
  }
  .ss-c-themechat_2 .ss-c-theme_chat_right_2 .ss-c-chat_name_4 {
    font-size: 0.875rem;
    color: #004aad;
    margin: 0.125rem 0 0;
  }
  .ss-c-themechat_2 .ss-c-theme_chat_right_2 .ss-c-chat_time_4 {
    font-size: 0.75rem;
    color: #777777;
    margin: 0.25rem 0 0;
  }
  .ss-c-chat-input_alpha {
    border: 0.0625rem solid #cccccc;
    border-radius: 0.75rem;
    padding: 0.625rem 0.875rem;
    width: 100%;
    max-width: 70%;
    align-self: center;
    margin-top: 0.625rem;
    background: #ffffff;
    color: #111;
  }
  .ss-c-themechat_3 {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.625rem;
    background: #f5f5f5;
    color: #111;
    border-radius: 0.5rem;
    margin-top: 1.875rem;
  }
  .ss-c-theme_chat {
    display: flex;
    flex-direction: column;
    padding: 0.625rem 0.875rem;
    border-radius: 0.75rem;
    max-width: 70%;
  }
  .ss-c-theme_chat p {
    margin: 0;
  }
  .ss-c-theme_chat .ss-c-chat_message {
    line-height: 1.4;
  }
  .ss-c-theme_chat .ss-c-chat_time {
    font-size: 0.625rem;
    opacity: 0.7;
    margin-top: 0.25rem;
  }
  .ss-c-theme_chat .ss-c-chat_name {
    font-size: 0.875rem;
    font-weight: 600;
    margin-top: 0.125rem;
  }
  .ss-c-theme_chat.left {
    align-self: flex-start;
    align-items: flex-start;
    background: #e74c3c;
    color: #fff;
  }
  .ss-c-theme_chat.left .ss-c-chat_name {
    color: #ffcccc;
  }
  .ss-c-theme_chat.right {
    align-self: flex-end;
    align-items: flex-end;
    text-align: right;
    background: #3498db;
    color: #fff;
  }
  .ss-c-theme_chat.right .ss-c-chat_name {
    color: #cce5ff;
  }
  .ss-c-themechat_4 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.25rem;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    color: #fff;
    border-radius: 1rem;
    margin-top: 1.875rem;
  }
  .ss-c-theme_chat_4 {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    max-width: 75%;
    backdrop-filter: blur(0.625rem);
    background: rgba(255, 255, 255, 0.1);
  }
  .ss-c-theme_chat_4 p {
    margin: 0;
  }
  .ss-c-theme_chat_4 .ss-c-chat_message {
    line-height: 1.5;
    font-size: 0.875rem;
  }
  .ss-c-theme_chat_4 .ss-c-chat_time {
    font-size: 0.625rem;
    opacity: 0.6;
    margin-top: 0.375rem;
  }
  .ss-c-theme_chat_4 .ss-c-chat_name {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03125rem;
    margin-top: 0.25rem;
  }
  .ss-c-theme_chat_4.left {
    align-self: flex-start;
    align-items: flex-start;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border-bottom-left-radius: 0.25rem;
  }
  .ss-c-theme_chat_4.left .ss-c-chat_name {
    color: #e0d4f7;
  }
  .ss-c-theme_chat_4.right {
    align-self: flex-end;
    align-items: flex-end;
    text-align: right;
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: #fff;
    border-bottom-right-radius: 0.25rem;
  }
  .ss-c-theme_chat_4.right .ss-c-chat_name {
    color: #ffe0e6;
  }
  .ss-c-badge.ss-c-badge.ss-c-accent {
    background: var(--ss-color-accent, #3696c1);
    color: var(--ss-color-on-accent, #ffffff);
  }
  .ss-c-badge.ss-c-badge.ss-c-info {
    background: var(--ss-color-info, #6a8dca);
    color: var(--ss-color-on-info, #ffffff);
  }
  .ss-c-badge.ss-c-badge.ss-c-success {
    background: var(--ss-color-success, #5192c8);
    color: var(--ss-color-on-success, #ffffff);
  }
  .ss-c-badge.ss-c-badge.ss-c-warning {
    background: var(--ss-color-warning, #9582c2);
    color: var(--ss-color-on-warning, #ffffff);
  }
  .ss-c-badge.ss-c-badge.ss-c-error {
    background: var(--ss-color-error, #b577ac);
    color: var(--ss-color-on-error, #ffffff);
  }
  .ss-c-badge.ss-c-squared {
    border-radius: 0;
  }
  .ss-c-demo__box,
  .ss-c-demo-box {
    padding: 1rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: 0;
    background: var(--ss-color-surface);
  }
  .ss-c-demo__code {
    display: block;
    padding: 0.75rem;
    background: var(--ss-color-surface-muted);
    border-radius: var(--ss-radius-sm, 0.25rem);
    font-family: monospace;
    font-size: 0.8125rem;
    overflow-x: auto;
  }
  .ss-c-demo__group {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
  }
  .ss-c-demo__stack {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-demo__preview {
    padding: 1rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-demo__preview__content {
    display: block;
  }
  .ss-c-form_group,
  .ss-c-form-field,
  .ss-c-form__field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-form__field__input {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--ss-color-background, #ffffff);
    color: var(--ss-color-foreground, #000000);
    border: 0.0625rem solid var(--ss-color-border, #cccccc);
    border-radius: 0;
    font: inherit;
    line-height: 1.4;
    appearance: none;
  }
  .ss-c-form__field__input::placeholder {
    color: var(--ss-color-muted, #888888);
    opacity: 1;
  }
  .ss-c-form__field__input:focus, .ss-c-form__field__input:focus-visible {
    outline: none;
    border-color: var(--ss-color-accent, #3696c1);
    box-shadow: 0 0 0 0.125rem color-mix(in srgb, var(--ss-color-accent, #3696c1) 25%, transparent);
  }
  .ss-c-form__field__input[type=checkbox], .ss-c-form__field__input[type=radio] {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
  }
  .ss-c-form-label,
  .ss-c-form__field__label {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ss-color-text);
  }
  .ss-c-form-label--sm {
    font-size: 0.75rem;
  }
  .ss-c-form-label--lg {
    font-size: 1rem;
  }
  .ss-c-form-field__hint,
  .ss-c-form__field__help {
    font-size: 0.75rem;
    color: var(--ss-color-muted);
  }
  .ss-c-form-field__error,
  .ss-c-form__field__error {
    font-size: 0.75rem;
    color: var(--ss-color-error);
  }
  .ss-c-frame_app,
  .ss-c-frame_main {
    display: grid;
    min-height: 100vh;
    grid-template-rows: auto 1fr auto;
  }
  .ss-c-frame_main__area--top {
    grid-row: 1;
    padding: 1rem;
    border-bottom: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-frame_main__area--middle_center {
    grid-row: 2;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-frame_main__area--bottom {
    grid-row: 3;
    padding: 1rem;
    border-top: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-frame_login {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 1.5rem;
  }
  .ss-c-frame_login__area {
    width: 100%;
    max-width: 25rem;
    padding: 1.5rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    background: var(--ss-color-surface);
  }
  .i-text {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
  }
  .ss-c-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--ss-z-modal, 1050);
  }
  .ss-c-lightbox__image {
    max-width: 90vw;
    max-height: 80vh;
    object-fit: contain;
  }
  .ss-c-lightbox__caption {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    padding: 0.5rem 0.75rem;
    background: rgba(0, 0, 0, 0.4);
    border-radius: var(--ss-radius-sm, 0.25rem);
  }
  .ss-c-lightbox__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #fff;
    background: transparent;
    border: 0;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .ss-c-lightbox__prev,
  .ss-c-lightbox__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    border: 0;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 624.9375rem;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .ss-c-lightbox__prev {
    left: 1rem;
  }
  .ss-c-lightbox__next {
    right: 1rem;
  }
  .ss-c-max-w--sm {
    max-width: 24rem;
  }
  .ss-c-max-w--md {
    max-width: 32rem;
  }
  .ss-c-max-w--lg {
    max-width: 48rem;
  }
  .ss-c-max-w--full {
    max-width: 100%;
  }
  .ss-c-max-h-100 {
    max-height: 100%;
  }
  .ss-c-preloader_lines {
    display: inline-flex;
    gap: 0.125rem;
    align-items: flex-end;
    height: 1.5rem;
  }
  .ss-c-preloader_line, .ss-c-preloader_line_5, .ss-c-preloader_line_4, .ss-c-preloader_line_3, .ss-c-preloader_line_2, .ss-c-preloader_line_1 {
    width: 0.1875rem;
    height: 1.5rem;
    background: var(--ss-color-accent);
    animation: ss-preloader-line 0.9s infinite ease-in-out;
    transform-origin: center;
  }
  .ss-c-preloader_line_1 {
    animation-delay: 0s;
  }
  .ss-c-preloader_line_2 {
    animation-delay: 0.1s;
  }
  .ss-c-preloader_line_3 {
    animation-delay: 0.2s;
  }
  .ss-c-preloader_line_4 {
    animation-delay: 0.3s;
  }
  .ss-c-preloader_line_5 {
    animation-delay: 0.4s;
  }
  .ss-c-preloader_pulse {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 624.9375rem;
    background: var(--ss-color-accent);
    animation: ss-preloader-pulse 1.2s infinite ease-in-out;
  }
  .ss-c-preloader_hidden {
    display: none;
  }
  @keyframes ss-preloader-line {
    0%, 40%, 100% {
      transform: scaleY(0.4);
    }
    20% {
      transform: scaleY(1);
    }
  }
  @keyframes ss-preloader-pulse {
    0%, 100% {
      transform: scale(0.8);
      opacity: 0.6;
    }
    50% {
      transform: scale(1);
      opacity: 1;
    }
  }
  .ss-c-progress_bar {
    width: 100%;
    height: 0.5rem;
    background: var(--ss-color-surface-muted);
    border-radius: 624.9375rem;
    overflow: hidden;
  }
  .ss-c-progress_bar--small {
    height: 0.25rem;
  }
  .ss-c-progress_bar--medium {
    height: 0.5rem;
  }
  .ss-c-progress_bar--large {
    height: 0.75rem;
  }
  .ss-c-progress_bar--fill {
    height: 100%;
    background: var(--ss-color-accent);
    transition: width 200ms ease;
  }
  .ss-c-progress_bar--indeterminate {
    animation: ss-progress-indet 1.5s infinite linear;
    background: linear-gradient(90deg, transparent, var(--ss-color-accent), transparent);
    width: 40%;
  }
  @keyframes ss-progress-indet {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(300%);
    }
  }
  .ss-c-ribbon__nav__list {
    display: flex;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ss-c-ribbon__nav__list__item {
    display: inline-flex;
  }
  .ss-c-ribbon__nav__list__item__text {
    padding: 0.5rem 0.75rem;
    color: inherit;
    text-decoration: none;
  }
  .ss-c-ribbon__title__image {
    height: 2rem;
    width: auto;
  }
  .ss-c-ribbon__search__form {
    display: flex;
    gap: 0.25rem;
    align-items: center;
  }
  .ss-c-ribbon__search__input {
    flex: 1;
    padding: 0.375rem 0.625rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-sm, 0.25rem);
    background: var(--ss-color-surface);
  }
  .ss-c-ribbon__search_button {
    padding: 0.375rem 0.75rem;
    border: 0;
    background: var(--ss-color-accent);
    color: var(--ss-color-on-accent);
    border-radius: var(--ss-radius-sm, 0.25rem);
    cursor: pointer;
  }
  .ss-c-robins_diag {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: var(--ss-z-fixed, 1030);
  }
  .ss-c-robins_diag_fab {
    width: 3rem;
    height: 3rem;
    border-radius: 624.9375rem;
    background: var(--ss-color-accent);
    color: var(--ss-color-on-accent);
    border: 0;
    box-shadow: var(--ss-shadow-md, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.08));
    cursor: pointer;
  }
  .ss-c-robins_diag-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
  }
  .ss-c-robins_diag-action {
    padding: 0.375rem 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    background: var(--ss-color-surface);
    border-radius: var(--ss-radius-sm, 0.25rem);
    cursor: pointer;
  }
  .ss-c-slideshow,
  .ss-c-slideshow-container {
    position: relative;
    overflow: hidden;
    border-radius: var(--ss-radius-md, 0.5rem);
    background: var(--ss-color-surface-muted);
  }
  .ss-c-slideshow__slides,
  .ss-c-slideshow--slides {
    display: flex;
    transition: transform 400ms ease;
  }
  .ss-c-slideshow__slide,
  .ss-c-slideshow--slide {
    flex: 0 0 100%;
    position: relative;
  }
  .ss-c-slideshow__caption,
  .ss-c-slideshow--caption {
    position: absolute;
    bottom: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    padding: 0.25rem 0.625rem;
    background: rgba(0, 0, 0, 0.4);
    border-radius: var(--ss-radius-sm, 0.25rem);
  }
  .ss-c-slideshow__indicators,
  .ss-c-slideshow--indicators {
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.375rem;
  }
  .ss-c-slideshow__dot,
  .ss-c-slideshow--indicator {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 624.9375rem;
    background: rgba(255, 255, 255, 0.5);
    border: 0;
    cursor: pointer;
  }
  .ss-c-slideshow__prev,
  .ss-c-slideshow--prev,
  .ss-c-slideshow__next,
  .ss-c-slideshow--next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 624.9375rem;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border: 0;
    cursor: pointer;
  }
  .ss-c-slideshow__prev,
  .ss-c-slideshow--prev {
    left: 0.5rem;
  }
  .ss-c-slideshow__next,
  .ss-c-slideshow--next {
    right: 0.5rem;
  }
  .ss-c-slideshow__thumbs,
  .ss-c-slideshow--thumbnails {
    display: flex;
    gap: 0.25rem;
    margin-top: 0.5rem;
    overflow-x: auto;
  }
  .ss-c-slideshow__thumb,
  .ss-c-slideshow--thumb {
    flex: 0 0 3.75rem;
    height: 2.5rem;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.6;
    border-radius: var(--ss-radius-sm, 0.25rem);
  }
  .ss-c-slideshow__thumb:hover,
  .ss-c-slideshow--thumb:hover {
    opacity: 1;
  }
  .ss-c-slideshow__progress,
  .ss-c-slideshow--progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.1875rem;
    background: var(--ss-color-accent);
    transition: width 200ms ease;
  }
  .ss-c-slideshow__card,
  .ss-c-slideshow--cards {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
  .ss-c-slideshow--main {
    position: relative;
  }
  .ss-c-slideshow--controls {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    gap: 0.25rem;
  }
  .ss-c-slideshow--counter {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    padding: 0.125rem 0.375rem;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border-radius: var(--ss-radius-sm, 0.25rem);
    font-size: 0.75rem;
  }
  .ss-c-slideshow--fade .ss-c-slideshow__slide {
    opacity: 0;
    transition: opacity 400ms ease;
  }
  .ss-c-slideshow--fade .ss-c-slideshow__slide:first-child {
    opacity: 1;
  }
  .ss-c-slideshow--fullscreen {
    position: fixed;
    inset: 0;
    z-index: var(--ss-z-modal, 1050);
    border-radius: 0;
  }
  .ss-c-social-card {
    padding: 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    background: var(--ss-color-surface);
    display: flex;
    gap: 0.75rem;
  }
  .ss-c-social-card__avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 624.9375rem;
    object-fit: cover;
  }
  .ss-c-social-post {
    padding: 0.75rem 0;
    border-bottom: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-social-share {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
  }
  .ss-c-social-share__button {
    padding: 0.25rem 0.5rem;
    border: 0.0625rem solid var(--ss-color-border);
    background: transparent;
    border-radius: var(--ss-radius-sm, 0.25rem);
    font-size: 0.75rem;
    cursor: pointer;
  }
  .ss-c-tags__title {
    font-weight: 600;
    margin-bottom: 0.25rem;
  }
  .ss-c-tags__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ss-c-tags__list-item {
    display: inline-flex;
  }
  .ss-c-tags__list-item--hidden {
    display: none;
  }
  .ss-c-tags__link {
    padding: 0.125rem 0.5rem;
    background: var(--ss-color-surface-alt);
    border-radius: 624.9375rem;
    font-size: 0.75rem;
    text-decoration: none;
    color: inherit;
  }
  .ss-c-tags__more-link {
    font-size: 0.75rem;
    color: var(--ss-color-accent);
    cursor: pointer;
  }
  .ss-c-theme-panel {
    padding: 1rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    background: var(--ss-color-surface);
    display: flex;
    gap: 0.75rem;
    align-items: center;
  }
  .ss-c-theme-auto,
  .ss-c-theme-light,
  .ss-c-theme-dark {
    padding: 0.375rem 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    background: var(--ss-color-surface);
    border-radius: var(--ss-radius-sm, 0.25rem);
    cursor: pointer;
  }
  .ss-c-toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    z-index: var(--ss-z-toast, 1080);
  }
  .ss-c-toast-header {
    padding: 0.5rem 0.75rem;
    border-bottom: 0.0625rem solid var(--ss-color-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
  }
  .ss-c-toast-body {
    padding: 0.5rem 0.75rem;
  }
  .ss-c-toast-close {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1rem;
  }
  .ss-c-toggle_button_group {
    display: inline-flex;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-sm, 0.25rem);
    overflow: hidden;
  }
  .ss-c-toggle_button {
    padding: 0.375rem 0.75rem;
    background: var(--ss-color-surface);
    border: 0;
    cursor: pointer;
  }
  .ss-c-toggle_button + .ss-c-toggle_button {
    border-left: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-toggle_button--active {
    background: var(--ss-color-accent);
    color: var(--ss-color-on-accent);
  }
  .ss-c-toggle-password {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    cursor: pointer;
  }
  .ss-c-toggle_panel {
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    overflow: hidden;
  }
  .ss-c-toggle_panel__header {
    padding: 0.5rem 0.75rem;
    background: var(--ss-color-surface-alt);
    cursor: pointer;
    font-weight: 500;
  }
  .ss-c-toggle_panel__content {
    padding: 0.75rem;
  }
  .ss-c-toggle_switch {
    position: relative;
    display: inline-block;
    width: 2.5rem;
    height: 1.25rem;
    vertical-align: middle;
  }
  .ss-c-toggle_switch input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
  }
  .ss-c-toggle_switch__slider {
    position: absolute;
    inset: 0;
    background: var(--ss-color-line-secondary, #cccccc);
    border-radius: 624.9375rem;
    transition: background 200ms;
  }
  .ss-c-toggle_switch__slider::before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0.125rem;
    left: 0.125rem;
    background: #fff;
    border-radius: 624.9375rem;
    box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.35);
    transition: transform 200ms;
  }
  .ss-c-toggle_switch input:checked + .ss-c-toggle_switch__slider {
    background: var(--ss-color-accent, #3696c1);
  }
  .ss-c-toggle_switch input:checked + .ss-c-toggle_switch__slider::before {
    transform: translateX(1.25rem);
  }
  .ss-c-toggle_switch input:focus-visible + .ss-c-toggle_switch__slider {
    outline: 0.125rem solid var(--ss-color-focus, #65aace);
    outline-offset: 0.125rem;
  }
  .ss-c-toggle_switch input:disabled + .ss-c-toggle_switch__slider {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .ss-c-toggle_switch__label {
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
  }
  .ss-c-toggle_switch__text {
    margin-left: 0.5rem;
  }
  .ss-c-toggle_switch--sm {
    width: 2rem;
    height: 1rem;
  }
  .ss-c-toggle_switch--sm .ss-c-toggle_switch__slider::before {
    width: 0.75rem;
    height: 0.75rem;
  }
  .ss-c-toggle_switch--sm input:checked + .ss-c-toggle_switch__slider::before {
    transform: translateX(1rem);
  }
  .ss-c-toggle_switch--lg {
    width: 3rem;
    height: 1.5rem;
  }
  .ss-c-toggle_switch--lg .ss-c-toggle_switch__slider::before {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-toggle_switch--lg input:checked + .ss-c-toggle_switch__slider::before {
    transform: translateX(1.5rem);
  }
  .ss-c-toggle_switch--primary input:checked + .ss-c-toggle_switch__slider {
    background: var(--ss-color-accent);
  }
  .ss-c-toggle_switch--success input:checked + .ss-c-toggle_switch__slider {
    background: var(--ss-color-success);
  }
  .ss-c-toggle_switch--warning input:checked + .ss-c-toggle_switch__slider {
    background: var(--ss-color-warning);
  }
  .ss-c-toggle_switch--danger input:checked + .ss-c-toggle_switch__slider {
    background: var(--ss-color-error);
  }
  .ss-c-video_container, .ss-c-video-embed {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: var(--ss-radius-md, 0.5rem);
    background: #000;
  }
  .ss-c-video_container--16x9 {
    aspect-ratio: 16/9;
  }
  .ss-c-video_container--21x9 {
    aspect-ratio: 21/9;
  }
  .ss-c-video_container--4x3 {
    aspect-ratio: 4/3;
  }
  .ss-c-video_container__iframe,
  .ss-c-video_container__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .ss-c-video_card {
    position: relative;
    border-radius: var(--ss-radius-md, 0.5rem);
    overflow: hidden;
    background: var(--ss-color-surface);
    border: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-video_card__thumbnail {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  .ss-c-video_card__duration {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    padding: 0.125rem 0.375rem;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 0.6875rem;
    border-radius: var(--ss-radius-sm, 0.25rem);
  }
  .ss-c-video_card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3rem;
    height: 3rem;
    border-radius: 624.9375rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: 0;
    cursor: pointer;
  }
  .ss-c-video_card__info {
    padding: 0.75rem;
  }
  .ss-c-video_card__title {
    font-weight: 600;
    margin-bottom: 0.25rem;
  }
  .ss-c-video_card__meta {
    font-size: 0.75rem;
    color: var(--ss-color-muted);
  }
  .ss-c-video_gallery {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  }
  .ss-c-video_hero {
    position: relative;
    overflow: hidden;
    border-radius: var(--ss-radius-md, 0.5rem);
    min-height: 20rem;
  }
  .ss-c-video_hero__background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-video_hero__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  .ss-c-video_hero__content {
    position: relative;
    padding: 2rem;
    color: #fff;
  }
  .ss-c-video_player {
    position: relative;
  }
  .ss-c-video_player__video {
    width: 100%;
  }
  .ss-c-video_player__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.25);
  }
  .ss-c-video_player__play {
    width: 4rem;
    height: 4rem;
    border-radius: 624.9375rem;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border: 0;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .ss-c-video_player__controls {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
  }
  .ss-c-video_player__button {
    background: transparent;
    color: #fff;
    border: 0;
    cursor: pointer;
    padding: 0.25rem;
  }
  .ss-c-video_player__progress {
    flex: 1;
    height: 0.25rem;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 624.9375rem;
    overflow: hidden;
  }
  .ss-c-video_player__progress-bar {
    height: 100%;
    background: var(--ss-color-accent);
    width: 0;
  }
  .ss-c-video_player__time {
    font-size: 0.75rem;
  }
  .ss-c-video_player__volume {
    width: 5rem;
  }
  .ss-c-workingsection {
    padding: 1rem;
    border: 0.0625rem dashed var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    margin-bottom: 1rem;
  }
  .ss-c-workingsection_header {
    font-weight: 600;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-workingsection_title {
    font-weight: 600;
  }
  .ss-c-workingsection_list {
    list-style: disc;
    padding-left: 1.25rem;
  }
}
@layer ss.ss-c-utilities {
  .ss-c-d--flex {
    display: flex;
  }
  .ss-c-d--inline-block {
    display: inline-block;
  }
  .ss-c-half {
    width: 50%;
  }
  .ss-c-full-screen {
    width: 100vw;
    height: 100vh;
  }
  .ss-c-minheight-fullscreen {
    min-height: 100vh;
  }
  .ss-c-col--3 {
    grid-column: span 3/span 3;
  }
  .ss-c-grid--col--12 {
    grid-column: span 12/span 12;
  }
  .ss-c-grid {
    display: grid;
  }
  .ss-c-min-w--100 {
    min-width: 6.25rem;
  }
  .ss-c-min-w--200 {
    min-width: 12.5rem;
  }
  .ss-c-fs--03 {
    font-size: 0.75rem;
  }
  .ss-c-color--white {
    color: #fff;
  }
  .ss-c-mt--00, .ss-c-mt-0 {
    margin-top: 0rem;
  }
  .ss-c-mb--00, .ss-c-mb-0 {
    margin-bottom: 0rem;
  }
  .ss-c-ml--00, .ss-c-ml-0 {
    margin-left: 0rem;
  }
  .ss-c-mr--00, .ss-c-mr-0 {
    margin-right: 0rem;
  }
  .ss-c-mx--00 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .ss-c-my--00 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .ss-c-p--00, .ss-c-p-0 {
    padding: 0rem;
  }
  .ss-c-mt--02, .ss-c-mt-2 {
    margin-top: 0.125rem;
  }
  .ss-c-mb--02, .ss-c-mb-2 {
    margin-bottom: 0.125rem;
  }
  .ss-c-ml--02, .ss-c-ml-2 {
    margin-left: 0.125rem;
  }
  .ss-c-mr--02, .ss-c-mr-2 {
    margin-right: 0.125rem;
  }
  .ss-c-mx--02 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .ss-c-my--02 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  .ss-c-p--02, .ss-c-p-2 {
    padding: 0.125rem;
  }
  .ss-c-mt--04, .ss-c-mt-4 {
    margin-top: 0.25rem;
  }
  .ss-c-mb--04, .ss-c-mb-4 {
    margin-bottom: 0.25rem;
  }
  .ss-c-ml--04, .ss-c-ml-4 {
    margin-left: 0.25rem;
  }
  .ss-c-mr--04, .ss-c-mr-4 {
    margin-right: 0.25rem;
  }
  .ss-c-mx--04 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .ss-c-my--04 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .ss-c-p--04, .ss-c-p-4 {
    padding: 0.25rem;
  }
  .ss-c-mt--08, .ss-c-mt-8 {
    margin-top: 0.5rem;
  }
  .ss-c-mb--08, .ss-c-mb-8 {
    margin-bottom: 0.5rem;
  }
  .ss-c-ml--08, .ss-c-ml-8 {
    margin-left: 0.5rem;
  }
  .ss-c-mr--08, .ss-c-mr-8 {
    margin-right: 0.5rem;
  }
  .ss-c-mx--08 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .ss-c-my--08 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-p--08, .ss-c-p-8 {
    padding: 0.5rem;
  }
  .ss-c-mt--12, .ss-c-mt-12 {
    margin-top: 0.75rem;
  }
  .ss-c-mb--12, .ss-c-mb-12 {
    margin-bottom: 0.75rem;
  }
  .ss-c-ml--12, .ss-c-ml-12 {
    margin-left: 0.75rem;
  }
  .ss-c-mr--12, .ss-c-mr-12 {
    margin-right: 0.75rem;
  }
  .ss-c-mx--12 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .ss-c-my--12 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-p--12, .ss-c-p-12 {
    padding: 0.75rem;
  }
  .ss-c-mt--16, .ss-c-mt-16 {
    margin-top: 1rem;
  }
  .ss-c-mb--16, .ss-c-mb-16 {
    margin-bottom: 1rem;
  }
  .ss-c-ml--16, .ss-c-ml-16 {
    margin-left: 1rem;
  }
  .ss-c-mr--16, .ss-c-mr-16 {
    margin-right: 1rem;
  }
  .ss-c-mx--16 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .ss-c-my--16 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .ss-c-p--16, .ss-c-p-16 {
    padding: 1rem;
  }
  .ss-c-mt--24, .ss-c-mt-24 {
    margin-top: 1.5rem;
  }
  .ss-c-mb--24, .ss-c-mb-24 {
    margin-bottom: 1.5rem;
  }
  .ss-c-ml--24, .ss-c-ml-24 {
    margin-left: 1.5rem;
  }
  .ss-c-mr--24, .ss-c-mr-24 {
    margin-right: 1.5rem;
  }
  .ss-c-mx--24 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .ss-c-my--24 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .ss-c-p--24, .ss-c-p-24 {
    padding: 1.5rem;
  }
  .ss-c-middle-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .ss-c-middle-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .ss-c-middle-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .ss-c-is_info {
    color: var(--ss-color-info);
  }
  .ss-c-is_success {
    color: var(--ss-color-success);
  }
  .ss-c-is_warning {
    color: var(--ss-color-warning);
  }
  .ss-c-is_error {
    color: var(--ss-color-error);
  }
  .ss-c-online {
    color: var(--ss-color-success);
  }
  .ss-c-offline {
    color: var(--ss-color-muted);
  }
  .ss-c-text-shadow--sm {
    text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.18);
  }
  .ss-c-text-shadow--md {
    text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.22);
  }
  .ss-c-text-shadow--lg {
    text-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.28);
  }
  .ss-c-text-shadow--glow {
    text-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.7);
  }
  .ss-c-text-markup {
    background: var(--ss-color-highlight);
    padding: 0 0.125rem;
  }
  .ss-c-demo__section .ss-c-info, .ss-c-demo__box .ss-c-info {
    color: var(--ss-color-info);
  }
  .ss-c-demo__section .ss-c-error, .ss-c-demo__box .ss-c-error {
    color: var(--ss-color-error);
  }
  .ss-c-demo__section .ss-c-warning, .ss-c-demo__box .ss-c-warning {
    color: var(--ss-color-warning);
  }
  .ss-c-demo__section .ss-c-success, .ss-c-demo__box .ss-c-success {
    color: var(--ss-color-success);
  }
  .ss-c-req::after {
    content: " *";
    color: var(--ss-color-error);
  }
  .ss-c-page__hero {
    padding: 3rem 1.5rem;
    background: var(--ss-color-surface-alt);
    margin-bottom: 1.5rem;
  }
  .ss-c-page__title {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
  }
  .ss-c-page__subtitle {
    font-size: 1.125rem;
    color: var(--ss-color-muted);
    margin: 0;
  }
  .ss-c-box-label {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--ss-color-muted);
    margin-bottom: 0.25rem;
  }
  .ss-c-box-preview {
    padding: 1rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-notification {
    padding: 0.5rem 0.75rem;
    background: var(--ss-color-surface-alt);
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-sm, 0.25rem);
    margin-bottom: 0.5rem;
  }
  .ss-c-notification--success {
    border-color: var(--ss-color-success);
    color: var(--ss-color-success-foreground);
    background: var(--ss-color-success-soft);
  }
  .ss-c-checklist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .ss-c-chips-input {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.25rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-sm, 0.25rem);
  }
  .ss-c-collapsible_table {
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    overflow: hidden;
  }
  .ss-c-collapsible_table--header {
    padding: 0.5rem 0.75rem;
    background: var(--ss-color-surface-alt);
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 500;
  }
  .ss-c-collapsible_table--title {
    font-weight: 600;
  }
  .ss-c-collapsible_table--content {
    padding: 0.75rem;
  }
  .ss-c-cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: var(--ss-color-surface);
    border-top: 0.0625rem solid var(--ss-color-border);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    z-index: var(--ss-z-sticky, 1020);
  }
  .ss-c-cookie-banner--compact {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
  }
  .ss-c-cookie-modal {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    z-index: var(--ss-z-modal, 1050);
    padding: 1rem;
  }
  .ss-c-copy-button {
    padding: 0.25rem 0.5rem;
    border: 0.0625rem solid var(--ss-color-border);
    background: var(--ss-color-surface);
    border-radius: var(--ss-radius-sm, 0.25rem);
    cursor: pointer;
    font-size: 0.75rem;
    display: inline-flex;
    gap: 0.25rem;
    align-items: center;
  }
  .ss-c-copy-icon {
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
  }
  .ss-c-copy-text {
    font-family: monospace;
    font-size: 0.8125rem;
  }
  .ss-c-countdown-days,
  .ss-c-countdown-hours,
  .ss-c-countdown-minutes,
  .ss-c-countdown-seconds {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    min-width: 3rem;
    background: var(--ss-color-surface-alt);
    border-radius: var(--ss-radius-sm, 0.25rem);
    font-weight: 600;
  }
  .ss-c-data_table {
    width: 100%;
    border-collapse: collapse;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    overflow: hidden;
  }
  .ss-c-data_table--header {
    padding: 0.5rem 0.75rem;
    background: var(--ss-color-surface-alt);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
  }
  .ss-c-data_table--title {
    font-weight: 600;
  }
  .ss-c-data_table--form {
    display: flex;
    gap: 0.5rem;
    align-items: center;
  }
  .ss-c-data_table--input {
    padding: 0.375rem 0.625rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-sm, 0.25rem);
    background: var(--ss-color-surface);
  }
  .ss-c-data_table--button {
    padding: 0.375rem 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    background: var(--ss-color-surface);
    border-radius: var(--ss-radius-sm, 0.25rem);
    cursor: pointer;
  }
  .ss-c-data_table--pagination {
    padding: 0.5rem 0.75rem;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    align-items: center;
  }
  .ss-c-details {
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    padding: 0.5rem 0.75rem;
  }
  .ss-c-details__content {
    padding-top: 0.5rem;
  }
  .ss-c-dim {
    opacity: 0.5;
  }
  .ss-c-dim__line {
    height: 0.0625rem;
    background: var(--ss-color-border);
    margin: 0.5rem 0;
  }
  .ss-c-drag-handle {
    cursor: grab;
    padding: 0.25rem;
  }
  .ss-c-dropbutton {
    padding: 0.375rem 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    background: var(--ss-color-surface);
    border-radius: var(--ss-radius-sm, 0.25rem);
    cursor: pointer;
  }
  .ss-c-dropdown-content {
    position: absolute;
    min-width: 10rem;
    padding: 0.25rem 0;
    background: var(--ss-color-surface);
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    box-shadow: var(--ss-shadow-md, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.08));
    z-index: var(--ss-z-dropdown, 1000);
  }
  .ss-c-field-group {
    display: flex;
    gap: 0.25rem;
    align-items: center;
  }
  .ss-c-file {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-sm, 0.25rem);
    cursor: pointer;
  }
  .ss-c-filter-button {
    padding: 0.25rem 0.625rem;
    border: 0.0625rem solid var(--ss-color-border);
    background: var(--ss-color-surface);
    border-radius: 624.9375rem;
    font-size: 0.75rem;
    cursor: pointer;
  }
  .ss-c-filter-item {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.375rem;
    background: var(--ss-color-surface-alt);
    border-radius: 624.9375rem;
    font-size: 0.75rem;
  }
  .ss-c-flipper-card {
    perspective: 62.5rem;
    display: inline-block;
  }
  .ss-c-flipper {
    position: relative;
    transition: transform 600ms;
    transform-style: preserve-3d;
  }
  .ss-c-flipper--front,
  .ss-c-flipper--back {
    backface-visibility: hidden;
    position: absolute;
    inset: 0;
  }
  .ss-c-flipper--back {
    transform: rotateY(180deg);
  }
  .ss-c-flower {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 624.9375rem;
    background: var(--ss-color-accent);
  }
  .ss-c-petal {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50% 0 50% 50%;
    background: var(--ss-color-accent);
  }
  .ss-c-graphic-elevate {
    box-shadow: var(--ss-shadow-md, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.08));
  }
  .ss-c-graphic_no-margins {
    margin: 0;
  }
  .ss-c-guide--baseline {
    background-image: linear-gradient(to bottom, rgba(0, 0, 255, 0.05) 0.0625rem, transparent 0.0625rem);
    background-size: 100% 0.5rem;
  }
  .ss-c-guide--graph_centered {
    background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0.0625rem, transparent 0.0625rem), linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0.0625rem, transparent 0.0625rem);
    background-size: 0.5rem 0.5rem;
  }
  .ss-c-guide--layer {
    outline: 0.0625rem dashed rgba(0, 0, 255, 0.4);
  }
  .ss-c-icon, .ss-c-fa, .octicon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    line-height: 1;
  }
  .octicon-three-bars::before {
    content: "☰";
  }
  .ss-c-icon_a, .ss-c-icon_b, .ss-c-icon_swap,
  .ss-c-icon-font {
    display: inline-block;
    vertical-align: middle;
  }
  .ss-c-image_inline-small {
    display: inline-block;
    height: 1.25rem;
    width: auto;
    vertical-align: middle;
  }
  [class^=i_], [class*=" i_"] {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-indicator-item {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    padding: 0 0.25rem;
    background: var(--ss-color-accent);
    color: var(--ss-color-on-accent);
    border-radius: 624.9375rem;
    font-size: 0.625rem;
    min-width: 1rem;
    height: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-indicators {
    display: flex;
    gap: 0.25rem;
  }
  .ss-c-iframe-container {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
  }
  .ss-c-lazy-image {
    background: var(--ss-color-surface-muted);
    transition: opacity 300ms;
  }
  .ss-c-lazy-bg {
    background: var(--ss-color-surface-muted);
  }
  .ss-c-language-html {
    font-family: monospace;
    font-size: 0.8125rem;
  }
  .ss-c-line-numbers {
    counter-reset: line;
  }
  .ss-c-layer_control_base,
  .ss-c-layer_control_overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  .ss-c-layout-area {
    padding: 0.5rem;
    border: 0.0625rem dashed var(--ss-color-border);
    margin-bottom: 0.5rem;
  }
  .ss-c-layout-grid-screen {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.5rem;
  }
  .ss-c-layout-page-default {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  .ss-c-lead {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--ss-color-text-muted);
  }
  .ss-c-loading-indicator {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 0.125rem solid var(--ss-color-border);
    border-top-color: var(--ss-color-accent);
    border-radius: 624.9375rem;
    animation: ss-loading-spin 0.8s linear infinite;
  }
  @keyframes ss-loading-spin {
    to {
      transform: rotate(360deg);
    }
  }
  .ss-c-map_canvas, .ss-c-map-embed {
    width: 100%;
    aspect-ratio: 16/9;
    background: var(--ss-color-surface-muted);
  }
  .ss-c-modal-preview {
    padding: 1rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    background: var(--ss-color-surface);
    box-shadow: var(--ss-shadow-md, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.08));
  }
  .ss-c-parallax {
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
  }
  .ss-c-password {
    font-family: monospace;
    letter-spacing: 0.125rem;
  }
  .ss-c-pill {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 624.9375rem;
    background: var(--ss-color-surface-alt);
    font-size: 0.75rem;
  }
  .ss-c-placeholder_indicator {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 624.9375rem;
    background: var(--ss-color-muted);
  }
  .ss-c-popover-trigger {
    cursor: pointer;
  }
  .ss-c-popover-wrapper {
    position: relative;
    display: inline-block;
  }
  .ss-c-product-card {
    padding: 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    background: var(--ss-color-surface);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-scroll-content {
    overflow-y: auto;
    max-height: 100%;
  }
  .ss-c-search-results {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .ss-c-select_dropdown {
    position: relative;
    display: inline-block;
  }
  .ss-c-select_dropdown--header {
    padding: 0.375rem 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    background: var(--ss-color-surface);
    border-radius: var(--ss-radius-sm, 0.25rem);
    cursor: pointer;
  }
  .ss-c-select_dropdown--menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    background: var(--ss-color-surface);
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    box-shadow: var(--ss-shadow-md, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.08));
    z-index: var(--ss-z-dropdown, 1000);
  }
  .ss-c-dropdown--menu {
    display: inline-flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 12.5rem;
    padding: 0.375rem;
    background: var(--ss-color-surface, #ffffff);
    border: 0.0625rem solid var(--ss-color-border, #cccccc);
    box-shadow: var(--ss-shadow-md, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.08));
  }
  .ss-c-dropdown--menu > label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.375rem 0.625rem;
    cursor: pointer;
  }
  .ss-c-dropdown--menu > label:hover {
    background: rgba(0, 0, 0, 0.04);
  }
  .ss-c-skip-highlight {
    background: var(--ss-color-highlight);
    padding: 0 0.125rem;
  }
  .ss-c-slider {
    width: 100%;
  }
  .ss-c-spinner-demo {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .ss-c-spy-link {
    padding: 0.25rem 0.5rem;
  }
  .ss-c-spacer_horizontal {
    width: 1rem;
    display: inline-block;
  }
  .ss-c-spacer_vertical {
    height: 1rem;
    display: block;
  }
  .ss-c-spacer_divider {
    border-top: 0.0625rem solid var(--ss-color-border);
    margin: 1rem 0;
  }
  .ss-c-speed_dial_robin {
    position: relative;
  }
  .ss-c-speed_dial_robin_header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: var(--ss-color-surface-alt);
    border-radius: var(--ss-radius-md, 0.5rem);
  }
  .ss-c-speed_dial_robin_title {
    font-weight: 600;
  }
  .ss-c-star {
    color: var(--ss-color-warning);
  }
  .ss-c-stat {
    display: inline-flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.5rem;
  }
  .ss-c-subtitle {
    font-size: 1rem;
    color: var(--ss-color-muted);
    margin: 0;
  }
  .ss-c-swap_icons_body {
    display: inline-flex;
    gap: 0.5rem;
  }
  .ss-c-swaps_icon_header {
    font-weight: 600;
  }
  .ss-c-swaps_icon_title {
    font-size: 0.8125rem;
    color: var(--ss-color-muted);
  }
  .ss-c-swatch {
    display: inline-block;
    min-width: 1.25rem;
    min-height: 1.25rem;
    border-radius: 0;
    border: 0.0625rem solid var(--ss-color-border);
  }
  .ss-c-swatch:not(:empty) {
    display: block;
    width: auto;
    height: auto;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-switch {
    display: inline-block;
  }
  .ss-c-tabcontent {
    display: none;
    padding: 0.75rem;
  }
  .ss-c-tablinks {
    padding: 0.5rem 0.75rem;
    border: 0;
    border-bottom: 0.125rem solid transparent;
    background: transparent;
    cursor: pointer;
    font: inherit;
  }
  .ss-c-tablinks:hover {
    background: rgba(0, 0, 0, 0.04);
  }
  .ss-c-tablinks.active {
    border-bottom-color: var(--ss-color-accent, #3696c1);
    font-weight: 600;
  }
  .ss-c-task-card {
    padding: 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    background: var(--ss-color-surface);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .ss-c-textarea {
    width: 100%;
    min-height: 5rem;
    padding: 0.5rem 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-sm, 0.25rem);
    background: var(--ss-color-surface);
    font-family: inherit;
    font-size: 0.875rem;
    resize: vertical;
  }
  .ss-c-textarea--small {
    min-height: 3rem;
    font-size: 0.8125rem;
  }
  .ss-c-textarea--large {
    min-height: 10rem;
    font-size: 0.9375rem;
  }
  .ss-c-timestamp-elevate {
    padding: 0.25rem 0.5rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-sm, 0.25rem);
    font-size: 0.75rem;
    display: inline-block;
  }
  .ss-c-timestamp-elevate--expanded {
    padding: 0.5rem 0.75rem;
  }
  .ss-c-toc-card {
    padding: 0.75rem;
    border: 0.0625rem solid var(--ss-color-border);
    border-radius: var(--ss-radius-md, 0.5rem);
    background: var(--ss-color-surface);
  }
  .ss-c-toc-floating {
    position: fixed;
    right: 1rem;
    top: 5rem;
    width: 15rem;
  }
  .ss-c-toc-inline {
    padding: 0.5rem;
    border-left: 0.1875rem solid var(--ss-color-border);
  }
  .ss-c-toolbar {
    display: flex;
    gap: 0.25rem;
    padding: 0.25rem;
    align-items: center;
  }
  .ss-c-visually-hidden {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    padding: 0;
    margin: -0.0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .ss-c-demo__section .ss-c-xs {
    font-size: 0.625rem;
  }
  .ss-c-demo__section .ss-c-sm {
    font-size: 0.75rem;
  }
  .ss-c-demo__section .ss-c-md {
    font-size: 0.875rem;
  }
  .ss-c-demo__section .ss-c-lg {
    font-size: 1rem;
  }
  .ss-c-demo__section .ss-c-xl {
    font-size: 1.25rem;
  }
}
@layer ss.utilities {
  .ss-c-lead {
    font-size: 1.375rem;
    line-height: 1.625;
    color: #2d2d2d;
  }
  @media (min-width: 64rem) {
    .ss-c-lead {
      font-size: 1.75rem;
    }
  }
  .ss-c-text-accent {
    color: #000000;
  }
  .ss-c-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    border-radius: 0;
    transition: all 200ms ease;
    cursor: pointer;
    white-space: nowrap;
  }
  .ss-c-btn-icon {
    width: 1rem;
    height: 1rem;
    transition: transform 200ms ease;
  }
  .ss-c-btn-primary {
    color: #ffffff;
    background: #000000;
  }
  .ss-c-btn-primary:hover {
    background: #000000;
  }
  .ss-c-btn-secondary {
    color: #000000;
    background: #f2f2f2;
  }
  .ss-c-btn-secondary:hover {
    background: #e5e5e5;
  }
  .ss-c-btn-outline {
    color: #000000;
    background: transparent;
    border: 0.0625rem solid #d4d4d4;
  }
  .ss-c-btn-outline:hover {
    border-color: #000000;
    background: #000000;
    color: #ffffff;
  }
  .ss-c-btn-lg {
    font-size: 1rem;
    padding: 1rem 2rem;
    border-radius: 0;
  }
  .ss-c-portfolio-card {
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    overflow: hidden;
    transition: all 300ms ease;
  }
  .ss-c-portfolio-card:hover {
    border-color: #000000;
  }
  @media (min-width: 48rem) {
    .ss-c-portfolio-card--featured {
      grid-column: span 2;
    }
  }
  .ss-c-portfolio-card-inner {
    padding: 1.5rem;
  }
  @media (min-width: 40rem) {
    .ss-c-portfolio-card-inner {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 1.5rem;
      align-items: start;
    }
  }
  .ss-c-portfolio-card-logo {
    margin-bottom: 1.5rem;
  }
  @media (min-width: 40rem) {
    .ss-c-portfolio-card-logo {
      margin-bottom: 0;
    }
  }
  .ss-c-logo-image {
    display: block;
    width: 5rem;
    height: 5rem;
    object-fit: contain;
  }
  .ss-c-logo-placeholder {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    color: #ffffff;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    border-radius: 0;
  }
  .ss-c-portfolio-card-title {
    font-size: 1.375rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-portfolio-card-description {
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
  .ss-c-portfolio-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .ss-c-portfolio-card-title-link {
    color: inherit;
  }
  .ss-c-portfolio-card-title-link:hover {
    color: #000000;
  }
  .ss-c-portfolio-card-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.5rem;
  }
  .ss-c-portfolio-card-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #000000;
  }
  .ss-c-portfolio-card-link svg {
    width: 1rem;
    height: 1rem;
    transition: transform 200ms ease;
  }
  .ss-c-portfolio-card-link:hover svg {
    transform: translate(0.25rem, -0.25rem);
  }
  .ss-c-portfolio-card-link--profile {
    color: #000000;
  }
  .ss-c-portfolio-card-link--profile:hover svg {
    transform: translateX(0.25rem);
  }
  .ss-c-service-card {
    padding: 2rem;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    transition: all 300ms ease;
  }
  .ss-c-service-card:hover {
    border-color: #000000;
  }
  .ss-c-service-number {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 1rem;
  }
  .ss-c-service-title {
    font-size: 1.375rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-service-description {
    font-size: 0.875rem;
  }
  .ss-c-value-card {
    padding: 2rem;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    text-align: center;
    transition: all 300ms ease;
  }
  .ss-c-value-card:hover {
    border-color: #000000;
  }
  .ss-c-value-card-icon {
    width: 4rem;
    height: 4rem;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    border-radius: 0;
    color: #000000;
  }
  .ss-c-value-card-icon svg {
    width: 2rem;
    height: 2rem;
  }
  .ss-c-value-card-title {
    font-size: 1.375rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-value-card-description {
    font-size: 0.875rem;
  }
  .ss-c-contact-card {
    padding: 1.5rem;
    background: #fafafa;
    border-radius: 0;
  }
  .ss-c-contact-card-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 0;
    color: #000000;
    margin-bottom: 1rem;
  }
  .ss-c-contact-card-icon svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-contact-card-title {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-contact-card-content {
    font-size: 0.875rem;
    color: #525252;
  }
  .ss-c-contact-card-content p {
    color: inherit;
  }
  .ss-c-contact-link {
    display: block;
    color: #000000;
    font-weight: 500;
  }
  .ss-c-contact-link:hover {
    text-decoration: underline;
  }
  .ss-c-team-card {
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    overflow: hidden;
    transition: border-color 200ms ease;
  }
  .ss-c-team-card:hover {
    border-color: #000000;
  }
  .ss-c-team-card__image {
    aspect-ratio: 1;
    background: #f2f2f2;
    overflow: hidden;
  }
  .ss-c-team-card__photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-team-card__avatar {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
  }
  .ss-c-team-card__initials {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 3rem;
    font-weight: 600;
    color: #ffffff;
  }
  .ss-c-team-card__content {
    padding: 1.5rem;
  }
  .ss-c-team-card__name {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
  }
  .ss-c-team-card__title {
    font-size: 0.875rem;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0.75rem;
  }
  .ss-c-team-card__bio {
    font-size: 0.875rem;
    color: #525252;
    margin-bottom: 1rem;
  }
  .ss-c-team-card__social {
    display: flex;
    gap: 0.75rem;
  }
  .ss-c-team-card__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: #525252;
    transition: color 200ms ease;
  }
  .ss-c-team-card__social-link:hover {
    color: #000000;
  }
  .ss-c-team-card__social-link .ss-c-icon {
    width: 1.125rem;
    height: 1.125rem;
    fill: currentColor;
  }
  .ss-c-contact-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .ss-c-form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  @media (min-width: 48rem) {
    .ss-c-form-row {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .ss-c-form-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-form-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #2d2d2d;
  }
  .ss-c-form-label .ss-c-required {
    color: #000000;
  }
  .ss-c-form-textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    border: 0.0625rem solid #d4d4d4;
    border-radius: 0;
    background: #ffffff;
    transition: all 200ms ease;
  }
  .ss-c-form-textarea:focus {
    outline: none;
    border-color: #000000;
    box-shadow: 0 0 0 0.1875rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-form-group--checkbox {
    flex-direction: row;
  }
  .ss-c-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
  }
  .ss-c-checkbox-label input[type=checkbox] {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.125rem;
    cursor: pointer;
  }
  .ss-c-checkbox-text {
    font-size: 0.875rem;
    color: #525252;
  }
  .ss-c-checkbox-text a {
    color: #000000;
    text-decoration: underline;
  }
  .ss-c-form-actions {
    margin-top: 1rem;
  }
  .ss-c-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.75rem;
    background: #f2f2f2;
    border-radius: 0;
    color: #525252;
  }
  .ss-c-tag-outline {
    background: transparent;
    border: 0.0625rem solid #e5e5e5;
  }
  .ss-c-container {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  .ss-c-section {
    padding: 4rem 0;
  }
  @media (min-width: 64rem) {
    .ss-c-section {
      padding: 6rem 0;
    }
  }
  .ss-c-site-footer {
    background: #000000;
    color: #ffffff;
    padding: 4rem 0 2rem;
  }
  .ss-c-footer-container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  .ss-c-footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 3rem;
    align-items: start;
  }
  @media (min-width: 48rem) {
    .ss-c-footer-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-footer-grid {
      grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    }
  }
  @media (min-width: 64rem) {
    .ss-c-footer-brand {
      padding-right: 2rem;
    }
  }
  .ss-c-footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.25;
    color: #ffffff;
    margin: 0 0 1rem;
  }
  .ss-c-footer-logo .ss-c-logo-icon {
    width: 2rem;
    height: 2rem;
  }
  .ss-c-footer-logo:hover {
    color: #222222;
  }
  .ss-c-footer-tagline {
    font-size: 1.125rem;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 1rem;
  }
  .ss-c-footer-description {
    font-size: 0.875rem;
    color: #ffffff;
  }
  .ss-c-footer-heading {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.25;
    color: #ffffff;
    margin: 0 0 1rem;
  }
  .ss-c-footer-links ul {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ss-c-footer-links li {
    font-size: 0.875rem;
    color: #ffffff;
    line-height: 1.5;
  }
  .ss-c-footer-links a {
    font-size: 0.875rem;
    color: #ffffff;
    transition: color 200ms ease;
  }
  .ss-c-footer-links a:hover {
    color: #222222;
  }
  .ss-c-footer-contact address {
    margin-bottom: 1rem;
  }
  .ss-c-footer-contact address p {
    font-size: 0.875rem;
    color: #ffffff;
    margin-bottom: 0;
  }
  .ss-c-footer-contact-links {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-footer-contact-links a {
    font-size: 0.875rem;
    color: #ffffff;
  }
  .ss-c-footer-contact-links a:hover {
    color: #222222;
  }
  .ss-c-footer-social {
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: 2rem 0;
    border-top: 0.0625rem solid #1a1a1a;
    border-bottom: 0.0625rem solid #1a1a1a;
    margin-bottom: 2rem;
  }
  .ss-c-footer-social a {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1a1a1a;
    border-radius: 50%;
    color: #ffffff;
    transition: all 200ms ease;
  }
  .ss-c-footer-social a svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .ss-c-footer-social a:hover {
    background: #000000;
    color: #ffffff;
  }
  .ss-c-footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
  }
  @media (min-width: 48rem) {
    .ss-c-footer-bottom {
      flex-direction: row;
      justify-content: space-between;
    }
  }
  .ss-c-footer-bottom p {
    font-size: 0.875rem;
    color: #ffffff;
  }
  .ss-c-footer-legal {
    display: flex;
    gap: 1.5rem;
  }
  .ss-c-footer-legal a {
    font-size: 0.875rem;
    color: #ffffff;
  }
  .ss-c-footer-legal a:hover {
    color: #222222;
  }
  .ss-c-site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #ffffff;
    border-bottom: 0.0625rem solid #000000;
    transition: all 300ms ease;
  }
  .ss-c-nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 75rem;
    margin: 0 auto;
    padding: 1rem 1.5rem;
  }
  .ss-c-nav-brand {
    z-index: 1001;
  }
  .ss-c-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    color: #000000;
  }
  .ss-c-logo:hover {
    color: #000000;
  }
  .ss-c-logo-icon {
    width: 2.5rem;
    height: 2.5rem;
    color: #000000;
  }
  .ss-c-logo-text {
    font-weight: 700;
  }
  @media (max-width: 40rem) {
    .ss-c-logo-text {
      display: none;
    }
  }
  .ss-c-nav-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    gap: 0.3125rem;
    z-index: 1001;
  }
  @media (min-width: 64rem) {
    .ss-c-nav-toggle {
      display: none;
    }
  }
  .ss-c-nav-toggle-line {
    display: block;
    width: 1.5rem;
    height: 0.125rem;
    background: #000000;
    transition: all 200ms ease;
  }
  @media (max-width: 63.9375rem) {
    .ss-c-nav-menu {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      visibility: hidden;
      transition: all 300ms ease;
    }
    .ss-c-nav-menu.is-open {
      opacity: 1;
      visibility: visible;
    }
  }
  .ss-c-nav-links {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  @media (max-width: 63.9375rem) {
    .ss-c-nav-links {
      flex-direction: column;
      gap: 1.5rem;
    }
  }
  .ss-c-nav-link {
    font-size: 0.875rem;
    font-weight: 500;
    color: #525252;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: color 200ms ease;
  }
  .ss-c-nav-link:hover, .ss-c-nav-link.active {
    color: #000000;
  }
  @media (max-width: 63.9375rem) {
    .ss-c-nav-link {
      font-size: 1.75rem;
      text-transform: none;
      letter-spacing: normal;
    }
  }
  .ss-c-nav-link--cta {
    color: #ffffff;
    background: #000000;
    padding: 0.5rem 1rem;
    border-radius: 0;
  }
  .ss-c-nav-link--cta:hover {
    background: #000000;
    color: #ffffff;
  }
  .ss-c-about-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  @media (min-width: 64rem) {
    .ss-c-about-content {
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
    }
  }
  .ss-c-about-text .ss-c-lead {
    margin-bottom: 1.5rem;
  }
  .ss-c-about-values {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 2rem;
  }
  .ss-c-value-item {
    display: flex;
    gap: 1rem;
  }
  .ss-c-value-icon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    border-radius: 0;
    color: #000000;
  }
  .ss-c-value-icon svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ss-c-value-content h4 {
    font-size: 1.125rem;
    margin-bottom: 0.25rem;
  }
  .ss-c-value-content p {
    font-size: 0.875rem;
  }
  .ss-c-about-image .ss-c-image-frame {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    background: #f2f2f2;
    aspect-ratio: 4/3;
  }
  .ss-c-about-image .ss-c-image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-values-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  @media (min-width: 48rem) {
    .ss-c-values-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-values-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-mission-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  @media (min-width: 64rem) {
    .ss-c-mission-grid {
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
    }
  }
  .ss-c-mission-content p {
    margin-bottom: 1rem;
  }
  .ss-c-mission-content p:last-child {
    margin-bottom: 0;
  }
  .ss-c-mission-image img {
    width: 100%;
    border-radius: 0;
    background: #f2f2f2;
    aspect-ratio: 4/3;
    object-fit: cover;
  }
  .ss-c-section--values {
    padding: 4rem 0;
    background: #fafafa;
    border-top: 0.0625rem solid #e5e5e5;
  }
  .ss-c-value-card__icon {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-value-card__icon svg {
    width: 2rem;
    height: 2rem;
    fill: #000000;
  }
  .ss-c-value-card__title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
  }
  .ss-c-value-card__description {
    font-size: 0.875rem;
    color: #525252;
  }
  .ss-c-contact-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .ss-c-contact-form-header {
    margin-bottom: 2rem;
  }
  .ss-c-contact-form-header h2 {
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-contact-form-header p {
    color: #737373;
  }
  .ss-c-contact-info {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  @media (min-width: 48rem) {
    .ss-c-contact-info {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-contact-info {
      grid-template-columns: repeat(4, 1fr);
      align-items: stretch;
    }
  }
  .ss-c-social-links-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .ss-c-social-link-inline {
    font-weight: 500;
    color: #525252;
  }
  .ss-c-social-link-inline:hover {
    color: #000000;
  }
  .ss-c-section-map {
    padding: 0;
  }
  .ss-c-map-placeholder {
    height: 25rem;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-map-embed {
    display: block;
    width: 100%;
    height: 30rem;
    border: 0;
  }
  .ss-c-map-placeholder-content {
    text-align: center;
    color: #a3a3a3;
  }
  .ss-c-map-placeholder-content svg {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 1rem;
  }
  .ss-c-map-placeholder-content p {
    font-size: 1.125rem;
    color: #737373;
  }
  .ss-c-map-placeholder-content span {
    font-size: 0.875rem;
  }
  .ss-c-section-cta {
    background: #fafafa;
    text-align: center;
  }
  .ss-c-cta-content {
    max-width: 40rem;
    margin: 0 auto;
  }
  .ss-c-cta-title {
    margin-bottom: 1rem;
  }
  .ss-c-cta-description {
    font-size: 1.125rem;
    margin-bottom: 2rem;
  }
  .ss-c-faq-list {
    max-width: 50rem;
    margin: 0 auto;
  }
  .ss-c-faq-item {
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-faq-item:last-child {
    border-bottom: none;
  }
  .ss-c-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.5rem 0;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    list-style: none;
  }
  .ss-c-faq-question::-webkit-details-marker {
    display: none;
  }
  .ss-c-faq-question span {
    flex: 1;
  }
  .ss-c-faq-icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    transition: transform 200ms ease;
  }
  details[open] .ss-c-faq-icon {
    transform: rotate(180deg);
  }
  .ss-c-faq-answer {
    padding-bottom: 1.5rem;
  }
  .ss-c-faq-answer p {
    font-size: 1rem;
  }
  .ss-c-focus-content .ss-c-focus-header {
    margin-bottom: 3rem;
  }
  .ss-c-focus-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  @media (min-width: 48rem) {
    .ss-c-focus-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-focus-grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .ss-c-focus-item {
    padding: 1.5rem;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    text-align: center;
  }
  .ss-c-focus-icon {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    border-radius: 0;
    color: #000000;
  }
  .ss-c-focus-icon svg {
    width: 1.75rem;
    height: 1.75rem;
  }
  .ss-c-focus-card {
    padding: 2rem 1.5rem;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ss-c-focus-title {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-focus-description {
    font-size: 0.875rem;
    color: #525252;
    max-width: 28ch;
    margin: 0 auto;
  }
  .ss-c-section-header {
    margin-bottom: 3rem;
  }
  @media (min-width: 64rem) {
    .ss-c-section-header {
      margin-bottom: 4rem;
    }
  }
  .ss-c-section-header--center {
    text-align: center;
  }
  .ss-c-section-header--center .ss-c-section-description {
    max-width: 37.5rem;
    margin: 0 auto;
  }
  .ss-c-section-label {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #000000;
    margin-bottom: 0.75rem;
  }
  .ss-c-section-title {
    margin-bottom: 1rem;
  }
  .ss-c-section-description {
    font-size: 1.125rem;
    color: #737373;
  }
  .ss-c-section-action {
    text-align: center;
    margin-top: 3rem;
  }
  .ss-c-section__header {
    margin-bottom: 3rem;
  }
  .ss-c-section__title {
    font-size: 2.25rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-section__subtitle {
    font-size: 1rem;
    color: #525252;
    max-width: 40rem;
  }
  .ss-c-page-header {
    padding: 8rem 0 4rem;
  }
  @media (min-width: 64rem) {
    .ss-c-page-header {
      padding: 8rem 0 5rem;
    }
  }
  .ss-c-page-header--large {
    padding-bottom: 5rem;
  }
  @media (min-width: 64rem) {
    .ss-c-page-header--large {
      padding-bottom: 6rem;
    }
  }
  .ss-c-page-label {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #000000;
    margin-bottom: 1rem;
  }
  .ss-c-page-title {
    margin-bottom: 1rem;
  }
  .ss-c-page-description {
    font-size: 1.375rem;
    color: #737373;
    max-width: 40rem;
  }
  @media (min-width: 64rem) {
    .ss-c-page-description {
      font-size: 1.75rem;
    }
  }
  .ss-c-page-description--large {
    max-width: 50rem;
  }
  .ss-c-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 5rem;
    overflow: hidden;
  }
  .ss-c-hero-background {
    position: absolute;
    inset: 0;
    z-index: -1;
  }
  .ss-c-hero-gradient {
    position: absolute;
    inset: 0;
    background: #ffffff;
  }
  .ss-c-hero-pattern {
    display: none;
  }
  .ss-c-hero-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  @media (min-width: 64rem) {
    .ss-c-hero-content {
      grid-template-columns: 1fr 1fr;
      align-items: center;
    }
  }
  .ss-c-hero-label {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #000000;
    margin-bottom: 1rem;
  }
  .ss-c-hero-title {
    margin-bottom: 1.5rem;
    font-size: 4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1;
  }
  @media (min-width: 48rem) {
    .ss-c-hero-title {
      font-size: 5.5rem;
    }
  }
  @media (min-width: 64rem) {
    .ss-c-hero-title {
      font-size: 7rem;
    }
  }
  .ss-c-hero-title-line {
    display: block;
  }
  .ss-c-hero-title-accent {
    color: #000000;
  }
  .ss-c-hero-description {
    font-size: 1.125rem;
    color: #525252;
    margin-bottom: 2rem;
    max-width: 33.75rem;
  }
  @media (min-width: 64rem) {
    .ss-c-hero-description {
      font-size: 1.375rem;
    }
  }
  .ss-c-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .ss-c-hero-visual {
    display: none;
  }
  @media (min-width: 64rem) {
    .ss-c-hero-visual {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  .ss-c-hero-shape {
    width: 100%;
    max-width: 25rem;
    color: #000000;
    animation: float 6s ease-in-out infinite;
  }
  .ss-c-hero-scroll {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #a3a3a3;
    animation: bounce 2s ease-in-out infinite;
  }
  .ss-c-hero-scroll svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-hero--team {
    padding: 8rem 0 4rem;
    border-bottom: 0.0625rem solid #000000;
  }
  .ss-c-hero--team .ss-c-hero__title {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  @media (min-width: 64rem) {
    .ss-c-hero--team .ss-c-hero__title {
      font-size: 4.5rem;
    }
  }
  .ss-c-hero--team .ss-c-hero__subtitle {
    font-size: 1.125rem;
    color: #525252;
    max-width: 40rem;
  }
  .ss-c-section--legal {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }
  @media (min-width: 64rem) {
    .ss-c-section--legal {
      padding-bottom: 6rem;
    }
  }
  .ss-c-container--narrow {
    max-width: 50rem;
  }
  .ss-c-legal-updated {
    font-size: 0.875rem;
    color: #737373;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-legal-content {
    line-height: 1.8;
  }
  .ss-c-legal-content h2 {
    font-size: 1.375rem;
    font-weight: 600;
    color: #000000;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    border-top: 0.0625rem solid #f2f2f2;
  }
  .ss-c-legal-content h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  @media (min-width: 64rem) {
    .ss-c-legal-content h2 {
      font-size: 1.75rem;
    }
  }
  .ss-c-legal-content h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #000000;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-legal-content p {
    font-size: 1rem;
    color: #2d2d2d;
    margin-bottom: 1rem;
    line-height: 1.8;
  }
  .ss-c-legal-content ul, .ss-c-legal-content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
  .ss-c-legal-content ul {
    list-style-type: disc;
  }
  .ss-c-legal-content ol {
    list-style-type: decimal;
  }
  .ss-c-legal-content li {
    font-size: 1rem;
    color: #2d2d2d;
    margin-bottom: 0.5rem;
    line-height: 1.7;
    padding-left: 0.5rem;
  }
  .ss-c-legal-content li::marker {
    color: #000000;
  }
  .ss-c-legal-content a {
    color: #000000;
    text-decoration: underline;
    text-underline-offset: 0.125rem;
    transition: color 200ms ease;
  }
  .ss-c-legal-content a:hover {
    color: #000000;
  }
  .ss-c-legal-content address {
    font-style: normal;
    background: #fafafa;
    padding: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    border-left: 0.1875rem solid #000000;
    font-size: 1rem;
    color: #2d2d2d;
    line-height: 1.8;
  }
  .ss-c-cookie-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.875rem;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
  }
  .ss-c-cookie-table thead {
    background: #fafafa;
  }
  .ss-c-cookie-table thead th {
    text-align: left;
    padding: 1rem;
    font-weight: 600;
    color: #000000;
    border-bottom: 0.125rem solid #e5e5e5;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-cookie-table tbody tr {
    border-bottom: 0.0625rem solid #f2f2f2;
  }
  .ss-c-cookie-table tbody tr:last-child {
    border-bottom: none;
  }
  .ss-c-cookie-table tbody tr:hover {
    background: #fafafa;
  }
  .ss-c-cookie-table tbody td {
    padding: 1rem;
    color: #2d2d2d;
    vertical-align: top;
  }
  .ss-c-cookie-table tbody td:first-child {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.75rem;
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
  }
  @media (max-width: 40rem) {
    .ss-c-cookie-table {
      display: block;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .ss-c-legal-nav {
    position: sticky;
    top: 6.25rem;
  }
  .ss-c-legal-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ss-c-legal-nav li {
    margin-bottom: 0.5rem;
  }
  .ss-c-legal-nav a {
    display: block;
    font-size: 0.875rem;
    color: #737373;
    padding: 0.5rem 1rem;
    border-left: 0.125rem solid transparent;
    transition: all 200ms ease;
  }
  .ss-c-legal-nav a:hover {
    color: #000000;
    border-left-color: #d4d4d4;
  }
  .ss-c-legal-nav a.active {
    color: #000000;
    border-left-color: #000000;
    font-weight: 500;
  }
  .ss-c-legal-links {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 0.0625rem solid #e5e5e5;
  }
  .ss-c-legal-links h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #000000;
    margin-bottom: 1rem;
  }
  .ss-c-legal-links ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ss-c-legal-links a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #525252;
    padding: 0.5rem 1rem;
    background: #fafafa;
    border: 0.0625rem solid #e5e5e5;
    transition: all 200ms ease;
  }
  .ss-c-legal-links a:hover {
    background: #ffffff;
    border-color: #000000;
    color: #000000;
  }
  .ss-c-legal-notice {
    background: rgba(0, 0, 0, 0.05);
    border: 0.0625rem solid rgba(0, 0, 0, 0.2);
    border-left: 0.1875rem solid #000000;
    padding: 1.5rem;
    margin: 1.5rem 0;
  }
  .ss-c-legal-notice p {
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #2d2d2d;
  }
  .ss-c-legal-intro {
    font-size: 1.125rem;
    color: #525252;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid #e5e5e5;
    line-height: 1.7;
  }
  .ss-c-portfolio-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  @media (min-width: 48rem) {
    .ss-c-portfolio-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .ss-c-portfolio-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .ss-c-portfolio-item {
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    overflow: hidden;
  }
  .ss-c-portfolio-item-inner {
    display: grid;
    grid-template-columns: 1fr;
  }
  @media (min-width: 64rem) {
    .ss-c-portfolio-item-inner {
      grid-template-columns: 18.75rem 1fr;
    }
  }
  .ss-c-portfolio-item-media {
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
  }
  @media (min-width: 64rem) {
    .ss-c-portfolio-item-media {
      padding: 3rem;
    }
  }
  .ss-c-logo-large {
    width: 7.5rem;
    height: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    color: #ffffff;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    border-radius: 0;
  }
  .ss-c-portfolio-item-content {
    padding: 2rem;
  }
  @media (min-width: 64rem) {
    .ss-c-portfolio-item-content {
      padding: 3rem;
    }
  }
  .ss-c-portfolio-item-meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .ss-c-portfolio-item-category {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #000000;
  }
  .ss-c-portfolio-item-status {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    background: #000000;
    color: #ffffff;
    border-radius: 0;
  }
  .ss-c-portfolio-item-title {
    font-size: 2.25rem;
    margin-bottom: 1rem;
  }
  .ss-c-portfolio-item-description {
    margin-bottom: 1.5rem;
  }
  .ss-c-portfolio-item-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 2rem;
  }
  .ss-c-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
  }
  .ss-c-filter-btn {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 0;
    color: #525252;
    transition: all 200ms ease;
  }
  .ss-c-filter-btn:hover {
    color: #000000;
    background: #f2f2f2;
  }
  .ss-c-filter-btn.active {
    color: #ffffff;
    background: #000000;
  }
  .ss-c-services-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  @media (min-width: 64rem) {
    .ss-c-services-layout {
      grid-template-columns: 1fr 2fr;
      gap: 4rem;
    }
  }
  .ss-c-services-header .ss-c-section-description {
    margin-bottom: 2rem;
  }
  .ss-c-services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  @media (min-width: 48rem) {
    .ss-c-services-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .ss-c-service-detail {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 4rem 0;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-service-detail:last-child {
    border-bottom: none;
  }
  @media (min-width: 64rem) {
    .ss-c-service-detail {
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
    }
  }
  @media (min-width: 64rem) {
    .ss-c-service-detail--reverse .ss-c-service-detail-visual {
      order: -1;
    }
  }
  .ss-c-service-detail-number {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 4rem;
    font-weight: 700;
    color: #e5e5e5;
    margin-bottom: 1rem;
  }
  .ss-c-service-detail-title {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  .ss-c-service-detail-lead {
    font-size: 1.375rem;
    color: #2d2d2d;
    margin-bottom: 1rem;
  }
  .ss-c-service-detail-list {
    margin-top: 1.5rem;
  }
  .ss-c-service-detail-list li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
    color: #525252;
  }
  .ss-c-service-detail-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.625rem;
    width: 0.5rem;
    height: 0.5rem;
    background: #000000;
    border-radius: 50%;
  }
  .ss-c-service-visual-box {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    background: #fafafa;
    border-radius: 0;
    padding: 3rem;
  }
  .ss-c-service-visual-box svg {
    width: 100%;
    max-width: 12.5rem;
    color: #000000;
  }
  .ss-c-section-stats {
    background: #000000;
    padding: 4rem 0;
  }
  .ss-c-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  @media (min-width: 48rem) {
    .ss-c-stats-grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .ss-c-stat-item {
    text-align: center;
  }
  .ss-c-stat-number {
    display: block;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0.5rem;
  }
  @media (min-width: 64rem) {
    .ss-c-stat-number {
      font-size: 4rem;
    }
  }
  .ss-c-stat-label {
    font-size: 0.875rem;
    color: #a3a3a3;
  }
  .ss-c-section--team-grid {
    padding: 4rem 0;
  }
  .ss-c-team-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  @media (min-width: 48rem) {
    .ss-c-team-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-team-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-team-member {
    text-align: center;
  }
  .ss-c-team-member-image {
    margin-bottom: 1.5rem;
  }
  .ss-c-team-member-image .ss-c-image-placeholder {
    width: 12.5rem;
    height: 12.5rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    border-radius: 50%;
  }
  .ss-c-team-member-image .ss-c-image-placeholder svg {
    width: 5rem;
    height: 5rem;
  }
  .ss-c-team-member-name {
    font-size: 1.375rem;
    margin-bottom: 0.25rem;
  }
  .ss-c-team-member-role {
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-section-what-we-look-for {
    padding: 5rem 0;
  }
  .ss-c-section-criteria {
    background: #fafafa;
    border-top: 0.0625rem solid #e5e5e5;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-section-criteria .ss-c-section-title {
    font-size: 2.25rem;
    margin-bottom: 3rem;
    text-align: center;
  }
  @media (min-width: 64rem) {
    .ss-c-section-criteria .ss-c-section-title {
      font-size: 3rem;
    }
  }
  .ss-c-criteria-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  @media (min-width: 48rem) {
    .ss-c-criteria-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-criteria-grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .ss-c-criteria-item {
    padding: 2rem 1.5rem;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    text-align: center;
  }
  .ss-c-criteria-item h4 {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #737373;
    margin-bottom: 0.75rem;
  }
  .ss-c-criteria-item p {
    font-size: 1.125rem;
    font-weight: 500;
    color: #000000;
    margin: 0;
  }
  .ss-c-timeline {
    position: relative;
    padding-left: 2rem;
  }
  .ss-c-timeline::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.125rem;
    background: #e5e5e5;
  }
  .ss-c-timeline-item {
    position: relative;
    padding-bottom: 2rem;
  }
  .ss-c-timeline-item:last-child {
    padding-bottom: 0;
  }
  .ss-c-timeline-marker {
    position: absolute;
    left: calc(-2rem - 0.0625rem);
    transform: translateX(-50%);
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    color: #000000;
    background: #ffffff;
    padding: 0.5rem 0.75rem;
    border-radius: 0;
    border: 0.125rem solid #e5e5e5;
  }
  .ss-c-timeline-content h3 {
    font-size: 1.375rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-timeline-content p {
    font-size: 0.875rem;
  }
  .ss-c-process-steps {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  @media (min-width: 64rem) {
    .ss-c-process-steps {
      flex-direction: row;
      align-items: flex-start;
    }
  }
  .ss-c-process-step {
    flex: 1;
    text-align: center;
    padding: 1.5rem;
  }
  .ss-c-process-step-number {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    color: #ffffff;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    border-radius: 50%;
  }
  .ss-c-process-step-title {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-process-step-description {
    font-size: 0.875rem;
  }
  .ss-c-process-connector {
    display: none;
  }
  @media (min-width: 64rem) {
    .ss-c-process-connector {
      display: flex;
      align-items: center;
      padding-top: 1.5rem;
      color: #d4d4d4;
    }
    .ss-c-process-connector svg {
      width: 3.75rem;
      height: 1.25rem;
    }
  }
  .ss-c-link {
    color: #000000;
    text-decoration: underline;
  }
  .ss-c-link:hover {
    color: #000000;
  }
  .ss-c-sr-only {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    padding: 0;
    margin: -0.0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .ss-c-text-center {
    text-align: center;
  }
  .ss-c-text-left {
    text-align: left;
  }
  .ss-c-text-right {
    text-align: right;
  }
  .hidden {
    display: none;
  }
  .ss-c-block {
    display: block;
  }
  .ss-c-flex {
    display: flex;
  }
  .ss-c-inline-flex {
    display: inline-flex;
  }
  .ss-c-grid {
    display: grid;
  }
  .ss-c-items-center {
    align-items: center;
  }
  .ss-c-justify-center {
    justify-content: center;
  }
  .ss-c-justify-between {
    justify-content: space-between;
  }
  .ss-c-flex-col {
    flex-direction: column;
  }
  .ss-c-flex-wrap {
    flex-wrap: wrap;
  }
  .ss-c-gap-2 {
    gap: 0.5rem;
  }
  .ss-c-gap-4 {
    gap: 1rem;
  }
  .ss-c-gap-6 {
    gap: 1.5rem;
  }
  .ss-c-gap-8 {
    gap: 2rem;
  }
  .ss-c-mt-4 {
    margin-top: 1rem;
  }
  .ss-c-mt-6 {
    margin-top: 1.5rem;
  }
  .ss-c-mt-8 {
    margin-top: 2rem;
  }
  .ss-c-mb-4 {
    margin-bottom: 1rem;
  }
  .ss-c-mb-6 {
    margin-bottom: 1.5rem;
  }
  .ss-c-mb-8 {
    margin-bottom: 2rem;
  }
  .ss-c-p-4 {
    padding: 1rem;
  }
  .ss-c-p-6 {
    padding: 1.5rem;
  }
  .ss-c-p-8 {
    padding: 2rem;
  }
  .ss-c-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .ss-c-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .ss-c-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ss-c-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .ss-c-w-full {
    width: 100%;
  }
  .ss-c-max-w-lg {
    max-width: 40rem;
  }
  .ss-c-max-w-xl {
    max-width: 50rem;
  }
  .ss-c-breadcrumbs {
    padding: 1rem 0;
    margin-bottom: 1rem;
  }
  .ss-c-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-breadcrumbs__item {
    display: flex;
    align-items: center;
  }
  .ss-c-breadcrumbs__link {
    color: #737373;
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.2s ease;
  }
  .ss-c-breadcrumbs__link:hover, .ss-c-breadcrumbs__link:focus {
    color: #000000;
  }
  .ss-c-breadcrumbs__current {
    color: #000000;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .ss-c-breadcrumbs__separator {
    display: flex;
    align-items: center;
    color: #a3a3a3;
  }
  .ss-c-breadcrumbs__separator svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  .ss-c-skip-link {
    position: absolute;
    top: -100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    padding: 0.75rem 1.5rem;
    background-color: #000000;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0 0 0.25rem 0.25rem;
    transition: top 0.2s ease;
  }
  .ss-c-skip-link:focus {
    top: 0;
    outline: 0.125rem solid #000000;
    outline-offset: 0.125rem;
  }
  .ss-c-sr-only-focusable:focus, .ss-c-sr-only-focusable:active {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .ss-c-footer {
    background: #000000;
    color: #ffffff;
    padding: 2rem 0;
  }
  .ss-c-footer__container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
  }
  @media (min-width: 48rem) {
    .ss-c-footer__container {
      flex-direction: row;
      justify-content: space-between;
      text-align: left;
    }
  }
  .ss-c-footer__nav {
    order: 2;
  }
  @media (min-width: 48rem) {
    .ss-c-footer__nav {
      order: 1;
    }
  }
  .ss-c-footer__links {
    display: flex;
    gap: 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-footer__links a {
    font-size: 0.875rem;
    color: #a3a3a3;
    text-decoration: none;
    transition: color 200ms ease;
  }
  .ss-c-footer__links a:hover {
    color: #ffffff;
  }
  .ss-c-footer__copyright {
    font-size: 0.875rem;
    color: #737373;
    margin: 0;
    order: 1;
  }
  @media (min-width: 48rem) {
    .ss-c-footer__copyright {
      order: 2;
    }
  }
  .ss-c-footer__copyright a {
    color: #a3a3a3;
    text-decoration: none;
  }
  .ss-c-footer__copyright a:hover {
    color: #ffffff;
  }
  .ss-c-home {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
  }
  .ss-c-companies {
    padding: 4rem 1.5rem;
    background-color: #000000;
  }
  @media (min-width: 48rem) {
    .ss-c-companies {
      padding: 6rem 2rem;
    }
  }
  .ss-c-companies__container {
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-companies__heading {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 3rem;
  }
  @media (min-width: 48rem) {
    .ss-c-companies__heading {
      margin-bottom: 4rem;
    }
  }
  .ss-c-companies__grid {
    display: grid;
    gap: 0.0625rem;
    background-color: rgba(255, 255, 255, 0.1);
  }
  @media (min-width: 48rem) {
    .ss-c-companies__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .ss-c-company-card {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    background-color: #000000;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
  }
  @media (min-width: 48rem) {
    .ss-c-company-card {
      padding: 3rem;
    }
  }
  .ss-c-company-card:hover {
    background-color: #111111;
  }
  .ss-c-company-card:hover .ss-c-company-card__arrow {
    transform: translate(0.25rem, -0.25rem);
  }
  .ss-c-company-card:hover .ss-c-company-card__link {
    color: #ffffff;
  }
  .ss-c-company-card__name {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.75rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.5rem;
    letter-spacing: -0.02em;
  }
  @media (min-width: 48rem) {
    .ss-c-company-card__name {
      font-size: 2.25rem;
    }
  }
  .ss-c-company-card__tagline {
    font-size: 1rem;
    color: #a3a3a3;
    margin-bottom: 1rem;
  }
  @media (min-width: 48rem) {
    .ss-c-company-card__tagline {
      font-size: 1.125rem;
    }
  }
  .ss-c-company-card__description {
    font-size: 0.875rem;
    color: #737373;
    line-height: 1.625;
    margin-bottom: 2rem;
  }
  @media (min-width: 48rem) {
    .ss-c-company-card__description {
      font-size: 1rem;
      margin-bottom: 3rem;
    }
  }
  .ss-c-company-card__link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #737373;
    margin-top: auto;
    transition: color 0.3s ease;
  }
  @media (min-width: 48rem) {
    .ss-c-company-card__link {
      font-size: 1rem;
    }
  }
  .ss-c-company-card__arrow {
    width: 1.25rem;
    height: 1.25rem;
    transition: transform 0.3s ease;
  }
  .ss-c-faq {
    padding: 4rem 1.5rem;
    background-color: #ffffff;
  }
  @media (min-width: 48rem) {
    .ss-c-faq {
      padding: 6rem 2rem;
    }
  }
  .ss-c-faq__container {
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-faq__heading {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 3rem;
  }
  @media (min-width: 48rem) {
    .ss-c-faq__heading {
      margin-bottom: 4rem;
    }
  }
  .ss-c-faq__list {
    display: grid;
    gap: 2rem;
  }
  @media (min-width: 48rem) {
    .ss-c-faq__list {
      grid-template-columns: repeat(2, 1fr);
      gap: 3rem;
    }
  }
  .ss-c-faq__item {
    padding: 1.5rem;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0.25rem;
  }
  @media (min-width: 48rem) {
    .ss-c-faq__item {
      padding: 2rem;
    }
  }
  .ss-c-faq__question {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0.75rem;
  }
  @media (min-width: 48rem) {
    .ss-c-faq__question {
      font-size: 1.375rem;
    }
  }
  .ss-c-faq__answer p {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
  }
  @media (min-width: 48rem) {
    .ss-c-faq__answer p {
      font-size: 1rem;
    }
  }
  .ss-c-policy {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
  }
  .ss-c-policy__container {
    max-width: 50rem;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  @media (min-width: 48rem) {
    .ss-c-policy__container {
      padding: 0 2rem;
    }
  }
  .ss-c-policy__header {
    padding: 4rem 0 2rem;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  @media (min-width: 48rem) {
    .ss-c-policy__header {
      padding: 6rem 0 3rem;
    }
  }
  .ss-c-policy__title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
  }
  @media (min-width: 48rem) {
    .ss-c-policy__title {
      font-size: 3rem;
    }
  }
  .ss-c-policy__subtitle {
    font-size: 1.125rem;
    color: #525252;
    margin-bottom: 1rem;
  }
  @media (min-width: 48rem) {
    .ss-c-policy__subtitle {
      font-size: 1.375rem;
    }
  }
  .ss-c-policy__updated {
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-policy__content {
    flex: 1;
    padding: 3rem 0;
  }
  @media (min-width: 48rem) {
    .ss-c-policy__content {
      padding: 4rem 0;
    }
  }
  .ss-c-policy__content h2 {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.375rem;
    font-weight: 600;
    color: #000000;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    border-top: 0.0625rem solid #f2f2f2;
  }
  .ss-c-policy__content h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  @media (min-width: 48rem) {
    .ss-c-policy__content h2 {
      font-size: 1.75rem;
    }
  }
  .ss-c-policy__content h3 {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: #000000;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-policy__content p {
    font-size: 1rem;
    color: #2d2d2d;
    line-height: 1.625;
    margin-bottom: 1rem;
  }
  .ss-c-policy__content ul,
  .ss-c-policy__content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
  .ss-c-policy__content ul {
    list-style-type: disc;
  }
  .ss-c-policy__content ol {
    list-style-type: decimal;
  }
  .ss-c-policy__content li {
    font-size: 1rem;
    color: #2d2d2d;
    line-height: 1.625;
    margin-bottom: 0.5rem;
  }
  .ss-c-policy__content a {
    color: #000000;
    text-decoration: underline;
    transition: color 0.2s ease;
  }
  .ss-c-policy__content a:hover {
    color: #0a0a0a;
  }
  .ss-c-policy__content strong {
    font-weight: 600;
    color: #0a0a0a;
  }
  .ss-c-policy__nav {
    padding: 2rem 0 4rem;
    border-top: 0.0625rem solid #e5e5e5;
  }
  @media (min-width: 48rem) {
    .ss-c-policy__nav {
      padding: 3rem 0 6rem;
    }
  }
  .ss-c-policy__back {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    color: #525252;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .ss-c-policy__back:hover {
    color: #000000;
  }
  .ss-c-link-arrow {
    display: inline-flex;
    align-items: baseline;
    gap: 0.5rem;
    font-weight: 500;
    text-decoration: none;
    color: inherit;
    border-bottom: 0.0625rem solid currentColor;
    padding-bottom: 0.125rem;
    transition: opacity 200ms ease;
  }
  .ss-c-link-arrow::after {
    content: "↗";
    display: inline-block;
    transition: transform 200ms ease;
  }
  .ss-c-link-arrow:hover {
    opacity: 1;
  }
  .ss-c-link-arrow:hover::after {
    transform: translate(0.125rem, -0.125rem);
  }
  .ss-c-card {
    padding: 2rem;
    background-color: #ffffff;
    border: 0.0625rem solid #f2f2f2;
    transition: box-shadow 200ms ease;
  }
  .ss-c-card:hover {
    box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.25rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem;
    color: #000000;
  }
  .ss-c-card__icon svg {
    width: 2rem;
    height: 2rem;
  }
  .ss-c-card__title {
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
  }
  .ss-c-card__description {
    font-size: 1rem;
    color: #525252;
    line-height: 1.625;
  }
  .ss-c-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 1.25rem 0;
    background-color: #ffffff;
    border-bottom: 0.0625rem solid transparent;
    transition: border-color 200ms ease, background-color 200ms ease, color 200ms ease;
  }
  .ss-c-header.is-scrolled {
    border-bottom-color: #000000;
  }
  body.is-menu-open .ss-c-header {
    background-color: transparent;
    color: #ffffff;
    border-bottom-color: transparent;
  }
  .ss-c-header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
    gap: 1.5rem;
  }
  @media (min-width: 64rem) {
    .ss-c-header__container {
      padding: 0 3rem;
    }
  }
  .ss-c-header__logo {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: currentColor;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-decoration: none;
    white-space: nowrap;
  }
  .ss-c-header__actions {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  @media (min-width: 48rem) {
    .ss-c-header__actions {
      gap: 1.5rem;
    }
  }
  .ss-c-header__cta {
    display: none;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    text-decoration: none;
    color: currentColor;
    border: 0.0625rem solid currentColor;
    border-radius: 62.4375rem;
    transition: background-color 200ms ease, color 200ms ease;
  }
  @media (min-width: 40rem) {
    .ss-c-header__cta {
      display: inline-flex;
    }
  }
  .ss-c-header__cta:hover {
    background-color: currentColor;
    color: #ffffff;
  }
  body.is-menu-open .ss-c-header__cta:hover {
    color: #000000;
  }
  .ss-c-header__menu-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: currentColor;
    background-color: transparent;
    border: 0.0625rem solid currentColor;
    border-radius: 62.4375rem;
    cursor: pointer;
    transition: background-color 200ms ease, color 200ms ease;
  }
  .ss-c-header__menu-toggle:hover {
    background-color: currentColor;
    color: #ffffff;
  }
  body.is-menu-open .ss-c-header__menu-toggle:hover {
    color: #000000;
  }
  .ss-c-header__menu-toggle-label {
    line-height: 1;
  }
  .ss-c-header__menu-toggle-label[data-label-close] {
    display: none;
  }
  .ss-c-header__menu-toggle.is-active .ss-c-header__menu-toggle-label[data-label-open] {
    display: none;
  }
  .ss-c-header__menu-toggle.is-active .ss-c-header__menu-toggle-label[data-label-close] {
    display: inline;
  }
  .ss-c-header__menu-toggle-icon {
    position: relative;
    display: inline-block;
    width: 1.125rem;
    height: 0.75rem;
  }
  .ss-c-header__menu-toggle-icon span {
    position: absolute;
    left: 0;
    right: 0;
    height: 0.09375rem;
    background-color: currentColor;
    transition: transform 200ms ease, top 200ms ease, opacity 200ms ease;
  }
  .ss-c-header__menu-toggle-icon span:nth-child(1) {
    top: 0.125rem;
  }
  .ss-c-header__menu-toggle-icon span:nth-child(2) {
    top: 0.5rem;
  }
  .ss-c-header__menu-toggle.is-active .ss-c-header__menu-toggle-icon span {
    top: 0.3125rem;
  }
  .ss-c-header__menu-toggle.is-active .ss-c-header__menu-toggle-icon span:nth-child(1) {
    transform: rotate(45deg);
  }
  .ss-c-header__menu-toggle.is-active .ss-c-header__menu-toggle-icon span:nth-child(2) {
    transform: rotate(-45deg);
  }
  .ss-c-header__primary {
    display: none;
    flex: 1;
    justify-content: center;
  }
  @media (min-width: 64rem) {
    .ss-c-header__primary {
      display: flex;
    }
  }
  .ss-c-header__primary-list {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ss-c-header__primary-item {
    position: relative;
  }
  .ss-c-header__primary-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 0;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: currentColor;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 0.0625rem solid transparent;
    transition: border-color 200ms ease, opacity 200ms ease;
  }
  .ss-c-header__primary-link:hover, .ss-c-header__primary-link[aria-expanded=true] {
    border-bottom-color: currentColor;
  }
  .ss-c-header__primary-caret {
    display: inline-block;
    font-size: 0.65em;
    transform: translateY(-0.0625rem);
    transition: transform 200ms ease;
  }
  .ss-c-header__primary-link[aria-expanded=true] .ss-c-header__primary-caret {
    transform: translateY(-0.0625rem) rotate(180deg);
  }
  .ss-c-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 110;
    min-width: 28rem;
    max-width: 44rem;
    margin-top: 0.75rem;
    background-color: #ffffff;
    color: #000000;
    border: 0.0625rem solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 1.5rem 3.75rem -1.25rem rgba(0, 0, 0, 0.25);
  }
  .ss-c-dropdown[hidden] {
    display: none;
  }
  .ss-c-dropdown__inner {
    padding: 1.5rem;
  }
  .ss-c-dropdown__lede {
    margin: 0 0 1.25rem;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.875rem;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.65);
    max-width: 32rem;
  }
  .ss-c-dropdown__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.25rem;
    margin: 0 0 1.25rem;
    padding: 0;
    list-style: none;
  }
  @media (min-width: 48rem) {
    .ss-c-dropdown__list {
      grid-template-columns: 1fr 1fr;
      gap: 0.25rem 1.5rem;
    }
  }
  .ss-c-dropdown__link {
    display: block;
    padding: 0.75rem 0.75rem;
    text-decoration: none;
    color: #000000;
    border-radius: 0.25rem;
    transition: background-color 200ms ease;
  }
  .ss-c-dropdown__link:hover {
    background-color: #f2f2f2;
  }
  .ss-c-dropdown__label {
    display: block;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.2;
  }
  .ss-c-dropdown__sub {
    display: block;
    margin-top: 0.25em;
    font-size: 0.75rem;
    line-height: 1.45;
    color: rgba(0, 0, 0, 0.6);
  }
  .ss-c-dropdown__overview {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.12);
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #000000;
    text-decoration: none;
  }
  .ss-c-dropdown__overview:hover {
    text-decoration: underline;
  }
  .ss-c-menu__sublist {
    list-style: none;
    margin: 0.75rem 0 0.5rem 3.5rem;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
  }
  .ss-c-menu__sublist li a {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
  }
  .ss-c-menu__sublist li a:hover {
    color: #ffffff;
  }
  .ss-c-about {
    padding: 6rem 0;
    background-color: #ffffff;
    color: #000000;
  }
  .ss-c-about__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  @media (min-width: 64rem) {
    .ss-c-about__container {
      padding: 0 3rem;
    }
  }
  .ss-c-about__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: start;
  }
  @media (min-width: 64rem) {
    .ss-c-about__grid {
      grid-template-columns: 1fr 2fr;
      gap: 4rem;
    }
  }
  .ss-c-about__eyebrow {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    padding-top: 0.75rem;
    border-top: 0.0625rem solid #000000;
  }
  .ss-c-about__title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(2.25rem, 6vw, 5rem);
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.04em;
    margin: 0 0 2rem;
    max-width: 22ch;
  }
  .ss-c-about__description {
    font-size: 1.125rem;
    color: #2d2d2d;
    line-height: 1.5;
    margin-bottom: 2rem;
    max-width: 60ch;
  }
  .ss-c-about__list {
    list-style: none;
    margin: 0 0 2.5rem;
    padding: 0;
  }
  .ss-c-about__list-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
    padding: 1rem 0;
    border-bottom: 0.0625rem solid #e5e5e5;
    font-size: 1rem;
  }
  .ss-c-about__list-item::before {
    content: "—";
    color: #000000;
    font-weight: 700;
  }
  .ss-c-contact {
    padding: 6rem 0;
    background-color: #000000;
    color: #ffffff;
  }
  .ss-c-contact__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  @media (min-width: 64rem) {
    .ss-c-contact__container {
      padding: 0 3rem;
    }
  }
  .ss-c-contact__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
    align-items: start;
  }
  @media (min-width: 64rem) {
    .ss-c-contact__grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .ss-c-contact__eyebrow {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #a3a3a3;
    margin-bottom: 1.5rem;
  }
  .ss-c-contact__title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(2.25rem, 7vw, 6rem);
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.04em;
    margin: 0 0 2.5rem;
    color: #ffffff;
    max-width: 14ch;
  }
  .ss-c-contact__description {
    font-size: 1.125rem;
    color: #d4d4d4;
    line-height: 1.5;
    margin: 0 0 2.5rem;
    max-width: 50ch;
  }
  .ss-c-contact__info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-style: normal;
    margin-bottom: 2.5rem;
  }
  .ss-c-contact__info-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
    color: #ffffff;
  }
  .ss-c-contact__info-item svg {
    width: 1.125rem;
    height: 1.125rem;
    color: #ffffff;
  }
  .ss-c-contact__info-item a {
    color: inherit;
    text-decoration: none;
    border-bottom: 0.0625rem solid currentColor;
    padding-bottom: 0.125rem;
  }
  .ss-c-contact__info-item a:hover {
    opacity: 0.6;
  }
  .ss-c-contact__social {
    display: flex;
    gap: 0.75rem;
  }
  .ss-c-contact__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 0.0625rem solid #ffffff;
    border-radius: 62.4375rem;
    color: #ffffff;
    transition: background-color 150ms ease, color 150ms ease;
  }
  .ss-c-contact__social-link:hover {
    background-color: #ffffff;
    color: #000000;
  }
  .ss-c-contact__social-link svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .ss-c-cta {
    padding: 8rem 0;
    background-color: #ffffff;
    color: #000000;
  }
  .ss-c-cta__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  @media (min-width: 64rem) {
    .ss-c-cta__container {
      padding: 0 3rem;
    }
  }
  .ss-c-cta__title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(2.5rem, 9vw, 8rem);
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.04em;
    margin: 0 0 2.5rem;
    color: #000000;
    max-width: 22ch;
  }
  .ss-c-cta__description {
    font-size: 1.125rem;
    color: #2d2d2d;
    max-width: 60ch;
    margin: 0 0 2.5rem;
    line-height: 1.5;
  }
  .ss-c-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .ss-c-features {
    padding: 6rem 0;
    background-color: #000000;
    color: #ffffff;
  }
  .ss-c-features__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  @media (min-width: 64rem) {
    .ss-c-features__container {
      padding: 0 3rem;
    }
  }
  .ss-c-features__header {
    max-width: 60ch;
    margin: 0 0 4rem;
  }
  .ss-c-features__eyebrow {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #a3a3a3;
    margin-bottom: 1.5rem;
  }
  .ss-c-features__title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(2.25rem, 6vw, 5rem);
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.04em;
    margin: 0 0 1.5rem;
    color: #ffffff;
  }
  .ss-c-features__description {
    font-size: 1.125rem;
    color: #d4d4d4;
    line-height: 1.5;
  }
  .ss-c-features__grid {
    display: grid;
    grid-template-columns: 1fr;
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.18);
  }
  @media (min-width: 48rem) {
    .ss-c-features__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-features__grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-features__item {
    position: relative;
    padding: 3rem 1.5rem;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.18);
    background-color: transparent;
    color: #ffffff;
    transition: background-color 200ms ease;
  }
  @media (min-width: 48rem) {
    .ss-c-features__item:nth-child(2n) {
      border-left: 0.0625rem solid rgba(255, 255, 255, 0.18);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-features__item:nth-child(2n) {
      border-left: none;
    }
    .ss-c-features__item:not(:nth-child(3n+1)) {
      border-left: 0.0625rem solid rgba(255, 255, 255, 0.18);
    }
  }
  .ss-c-features__item:hover {
    background-color: rgba(255, 255, 255, 0.04);
  }
  .ss-c-features__index {
    font-size: 0.75rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #a3a3a3;
    margin-bottom: 2rem;
  }
  .ss-c-features__icon {
    display: none;
  }
  .ss-c-features__item-title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 1rem;
    color: #ffffff;
  }
  .ss-c-features__item-description {
    font-size: 1rem;
    color: #d4d4d4;
    line-height: 1.5;
    margin: 0;
  }
  .ss-c-legal {
    color: #000000;
    background: #ffffff;
  }
  .ss-c-legal__container {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 clamp(1.25rem, 4vw, 3rem);
  }
  .ss-c-legal__header {
    padding: clamp(6rem, 14vh, 12rem) 0 clamp(3rem, 6vh, 5rem);
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12);
  }
  .ss-c-legal__eyebrow {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(0, 0, 0, 0.6);
    margin: 0 0 1.25rem;
  }
  .ss-c-legal__title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 500;
    font-size: clamp(2.75rem, 8vw, 7rem);
    line-height: 0.95;
    letter-spacing: -0.02em;
    margin: 0;
  }
  .ss-c-legal__meta {
    margin: 1.5rem 0 0;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.55);
  }
  .ss-c-legal__body {
    padding: clamp(3rem, 6vh, 6rem) 0 clamp(5rem, 10vh, 9rem);
  }
  .ss-c-legal__body .ss-c-legal__container {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(2.5rem, 6vw, 5rem);
  }
  @media (min-width: 60rem) {
    .ss-c-legal__body .ss-c-legal__container {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
  }
  .ss-c-legal__prose {
    max-width: 42rem;
    font-size: clamp(1rem, 1.05vw + 0.85rem, 1.125rem);
    line-height: 1.65;
    color: rgba(0, 0, 0, 0.85);
  }
  .ss-c-legal__prose p {
    margin: 0 0 1.25em;
  }
  .ss-c-legal__prose h2 {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 500;
    font-size: clamp(1.5rem, 2vw + 1rem, 2.25rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 2.75em 0 0.75em;
    color: #000000;
  }
  .ss-c-legal__prose h3 {
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 2em 0 0.75em;
  }
  .ss-c-legal__prose ul,
  .ss-c-legal__prose ol {
    margin: 0 0 1.5em;
    padding-left: 1.25em;
  }
  .ss-c-legal__prose ul li,
  .ss-c-legal__prose ol li {
    margin: 0 0 0.5em;
  }
  .ss-c-legal__prose a {
    color: #000000;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 0.0625rem;
  }
  .ss-c-legal__prose a:hover {
    text-decoration-thickness: 0.125rem;
  }
  .ss-c-legal__prose code {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.9em;
    background: rgba(0, 0, 0, 0.06);
    padding: 0.1em 0.4em;
    border-radius: 0.125rem;
  }
  .ss-c-legal__prose abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
  }
  .ss-c-legal__lead {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.25rem, 1.4vw + 1rem, 1.75rem);
    line-height: 1.35;
    color: #000000;
    margin: 0 0 2.5em;
  }
  .ss-c-legal__table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0 2.5em;
    font-size: 0.9375rem;
  }
  .ss-c-legal__table th,
  .ss-c-legal__table td {
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12);
    vertical-align: top;
  }
  .ss-c-legal__table th {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(0, 0, 0, 0.6);
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.3);
  }
  .ss-c-legal__aside {
    position: sticky;
    top: 6rem;
    align-self: start;
    padding: 1.5rem;
    border: 0.0625rem solid rgba(0, 0, 0, 0.15);
  }
  .ss-c-legal__aside-heading {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(0, 0, 0, 0.55);
    margin: 0 0 1rem;
  }
  .ss-c-legal__aside-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-legal__aside-list li {
    margin: 0 0 0.5rem;
  }
  .ss-c-legal__aside-list a {
    color: #000000;
    text-decoration: none;
    border-bottom: 0.0625rem solid transparent;
    transition: border-color 160ms ease;
  }
  .ss-c-legal__aside-list a:hover {
    border-bottom-color: #000000;
  }
  .ss-c-marketing {
    color: #000000;
    background: #ffffff;
  }
  .ss-c-marketing__container {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 clamp(1.25rem, 4vw, 3rem);
  }
  .ss-c-marketing__hero {
    padding: clamp(7rem, 18vh, 14rem) 0 clamp(3rem, 6vh, 5rem);
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12);
  }
  .ss-c-marketing__hero--detail {
    padding-top: clamp(6rem, 14vh, 11rem);
  }
  .ss-c-marketing__crumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 1rem;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(0, 0, 0, 0.55);
  }
  .ss-c-marketing__crumbs a {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-marketing__crumbs a:hover {
    color: #000000;
    text-decoration: underline;
  }
  .ss-c-marketing__eyebrow {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(0, 0, 0, 0.6);
    margin: 0 0 1rem;
  }
  .ss-c-marketing__title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 500;
    font-size: clamp(2.75rem, 8vw, 7rem);
    line-height: 0.95;
    letter-spacing: -0.02em;
    margin: 0;
    max-width: 22ch;
  }
  .ss-c-marketing__lede {
    margin: 1.5rem 0 0;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.125rem, 1.4vw + 0.85rem, 1.5rem);
    line-height: 1.4;
    max-width: 56ch;
    color: rgba(0, 0, 0, 0.75);
  }
  .ss-c-marketing__grid-section {
    padding: clamp(3rem, 6vh, 6rem) 0 clamp(4rem, 8vh, 8rem);
  }
  .ss-c-marketing__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.12);
  }
  @media (min-width: 45rem) {
    .ss-c-marketing__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .ss-c-marketing .ss-c-card-item {
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12);
    border-right: 0.0625rem solid rgba(0, 0, 0, 0.12);
  }
  @media (min-width: 45rem) {
    .ss-c-marketing .ss-c-card-item:nth-child(2n) {
      border-right: 0;
    }
  }
  @media (max-width: 44.99875rem) {
    .ss-c-marketing .ss-c-card-item {
      border-right: 0;
    }
  }
  .ss-c-marketing .ss-c-card-item__link {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    gap: 1rem;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    color: #000000;
    text-decoration: none;
    min-height: 100%;
    transition: background-color 200ms ease;
  }
  .ss-c-marketing .ss-c-card-item__link:hover {
    background-color: #fafafa;
  }
  .ss-c-marketing .ss-c-card-item__link:hover .ss-c-card-item__arrow {
    transform: translate(0.25rem, -0.25rem);
  }
  .ss-c-marketing .ss-c-card-item__index {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.45);
    letter-spacing: 0.18em;
  }
  .ss-c-marketing .ss-c-card-item__body {
    min-width: 0;
  }
  .ss-c-marketing .ss-c-card-item__eyebrow {
    margin: 0 0 0.5rem;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(0, 0, 0, 0.55);
  }
  .ss-c-marketing .ss-c-card-item__title {
    margin: 0 0 0.75rem;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 500;
    font-size: clamp(1.5rem, 1.5vw + 1rem, 2.25rem);
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  .ss-c-marketing .ss-c-card-item__lede {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.7);
  }
  .ss-c-marketing .ss-c-card-item__arrow {
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(0, 0, 0, 0.6);
    transition: transform 200ms ease;
  }
  .ss-c-marketing__detail {
    padding: clamp(3rem, 6vh, 6rem) 0 clamp(5rem, 10vh, 9rem);
  }
  .ss-c-marketing__detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(2.5rem, 6vw, 5rem);
  }
  @media (min-width: 60rem) {
    .ss-c-marketing__detail-grid {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
  }
  .ss-c-marketing__prose {
    max-width: 42rem;
    font-size: clamp(1rem, 1.05vw + 0.85rem, 1.125rem);
    line-height: 1.65;
    color: rgba(0, 0, 0, 0.85);
  }
  .ss-c-marketing__prose p {
    margin: 0 0 1.25em;
  }
  .ss-c-marketing__prose h2 {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 500;
    font-size: clamp(1.5rem, 2vw + 1rem, 2.25rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 2.5em 0 0.75em;
    color: #000000;
  }
  .ss-c-marketing__bullets {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-marketing__bullets li {
    position: relative;
    padding: 0.75rem 0 0.75rem 1.75rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);
  }
  .ss-c-marketing__bullets li::before {
    content: "→";
    position: absolute;
    left: 0;
    top: 0.75rem;
    color: rgba(0, 0, 0, 0.45);
  }
  .ss-c-marketing__aside {
    position: sticky;
    top: 6rem;
    align-self: start;
    padding: 1.5rem;
    border: 0.0625rem solid rgba(0, 0, 0, 0.15);
  }
  .ss-c-marketing__aside-heading {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: rgba(0, 0, 0, 0.55);
    margin: 0 0 1rem;
  }
  .ss-c-marketing__aside-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-marketing__aside-list li {
    margin: 0 0 0.75rem;
  }
  .ss-c-marketing__aside-list a {
    color: #000000;
    text-decoration: none;
    border-bottom: 0.0625rem solid transparent;
    transition: border-color 200ms ease;
  }
  .ss-c-marketing__aside-list a:hover {
    border-bottom-color: #000000;
  }
  .ss-c-marketing__cta {
    padding: clamp(4rem, 10vh, 9rem) 0;
    background: #000000;
    color: #ffffff;
  }
  .ss-c-marketing__cta .ss-c-marketing__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
  @media (min-width: 45rem) {
    .ss-c-marketing__cta .ss-c-marketing__container {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
  }
  .ss-c-marketing__cta-title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-weight: 500;
    font-size: clamp(1.75rem, 3vw + 1rem, 3.5rem);
    line-height: 1.05;
    letter-spacing: -0.02em;
    margin: 0;
    max-width: 18ch;
  }
  .ss-c-marketing__cta .ss-c-btn {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
  }
  .ss-c-marketing__cta .ss-c-btn:hover {
    background: transparent;
    color: #ffffff;
  }
  .ss-c-offerings {
    padding: 6rem 0;
    background-color: #ffffff;
    color: #000000;
  }
  .ss-c-offerings__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  @media (min-width: 64rem) {
    .ss-c-offerings__container {
      padding: 0 3rem;
    }
  }
  .ss-c-offerings__eyebrow {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    margin-bottom: 1.5rem;
  }
  .ss-c-offerings__lead {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.75rem, 3.5vw, 3.25rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.04em;
    max-width: 28ch;
    margin: 0 0 4rem;
  }
  .ss-c-offerings__list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 0.0625rem solid #000000;
  }
  .ss-c-offerings__item {
    border-bottom: 0.0625rem solid #000000;
  }
  .ss-c-offerings__link {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: baseline;
    gap: 1.5rem;
    padding: 2rem 0;
    text-decoration: none;
    color: #000000;
    transition: padding 200ms ease;
  }
  .ss-c-offerings__link:hover {
    padding-left: 1.5rem;
    opacity: 1;
  }
  .ss-c-offerings__link:hover .ss-c-offerings__arrow {
    transform: translate(0.25rem, -0.25rem);
  }
  .ss-c-offerings__index {
    font-size: 1rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    align-self: start;
    padding-top: 0.6em;
  }
  .ss-c-offerings__title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.75rem, 5vw, 4.5rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.04em;
    margin: 0;
    color: #000000;
  }
  .ss-c-offerings__arrow {
    font-size: clamp(1.5rem, 3vw, 2.5rem);
    line-height: 1;
    align-self: center;
    transition: transform 200ms ease;
  }
  .ss-c-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .ss-c-mt-auto {
    margin-top: auto;
  }
  .ss-c-mb-0 {
    margin-bottom: 0;
  }
  .ss-c-text-muted {
    color: #525252;
  }
  .ss-c-bg-accent {
    background-color: #000000;
  }
  .ss-c-bg-dark {
    background-color: #000000;
  }
  .ss-c-button.ss-c-accent {
    background: var(--color_accent_primary);
  }
  .ss-c-article--card {
    border: 0.0625rem solid var(--color_line_primary);
  }
  .ss-c-article--card .ss-c-tags {
    padding: 0.5rem;
  }
  .ss-c-main_content {
    padding: 0;
  }
  .ss-c-main_content_section {
    margin: 2.5rem 0;
  }
  .ss-c-main_content_section .ss-c-section,
  .ss-c-main_content_section .ss-c-grid__frame--1,
  .ss-c-main_content_section .ss-c-frame--center__area--center_center {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ss-c-fullscreen {
    position: relative;
    height: calc(100vh - 2.75rem);
    width: 100%;
    overflow: hidden;
    text-align: center;
  }
  .ss-c-fullscreen div {
    width: 100%;
    height: 100%;
  }
  .ss-c-ribbon--bottom {
    padding-left: 0;
    padding-right: 0;
  }
  .ss-c-ribbon--top.ss-c-title {
    height: 4.375rem;
  }
  .ss-c-ribbon--top.ss-c-navigation {
    height: 1.375rem;
  }
  .ss-c-rail {
    scrollbar-width: none;
  }
  .ss-c-blockquote {
    margin: 0.75rem 0;
    padding: 0.5rem 0.625rem;
    position: relative;
    border-left: 0.25rem solid var(--color_accent_primary, #2d5a27);
    background: linear-gradient(135deg, rgba(45, 90, 39, 0.03) 0%, rgba(45, 90, 39, 0.01) 100%);
    border-radius: 0 0.125rem 0.125rem 0;
  }
  .ss-c-blockquote__text {
    font-family: Georgia, serif, Georgia, "Times New Roman", serif;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.7;
    margin: 0 0 0.25rem;
    color: var(--color_text_primary, #1a1a1a);
    letter-spacing: 0.01em;
  }
  .ss-c-blockquote__text::before {
    content: '"';
    font-family: Georgia, serif, Georgia, serif;
    font-size: 4rem;
    font-style: normal;
    line-height: 1;
    color: var(--color_accent_primary, #2d5a27);
    opacity: 0.25;
    position: absolute;
    top: 0.125rem;
    left: 0.25rem;
  }
  .ss-c-blockquote__footer {
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
    margin-top: 0.25rem;
    padding-top: 0.1875rem;
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
  .ss-c-blockquote__author {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, -apple-system, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    color: var(--color_text_primary, #1a1a1a);
  }
  .ss-c-blockquote__source {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, -apple-system, sans-serif;
    font-size: 0.875rem;
    font-style: italic;
    opacity: 0.65;
  }
  .ss-c-blockquote--left {
    text-align: left;
  }
  .ss-c-blockquote--center {
    text-align: center;
    border-left: none;
    border-top: 0.25rem solid var(--color_accent_primary, #2d5a27);
    border-radius: 0.125rem 0.125rem 0 0;
    padding: 0.625rem 0.5rem;
  }
  .ss-c-blockquote--center .ss-c-blockquote__text::before {
    left: 50%;
    transform: translateX(-50%);
    top: 0.1875rem;
  }
  .ss-c-blockquote--center .ss-c-blockquote__footer {
    align-items: center;
    border-top: none;
    padding-top: 0;
  }
  .ss-c-blockquote--right {
    text-align: right;
    border-left: none;
    border-right: 0.25rem solid var(--color_accent_primary, #2d5a27);
    border-radius: 0.125rem 0 0 0.125rem;
  }
  .ss-c-blockquote--right .ss-c-blockquote__text::before {
    left: auto;
    right: 0.25rem;
  }
  .ss-c-blockquote--right .ss-c-blockquote__footer {
    align-items: flex-end;
  }
  .ss-c-blockquote--large .ss-c-blockquote__text {
    font-size: 2rem;
    line-height: 1.6;
  }
  .ss-c-blockquote--large .ss-c-blockquote__text::before {
    font-size: 5rem;
  }
  .ss-c-blockquote-section {
    padding: 0.75rem 0;
  }
  .ss-c-project-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0;
  }
  .ss-c-project-carousel__track {
    display: flex;
    gap: 0.375rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0.125rem 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .ss-c-project-carousel__track::-webkit-scrollbar {
    display: none;
  }
  .ss-c-project-carousel__item {
    flex: 0 0 17.5rem;
    scroll-snap-align: start;
    position: relative;
    border-radius: 0.125rem;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background: var(--color_background_secondary, #f5f5f5);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .ss-c-project-carousel__item:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
  }
  .ss-c-project-carousel__image {
    width: 100%;
    height: 11.25rem;
    object-fit: cover;
    object-position: center;
    display: block;
  }
  .ss-c-project-carousel__placeholder {
    width: 100%;
    height: 11.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--color_accent_primary, #2d5a27) 0%, #1a3d18 100%);
  }
  .ss-c-project-carousel__placeholder span {
    font-family: Georgia, serif, Georgia, serif;
    font-size: 4rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.3);
  }
  .ss-c-project-carousel__info {
    padding: 0.25rem;
  }
  .ss-c-project-carousel__title {
    font-family: Georgia, serif, Georgia, serif;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.0625rem;
    line-height: 1.3;
    color: var(--color_text_primary, #1a1a1a);
  }
  .ss-c-project-carousel__category {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, -apple-system, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color_text_secondary, #666);
  }
  .ss-c-project-carousel__btn {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 0.0625rem solid var(--color_border, #ddd);
    background: var(--color_background, #fff);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }
  .ss-c-project-carousel__btn span {
    font-size: 1.5rem;
    line-height: 1;
    color: var(--color_text_primary, #1a1a1a);
  }
  .ss-c-project-carousel__btn:hover {
    background: var(--color_accent_primary, #2d5a27);
    border-color: var(--color_accent_primary, #2d5a27);
  }
  .ss-c-project-carousel__btn:hover span {
    color: #fff;
  }
  .ss-c-project-carousel__btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }
  .ss-c-projects__filter {
    margin: 0.625rem 0;
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }
  .ss-c-projects__filter span {
    cursor: pointer;
  }
  .ss-c-projects__filter span.active {
    text-decoration: underline;
    cursor: default;
    color: var(--color_accent_primary);
  }
  .ss-c-divider--accent {
    border: none;
    height: 0.0625rem;
    background-color: var(--color_accent_primary);
    margin: 0 0 2rem 0;
  }
  .ss-c-grid__frame--1.reset--sides > .ss-c-grid__frame--6:last-child hr.divider--thin {
    display: none;
  }
  .ss-c-icon-card-section {
    padding: 0.5rem 0;
  }
  .ss-c-icon-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 0.875rem;
    align-items: flex-start;
    justify-content: center;
  }
  .ss-c-icon-cards--row {
    flex-wrap: nowrap;
    overflow: visible;
    justify-content: center;
    padding: 0.375rem 0.25rem;
  }
  .ss-c-icon-cards--row .ss-c-icon-card {
    flex: 0 0 auto;
    max-width: 12.5rem;
  }
  .ss-c-icon-cards--grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr));
    max-width: 50rem;
    margin: 0 auto;
  }
  .ss-c-icon-cards--grid .ss-c-icon-card__connector {
    display: none;
  }
  .ss-c-icon-cards--with-connectors {
    gap: 0.375rem;
    align-items: flex-start;
  }
  .ss-c-icon-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 13.75rem;
  }
  .ss-c-icon-card__image-wrapper {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    border: 0.1875rem dotted #000;
    padding: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color_background, #fff);
    transition: transform 0.3s ease;
    flex-shrink: 0;
  }
  .ss-c-icon-card__image-wrapper:hover {
    transform: scale(1.05);
  }
  .ss-c-icon-card__image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
  }
  .ss-c-icon-card__content {
    margin-top: 0.625rem;
    max-width: 100%;
  }
  .ss-c-icon-card__title {
    font-family: Georgia, serif, Georgia, "Times New Roman", serif;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 1.1;
    margin: 0 0 0.125rem;
    color: var(--color_text_primary, #1a1a1a);
    word-spacing: 100vw;
  }
  .ss-c-icon-card__description {
    font-family: Georgia, serif, Georgia, "Times New Roman", serif;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.6;
    margin: 0 0 0.125rem;
    color: var(--color_text_secondary, #555);
  }
  .ss-c-icon-card__link {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, -apple-system, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color_accent_primary, #2d5a27);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.0625rem;
    transition: color 0.2s ease;
  }
  .ss-c-icon-card__link:hover {
    color: var(--color_accent_secondary, #4a8c3f);
    text-decoration: underline;
  }
  .ss-c-icon-card__link-arrow {
    transition: transform 0.2s ease;
  }
  .ss-c-icon-card__link:hover .ss-c-icon-card__link-arrow {
    transform: translateX(0.25rem);
  }
  .ss-c-icon-card__connector {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0 0.0625rem;
    height: 7.5rem;
  }
  .ss-c-icon-card__connector--dotted_arrow svg {
    width: 3.125rem;
    height: 1.5rem;
  }
  .ss-c-icon-card__connector--dotted_bar .ss-c-icon-card__bar {
    width: 0.125rem;
    height: 3.75rem;
    border-left: 0.125rem dotted #000;
  }
  .ss-c-icon-grid-section {
    padding: 0.5rem 0;
  }
  .ss-c-icon-grid {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 87.5rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
  }
  @media (max-width: 75rem) {
    .ss-c-icon-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 56.25rem) {
    .ss-c-icon-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 37.5rem) {
    .ss-c-icon-grid {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-icon-grid__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.1875rem;
  }
  .ss-c-icon-grid__icon {
    flex: 0 0 auto;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.375rem;
    border: 0.0625rem solid var(--color_border, #e5e5e5);
    background: var(--color_background, #fff);
    padding: 0.09375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .ss-c-icon-grid__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .ss-c-icon-grid__content {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.03125rem;
  }
  .ss-c-icon-grid__title {
    margin: 0;
    font-size: 0.09375rem;
    line-height: 1.2;
    word-break: break-word;
  }
  .ss-c-icon-grid__description {
    margin: 0;
    font-size: 0.078125rem;
    line-height: 1.4;
  }
  .ss-c-icon-grid__link {
    align-self: flex-start;
    margin-top: 0.03125rem;
    font-size: 0.078125rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.0625rem;
  }
  .ss-c-icon-grid__link:hover .ss-c-icon-grid__link-arrow, .ss-c-icon-grid__link:focus .ss-c-icon-grid__link-arrow {
    transform: translateX(0.1875rem);
  }
  .ss-c-icon-grid__link-arrow {
    display: inline-block;
    transition: transform 0.2s ease;
  }
  .ss-c-storyboard-section {
    padding: 0.5rem 0;
  }
  .ss-c-storyboard {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    align-items: flex-start;
    justify-content: center;
  }
  .ss-c-storyboard--row {
    flex-wrap: nowrap;
    overflow: visible;
    justify-content: center;
    padding: 0.25rem 0.125rem;
  }
  .ss-c-storyboard--row .ss-c-storyboard__panel {
    flex: 0 0 auto;
    max-width: 15rem;
  }
  @media (max-width: 56.25rem) {
    .ss-c-storyboard--row {
      flex-wrap: wrap;
    }
    .ss-c-storyboard--row .ss-c-storyboard__connector {
      display: none;
    }
  }
  .ss-c-storyboard--grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    max-width: 62.5rem;
    margin: 0 auto;
  }
  .ss-c-storyboard--grid .ss-c-storyboard__connector {
    display: none;
  }
  .ss-c-storyboard--with-connectors {
    gap: 0.125rem;
    align-items: flex-start;
  }
  .ss-c-storyboard__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 15rem;
  }
  .ss-c-storyboard__image-wrapper {
    width: 100%;
    max-width: 12.5rem;
    aspect-ratio: 1/1;
    background: transparent;
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .ss-c-storyboard__image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    background: transparent;
  }
  .ss-c-storyboard__content {
    margin-top: 0.1875rem;
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
    align-items: center;
  }
  .ss-c-storyboard__title {
    margin: 0;
    font-size: 0.125rem;
    line-height: 1.2;
  }
  .ss-c-storyboard__description {
    margin: 0;
    font-size: 0.09375rem;
    line-height: 1.45;
  }
  .ss-c-storyboard__link {
    margin-top: 0.0625rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.0625rem;
  }
  .ss-c-storyboard__link:hover .ss-c-storyboard__link-arrow, .ss-c-storyboard__link:focus .ss-c-storyboard__link-arrow {
    transform: translateX(0.1875rem);
  }
  .ss-c-storyboard__link-arrow {
    display: inline-block;
    transition: transform 0.2s ease;
  }
  .ss-c-storyboard__connector {
    display: flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    flex: 0 0 auto;
    align-self: center;
    margin-top: 0.625rem;
  }
  .ss-c-storyboard__connector--dotted_bar .ss-c-storyboard__bar {
    width: 0.125rem;
    height: 0.5rem;
    background-image: linear-gradient(currentColor 50%, transparent 50%);
    background-size: 0.125rem 0.5rem;
  }
  .ss-c-table--full-width {
    width: 100%;
  }
  .ss-c-table--full-width th {
    width: 9.375rem;
    min-width: 9.375rem;
    text-align: left;
    vertical-align: top;
    padding-right: 1rem;
  }
  .ss-c-table--full-width td {
    width: 100%;
  }
  .ss-c-table--full-width ul, .ss-c-table--full-width ol {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-table--full-width li {
    margin: 0;
    padding: 0;
  }
  .ss-c-two-column-section {
    padding: 0.5rem 0;
  }
  .ss-c-two-column-grid {
    display: grid;
    gap: 0.5rem;
    align-items: center;
  }
  .ss-c-two-column-grid.ss-c-layout--equal {
    grid-template-columns: 1fr 1fr;
  }
  .ss-c-two-column-grid.ss-c-layout--left-wide {
    grid-template-columns: 3fr 2fr;
  }
  .ss-c-two-column-grid.ss-c-layout--right-wide {
    grid-template-columns: 2fr 3fr;
  }
  @media (max-width: 56.25rem) {
    .ss-c-two-column-grid {
      grid-template-columns: 1fr !important;
      gap: 0.375rem;
    }
    .ss-c-two-column-grid.ss-c-reverse-mobile .ss-c-column--right {
      order: -1;
    }
  }
  .ss-c-two-column-grid .ss-c-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1875rem;
  }
  .ss-c-two-column-grid .ss-c-column-image {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ss-c-two-column-grid .ss-c-column-image img {
    display: block;
    max-width: 100%;
    max-height: 26.25rem;
    width: auto;
    height: auto;
    object-fit: contain;
  }
  .ss-c-two-column-grid .ss-c-column-content {
    min-width: 0;
  }
  .ss-c-video-grid {
    display: grid;
    gap: 1rem;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12.5rem), 1fr));
  }
  .ss-c-video-grid--portrait {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    width: 100%;
  }
  .ss-c-video-grid__item {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0.25rem;
    background: var(--background-secondary, #f8f8f8);
  }
  .ss-c-video-grid__video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }
  .ss-c-video-grid__label {
    display: block;
    padding: 0.75rem 1rem;
    font-family: var(--heading-ff);
    font-size: var(--step--1);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.05em;
    background: var(--background-primary, #fff);
    border-top: 0.0625rem solid var(--border-subtle, #e8e8e8);
  }
  .ss-c-frame--center__area--center_center {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .ss-c-grid__frame--6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ss-c-reset--sides .ss-c-grid__frame--6,
  .ss-c-reset--sides .ss-c-grid__frame--1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ss-c-download-section {
    margin-top: 5rem;
    padding-top: 2.5rem;
  }
  .ss-c-download-section h3 {
    font-family: var(--heading-ff);
    font-weight: 700;
    text-transform: uppercase;
    word-spacing: 100vw;
    margin-bottom: 1rem;
  }
  .ss-c-download-section__intro {
    font-family: var(--heading-ff);
    font-style: italic;
    margin-bottom: 2.5rem;
    max-width: 60ch;
  }
  .ss-c-download-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17.5rem), 1fr));
    gap: 2rem;
    margin-bottom: 2.5rem;
  }
  .ss-c-download-card {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--background-secondary, #f8f8f8);
    border: 0.0625rem solid var(--border-subtle, #e8e8e8);
    border-radius: 0.25rem;
    transition: border-color 0.2s ease;
  }
  .ss-c-download-card:hover {
    border-color: var(--border-emphasis, #ccc);
  }
  .ss-c-download-card__icon {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted, #666);
  }
  .ss-c-download-card__icon svg {
    width: 2rem;
    height: 2rem;
  }
  .ss-c-download-card__content {
    flex: 1;
  }
  .ss-c-download-card__title {
    font-family: var(--heading-ff);
    font-size: var(--step--1);
    font-weight: 700;
    text-transform: uppercase;
    word-spacing: 100vw;
    margin: 0 0 0.5rem;
  }
  .ss-c-download-card__description {
    font-size: var(--step--2);
    color: var(--text-muted, #666);
    margin: 0 0 1rem;
    line-height: 1.4;
  }
  .ss-c-download-card__button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--step--2);
  }
  .ss-c-download-card__button svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  .ss-c-citation-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .ss-c-citation-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 1rem;
    font-family: var(--body-ff);
    font-size: var(--step--2);
    font-weight: 500;
    text-decoration: none;
    background: var(--background-primary, #fff);
    border: 0.0625rem solid var(--border-default, #ddd);
    border-radius: 0.1875rem;
    color: var(--text-primary);
    transition: all 0.15s ease;
  }
  .ss-c-citation-btn:hover {
    background: var(--background-emphasis, #333);
    border-color: var(--background-emphasis, #333);
    color: var(--text-inverse, #fff);
  }
  .ss-c-citation-preview {
    background: var(--background-secondary, #f8f8f8);
    border: 0.0625rem solid var(--border-subtle, #e8e8e8);
    border-radius: 0.25rem;
    padding: 1.5rem;
  }
  .ss-c-citation-preview__title {
    font-family: var(--heading-ff);
    font-size: var(--step--1);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 1rem;
  }
  .ss-c-citation-preview__tabs {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1rem;
    border-bottom: 0.0625rem solid var(--border-subtle, #e8e8e8);
    padding-bottom: 0.5rem;
  }
  .ss-c-citation-preview__content {
    position: relative;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
  }
  .ss-c-citation-tab {
    padding: 0.25rem 1rem;
    font-family: var(--body-ff);
    font-size: var(--step--2);
    font-weight: 500;
    background: transparent;
    border: none;
    border-bottom: 0.125rem solid transparent;
    color: var(--text-muted, #666);
    cursor: pointer;
    transition: all 0.15s ease;
  }
  .ss-c-citation-tab:hover {
    color: var(--text-primary);
  }
  .ss-c-citation-tab.active {
    color: var(--text-primary);
    border-bottom-color: var(--accent-primary, #2d5a27);
  }
  .ss-c-citation-text {
    flex: 1;
    font-family: var(--body-ff);
    font-size: var(--step--2);
    line-height: 1.5;
    word-break: break-word;
    white-space: pre-wrap;
    background: var(--background-primary, #fff);
    padding: 1rem;
    border: 0.0625rem solid var(--border-subtle, #e8e8e8);
    border-radius: 0.1875rem;
  }
  .ss-c-citation-copy {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    background: var(--background-primary, #fff);
    border: 0.0625rem solid var(--border-default, #ddd);
    border-radius: 0.1875rem;
    color: var(--text-muted, #666);
    cursor: pointer;
    transition: all 0.15s ease;
  }
  .ss-c-citation-copy:hover {
    background: var(--background-emphasis, #333);
    border-color: var(--background-emphasis, #333);
    color: var(--text-inverse, #fff);
  }
  .ss-c-citation-copy svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  .ss-c-hero--ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
  }
  .ss-c-hero--ctas .ss-c-button {
    min-width: 12rem;
  }
  @media (max-width: 37.5rem) {
    .ss-c-hero--ctas {
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      max-width: 20rem;
      margin-left: auto;
      margin-right: auto;
    }
    .ss-c-hero--ctas .ss-c-button {
      width: 100%;
    }
  }
  .ss-c-stats-strip {
    background: #000;
    color: #fff;
    padding: 3rem 1rem;
    margin: 0;
  }
  .ss-c-stats-strip__inner {
    max-width: 75rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    text-align: center;
  }
  @media (max-width: 43.75rem) {
    .ss-c-stats-strip__inner {
      grid-template-columns: repeat(2, 1fr);
      gap: 2.5rem;
    }
  }
  .ss-c-stats-strip__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
  .ss-c-stats-strip__value {
    font-family: var(--heading-ff);
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 700;
    line-height: 1;
    color: #fff;
  }
  .ss-c-stats-strip__label {
    font-family: var(--body-ff);
    font-size: var(--step--1);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.7);
  }
  .ss-c-research-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1.5rem;
    margin: 0;
  }
  .ss-c-research-grid__item {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 2rem 1.5rem;
    background: var(--background-secondary, #f8f8f8);
    border: 0.0625rem solid var(--border-subtle, #e8e8e8);
    border-radius: 0.25rem;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
  }
  .ss-c-research-grid__item:hover {
    transform: translateY(-0.125rem);
    border-color: #000;
    background: var(--background-primary, #fff);
  }
  .ss-c-research-grid__item:hover .ss-c-research-grid__cta {
    transform: translateX(0.25rem);
  }
  .ss-c-research-grid__icon {
    font-family: var(--heading-ff);
    font-size: 2.5rem;
    line-height: 1;
    color: #000;
    margin-bottom: 0.5rem;
  }
  .ss-c-research-grid__title {
    font-family: var(--heading-ff);
    font-size: var(--step-1);
    font-weight: 700;
    text-transform: uppercase;
    word-spacing: 100vw;
    margin: 0;
    color: #000;
  }
  .ss-c-research-grid__tagline {
    font-family: var(--heading-ff);
    font-style: italic;
    font-size: var(--step--1);
    color: var(--text-muted, #666);
    margin: 0;
    flex: 1;
  }
  .ss-c-research-grid__cta {
    font-family: var(--body-ff);
    font-size: var(--step--1);
    font-weight: 500;
    margin-top: auto;
    transition: transform 0.2s ease;
    display: inline-block;
  }
  .ss-c-partners-band {
    padding: 3rem 1.5rem;
    text-align: center;
  }
  .ss-c-partners-band__title {
    font-family: var(--heading-ff);
    font-size: var(--step--1);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--text-muted, #666);
    margin: 0 0 2rem;
  }
  .ss-c-partners-band__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2rem 3rem;
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-partners-band__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
  }
  .ss-c-partners-band__logo a {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.15s ease;
  }
  .ss-c-partners-band__logo a:hover {
    opacity: 0.6;
  }
  .ss-c-partners-band__name {
    font-family: var(--heading-ff);
    font-size: var(--step--1);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-primary);
    white-space: nowrap;
  }
  .ss-c-partners-band__cta {
    margin-top: 2rem;
  }
  .ss-c-project-hero-cover {
    position: relative;
    width: 100%;
    height: 60vh;
    min-height: 25rem;
    max-height: 43.75rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-project-hero-cover__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .ss-c-project-hero-cover__overlay {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0.5rem;
    max-width: 56.25rem;
    text-shadow: 0 0.125rem 1.25rem rgba(0, 0, 0, 0.3);
  }
  .ss-c-project-hero-cover__title {
    font-family: Georgia, serif, Georgia, "Times New Roman", serif;
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 700;
    color: #fff;
    margin: 0 0 0.25rem;
    line-height: 1.2;
  }
  .ss-c-project-hero-cover__tagline {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, -apple-system, sans-serif;
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    font-weight: 400;
    max-width: 43.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .ss-c-project-hero-cover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.3) 100%);
    z-index: 1;
  }
  .ss-c-ribbon__title__text {
    display: block !important;
    visibility: visible !important;
  }
  .ss-c-ribbon__slot--horizontal_right {
    display: flex !important;
    visibility: visible !important;
    justify-content: flex-end !important;
    width: 100% !important;
    flex: 1 !important;
  }
  .ss-c-ribbon__nav {
    display: flex !important;
    visibility: visible !important;
    justify-content: flex-end !important;
    width: 100% !important;
    position: relative !important;
  }
  .ss-c-ribbon__nav__list {
    display: flex !important;
    visibility: visible !important;
    flex-wrap: wrap;
    justify-content: flex-end !important;
    gap: 1.5rem !important;
    list-style: none;
    margin: 0;
    padding: 0;
    position: static !important;
    top: auto !important;
    left: auto !important;
    z-index: auto !important;
  }
  .ss-c-ribbon__nav__list__item {
    display: flex !important;
    visibility: visible !important;
    position: static !important;
  }
  .ss-c-ribbon__nav__list__item__text {
    display: inline-block !important;
    visibility: visible !important;
  }
  .ss-c-h1, .ss-c-h2, .ss-c-h3, .ss-c-h4, .ss-c-h5, .ss-c-h6 {
    font-family: Georgia, serif, Georgia, "Times New Roman", serif;
    font-weight: 700;
  }
  .ss-c-heading--sans h1, .ss-c-heading--sans h2, .ss-c-heading--sans h3, .ss-c-heading--sans h4, .ss-c-heading--sans h5, .ss-c-heading--sans h6,
  .ss-c-heading--sans .ss-c-h1, .ss-c-heading--sans .ss-c-h2, .ss-c-heading--sans .ss-c-h3, .ss-c-heading--sans .ss-c-h4, .ss-c-heading--sans .ss-c-h5, .ss-c-heading--sans .ss-c-h6,
  .ss-c-heading--sans .ss-c-title,
  .ss-c-heading--sans .ss-c-page-title,
  .ss-c-heading--sans .ss-c-section-title,
  .ss-c-heading--sans [class*=__title],
  .ss-c-heading--sans [class*="--title"] {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .ss-c-accent--text {
    color: var(--color_accent_primary) !important;
  }
  .ss-c-accent--text::before {
    color: var(--color_accent_primary) !important;
  }
  .ss-c-accent--bg {
    background: var(--color_accent_primary) !important;
  }
  .ss-c-fill--text {
    color: var(--color_fill_primary) !important;
  }
  .ss-c-fill--bg {
    background: var(--color_fill_primary) !important;
    background-color: var(--color_fill_primary) !important;
  }
  .ss-c-reset {
    padding: 0 !important;
    margin: 0 !important;
  }
  .ss-c-reset--top {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .ss-c-reset--bottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .ss-c-reset--sides {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ss-c-margin-top--sm {
    margin-top: 1rem !important;
  }
  .ss-c-margin-top--md {
    margin-top: 2rem !important;
  }
  .ss-c-margin-top--lg {
    margin-top: 4rem !important;
  }
  .ss-c-margin-top--xl {
    margin-top: 6rem !important;
  }
  .ss-c-list_none {
    padding: 0;
  }
  .ss-c-text--left {
    text-align: left;
  }
  .ss-c-text--right {
    text-align: right;
  }
  .ss-c-text--justify {
    text-align: justify;
  }
  .ss-c-text--center {
    text-align: center;
  }
  .ss-c-align--left {
    align-items: left;
  }
  .ss-c-frame_main {
    position: relative;
    z-index: 1;
    pointer-events: none;
    grid-template-columns: 1fr 6fr 1fr;
    gap: 1rem;
    padding: 1rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .ss-c-frame_main * {
    pointer-events: all;
  }
  .ss-c-frame_main .ss-c-frame_main__area--top {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4rem);
    grid-template-columns: 1fr 6fr 1fr;
    gap: 1rem;
    grid-template-areas: "top_left top_center top_right";
  }
  .ss-c-frame_main .ss-c-frame_main__area--top_left,
  .ss-c-frame_main .ss-c-frame_main__area--top_center,
  .ss-c-frame_main .ss-c-frame_main__area--top_right {
    position: relative;
    border-bottom: 0.0625rem solid black;
    height: 5rem;
    padding-top: 1rem;
  }
  .ss-c-frame_main .ss-c-frame_main__area--middle_center {
    border-left: none;
    border-right: none;
    display: block;
    overflow-y: scroll;
    scrollbar-width: none;
  }
  .ss-c-frame_main .ss-c-frame_main__area--bottom {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4rem);
    grid-template-columns: 1fr 6fr 1fr;
    gap: 1rem;
    grid-template-areas: "bottom_left bottom_center bottom_right";
  }
  .ss-c-frame_main .ss-c-frame_main__area--bottom_left,
  .ss-c-frame_main .ss-c-frame_main__area--bottom_center,
  .ss-c-frame_main .ss-c-frame_main__area--bottom_right {
    position: relative;
    border-top: 0.0625rem solid #000;
    height: 4rem;
  }
  .ss-c-frame_underlay {
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: all;
    padding: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    grid-template-areas: "middle_left middle_center middle_right";
    grid-template-columns: 1fr 6fr 1fr;
    gap: 1rem;
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    border: 0;
  }
  .ss-c-frame_underlay .ss-c-frame_main__area--middle_center {
    grid-area: middle_center;
    overflow-y: scroll;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
  }
  .ss-c-frame_underlay .ss-c-frame_main__area--middle_center .ss-c-works {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .ss-c-frame_underlay .ss-c-frame_main__area--middle_center .ss-c-works .ss-c-work-item {
    display: flex;
    flex-direction: column;
    width: 33.33%;
    margin: 0 auto;
    margin-bottom: 1rem;
    scroll-margin-top: 6rem;
  }
  .ss-c-map {
    height: 100%;
    position: relative;
  }
  .ss-c-map .ss-c-mapboxgl-popup {
    display: none;
  }
  .ss-c-map .ss-c-mapboxgl-canvas-container {
    position: absolute;
  }
  .ss-c-folio {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: none;
  }
  .ss-c-metadata {
    align-self: flex-end;
    font-size: 0.625rem;
    line-height: 120%;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.25rem;
    row-gap: 0.125rem;
  }
  .ss-c-metadata .ss-c-meta-item {
    display: contents;
  }
  .ss-c-metadata .ss-c-meta-label {
    white-space: nowrap;
  }
  .ss-c-metadata .ss-c-meta-value {
    overflow-wrap: break-word;
  }
  .ss-c-metadata--company {
    font-size: inherit;
    line-height: inherit;
    row-gap: 0.25rem;
  }
  .ss-c-contact_info {
    font-size: 0.625rem;
    margin-top: 1rem;
  }
  .ss-c-contact_info table {
    table-layout: auto;
    line-height: 120%;
  }
  .ss-c-contact_info tr td:first-child {
    padding-right: 0.125rem;
  }
  .ss-c-fit_text {
    margin-top: auto;
    line-height: 120%;
    font-variation-settings: "wght" 900;
    font-size: clamp(1rem, min(12vw, 18vh), 10.3125rem);
  }
  .ss-c-spread {
    overflow: hidden;
    scrollbar-width: none;
    display: grid;
    margin-bottom: 4rem;
    margin-top: 0;
    scroll-margin-top: 6rem;
    scroll-snap-align: start;
    height: calc(100vh - 11rem);
    width: 100%;
    gap: 1rem;
  }
  .ss-c-spread:first-of-type {
    margin-top: 8rem;
  }
  .ss-c-spread:last-child {
    margin-bottom: 6rem;
  }
  .ss-c-spread.ss-c-single {
    grid-template-columns: 1fr;
  }
  .ss-c-spread.ss-c-split {
    grid-template-columns: 1fr 1fr;
  }
  .ss-c-spread.ss-c-major {
    grid-template-columns: 2fr 1fr;
  }
  .ss-c-spread .ss-c-text {
    padding-right: 1rem;
    margin-top: auto;
    max-height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
  }
  .ss-c-careers-section__header {
    border-color: var(--border);
  }
  .ss-c-stories-grid__item {
    border-color: var(--border-soft);
  }
  .ss-c-connect-lines li {
    border-color: var(--border-dashed);
  }
  .ss-c-studio-locations__card {
    background: var(--surface);
  }
  .ss-c-careers-roles__row--open {
    background: linear-gradient(to right, var(--surface), transparent 60%);
  }
  .ss-c-careers-roles__tag--open {
    background: var(--invert-bg);
    color: var(--invert-fg);
  }
  .ss-c-theme-toggle {
    appearance: none;
    background: transparent;
    border: 0.0625rem solid var(--border);
    color: var(--fg);
    font: inherit;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    padding: 0.3rem 0.55rem;
    margin-inline-start: 0.6rem;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
  }
  .ss-c-theme-toggle:hover {
    background: var(--fg);
    color: var(--bg);
  }
  .ss-c-theme-toggle .ss-c-theme-toggle__icon-light {
    display: none;
  }
  .ss-c-theme-toggle .ss-c-theme-toggle__icon-dark {
    display: inline;
  }
  .ss-c-story__card figcaption {
    grid-column: 3/7;
    background-color: var(--color_line_primary);
    opacity: 1;
    padding: 0.5rem !important;
    position: absolute;
    bottom: 1.25rem;
  }
  .ss-c-story__card figcaption * {
    color: var(--color_fill_primary);
    margin: 0;
  }
  .ss-c-magazine {
    margin-bottom: 3.75rem;
  }
  .ss-c-magazine.ss-c-full {
    height: calc(100vh - 2.75rem);
  }
  .ss-c-magazine.ss-c-half {
    height: calc(50vh - 2.75rem);
  }
  @media screen and (max-height: 46.875rem) {
    .ss-c-magazine.ss-c-full {
      min-height: calc(100vh - 2.75rem);
      height: auto;
    }
    .ss-c-magazine.ss-c-half {
      min-height: calc(50vh - 2.75rem);
      height: auto;
    }
  }
  .ss-c-magazine.ss-c-no_margin {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .ss-c-magazine.ss-c-no_margin--left {
    margin-left: -1.25rem;
  }
  .ss-c-magazine.ss-c-no_margin--right {
    margin-right: -1.25rem;
  }
  .ss-c-magazine figure {
    width: 100%;
    height: 100%;
  }
  .ss-c-magazine figure img {
    object-fit: cover;
    height: 100%;
  }
  .ss-c-works-nav {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-work-nav-item {
    padding: 0.25rem 0;
    font-size: 0.875rem;
    color: inherit;
    text-decoration: none;
    opacity: 0.5;
    transition: opacity 0.3s ease;
  }
  .ss-c-work-nav-item:hover {
    opacity: 0.8;
  }
  .ss-c-work-nav-item.is-active {
    opacity: 1;
    font-weight: 600;
  }
  .ss-c-frame_main__area--bottom {
    pointer-events: none;
    transition: display 0.3s ease;
    will-change: display;
  }
  .ss-c-trademark {
    display: inline-block;
    margin-left: 0.15em;
    font-size: 0.55em;
    line-height: 1;
    vertical-align: super;
    font-weight: inherit;
    opacity: 0.7;
    letter-spacing: 0;
  }
  .ss-c-connect-meta__note {
    margin-block-start: 1rem;
    font-size: 0.78rem;
    opacity: 0.65;
    line-height: 1.5;
  }
  .ss-c-connect-page {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .ss-c-connect-hero {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-block-end: 2rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
  .ss-c-connect-hero__kicker {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    opacity: 0.7;
    margin: 0;
  }
  .ss-c-connect-hero__title {
    font-size: clamp(1.8rem, 4.4vw, 3rem);
    line-height: 1.05;
    margin: 0;
    font-weight: 500;
    max-width: 22ch;
  }
  .ss-c-connect-hero__lead {
    font-size: 1.05rem;
    opacity: 0.85;
    margin: 0;
    max-width: 60ch;
    line-height: 1.55;
  }
  .ss-c-connect-hero__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.6rem;
  }
  .ss-c-connect-board {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
    gap: 1.5rem;
  }
  .ss-c-connect-card {
    border: 0.0625rem solid rgba(0, 0, 0, 0.12);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    background: rgba(255, 255, 255, 0.4);
  }
  .ss-c-connect-card__heading {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    margin: 0 0 0.4rem 0;
    font-weight: 500;
    opacity: 0.85;
  }
  .ss-c-connect-card__address {
    font-style: normal;
    line-height: 1.6;
    font-size: 0.95rem;
  }
  .ss-c-connect-card__list {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-connect-card__row {
    display: grid;
    grid-template-columns: 9rem 1fr;
    gap: 0.6rem;
    font-size: 0.85rem;
  }
  .ss-c-connect-card__row dt {
    opacity: 0.6;
  }
  .ss-c-connect-card__row dd {
    margin: 0;
  }
  .ss-c-connect-card--studio {
    grid-column: span 1;
  }
  @media (min-width: 47.5rem) {
    .ss-c-connect-card--studio {
      grid-column: span 2;
    }
  }
  .ss-c-connect-social {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  .ss-c-connect-social li a {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.6rem;
    text-decoration: none;
    border: 0.0625rem solid rgba(0, 0, 0, 0.08);
    transition: border-color 0.2s ease;
  }
  .ss-c-connect-social li a span {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    opacity: 0.6;
  }
  .ss-c-connect-social li a em {
    font-style: normal;
    font-size: 0.9rem;
  }
  .ss-c-connect-social li a:hover {
    border-color: currentColor;
  }
  .ss-c-connect-foot {
    margin-block-start: 1rem;
    padding-block-start: 1.5rem;
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
  .ss-c-connect-foot__terms {
    font-size: 0.8rem;
    opacity: 0.7;
    margin: 0;
  }
  .ss-c-exhibitions-meta__note {
    margin-block-start: 1rem;
    font-size: 0.78rem;
    opacity: 0.65;
    line-height: 1.4;
  }
  .ss-c-exhibitions-page {
    display: flex;
    flex-direction: column;
    gap: 4rem;
  }
  .ss-c-exhibitions-hero__link {
    display: block;
    text-decoration: none;
  }
  .ss-c-exhibitions-hero__media {
    margin: 0 0 1rem 0;
  }
  .ss-c-exhibitions-hero__media img {
    width: 100%;
    height: auto;
    aspect-ratio: 21/10;
    object-fit: cover;
  }
  .ss-c-exhibitions-hero__caption {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .ss-c-exhibitions-hero__kicker {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    margin: 0;
    opacity: 0.7;
  }
  .ss-c-exhibitions-hero__title {
    font-size: clamp(1.6rem, 3.6vw, 2.6rem);
    line-height: 1.05;
    margin: 0;
    font-weight: 500;
  }
  .ss-c-exhibitions-hero__meta {
    font-size: 0.85rem;
    opacity: 0.7;
    margin: 0;
  }
  .ss-c-exhibitions-group__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-block-end: 1rem;
    padding-block-end: 0.5rem;
    border-bottom: 0.0625rem solid currentColor;
  }
  .ss-c-exhibitions-group__heading {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    margin: 0;
    font-weight: 500;
  }
  .ss-c-exhibitions-group__count {
    font-size: 0.78rem;
    opacity: 0.5;
  }
  .ss-c-exhibitions-schedule {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .ss-c-exhibitions-schedule__row {
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
  .ss-c-exhibitions-schedule__link {
    display: grid;
    grid-template-columns: 5rem 1fr;
    gap: 1.25rem;
    padding-block: 1.25rem;
    text-decoration: none;
    transition: opacity 0.2s ease;
    align-items: start;
  }
  @media (min-width: 55rem) {
    .ss-c-exhibitions-schedule__link {
      grid-template-columns: 5rem 1fr 13.75rem;
    }
  }
  .ss-c-exhibitions-schedule__link:hover {
    opacity: 0.6;
  }
  .ss-c-exhibitions-schedule__date time {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1;
    gap: 0.15rem;
  }
  .ss-c-exhibitions-schedule__date time .ss-c-day {
    font-size: 1.6rem;
    font-weight: 500;
  }
  .ss-c-exhibitions-schedule__date time .ss-c-month {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  .ss-c-exhibitions-schedule__date time .ss-c-year {
    font-size: 0.7rem;
    opacity: 0.55;
  }
  .ss-c-exhibitions-schedule__date-tba {
    font-size: 0.78rem;
    opacity: 0.55;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  .ss-c-exhibitions-schedule__body {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
  }
  .ss-c-exhibitions-schedule__title {
    font-size: 1.1rem;
    margin: 0;
    font-weight: 500;
  }
  .ss-c-exhibitions-schedule__meta {
    font-size: 0.78rem;
    opacity: 0.65;
    margin: 0;
  }
  .ss-c-exhibitions-schedule__lead {
    font-size: 0.88rem;
    opacity: 0.85;
    margin: 0.25rem 0 0 0;
    line-height: 1.5;
  }
  .ss-c-exhibitions-schedule__media {
    display: none;
  }
  @media (min-width: 55rem) {
    .ss-c-exhibitions-schedule__media {
      display: block;
    }
  }
  .ss-c-exhibitions-schedule__media img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
    object-fit: cover;
  }
  .ss-c-exhibitions-empty {
    padding-block: 4rem;
    text-align: center;
    opacity: 0.7;
  }
  .ss-c-exhibition {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }
  .ss-c-exhibition__hero {
    margin: 0 0 1.5rem 0;
  }
  .ss-c-exhibition__hero img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  .ss-c-exhibition__title-block {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-exhibition__kicker {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    opacity: 0.65;
    margin: 0;
  }
  .ss-c-exhibition__title {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    line-height: 1.05;
    margin: 0;
    font-weight: 500;
  }
  .ss-c-exhibition__dateline {
    font-size: 0.95rem;
    opacity: 0.75;
    margin: 0;
    line-height: 1.5;
  }
  .ss-c-exhibition__lead {
    font-size: 1.1rem;
    line-height: 1.55;
    opacity: 0.9;
    max-width: 50ch;
  }
  .ss-c-exhibition-meta__back {
    margin-block-start: 1rem;
    font-size: 0.8rem;
  }
  .ss-c-exhibition-meta__back a {
    text-decoration: none;
    opacity: 0.7;
  }
  .ss-c-exhibition-meta__back a:hover {
    opacity: 1;
  }
  @media (prefers-reduced-motion: reduce) {
    .ss-c-img-reveal {
      opacity: 1 !important;
      transform: none !important;
    }
  }
  .ss-c-img-reveal {
    opacity: 0;
    transform: translateY(1rem) scale(1.02);
    will-change: transform, opacity;
    transition: opacity 0.9s cubic-bezier(0.22, 0.61, 0.36, 1), transform 1.1s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  .ss-c-img-reveal.is-revealed {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .ss-c-work-body {
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
    padding-block: 1rem 4rem;
    max-width: 100%;
  }
  .ss-c-lb {
    margin: 0;
  }
  .ss-c-lb figure {
    margin: 0;
  }
  .ss-c-lb img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  .ss-c-lb__caption,
  .ss-c-lb figcaption {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    opacity: 0.65;
    line-height: 1.4;
  }
  .ss-c-lb__title {
    margin: 0 0 0.5rem;
    font-weight: 400;
    line-height: 1.1;
  }
  .ss-c-lb__eyebrow {
    margin: 0 0 0.5rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.65;
  }
  .ss-c-lb__lead {
    font-size: 1.05rem;
    line-height: 1.5;
    max-width: 60ch;
  }
  .ss-c-lb__prose {
    line-height: 1.55;
    max-width: 60ch;
  }
  .ss-c-lb__prose h3 {
    margin: 1.25rem 0 0.5rem;
    font-weight: 500;
  }
  .ss-c-lb__prose p {
    margin: 0 0 0.75rem;
  }
  .ss-c-lb__prose ul, .ss-c-lb__prose ol {
    padding-inline-start: 1.25rem;
  }
  .ss-c-lb--cover-hero {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    color: #fff;
  }
  .ss-c-lb--cover-hero .ss-c-lb__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-lb--cover-hero .ss-c-lb__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    padding: clamp(1rem, 4vw, 3rem);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.55) 100%);
  }
  .ss-c-lb--cover-hero .ss-c-lb__title {
    font-size: clamp(2rem, 6vw, 5rem);
  }
  .ss-c-lb--cover-hero .ss-c-lb__subtitle {
    font-size: clamp(1rem, 1.6vw, 1.4rem);
    max-width: 40ch;
  }
  .ss-c-lb--cover-hero.ss-c-lb--align-bl .ss-c-lb__overlay {
    justify-content: flex-end;
    align-items: flex-start;
  }
  .ss-c-lb--cover-hero.ss-c-lb--align-br .ss-c-lb__overlay {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
  }
  .ss-c-lb--cover-hero.ss-c-lb--align-tl .ss-c-lb__overlay {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .ss-c-lb--cover-hero.ss-c-lb--align-tr .ss-c-lb__overlay {
    justify-content: flex-start;
    align-items: flex-end;
    text-align: right;
  }
  .ss-c-lb--cover-hero.ss-c-lb--align-c .ss-c-lb__overlay {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .ss-c-lb--full-bleed img {
    width: 100%;
    height: auto;
  }
  .ss-c-lb--two-up .ss-c-lb__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .ss-c-lb--two-up-asym .ss-c-lb__grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
    align-items: start;
  }
  .ss-c-lb--three-up .ss-c-lb__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
  .ss-c-lb--four-up .ss-c-lb__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .ss-c-lb--contact-sheet .ss-c-lb__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8.75rem, 1fr));
    gap: 0.5rem;
  }
  .ss-c-lb--contact-sheet .ss-c-lb__grid figure {
    aspect-ratio: 1/1;
    overflow: hidden;
  }
  .ss-c-lb--contact-sheet .ss-c-lb__grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-lb--pull-quote blockquote {
    margin: 0 auto;
    max-width: 60ch;
    text-align: center;
  }
  .ss-c-lb--pull-quote .ss-c-lb__quote {
    font-size: clamp(1.4rem, 2.5vw, 2.25rem);
    font-style: italic;
    line-height: 1.3;
    margin: 0 0 1rem;
  }
  .ss-c-lb--pull-quote .ss-c-lb__cite {
    font-size: 0.85rem;
    opacity: 0.7;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
  }
  .ss-c-lb--text-column .ss-c-lb__prose {
    margin-inline: auto;
  }
  .ss-c-lb--two-col-text .ss-c-lb__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .ss-c-lb--caption p {
    max-width: 60ch;
    margin: 0 auto;
    text-align: center;
    font-size: 0.85rem;
    opacity: 0.75;
  }
  .ss-c-lb--section-title {
    text-align: center;
    padding-block: 1rem;
  }
  .ss-c-lb--section-title .ss-c-lb__title {
    font-size: clamp(2rem, 5vw, 4rem);
  }
  .ss-c-lb--section-title .ss-c-lb__lead {
    margin: 0.5rem auto 0;
  }
  .ss-c-lb--numbered-list .ss-c-lb__list {
    list-style: none;
    counter-reset: lb-num;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-lb--numbered-list .ss-c-lb__list li {
    counter-increment: lb-num;
    display: grid;
    grid-template-columns: 3rem 1fr;
    gap: 1rem;
  }
  .ss-c-lb--numbered-list .ss-c-lb__list li::before {
    content: counter(lb-num, decimal-leading-zero);
    font-variant-numeric: tabular-nums;
    opacity: 0.4;
    font-size: 0.85rem;
  }
  .ss-c-lb--numbered-list .ss-c-lb__list .ss-c-lb__list-title {
    display: block;
    font-weight: 500;
  }
  .ss-c-lb--numbered-list .ss-c-lb__list .ss-c-lb__list-text {
    display: block;
    opacity: 0.75;
  }
  .ss-c-lb--definition-list .ss-c-lb__dl {
    margin: 0;
  }
  .ss-c-lb--definition-list .ss-c-lb__dl .ss-c-lb__dl-row {
    display: grid;
    grid-template-columns: 12rem 1fr;
    gap: 1rem;
    padding: 0.5rem 0;
    border-block-end: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
  .ss-c-lb--definition-list .ss-c-lb__dl dt {
    font-weight: 500;
  }
  .ss-c-lb--definition-list .ss-c-lb__dl dd {
    margin: 0;
    opacity: 0.85;
  }
  .ss-c-lb--img-caption .ss-c-lb__grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
    align-items: start;
  }
  .ss-c-lb--specs-table .ss-c-lb__table {
    width: 100%;
    border-collapse: collapse;
  }
  .ss-c-lb--specs-table .ss-c-lb__table th, .ss-c-lb--specs-table .ss-c-lb__table td {
    padding: 0.5rem 0.7rem;
    text-align: left;
    border-block-end: 0.0625rem solid rgba(0, 0, 0, 0.08);
    font-weight: 400;
    vertical-align: top;
  }
  .ss-c-lb--specs-table .ss-c-lb__table th {
    width: 12rem;
    opacity: 0.65;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-lb--video-embed .ss-c-lb__embed {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
  }
  .ss-c-lb--video-embed .ss-c-lb__embed iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0;
  }
  .ss-c-lb--video-file video {
    width: 100%;
    height: auto;
    background: #000;
    display: block;
  }
  .ss-c-lb--diptych-portrait .ss-c-lb__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .ss-c-lb--diptych-portrait .ss-c-lb__grid figure {
    aspect-ratio: 3/4;
    overflow: hidden;
  }
  .ss-c-lb--diptych-portrait .ss-c-lb__grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-lb--panorama img {
    width: 100%;
    height: auto;
  }
  .ss-c-lb--spacer.ss-c-lb--size-xs {
    height: 0.5rem;
  }
  .ss-c-lb--spacer.ss-c-lb--size-s {
    height: 1rem;
  }
  .ss-c-lb--spacer.ss-c-lb--size-m {
    height: 2rem;
  }
  .ss-c-lb--spacer.ss-c-lb--size-l {
    height: 4rem;
  }
  .ss-c-lb--spacer.ss-c-lb--size-xl {
    height: 6rem;
  }
  .ss-c-lb--divider {
    text-align: center;
  }
  .ss-c-lb--divider .ss-c-lb__divider-label {
    display: inline-block;
    padding: 0 0.6rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.6;
    background: var(--color-background, #fff);
    position: relative;
    top: 0.6rem;
  }
  .ss-c-lb--divider hr {
    border: 0;
    border-block-start: 0.0625rem solid currentColor;
    opacity: 0.2;
    margin: 0;
  }
  .ss-c-lb--callout {
    padding: 1.25rem 1.5rem;
    border: 0.0625rem solid currentColor;
    max-width: 60ch;
    margin-inline: auto;
  }
  .ss-c-lb--callout.ss-c-lb--tone-info {
    border-color: #5b8def;
  }
  .ss-c-lb--callout.ss-c-lb--tone-warn {
    border-color: #c0a040;
  }
  .ss-c-lb--callout .ss-c-lb__title {
    font-size: 1rem;
    font-weight: 500;
  }
  .ss-c-lb--gallery {
    --lb-cols: 3;
  }
  .ss-c-lb--gallery .ss-c-lb__grid {
    display: grid;
    grid-template-columns: repeat(var(--lb-cols), 1fr);
    gap: 1rem;
  }
  .ss-c-lb--gallery figcaption {
    font-size: 0.7rem;
    opacity: 0.6;
    margin-top: 0.3rem;
  }
  .ss-c-work-details {
    margin-top: 6rem;
    padding-top: 2rem;
    border-top: 0.0625rem solid currentColor;
    max-width: 100%;
  }
  .ss-c-work-details__heading {
    margin: 0 0 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }
  .ss-c-work-details__list {
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .ss-c-work-details__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.25rem;
    padding: 1.25rem 0;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12);
  }
  .ss-c-work-details__row:last-child {
    border-bottom: 0;
  }
  .ss-c-work-details__label {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 400;
    opacity: 0.6;
  }
  .ss-c-work-details__value {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.35;
    font-weight: 400;
  }
  .ss-c-services-meta__lead, .ss-c-services-meta__cta {
    margin-block: 0.6rem;
  }
  .ss-c-services-meta__cta {
    margin-block-start: 1rem;
  }
  .ss-c-services-page {
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
  }
  .ss-c-services-hero__kicker {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    opacity: 0.7;
    margin: 0;
  }
  .ss-c-services-hero__title {
    font-size: clamp(1.7rem, 4vw, 2.6rem);
    line-height: 1.1;
    margin: 0;
    font-weight: 500;
    max-width: 24ch;
  }
  .ss-c-services-hero__lead {
    font-size: 1.05rem;
    opacity: 0.85;
    margin: 0;
    max-width: 60ch;
    line-height: 1.55;
  }
  .ss-c-services-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-services-section__header { /* [parity] (stripped @extend) */ }
  .ss-c-services-section__index {
    font-size: 0.78rem;
    opacity: 0.5;
    font-variant-numeric: tabular-nums;
  }
  .ss-c-services-section__heading { /* [parity] (stripped @extend) */ }
  .ss-c-services-section__lead {
    font-size: 0.95rem;
    opacity: 0.85;
    max-width: 65ch;
    line-height: 1.55;
    margin: 0;
  }
  .ss-c-services-section--cta {
    padding-block: 1rem;
  }
  .ss-c-services-engagements {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
  }
  .ss-c-services-engagements__row {
    display: grid;
    grid-template-columns: 12rem 1fr;
    gap: 1.5rem;
    padding-block: 0.9rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
    font-size: 0.92rem;
    line-height: 1.5;
  }
  .ss-c-services-engagements__row dt {
    font-weight: 500;
  }
  .ss-c-services-engagements__row dd {
    margin: 0;
    opacity: 0.85;
  }
  .ss-c-services-process {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    gap: 1.25rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-services-process__step {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1rem;
    border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
  .ss-c-services-process__num {
    font-size: 0.72rem;
    opacity: 0.55;
    letter-spacing: 0.12em;
  }
  .ss-c-services-process__title {
    font-size: 0.95rem;
    margin: 0;
    font-weight: 500;
  }
  .ss-c-services-process p {
    font-size: 0.85rem;
    line-height: 1.5;
    opacity: 0.85;
    margin: 0;
  }
  .ss-c-services-clients {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.5rem 1.25rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-services-clients li {
    font-size: 0.85rem;
    padding-block: 0.4rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.06);
  }
  .ss-c-services-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
  }
  .ss-c-services-toc ul, .ss-c-careers-toc ul, .ss-c-stories-toc ul {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .ss-c-services-toc ul a, .ss-c-careers-toc ul a, .ss-c-stories-toc ul a { /* [parity] (stripped @extend) */
    font-size: 0.85rem;
  }
  .ss-c-careers-meta__note { /* [parity] (stripped @extend) */ }
  .ss-c-careers-page {
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
  }
  .ss-c-careers-hero__kicker {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    opacity: 0.7;
    margin: 0;
  }
  .ss-c-careers-hero__title {
    font-size: clamp(1.7rem, 4vw, 2.6rem);
    line-height: 1.1;
    margin: 0;
    font-weight: 500;
    max-width: 24ch;
  }
  .ss-c-careers-hero__lead {
    font-size: 1.05rem;
    opacity: 0.85;
    margin: 0;
    max-width: 60ch;
    line-height: 1.55;
  }
  .ss-c-careers-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-careers-section__header {
    justify-content: space-between;
  }
  .ss-c-careers-section__heading { /* [parity] (stripped @extend) */ }
  .ss-c-careers-section__count {
    font-size: 0.78rem;
    opacity: 0.5;
    font-variant-numeric: tabular-nums;
  }
  .ss-c-careers-section__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.5rem;
  }
  .ss-c-careers-roles {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .ss-c-careers-roles__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.4rem;
    padding-block: 1.1rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
  @media (min-width: 47.5rem) {
    .ss-c-careers-roles__row {
      grid-template-columns: 1.3fr 1.4fr auto;
      align-items: center;
      gap: 1rem;
    }
  }
  .ss-c-careers-roles__row--open {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.03), transparent 60%);
  }
  .ss-c-careers-roles__title-wrap {
    display: flex;
    align-items: center;
    gap: 0.6rem;
  }
  .ss-c-careers-roles__title {
    font-size: 1.05rem;
    margin: 0;
    font-weight: 500;
  }
  .ss-c-careers-roles__tag {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    padding: 0.15rem 0.5rem;
    border: 0.0625rem solid currentColor;
    opacity: 0.55;
  }
  .ss-c-careers-roles__tag--open {
    opacity: 1;
    background: currentColor;
    color: #fff;
  }
  .ss-c-careers-roles__meta {
    margin: 0;
    font-size: 0.82rem;
    opacity: 0.75;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
  }
  .ss-c-careers-roles__cta {
    font-size: 0.85rem;
    text-decoration: none;
    align-self: start;
  }
  @media (min-width: 47.5rem) {
    .ss-c-careers-roles__cta {
      justify-self: end;
    }
  }
  .ss-c-careers-roles__future {
    margin-top: 1.5rem;
  }
  .ss-c-careers-roles__future > summary {
    cursor: pointer;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    opacity: 0.7;
    padding-block: 0.5rem;
  }
  .ss-c-careers-pillars {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
    gap: 1.5rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-careers-pillars__item {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-block-start: 0.5rem;
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.15);
  }
  .ss-c-careers-pillars__num {
    font-size: 0.7rem;
    opacity: 0.5;
    letter-spacing: 0.14em;
  }
  .ss-c-careers-pillars__title {
    font-size: 1rem;
    margin: 0;
    font-weight: 500;
  }
  .ss-c-careers-pillars p {
    font-size: 0.88rem;
    line-height: 1.5;
    opacity: 0.85;
    margin: 0;
  }
  .ss-c-careers-steps {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .ss-c-careers-steps li {
    display: grid;
    grid-template-columns: 3rem 1fr;
    padding-block: 1rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
    align-items: start;
    gap: 0.5rem;
  }
  .ss-c-careers-steps li > span {
    font-size: 0.85rem;
    opacity: 0.55;
    font-variant-numeric: tabular-nums;
  }
  .ss-c-careers-steps li h3 {
    font-size: 1rem;
    margin: 0 0 0.2rem 0;
    font-weight: 500;
  }
  .ss-c-careers-steps li p {
    font-size: 0.88rem;
    line-height: 1.5;
    opacity: 0.85;
    margin: 0;
  }
  .ss-c-stories-meta__lead, .ss-c-stories-meta__note { /* [parity] (stripped @extend) */
    margin-block-end: 0.6rem;
  }
  .ss-c-stories-page {
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
  }
  .ss-c-stories-hero__link {
    display: block;
    text-decoration: none;
  }
  .ss-c-stories-hero__media {
    margin: 0 0 1rem 0;
  }
  .ss-c-stories-hero__media img {
    width: 100%;
    height: auto;
    aspect-ratio: 21/10;
    object-fit: cover;
  }
  .ss-c-stories-hero__caption {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .ss-c-stories-hero__kicker {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    opacity: 0.7;
    margin: 0;
  }
  .ss-c-stories-hero__title {
    font-size: clamp(1.6rem, 3.6vw, 2.6rem);
    line-height: 1.05;
    margin: 0;
    font-weight: 500;
    max-width: 24ch;
  }
  .ss-c-stories-hero__lead {
    font-size: 1rem;
    opacity: 0.85;
    margin: 0;
    max-width: 56ch;
    line-height: 1.55;
  }
  .ss-c-stories-hero__cta {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    opacity: 0.85;
    margin-top: 0.4rem;
  }
  .ss-c-stories-year__header { /* [parity] (stripped @extend) */
    justify-content: space-between;
  }
  .ss-c-stories-year__heading {
    font-size: 1rem;
    margin: 0;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
  }
  .ss-c-stories-year__count {
    font-size: 0.78rem;
    opacity: 0.5;
  }
  .ss-c-stories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16.25rem, 1fr));
    gap: 1.75rem 1.5rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-stories-grid__link {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-decoration: none;
    transition: opacity 0.2s ease;
  }
  .ss-c-stories-grid__link:hover {
    opacity: 0.65;
  }
  .ss-c-stories-grid__media {
    margin: 0;
  }
  .ss-c-stories-grid__media img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
    object-fit: cover;
  }
  .ss-c-stories-grid__body {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
  }
  .ss-c-stories-grid__kicker {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.72rem;
    opacity: 0.7;
  }
  .ss-c-stories-grid__kind {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: 0.0625rem solid currentColor;
    padding: 0.1rem 0.4rem;
    font-size: 0.65rem;
  }
  .ss-c-stories-grid__title {
    font-size: 1rem;
    margin: 0;
    font-weight: 500;
    line-height: 1.25;
  }
  .ss-c-stories-grid__lead {
    font-size: 0.85rem;
    opacity: 0.85;
    margin: 0;
    line-height: 1.5;
  }
  .ss-c-stories-empty {
    padding-block: 4rem;
    text-align: center;
    opacity: 0.7;
  }
  .ss-c-studio-meta__cta {
    margin-block-start: 1rem;
  }
  .ss-c-studio-toc ul {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .ss-c-studio-toc ul a { /* [parity] (stripped @extend) */
    font-size: 0.85rem;
  }
  .ss-c-studio-page {
    display: flex;
    flex-direction: column;
    gap: 4rem;
  }
  .ss-c-studio-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-studio-section__header { /* [parity] (stripped @extend) */ }
  .ss-c-studio-section__index {
    font-size: 0.78rem;
    opacity: 0.5;
    font-variant-numeric: tabular-nums;
  }
  .ss-c-studio-section__heading { /* [parity] (stripped @extend) */ }
  .ss-c-studio-section__lead {
    font-size: 0.95rem;
    opacity: 0.85;
    max-width: 65ch;
    line-height: 1.55;
    margin: 0;
  }
  .ss-c-studio-section__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.4rem;
  }
  .ss-c-studio-manifesto {
    padding-block-end: 2rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
  .ss-c-studio-manifesto__kicker {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    opacity: 0.7;
    margin: 0;
  }
  .ss-c-studio-manifesto__title {
    font-size: clamp(1.7rem, 4.4vw, 2.8rem);
    line-height: 1.05;
    margin: 0;
    font-weight: 500;
    max-width: 22ch;
  }
  .ss-c-studio-manifesto__body {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 65ch;
  }
  @media (min-width: 55rem) {
    .ss-c-studio-manifesto__body {
      grid-template-columns: 1fr 1fr;
      gap: 1.25rem 2rem;
    }
  }
  .ss-c-studio-manifesto__body p {
    margin: 0;
    opacity: 0.9;
  }
  .ss-c-studio-principles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
    gap: 1.5rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-studio-principles__item {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-block-start: 0.5rem;
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.15);
  }
  .ss-c-studio-principles__num {
    font-size: 0.7rem;
    opacity: 0.5;
    letter-spacing: 0.14em;
  }
  .ss-c-studio-principles__title {
    font-size: 1rem;
    margin: 0;
    font-weight: 500;
  }
  .ss-c-studio-principles p {
    font-size: 0.88rem;
    line-height: 1.5;
    opacity: 0.85;
    margin: 0;
  }
  .ss-c-studio-practice {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  @media (min-width: 47.5rem) {
    .ss-c-studio-practice {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-studio-practice__col h3 {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin: 0 0 0.75rem 0;
    font-weight: 500;
    opacity: 0.85;
  }
  .ss-c-studio-practice__col ul {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-studio-practice__col li {
    font-size: 0.9rem;
    line-height: 1.45;
    padding-block: 0.35rem;
    border-bottom: 0.0625rem dashed rgba(0, 0, 0, 0.1);
  }
  .ss-c-studio-people {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 1.5rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-studio-people__card {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1.25rem;
    border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  }
  .ss-c-studio-people__name {
    font-size: 1rem;
    margin: 0;
    font-weight: 500;
  }
  .ss-c-studio-people__role {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    opacity: 0.7;
    margin: 0;
  }
  .ss-c-studio-people__bio {
    font-size: 0.88rem;
    line-height: 1.5;
    opacity: 0.85;
    margin: 0.4rem 0 0 0;
  }
  .ss-c-studio-people__register-title {
    margin: 3rem 0 0.4rem;
    font-size: 1.05rem;
    font-weight: 500;
    display: flex;
    align-items: baseline;
    gap: 0.7rem;
    flex-wrap: wrap;
  }
  .ss-c-studio-people__register-eyebrow {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    opacity: 0.55;
  }
  .ss-c-studio-people__register-lead {
    margin: 0 0 1.25rem;
  }
  .ss-c-studio-register {
    margin: 0;
    padding: 0.4rem 0 0;
    columns: 2;
    column-gap: 2.25rem;
    border-top: 0.0625rem solid var(--border-soft, rgba(0, 0, 0, 0.12));
  }
  .ss-c-studio-register__row {
    break-inside: avoid;
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 0.75rem;
    align-items: baseline;
    padding: 0.55rem 0;
    border-bottom: 0.0625rem dashed var(--border-dashed, rgba(0, 0, 0, 0.1));
  }
  .ss-c-studio-register__name {
    font-size: 0.88rem;
    font-weight: 500;
    grid-column: 1;
  }
  .ss-c-studio-register__years {
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    opacity: 0.7;
    grid-column: 2;
    text-align: right;
    white-space: nowrap;
  }
  .ss-c-studio-register__role {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.6;
    grid-column: 1/-1;
    margin-top: 0.1rem;
  }
  @media (max-width: 45rem) {
    .ss-c-studio-register {
      columns: 1;
    }
  }
  .ss-c-studio-numbers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr));
    gap: 1rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-studio-numbers li {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 1rem;
    border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
  .ss-c-studio-numbers__big {
    font-size: clamp(2rem, 4vw, 2.8rem);
    line-height: 1;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
  }
  .ss-c-studio-numbers__label {
    font-size: 0.78rem;
    opacity: 0.7;
  }
  .ss-c-studio-awards {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
  }
  .ss-c-studio-awards__row {
    display: grid;
    grid-template-columns: 4rem 1fr;
    gap: 0.5rem 1rem;
    padding-block: 0.85rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.08);
    font-size: 0.92rem;
  }
  @media (min-width: 47.5rem) {
    .ss-c-studio-awards__row {
      grid-template-columns: 4rem 1fr 18rem;
    }
  }
  .ss-c-studio-awards__year {
    font-variant-numeric: tabular-nums;
    opacity: 0.55;
  }
  .ss-c-studio-awards__title {
    font-weight: 500;
  }
  .ss-c-studio-awards__place {
    opacity: 0.7;
    font-size: 0.85rem;
  }
  .ss-c-studio-locations {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr));
    gap: 1.5rem;
  }
  .ss-c-studio-locations__card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.25rem;
    border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  }
  .ss-c-studio-locations__card h3 {
    font-size: 1.1rem;
    margin: 0;
    font-weight: 500;
  }
  .ss-c-studio-locations__card address {
    font-style: normal;
    font-size: 0.92rem;
    line-height: 1.55;
  }
  .ss-c-studio-locations__meta {
    font-size: 0.78rem;
    opacity: 0.7;
    margin: 0;
  }
  .ss-c-press-page {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding-block-end: 4rem;
  }
  .ss-c-press-howto {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 60ch;
  }
  .ss-c-press-intro__heading {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.01em;
  }
  .ss-c-press-intro__lead {
    font-size: 1.05rem;
    line-height: 1.5;
  }
  .ss-c-press-howto__heading {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .ss-c-press-howto__steps {
    margin: 0;
    padding-inline-start: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-press-projects {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .ss-c-press-projects__header {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding-block-end: 0.5rem;
    border-block-end: 0.0625rem solid currentColor;
  }
  .ss-c-press-projects__heading {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }
  .ss-c-press-projects__count {
    font-size: 0.75rem;
    opacity: 0.5;
    letter-spacing: 0.05em;
  }
  .ss-c-press-projects__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 2rem 1rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-press-projects__empty {
    opacity: 0.6;
  }
  .ss-c-press-tile {
    transition: opacity 0.2s ease-out;
  }
  .ss-c-press-tile__link {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    color: inherit;
    text-decoration: none;
  }
  .ss-c-press-tile__figure {
    position: relative;
    margin: 0;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.04);
  }
  .ss-c-press-tile__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-out;
  }
  .ss-c-press-tile__image--placeholder {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%);
    background-size: 0.75rem 0.75rem;
  }
  .ss-c-press-tile__caption {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
  }
  .ss-c-press-tile__title {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.25;
  }
  .ss-c-press-tile__year {
    font-size: 0.75rem;
    opacity: 0.6;
    letter-spacing: 0.04em;
  }
  .ss-c-press-tile__link:hover .ss-c-press-tile__image, .ss-c-press-tile__link:focus-visible .ss-c-press-tile__image {
    transform: scale(1.03);
  }
  .ss-c-press-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-block-start: 2rem;
    border-block-start: 0.0625rem solid currentColor;
    max-width: 60ch;
  }
  .ss-c-press-sidenav a {
    color: inherit;
    text-decoration: none;
    opacity: 0.7;
  }
  .ss-c-press-sidenav a:hover, .ss-c-press-sidenav a:focus {
    opacity: 1;
    text-decoration: underline;
  }
  .ss-c-press-project {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-block-end: 4rem;
  }
  .ss-c-press-project__crumb {
    margin: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.7;
  }
  .ss-c-press-project__crumb a {
    color: inherit;
    text-decoration: none;
  }
  .ss-c-press-project__crumb a:hover {
    text-decoration: underline;
  }
  .ss-c-press-project__crumb span[aria-hidden=true] {
    margin: 0 0.5rem;
    opacity: 0.4;
  }
  .ss-c-press-project__title {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
  }
  .ss-c-press-project__description {
    max-width: 60ch;
    line-height: 1.5;
  }
  .ss-c-press-project__empty {
    max-width: 60ch;
    opacity: 0.7;
  }
  .ss-c-press-project-aside {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-end;
    text-align: right;
  }
  .ss-c-press-cart-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    padding: 0.4rem 0.7rem;
    border: 0.0625rem solid currentColor;
  }
  .ss-c-press-cart-link:hover, .ss-c-press-cart-link:focus {
    background: currentColor;
  }
  .ss-c-press-cart-link:hover > *, .ss-c-press-cart-link:focus > * {
    color: var(--color-background, #fff);
  }
  .ss-c-press-cart-link__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5em;
    padding: 0 0.4em;
    background: currentColor;
    color: var(--color-background, #fff);
    font-variant-numeric: tabular-nums;
  }
  .ss-c-press-asset-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .ss-c-press-asset-form__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .ss-c-press-asset-form__select-all {
    background: none;
    border: 0.0625rem solid currentColor;
    color: inherit;
    padding: 0.35rem 0.7rem;
    font: inherit;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.7rem;
    cursor: pointer;
  }
  .ss-c-press-asset-form__select-all:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  .ss-c-press-asset-form__hint {
    opacity: 0.6;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.8rem;
  }
  .ss-c-press-asset-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-block-start: 1rem;
    border-block-start: 0.0625rem solid currentColor;
  }
  .ss-c-press-assets {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13.75rem, 1fr));
    gap: 1.5rem 1rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-press-asset {
    transition: opacity 0.2s ease-out;
  }
  .ss-c-press-asset__label {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    cursor: pointer;
  }
  .ss-c-press-asset__checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .ss-c-press-asset__figure {
    position: relative;
    margin: 0;
    aspect-ratio: 1/1;
    overflow: hidden;
    border: 0.125rem solid transparent;
    background: rgba(0, 0, 0, 0.04);
    transition: border-color 0.15s ease-out;
  }
  .ss-c-press-asset__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-press-asset__image--placeholder {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%);
    background-size: 0.75rem 0.75rem;
  }
  .ss-c-press-asset__kind {
    position: absolute;
    bottom: 0.4rem;
    left: 0.4rem;
    padding: 0.15rem 0.4rem;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .ss-c-press-asset__caption {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
  }
  .ss-c-press-asset__title {
    font-size: 0.85rem;
    font-weight: 500;
  }
  .ss-c-press-asset__credit {
    font-size: 0.75rem;
    opacity: 0.6;
  }
  .ss-c-press-asset__badge {
    display: inline-block;
    margin-top: 0.2rem;
    padding: 0.1rem 0.4rem;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: currentColor;
    color: var(--color-background, #fff);
    align-self: flex-start;
  }
  .ss-c-press-asset__checkbox:checked + .ss-c-press-asset__figure, .ss-c-press-asset__label:has(:checked) .ss-c-press-asset__figure {
    border-color: currentColor;
  }
  .ss-c-press-cart {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-block-end: 4rem;
  }
  .ss-c-press-cart__crumb { /* [parity] (stripped @extend) */ }
  .ss-c-press-cart__title {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 400;
    line-height: 1;
  }
  .ss-c-press-cart__subtitle {
    margin: 0;
    opacity: 0.7;
    font-size: 0.85rem;
  }
  .ss-c-press-cart__empty {
    opacity: 0.7;
  }
  .ss-c-press-cart__list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-press-cart__group-title {
    margin: 0 0 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding-block-end: 0.4rem;
    border-block-end: 0.0625rem solid currentColor;
  }
  .ss-c-press-cart__items {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-press-cart__item {
    display: grid;
    grid-template-columns: 4rem 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0;
    border-block-end: 0.0625rem solid rgba(0, 0, 0, 0.08);
  }
  .ss-c-press-cart__thumb {
    margin: 0;
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.04);
  }
  .ss-c-press-cart__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .ss-c-press-cart__thumb-placeholder {
    display: block;
    width: 100%;
    height: 100%;
  }
  .ss-c-press-cart__meta {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.85rem;
  }
  .ss-c-press-cart__kind {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.6;
  }
  .ss-c-press-cart__warning {
    font-size: 0.7rem;
    color: #b54;
  }
  .ss-c-press-cart__remove-btn {
    background: none;
    border: 0.0625rem solid currentColor;
    color: inherit;
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
  }
  .ss-c-press-cart__remove-btn:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  .ss-c-press-cart__clear {
    margin-block-start: -0.5rem;
  }
  .ss-c-press-cart__form-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-block-start: 2rem;
    border-block-start: 0.0625rem solid currentColor;
    max-width: 60ch;
  }
  .ss-c-press-cart__form-heading {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 400;
  }
  .ss-c-press-cart-aside {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-end;
    text-align: right;
  }
  .ss-c-press-form {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .ss-c-press-form__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
    gap: 1rem;
  }
  .ss-c-press-form__field {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
  }
  .ss-c-press-form__field label {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.7;
  }
  .ss-c-press-form__field input,
  .ss-c-press-form__field select,
  .ss-c-press-form__field textarea {
    background: transparent;
    border: 0.0625rem solid currentColor;
    padding: 0.5rem 0.6rem;
    font: inherit;
    color: inherit;
    border-radius: 0;
  }
  .ss-c-press-form__field textarea {
    min-height: 6rem;
    resize: vertical;
  }
  .ss-c-press-form__field.has-error input, .ss-c-press-form__field.has-error select, .ss-c-press-form__field.has-error textarea {
    border-color: #c53;
  }
  .ss-c-press-form__terms {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
  }
  .ss-c-press-form__terms label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
  }
  .ss-c-press-form__terms a {
    color: inherit;
  }
  .ss-c-press-form__error {
    font-size: 0.75rem;
    color: #c53;
  }
  .ss-c-press-form__errors {
    padding: 0.5rem 0.7rem;
    border: 0.0625rem solid #c53;
    color: #c53;
    font-size: 0.85rem;
  }
  .ss-c-press-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.6rem 1rem;
    border: 0.0625rem solid currentColor;
    background: transparent;
    color: inherit;
    font: inherit;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    cursor: pointer;
  }
  .ss-c-press-button:hover, .ss-c-press-button:focus {
    background: rgba(0, 0, 0, 0.05);
  }
  .ss-c-press-button--primary {
    background: currentColor;
  }
  .ss-c-press-button--primary {
    color: var(--color-background, #fff);
  }
  .ss-c-press-button--primary:hover, .ss-c-press-button--primary:focus {
    background: transparent;
    color: inherit;
  }
  .ss-c-press-button--ghost {
    border-color: rgba(0, 0, 0, 0.3);
  }
  .ss-c-projects-page {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding-block-end: 4rem;
  }
  .ss-c-projects-filterbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem 2rem;
    padding-block: 0.75rem;
    border-block: 0.0625rem solid currentColor;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .ss-c-projects-filterbar__filters, .ss-c-projects-filterbar__view {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem 1.5rem;
  }
  .ss-c-projects-filterbar__label {
    opacity: 0.5;
  }
  .ss-c-projects-filter {
    position: relative;
  }
  .ss-c-projects-filter__summary {
    cursor: pointer;
    list-style: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
  }
  .ss-c-projects-filter__summary::-webkit-details-marker {
    display: none;
  }
  .ss-c-projects-filter[open] .ss-c-projects-filter__sign {
    transform: rotate(45deg);
  }
  .ss-c-projects-filter__sign {
    display: inline-block;
    font-weight: 400;
    transition: transform 0.15s ease-out;
  }
  .ss-c-projects-filter__options {
    position: absolute;
    z-index: 10;
    margin-top: 0.5rem;
    padding: 0.75rem 1rem;
    min-width: 12rem;
    background: var(--color-background, #fff);
    border: 0.0625rem solid currentColor;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.8rem;
  }
  .ss-c-projects-filter__options li + li {
    margin-top: 0.35rem;
  }
  .ss-c-projects-filter__options label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
  }
  .ss-c-projects-viewmode {
    display: inline-flex;
    gap: 0.75rem;
  }
  .ss-c-projects-viewmode__item {
    color: inherit;
    text-decoration: none;
    opacity: 0.5;
  }
  .ss-c-projects-viewmode__item.is-active, .ss-c-projects-viewmode__item:hover, .ss-c-projects-viewmode__item:focus {
    opacity: 1;
  }
  .ss-c-projects-viewmode__item.is-active {
    text-decoration: underline;
    text-underline-offset: 0.25em;
  }
  .ss-c-projects-index {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .ss-c-projects-index__empty {
    opacity: 0.6;
  }
  .ss-c-projects-year {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-projects-year__header {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding-block-end: 0.5rem;
    border-block-end: 0.0625rem solid currentColor;
  }
  .ss-c-projects-year__heading {
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 400;
    line-height: 1;
    margin: 0;
    letter-spacing: -0.01em;
  }
  .ss-c-projects-year__count {
    font-size: 0.75rem;
    opacity: 0.5;
    letter-spacing: 0.05em;
  }
  .ss-c-projects-year__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11.25rem, 1fr));
    gap: 1.5rem 1rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-projects-tile {
    transition: opacity 0.2s ease-out;
  }
  .ss-c-projects-tile__link {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: inherit;
    text-decoration: none;
  }
  .ss-c-projects-tile__figure {
    position: relative;
    margin: 0;
    aspect-ratio: 1/1;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.04);
  }
  .ss-c-projects-tile__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-out;
  }
  .ss-c-projects-tile__image--placeholder {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%);
    background-size: 0.75rem 0.75rem;
  }
  .ss-c-projects-tile__title {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
  }
  .ss-c-projects-tile__link:hover .ss-c-projects-tile__image, .ss-c-projects-tile__link:focus-visible .ss-c-projects-tile__image {
    transform: scale(1.03);
  }
  .ss-c-projects-year__grid:hover .ss-c-projects-tile {
    opacity: 0.4;
  }
  .ss-c-projects-yearnav a {
    color: inherit;
    text-decoration: none;
    opacity: 0.7;
  }
  .ss-c-projects-yearnav a:hover, .ss-c-projects-yearnav a:focus {
    opacity: 1;
    text-decoration: underline;
  }
  .ss-c-work-related {
    margin-block-start: 4rem;
    padding-block-start: 2rem;
    border-top: 0.0625rem solid currentColor;
  }
  .ss-c-work-related__heading {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-block-end: 1.5rem;
    opacity: 0.6;
    font-weight: 500;
  }
  .ss-c-work-related__list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0;
    margin: 0;
  }
  .ss-c-work-related__item a {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 1.25rem;
    text-decoration: none;
    padding-block: 0.6rem;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);
    transition: opacity 0.2s ease;
  }
  .ss-c-work-related__item a:hover {
    opacity: 0.55;
  }
  .ss-c-work-related__title {
    font-size: 1.125rem;
  }
  .ss-c-work-related__meta {
    font-size: 0.8rem;
    opacity: 0.6;
  }
  .ss-c-work-related__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13.75rem, 1fr));
    gap: 1.5rem;
    padding: 0;
    margin: 0;
  }
  .ss-c-work-related__card a {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    text-decoration: none;
  }
  .ss-c-work-related__card a img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
    object-fit: cover;
  }
  .ss-c-work-related__card a .ss-c-work-related__title {
    font-size: 0.95rem;
    margin-block-start: 0.4rem;
  }
  .ss-c-work-related__card a .ss-c-work-related__meta {
    font-size: 0.75rem;
  }
  .ss-c-story-list {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding: 0;
    margin: 0;
  }
  .ss-c-story-list__item a, .ss-c-story-list__link {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    text-decoration: none;
  }
  @media (min-width: 45rem) {
    .ss-c-story-list__item a, .ss-c-story-list__link {
      grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
      gap: 2rem;
      align-items: start;
    }
  }
  .ss-c-story-list__media img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
    object-fit: cover;
  }
  .ss-c-story-list__title {
    font-size: 1.5rem;
    margin: 0 0 0.5rem 0;
  }
  .ss-c-story-list__kicker, .ss-c-story-list__meta {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.6;
    margin: 0 0 0.4rem 0;
  }
  .ss-c-story-list__lead {
    margin: 0.4rem 0 0 0;
    font-size: 0.95rem;
    line-height: 1.5;
  }
  .ss-c-main_padding {
    padding: 0 1.25rem;
  }
  .ss-c-grid__row--100 {
    grid-template-rows: 100%;
  }
  .ss-c-metadata--contact-info {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    margin-top: 1rem;
  }
  .ss-c-metadata--contact-info .ss-c-meta-item {
    display: grid;
    grid-template-columns: 12rem 1fr;
    gap: 2rem;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    align-items: baseline;
    font-weight: 300;
  }
  .ss-c-metadata--contact-info .ss-c-meta-label {
    font-size: 1rem;
    text-transform: none;
    letter-spacing: normal;
    opacity: 0.65;
    white-space: nowrap;
    font-weight: 300;
  }
  .ss-c-metadata--contact-info .ss-c-meta-value {
    font-size: 1rem;
    font-weight: 300;
  }
  .ss-c-nav-mobile {
    display: none;
  }
  .ss-c-nav-horizontal {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-nav-horizontal li {
    margin: 0;
  }
  .ss-c-mobile-metadata-container {
    display: none;
  }
  .ss-c-folio-counter-mobile {
    display: none;
  }
  .ss-c-custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    background: white;
    mix-blend-mode: difference;
    transform: translate(-50%, -50%);
    transition: width 0.2s ease, height 0.2s ease, border 0.2s ease, background 0.2s ease;
  }
  .ss-c-lang-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-text-muted);
    transition: color 200ms ease;
  }
  .ss-c-lang-toggle:hover {
    color: var(--color-text-primary);
  }
  .ss-c-lang-toggle__option {
    cursor: pointer;
  }
  .ss-c-lang-toggle__option--active {
    color: var(--color-text-primary);
    font-weight: 600;
  }
  .ss-c-lang-toggle__divider {
    color: var(--color-border);
  }
  .ss-c-feature-card {
    background-color: var(--color-bg-primary);
    padding: 2rem;
    text-align: left;
    transition: all 200ms ease;
    transform: translateY(0);
  }
  .ss-c-feature-card:hover {
    background-color: var(--color-bg-hover);
    transform: translateY(-0.25rem);
  }
  .ss-c-feature-card__icon {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.5rem;
    transition: transform 200ms ease;
  }
  .ss-c-feature-card__icon svg {
    width: 2rem;
    height: 2rem;
    color: var(--color-text-primary);
  }
  .ss-c-feature-card:hover .ss-c-feature-card__icon {
    transform: scale(1.1);
  }
  .ss-c-feature-card__title {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
    color: var(--color-text-primary);
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  .ss-c-feature-card__text {
    color: var(--color-text-secondary);
    font-size: 0.875rem;
    line-height: 1.625;
  }
  .ss-c-logo-card {
    background-color: var(--color-bg-primary);
    padding: 2rem;
    text-align: left;
    transition: all 200ms ease;
    transform: translateY(0);
    aspect-ratio: 4/3;
    display: flex;
    flex-direction: column;
  }
  .ss-c-logo-card:hover {
    background-color: var(--color-bg-hover);
    transform: translateY(-0.25rem);
  }
  .ss-c-logo-card__logo {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem;
    transition: transform 200ms ease;
    order: 1;
  }
  .ss-c-logo-card__logo svg {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--color-text-primary);
  }
  .ss-c-logo-card:hover .ss-c-logo-card__logo {
    transform: scale(1.1);
  }
  .ss-c-logo-card__title {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
    color: var(--color-text-primary);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    min-height: 3.5em;
    order: 2;
  }
  .ss-c-logo-card__text {
    color: var(--color-text-secondary);
    font-size: 0.875rem;
    line-height: 1.625;
    margin-bottom: 1rem;
    order: 3;
    flex-grow: 1;
  }
  .ss-c-logo-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--color-text-muted);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: color 200ms ease;
    order: 4;
    margin-top: auto;
  }
  .ss-c-logo-card__link:hover {
    color: var(--color-text-primary);
  }
  .ss-c-logo-card__link svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  .ss-c-form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.25rem;
    padding-right: 2.5rem;
  }
  .ss-c-form-radio {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
  }
  .ss-c-form-radio input {
    width: 1.125rem;
    height: 1.125rem;
    accent-color: #ffffff;
  }
  .ss-c-form-radio span {
    font-size: 0.875rem;
    color: #2d2d2d;
  }
  .ss-c-form-error {
    color: #ffffff;
    font-size: 0.875rem;
    margin-top: 0.25rem;
  }
  .ss-c-form-help {
    color: #737373;
    font-size: 0.875rem;
    margin-top: 0.25rem;
  }
  .ss-c-partner-logos__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    gap: 2rem;
    margin-top: 2rem;
  }
  .ss-c-partner-logos__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem;
    background: var(--color-bg-secondary);
    border: 0.0625rem solid var(--color-border);
    transition: all 300ms ease;
  }
  .ss-c-partner-logos__item:hover {
    border-color: var(--color-text-muted);
    background: var(--color-bg-hover);
    transform: translateY(-0.25rem);
  }
  .ss-c-partner-logos__logo {
    width: 10rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
  }
  .ss-c-partner-logos__logo img,
  .ss-c-partner-logos__logo svg {
    max-width: 100%;
    max-height: 100%;
    color: var(--color-text-primary);
  }
  .ss-c-partner-logos__name {
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
    color: var(--color-text-primary);
  }
  .ss-c-partner-logos__subtitle {
    font-size: 0.75rem;
    color: var(--color-text-muted);
    margin-bottom: 1rem;
  }
  .ss-c-partner-logos__description {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    line-height: 1.625;
    margin-bottom: 1rem;
  }
  .ss-c-partner-logos__link {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-text-muted);
    transition: color 200ms ease;
  }
  .ss-c-partner-logos__link:hover {
    color: var(--color-text-primary);
  }
  .ss-c-partner-logos--compact .ss-c-partner-logos__grid {
    grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr));
    gap: 1rem;
  }
  .ss-c-partner-logos--compact .ss-c-partner-logos__item {
    padding: 1.5rem;
  }
  .ss-c-partner-logos--compact .ss-c-partner-logos__logo {
    width: 7.5rem;
    height: 3.75rem;
    margin-bottom: 0;
  }
  .ss-c-partner-logos--featured .ss-c-partner-logos__grid {
    grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
    gap: 2.5rem;
  }
  .ss-c-partner-logos--featured .ss-c-partner-logos__item {
    padding: 2.5rem;
  }
  .ss-c-partner-logos--featured .ss-c-partner-logos__logo {
    width: 12.5rem;
    height: 6.25rem;
    margin-bottom: 1.5rem;
  }
  .ss-c-container-sm {
    max-width: 48rem;
  }
  .ss-c-container-lg {
    max-width: 64rem;
  }
  .ss-c-newsletter-form__input-group {
    display: flex;
    gap: 0.5rem;
  }
  .ss-c-newsletter-form__input {
    flex: 1;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--color-text-primary);
    background-color: transparent;
    border: 0.0625rem solid var(--color-border);
    transition: border-color 150ms ease;
  }
  .ss-c-newsletter-form__input::placeholder {
    color: var(--color-text-muted);
  }
  .ss-c-newsletter-form__input:focus {
    outline: none;
    border-color: var(--color-text-primary);
  }
  .ss-c-newsletter-form__button {
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-bg-primary);
    background-color: var(--color-text-primary);
    border: 0.0625rem solid var(--color-text-primary);
    cursor: pointer;
    transition: all 150ms ease;
  }
  .ss-c-newsletter-form__button:hover {
    background-color: transparent;
    color: var(--color-text-primary);
  }
  .ss-c-mobile-nav {
    position: fixed;
    top: 4.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-bg-primary);
    z-index: unset;
    padding: 1.5rem;
    transform: translateX(100%);
    transition: transform 300ms ease;
  }
  .ss-c-mobile-nav--open {
    transform: translateX(0);
  }
  .ss-c-mobile-nav__link {
    display: block;
    padding: 1rem 0;
    font-size: 1rem;
    font-weight: 400;
    color: #2d2d2d;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 0.0625rem solid #a3a3a3;
  }
  .ss-c-mobile-nav__link:hover {
    color: #ffffff;
  }
  .ss-c-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
  .ss-c-contact-item__icon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    border: 0.0625rem solid var(--color-border);
  }
  .ss-c-contact-item__icon svg {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--color-text-primary);
  }
  .ss-c-contact-item__label {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    margin-bottom: 0.25rem;
  }
  .ss-c-contact-item__value {
    font-weight: 500;
    color: var(--color-text-primary);
    transition: color 150ms ease;
  }
  .ss-c-contact-item a.contact-item__value:hover {
    color: var(--color-link-hover);
  }
  .ss-c-mission {
    padding: 6rem 0;
    background-color: #000000;
    color: #ffffff;
    border-top: 0.0625rem solid #a3a3a3;
  }
  .ss-c-mission__inner {
    text-align: left;
  }
  .ss-c-mission__tagline {
    display: inline-block;
    color: #525252;
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 1.5rem;
  }
  .ss-c-mission__title {
    font-size: 2.25rem;
    margin-bottom: 1.5rem;
    color: #ffffff;
    text-transform: uppercase;
  }
  .ss-c-mission__text {
    color: #525252;
    font-size: 1.125rem;
    line-height: 1.625;
    max-width: 50rem;
    margin-bottom: 2.5rem;
  }
  .ss-c-mission__stats {
    display: grid;
    gap: 0.0625rem;
    background-color: #a3a3a3;
  }
  .ss-c-mission__stat {
    text-align: left;
    padding: 2rem;
    background-color: #000000;
  }
  .ss-c-mission__stat-value {
    font-size: 4rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0.5rem;
  }
  .ss-c-mission__stat-label {
    color: #525252;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  .ss-c-partners {
    padding: 6rem 0;
    background-color: var(--color-bg-primary);
    border-top: 0.0625rem solid var(--color-border);
  }
  .ss-c-partners__header {
    text-align: left;
    max-width: 43.75rem;
    margin-bottom: 4rem;
  }
  .ss-c-partners__tagline {
    display: inline-block;
    color: var(--color-text-muted);
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 1rem;
  }
  .ss-c-partners__title {
    font-size: 2.25rem;
    margin-bottom: 1rem;
    color: var(--color-text-primary);
    text-transform: uppercase;
  }
  .ss-c-partners__description {
    color: var(--color-text-secondary);
    font-size: 1.125rem;
  }
  .ss-c-partners__grid {
    display: grid;
    gap: 0.0625rem;
    background-color: var(--color-border);
  }
  .ss-c-partners .ss-c-logo-card {
    opacity: 1;
    transform: none;
  }
  .ss-c-partners .ss-c-logo-card__placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--color-text-primary);
    background: var(--color-bg-secondary);
    border: 0.0625rem solid var(--color-border);
    text-transform: uppercase;
  }
  .ss-c-rich-text-section {
    padding: 6rem 0;
    background-color: var(--color-bg-primary);
    border-top: 0.0625rem solid var(--color-border);
  }
  .ss-c-rich-text-section__layout {
    display: grid;
    gap: 3rem;
    align-items: start;
  }
  .ss-c-rich-text-section__media {
    order: -1;
  }
  .ss-c-rich-text-section__placeholder {
    aspect-ratio: 4/3;
    width: 100%;
    background-color: var(--color-bg-secondary);
    border: 0.0625rem solid var(--color-border);
    color: var(--color-border);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .ss-c-rich-text-section__placeholder svg {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
  }
  .ss-c-rich-text-section__content {
    max-width: 50rem;
    color: var(--color-text-secondary);
    line-height: 1.625;
    font-size: 1rem;
  }
  .ss-c-rich-text-section__content h2 {
    font-size: 2.25rem;
    margin: 3rem 0 1rem;
    color: var(--color-text-primary);
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  .ss-c-rich-text-section__content h2:first-child {
    margin-top: 0;
  }
  .ss-c-rich-text-section__content h3 {
    font-size: 1.75rem;
    margin: 2rem 0 0.75rem;
    color: var(--color-text-primary);
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  .ss-c-rich-text-section__content h4 {
    font-size: 1.375rem;
    margin: 1.5rem 0 0.5rem;
    color: var(--color-text-primary);
  }
  .ss-c-rich-text-section__content p {
    margin-bottom: 1rem;
  }
  .ss-c-rich-text-section__content ul,
  .ss-c-rich-text-section__content ol {
    margin: 1rem 0 1.5rem 1.5rem;
  }
  .ss-c-rich-text-section__content ul li,
  .ss-c-rich-text-section__content ol li {
    margin-bottom: 0.5rem;
  }
  .ss-c-rich-text-section__content a {
    color: var(--color-text-primary);
    text-decoration: underline;
  }
  .ss-c-rich-text-section__content a:hover {
    text-decoration: none;
  }
  .ss-c-rich-text-section__content img {
    max-width: 100%;
    height: auto;
    margin: 1.5rem 0;
  }
  .ss-c-rich-text-section__content blockquote {
    border-left: 0.125rem solid var(--color-text-primary);
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: var(--color-text-primary);
  }
  .ss-c-technology {
    padding: 6rem 0;
    background-color: var(--color-bg-primary);
    border-top: 0.0625rem solid var(--color-border);
  }
  .ss-c-technology__header {
    text-align: left;
    max-width: 43.75rem;
    margin-bottom: 4rem;
  }
  .ss-c-technology__tagline {
    display: inline-block;
    color: #525252;
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 1rem;
  }
  .ss-c-technology__title {
    font-size: 2.25rem;
    margin-bottom: 1rem;
    color: #ffffff;
    text-transform: uppercase;
  }
  .ss-c-technology__description {
    color: #525252;
    font-size: 1.125rem;
  }
  .ss-c-technology__grid {
    display: grid;
    gap: 3rem;
    background-color: transparent;
  }
  .ss-c-technology__item {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    background-color: var(--color-bg-secondary);
    transition: background-color 200ms ease;
  }
  .ss-c-technology__item:hover {
    background-color: var(--color-bg-hover);
  }
  .ss-c-technology__icon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    border: 0.0625rem solid #a3a3a3;
  }
  .ss-c-technology__icon svg {
    width: 1.5rem;
    height: 1.5rem;
    color: #ffffff;
  }
  .ss-c-technology__content {
    flex: 1;
  }
  .ss-c-technology__item-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
  }
  .ss-c-technology__item-text {
    color: #525252;
    font-size: 0.875rem;
    line-height: 1.625;
  }
  .ss-c-animate-on-scroll {
    opacity: 0;
  }
  .ss-c-animate-on-scroll.is-visible {
    animation: fadeInUp 0.6s ease-out forwards;
  }
  .ss-c-animate-fade-in {
    opacity: 0;
  }
  .ss-c-animate-fade-in.is-visible {
    animation: fadeIn 0.6s ease-out forwards;
  }
  .ss-c-animate-slide-left {
    opacity: 0;
  }
  .ss-c-animate-slide-left.is-visible {
    animation: slideInLeft 0.6s ease-out forwards;
  }
  .ss-c-animate-slide-right {
    opacity: 0;
  }
  .ss-c-animate-slide-right.is-visible {
    animation: slideInRight 0.6s ease-out forwards;
  }
  .ss-c-stagger-children > *:nth-child(1) {
    animation-delay: 0s;
  }
  .ss-c-stagger-children > *:nth-child(2) {
    animation-delay: 0.1s;
  }
  .ss-c-stagger-children > *:nth-child(3) {
    animation-delay: 0.2s;
  }
  .ss-c-stagger-children > *:nth-child(4) {
    animation-delay: 0.3s;
  }
  .ss-c-stagger-children > *:nth-child(5) {
    animation-delay: 0.4s;
  }
  .ss-c-stagger-children > *:nth-child(6) {
    animation-delay: 0.5s;
  }
  .ss-c-hover-lift {
    transition: transform 200ms ease;
  }
  .ss-c-hover-lift:hover {
    transform: translateY(-0.25rem);
  }
  .ss-c-hover-scale {
    transition: transform 200ms ease;
  }
  .ss-c-hover-scale:hover {
    transform: scale(1.02);
  }
  .ss-c-hover-glow {
    transition: box-shadow 200ms ease;
  }
  .ss-c-hover-glow:hover {
    box-shadow: 0 0 1.25rem rgba(255, 255, 255, 0.1);
  }
  .ss-c-d-none {
    display: none;
  }
  .ss-c-d-block {
    display: block;
  }
  .ss-c-d-inline {
    display: inline;
  }
  .ss-c-d-inline-block {
    display: inline-block;
  }
  .ss-c-d-flex {
    display: flex;
  }
  .ss-c-d-inline-flex {
    display: inline-flex;
  }
  .ss-c-d-grid {
    display: grid;
  }
  .ss-c-flex-row {
    flex-direction: row;
  }
  .ss-c-flex-column {
    flex-direction: column;
  }
  .ss-c-flex-nowrap {
    flex-wrap: nowrap;
  }
  .ss-c-justify-start {
    justify-content: flex-start;
  }
  .ss-c-justify-end {
    justify-content: flex-end;
  }
  .ss-c-justify-around {
    justify-content: space-around;
  }
  .ss-c-items-start {
    align-items: flex-start;
  }
  .ss-c-items-end {
    align-items: flex-end;
  }
  .ss-c-items-stretch {
    align-items: stretch;
  }
  .ss-c-flex-1 {
    flex: 1;
  }
  .ss-c-flex-auto {
    flex: auto;
  }
  .ss-c-flex-none {
    flex: none;
  }
  .ss-c-visible {
    visibility: visible;
  }
  .ss-c-invisible {
    visibility: hidden;
  }
  .ss-c-overflow-auto {
    overflow: auto;
  }
  .ss-c-overflow-hidden {
    overflow: hidden;
  }
  .ss-c-overflow-scroll {
    overflow: scroll;
  }
  .ss-c-relative {
    position: relative;
  }
  .ss-c-absolute {
    position: absolute;
  }
  .ss-c-fixed {
    position: fixed;
  }
  .ss-c-sticky {
    position: sticky;
  }
  .ss-c-h-full {
    height: 100%;
  }
  .ss-c-min-h-screen {
    min-height: 100vh;
  }
  .ss-c-m-0 {
    margin: 0;
  }
  .ss-c-m-auto {
    margin: auto;
  }
  .ss-c-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .ss-c-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .ss-c-p-0 {
    padding: 0;
  }
  .ss-c-text-justify {
    text-align: justify;
  }
  .ss-c-font-light {
    font-weight: 300;
  }
  .ss-c-font-normal {
    font-weight: 400;
  }
  .ss-c-font-medium {
    font-weight: 500;
  }
  .ss-c-font-semibold {
    font-weight: 600;
  }
  .ss-c-font-bold {
    font-weight: 700;
  }
  .ss-c-text-xs {
    font-size: 0.75rem;
  }
  .ss-c-text-sm {
    font-size: 0.875rem;
  }
  .ss-c-text-base {
    font-size: 1rem;
  }
  .ss-c-text-lg {
    font-size: 1.125rem;
  }
  .ss-c-text-xl {
    font-size: 1.375rem;
  }
  .ss-c-text-2xl {
    font-size: 1.75rem;
  }
  .ss-c-text-3xl {
    font-size: 2.25rem;
  }
  .ss-c-text-primary {
    color: #000000;
  }
  .ss-c-text-secondary {
    color: #737373;
  }
  .ss-c-text-dark {
    color: #1a1a1a;
  }
  .ss-c-text-light {
    color: #f2f2f2;
  }
  .ss-c-text-white {
    color: #ffffff;
  }
  .ss-c-uppercase {
    text-transform: uppercase;
  }
  .ss-c-lowercase {
    text-transform: lowercase;
  }
  .ss-c-capitalize {
    text-transform: capitalize;
  }
  .ss-c-no-underline {
    text-decoration: none;
  }
  .ss-c-underline {
    text-decoration: underline;
  }
  .ss-c-leading-tight {
    line-height: 0.95;
  }
  .ss-c-leading-normal {
    line-height: unset;
  }
  .ss-c-leading-relaxed {
    line-height: 1.625;
  }
  .ss-c-tracking-tight {
    letter-spacing: -0.025em;
  }
  .ss-c-tracking-normal {
    letter-spacing: 0;
  }
  .ss-c-tracking-wide {
    letter-spacing: 0.025em;
  }
  .ss-c-tracking-wider {
    letter-spacing: 0.05em;
  }
  .ss-c-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ss-c-section-subtitle {
    color: #525252;
    font-size: 1.125rem;
  }
  .ss-c-process {
    padding: unset 1.5rem;
  }
  .ss-c-process__inner {
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-process__steps {
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-process__steps {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-demo {
    padding: unset 1.5rem;
    background: #ffffff;
  }
  .ss-c-demo__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
    align-items: center;
    max-width: 75rem;
    margin: 0 auto;
  }
  @media (min-width: 64rem) {
    .ss-c-demo__inner {
      grid-template-columns: 1fr 1fr;
    }
  }
  .ss-c-demo__content {
    text-align: center;
  }
  @media (min-width: 64rem) {
    .ss-c-demo__content {
      text-align: left;
    }
  }
  .ss-c-demo__title {
    margin: unset 0 unset;
  }
  .ss-c-demo__description {
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-demo__visual {
    display: flex;
    justify-content: center;
  }
  .ss-c-demo__window {
    width: 100%;
    max-width: 31.25rem;
    background: #ffffff;
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    border-radius: 0;
    overflow: hidden;
  }
  .ss-c-demo__window-header {
    display: flex;
    gap: unset;
    padding: unset;
    background: var(--ss-color-fill, #ffffff);
    border-bottom: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-demo__window-header span {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: #737373;
  }
  .ss-c-demo__window-header span:first-child {
    background: #EF4444;
  }
  .ss-c-demo__window-header span:nth-child(2) {
    background: #F59E0B;
  }
  .ss-c-demo__window-header span:nth-child(3) {
    background: #10B981;
  }
  .ss-c-demo__window-content {
    height: 18.75rem;
    padding: unset;
  }
  .ss-c-demo__animation {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.1) 0.0625rem, transparent 0.0625rem), linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0.0625rem, transparent 0.0625rem);
    background-size: 1.25rem 1.25rem;
    border-radius: 0;
  }
  .ss-c-demo__grid-animated {
    position: absolute;
    inset: 1.25rem;
    border: 0.125rem dashed rgba(0, 0, 0, 0.3);
    border-radius: 0;
    animation: gridPulse 3s infinite;
  }
  .ss-c-demo__cursor {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: #000000;
    border-radius: 50%;
    top: 50%;
    left: 30%;
    animation: cursorMove 4s infinite;
  }
  .ss-c-use-cases {
    padding: unset 1.5rem;
  }
  .ss-c-use-cases__inner {
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-use-cases__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-use-cases__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .ss-c-use-case-card {
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    border-radius: 0;
    transition: all 200ms ease;
  }
  .ss-c-use-case-card:hover {
    border-color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.05);
  }
  .ss-c-use-case-card h3 {
    font-size: 1.125rem;
    margin-bottom: unset;
  }
  .ss-c-use-case-card p {
    color: #525252;
    font-size: 0.9375rem;
  }
  .ss-c-page-hero {
    padding: calc(unset) 1.5rem unset;
    text-align: center;
    background: #ffffff;
  }
  .ss-c-page-hero__inner {
    max-width: 43.75rem;
    margin: 0 auto;
  }
  .ss-c-page-hero__title {
    margin: unset 0 unset;
  }
  .ss-c-page-hero__subtitle {
    color: #525252;
    font-size: 1.125rem;
  }
  .ss-c-contact-section {
    padding: unset 1.5rem;
  }
  .ss-c-contact-section__inner {
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-contact-form-wrapper {
    background: #ffffff;
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    border-radius: 0;
    padding: unset;
  }
  .ss-c-robin_grid_row_posisiton_1 {
    grid-row-start: 1;
  }
  .ss-c-robin-hero--title {
    font-size: 3rem;
    line-height: 3.75rem;
    font-weight: 278;
    font-variation-settings: "wght" 278, "wdth" 400;
    position: absolute;
    bottom: 3rem;
    left: 1.25rem;
    max-width: calc(60vw - 1.9rem);
    padding-left: 5rem;
  }
  .ss-c-reset_robin {
    margin-top: 2rem;
    margin: 0;
    padding: 0;
  }
  .ss-c-robinsreset {
    max-width: 50%;
    min-width: 30%;
  }
  .ss-c-r-lineight {
    line-height: 1.5;
  }
  .ss-c-robin-afbeelding2 {
    max-width: 80%;
    height: auto;
    width: 20rem;
  }
  .ss-c-grid__frame--3_robin_2 {
    display: grid;
    position: relative;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    grid-gap: 3rem;
  }
  .ss-c-robin_placements_pics {
    grid-row-start: 2;
    grid-column-start: 2;
  }
  .ss-c-robin_grid_one {
    display: grid;
  }
  .ss-c-robin_sec_2 {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-template-rows: auto auto;
  }
  .ss-c-robin_grid_tex {
    grid-row-start: 2;
    grid-column-start: 1;
  }
  .ss-c-robin_grid_top {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .ss-c-robin_test {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .ss-c-robin_images_1_demo {
    width: 100%;
  }
  .ss-c-hupo_robin {
    justify-self: center;
  }
  .ss-c-robin_small_section_oinly_text {
    margin-bottom: 2rem;
    grid-template-columns: 1fr 1fr;
  }
  .ss-c-robinsanyons_3placement_with_text {
    grid-column-start: 3;
  }
  .ss-c-grid_conclusion_robin {
    grid-column-end: 3;
  }
  .ss-c-robin_2024_section_1 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto 1fr;
  }
  .ss-c-robin_2024_section1_title_2 {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .ss-c-robin_2024_section1_title_1 {
    grid-row-start: 1;
    grid-column-start: 4;
    grid-column-end: 6;
  }
  .ss-c-team_robin {
    grid-row-start: 1;
  }
  .ss-c-section_2_2024_robin {
    grid-column-start: 3;
    grid-row-start: 1;
    grid-column-end: 6;
  }
  .ss-c-robin_figure_section_1 {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 4;
  }
  .ss-c-robin_2024_section_3 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
  .ss-c-robin_2024_section_3_new {
    grid-template-rows: 0fr 0fr 0fr 0fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .ss-c-robins_colum_option4_section_3 {
    display: flex;
    justify-content: flex-start;
  }
  .ss-c-robins_padding_left_right {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .ss-c-section3_2024_robin_images {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .ss-c-section3_images_location_2024_robin {
    grid-column-start: 1;
  }
  .ss-c-section3_images_location_2024_robin_2 {
    grid-column-start: 2;
  }
  .ss-c-section3_images_location_2024_robin_3 {
    grid-column-start: 3;
  }
  .ss-c-section3_2024_location_h3_robin {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .ss-c-robin_make_it_fit {
    width: stretch;
    max-width: 37.5rem;
  }
  .ss-c-robin_make_it_fit_2 {
    object-fit: cover;
  }
  .ss-c-robin_grid_table {
    grid-column-end: 4;
    grid-column-start: 1;
  }
  .ss-c-robin_2025_section_1_grid {
    grid-row-start: 1;
    grid-column-end: 4;
    grid-column-start: 1;
  }
  .ss-c-robin_2025_section_1_grid_text {
    grid-row-start: 2;
    grid-column-start: 4;
    grid-column-end: 6;
  }
  .ss-c-robin_2025_section_2_grid_text {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-column-end: 6;
  }
  .ss-c-robin_2025_section_2_grid_text_title {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
  }
  .ss-c-robin_2025_section_2_grid_text_paragraaf {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
  }
  .ss-c-robin_platform {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .ss-c-robin_platform_table {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .ss-c-robins_footer {
    grid-column-start: 1;
    grid-column-end: 25;
  }
  .ss-c-robins_container_footer {
    display: grid;
    padding-left: 18rem;
    padding-right: 18rem;
    grid-template-columns: repeat(24, 1fr);
    grid-template-rows: repeat(24, 1fr);
  }
  .ss-c-robin_footer_h1 {
    grid-column-start: 1;
    grid-column-end: 25;
    justify-self: center;
  }
  .ss-c-robin_sec_footer {
    grid-column-start: 1;
    grid-column-end: 25;
    justify-items: center;
    grid-row-start: 2;
    grid-row-end: 25;
  }
  .ss-c-robin_ahref_footer {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-c-robin_sec_footerabc {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .ss-c-robin_phone {
    grid-column-start: 3;
    grid-column-end: 5;
    justify-self: center;
  }
  .ss-c-robin_about_us {
    grid-column-start: 6;
    justify-self: right;
  }
  .ss-c-top_robin_extra {
    margin-top: 10rem;
  }
  .ss-c-grid__24 {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-row-gap: 20rem;
  }
  .ss-c-robin_grid_table_adjuster {
    gap: 3rem;
  }
  .ss-c-robin_flex_adjuster {
    gap: 3rem;
  }
  .ss-c-robin_ribbon--top {
    display: grid;
    gap: 0;
    box-sizing: border-box;
    padding: 0.625rem;
    pointer-events: all;
    background-color: var(--color_text_primary);
    color: var(--color_fill_primary);
    border-color: var(--color_fill_primary);
    border-style: solid;
    border-bottom-width: 0.0625rem;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    position: relative;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 1.25rem;
    grid-template-areas: "ribbon_area--horizontal_left ribbon_area--horizontal_center ribbon_area--horizontal_right";
    align-items: center;
    align-content: center;
    width: 100%;
    height: 2.5rem;
  }
  .ss-c-robin_ribbon--top a {
    text-decoration: none;
    outline: none;
    background-color: transparent;
    color: inherit;
    cursor: pointer;
  }
  .ss-c-robin_ribbon--bottom {
    display: grid;
    gap: 0;
    box-sizing: border-box;
    padding: 0.625rem;
    pointer-events: all;
    background-color: var(--color_text_primary);
    color: var(--color_fill_primary);
    border-color: var(--color_fill_primary);
    border-style: solid;
    border-top-width: 0.0625rem;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    position: relative;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 1.25rem;
    grid-template-areas: "ribbon_area--horizontal_left ribbon_area--horizontal_center ribbon_area--horizontal_right";
    align-items: center;
    align-content: center;
    width: 100%;
    height: 2.5rem;
  }
  .ss-c-robin_ribbon--bottom a {
    text-decoration: none;
    outline: none;
    background-color: transparent;
    color: inherit;
    cursor: pointer;
  }
  .ss-c-robin_ribbon__slot--horizontal_left {
    grid-area: ribbon_area--horizontal_left;
    display: grid;
    justify-content: start;
    gap: 0.125rem;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    height: 100%;
    justify-items: start;
    align-items: center;
    align-self: center;
    white-space: nowrap;
    grid-auto-flow: column;
    grid-auto-columns: min-content;
    grid-template-rows: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-robin_ribbon__slot--horizontal_right {
    grid-area: ribbon_area--horizontal_right;
    display: grid;
    justify-content: end;
    gap: 0.125rem;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    height: 100%;
    justify-items: end;
    align-items: center;
    align-self: center;
    white-space: nowrap;
    grid-auto-flow: column;
    grid-auto-columns: min-content;
    grid-template-rows: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-robin_ribbon__slot--horizontal_center {
    grid-area: ribbon_area--horizontal_center;
    display: grid;
    justify-content: center;
    gap: 0.125rem;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    height: 100%;
    justify-items: center;
    align-items: center;
    align-self: center;
    white-space: nowrap;
    grid-auto-flow: column;
    grid-auto-columns: min-content;
    grid-template-rows: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-robin_ribbon__title {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: inherit;
    font-weight: normal;
  }
  .ss-c-robin_ribbon__title__image {
    display: flex;
    align-items: center;
  }
  .ss-c-robin_ribbon__title__image img {
    height: 1.25rem;
    width: auto;
  }
  .ss-c-robin_ribbon__title__text {
    font-size: 0.75rem;
    line-height: 1;
  }
  .ss-c-robin_ribbon__nav {
    display: grid;
    align-items: center;
  }
  .ss-c-robin_ribbon__nav__list {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-robin_ribbon__nav__list__item {
    white-space: nowrap;
  }
  .ss-c-robin_ribbon__nav__list__item__text {
    font-size: 0.75rem;
  }
  .ss-c-footer__inner {
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-footer__brand {
    margin-bottom: 3rem;
  }
  .ss-c-footer__logo {
    font-size: 2.5rem;
    font-weight: 200;
    text-transform: uppercase;
    margin: 0 0 0.5rem;
  }
  .ss-c-footer__tagline {
    margin: 0;
    opacity: 0.7;
    font-size: 1.125rem;
  }
  .ss-c-footer__columns {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .ss-c-footer__column {
    flex: 1 1 12.5rem;
    min-width: 12.5rem;
  }
  .ss-c-footer__column-title {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 1rem;
    opacity: 0.6;
  }
  .ss-c-footer__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ss-c-footer__nav-list li {
    margin-bottom: 0.5rem;
  }
  .ss-c-footer__nav-list a {
    opacity: 0.8;
    transition: opacity 0.2s ease;
  }
  .ss-c-footer__nav-list a:hover {
    opacity: 1;
  }
  .ss-c-footer__address {
    font-style: normal;
  }
  .ss-c-footer__address a {
    display: block;
    margin-bottom: 0.5rem;
  }
  .ss-c-footer__address p {
    margin: 0;
    opacity: 0.7;
  }
  .ss-c-footer__about-text {
    font-size: 0.875rem;
    line-height: 1.5;
    opacity: 0.7;
    margin: 0 0 1rem;
  }
  .ss-c-footer__social {
    display: flex;
    gap: 1rem;
  }
  .ss-c-footer__social a {
    opacity: 0.7;
    transition: opacity 0.2s ease;
  }
  .ss-c-footer__social a:hover {
    opacity: 1;
  }
  .ss-c-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 2rem;
    font-size: 0.75rem;
    border-top: 0.0625rem solid currentColor;
    opacity: 0.8;
  }
  .ss-c-footer__bottom a {
    text-decoration: none;
    color: inherit;
  }
  .ss-c-footer__bottom a:hover {
    opacity: 1;
  }
  .ss-c-footer__separator {
    margin: 0 0.5rem;
    opacity: 0.5;
  }
  .ss-c-ribbon__title__image img {
    height: 1.875rem;
  }
  .ss-c-text-tertiary {
    color: var(--color-text-tertiary);
  }
  .ss-c-text-success {
    color: var(--color-success);
  }
  .ss-c-text-warning {
    color: var(--color-warning);
  }
  .ss-c-text-error {
    color: var(--color-error);
  }
  .ss-c-leading-snug {
    line-height: 1.375;
  }
  .ss-c-leading-loose {
    line-height: 2;
  }
  .ss-c-btn--primary {
    background: var(--color-accent);
    color: white;
    border-color: var(--color-accent);
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(59, 130, 246, 0.2);
  }
  .ss-c-btn--primary:hover:not(:disabled) {
    background: var(--color-accent-light);
    border-color: var(--color-accent-light);
    box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(59, 130, 246, 0.3);
    transform: translateY(-0.125rem);
  }
  .ss-c-btn--primary:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(59, 130, 246, 0.2);
  }
  .ss-c-btn--outline {
    background: transparent;
    color: var(--color-text-primary);
    border-color: var(--color-border);
  }
  .ss-c-btn--outline:hover:not(:disabled) {
    border-color: var(--color-accent);
    color: var(--color-accent);
    background: rgba(59, 130, 246, 0.05);
  }
  .ss-c-btn--outline:active:not(:disabled) {
    background: rgba(59, 130, 246, 0.1);
  }
  .ss-c-btn--secondary {
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
    border-color: var(--color-border);
  }
  .ss-c-btn--secondary:hover:not(:disabled) {
    background: var(--color-bg-tertiary);
    border-color: var(--color-accent);
  }
  .ss-c-btn--secondary:active:not(:disabled) {
    background: var(--color-bg-tertiary);
  }
  .ss-c-btn--ghost {
    background: transparent;
    color: var(--color-accent);
    border-color: transparent;
  }
  .ss-c-btn--ghost:hover:not(:disabled) {
    background: rgba(59, 130, 246, 0.1);
    color: var(--color-accent-light);
  }
  .ss-c-btn--ghost:active:not(:disabled) {
    background: rgba(59, 130, 246, 0.15);
  }
  .ss-c-btn--success {
    background: var(--color-success);
    color: white;
    border-color: var(--color-success);
  }
  .ss-c-btn--success:hover:not(:disabled) {
    opacity: 0.9;
    transform: translateY(-0.125rem);
  }
  .ss-c-btn--warning {
    background: var(--color-warning);
    color: white;
    border-color: var(--color-warning);
  }
  .ss-c-btn--warning:hover:not(:disabled) {
    opacity: 0.9;
    transform: translateY(-0.125rem);
  }
  .ss-c-btn--error {
    background: var(--color-error);
    color: white;
    border-color: var(--color-error);
  }
  .ss-c-btn--error:hover:not(:disabled) {
    opacity: 0.9;
    transform: translateY(-0.125rem);
  }
  .ss-c-btn--sm {
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: 0.875rem;
    border-radius: var(--radius-sm);
  }
  .ss-c-btn--md {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.9375rem;
  }
  .ss-c-btn--lg {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: 1rem;
    border-radius: var(--radius-lg);
  }
  .ss-c-btn--xl {
    padding: var(--spacing-lg) var(--spacing-xl);
    font-size: 1.125rem;
    border-radius: var(--radius-lg);
  }
  .ss-c-btn--block {
    width: 100%;
    display: flex;
  }
  .ss-c-btn--fullwidth {
    width: 100%;
  }
  .ss-c-btn-group {
    display: flex;
    gap: 0;
  }
  .ss-c-btn-group .ss-c-btn {
    border-radius: 0;
    flex: 1;
  }
  .ss-c-btn-group .ss-c-btn:first-child {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .ss-c-btn-group .ss-c-btn:last-child {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .ss-c-btn-group .ss-c-btn:not(:last-child) {
    border-right: 0.0625rem solid var(--color-border);
  }
  .ss-c-btn--icon {
    padding: var(--spacing-sm);
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-btn--icon.ss-c-btn--sm {
    padding: 0.25rem;
  }
  .ss-c-btn--icon.ss-c-btn--lg {
    padding: var(--spacing-md);
  }
  .ss-c-btn--animated {
    position: relative;
    overflow: hidden;
  }
  .ss-c-btn--animated::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
  }
  .ss-c-btn--animated:active::before {
    width: 18.75rem;
    height: 18.75rem;
  }
  .ss-c-btn-spinner {
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 0.125rem solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
  }
  .ss-c-btn-loading .ss-c-btn-label {
    visibility: hidden;
    position: absolute;
  }
  .ss-c-btn-loading .ss-c-btn-spinner {
    display: inline-block;
  }
  .ss-c-card--elevated {
    background: var(--color-bg-secondary);
  }
  .ss-c-card--interactive {
    cursor: pointer;
  }
  .ss-c-card--interactive:hover {
    transform: translateY(-0.25rem);
  }
  .ss-c-card--interactive:active {
    transform: translateY(-0.125rem);
  }
  .ss-c-card--accent {
    border-color: var(--color-accent);
    background: rgba(59, 130, 246, 0.05);
  }
  .ss-c-card--accent:hover {
    background: rgba(59, 130, 246, 0.1);
  }
  .ss-c-card-header {
    padding: var(--spacing-md) var(--spacing-md) 0;
    margin-bottom: var(--spacing-md);
    border-bottom: 0.0625rem solid var(--color-border);
  }
  .ss-c-card-header h3, .ss-c-card-header h4 {
    margin-bottom: 0;
  }
  .ss-c-card-body {
    padding: var(--spacing-md);
  }
  .ss-c-card-footer {
    padding: var(--spacing-md) var(--spacing-md) 0;
    margin-top: var(--spacing-md);
    border-top: 0.0625rem solid var(--color-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-md);
  }
  .ss-c-principle-card {
    padding: var(--spacing-lg);
    background: var(--color-bg-tertiary);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-lg);
  }
  .ss-c-principle-card:hover {
    border-color: var(--color-accent);
    background: rgba(59, 130, 246, 0.03);
  }
  .ss-c-principle-card__title {
    font-size: 1.125rem;
    margin-bottom: var(--spacing-sm);
    color: var(--color-text-primary);
  }
  .ss-c-principle-card__text {
    font-size: 0.9375rem;
    color: var(--color-text-secondary);
  }
  .ss-c-feature-block {
    padding: var(--spacing-lg);
    background: var(--color-bg-primary);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-lg);
  }
  .ss-c-feature-block:hover {
    border-color: var(--color-accent);
  }
  .ss-c-feature-block__icon {
    width: 3rem;
    height: 3rem;
    margin-bottom: var(--spacing-md);
    color: var(--color-accent);
  }
  .ss-c-feature-block__title {
    font-size: 1.125rem;
    margin-bottom: var(--spacing-sm);
    color: var(--color-text-primary);
  }
  .ss-c-feature-block__text {
    font-size: 0.9375rem;
    color: var(--color-text-secondary);
  }
  .ss-c-doc-card {
    display: block;
    padding: var(--spacing-md);
    background: var(--color-bg-primary);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-md);
    text-decoration: none;
  }
  .ss-c-doc-card:hover {
    border-color: var(--color-accent);
    background: rgba(59, 130, 246, 0.03);
  }
  .ss-c-doc-card:hover .ss-c-doc-card__title {
    color: var(--color-accent);
  }
  .ss-c-doc-card__title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
    color: var(--color-text-primary);
  }
  .ss-c-doc-card__desc {
    font-size: 0.8125rem;
    color: var(--color-text-tertiary);
  }
  .ss-c-team-member-card {
    text-align: center;
  }
  .ss-c-team-member-card__image {
    width: 100%;
    aspect-ratio: 1;
    border-radius: var(--radius-lg);
    object-fit: cover;
    margin-bottom: var(--spacing-md);
  }
  .ss-c-team-member-card__name {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
    color: var(--color-text-primary);
  }
  .ss-c-team-member-card__role {
    font-size: 0.875rem;
    color: var(--color-accent);
    margin-bottom: var(--spacing-sm);
  }
  .ss-c-team-member-card__bio {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }
  .ss-c-testimonial-card {
    padding: var(--spacing-lg);
    background: var(--color-bg-tertiary);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-lg);
    border-left: 0.25rem solid var(--color-accent);
  }
  .ss-c-testimonial-card__quote {
    font-size: 1rem;
    font-style: italic;
    margin-bottom: var(--spacing-md);
    color: var(--color-text-primary);
  }
  .ss-c-testimonial-card__quote::before {
    content: '"';
    font-size: 2em;
    color: var(--color-accent);
    opacity: 0.3;
    line-height: 0.5;
    vertical-align: -0.4em;
    margin-right: 0.25rem;
  }
  .ss-c-testimonial-card__author {
    font-weight: 600;
    color: var(--color-text-primary);
  }
  .ss-c-testimonial-card__title {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }
  .ss-c-testimonial-card__rating {
    display: flex;
    gap: 0.25rem;
    margin-bottom: var(--spacing-sm);
  }
  .ss-c-testimonial-card__rating .ss-c-star {
    color: var(--color-warning);
  }
  .ss-c-stats-card {
    text-align: center;
    padding: var(--spacing-lg);
  }
  .ss-c-stats-card__value {
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    font-weight: 700;
    color: var(--color-accent);
    margin-bottom: var(--spacing-xs);
  }
  .ss-c-stats-card__label {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-cards-grid {
    display: grid;
    gap: var(--spacing-lg);
  }
  .ss-c-cards-grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-c-cards-grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-c-cards-grid--4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-c-footer__grid {
    display: grid;
    grid-template-columns: 2fr repeat(3, 1fr);
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
  }
  .ss-c-footer__heading {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--spacing-md);
  }
  .ss-c-footer__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
  }
  .ss-c-footer__link {
    display: block;
    padding: 0.25rem 0;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    text-decoration: none;
  }
  .ss-c-footer__link:hover {
    color: var(--color-text-primary);
    text-decoration: underline;
  }
  .ss-c-footer__socials {
    display: flex;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
  }
  .ss-c-footer__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    background: var(--color-bg-tertiary);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
  }
  .ss-c-footer__social-link:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: white;
    transform: translateY(-0.125rem);
  }
  .ss-c-footer__social-link svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .ss-c-footer__policies {
    display: flex;
    gap: var(--spacing-md);
    list-style: none;
  }
  .ss-c-footer__policies a {
    font-size: 0.8125rem;
    color: var(--color-text-secondary);
    text-decoration: none;
  }
  .ss-c-footer__policies a:hover {
    color: var(--color-accent);
    text-decoration: underline;
  }
  .ss-c-footer__newsletter {
    margin-bottom: var(--spacing-md);
  }
  .ss-c-footer__newsletter-form {
    display: flex;
    gap: var(--spacing-sm);
  }
  .ss-c-footer__newsletter-input {
    flex: 1;
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--color-bg-tertiary);
    border: 0.0625rem solid var(--color-border);
    color: var(--color-text-primary);
    border-radius: var(--radius-md);
    font-size: 0.875rem;
  }
  .ss-c-footer__newsletter-input:focus {
    outline: none;
    border-color: var(--color-accent);
    background: var(--color-bg-primary);
  }
  .ss-c-footer__newsletter-input::placeholder {
    color: var(--color-text-tertiary);
  }
  .ss-c-footer__back-to-top {
    position: fixed;
    bottom: var(--spacing-lg);
    right: var(--spacing-lg);
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--color-accent);
    color: white;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    z-index: var(--z-fixed);
  }
  .ss-c-footer__back-to-top.ss-c-visible {
    display: flex;
  }
  .ss-c-footer__back-to-top:hover {
    background: var(--color-accent-light);
    transform: translateY(-0.25rem);
  }
  .ss-c-footer__back-to-top svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-footer__divider {
    height: 0.0625rem;
    background: var(--color-border);
    margin: var(--spacing-xl) 0;
  }
  .ss-c-globe-wireframe {
    width: 100%;
    max-width: 25rem;
    aspect-ratio: 1;
  }
  .ss-c-globe-svg {
    width: 100%;
    height: 100%;
    display: block;
    filter: drop-shadow(0 0.625rem 1.875rem rgba(59, 130, 246, 0.1));
  }
  .ss-c-globe-outline {
    fill: none;
    stroke: var(--color-border);
    stroke-width: 1.5;
  }
  .ss-c-globe-line {
    fill: none;
    stroke: var(--color-border);
    stroke-width: 0.75;
    opacity: 0.6;
  }
  .ss-c-globe-line--vertical {
    transform-origin: center;
  }
  .ss-c-globe-axis {
    stroke: var(--color-border-light);
    stroke-width: 0.5;
    stroke-dasharray: 4 4;
    opacity: 0.4;
  }
  .ss-c-globe-cell {
    fill: rgba(59, 130, 246, 0.1);
    stroke: var(--color-accent);
    stroke-width: 1;
    opacity: 0.8;
  }
  .ss-c-globe-cell--accent {
    fill: rgba(59, 130, 246, 0.25);
    stroke-width: 1.5;
    opacity: 1;
  }
  .ss-c-globe-cell:hover {
    opacity: 1;
    fill: rgba(59, 130, 246, 0.35);
  }
  .ss-c-globe-container {
    perspective: 62.5rem;
  }
  .ss-c-globe-container .ss-c-globe-svg {
    transform-style: preserve-3d;
  }
  .ss-c-globe-point {
    fill: var(--color-accent-green);
  }
  .ss-c-research-visual {
    width: 100%;
    height: 18.75rem;
    background: var(--color-bg-secondary);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-research-visual canvas {
    max-width: 100%;
    max-height: 100%;
  }
  .ss-c-svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
  }
  .ss-c-svg-icon--sm {
    width: 1rem;
    height: 1rem;
  }
  .ss-c-svg-icon--md {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ss-c-svg-icon--lg {
    width: 2rem;
    height: 2rem;
  }
  .ss-c-svg-icon--xl {
    width: 3rem;
    height: 3rem;
  }
  .ss-c-svg-icon--primary {
    color: var(--color-accent);
  }
  .ss-c-svg-icon--success {
    color: var(--color-success);
  }
  .ss-c-svg-icon--warning {
    color: var(--color-warning);
  }
  .ss-c-svg-icon--error {
    color: var(--color-error);
  }
  .ss-c-illustration {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 0.625rem 1.25rem rgba(0, 0, 0, 0.2));
  }
  .ss-c-illustration--centered {
    margin: 0 auto;
    display: block;
  }
  .ss-c-illustration--shadow-md {
    filter: drop-shadow(0 0.25rem 0.375rem rgba(0, 0, 0, 0.1));
  }
  .ss-c-illustration--shadow-lg {
    filter: drop-shadow(0 0.625rem 0.9375rem rgba(0, 0, 0, 0.1));
  }
  .ss-c-globe-pattern {
    background-image: radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);
    background-size: 100% 100%;
    background-attachment: fixed;
  }
  .ss-c-header__container {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--spacing-lg);
    height: 100%;
  }
  .ss-c-header__logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: var(--spacing-sm);
  }
  .ss-c-header__logo:hover {
    opacity: 0.8;
  }
  .ss-c-header__logo-icon {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
  }
  .ss-c-header__logo-text {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: -0.02em;
  }
  .ss-c-header__nav-list {
    display: flex;
    gap: var(--spacing-md);
    list-style: none;
  }
  .ss-c-header__nav-link {
    color: var(--color-text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    padding: var(--spacing-xs) var(--spacing-sm);
    position: relative;
  }
  .ss-c-header__nav-link:hover {
    color: var(--color-text-primary);
  }
  .ss-c-header__nav-link.active {
    color: var(--color-accent);
  }
  .ss-c-header__nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -0.125rem;
    left: 0;
    right: 0;
    height: 0.125rem;
    background: var(--color-accent);
    border-radius: 0.0625rem;
  }
  .ss-c-header__menu-toggle {
    display: none;
    flex-direction: column;
    gap: 0.3125rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--spacing-xs);
  }
  .ss-c-header__menu-toggle[aria-expanded=true] .ss-c-header__menu-bar:nth-child(1) {
    transform: rotate(45deg) translateY(0.75rem);
  }
  .ss-c-header__menu-toggle[aria-expanded=true] .ss-c-header__menu-bar:nth-child(2) {
    opacity: 0;
  }
  .ss-c-header__menu-toggle[aria-expanded=true] .ss-c-header__menu-bar:nth-child(3) {
    transform: rotate(-45deg) translateY(-0.75rem);
  }
  .ss-c-header__menu-bar {
    width: 1.5rem;
    height: 0.125rem;
    background: var(--color-text-primary);
    border-radius: 0.0625rem;
  }
  .ss-c-header__mobile-menu {
    display: none;
    position: absolute;
    top: var(--header-height);
    left: 0;
    right: 0;
    background: var(--color-bg-secondary);
    border-bottom: 0.0625rem solid var(--color-border);
    padding: var(--spacing-md);
    z-index: calc(var(--z-fixed) - 1);
  }
  .ss-c-header__mobile-nav-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
  }
  .ss-c-header__mobile-nav-link {
    display: block;
    padding: var(--spacing-sm) var(--spacing-md);
    color: var(--color-text-secondary);
    text-decoration: none;
    border-radius: var(--radius-md);
  }
  .ss-c-header__mobile-nav-link:hover {
    background: var(--color-bg-tertiary);
    color: var(--color-text-primary);
  }
  .ss-c-header__mobile-nav-link.active {
    background: rgba(59, 130, 246, 0.1);
    color: var(--color-accent);
    font-weight: 500;
  }
  .ss-c-header__cta {
    display: flex;
    gap: var(--spacing-sm);
    align-items: center;
  }
  .ss-c-header--sticky {
    position: sticky;
    top: 0;
  }
  .ss-c-header__search-input {
    background: var(--color-bg-tertiary);
    border: 0.0625rem solid var(--color-border);
    color: var(--color-text-primary);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-md);
    font-size: 0.875rem;
  }
  .ss-c-header__search-input:focus {
    outline: none;
    border-color: var(--color-accent);
    background: var(--color-bg-primary);
  }
  .ss-c-header__search-input::placeholder {
    color: var(--color-text-tertiary);
  }
  .ss-c-header__breadcrumb {
    font-size: 0.75rem;
    color: var(--color-text-tertiary);
    padding: 0.25rem var(--spacing-md);
  }
  .ss-c-header__breadcrumb a {
    color: var(--color-accent);
  }
  .ss-c-header__breadcrumb a:hover {
    text-decoration: underline;
  }
  .ss-c-header__notification {
    position: relative;
  }
  .ss-c-header__notification .ss-c-badge {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    background: var(--color-error);
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    min-width: 1.125rem;
    height: 1.125rem;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-table-wrapper {
    overflow-x: auto;
    margin-bottom: var(--spacing-lg);
    border-radius: var(--radius-md);
    border: 0.0625rem solid var(--color-border);
  }
  .ss-c-data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9375rem;
  }
  .ss-c-data-table th, .ss-c-data-table td {
    padding: var(--spacing-sm) var(--spacing-md);
    text-align: left;
    border-bottom: 0.0625rem solid var(--color-border);
  }
  .ss-c-data-table th {
    font-weight: 600;
    color: var(--color-text-primary);
    background: var(--color-bg-secondary);
    position: sticky;
    top: 0;
    z-index: 10;
  }
  .ss-c-data-table td {
    color: var(--color-text-secondary);
  }
  .ss-c-data-table tbody tr:hover {
    background: rgba(59, 130, 246, 0.05);
  }
  .ss-c-data-table tbody tr:last-child td {
    border-bottom: none;
  }
  .ss-c-data-table--striped tbody tr:nth-child(odd) {
    background: rgba(59, 130, 246, 0.02);
  }
  .ss-c-data-table .ss-c-table-highlight {
    color: var(--color-accent);
    font-weight: 500;
  }
  .ss-c-data-table .ss-c-table-success {
    color: var(--color-success);
  }
  .ss-c-data-table .ss-c-table-error {
    color: var(--color-error);
  }
  .ss-c-data-table .ss-c-table-warning {
    color: var(--color-warning);
  }
  .ss-c-code-example {
    margin-bottom: var(--spacing-lg);
  }
  .ss-c-code-example__title {
    font-size: 1rem;
    margin-bottom: var(--spacing-sm);
    font-weight: 600;
  }
  .ss-c-code-copy-btn {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    padding: 0.25rem 0.5rem;
    background: var(--color-bg-tertiary);
    border: 0.0625rem solid var(--color-border);
    color: var(--color-text-secondary);
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    cursor: pointer;
  }
  .ss-c-code-copy-btn:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: white;
  }
  .ss-c-research-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
  }
  .ss-c-research-item {
    padding-bottom: var(--spacing-lg);
    border-bottom: 0.0625rem solid var(--color-border);
  }
  .ss-c-research-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .ss-c-research-item__title {
    font-size: 1.125rem;
    margin-bottom: var(--spacing-sm);
    color: var(--color-text-primary);
    font-weight: 600;
  }
  .ss-c-research-item__authors {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin-bottom: var(--spacing-sm);
    font-style: italic;
  }
  .ss-c-research-item__abstract {
    font-size: 0.9375rem;
    margin-bottom: var(--spacing-sm);
    line-height: 1.7;
  }
  .ss-c-research-item__meta {
    font-size: 0.8125rem;
    color: var(--color-text-tertiary);
    margin-bottom: var(--spacing-sm);
  }
  .ss-c-research-item__link {
    font-size: 0.875rem;
    font-weight: 500;
  }
  .ss-c-research-item__link:hover {
    text-decoration: underline;
  }
  .ss-c-contact-note {
    padding: var(--spacing-md);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    border-left: 0.25rem solid var(--color-accent);
  }
  .ss-c-contact-note p {
    font-size: 0.9375rem;
    margin-bottom: 0;
  }
  .ss-c-feature-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .ss-c-feature-list-item {
    display: flex;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
  }
  .ss-c-feature-list-item:hover {
    background: var(--color-bg-secondary);
  }
  .ss-c-feature-list-item__icon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    color: var(--color-accent);
  }
  .ss-c-feature-list-item__content {
    flex: 1;
  }
  .ss-c-feature-list-item__title {
    font-weight: 600;
    margin-bottom: 0.25rem;
  }
  .ss-c-feature-list-item__description {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }
  .ss-c-about-mission {
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--color-text-primary);
    margin-bottom: var(--spacing-lg);
    font-style: italic;
  }
  .ss-c-geoid .ss-c-badge {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--color-accent);
    color: white;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-geoid .ss-c-badge--secondary {
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
    border: 0.0625rem solid var(--color-border);
  }
  .ss-c-geoid .ss-c-badge--success {
    background: var(--color-success);
  }
  .ss-c-geoid .ss-c-badge--warning {
    background: var(--color-warning);
  }
  .ss-c-geoid .ss-c-badge--error {
    background: var(--color-error);
  }
  .ss-c-pill {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--color-bg-secondary);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-full);
    font-size: 0.875rem;
  }
  .ss-c-pill:hover {
    border-color: var(--color-accent);
    background: rgba(59, 130, 246, 0.05);
  }
  .ss-c-progress {
    width: 100%;
    height: 0.25rem;
    background: var(--color-bg-secondary);
    border-radius: var(--radius-full);
    overflow: hidden;
    margin-bottom: var(--spacing-md);
  }
  .ss-c-progress__bar {
    height: 100%;
    background: var(--color-accent);
    border-radius: var(--radius-full);
  }
  .ss-c-progress__bar--success {
    background: var(--color-success);
  }
  .ss-c-progress__bar--warning {
    background: var(--color-warning);
  }
  .ss-c-progress__bar--error {
    background: var(--color-error);
  }
  .ss-c-alert {
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--radius-md);
    border-left: 0.25rem solid var(--color-info);
    background: rgba(59, 130, 246, 0.1);
    color: var(--color-text-primary);
    margin-bottom: var(--spacing-md);
  }
  .ss-c-alert__title {
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
  }
  .ss-c-alert--success {
    border-left-color: var(--color-success);
    background: rgba(16, 185, 129, 0.1);
  }
  .ss-c-alert--warning {
    border-left-color: var(--color-warning);
    background: rgba(245, 158, 11, 0.1);
  }
  .ss-c-alert--error {
    border-left-color: var(--color-error);
    background: rgba(239, 68, 68, 0.1);
  }
  .ss-c-divider {
    height: 0.0625rem;
    background: var(--color-border);
    margin: var(--spacing-lg) 0;
  }
  .ss-c-divider--spaced {
    margin: var(--spacing-xl) 0;
  }
  .ss-c-divider--text {
    display: flex;
    align-items: center;
  }
  .ss-c-divider--text::before, .ss-c-divider--text::after {
    content: "";
    flex: 1;
    height: 0.0625rem;
    background: var(--color-border);
  }
  .ss-c-divider--text span {
    padding: 0 var(--spacing-md);
    font-size: 0.875rem;
    color: var(--color-text-secondary);
  }
  .ss-c-skeleton {
    background: linear-gradient(90deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 50%, var(--color-bg-secondary) 100%);
    background-size: 200% 100%;
  }
  .ss-c-columns {
    display: grid;
    gap: var(--spacing-lg);
  }
  .ss-c-columns--2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-c-columns--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-c-columns--1-2 {
    grid-template-columns: 1fr 2fr;
  }
  .ss-c-columns--2-1 {
    grid-template-columns: 2fr 1fr;
  }
  .ss-c-column-item__title {
    font-size: 1.125rem;
    margin-bottom: var(--spacing-sm);
    color: var(--color-text-primary);
    font-weight: 600;
  }
  .ss-c-column-item p {
    font-size: 0.9375rem;
    line-height: 1.7;
  }
  .ss-c-row {
    display: flex;
    gap: var(--spacing-lg);
  }
  .ss-c-row--gap-sm {
    gap: var(--spacing-sm);
  }
  .ss-c-row--gap-md {
    gap: var(--spacing-md);
  }
  .ss-c-row--gap-xl {
    gap: var(--spacing-xl);
  }
  .ss-c-row--center {
    align-items: center;
  }
  .ss-c-row--start {
    align-items: flex-start;
  }
  .ss-c-row--end {
    align-items: flex-end;
  }
  .ss-c-row--wrap {
    flex-wrap: wrap;
  }
  .ss-c-stack {
    display: flex;
    flex-direction: column;
  }
  .ss-c-stack--gap-xs {
    gap: var(--spacing-xs);
  }
  .ss-c-stack--gap-sm {
    gap: var(--spacing-sm);
  }
  .ss-c-stack--gap-md {
    gap: var(--spacing-md);
  }
  .ss-c-stack--gap-lg {
    gap: var(--spacing-lg);
  }
  .ss-c-stack--center {
    align-items: center;
  }
  .ss-c-aspect-box img, .ss-c-aspect-box iframe, .ss-c-aspect-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-doc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-md);
  }
  .ss-c-architecture-diagram {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-xs);
    max-width: 31.25rem;
    margin: 0 auto;
  }
  .ss-c-architecture-layer {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
    background: var(--color-bg-tertiary);
    border: 0.0625rem solid var(--color-border);
    border-radius: var(--radius-md);
    text-align: center;
  }
  .ss-c-architecture-layer--highlight {
    border-color: var(--color-accent);
    background: rgba(59, 130, 246, 0.1);
    box-shadow: 0 0 1.25rem rgba(59, 130, 246, 0.2);
  }
  .ss-c-architecture-layer__label {
    display: block;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 0.25rem;
  }
  .ss-c-architecture-layer__desc {
    font-size: 0.8125rem;
    color: var(--color-text-tertiary);
  }
  .ss-c-architecture-connector {
    padding: var(--spacing-xs) 0;
    display: flex;
    justify-content: center;
  }
  .ss-c-architecture-arrow {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--color-border-light);
  }
  .ss-c-hero__container {
    max-width: var(--max-width);
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
    align-items: center;
  }
  .ss-c-hero__content {
    z-index: 10;
  }
  .ss-c-hero__title {
    font-size: clamp(3rem, 8vw, 5rem);
    font-weight: 700;
    letter-spacing: -0.04em;
    margin-bottom: var(--spacing-md);
    line-height: 1.1;
  }
  .ss-c-hero__subtitle {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-accent);
    margin-bottom: var(--spacing-lg);
    font-weight: 500;
  }
  .ss-c-hero__body {
    margin-bottom: var(--spacing-lg);
  }
  .ss-c-hero__body p {
    font-size: 1.0625rem;
    line-height: 1.8;
  }
  .ss-c-hero__actions {
    display: flex;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
  }
  .ss-c-hero__visual {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 18.75rem;
  }
  .ss-c-hero--bg {
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
  }
  .ss-c-hero--bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(10, 11, 13, 0.6);
    z-index: 1;
  }
  .ss-c-hero--bg .ss-c-hero__container {
    position: relative;
    z-index: 2;
  }
  .ss-c-hero--dark {
    background: var(--color-bg-primary);
  }
  .ss-c-hero--light {
    background: var(--color-bg-secondary);
  }
  .ss-c-hero--gradient {
    background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  }
  .ss-c-hero--centered {
    text-align: center;
  }
  .ss-c-hero--centered .ss-c-hero__container {
    grid-template-columns: 1fr;
  }
  .ss-c-hero--centered .ss-c-hero__container .ss-c-hero__title {
    margin: 0 auto;
  }
  .ss-c-hero--centered .ss-c-hero__container .ss-c-hero__subtitle {
    margin: 0 auto;
  }
  .ss-c-hero--centered .ss-c-hero__container .ss-c-hero__actions {
    justify-content: center;
  }
  .ss-c-hero-gradient-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 50% 0%, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
  }
  .ss-c-hero--parallax {
    overflow: hidden;
  }
  .ss-c-hero--parallax .ss-c-hero__visual {
    transform: perspective(62.5rem);
  }
  .ss-c-section__container {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--spacing-lg);
  }
  .ss-c-section__container--narrow {
    max-width: var(--max-width-narrow);
  }
  .ss-c-section__container--wide {
    max-width: 100%;
  }
  .ss-c-section__header-tag {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: var(--spacing-md);
    padding: var(--spacing-xs) var(--spacing-sm);
    background: rgba(59, 130, 246, 0.1);
    border-radius: var(--radius-md);
  }
  .ss-c-page-subtitle {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    max-width: 37.5rem;
  }
  .ss-c-section__divider {
    height: 0.0625rem;
    background: var(--color-border);
    margin: var(--spacing-xl) 0;
  }
  .ss-c-display-none {
    display: none !important;
  }
  .ss-c-display-block {
    display: block !important;
  }
  .ss-c-display-inline {
    display: inline !important;
  }
  .ss-c-display-inline-block {
    display: inline-block !important;
  }
  .ss-c-display-flex {
    display: flex !important;
  }
  .ss-c-display-grid {
    display: grid !important;
  }
  .ss-c-opacity-0 {
    opacity: 0;
  }
  .ss-c-opacity-25 {
    opacity: 0.25;
  }
  .ss-c-opacity-50 {
    opacity: 0.5;
  }
  .ss-c-opacity-75 {
    opacity: 0.75;
  }
  .ss-c-opacity-100 {
    opacity: 1;
  }
  .ss-c-overflow-visible {
    overflow: visible;
  }
  .ss-c-overflow-x-auto {
    overflow-x: auto;
  }
  .ss-c-overflow-y-auto {
    overflow-y: auto;
  }
  .ss-c-static {
    position: static;
  }
  .ss-c-z-0 {
    z-index: 0;
  }
  .ss-c-z-10 {
    z-index: 10;
  }
  .ss-c-z-20 {
    z-index: 20;
  }
  .ss-c-z-30 {
    z-index: 30;
  }
  .ss-c-z-40 {
    z-index: 40;
  }
  .ss-c-z-50 {
    z-index: 50;
  }
  .ss-c-z-auto {
    z-index: auto;
  }
  .ss-c-w-auto {
    width: auto;
  }
  .ss-c-h-auto {
    height: auto;
  }
  .ss-c-h-screen {
    height: 100vh;
  }
  .ss-c-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .ss-c-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .ss-c-pointer-events-none {
    pointer-events: none;
  }
  .ss-c-pointer-events-auto {
    pointer-events: auto;
  }
  .ss-c-cursor-pointer {
    cursor: pointer;
  }
  .ss-c-cursor-default {
    cursor: default;
  }
  .ss-c-cursor-not-allowed {
    cursor: not-allowed;
  }
  .ss-c-touch-auto {
    touch-action: auto;
  }
  .ss-c-touch-none {
    touch-action: none;
  }
  .ss-c-touch-pan-x {
    touch-action: pan-x;
  }
  .ss-c-touch-pan-y {
    touch-action: pan-y;
  }
  .ss-c-select-none {
    user-select: none;
  }
  .ss-c-select-all {
    user-select: all;
  }
  .ss-c-select-auto {
    user-select: auto;
  }
  .ss-c-blur-none {
    backdrop-filter: none;
  }
  .ss-c-blur-sm {
    backdrop-filter: blur(0.25rem);
  }
  .ss-c-blur-md {
    backdrop-filter: blur(0.75rem);
  }
  .ss-c-blur-lg {
    backdrop-filter: blur(1.25rem);
  }
  .ss-c-border-0 {
    border: none;
  }
  .ss-c-border {
    border: 0.0625rem solid var(--color-border);
  }
  .ss-c-border-t {
    border-top: 0.0625rem solid var(--color-border);
  }
  .ss-c-border-b {
    border-bottom: 0.0625rem solid var(--color-border);
  }
  .ss-c-border-l {
    border-left: 0.0625rem solid var(--color-border);
  }
  .ss-c-border-r {
    border-right: 0.0625rem solid var(--color-border);
  }
  .ss-c-rounded-none {
    border-radius: 0;
  }
  .ss-c-rounded-sm {
    border-radius: var(--radius-sm);
  }
  .ss-c-rounded-md {
    border-radius: var(--radius-md);
  }
  .ss-c-rounded-lg {
    border-radius: var(--radius-lg);
  }
  .ss-c-rounded-xl {
    border-radius: var(--radius-xl);
  }
  .ss-c-rounded-full {
    border-radius: var(--radius-full);
  }
  .ss-c-shadow-none {
    box-shadow: none;
  }
  .ss-c-h4 {
    font-family: unset;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--color-primary);
  }
  .ss-c-h2 {
    font-size: clamp(1.5rem, 1.25rem + 1.5vw, 2.5rem);
    line-height: 1.15;
    font-weight: 700;
    margin: 1em 0 0.5em;
  }
  .ss-c-h3 {
    font-size: clamp(1.25rem, 1rem + 0.75vw, 1.75rem);
    line-height: 1.2;
    font-weight: 700;
    margin: 1em 0 0.375em;
  }
  .ss-c-eyebrow + h4 {
    margin-top: 0;
  }
  .ss-c-text-balance {
    text-wrap: balance;
  }
  .ss-c-display {
    line-height: 1.1;
    letter-spacing: -0.04em;
  }
  .ss-c-text-emphasis {
    font-family: unset;
    font-weight: 700;
  }
  .ss-c-about__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-about__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .ss-c-about__title {
    margin-bottom: 1em;
  }
  .ss-c-about__body {
    color: var(--color-gray-600);
    line-height: 1.7;
  }
  .ss-c-about__body p {
    margin: 0 0 1em;
    max-width: 65ch;
  }
  .ss-c-about__body p:last-child {
    margin-bottom: 0;
  }
  .ss-c-about__body ul,
  .ss-c-about__body ol {
    margin: 1em 0;
    padding-left: 1.5em;
    list-style: disc;
  }
  .ss-c-about__body li {
    margin-bottom: 0.5em;
  }
  .ss-c-about__body strong {
    color: var(--color-primary);
    font-weight: 600;
  }
  .ss-c-about__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 2rem;
  }
  .ss-c-aftermovie {
    max-width: 64rem;
  }
  .ss-c-aftermovie__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-aftermovie__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .ss-c-aftermovie__title {
    margin-bottom: 0.5em;
  }
  .ss-c-aftermovie__subtitle {
    color: var(--color-gray-600);
    max-width: 50ch;
    margin-bottom: 1.5rem;
  }
  .ss-c-aftermovie__player {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    background-color: var(--color-primary);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    border: var(--border);
  }
  .ss-c-aftermovie__iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
  }
  .ss-c-audience {
    max-width: 64rem;
  }
  .ss-c-audience__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-audience__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .ss-c-audience__title {
    margin-bottom: 0.5em;
  }
  .ss-c-audience__subtitle {
    color: var(--color-gray-600);
    max-width: 50ch;
    margin-bottom: 2rem;
  }
  .ss-c-audience__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
  }
  .ss-c-audience__card {
    padding: 1.5rem;
    background: var(--color-white);
    border: var(--border);
    transition: all var(--duration-fast) var(--ease-out);
  }
  .ss-c-audience__card:hover {
    border-color: var(--color-accent);
    transform: translateY(-0.125rem);
  }
  .ss-c-audience__icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(9, 159, 128, 0.1);
    color: var(--color-accent);
    margin-bottom: 1rem;
  }
  .ss-c-audience__icon svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-audience__card-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color-primary);
  }
  .ss-c-audience__card-description {
    font-size: 0.875rem;
    color: var(--color-gray-600);
    line-height: 1.5;
  }
  .ss-c-audience__cta {
    display: flex;
    justify-content: center;
  }
  .ss-c-carousel-block {
    text-align: center;
  }
  .ss-c-carousel-block__cta {
    padding-left: clamp(1rem, 5vw, 3rem);
    padding-right: clamp(1rem, 5vw, 3rem);
  }
  .ss-c-carousel-block__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-family: unset;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-gray-500);
    margin-bottom: 1em;
  }
  .ss-c-carousel-block__eyebrow-dot {
    width: 0.5rem;
    height: 0.5rem;
    background: var(--color-accent);
    border-radius: 50%;
  }
  .ss-c-carousel-block__title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    margin-bottom: 0.5em;
  }
  .ss-c-carousel-block__subtitle {
    color: var(--color-gray-600);
    max-width: 37.5rem;
    margin: 0 auto 2em;
  }
  .ss-c-carousel-block__carousel {
    width: 100%;
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  }
  .ss-c-carousel-block__track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: carousel-scroll 40s linear infinite;
  }
  .ss-c-carousel-block__track:hover {
    animation-play-state: paused;
  }
  .ss-c-carousel-block__item {
    flex-shrink: 0;
    width: calc((100vw - 4rem) / 5 - 2rem);
    max-width: 11.25rem;
    min-width: 7.5rem;
    margin-right: 2rem;
    aspect-ratio: 3/2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: var(--border);
    border-radius: var(--radius-md);
    background: var(--color-white);
    transition: border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
  }
  .ss-c-carousel-block__item:hover {
    border-color: var(--color-accent);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-carousel-block__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .ss-c-carousel-block__item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter var(--duration-base) var(--ease-out), opacity var(--duration-base) var(--ease-out);
  }
  .ss-c-carousel-block__item:hover img {
    filter: grayscale(0%);
    opacity: 1;
  }
  .ss-c-carousel-block__item-text {
    font-family: unset;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-gray-600);
    text-align: center;
    line-height: 1.3;
  }
  .ss-c-contact-content {
    max-width: calc(32 * var(--grid-cell-size));
  }
  .ss-c-contact-intro {
    color: var(--color-gray-600);
    margin-bottom: var(--grid-1);
  }
  .ss-c-cta__title {
    font-weight: 700;
  }
  .ss-c-cta__text {
    max-width: 50ch;
    margin-left: auto;
    margin-right: auto;
  }
  .ss-c-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
  }
  .ss-c-event-days__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    gap: 1rem;
    width: 100%;
  }
  .ss-c-event-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--color-white);
    border: var(--border);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-base) var(--ease-out);
  }
  .ss-c-event-card:hover {
    border-color: var(--color-accent);
  }
  .ss-c-event-card__image {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  .ss-c-event-card__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0.75rem;
    gap: 0.25rem;
  }
  .ss-c-event-card__day {
    font-family: unset;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-gray-400);
    font-size: 0.75rem;
  }
  .ss-c-event-card__label {
    display: block;
    font-family: unset;
    font-weight: 600;
    color: var(--color-accent);
    font-size: 0.875rem;
    margin-top: 0.25rem;
  }
  .ss-c-event-card__title {
    font-weight: 600;
    color: var(--color-primary);
    min-height: 2.6em;
    line-height: 1.3;
  }
  .ss-c-event-card__description {
    color: var(--color-gray-600);
    font-size: 0.875rem;
  }
  .ss-c-event-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-weight: 600;
    color: var(--color-accent);
    transition: gap var(--duration-fast) var(--ease-out);
    margin-top: auto;
    padding-top: 0.75rem;
    align-self: flex-start;
  }
  .ss-c-event-card__link:hover {
    gap: 0.5em;
  }
  .ss-c-event-card__link .ss-c-arrow {
    transition: transform var(--duration-fast) var(--ease-out);
  }
  .ss-c-event-card__link:hover .ss-c-arrow {
    transform: translateX(0.25rem);
  }
  .ss-c-features__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-features__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .ss-c-features__title {
    margin-bottom: 0.5em;
  }
  .ss-c-features__subtitle {
    color: var(--color-gray-600);
    max-width: 50ch;
    margin-bottom: 2rem;
  }
  .ss-c-features__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1.5rem;
  }
  .ss-c-feature-card__icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem;
    color: var(--color-accent);
  }
  .ss-c-feature-card__icon svg {
    width: 100%;
    height: 100%;
  }
  .ss-c-feature-card__title {
    font-size: 1.125rem;
    margin: 0 0 0.5em;
  }
  .ss-c-feature-card__description {
    color: var(--color-gray-600);
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0;
  }
  .ss-c-gallery {
    max-width: 80rem;
  }
  .ss-c-gallery__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-gallery__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .ss-c-gallery__title {
    margin-bottom: 0.5em;
  }
  .ss-c-gallery__subtitle {
    color: var(--color-gray-600);
    max-width: 50ch;
    margin-bottom: 2rem;
  }
  .ss-c-gallery__grid {
    display: grid;
    grid-template-columns: repeat(var(--columns, 3), 1fr);
    gap: 1rem;
  }
  @media (max-width: 64rem) {
    .ss-c-gallery__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 37.5rem) {
    .ss-c-gallery__grid {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-gallery__item {
    margin: 0;
    overflow: hidden;
    background: var(--color-gray-100);
    border: var(--border);
  }
  .ss-c-gallery__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3;
    display: block;
    transition: transform var(--duration-base) var(--ease-out);
  }
  .ss-c-gallery__item:hover .ss-c-gallery__image {
    transform: scale(1.03);
  }
  .ss-c-gallery__caption {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    color: var(--color-gray-600);
    background: var(--color-white);
  }
  .ss-c-hero__image {
    flex: 1;
    min-width: 0;
  }
  .ss-c-hero__image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 70vh;
    object-fit: cover;
    border-radius: var(--radius-md);
  }
  .ss-c-hero__eyebrow {
    display: inline-flex;
    align-items: baseline;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
  }
  .ss-c-hero__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 0.4em;
  }
  .ss-c-hero__date {
    display: inline-flex;
    gap: 0.5em;
    color: var(--color-gray-700);
    margin-bottom: 0.5em;
  }
  .ss-c-hero__date .ss-c-icon,
  .ss-c-hero__date svg {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    color: var(--color-accent);
  }
  .ss-c-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
  }
  @media (max-width: 48rem) {
    .ss-c-hero__meta {
      flex-direction: column;
      gap: 0.5em;
    }
  }
  .ss-c-hero__meta-item {
    display: flex;
    align-items: center;
    gap: 0.5em;
    color: var(--color-gray-700);
  }
  .ss-c-hero__meta-item i,
  .ss-c-hero__meta-item svg {
    color: var(--color-accent);
  }
  .ss-c-section--icon {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }
  .ss-c-icon-block__intro {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
  }
  .ss-c-section--icon[data-image-position] .ss-c-icon-block__intro {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (max-width: 48rem) {
    .ss-c-section--icon[data-image-position] .ss-c-icon-block__intro {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
  }
  .ss-c-icon-block__heading {
    grid-column: span 2;
    order: 1;
    max-width: 64rem;
  }
  .ss-c-section--icon[data-image-position=left] .ss-c-icon-block__heading {
    order: 2;
  }
  @media (max-width: 48rem) {
    .ss-c-icon-block__heading {
      grid-column: auto;
    }
  }
  .ss-c-icon-block__image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius-md);
    grid-column: span 1;
    order: 2;
  }
  .ss-c-section--icon[data-image-position=left] .ss-c-icon-block__image {
    order: 1;
  }
  .ss-c-icon-block__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-icon-block {
    max-width: none;
  }
  .ss-c-icon-block__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-icon-block__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .ss-c-icon-block__title {
    margin-bottom: 0.5em;
  }
  .ss-c-icon-block__subtitle {
    color: var(--color-gray-600);
    max-width: 50ch;
    margin-bottom: 2rem;
  }
  .ss-c-icon-block__grid {
    display: grid;
    grid-template-columns: repeat(var(--columns, 3), 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
  }
  @media (max-width: 64rem) {
    .ss-c-icon-block__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 48rem) {
    .ss-c-icon-block__grid {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-icon-block__card {
    padding: 1.5rem;
    background: var(--color-white);
    border: var(--border);
    transition: all var(--duration-fast) var(--ease-out);
  }
  .ss-c-icon-block__card:hover {
    border-color: var(--color-accent);
    transform: translateY(-0.125rem);
  }
  .ss-c-icon-block__icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(9, 159, 128, 0.1);
    color: var(--color-accent);
    margin-bottom: 1rem;
  }
  .ss-c-icon-block__icon svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-icon-block__card-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color-primary);
  }
  .ss-c-icon-block__card-title-name {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
  }
  .ss-c-icon-block__card-title-meta {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-gray-600);
  }
  .ss-c-icon-block__card-description {
    font-size: 0.875rem;
    color: var(--color-gray-600);
    line-height: 1.5;
  }
  .ss-c-icon-block__card-bullets {
    margin: 0.75rem 0 0;
    padding: 0;
    list-style: none;
    font-size: 0.875rem;
    color: var(--color-gray-600);
    line-height: 1.5;
  }
  .ss-c-icon-block__card-bullets li {
    position: relative;
    padding-left: 1rem;
    margin-bottom: 0.35rem;
  }
  .ss-c-icon-block__card-bullets li::before {
    content: "›";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-accent);
    font-weight: 700;
  }
  .ss-c-icon-block__card-bullets li:last-child {
    margin-bottom: 0;
  }
  .ss-c-icon-block__cta {
    display: flex;
    justify-content: center;
  }
  .ss-c-section--paragraph {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
  }
  .ss-c-section--paragraph[data-image-position] {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (max-width: 48rem) {
    .ss-c-section--paragraph[data-image-position] {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
  }
  .ss-c-paragraph-block__image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius-md);
    grid-column: span 1;
    order: 2;
  }
  .ss-c-section--paragraph[data-image-position=left] .ss-c-paragraph-block__image {
    order: 1;
  }
  .ss-c-paragraph-block__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-paragraph-block {
    grid-column: span 2;
    order: 1;
  }
  .ss-c-section--paragraph[data-image-position=left] .ss-c-paragraph-block {
    order: 2;
  }
  @media (max-width: 48rem) {
    .ss-c-paragraph-block {
      grid-column: auto;
    }
  }
  .ss-c-paragraph-block__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-paragraph-block__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .ss-c-paragraph-block__title {
    margin-bottom: 1em;
  }
  .ss-c-paragraph-block__body {
    color: var(--color-gray-600);
    line-height: 1.7;
  }
  .ss-c-paragraph-block__body p {
    margin: 0 0 1em;
    max-width: 65ch;
  }
  .ss-c-paragraph-block__body p:last-child {
    margin-bottom: 0;
  }
  .ss-c-paragraph-block__body ul,
  .ss-c-paragraph-block__body ol {
    margin: 1em 0;
    padding-left: 1.5em;
    list-style: disc;
  }
  .ss-c-paragraph-block__body li {
    margin-bottom: 0.5em;
  }
  .ss-c-paragraph-block__body strong {
    color: var(--color-primary);
    font-weight: 600;
  }
  .ss-c-paragraph-block__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 2rem;
  }
  .ss-c-partners__cta {
    max-width: 64rem;
    margin-inline: auto;
    padding-inline: var(--container-padding);
  }
  .ss-c-partners__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-family: unset;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-gray-500);
    margin-bottom: 1em;
  }
  .ss-c-partners__eyebrow-dot {
    width: 0.5rem;
    height: 0.5rem;
    background: var(--color-accent);
    border-radius: 50%;
  }
  .ss-c-partners__title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    margin-bottom: 0.5em;
  }
  .ss-c-partners__subtitle {
    color: var(--color-gray-600);
    max-width: 37.5rem;
    margin: 0 auto 2em;
  }
  .ss-c-partners__carousel {
    width: 100%;
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  }
  .ss-c-partners__track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: partners-scroll 40s linear infinite;
  }
  .ss-c-partners__track:hover {
    animation-play-state: paused;
  }
  .ss-c-partners__logo {
    flex-shrink: 0;
    width: calc((100vw - 4rem) / 5 - 2rem);
    max-width: 11.25rem;
    min-width: 7.5rem;
    margin-right: 2rem;
    aspect-ratio: 3/2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: var(--border);
    border-radius: var(--radius-md);
    background: var(--color-white);
    transition: border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
  }
  .ss-c-partners__logo:hover {
    border-color: var(--color-accent);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-partners__logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .ss-c-partners__logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter var(--duration-base) var(--ease-out), opacity var(--duration-base) var(--ease-out);
  }
  .ss-c-partners__logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
  }
  .ss-c-partners__logo-text {
    font-family: unset;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-gray-600);
    text-align: center;
    line-height: 1.3;
  }
  .ss-c-previous-editions {
    max-width: 80rem;
  }
  .ss-c-previous-editions__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-previous-editions__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .ss-c-previous-editions__title {
    margin-bottom: 0.5em;
  }
  .ss-c-previous-editions__subtitle {
    color: var(--color-gray-600);
    max-width: 50ch;
    margin-bottom: 2rem;
  }
  .ss-c-previous-editions__grid {
    display: grid;
    grid-template-columns: repeat(var(--columns, 2), 1fr);
    gap: 1rem;
  }
  @media (max-width: 48rem) {
    .ss-c-previous-editions__grid {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-previous-editions__card {
    display: flex;
    flex-direction: column;
    background: var(--color-white);
    border: var(--border);
    color: inherit;
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-out);
  }
  .ss-c-previous-editions__card:hover {
    border-color: var(--color-accent);
    transform: translateY(-0.125rem);
  }
  .ss-c-previous-editions__media {
    overflow: hidden;
    background: var(--color-gray-100);
  }
  .ss-c-previous-editions__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
    display: block;
    transition: transform var(--duration-base) var(--ease-out);
  }
  .ss-c-previous-editions__card:hover .ss-c-previous-editions__image {
    transform: scale(1.03);
  }
  .ss-c-previous-editions__body {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-previous-editions__year {
    font-family: unset;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
  }
  .ss-c-previous-editions__card-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-primary);
    margin: 0;
  }
  .ss-c-previous-editions__description {
    color: var(--color-gray-600);
    font-size: 0.9375rem;
    margin: 0;
  }
  .ss-c-previous-editions__cta {
    margin-top: 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
  }
  .ss-c-previous-editions__cta svg {
    width: 1em;
    height: 1em;
  }
  .ss-c-programme {
    max-width: 64rem;
  }
  .ss-c-programme__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-programme__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .ss-c-programme__title {
    margin-bottom: 0.5em;
  }
  .ss-c-programme__subtitle {
    color: var(--color-gray-600);
    max-width: 50ch;
    margin-bottom: 2rem;
  }
  .ss-c-programme__days {
    display: flex;
    gap: 0;
    margin-bottom: 1.5rem;
    border: var(--border);
    background: var(--color-white);
    width: fit-content;
  }
  .ss-c-programme__day {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.125rem;
    padding: 0.75em 1.5em;
    font-family: unset;
    background: var(--color-white);
    border: none;
    border-right: var(--border);
    color: var(--color-gray-600);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
  }
  .ss-c-programme__day:last-child {
    border-right: none;
  }
  .ss-c-programme__day:hover {
    background: var(--color-gray-50);
    color: var(--color-primary);
  }
  .ss-c-programme__day--active {
    background: var(--color-primary);
    color: var(--color-white);
  }
  .ss-c-programme__day--active:hover {
    background: var(--color-primary);
    color: var(--color-white);
  }
  .ss-c-programme__day-label {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-programme__day-date {
    font-size: 0.75rem;
    font-weight: 500;
    opacity: 0.8;
  }
  .ss-c-programme__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .ss-c-programme__filter {
    padding: 0.5em 1em;
    font-family: unset;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--color-white);
    border: var(--border);
    color: var(--color-gray-600);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
  }
  .ss-c-programme__filter:hover {
    border-color: var(--color-accent);
    color: var(--color-primary);
  }
  .ss-c-programme__filter--active {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
  }
  .ss-c-programme__filter--active:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
  }
  .ss-c-programme__table {
    border: var(--border);
    background: var(--color-white);
  }
  .ss-c-programme__header {
    display: grid;
    grid-template-columns: 6rem 1fr 8rem 8rem;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--color-gray-100);
    border-bottom: var(--border);
    font-family: unset;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-gray-500);
  }
  @media (max-width: 48rem) {
    .ss-c-programme__header {
      display: none;
    }
  }
  .ss-c-programme__row {
    display: grid;
    grid-template-columns: 6rem 1fr 8rem 8rem;
    gap: 1rem;
    padding: 1rem;
    border-bottom: var(--border);
    transition: background var(--duration-fast) var(--ease-out);
  }
  .ss-c-programme__row:last-child {
    border-bottom: none;
  }
  .ss-c-programme__row:hover {
    background: var(--color-gray-100);
  }
  @media (max-width: 48rem) {
    .ss-c-programme__row {
      grid-template-columns: 1fr;
      gap: 0.5rem;
    }
  }
  .ss-c-programme__col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  @media (max-width: 48rem) {
    .ss-c-programme__col--time {
      order: -1;
    }
  }
  .ss-c-programme__col--title {
    gap: 0.25rem;
  }
  @media (max-width: 48rem) {
    .ss-c-programme__col--track, .ss-c-programme__col--location {
      flex-direction: row;
      gap: 0.5rem;
    }
  }
  .ss-c-programme__time {
    font-family: unset;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-primary);
  }
  .ss-c-programme__item-title {
    font-weight: 600;
    color: var(--color-primary);
  }
  .ss-c-programme__speaker {
    font-size: 0.875rem;
    color: var(--color-accent);
  }
  .ss-c-programme__description {
    font-size: 0.875rem;
    color: var(--color-gray-600);
    line-height: 1.5;
  }
  .ss-c-programme__track {
    display: inline-flex;
    padding: 0.25em 0.5em;
    font-family: unset;
    font-size: 0.625rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0.125rem;
    width: fit-content;
  }
  .ss-c-programme__track--main {
    background: rgba(9, 159, 128, 0.1);
    color: var(--color-accent);
  }
  .ss-c-programme__track--workshop {
    background: rgba(0, 184, 212, 0.1);
    color: var(--color-interaction);
  }
  .ss-c-programme__track--panel {
    background: rgba(6, 6, 68, 0.1);
    color: var(--color-primary);
  }
  .ss-c-programme__track--networking {
    background: rgba(245, 133, 77, 0.1);
    color: var(--color-signal);
  }
  .ss-c-programme__track--break {
    background: var(--color-gray-100);
    color: var(--color-gray-500);
  }
  .ss-c-programme__track--excursion {
    background: rgba(138, 43, 226, 0.1);
    color: #8a2be2;
  }
  .ss-c-programme__col--location {
    font-size: 0.875rem;
    color: var(--color-gray-500);
  }
  .ss-c-stats {
    max-width: 64rem;
    width: 100%;
    min-width: 0;
  }
  .ss-c-stats__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    font-family: unset;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .ss-c-stats__eyebrow-dot {
    width: 0.5em;
    height: 0.5em;
    background: var(--color-accent);
    border-radius: 50%;
    flex-shrink: 0;
  }
  .ss-c-stats__title {
    margin-bottom: 2rem;
  }
  .ss-c-stats__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
  }
  @media (min-width: 48rem) {
    .ss-c-stats__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .ss-c-stat-item__number {
    font-family: unset;
    font-size: clamp(2rem, 1.5rem + 2vw, 4rem);
    font-weight: 700;
    line-height: 1;
    color: var(--color-accent);
    letter-spacing: -0.02em;
  }
  .ss-c-stat-item__label {
    font-family: unset;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-white);
    margin-top: 0.5rem;
  }
  .ss-c-section--dark .ss-c-btn {
    color: var(--color-white);
    border-color: var(--color-white);
  }
  .ss-c-section--dark .ss-c-btn:hover {
    background: var(--color-white);
    color: var(--color-primary);
  }
  .ss-c-section--dark .ss-c-btn--primary {
    background: var(--color-white);
    color: var(--color-primary);
    border-color: var(--color-white);
  }
  .ss-c-section--dark .ss-c-btn--primary:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-white);
  }
  .ss-c-section--dark .ss-c-btn--secondary {
    background: transparent;
    color: var(--color-white);
    border-color: var(--color-white);
  }
  .ss-c-section--dark .ss-c-btn--secondary:hover {
    background: var(--color-white);
    color: var(--color-primary);
  }
  .ss-c-grid-dots {
    position: absolute;
    inset: 0;
    z-index: var(--grid-dots-z-index);
    pointer-events: none;
    background-image: linear-gradient(to right, var(--grid-dots-color) var(--grid-dots-size), transparent var(--grid-dots-size));
    background-size: var(--grid-cell-size) var(--grid-cell-size);
    background-position: var(--grid-dots-offset) var(--grid-dots-offset);
    mask-image: linear-gradient(to bottom, black var(--grid-dots-size), transparent var(--grid-dots-size));
    mask-size: var(--grid-cell-size) var(--grid-cell-size);
    mask-position: var(--grid-dots-offset) var(--grid-dots-offset);
    -webkit-mask-image: linear-gradient(to bottom, black var(--grid-dots-size), transparent var(--grid-dots-size));
    -webkit-mask-size: var(--grid-cell-size) var(--grid-cell-size);
    -webkit-mask-position: var(--grid-dots-offset) var(--grid-dots-offset);
    opacity: var(--grid-dots-opacity);
  }
  @media (max-width: 48rem) {
    .ss-c-grid-dots {
      display: none;
    }
  }
  .ss-c-grid-squares {
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1000;
    overflow: hidden;
  }
  @media (max-width: 48rem) {
    .ss-c-grid-squares {
      display: none;
    }
  }
  .ss-c-grid-square {
    position: absolute;
    width: var(--square-size);
    height: var(--square-size);
  }
  .ss-c-grid-square--green-10 {
    background: #e6f5f2;
  }
  .ss-c-grid-square--green-20 {
    background: #ceece6;
  }
  .ss-c-grid-square--green-30 {
    background: #b5e2d9;
  }
  .ss-c-grid-square--tl-1 {
    top: 0;
    left: 0;
  }
  .ss-c-grid-square--tl-2 {
    top: 0;
    left: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--tl-3 {
    top: calc(var(--grid-cell-size) * 4);
    left: 0;
  }
  .ss-c-grid-square--tl-4 {
    top: calc(var(--grid-cell-size) * 4);
    left: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--tl-5 {
    top: 0;
    left: calc(var(--grid-cell-size) * 8);
  }
  .ss-c-grid-square--tl-6 {
    top: calc(var(--grid-cell-size) * 8);
    left: 0;
  }
  .ss-c-grid-square--tr-1 {
    top: 0;
    right: 0;
  }
  .ss-c-grid-square--tr-2 {
    top: 0;
    right: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--tr-3 {
    top: calc(var(--grid-cell-size) * 4);
    right: 0;
  }
  .ss-c-grid-square--tr-4 {
    top: calc(var(--grid-cell-size) * 4);
    right: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--tr-5 {
    top: 0;
    right: calc(var(--grid-cell-size) * 8);
  }
  .ss-c-grid-square--tr-6 {
    top: calc(var(--grid-cell-size) * 8);
    right: 0;
  }
  .ss-c-grid-square--bl-1 {
    bottom: 0;
    left: 0;
  }
  .ss-c-grid-square--bl-2 {
    bottom: 0;
    left: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--bl-3 {
    bottom: calc(var(--grid-cell-size) * 4);
    left: 0;
  }
  .ss-c-grid-square--bl-4 {
    bottom: calc(var(--grid-cell-size) * 8);
    left: 0;
  }
  .ss-c-grid-square--br-1 {
    bottom: 0;
    right: 0;
  }
  .ss-c-grid-square--br-2 {
    bottom: 0;
    right: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--br-3 {
    bottom: calc(var(--grid-cell-size) * 4);
    right: 0;
  }
  .ss-c-grid-square--br-4 {
    bottom: calc(var(--grid-cell-size) * 8);
    right: 0;
  }
  .ss-c-grid-square--mid-1 {
    top: calc(var(--grid-cell-size) * 32);
    right: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--mid-2 {
    top: calc(var(--grid-cell-size) * 36);
    right: calc(var(--grid-cell-size) * 8);
  }
  .ss-c-grid-square--mid-3 {
    top: calc(var(--grid-cell-size) * 48);
    left: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--mid-4 {
    top: calc(var(--grid-cell-size) * 52);
    left: calc(var(--grid-cell-size) * 8);
  }
  .ss-c-grid-square--mid-5 {
    top: calc(var(--grid-cell-size) * 60);
    right: calc(var(--grid-cell-size) * 8);
  }
  .ss-c-grid-square--mid-6 {
    top: calc(var(--grid-cell-size) * 68);
    left: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--mid-7 {
    top: calc(var(--grid-cell-size) * 20);
    left: calc(var(--grid-cell-size) * 8);
  }
  .ss-c-grid-square--mid-8 {
    top: calc(var(--grid-cell-size) * 24);
    left: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--mid-9 {
    top: calc(var(--grid-cell-size) * 40);
    right: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--mid-10 {
    top: calc(var(--grid-cell-size) * 56);
    right: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--mid-11 {
    top: calc(var(--grid-cell-size) * 72);
    right: calc(var(--grid-cell-size) * 8);
  }
  .ss-c-grid-square--mid-12 {
    top: calc(var(--grid-cell-size) * 76);
    left: calc(var(--grid-cell-size) * 8);
  }
  .ss-c-grid-square--mid-13 {
    top: calc(var(--grid-cell-size) * 84);
    right: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--mid-14 {
    top: calc(var(--grid-cell-size) * 88);
    left: calc(var(--grid-cell-size) * 4);
  }
  .ss-c-grid-square--large {
    width: calc(var(--square-size) * 2);
    height: calc(var(--square-size) * 2);
  }
  .ss-c-grid-square--lg-1 {
    top: calc(var(--grid-cell-size) * 16);
    right: 0;
  }
  .ss-c-grid-square--lg-2 {
    top: calc(var(--grid-cell-size) * 44);
    left: 0;
  }
  .ss-c-grid-square--lg-3 {
    top: calc(var(--grid-cell-size) * 64);
    right: 0;
  }
  .ss-c-grid-square--lg-4 {
    top: calc(var(--grid-cell-size) * 80);
    left: 0;
  }
  .ss-c-footer__content {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    max-width: 64rem;
    margin: 0 auto;
    padding-bottom: 2rem;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
  }
  @media (max-width: 40rem) {
    .ss-c-footer__content {
      flex-direction: column;
    }
  }
  .ss-c-footer__nav-group {
    min-width: 6rem;
  }
  @media (max-width: 40rem) {
    .ss-c-footer__nav-group {
      min-width: 0;
    }
  }
  .ss-c-footer__nav-title {
    font-family: unset;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    margin: 0 0 0.75rem;
  }
  .ss-c-frame {
    position: relative;
  }
  .ss-c-frame__content {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-top: var(--site-header-height, 4rem);
  }
  .ss-c-site-main {
    display: grid;
    grid-template-columns: 1fr minmax(0, 64rem) 1fr;
    gap: 0;
    margin: 0 auto;
    width: 100%;
    padding: 0 1rem 8rem;
  }
  .ss-c-site-main > :first-child:not(.ss-c-hero) {
    margin-top: 8rem;
  }
  .ss-c-life-cell {
    position: relative;
    pointer-events: none;
  }
  .ss-c-life-cell::after {
    content: "";
    position: absolute;
    top: var(--life-cell-padding);
    right: var(--life-cell-padding);
    bottom: var(--life-cell-padding);
    left: var(--life-cell-padding);
    background-color: rgba(9, 159, 128, 0.12);
    opacity: 0;
    transition: opacity 750ms ease-out;
  }
  .ss-c-life-cell.ss-c-alive::after {
    opacity: 1;
  }
  .ss-c-content-quarter {
    grid-column: span 16;
  }
  .ss-c-partner-levels {
    max-width: 64rem;
  }
  .ss-c-partner-levels__title {
    text-align: center;
    margin-bottom: 2rem;
  }
  .ss-c-partner-levels__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1.5rem;
    margin-bottom: 1rem;
  }
  .ss-c-partner-level {
    background: var(--color-white);
    border: var(--border);
    padding: 2rem;
    display: flex;
    flex-direction: column;
  }
  .ss-c-partner-level--gold {
    border-color: #d4a600;
  }
  .ss-c-partner-level--gold .ss-c-partner-level__name {
    color: #d4a600;
  }
  .ss-c-partner-level--silver {
    border-color: #8e8e8e;
  }
  .ss-c-partner-level--silver .ss-c-partner-level__name {
    color: #8e8e8e;
  }
  .ss-c-partner-level--bronze {
    border-color: #cd7f32;
  }
  .ss-c-partner-level--bronze .ss-c-partner-level__name {
    color: #cd7f32;
  }
  .ss-c-partner-level__header {
    text-align: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: var(--border);
  }
  .ss-c-partner-level__name {
    font-family: unset;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.5rem;
  }
  .ss-c-partner-level__price {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-primary);
  }
  .ss-c-partner-level__limit {
    font-size: 0.75rem;
    color: var(--color-gray-500);
    margin-top: 0.5rem;
  }
  .ss-c-partner-level__benefits {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    flex-grow: 1;
  }
  .ss-c-partner-level__benefits li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 0;
    font-size: 0.875rem;
    color: var(--color-gray-700);
    border-bottom: 0.0625rem solid var(--color-gray-100);
  }
  .ss-c-partner-level__benefits li:last-child {
    border-bottom: none;
  }
  .ss-c-partner-level__benefits li svg {
    width: 1rem;
    height: 1rem;
    color: var(--color-accent);
    flex-shrink: 0;
    margin-top: 0.125rem;
  }
  .ss-c-partner-levels__note {
    text-align: center;
    font-size: 0.875rem;
    color: var(--color-gray-500);
  }
  .ss-c-partner-contact {
    max-width: 40rem;
    margin: 0 auto;
  }
  .ss-c-partner-contact__title {
    text-align: center;
    margin-bottom: 1rem;
  }
  .ss-c-partner-contact__intro {
    text-align: center;
    color: var(--color-gray-600);
    margin-bottom: 2rem;
  }
  .ss-c-partner-contact__info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: var(--color-gray-50);
    border: var(--border);
  }
  .ss-c-partner-contact__item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
  }
  .ss-c-partner-contact__item svg {
    width: 1rem;
    height: 1rem;
    color: var(--color-accent);
  }
  .ss-c-partner-contact__item a {
    color: var(--color-primary);
  }
  .ss-c-partner-contact__item a:hover {
    color: var(--color-accent);
  }
  .ss-c-partner-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-partner-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  @media (max-width: 30rem) {
    .ss-c-partner-form__row {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-partner-form__field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-partner-form__field label {
    font-family: unset;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-gray-600);
  }
  .ss-c-partner-form__field input,
  .ss-c-partner-form__field select,
  .ss-c-partner-form__field textarea {
    padding: 0.75rem 1rem;
    font-family: inherit;
    font-size: 1rem;
    border: var(--border);
    background: var(--color-white);
    color: var(--color-primary);
    transition: border-color var(--duration-fast) var(--ease-out);
  }
  .ss-c-partner-form__field input:focus,
  .ss-c-partner-form__field select:focus,
  .ss-c-partner-form__field textarea:focus {
    outline: none;
    border-color: var(--color-accent);
  }
  .ss-c-partner-form__field select {
    cursor: pointer;
  }
  .ss-c-partner-form__field textarea {
    resize: vertical;
    min-height: 6rem;
  }
  .ss-c-section--page-header .ss-c-page-header {
    max-width: 64rem;
  }
  .ss-c-target-audience {
    max-width: 64rem;
  }
  .ss-c-target-audience__title {
    text-align: center;
    margin-bottom: 1rem;
  }
  .ss-c-target-audience__intro {
    text-align: center;
    color: var(--color-gray-600);
    max-width: 50ch;
    margin: 0 auto 2rem;
  }
  .ss-c-target-audience__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1.5rem;
  }
  .ss-c-target-audience__card {
    padding: 1.5rem;
    background: var(--color-white);
    border: var(--border);
    text-align: center;
  }
  .ss-c-target-audience__icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(9, 159, 128, 0.1);
    color: var(--color-accent);
    margin: 0 auto 1rem;
  }
  .ss-c-target-audience__icon svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ss-c-target-audience__card-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color-primary);
  }
  .ss-c-target-audience__card-description {
    font-size: 0.875rem;
    color: var(--color-gray-600);
    line-height: 1.5;
  }
  .ss-c-tickets {
    max-width: 72rem;
  }
  .ss-c-tickets__title {
    text-align: center;
    margin-bottom: 2rem;
  }
  .ss-c-tickets__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 1.5rem;
  }
  @media (max-width: 64rem) {
    .ss-c-tickets__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 40rem) {
    .ss-c-tickets__grid {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-ticket-card {
    background: var(--color-white);
    border: var(--border);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .ss-c-ticket-card--highlighted {
    border-color: var(--color-accent);
    border-width: 0.125rem;
  }
  .ss-c-ticket-card__badge {
    position: absolute;
    top: -0.75rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-accent);
    color: var(--color-white);
    font-family: unset;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.25rem 0.75rem;
  }
  .ss-c-ticket-card__name {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color-primary);
  }
  .ss-c-ticket-card__price {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-accent);
    margin-bottom: 1rem;
  }
  .ss-c-ticket-card__description {
    font-size: 0.875rem;
    color: var(--color-gray-600);
    margin-bottom: 1rem;
  }
  .ss-c-ticket-card__includes {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    flex-grow: 1;
  }
  .ss-c-ticket-card__includes li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 0;
    font-size: 0.875rem;
    color: var(--color-gray-700);
  }
  .ss-c-ticket-card__includes li svg {
    width: 1rem;
    height: 1rem;
    color: var(--color-accent);
    flex-shrink: 0;
    margin-top: 0.125rem;
  }
  .ss-c-tickets__note {
    text-align: center;
    font-size: 0.875rem;
    color: var(--color-gray-500);
  }
  .ss-c-tickets__note p {
    margin: 0;
  }
  .ss-c-ai-typing {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    border-right: 0.125rem solid var(--color-accent);
    animation: typing 3s steps(30, end), blink 0.75s step-end infinite;
  }
  .ss-c-list {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
  }
  .ss-c-list li {
    margin-bottom: 0.5rem;
    line-height: unset;
  }
  .ss-c-list--bullet {
    list-style-type: disc;
  }
  .ss-c-list--number {
    list-style-type: decimal;
  }
  .ss-c-bibliography-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-bibliography-item {
    padding: 1rem 0;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-bibliography-item:last-child {
    border-bottom: none;
  }
  .ss-c-bibliography-item__citation {
    font-size: 1rem;
    line-height: 1.625;
    color: #737373;
    margin: 0;
  }
  .ss-c-bibliography-item__citation em {
    font-style: italic;
  }
  .ss-c-callout-box {
    background-color: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    padding: 1.5rem;
  }
  .ss-c-section--light .ss-c-callout-box {
    background-color: #f2f2f2;
  }
  .ss-c-callout-box__title {
    font-family: Georgia, serif;
    font-size: 1.375rem;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0.5rem;
  }
  .ss-c-callout-box__text {
    font-size: 1rem;
    color: #737373;
    line-height: 1.625;
    margin-bottom: 1rem;
  }
  .ss-c-callout-box .ss-c-btn {
    display: inline-flex;
    align-items: center;
  }
  .ss-c-stat--inline {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-top: 1rem;
  }
  .ss-c-stat--inline .ss-c-stat__value {
    font-size: 2.25rem;
    margin-bottom: 0;
  }
  .ss-c-stat--inline .ss-c-stat__label {
    font-size: 0.875rem;
  }
  .ss-c-stat-card {
    padding: 1.5rem;
    text-align: center;
  }
  .ss-c-stat-card__value {
    font-size: 3rem;
    font-weight: 700;
    color: #000000;
    line-height: 1;
    margin-bottom: 0.5rem;
  }
  .ss-c-stat-card__label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-form__group {
    margin-bottom: 1.5rem;
  }
  .ss-c-form__label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #2d2d2d;
  }
  .ss-c-form__input, .ss-c-form__textarea, .ss-c-form__select {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    color: #1a1a1a;
    background-color: #ffffff;
    border: 0.0625rem solid #d4d4d4;
    border-radius: 0;
    transition: all 150ms ease;
  }
  .ss-c-form__input::placeholder, .ss-c-form__textarea::placeholder, .ss-c-form__select::placeholder {
    color: #a3a3a3;
  }
  .ss-c-form__input:focus, .ss-c-form__textarea:focus, .ss-c-form__select:focus {
    outline: none;
    border-color: #737373;
    box-shadow: 0 0 0 0.1875rem rgba(115, 115, 115, 0.15);
  }
  .ss-c-form__input:disabled, .ss-c-form__textarea:disabled, .ss-c-form__select:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed;
  }
  .ss-c-form__input--error, .ss-c-form__textarea--error, .ss-c-form__select--error {
    border-color: #000000;
  }
  .ss-c-form__input--error:focus, .ss-c-form__textarea--error:focus, .ss-c-form__select--error:focus {
    box-shadow: 0 0 0 0.1875rem rgba(0, 0, 0, 0.15);
  }
  .ss-c-form__textarea {
    min-height: 7.5rem;
    resize: vertical;
  }
  .ss-c-form__select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
    padding-right: 2.5rem;
  }
  .ss-c-form__hint {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-form__error {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #000000;
  }
  .ss-c-form__row {
    display: grid;
    gap: 1.5rem;
  }
  .ss-c-radio {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
  }
  .ss-c-radio input {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
  }
  .ss-c-radio__label {
    font-size: 1rem;
    color: #2d2d2d;
    line-height: 1.4;
  }
  .ss-c-kockums .ss-c-nav {
    display: none;
  }
  .ss-c-kockums .ss-c-nav__list {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .ss-c-kockums .ss-c-nav__item {
    position: relative;
  }
  .ss-c-kockums .ss-c-nav__link {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
    transition: color 150ms ease;
    text-decoration: none;
    position: relative;
  }
  .ss-c-kockums .ss-c-nav__link::after {
    content: "";
    position: absolute;
    bottom: -0.125rem;
    left: 0;
    width: 0;
    height: 0.0625rem;
    background-color: #000000;
    transition: width 150ms ease;
  }
  .ss-c-kockums .ss-c-nav__link:hover {
    color: #000000;
  }
  .ss-c-kockums .ss-c-nav__link:hover::after {
    width: 100%;
  }
  .ss-c-kockums .ss-c-nav__link--active::after {
    width: 100%;
  }
  .ss-c-nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: unset;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: all 200ms ease;
  }
  .ss-c-nav-overlay.is-visible {
    opacity: 1;
    visibility: visible;
  }
  .ss-c-newsletter {
    background-color: #f2f2f2;
  }
  .ss-c-newsletter__container {
    max-width: 37.5rem;
    text-align: center;
  }
  .ss-c-newsletter__title {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  .ss-c-newsletter__text {
    font-size: 1rem;
    color: #525252;
    margin-bottom: 1.5rem;
  }
  .ss-c-newsletter__form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .ss-c-newsletter__input {
    flex: 1;
    padding: 1rem;
    font-size: 1rem;
    border: 0.0625rem solid #d4d4d4;
    border-radius: 0;
  }
  .ss-c-newsletter__input:focus {
    outline: none;
    border-color: #737373;
    box-shadow: 0 0 0 0.1875rem rgba(115, 115, 115, 0.15);
  }
  .ss-c-newsletter__submit {
    white-space: nowrap;
  }
  .ss-c-newsletter__privacy {
    margin-top: 1rem;
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-newsletter__privacy a {
    color: #737373;
  }
  .ss-c-newsletter__privacy a:hover {
    text-decoration: underline;
  }
  .ss-c-stat__value {
    display: block;
    font-family: Georgia, serif;
    font-size: 3rem;
    font-weight: 400;
    color: #000000;
    line-height: 1;
    margin-bottom: 0.5rem;
  }
  .ss-c-stat__label {
    font-size: 0.875rem;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-section-hero {
    padding: 8rem 0;
    background-color: #ffffff;
  }
  .ss-c-section-hero__title {
    font-family: Georgia, serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.1;
    color: #000000;
    margin-bottom: 1.5rem;
    letter-spacing: -0.02em;
  }
  .ss-c-section-hero__subtitle {
    font-family: Georgia, serif;
    font-size: 1.125rem;
    color: #737373;
    max-width: 43.75rem;
    line-height: 1.625;
  }
  .ss-c-transition-none {
    transition: none;
  }
  .ss-c-bg-primary {
    background-color: #000000;
  }
  .ss-c-bg-secondary {
    background-color: #737373;
  }
  .ss-c-bg-light {
    background-color: #f2f2f2;
  }
  .ss-c-bg-white {
    background-color: #ffffff;
  }
  .ss-c-mb-12 {
    margin-bottom: 3rem;
  }
  .ss-c-inline-block {
    display: inline-block;
  }
  .ss-c-max-w-prose {
    max-width: 65ch;
  }
  .ss-c-max-w-sm {
    max-width: 25rem;
  }
  .ss-c-max-w-md {
    max-width: 37.5rem;
  }
  .ss-c-rounded {
    border-radius: 0;
  }
  .ss-c-shadow {
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem -0.125rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-container-fluid {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .ss-c-grid--2 {
    display: grid;
    gap: unset;
  }
  .ss-c-grid--3 {
    display: grid;
    gap: unset;
  }
  .ss-c-grid--4 {
    display: grid;
    gap: unset;
  }
  .ss-c-col {
    flex: 1;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ss-c-projects {
    background-color: #ffffff;
  }
  .ss-c-projects__header {
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 2.5rem;
  }
  .ss-c-projects__title {
    color: #1a1a1a;
  }
  .ss-c-projects__grid {
    display: grid;
    gap: 1.5rem;
  }
  .ss-c-project-card {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    background-color: #1a1a1a;
  }
  .ss-c-project-card::before {
    content: "";
    display: block;
    padding-top: 75%;
  }
  .ss-c-project-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 300ms ease;
  }
  .ss-c-project-card__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(26, 26, 26, 0.9) 0%, rgba(26, 26, 26, 0) 60%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.5rem;
  }
  .ss-c-project-card__category {
    font-size: 0.75rem;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.5rem;
  }
  .ss-c-project-card__title {
    font-size: 1.375rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0.5rem;
  }
  .ss-c-project-card__description {
    font-size: 0.875rem;
    color: #a3a3a3;
  }
  .ss-c-project-card:hover .ss-c-project-card__image {
    transform: scale(1.05);
  }
  .ss-c-services {
    background-color: #1a1a1a;
  }
  .ss-c-services__header {
    text-align: center;
    max-width: 43.75rem;
    margin: 0 auto 3rem;
  }
  .ss-c-services__tagline {
    font-size: 0.875rem;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 1rem;
  }
  .ss-c-services__title {
    color: #ffffff;
    margin-bottom: 1rem;
  }
  .ss-c-services__description {
    font-size: 1.125rem;
    color: #a3a3a3;
  }
  .ss-c-services__grid {
    display: grid;
    gap: 1.5rem;
  }
  .ss-c-align-start {
    align-items: flex-start;
  }
  .ss-c-align-center {
    align-items: center;
  }
  .ss-c-align-end {
    align-items: flex-end;
  }
  .ss-c-m-1 {
    margin: 0.25rem;
  }
  .ss-c-m-2 {
    margin: 0.5rem;
  }
  .ss-c-m-4 {
    margin: 1rem;
  }
  .ss-c-m-6 {
    margin: 1.5rem;
  }
  .ss-c-m-8 {
    margin: 2rem;
  }
  .ss-c-mt-0 {
    margin-top: 0;
  }
  .ss-c-mt-12 {
    margin-top: 3rem;
  }
  .ss-c-mt-16 {
    margin-top: 4rem;
  }
  .ss-c-mb-16 {
    margin-bottom: 4rem;
  }
  .ss-c-ml-auto {
    margin-left: auto;
  }
  .ss-c-mr-auto {
    margin-right: auto;
  }
  .ss-c-pt-0 {
    padding-top: 0;
  }
  .ss-c-pt-8 {
    padding-top: 2rem;
  }
  .ss-c-pt-16 {
    padding-top: 4rem;
  }
  .ss-c-pb-0 {
    padding-bottom: 0;
  }
  .ss-c-pb-8 {
    padding-bottom: 2rem;
  }
  .ss-c-pb-16 {
    padding-bottom: 4rem;
  }
  .ss-c-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .ss-c-adore-hero {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    text-align: center;
    padding: 1.25rem 0.625rem;
    background: transparent !important;
  }
  .ss-c-adore-hero__content {
    max-width: 56.25rem;
  }
  .ss-c-adore-hero__title {
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
    color: #1a1a1a;
  }
  .ss-c-adore-hero__tagline {
    color: #525252;
    letter-spacing: 0.02em;
  }
  .ss-c-adore-section {
    padding: 1.25rem 0.625rem;
    background: transparent;
  }
  .ss-c-adore-section--alt {
    background: #f9f9f9;
  }
  .ss-c-adore-section--cta {
    text-align: center;
    padding: 1.5625rem 0.625rem;
  }
  .ss-c-adore-section__container {
    max-width: 56.25rem;
    margin: 0 auto;
  }
  .ss-c-adore-section__title {
    letter-spacing: 0.02em;
    margin-bottom: 0.5rem;
    color: #1a1a1a;
    position: relative;
    padding-bottom: 0.25rem;
  }
  .ss-c-adore-section__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.75rem;
    height: 0.0625rem;
    background: var(--ss-color-accent, #3696c1);
    opacity: 0.3;
  }
  .ss-c-adore-section--cta .ss-c-adore-section__title::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-adore-section__text {
    line-height: 1.8;
    color: #525252;
    margin-bottom: 0.3125rem;
  }
  .ss-c-adore-section__emphasis {
    color: #1a1a1a;
    margin-top: 0.375rem;
    margin-bottom: 0.3125rem;
  }
  .ss-c-adore-intro__lead {
    line-height: 1.7;
    color: #525252;
    margin-bottom: 0.3125rem;
  }
  .ss-c-adore-intro__examples {
    margin: 0.5rem 0;
    padding: 0.375rem 0.5rem;
    background: #f9f9f9;
    border-radius: 0.5rem;
    border-left: 0.125rem solid #e5e5e5;
  }
  .ss-c-adore-intro__examples p {
    margin-bottom: 0.25rem;
    color: #1a1a1a;
  }
  .ss-c-adore-intro__statement {
    line-height: 1.7;
    color: #1a1a1a;
    margin-top: 0.5rem;
  }
  .ss-c-adore-list {
    list-style: none;
    padding: 0;
    margin: 0 0 0.375rem 0;
  }
  .ss-c-adore-list li {
    line-height: 1.8;
    color: #525252;
    padding: 0.125rem 0;
    padding-left: 0.375rem;
    position: relative;
  }
  .ss-c-adore-list li::before {
    content: "—";
    position: absolute;
    left: 0;
    color: #737373;
  }
  .ss-c-adore-list--styled li {
    font-style: italic;
    color: #1a1a1a;
  }
  .ss-c-adore-list--grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.125rem 0.5rem;
  }
  @media (max-width: 37.5rem) {
    .ss-c-adore-list--grid {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-adore-list--contrast li {
    display: flex;
    align-items: center;
    gap: 0.125rem;
  }
  .ss-c-adore-list--negative li::before {
    content: "×";
    color: rgba(180, 100, 100, 0.7);
  }
  .ss-c-adore-list__vs {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #737373;
    padding: 0 0.125rem;
  }
  .ss-c-adore-feature {
    margin-bottom: 0.9375rem;
    padding-bottom: 0.75rem;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-adore-feature:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .ss-c-adore-feature__title {
    color: #1a1a1a;
    margin-bottom: 0.3125rem;
    letter-spacing: 0.01em;
  }
  .ss-c-adore-feature__text {
    line-height: 1.8;
    color: #525252;
    margin-bottom: 0.25rem;
  }
  .ss-c-adore-feature__text strong {
    color: #1a1a1a;
  }
  .ss-c-adore-feature__emotions {
    font-style: italic;
    line-height: 1.8;
    color: #1a1a1a;
    margin-bottom: 0.3125rem;
    padding: 0.25rem 0.375rem;
    background: #f9f9f9;
    border-radius: 0.375rem;
  }
  .ss-c-adore-capabilities {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  @media (max-width: 48rem) {
    .ss-c-adore-capabilities {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-adore-capability {
    padding: 0.375rem;
    background: rgba(255, 255, 255, 0.5);
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0.5rem;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  .ss-c-adore-capability:hover {
    background: rgba(255, 255, 255, 0.8);
    transform: translateY(-0.125rem);
  }
  .ss-c-adore-capability__title {
    color: #1a1a1a;
    margin-bottom: 0.1875rem;
  }
  .ss-c-adore-capability__text {
    line-height: 1.7;
    color: #525252;
    margin: 0;
  }
  .ss-c-adore-cta {
    margin-top: 0.625rem;
  }
  .ss-c-adore-cta__button {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    background: var(--ss-color-accent, #3696c1);
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.05em;
    border-radius: 0.25rem;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  .ss-c-adore-cta__button:hover {
    background: rgba(0, 0, 0, 0.75);
    transform: translateY(-0.0625rem);
  }
  .ss-c-background-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
  }
  .ss-c-background-animation::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    pointer-events: none;
  }
  .ss-c-background-animation--relative {
    position: absolute;
  }
  .ss-c-background-animation--static {
    position: relative;
  }
  .ss-c-background-animation__canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .ss-c-background-animation__svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  .ss-c-background-animation__blobs {
    will-change: transform;
  }
  .ss-c-background-animation__blob {
    opacity: 0.8;
    mix-blend-mode: normal;
    will-change: transform, cx, cy;
    animation: blob-float var(--blob-duration, 20s) ease-in-out infinite, blob-scale calc(var(--blob-duration, 20s) * 0.7) ease-in-out infinite;
    animation-delay: var(--blob-delay, 0s);
  }
  .ss-c-background-animation--dark {
    background: #ffffff;
  }
  .ss-c-background-animation--dark .ss-c-background-animation__blob {
    mix-blend-mode: normal;
    opacity: 0.6;
  }
  .ss-c-background-animation--light {
    background: #ffffff;
  }
  .ss-c-background-animation--light .ss-c-background-animation__blob {
    mix-blend-mode: normal;
    opacity: 0.5;
  }
  .ss-c-background-animation--gradient {
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 25%, #312e81 50%, #1e1b4b 75%, #0f172a 100%);
  }
  .ss-c-hero--animated {
    position: relative;
    overflow: hidden;
  }
  .ss-c-hero--animated .ss-c-background-animation {
    position: absolute;
    z-index: 0;
  }
  .ss-c-hero--animated .ss-c-hero--content {
    position: relative;
    z-index: 1;
  }
  .ss-c-background-animation--interactive {
    pointer-events: auto;
  }
  .ss-c-background-animation--interactive .ss-c-background-animation__canvas {
    cursor: none;
  }
  .ss-c-background-animation--loaded .ss-c-background-animation__svg,
  .ss-c-background-animation--loaded .ss-c-background-animation__canvas {
    animation: fade-in 1s ease-out forwards;
  }
  .ss-c-background-animation--blur-sm .ss-c-background-animation__blob {
    filter: blur(3.75rem);
  }
  .ss-c-background-animation--blur-lg .ss-c-background-animation__blob {
    filter: blur(9.375rem);
  }
  .ss-c-background-animation--opacity-low .ss-c-background-animation__svg,
  .ss-c-background-animation--opacity-low .ss-c-background-animation__canvas {
    opacity: 0.4;
  }
  .ss-c-background-animation--opacity-high .ss-c-background-animation__svg,
  .ss-c-background-animation--opacity-high .ss-c-background-animation__canvas {
    opacity: 0.9;
  }
  .ss-c-section--light {
    background: unset;
  }
  .ss-c-hero__title--dark {
    color: unset;
  }
  .ss-c-hero__subtitle--dark {
    color: unset;
  }
  .ss-c-charts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(23.75rem, 1fr));
    gap: 2rem;
    padding: 2rem;
    max-width: 87.5rem;
    margin: 0 auto;
  }
  .ss-c-chart-card {
    background: #ffffff;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.05), 0 0.625rem 0.9375rem rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
  }
  .ss-c-chart-card:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.08), 0 1.25rem 2.5rem rgba(0, 0, 0, 0.05);
  }
  .ss-c-chart-card__canvas {
    width: 100%;
    aspect-ratio: 4/3;
    background: #ffffff;
  }
  .ss-c-chart-card__canvas svg {
    width: 100%;
    height: 100%;
  }
  .ss-c-chart-card__info {
    padding: 1rem 1.5rem;
    border-top: 0.0625rem solid unset;
    background: unset;
  }
  .ss-c-chart-card__title {
    font-size: 1rem;
    font-weight: 600;
    color: unset;
    margin-bottom: 0.25rem;
  }
  .ss-c-chart-card__description {
    font-size: 0.8rem;
    color: unset;
  }
  .ss-c-cursor-hide .ss-c-cursor-container {
    display: none !important;
  }
  .ss-c-cursor-blend-normal .ss-c-cursor-container {
    mix-blend-mode: normal !important;
  }
  .ss-c-cursor-blend-exclusion .ss-c-cursor-container {
    mix-blend-mode: exclusion !important;
  }
  .ss-c-cursor-blend-multiply .ss-c-cursor-container {
    mix-blend-mode: multiply !important;
  }
  .ss-c-diagrams-filter {
    padding: 2rem;
    display: flex;
    justify-content: center;
  }
  .ss-c-diagrams-filter .ss-c-filter-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .ss-c-diagrams-filter .ss-c-filter-btn {
    padding: 0.75rem 1.5rem;
    border: none;
    background: #e8ecef;
    border-radius: 0.75rem;
    font-family: "TTInterphasesPro", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #4a5568;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0.25rem 0.25rem 0.5rem rgba(163, 177, 198, 0.5), -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.8);
  }
  .ss-c-diagrams-filter .ss-c-filter-btn:hover {
    transform: translateY(-0.125rem);
    box-shadow: 0.375rem 0.375rem 0.75rem rgba(163, 177, 198, 0.5), -0.375rem -0.375rem 0.75rem rgba(255, 255, 255, 0.8);
  }
  .ss-c-diagrams-filter .ss-c-filter-btn:active {
    box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(163, 177, 198, 0.5), inset -0.125rem -0.125rem 0.3125rem rgba(255, 255, 255, 0.8);
  }
  .ss-c-diagrams-filter .ss-c-filter-btn--active {
    background: linear-gradient(145deg, #d8dce0, #f0f4f8);
    color: #2d3748;
    box-shadow: inset 0.1875rem 0.1875rem 0.375rem rgba(163, 177, 198, 0.5), inset -0.1875rem -0.1875rem 0.375rem rgba(255, 255, 255, 0.8);
  }
  .ss-c-diagrams-filter .ss-c-filter-btn--active:hover {
    transform: none;
  }
  .ss-c-diagrams-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(23.75rem, 1fr));
    gap: 2rem;
    padding: 2rem;
    max-width: 100rem;
    margin: 0 auto;
  }
  @media (max-width: 30rem) {
    .ss-c-diagrams-grid {
      grid-template-columns: 1fr;
      padding: 1rem;
    }
  }
  .ss-c-diagram-card {
    background: #e8ecef;
    border-radius: 1.25rem;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0.5rem 0.5rem 1rem rgba(163, 177, 198, 0.5), -0.5rem -0.5rem 1rem rgba(255, 255, 255, 0.8);
  }
  .ss-c-diagram-card:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0.75rem 0.75rem 1.5rem rgba(163, 177, 198, 0.5), -0.75rem -0.75rem 1.5rem rgba(255, 255, 255, 0.8);
  }
  .ss-c-diagram-card:hover .ss-c-diagram-container svg {
    transform: scale(1.02);
  }
  .ss-c-diagram-card__info {
    padding: 1.5rem;
    text-align: center;
  }
  .ss-c-diagram-card__category {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: rgba(66, 153, 225, 0.15);
    color: #3182ce;
    border-radius: 1.25rem;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 0.75rem;
  }
  .ss-c-diagram-card__title {
    font-family: "TTInterphasesPro", sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3748;
    margin: 0 0 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-diagram-card__description {
    font-size: 0.85rem;
    color: #718096;
    line-height: 1.5;
    margin: 0;
  }
  .ss-c-diagram-container {
    background: #f8fafc;
    padding: 1rem;
    cursor: pointer;
    position: relative;
    min-height: 12.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.05);
  }
  .ss-c-diagram-container::after {
    content: "🔍";
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    font-size: 1rem;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .ss-c-diagram-container:hover::after {
    opacity: 0.5;
  }
  .ss-c-diagram-container svg {
    width: 100%;
    height: auto;
    max-height: 17.5rem;
    transition: transform 0.3s ease;
  }
  .ss-c-diagram-legend {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
  }
  .ss-c-diagram-legend .ss-c-legend-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .ss-c-diagram-legend .ss-c-legend-symbol {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-diagram-legend .ss-c-legend-symbol--node {
    background: #e2e8f0;
    border: 0.125rem solid #4a5568;
    border-radius: 50%;
  }
  .ss-c-diagram-legend .ss-c-legend-symbol--connection {
    background: transparent;
    position: relative;
  }
  .ss-c-diagram-legend .ss-c-legend-symbol--connection::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.125rem;
    background: #4a5568;
    top: 50%;
    transform: translateY(-50%);
  }
  .ss-c-diagram-legend .ss-c-legend-symbol--layer {
    background: #90cdf4;
    border: 0.125rem solid #4299e1;
  }
  .ss-c-diagram-legend .ss-c-legend-symbol--input {
    background: #c6f6d5;
    border: 0.125rem solid #48bb78;
    border-radius: 50%;
  }
  .ss-c-diagram-legend .ss-c-legend-label {
    font-size: 0.85rem;
    color: #4a5568;
  }
  .ss-c-diagram-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  .ss-c-diagram-modal--open {
    opacity: 1;
    visibility: visible;
  }
  .ss-c-diagram-modal--open .ss-c-diagram-modal__content {
    transform: scale(1);
  }
  .ss-c-diagram-modal__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(0.25rem);
  }
  .ss-c-diagram-modal__content {
    position: relative;
    background: #ffffff;
    border-radius: 1.25rem;
    padding: 2rem;
    max-width: 90vw;
    max-height: 90vh;
    overflow: auto;
    transform: scale(0.9);
    transition: transform 0.3s ease;
    box-shadow: 0 1.5625rem 3.125rem rgba(0, 0, 0, 0.3);
  }
  .ss-c-diagram-modal__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    background: #e8ecef;
    border-radius: 50%;
    font-size: 1.5rem;
    color: #4a5568;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(163, 177, 198, 0.5), -0.1875rem -0.1875rem 0.375rem rgba(255, 255, 255, 0.8);
  }
  .ss-c-diagram-modal__close:hover {
    background: #d8dce0;
    transform: rotate(90deg);
  }
  .ss-c-diagram-modal__diagram {
    min-width: 37.5rem;
    min-height: 25rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-diagram-modal__diagram svg {
    width: 100%;
    height: auto;
    max-width: 50rem;
  }
  @media (max-width: 48rem) {
    .ss-c-diagram-modal__diagram {
      min-width: 17.5rem;
      min-height: 12.5rem;
    }
  }
  .ss-c-dh-hero {
    text-align: center;
    padding: 3rem 2rem;
    margin-bottom: 2rem;
  }
  .ss-c-dh-hero h1 {
    font-family: "TTInterphasesPro", sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: 0.75rem;
    letter-spacing: -0.02em;
  }
  .ss-c-dh-hero p {
    font-size: 1.1rem;
    color: #64748b;
    max-width: 37.5rem;
    margin: 0 auto;
    line-height: 1.6;
  }
  .ss-c-dh-stats {
    display: flex;
    justify-content: center;
    gap: 2rem;
    padding: 1.5rem;
    margin: 0 2rem 2rem;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.15), -0.5rem -0.5rem 1rem rgba(255, 255, 255, 0.5);
  }
  @media (max-width: 48rem) {
    .ss-c-dh-stats {
      flex-wrap: wrap;
      gap: 1rem;
      margin: 0 1rem 1.5rem;
    }
  }
  .ss-c-dh-stat {
    text-align: center;
    padding: 0.75rem 1.5rem;
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: inset 0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.15), inset -0.1875rem -0.1875rem 0.375rem rgba(255, 255, 255, 0.5);
  }
  .ss-c-dh-stat__value {
    display: block;
    font-family: "TTInterphasesPro", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ss-color-accent, #3696c1);
    margin-bottom: 0.25rem;
  }
  .ss-c-dh-stat__label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
  }
  .ss-c-dh-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: 2rem;
    padding: 0 2rem 3rem;
  }
  @media (max-width: 48rem) {
    .ss-c-dh-grid {
      grid-template-columns: 1fr;
      gap: 1.5rem;
      padding: 0 1rem 2rem;
    }
  }
  .ss-c-dh-tech-section {
    padding: 2rem;
    margin: 0 2rem 2rem;
    background: #ffffff;
    border-radius: 1.25rem;
    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.15), -0.5rem -0.5rem 1rem rgba(255, 255, 255, 0.5);
  }
  .ss-c-dh-tech-section h2 {
    font-family: "TTInterphasesPro", sans-serif;
    font-size: 1.25rem;
    color: #334155;
    margin: 0 0 1.25rem;
    text-align: center;
  }
  @media (max-width: 48rem) {
    .ss-c-dh-tech-section {
      margin: 0 1rem 1.5rem;
      padding: 1.5rem;
    }
  }
  .ss-c-dh-tech-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ss-c-dh-tech-list li {
    padding: 0.5rem 1rem;
    background: #ffffff;
    border-radius: 1.25rem;
    font-size: 0.8rem;
    color: #475569;
    box-shadow: inset 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.15), inset -0.125rem -0.125rem 0.25rem rgba(255, 255, 255, 0.5);
    transition: all 0.2s ease;
  }
  .ss-c-dh-tech-list li:hover {
    color: var(--ss-color-accent, #3696c1);
    box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.15), -0.1875rem -0.1875rem 0.375rem rgba(255, 255, 255, 0.5);
  }
  .ss-c-dh-pipeline-section {
    padding: 2rem;
    margin: 0 2rem 3rem;
    background: #ffffff;
    border-radius: 1.25rem;
    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.15), -0.5rem -0.5rem 1rem rgba(255, 255, 255, 0.5);
  }
  .ss-c-dh-pipeline-section h2 {
    font-family: "TTInterphasesPro", sans-serif;
    font-size: 1.25rem;
    color: #334155;
    margin: 0 0 1.5rem;
    text-align: center;
  }
  @media (max-width: 48rem) {
    .ss-c-dh-pipeline-section {
      margin: 0 1rem 2rem;
      padding: 1.5rem;
    }
  }
  .ss-c-dh-pipeline {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .ss-c-dh-pipeline__step {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .ss-c-dh-pipeline__box {
    padding: 0.75rem 1.25rem;
    background: #ffffff;
    border-radius: 0.625rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: #334155;
    box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15), -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.5);
    transition: all 0.2s ease;
    white-space: nowrap;
  }
  .ss-c-dh-pipeline__box:hover {
    color: var(--ss-color-accent, #3696c1);
    box-shadow: 0.375rem 0.375rem 0.75rem rgba(0, 0, 0, 0.15), -0.375rem -0.375rem 0.75rem rgba(255, 255, 255, 0.5);
  }
  .ss-c-dh-pipeline__arrow {
    color: #94a3b8;
    font-size: 1.2rem;
  }
  @media (max-width: 48rem) {
    .ss-c-dh-pipeline {
      flex-direction: column;
      gap: 0.75rem;
    }
    .ss-c-dh-pipeline__arrow {
      transform: rotate(90deg);
    }
  }
  .ss-c-footer__title {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 0.3125rem;
    color: unset;
    padding-bottom: 0.1875rem;
    position: relative;
  }
  .ss-c-footer__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.5rem;
    height: 0.0625rem;
    background: unset;
    opacity: 0.4;
  }
  @media (max-width: 37.5rem) {
    .ss-c-footer__title::after {
      left: 50%;
      transform: translateX(-50%);
    }
  }
  .ss-c-footer__list-item {
    margin-bottom: 0.1875rem;
  }
  .ss-c-footer__bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 87.5rem;
    margin: 0 auto;
  }
  @media (max-width: 48rem) {
    .ss-c-footer__bottom-content {
      flex-direction: column;
      gap: 0.3125rem;
      text-align: center;
    }
  }
  .ss-c-footer__legal-links {
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .ss-c-footer__legal-link {
    text-decoration: none;
    color: unset;
    letter-spacing: 0.02em;
    padding: 0.0625rem 0.125rem;
    border-radius: 0.25rem;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .ss-c-footer__legal-link:hover {
    color: unset;
    background: unset;
  }
  .ss-c-lab-experiments {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 2rem;
    padding: 2rem;
    max-width: 87.5rem;
    margin: 0 auto;
  }
  .ss-c-experiment-card {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    border-radius: 1.5rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .ss-c-experiment-card:hover {
    transform: translateY(-0.25rem);
  }
  .ss-c-experiment-card:hover .ss-c-experiment-orb {
    animation-play-state: running;
  }
  .ss-c-experiment-card:hover .ss-c-experiment-orb__ring {
    animation-play-state: running;
  }
  .ss-c-experiment-card__visual {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12.5rem;
    margin-bottom: 1.5rem;
  }
  .ss-c-experiment-card__content {
    text-align: center;
  }
  .ss-c-experiment-card__category {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: unset;
    background: unset;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-experiment-card__title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #2d3748;
  }
  .ss-c-experiment-card__description {
    font-size: 0.9rem;
    color: #718096;
    margin-bottom: 1.5rem;
    line-height: 1.5;
  }
  .ss-c-experiment-card__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .ss-c-experiment-card__btn .ss-c-btn-icon {
    transition: transform 0.3s ease;
  }
  .ss-c-experiment-card__btn:hover .ss-c-btn-icon {
    transform: translateX(0.25rem);
  }
  .ss-c-experiment-orb {
    position: relative;
    width: 7.5rem;
    height: 7.5rem;
  }
  .ss-c-experiment-orb__core {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem;
    background: linear-gradient(135deg, unset, unset);
    border-radius: 50%;
    box-shadow: 0 0 1.25rem unset, inset 0 0 0.625rem rgba(255, 255, 255, 0.3);
    animation: orb-pulse 2s ease-in-out infinite;
  }
  .ss-c-experiment-orb__ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 0.125rem solid transparent;
    animation-play-state: paused;
  }
  .ss-c-experiment-orb__ring--1 {
    width: 4.375rem;
    height: 4.375rem;
    margin: -2.1875rem 0 0 -2.1875rem;
    border-color: unset;
    animation: ring-rotate 4s linear infinite;
  }
  .ss-c-experiment-orb__ring--2 {
    width: 5.625rem;
    height: 5.625rem;
    margin: -2.8125rem 0 0 -2.8125rem;
    border-color: unset;
    animation: ring-rotate 6s linear infinite reverse;
  }
  .ss-c-experiment-orb__ring--3 {
    width: 6.875rem;
    height: 6.875rem;
    margin: -3.4375rem 0 0 -3.4375rem;
    border-color: unset;
    animation: ring-rotate 8s linear infinite;
  }
  .ss-c-experiment-orb__particles {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
  }
  .ss-c-experiment-orb__particle {
    position: absolute;
    width: 0.25rem;
    height: 0.25rem;
    background: unset;
    border-radius: 50%;
    transform: rotate(var(--particle-angle)) translateX(3.125rem);
    animation: particle-orbit 3s linear infinite;
    animation-delay: var(--particle-delay);
  }
  .ss-c-lab-console-section .ss-c-section-title {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  .ss-c-lab-console {
    font-family: "TTInterphasesPro", sans-serif;
    background: #1a1a2e;
    border-radius: 1rem;
    overflow: hidden;
  }
  .ss-c-lab-console .ss-c-console-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #16162a;
    border-bottom: 0.0625rem solid #2a2a4a;
  }
  .ss-c-lab-console .ss-c-console-dot {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
  }
  .ss-c-lab-console .ss-c-console-dot--red {
    background: #ff5f56;
  }
  .ss-c-lab-console .ss-c-console-dot--yellow {
    background: #ffbd2e;
  }
  .ss-c-lab-console .ss-c-console-dot--green {
    background: #27ca40;
  }
  .ss-c-lab-console .ss-c-console-title {
    margin-left: 1rem;
    font-size: 0.75rem;
    color: #666;
  }
  .ss-c-lab-console .ss-c-console-body {
    padding: 1.5rem;
    min-height: 12.5rem;
  }
  .ss-c-lab-console .ss-c-console-line {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    color: #888;
  }
  .ss-c-lab-console .ss-c-console-line--success {
    color: unset;
  }
  .ss-c-lab-console .ss-c-console-line--highlight {
    color: unset;
  }
  .ss-c-lab-console .ss-c-console-prompt {
    color: unset;
  }
  .ss-c-lab-console .ss-c-console-cursor {
    display: inline-block;
    width: 0.5rem;
    height: 1rem;
    background: unset;
    animation: cursor-blink 1s step-end infinite;
  }
  .ss-c-lab-stats {
    padding: 2rem;
  }
  .ss-c-manifesto-vision {
    padding: 3rem 2rem;
  }
  .ss-c-manifesto-vision__container {
    max-width: 50rem;
    margin: 0 auto;
    padding: 3rem;
    text-align: center;
  }
  .ss-c-manifesto-vision__title {
    font-size: 0.9rem;
    font-weight: 600;
    color: unset;
    letter-spacing: 0.2em;
    margin-bottom: 1.5rem;
  }
  .ss-c-manifesto-vision__statement {
    font-size: 1.25rem;
    color: #e5e5e5;
    line-height: 1.8;
    font-style: italic;
  }
  .ss-c-manifesto-principles {
    max-width: 56.25rem;
    margin: 0 auto;
    padding: 2rem;
  }
  .ss-c-manifesto-principle {
    display: flex;
    gap: 2rem;
    padding: 2rem 0;
    border-bottom: 0.0625rem solid #27272a;
    opacity: 0;
    transform: translateY(1.25rem);
    transition: all 0.6s ease;
  }
  .ss-c-manifesto-principle--visible {
    opacity: 1;
    transform: translateY(0);
  }
  .ss-c-manifesto-principle:last-child {
    border-bottom: none;
  }
  .ss-c-manifesto-principle__number {
    font-size: 3rem;
    font-weight: 700;
    color: unset;
    font-family: "TTInterphasesPro", sans-serif;
    line-height: 1;
    opacity: 0.5;
    transition: all 0.3s ease;
    min-width: 5rem;
  }
  .ss-c-manifesto-principle__number--glow {
    opacity: 1;
    text-shadow: 0 0 1.875rem unset;
  }
  .ss-c-manifesto-principle__content {
    flex: 1;
  }
  .ss-c-manifesto-principle__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0.75rem;
  }
  .ss-c-manifesto-principle__statement {
    font-size: 1.1rem;
    color: unset;
    margin-bottom: 1rem;
    line-height: 1.6;
    font-weight: 500;
  }
  .ss-c-manifesto-principle__detail {
    font-size: 0.95rem;
    color: #a1a1aa;
    line-height: 1.7;
  }
  .ss-c-manifesto-visualization {
    width: 100%;
    max-width: 50rem;
    margin: 0 auto;
    aspect-ratio: 2/1;
  }
  .ss-c-manifesto-visualization svg {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
  }
  .ss-c-manifesto-signatories {
    padding: 3rem 2rem;
    text-align: center;
  }
  .ss-c-manifesto-signatories__container {
    max-width: 37.5rem;
    margin: 0 auto;
  }
  .ss-c-manifesto-signatories__title {
    font-size: 0.8rem;
    font-weight: 600;
    color: #71717a;
    letter-spacing: 0.2em;
    margin-bottom: 1.5rem;
  }
  .ss-c-manifesto-signatories__list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 2rem;
  }
  .ss-c-manifesto-signatories__date {
    font-size: 0.8rem;
    color: #52525b;
    font-family: "TTInterphasesPro", sans-serif;
  }
  .ss-c-manifesto-signatory {
    font-size: 1.1rem;
    color: unset;
    font-style: italic;
    opacity: 0;
    animation: fadeInUp 0.6s ease forwards;
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(0.625rem);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .ss-c-neu-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: unset;
    background: transparent;
    border-bottom: 0.0625rem solid rgba(163, 177, 198, 0.2);
    transition: all 0.3s ease;
  }
  .ss-c-navbar__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 87.5rem;
    height: 100%;
    margin: 0 auto;
    padding: 0 0.625rem;
  }
  .ss-c-navbar__brand {
    display: flex;
    align-items: center;
  }
  .ss-c-navbar__logo {
    text-decoration: none;
    color: inherit;
    letter-spacing: 0.1em;
    padding: 0.125rem 0.3125rem;
    border-radius: 0.5rem;
    background: transparent;
    transition: all 0.2s ease;
  }
  .ss-c-navbar__logo:hover {
    background: rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 0 0.0625rem rgba(255, 255, 255, 0.8), 0 0 0 0.0625rem rgba(163, 177, 198, 0.4), 0.25rem 0.25rem 0.5rem unset, -0.25rem -0.25rem 0.5rem unset;
  }
  .ss-c-navbar__menu {
    display: flex;
    align-items: center;
    gap: 0.125rem;
  }
  .ss-c-navbar__link {
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: inherit;
    padding: 0.125rem 0.3125rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(0.75rem);
    -webkit-backdrop-filter: blur(0.75rem);
    box-shadow: inset 0 0 0 0.0625rem rgba(255, 255, 255, 0.6), 0 0 0 0.0625rem rgba(163, 177, 198, 0.2);
    transition: all 0.2s ease;
  }
  .ss-c-navbar__link:hover {
    background: rgba(255, 255, 255, 0.45);
    box-shadow: inset 0 0 0 0.0625rem rgba(255, 255, 255, 0.9), 0 0 0 0.0625rem rgba(163, 177, 198, 0.3), 0.25rem 0.25rem 0.75rem unset, -0.25rem -0.25rem 0.75rem unset;
  }
  .ss-c-navbar__link--active {
    background: rgba(255, 255, 255, 0.35);
    box-shadow: inset 0.125rem 0.125rem 0.375rem rgba(163, 177, 198, 0.4), inset -0.125rem -0.125rem 0.375rem rgba(255, 255, 255, 0.6);
  }
  .ss-c-navbar__toggle {
    display: none;
    width: 2.5rem;
    height: 2.5rem;
    background: transparent;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: inset 0 0 0 0.0625rem rgba(255, 255, 255, 0.5), 0 0 0 0.0625rem rgba(163, 177, 198, 0.3);
    transition: all 0.2s ease;
  }
  .ss-c-navbar__toggle:hover {
    background: rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 0 0.0625rem rgba(255, 255, 255, 0.8), 0 0 0 0.0625rem rgba(163, 177, 198, 0.4), 0.25rem 0.25rem 0.5rem unset, -0.25rem -0.25rem 0.5rem unset;
  }
  .ss-c-navbar__toggle:active {
    box-shadow: inset 0.125rem 0.125rem 0.25rem unset, inset -0.125rem -0.125rem 0.25rem unset;
  }
  .ss-c-navbar__toggle-icon {
    display: block;
    width: 1.125rem;
    height: 0.125rem;
    background: currentColor;
    margin: 0 auto;
    position: relative;
  }
  .ss-c-navbar__toggle-icon::before, .ss-c-navbar__toggle-icon::after {
    content: "";
    position: absolute;
    width: 1.125rem;
    height: 0.125rem;
    background: currentColor;
    left: 0;
  }
  .ss-c-navbar__toggle-icon::before {
    top: -0.375rem;
  }
  .ss-c-navbar__toggle-icon::after {
    bottom: -0.375rem;
  }
  .ss-c-neu-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    background: #e0e0e0;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.15), -0.5rem -0.5rem 1rem rgba(255, 255, 255, 0.7), inset 0.125rem 0.125rem 0.25rem rgba(255, 255, 255, 0.7), inset -0.125rem -0.125rem 0.25rem rgba(163, 177, 198, 0.3);
    transition: all 0.3s ease;
  }
  .ss-c-neu-container:hover {
    box-shadow: 0.75rem 0.75rem 1.5rem rgba(0, 0, 0, 0.15), -0.75rem -0.75rem 1.5rem rgba(255, 255, 255, 0.7);
    transform: translateY(-0.125rem);
  }
  .ss-c-neu-container:hover .ss-c-visual {
    --visual-speed: 0.5;
  }
  .ss-c-neu-container--wide {
    aspect-ratio: 2/1;
  }
  .ss-c-neu-container--tall {
    aspect-ratio: 1/2;
  }
  .ss-c-neu-card {
    background: unset;
    border-radius: unset;
    padding: 0.625rem;
    transition: all 0.3s ease;
  }
  .ss-c-neu-card--sm {
    border-radius: unset;
    padding: 0.3125rem;
  }
  .ss-c-neu-card--lg {
    border-radius: unset;
    padding: 1.25rem;
  }
  .ss-c-neu-input {
    background: unset;
    border: none;
    border-radius: unset;
    padding: 0.3125rem 0.625rem;
    transition: all 0.2s ease;
    outline: none;
  }
  .ss-c-neu-input--sm {
    border-radius: unset;
    padding: 0.125rem 0.3125rem;
  }
  .ss-c-neu-input--lg {
    border-radius: unset;
    padding: 0.625rem 1.25rem;
  }
  .ss-c-neu-section {
    background: unset;
    border-radius: unset;
    padding: 1.25rem;
    margin-bottom: 0.625rem;
  }
  .ss-c-neu-inset {
    background: unset;
    border-radius: unset;
    padding: 0.625rem;
  }
  .ss-c-neu-avatar {
    background: unset;
    border-radius: unset;
    overflow: hidden;
  }
  .ss-c-neu-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-neu-avatar--sm {
    width: 2.5rem;
    height: 2.5rem;
  }
  .ss-c-neu-avatar--md {
    width: 4rem;
    height: 4rem;
  }
  .ss-c-neu-avatar--lg {
    width: 6rem;
    height: 6rem;
  }
  .ss-c-neu-progress {
    background: unset;
    border-radius: unset;
    height: 0.5rem;
    overflow: hidden;
  }
  .ss-c-neu-progress__bar {
    background: linear-gradient(145deg, unset, unset);
    height: 100%;
    border-radius: unset;
    transition: width 0.3s ease;
  }
  .ss-c-neu-toggle {
    position: relative;
    width: 3.5rem;
    height: 1.75rem;
    background: unset;
    border-radius: unset;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .ss-c-neu-toggle__knob {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
    background: unset;
    border-radius: unset;
    transition: all 0.3s ease;
  }
  .ss-c-neu-toggle--active .ss-c-neu-toggle__knob {
    left: 2rem;
  }
  .ss-c-grid__frame--clean--2 {
    gap: 0.625rem;
  }
  .ss-c-neu-radius {
    border-radius: unset;
  }
  .ss-c-neu-radius-sm {
    border-radius: unset;
  }
  .ss-c-neu-radius-lg {
    border-radius: unset;
  }
  .ss-c-neu-radius-xl {
    border-radius: unset;
  }
  .ss-c-neu-radius-round {
    border-radius: unset;
  }
  .ss-c-neu-bg {
    background: unset;
  }
  .ss-c-philosophy-intro {
    padding: 4rem 2rem;
  }
  .ss-c-philosophy-quote {
    max-width: 50rem;
    margin: 0 auto;
    text-align: center;
    padding: 2rem;
  }
  .ss-c-philosophy-quote p {
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.8;
    color: #2d3748;
  }
  .ss-c-philosophy-quote p em {
    color: unset;
    font-style: italic;
  }
  .ss-c-philosophy-quote cite {
    display: block;
    margin-top: 1.5rem;
    font-size: 0.9rem;
    color: #718096;
    font-style: normal;
  }
  .ss-c-philosophy-principles {
    padding: 2rem;
  }
  .ss-c-principles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
    gap: 2rem;
    max-width: 75rem;
    margin: 2rem auto 0;
    padding: 0 1rem;
  }
  .ss-c-philosophy-vision {
    padding: 4rem 2rem;
  }
  .ss-c-vision-timeline {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    max-width: 75rem;
    margin: 2rem auto 0;
  }
  .ss-c-vision-card {
    flex: 1;
    min-width: 17.5rem;
    max-width: 21.875rem;
    padding: 2rem;
    text-align: center;
    border-radius: 1.5rem;
  }
  .ss-c-vision-card__marker {
    margin-bottom: 1.5rem;
  }
  .ss-c-vision-card__year {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: white;
    background: linear-gradient(135deg, unset, unset);
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
  }
  .ss-c-vision-card__line {
    width: 0.125rem;
    height: 1.875rem;
    margin: 1rem auto 0;
    background: linear-gradient(to bottom, unset, transparent);
  }
  .ss-c-vision-card__title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 0.75rem;
  }
  .ss-c-vision-card__description {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #718096;
  }
  .ss-c-philosophy-ethics {
    padding: 2rem;
  }
  .ss-c-ethics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
  }
  .ss-c-ethics-grid .ss-c-ethics-item {
    padding: 1.5rem;
    border-radius: 1rem;
  }
  .ss-c-ethics-grid .ss-c-ethics-item h4 {
    font-size: 1rem;
    font-weight: 600;
    color: unset;
    margin-bottom: 0.75rem;
  }
  .ss-c-ethics-grid .ss-c-ethics-item p {
    font-size: 0.85rem;
    line-height: 1.6;
    color: #718096;
  }
  .ss-c-philosophy-closing {
    padding: 4rem 2rem;
  }
  .ss-c-philosophy-symbol {
    font-size: 4rem;
    color: unset;
    margin-bottom: 2rem;
    animation: symbol-float 3s ease-in-out infinite;
  }
  .ss-c-philosophy-closing-text {
    max-width: 43.75rem;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #4a5568;
  }
  .ss-c-philosophy-signature {
    margin-top: 2rem;
    font-size: 0.9rem;
    font-style: italic;
    color: #718096;
  }
  .ss-c-pixi-hero {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    text-align: center;
    padding: 1.25rem 0.625rem;
    background: transparent !important;
  }
  .ss-c-pixi-hero__content {
    max-width: 56.25rem;
  }
  .ss-c-pixi-hero__title {
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
    color: unset;
  }
  .ss-c-pixi-hero__tagline {
    color: unset;
    letter-spacing: 0.02em;
  }
  .ss-c-pixi-section {
    padding: 1.25rem 0.625rem;
    background: transparent;
  }
  .ss-c-pixi-section--alt {
    background: unset;
  }
  .ss-c-pixi-section--cta {
    text-align: center;
    padding: 1.5625rem 0.625rem;
  }
  .ss-c-pixi-section__container {
    max-width: 56.25rem;
    margin: 0 auto;
  }
  .ss-c-pixi-section__title {
    letter-spacing: 0.02em;
    margin-bottom: 0.5rem;
    color: unset;
    position: relative;
    padding-bottom: 0.25rem;
  }
  .ss-c-pixi-section__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.75rem;
    height: 0.0625rem;
    background: unset;
    opacity: 0.3;
  }
  .ss-c-pixi-section--cta .ss-c-pixi-section__title::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-pixi-section__text {
    line-height: 1.8;
    color: unset;
    margin-bottom: 0.3125rem;
  }
  .ss-c-pixi-section__emphasis {
    color: unset;
    margin-top: 0.375rem;
    margin-bottom: 0.3125rem;
  }
  .ss-c-pixi-intro__lead {
    line-height: 1.7;
    color: unset;
    margin-bottom: 0.3125rem;
  }
  .ss-c-pixi-intro__statement {
    line-height: 1.7;
    color: unset;
    margin-top: 0.5rem;
  }
  .ss-c-pixi-comparison {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin: 0.625rem 0;
  }
  @media (max-width: 37.5rem) {
    .ss-c-pixi-comparison {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-pixi-comparison__column {
    padding: 0.375rem;
    background: rgba(255, 255, 255, 0.5);
    border: 0.0625rem solid unset;
    border-radius: 0.5rem;
  }
  .ss-c-pixi-comparison__title {
    color: unset;
    margin-bottom: 0.25rem;
  }
  .ss-c-pixi-list {
    list-style: none;
    padding: 0;
    margin: 0 0 0.375rem 0;
  }
  .ss-c-pixi-list li {
    line-height: 1.8;
    color: unset;
    padding: 0.125rem 0;
    padding-left: 0.375rem;
    position: relative;
  }
  .ss-c-pixi-list li::before {
    content: "—";
    position: absolute;
    left: 0;
    color: unset;
  }
  .ss-c-pixi-list li strong {
    color: unset;
  }
  .ss-c-pixi-list--styled li {
    font-style: italic;
    color: unset;
  }
  .ss-c-pixi-list--negative li::before {
    content: "×";
    color: rgba(180, 100, 100, 0.7);
  }
  .ss-c-pixi-list--positive li::before {
    content: "✓";
    color: rgba(100, 150, 100, 0.8);
  }
  .ss-c-pixi-list--tech li {
    padding: 0.1875rem 0 0.1875rem 0.375rem;
    border-bottom: 0.0625rem solid unset;
  }
  .ss-c-pixi-list--tech li:last-child {
    border-bottom: none;
  }
  .ss-c-pixi-feature {
    margin-bottom: 0.9375rem;
    padding-bottom: 0.75rem;
    border-bottom: 0.0625rem solid unset;
  }
  .ss-c-pixi-feature:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .ss-c-pixi-feature__title {
    color: unset;
    margin-bottom: 0.3125rem;
    letter-spacing: 0.01em;
  }
  .ss-c-pixi-feature__text {
    line-height: 1.8;
    color: unset;
    margin-bottom: 0.25rem;
  }
  .ss-c-pixi-feature__text strong {
    color: unset;
  }
  .ss-c-pixi-feature__emotions {
    font-style: italic;
    line-height: 1.8;
    color: unset;
    margin-bottom: 0.3125rem;
    padding: 0.25rem 0.375rem;
    background: unset;
    border-radius: 0.375rem;
  }
  .ss-c-pixi-applications {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.375rem;
  }
  @media (max-width: 56.25rem) {
    .ss-c-pixi-applications {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 37.5rem) {
    .ss-c-pixi-applications {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-pixi-application {
    padding: 0.375rem;
    background: rgba(255, 255, 255, 0.5);
    border: 0.0625rem solid unset;
    border-radius: 0.5rem;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  .ss-c-pixi-application:hover {
    background: rgba(255, 255, 255, 0.8);
    transform: translateY(-0.125rem);
  }
  .ss-c-pixi-application__title {
    color: unset;
    margin-bottom: 0.1875rem;
  }
  .ss-c-pixi-application__text {
    line-height: 1.7;
    color: unset;
    margin: 0;
  }
  .ss-c-pixi-cta {
    margin-top: 0.625rem;
  }
  .ss-c-pixi-cta__button {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    background: unset;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.05em;
    border-radius: 0.25rem;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  .ss-c-pixi-cta__button:hover {
    background: rgba(0, 0, 0, 0.75);
    transform: translateY(-0.0625rem);
  }
  .ss-c-playground-featured {
    padding: 3rem 2rem;
  }
  .ss-c-playground-featured__container {
    max-width: 50rem;
    margin: 0 auto;
    text-align: center;
  }
  .ss-c-playground-featured__badge {
    display: inline-block;
    font-size: 0.7rem;
    padding: 0.35rem 1rem;
    background: linear-gradient(135deg, #8b5cf6, #ec4899);
    color: white;
    border-radius: 6.25rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 1rem;
  }
  .ss-c-playground-featured__title {
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0.75rem;
  }
  .ss-c-playground-featured__description {
    font-size: 1rem;
    color: #a1a1aa;
    max-width: 31.25rem;
    margin: 0 auto 2rem;
  }
  .ss-c-playground-featured__demo {
    max-width: 37.5rem;
    margin: 0 auto;
  }
  .ss-c-playground-chat {
    background: #0f0f0f;
    border: 0.0625rem solid #27272a;
    border-radius: 0.75rem;
    overflow: hidden;
  }
  .ss-c-playground-chat__messages {
    height: 18.75rem;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-playground-chat__message {
    display: flex;
    gap: 0.75rem;
    max-width: 80%;
  }
  .ss-c-playground-chat__message--user {
    align-self: flex-end;
    flex-direction: row-reverse;
  }
  .ss-c-playground-chat__message--user .ss-c-playground-chat__bubble {
    background: #8b5cf6;
    color: white;
  }
  .ss-c-playground-chat__message--system {
    align-self: flex-start;
  }
  .ss-c-playground-chat__message--system .ss-c-playground-chat__bubble {
    background: #27272a;
    color: #e5e5e5;
  }
  .ss-c-playground-chat__avatar {
    font-size: 1.5rem;
    flex-shrink: 0;
  }
  .ss-c-playground-chat__bubble {
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.9rem;
    line-height: 1.5;
  }
  .ss-c-playground-chat__input-area {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
    border-top: 0.0625rem solid #27272a;
    background: #18181b;
  }
  .ss-c-playground-chat__input {
    flex: 1;
    background: #27272a;
    border: 0.0625rem solid #3f3f46;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    color: #e5e5e5;
    font-size: 0.9rem;
  }
  .ss-c-playground-chat__input:focus {
    outline: none;
    border-color: #8b5cf6;
  }
  .ss-c-playground-chat__input::placeholder {
    color: #71717a;
  }
  .ss-c-playground-chat__send {
    padding: 0.75rem 1.5rem;
  }
  .ss-c-playground-filter {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 1rem 2rem;
  }
  .ss-c-playground-demos {
    padding: 2rem;
  }
  .ss-c-playground-demos__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
    gap: 1.5rem;
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-playground-demo {
    overflow: hidden;
    transition: transform 0.3s ease;
  }
  .ss-c-playground-demo:hover {
    transform: translateY(-0.25rem);
  }
  .ss-c-playground-demo:hover .ss-c-playground-demo__overlay {
    opacity: 1;
  }
  .ss-c-playground-demo__preview {
    position: relative;
    background: #1a1a2e;
    border-radius: 0.5rem 0.5rem 0 0;
    overflow: hidden;
  }
  .ss-c-playground-demo__canvas {
    aspect-ratio: 16/9;
  }
  .ss-c-playground-demo__canvas svg {
    width: 100%;
    height: 100%;
  }
  .ss-c-playground-demo__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .ss-c-playground-demo__play {
    width: 3.125rem;
    height: 3.125rem;
    background: unset;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: white;
  }
  .ss-c-playground-demo__info {
    padding: 1rem;
  }
  .ss-c-playground-demo__meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .ss-c-playground-demo__type {
    font-size: 0.65rem;
    color: unset;
    font-weight: 600;
    letter-spacing: 0.1em;
  }
  .ss-c-playground-demo__difficulty {
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 600;
  }
  .ss-c-playground-demo__difficulty--easy {
    background: rgba(34, 197, 94, 0.2);
    color: #22c55e;
  }
  .ss-c-playground-demo__difficulty--medium {
    background: rgba(234, 179, 8, 0.2);
    color: #eab308;
  }
  .ss-c-playground-demo__difficulty--advanced {
    background: rgba(239, 68, 68, 0.2);
    color: #ef4444;
  }
  .ss-c-playground-demo__title {
    font-size: 1rem;
    font-weight: 600;
    color: #e5e5e5;
    margin-bottom: 0.5rem;
  }
  .ss-c-playground-demo__description {
    font-size: 0.8rem;
    color: #71717a;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .ss-c-playground-demo__launch {
    width: 100%;
  }
  .ss-c-playground-explainer {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .ss-c-playground-explainer__step {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
  }
  .ss-c-playground-explainer__num {
    font-size: 1.5rem;
    font-weight: 700;
    color: unset;
    font-family: "TTInterphasesPro", sans-serif;
    line-height: 1;
  }
  .ss-c-playground-explainer__content strong {
    display: block;
    font-size: 0.9rem;
    color: #e5e5e5;
    margin-bottom: 0.25rem;
  }
  .ss-c-playground-explainer__content p {
    font-size: 0.8rem;
    color: #71717a;
    line-height: 1.5;
  }
  .ss-c-policy-page {
    background: transparent;
    padding: 1.25rem 0.625rem;
    margin-top: 0.9375rem;
  }
  .ss-c-policy-page__container {
    max-width: 50rem;
    margin: 0 auto;
    padding: 0 0.3125rem;
  }
  .ss-c-policy-page__title {
    margin-bottom: 0.1875rem;
    letter-spacing: 0.02em;
  }
  .ss-c-policy-page__updated {
    opacity: 0.6;
    margin-bottom: 0.625rem;
  }
  .ss-c-policy-page__content {
    line-height: 1.8;
  }
  .ss-c-policy-page__content h2 {
    margin-top: 0.625rem;
    margin-bottom: 0.3125rem;
    letter-spacing: 0.01em;
  }
  .ss-c-policy-page__content h3 {
    margin-top: 0.4375rem;
    margin-bottom: 0.1875rem;
  }
  .ss-c-policy-page__content p {
    margin-bottom: 0.3125rem;
    color: inherit;
    opacity: 0.9;
  }
  .ss-c-policy-page__content ul {
    margin-bottom: 0.3125rem;
    padding-left: 0.5rem;
  }
  .ss-c-policy-page__content li {
    margin-bottom: 0.125rem;
    opacity: 0.9;
  }
  .ss-c-policy-page__content a {
    text-decoration: underline;
    opacity: 0.8;
    transition: opacity 0.2s ease;
  }
  .ss-c-policy-page__content a:hover {
    opacity: 1;
  }
  .ss-c-research-stats {
    padding: 2rem 0;
  }
  .ss-c-research-stats__container {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    max-width: 50rem;
    margin: 0 auto;
  }
  .ss-c-research-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 2rem;
    min-width: 9.375rem;
  }
  .ss-c-research-stat__value {
    font-size: 2.5rem;
    font-weight: 700;
    color: unset;
    font-family: "TTInterphasesPro", sans-serif;
  }
  .ss-c-research-stat__label {
    font-size: 0.75rem;
    color: #71717a;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 0.5rem;
  }
  .ss-c-research-areas {
    padding: 2rem;
  }
  .ss-c-research-areas__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    gap: 1.5rem;
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-research-area {
    padding: 1.5rem;
    text-align: center;
    transition: transform 0.3s ease;
  }
  .ss-c-research-area:hover {
    transform: translateY(-0.25rem);
  }
  .ss-c-research-area__icon {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 1rem;
  }
  .ss-c-research-area__title {
    font-size: 0.9rem;
    font-weight: 600;
    color: unset;
    margin-bottom: 0.5rem;
  }
  .ss-c-research-area__description {
    font-size: 0.8rem;
    color: #71717a;
    line-height: 1.5;
  }
  .ss-c-research-papers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr));
    gap: 1.5rem;
    padding: 2rem;
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-research-paper {
    padding: 1.5rem;
    transition: all 0.3s ease;
  }
  .ss-c-research-paper--hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 0.625rem 2.5rem unset;
  }
  .ss-c-research-paper__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }
  .ss-c-research-paper__status {
    font-size: 0.65rem;
    padding: 0.25rem 0.75rem;
    border-radius: 6.25rem;
    font-weight: 600;
    letter-spacing: 0.05em;
  }
  .ss-c-research-paper__status--published {
    background: rgba(34, 197, 94, 0.2);
    color: #22c55e;
  }
  .ss-c-research-paper__status--preprint {
    background: rgba(234, 179, 8, 0.2);
    color: #eab308;
  }
  .ss-c-research-paper__status--in-progress {
    background: rgba(139, 92, 246, 0.2);
    color: unset;
  }
  .ss-c-research-paper__year {
    font-size: 0.8rem;
    color: #52525b;
    font-family: "TTInterphasesPro", sans-serif;
  }
  .ss-c-research-paper__title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #e5e5e5;
    margin-bottom: 0.5rem;
    line-height: 1.4;
  }
  .ss-c-research-paper__authors {
    font-size: 0.8rem;
    color: unset;
    margin-bottom: 1rem;
  }
  .ss-c-research-paper__abstract {
    font-size: 0.85rem;
    color: #a1a1aa;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  .ss-c-research-paper__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
  }
  .ss-c-research-paper__tag {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    background: unset;
    color: unset;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: background 0.2s;
  }
  .ss-c-research-paper__tag:hover {
    background: unset;
  }
  .ss-c-research-paper__actions {
    display: flex;
    gap: 0.75rem;
  }
  .ss-c-research-network {
    width: 100%;
    max-width: 50rem;
    margin: 0 auto;
    aspect-ratio: 2/1;
  }
  .ss-c-research-network svg {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
  }
  .ss-c-threed-viewer {
    position: relative;
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-threed-viewer__canvas {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    background: #0a0a0f;
    border-radius: 0.75rem;
    overflow: hidden;
  }
  .ss-c-threed-viewer__canvas canvas {
    width: 100%;
    height: 100%;
    display: block;
  }
  .ss-c-threed-viewer__loading {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background: #0a0a0f;
    color: #71717a;
    font-size: 0.9rem;
  }
  .ss-c-threed-viewer__spinner {
    width: 2.5rem;
    height: 2.5rem;
    border: 0.1875rem solid #27272a;
    border-top-color: unset;
    border-radius: 50%;
    animation: spin 1s linear infinite;
  }
  .ss-c-threed-viewer__controls {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-threed-controls {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(0.625rem);
    border-radius: 0.5rem;
  }
  .ss-c-threed-control {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    background: #1a1a2e;
    border: 0.0625rem solid #27272a;
    color: #e5e5e5;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s;
  }
  .ss-c-threed-control:hover {
    background: unset;
    border-color: unset;
  }
  .ss-c-threed-scenes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
    gap: 1rem;
    padding: 1rem 2rem;
    max-width: 75rem;
    margin: 0 auto;
  }
  .ss-c-threed-scene {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    text-align: left;
    cursor: pointer;
    border: 0.125rem solid transparent;
    transition: all 0.3s ease;
  }
  .ss-c-threed-scene--active {
    border-color: unset;
  }
  .ss-c-threed-scene--active .ss-c-threed-scene__icon {
    transform: scale(1.1);
  }
  .ss-c-threed-scene:hover:not(.ss-c-threed-scene--active) {
    border-color: #3f3f46;
  }
  .ss-c-threed-scene__icon {
    font-size: 2rem;
    transition: transform 0.3s;
  }
  .ss-c-threed-scene__info {
    flex: 1;
  }
  .ss-c-threed-scene__title {
    font-size: 1rem;
    font-weight: 600;
    color: #e5e5e5;
    margin-bottom: 0.25rem;
  }
  .ss-c-threed-scene__description {
    font-size: 0.8rem;
    color: #71717a;
    line-height: 1.4;
    margin-bottom: 0.5rem;
  }
  .ss-c-threed-scene__complexity {
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-threed-scene__complexity--easy {
    background: rgba(34, 197, 94, 0.2);
    color: #22c55e;
  }
  .ss-c-threed-scene__complexity--medium {
    background: rgba(234, 179, 8, 0.2);
    color: #eab308;
  }
  .ss-c-threed-scene__complexity--advanced {
    background: rgba(139, 92, 246, 0.2);
    color: unset;
  }
  .ss-c-threed-params {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    gap: 1.5rem;
    padding: 1.5rem;
    max-width: 50rem;
    margin: 0 auto;
  }
  .ss-c-threed-param {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .ss-c-threed-param__label {
    font-size: 0.8rem;
    color: #a1a1aa;
    font-weight: 500;
  }
  .ss-c-threed-param__slider {
    -webkit-appearance: none;
    width: 100%;
    height: 0.375rem;
    background: #27272a;
    border-radius: 0.1875rem;
    outline: none;
  }
  .ss-c-threed-param__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1.125rem;
    height: 1.125rem;
    background: unset;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.2s;
  }
  .ss-c-threed-param__slider::-webkit-slider-thumb:hover {
    transform: scale(1.2);
  }
  .ss-c-threed-param__value {
    font-size: 0.75rem;
    color: unset;
    font-family: "TTInterphasesPro", sans-serif;
  }
  .ss-c-threed-param__select {
    background: #1a1a2e;
    border: 0.0625rem solid #27272a;
    border-radius: 0.375rem;
    padding: 0.5rem;
    color: #e5e5e5;
    font-size: 0.85rem;
  }
  .ss-c-threed-param__select:focus {
    outline: none;
    border-color: unset;
  }
  .ss-c-threed-toggle {
    position: relative;
    display: inline-block;
    width: 2.75rem;
    height: 1.5rem;
  }
  .ss-c-threed-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .ss-c-threed-toggle input:checked + .ss-c-threed-toggle__slider {
    background: unset;
  }
  .ss-c-threed-toggle input:checked + .ss-c-threed-toggle__slider::before {
    transform: translateX(1.25rem);
  }
  .ss-c-threed-toggle__slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: #27272a;
    border-radius: 0.75rem;
    transition: 0.3s;
  }
  .ss-c-threed-toggle__slider::before {
    content: "";
    position: absolute;
    height: 1.125rem;
    width: 1.125rem;
    left: 0.1875rem;
    bottom: 0.1875rem;
    background: white;
    border-radius: 50%;
    transition: 0.3s;
  }
  .ss-c-threed-help {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 2rem;
  }
  .ss-c-threed-help__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
  }
  .ss-c-threed-help__key {
    display: inline-block;
    padding: 0.35rem 0.75rem;
    background: #1a1a2e;
    border: 0.0625rem solid #3f3f46;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    font-family: "TTInterphasesPro", sans-serif;
    color: unset;
  }
  .ss-c-threed-help__action {
    font-size: 0.85rem;
    color: #a1a1aa;
  }
  .ss-c-threed-stats {
    position: fixed;
    top: 5rem;
    right: 1rem;
    display: flex;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(0.625rem);
    border-radius: 0.5rem;
    z-index: 100;
  }
  .ss-c-threed-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
  }
  .ss-c-threed-stat__label {
    font-size: 0.65rem;
    color: #71717a;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-threed-stat__value {
    font-size: 1rem;
    font-weight: 600;
    color: unset;
    font-family: "TTInterphasesPro", sans-serif;
  }
  .ss-c-timeline-section {
    padding: 4rem 2rem;
    position: relative;
  }
  .ss-c-timeline-track {
    position: relative;
    max-width: 62.5rem;
    margin: 0 auto;
    padding: 2rem 0;
  }
  .ss-c-timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 0.25rem;
    background: linear-gradient(to bottom, unset, unset, unset, unset);
    transform: translateX(-50%);
    border-radius: 0.125rem;
  }
  @media (max-width: 48rem) {
    .ss-c-timeline-line {
      left: 1.875rem;
    }
  }
  .ss-c-timeline-milestone {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 3rem;
    width: 50%;
    padding-right: 3rem;
  }
  .ss-c-timeline-milestone--left {
    justify-content: flex-end;
    text-align: right;
  }
  .ss-c-timeline-milestone--left .ss-c-timeline-milestone__card {
    margin-right: 1rem;
  }
  .ss-c-timeline-milestone--right {
    margin-left: 50%;
    padding-right: 0;
    padding-left: 3rem;
    text-align: left;
  }
  .ss-c-timeline-milestone--right .ss-c-timeline-milestone__card {
    margin-left: 1rem;
  }
  @media (max-width: 48rem) {
    .ss-c-timeline-milestone {
      width: 100%;
      padding-left: 3.75rem;
      padding-right: 0;
      margin-left: 0 !important;
      text-align: left !important;
    }
    .ss-c-timeline-milestone--left .ss-c-timeline-milestone__card, .ss-c-timeline-milestone--right .ss-c-timeline-milestone__card {
      margin-left: 1rem;
      margin-right: 0;
    }
  }
  .ss-c-timeline-milestone__marker {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }
  @media (max-width: 48rem) {
    .ss-c-timeline-milestone__marker {
      left: 1.875rem;
    }
  }
  .ss-c-timeline-milestone__dot {
    width: 1.25rem;
    height: 1.25rem;
    background: white;
    border: 0.25rem solid unset;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, border-color 0.3s ease;
  }
  .ss-c-timeline-milestone__dot:hover {
    transform: scale(1.2);
  }
  .ss-c-timeline-milestone__icon {
    width: 0.5rem;
    height: 0.5rem;
    background: unset;
    border-radius: 50%;
  }
  .ss-c-timeline-milestone__card {
    flex: 1;
    max-width: 25rem;
    padding: 1.5rem;
    border-radius: 1rem;
    transition: transform 0.3s ease;
  }
  .ss-c-timeline-milestone__card:hover {
    transform: translateY(-0.25rem);
  }
  .ss-c-timeline-milestone__date {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
  }
  .ss-c-timeline-milestone--left .ss-c-timeline-milestone__date {
    justify-content: flex-end;
  }
  @media (max-width: 48rem) {
    .ss-c-timeline-milestone__date {
      justify-content: flex-start !important;
    }
  }
  .ss-c-timeline-milestone__year {
    font-size: 1.25rem;
    font-weight: 700;
    background: linear-gradient(135deg, unset, unset);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .ss-c-timeline-milestone__quarter {
    font-size: 0.75rem;
    font-weight: 600;
    color: #718096;
  }
  .ss-c-timeline-milestone__title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 0.5rem;
  }
  .ss-c-timeline-milestone__description {
    font-size: 0.85rem;
    line-height: 1.6;
    color: #718096;
    margin-bottom: 0.75rem;
  }
  .ss-c-timeline-milestone__category {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    background: unset;
    color: unset;
  }
  .ss-c-timeline-end {
    text-align: center;
    padding-top: 2rem;
    position: relative;
  }
  .ss-c-timeline-end__symbol {
    font-size: 3rem;
    background: linear-gradient(135deg, unset, unset);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: infinity-pulse 2s ease-in-out infinite;
  }
  .ss-c-timeline-end__text {
    margin-top: 1rem;
    font-size: 0.9rem;
    font-style: italic;
    color: #718096;
  }
  .ss-c-timeline-stats {
    padding: 2rem;
  }
  .ss-c-timeline-stat {
    text-align: center;
    padding: 2rem 1rem;
    border-radius: 1rem;
  }
  .ss-c-timeline-stat__value {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    background: linear-gradient(135deg, unset, unset);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .ss-c-timeline-stat__label {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-timeline-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 1rem;
  }
  .ss-c-legend-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #718096;
    cursor: pointer;
    transition: color 0.3s ease;
  }
  .ss-c-legend-item:hover {
    color: #2d3748;
  }
  .ss-c-legend-item .ss-c-legend-dot {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background: #ccc;
  }
  .ss-c-timeline-cta {
    padding: 4rem 2rem;
    text-align: center;
  }
  .ss-c-timeline-cta .ss-c-section-title {
    margin-bottom: 1rem;
  }
  .ss-c-timeline-cta .ss-c-section-subtitle {
    margin-bottom: 2rem;
    color: #718096;
  }
  .ss-c-timeline-cta .ss-c-neu-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
  }
  .ss-c-timeline-cta .ss-c-neu-btn .ss-c-btn-icon {
    transition: transform 0.3s ease;
  }
  .ss-c-timeline-cta .ss-c-neu-btn:hover .ss-c-btn-icon {
    transform: translateX(0.25rem);
  }
  .ss-c-visual-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    background: unset;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0.5rem 0.5rem 1rem unset, -0.5rem -0.5rem 1rem unset, inset 0.125rem 0.125rem 0.25rem unset, inset -0.125rem -0.125rem 0.25rem rgba(163, 177, 198, 0.3);
    transition: all 0.3s ease;
  }
  .ss-c-visual-container:hover {
    box-shadow: 0.75rem 0.75rem 1.5rem unset, -0.75rem -0.75rem 1.5rem unset;
    transform: translateY(-0.125rem);
  }
  .ss-c-visual-container:hover .ss-c-visual {
    --visual-speed: 0.5;
  }
  .ss-c-visual-container--wide {
    aspect-ratio: 2/1;
  }
  .ss-c-visual-container--tall {
    aspect-ratio: 1/2;
  }
  .ss-c-visual-container.ss-c-visual--loaded .ss-c-visual,
  .ss-c-visual-container .ss-c-visual {
    opacity: 1;
  }
  .ss-c-visual {
    --visual-speed: 1;
    width: 100%;
    height: 100%;
    display: block;
    transition: opacity 0.5s ease;
  }
  .ss-c-visual--neural .ss-c-neural__connection {
    opacity: 0.3;
    stroke-dasharray: 5 5;
    animation: neural-pulse 300ms infinite ease-in-out;
  }
  .ss-c-visual--neural .ss-c-neural__node {
    transform-origin: center;
    animation: node-breathe 200ms infinite ease-in-out;
  }
  .ss-c-visual--neural .ss-c-neural__node--input {
    animation-delay: 0s;
  }
  .ss-c-visual--neural .ss-c-neural__node--hidden {
    animation-delay: 0.5s;
  }
  .ss-c-visual--neural .ss-c-neural__node--output {
    animation-delay: 1s;
  }
  .ss-c-visual--core .ss-c-core__ring {
    transform-origin: center;
    animation: ring-pulse 300ms infinite ease-in-out;
  }
  .ss-c-visual--core .ss-c-core__ring--1 {
    animation-delay: 0s;
  }
  .ss-c-visual--core .ss-c-core__ring--2 {
    animation-delay: 0.5s;
  }
  .ss-c-visual--core .ss-c-core__ring--3 {
    animation-delay: 1s;
  }
  .ss-c-visual--core .ss-c-core__ring--4 {
    animation-delay: 1.5s;
  }
  .ss-c-visual--core .ss-c-core__center {
    animation: core-glow 200ms infinite ease-in-out;
  }
  .ss-c-visual--core .ss-c-core__particle {
    animation: particle-orbit 300ms infinite linear;
    animation-delay: calc(var(--particle-index) * -0.5s);
  }
  .ss-c-visual--flow .ss-c-flow__stream {
    stroke-dasharray: 20 10;
    animation: flow-stream 200ms infinite linear;
  }
  .ss-c-visual--flow .ss-c-flow__stream--1 {
    animation-duration: 3s;
  }
  .ss-c-visual--flow .ss-c-flow__stream--2 {
    animation-duration: 4s;
    animation-direction: reverse;
  }
  .ss-c-visual--flow .ss-c-flow__stream--3 {
    animation-duration: 5s;
  }
  .ss-c-visual--flow .ss-c-flow__stream--4 {
    animation-duration: 3.5s;
    animation-direction: reverse;
  }
  .ss-c-visual--flow .ss-c-flow__stream--5 {
    animation-duration: 4.5s;
  }
  .ss-c-visual--flow .ss-c-flow__dot {
    animation: flow-dot 200ms infinite ease-in-out;
  }
  .ss-c-visual--hex .ss-c-hex__cell {
    transform-origin: center;
    animation: hex-pulse 300ms infinite ease-in-out;
    animation-delay: calc(var(--hex-index) * 0.15s);
    cursor: pointer;
  }
  .ss-c-visual--hex .ss-c-hex__cell:hover {
    fill: unset;
    stroke-width: 2;
    animation-play-state: paused;
  }
  .ss-c-visual--orbital .ss-c-orbital__path {
    stroke-dasharray: 5 10;
    animation: orbital-dash 300ms infinite linear;
  }
  .ss-c-visual--orbital .ss-c-orbital__path--1 {
    animation-duration: 12s;
  }
  .ss-c-visual--orbital .ss-c-orbital__path--2 {
    animation-duration: 10s;
    animation-direction: reverse;
  }
  .ss-c-visual--orbital .ss-c-orbital__path--3 {
    animation-duration: 8s;
  }
  .ss-c-visual--orbital .ss-c-orbital__sun {
    animation: sun-pulse 200ms infinite ease-in-out;
  }
  .ss-c-visual--orbital .ss-c-orbital__planet {
    transform-origin: 12.5rem 12.5rem;
  }
  .ss-c-visual--orbital .ss-c-orbital__planet--1 {
    animation: planet-orbit-1 12s infinite linear;
  }
  .ss-c-visual--orbital .ss-c-orbital__planet--2 {
    animation: planet-orbit-2 10s infinite linear;
  }
  .ss-c-visual--orbital .ss-c-orbital__planet--3 {
    animation: planet-orbit-3 8s infinite linear;
  }
  .ss-c-visual--wave .ss-c-wave__line {
    animation: wave-flow 200ms infinite ease-in-out;
  }
  .ss-c-visual--wave .ss-c-wave__line--1 {
    animation-duration: 3s;
  }
  .ss-c-visual--wave .ss-c-wave__line--2 {
    animation-duration: 4s;
    animation-delay: 0.5s;
  }
  .ss-c-visual--wave .ss-c-wave__line--3 {
    animation-duration: 5s;
    animation-delay: 1s;
  }
  .ss-c-visual--constellation .ss-c-constellation__line {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: constellation-draw 3s forwards ease-out;
    animation-delay: calc(var(--line-index) * 0.2s);
  }
  .ss-c-visual--constellation .ss-c-constellation__star {
    transform-origin: center;
    animation: star-twinkle 150ms infinite ease-in-out;
    animation-delay: calc(var(--star-index) * 0.3s);
  }
  .ss-c-visual--dna .ss-c-dna__node {
    animation: dna-wave 200ms infinite ease-in-out;
    animation-delay: calc(var(--dna-index) * 0.1s);
  }
  .ss-c-visual--dna .ss-c-dna__node--left {
    animation-name: dna-wave-left;
  }
  .ss-c-visual--dna .ss-c-dna__node--right {
    animation-name: dna-wave-right;
  }
  .ss-c-visual--dna .ss-c-dna__bridge {
    animation: dna-bridge 200ms infinite ease-in-out;
    animation-delay: calc(var(--dna-index) * 0.1s);
  }
  .ss-c-visual--tree .ss-c-tree__branch {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: tree-grow 4s forwards ease-out;
    animation-delay: calc(var(--branch-depth) * 0.5s);
  }
  .ss-c-visual--tree .ss-c-tree__branch:hover {
    stroke: unset;
  }
  .ss-c-visual--blob .ss-c-blob__shape {
    transform-origin: center;
  }
  .ss-c-visual--blob .ss-c-blob__shape--1 {
    animation: blob-morph-1 300ms infinite ease-in-out;
  }
  .ss-c-visual--blob .ss-c-blob__shape--2 {
    animation: blob-morph-2 300ms infinite ease-in-out;
    animation-delay: 1s;
  }
  .ss-c-visual--circuit .ss-c-circuit__path {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: circuit-trace 3s forwards ease-out;
    animation-delay: calc(var(--circuit-index) * 0.5s);
  }
  .ss-c-visual--circuit .ss-c-circuit__node {
    transform-origin: center;
    animation: circuit-node-pulse 150ms infinite ease-in-out;
    animation-delay: calc(var(--node-index) * 0.1s);
  }
  .ss-c-visual--circuit .ss-c-circuit__node:hover {
    animation-play-state: paused;
    transform: scale(2);
  }
  .ss-c-visual--ripple {
    cursor: pointer;
  }
  .ss-c-visual--ripple .ss-c-ripple__circle {
    transform-origin: center;
    animation: ripple-expand 200ms infinite ease-out;
  }
  .ss-c-visual--ripple .ss-c-ripple__center {
    animation: ripple-center 150ms infinite ease-in-out;
  }
  .ss-c-visual--ripple:hover .ss-c-ripple__circle {
    animation-duration: 1s;
  }
  .ss-c-visual--particles .ss-c-particle {
    transform-origin: center;
    animation: particle-float 300ms infinite ease-in-out;
    animation-delay: calc(var(--particle-index) * 0.1s);
  }
  .ss-c-visual--spiral .ss-c-spiral__path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: spiral-draw 6s infinite ease-in-out;
  }
  .ss-c-visual--spiral .ss-c-spiral__path--1 {
    animation-delay: 0s;
  }
  .ss-c-visual--spiral .ss-c-spiral__path--2 {
    animation-delay: 0.5s;
  }
  .ss-c-visual--spiral .ss-c-spiral__path--3 {
    animation-delay: 1s;
  }
  .ss-c-visual--spiral .ss-c-spiral__center {
    animation: spiral-pulse 200ms infinite ease-in-out;
  }
  .ss-c-visual--matrix .ss-c-matrix__cell {
    animation: matrix-flicker 150ms infinite ease-in-out;
    animation-delay: calc(var(--cell-index) * 0.05s);
  }
  .ss-c-visual--infinity .ss-c-infinity__path {
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
    animation: infinity-trace 6s infinite linear;
  }
  .ss-c-visual--infinity .ss-c-infinity__path--1 {
    animation-duration: 4s;
  }
  .ss-c-visual--infinity .ss-c-infinity__path--2 {
    animation-duration: 5s;
    animation-delay: 0.5s;
  }
  .ss-c-visual--infinity .ss-c-infinity__path--3 {
    animation-duration: 6s;
    animation-delay: 1s;
  }
  .ss-c-visual--infinity .ss-c-infinity__dot {
    animation: infinity-glow 200ms infinite ease-in-out;
  }
  .ss-c-visual--soundwave .ss-c-soundwave__bar {
    transform-origin: center bottom;
    animation: soundwave-bounce 150ms infinite ease-in-out;
    animation-delay: calc(var(--bar-index) * 0.05s);
  }
  .ss-c-visual--atomic .ss-c-atomic__orbit {
    stroke-dasharray: 5 5;
    animation: atomic-orbit-dash 3s infinite linear;
  }
  .ss-c-visual--atomic .ss-c-atomic__orbit--1 {
    animation-direction: normal;
  }
  .ss-c-visual--atomic .ss-c-atomic__orbit--2 {
    animation-direction: reverse;
    animation-duration: 4s;
  }
  .ss-c-visual--atomic .ss-c-atomic__orbit--3 {
    animation-duration: 5s;
  }
  .ss-c-visual--atomic .ss-c-atomic__electron {
    transform-origin: 12.5rem 12.5rem;
  }
  .ss-c-visual--atomic .ss-c-atomic__electron--1 {
    animation: electron-orbit-1 3s infinite linear;
  }
  .ss-c-visual--atomic .ss-c-atomic__electron--2 {
    animation: electron-orbit-2 4s infinite linear;
  }
  .ss-c-visual--atomic .ss-c-atomic__electron--3 {
    animation: electron-orbit-3 5s infinite linear;
  }
  .ss-c-visual--atomic .ss-c-atomic__nucleus {
    animation: nucleus-pulse 200ms infinite ease-in-out;
  }
  .ss-c-visual--cube .ss-c-cube__wireframe {
    transform-origin: center;
    animation: cube-rotate 12s infinite linear;
  }
  .ss-c-visual--cube .ss-c-cube__edge {
    stroke-dasharray: 200;
    animation: cube-edge-draw 4s infinite ease-in-out;
    animation-delay: calc(var(--edge-index) * 0.1s);
  }
  .ss-c-visual--cube .ss-c-cube__vertex {
    animation: cube-vertex-pulse 200ms infinite ease-in-out;
    animation-delay: calc(var(--vertex-index) * 0.2s);
  }
  .ss-c-visual--radar .ss-c-radar__ring {
    animation: radar-ring-pulse 4s infinite ease-out;
  }
  .ss-c-visual--radar .ss-c-radar__ring:nth-child(1) {
    animation-delay: 0s;
  }
  .ss-c-visual--radar .ss-c-radar__ring:nth-child(2) {
    animation-delay: 0.5s;
  }
  .ss-c-visual--radar .ss-c-radar__ring:nth-child(3) {
    animation-delay: 1s;
  }
  .ss-c-visual--radar .ss-c-radar__ring:nth-child(4) {
    animation-delay: 1.5s;
  }
  .ss-c-visual--radar .ss-c-radar__beam {
    transform-origin: 12.5rem 12.5rem;
    animation: radar-sweep 4s infinite linear;
  }
  .ss-c-visual--radar .ss-c-radar__blip {
    animation: radar-blip-ping 2s infinite ease-out;
    animation-delay: calc(var(--blip-index) * 0.3s);
  }
  .ss-c-visual--radar .ss-c-radar__center {
    animation: radar-center-pulse 150ms infinite ease-in-out;
  }
  .ss-c-visuals-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
    gap: 0.625rem;
    padding: 0.625rem;
  }
  .ss-c-visual-card {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
  }
  .ss-c-visual-card__title {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    color: unset;
  }
  .ss-c-visual-card__description {
    text-align: center;
    color: unset;
    opacity: 0.8;
  }
  .ss-c-section_title {
    text-transform: uppercase;
  }
  .ss-c-gradient {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
  }
  .ss-c-gradient .ss-c-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 25rem;
    width: 25rem;
    background: radial-gradient(circle, #fff078 0%, #ffba45 25%, #f5735f 50%, #e15c7a 70%, #c06fa0 85%, #b2d2eb 100%);
    border-radius: 50%;
    opacity: 30%;
  }
  .ss-c-intro {
    font-size: unset;
    font-weight: unset;
    line-height: 1.625;
    color: #525252;
    max-width: 37.5rem;
  }
  .ss-c-small {
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-link--accent {
    color: #000000;
  }
  .ss-c-link--accent:hover {
    color: #000000;
  }
  .ss-c-list-numbered {
    counter-reset: list-counter;
    padding-left: unset;
  }
  .ss-c-list-numbered li {
    counter-increment: list-counter;
    margin-bottom: unset;
    position: relative;
  }
  .ss-c-list-numbered li::before {
    content: counter(list-counter, decimal-leading-zero);
    position: absolute;
    left: -unset;
  }
  .ss-c-btn--link {
    background-color: transparent;
    color: var(--ss-color-text, #1a1a1a);
    border-color: transparent;
    padding: 0;
    font-weight: 400;
    letter-spacing: unset;
    text-transform: uppercase;
  }
  .ss-c-btn--link::after {
    content: "→";
    margin-left: unset;
    transition: transform 200ms ease;
  }
  .ss-c-btn--link:hover:not(:disabled) {
    color: #737373;
  }
  .ss-c-btn--link:hover:not(:disabled)::after {
    transform: translateX(0.25rem);
  }
  .ss-c-btn--accent {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
  }
  .ss-c-btn--accent:hover:not(:disabled) {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
  }
  .ss-c-btn--small {
    padding: unset unset;
    font-size: 0.75rem;
  }
  .ss-c-btn--large {
    padding: unset unset;
    font-size: 0.875rem;
  }
  .ss-c-btn__icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .ss-c-btn__icon svg {
    width: 100%;
    height: 100%;
  }
  .ss-c-btn--icon-only {
    padding: unset;
  }
  .ss-c-btn--icon-only .ss-c-btn__icon {
    width: 1.125rem;
    height: 1.125rem;
  }
  .ss-c-system-card {
    padding: unset;
    background-color: transparent;
    border: 0.0625rem solid #f2f2f2;
    transition: border-color unset, background-color unset;
  }
  .ss-c-system-card:hover {
    border-color: #a3a3a3;
    background-color: #fdf8f2;
  }
  .ss-c-system-card__number {
    margin-bottom: unset;
  }
  .ss-c-system-card__title {
    font-family: Georgia, serif;
    font-size: 1.375rem;
    font-weight: 300;
    margin-bottom: unset;
  }
  .ss-c-system-card__description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-system-card__link {
    color: var(--ss-color-text, #1a1a1a);
    transition: color 200ms ease;
  }
  .ss-c-system-card__link::after {
    content: " →";
    transition: transform 200ms ease;
    display: inline-block;
  }
  .ss-c-system-card__link:hover {
    color: #737373;
  }
  .ss-c-system-card__link:hover::after {
    transform: translateX(0.25rem);
  }
  .ss-c-project-card__image {
    aspect-ratio: 4/3;
    overflow: hidden;
    background-color: #fdf8f2;
  }
  .ss-c-project-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform unset;
  }
  .ss-c-project-card__content {
    padding: unset 0;
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-project-card__title {
    font-family: Georgia, serif;
    font-size: 1.125rem;
    font-weight: 300;
    margin: 0;
    transition: color 200ms ease;
  }
  .ss-c-project-card__location {
    font-size: 0.875rem;
    color: #737373;
    margin: 0;
  }
  .ss-c-project-card__description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
    margin: unset 0 0;
  }
  .ss-c-project-card__systems {
    display: flex;
    flex-wrap: wrap;
    gap: unset;
    margin-top: unset;
  }
  .ss-c-team-card__role {
    font-size: 0.875rem;
    color: #737373;
    margin: 0;
  }
  .ss-c-value-card__number {
    margin-bottom: unset;
  }
  .ss-c-story-card {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    overflow: hidden;
  }
  .ss-c-story-card__link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
  }
  .ss-c-story-card__link:hover .ss-c-story-card__image {
    transform: scale(1.03);
  }
  .ss-c-story-card__link:hover .ss-c-story-card__title {
    color: #737373;
  }
  .ss-c-story-card__cover {
    position: relative;
    width: 100%;
    aspect-ratio: 3/4;
    overflow: hidden;
    background-color: #f2f2f2;
    margin-bottom: unset;
  }
  .ss-c-story-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform unset;
  }
  .ss-c-story-card__placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f2f2f2 0%, #e5e5e5 100%);
  }
  .ss-c-story-card__content {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-story-card__meta {
    display: flex;
    align-items: center;
    gap: unset;
    font-size: 0.75rem;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.18em;
  }
  .ss-c-story-card__category {
    color: #525252;
  }
  .ss-c-story-card__date::before {
    content: "·";
    margin-right: unset;
  }
  .ss-c-story-card__title {
    font-family: Georgia, serif;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.05;
    margin: 0;
    transition: color 200ms ease;
  }
  .ss-c-story-card__excerpt {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .ss-c-story-card__read-time {
    font-size: 0.75rem;
    color: #737373;
  }
  .ss-c-form-label--checkbox {
    font-size: 0.875rem;
    color: #525252;
    text-transform: none;
    letter-spacing: normal;
  }
  .ss-c-form-label--checkbox a {
    color: var(--ss-color-text, #1a1a1a);
    text-decoration: underline;
  }
  .ss-c-form-label--checkbox a:hover {
    color: #000000;
  }
  .ss-c-form-checkbox {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.125rem;
    accent-color: #000000;
    cursor: pointer;
  }
  .ss-c-form-textarea--error {
    border-color: #000000;
  }
  .ss-c-form-textarea--error:focus {
    border-color: #000000;
  }
  .ss-c-form-success {
    padding: unset;
    background-color: rgba(0, 0, 0, 0.1);
    border: 0.0625rem solid #000000;
    border-radius: 0;
    color: hsl(0, 0%, -15%);
  }
  .ss-c-tag--dark {
    background-color: #000000;
    color: #ffffff;
  }
  .ss-c-tag--accent {
    background-color: #000000;
    color: #ffffff;
  }
  .ss-c-tag--outline {
    background-color: transparent;
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    color: #525252;
  }
  .ss-c-split {
    display: grid;
    gap: unset;
  }
  .ss-c-masonry {
    display: grid;
    gap: unset;
  }
  .ss-c-flex--gap-sm {
    gap: unset;
  }
  .ss-c-flex--gap-md {
    gap: unset;
  }
  .ss-c-flex--gap-lg {
    gap: unset;
  }
  .ss-c-site-header--scrolled::after {
    background-color: var(--ss-color-border, #e5e5e5);
  }
  .ss-c-nav-number {
    font-size: 0.875rem;
    color: #a3a3a3;
  }
  .ss-c-contact-form__title {
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: unset;
  }
  .ss-c-contact-info__block h3 {
    margin-bottom: unset;
  }
  .ss-c-contact-info__block p {
    font-size: 0.875rem;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-contact-info__block p:last-child {
    margin-bottom: 0;
  }
  .ss-c-contact-info__block a {
    color: var(--ss-color-text, #1a1a1a);
    transition: color 150ms ease;
  }
  .ss-c-contact-info__block a:hover {
    color: #000000;
  }
  .ss-c-contact-info__heading {
    margin-bottom: unset;
  }
  .ss-c-contact-social {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-contact-social a {
    font-size: 0.875rem;
    color: var(--ss-color-text, #1a1a1a);
  }
  .ss-c-contact-social a:hover {
    color: #000000;
  }
  .ss-c-section--inquiries {
    padding-bottom: 0;
  }
  .ss-c-inquiries-grid {
    display: grid;
    gap: unset;
    grid-template-columns: 1fr;
  }
  .ss-c-inquiry-block {
    padding-bottom: unset;
    border-bottom: 0.0625rem solid #f2f2f2;
  }
  .ss-c-inquiry-heading {
    font-family: Georgia, serif;
    font-size: 1.75rem;
    font-weight: 300;
    margin-bottom: unset;
  }
  .ss-c-inquiry-description {
    font-size: 1rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-inquiry-description:last-of-type {
    margin-bottom: unset;
  }
  .ss-c-inquiry-contact {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-inquiry-label {
    color: #737373;
  }
  .ss-c-inquiry-email {
    font-size: 1.125rem;
    color: var(--ss-color-text, #1a1a1a);
    text-decoration: none;
    transition: color 150ms ease;
  }
  .ss-c-inquiry-email:hover {
    color: #000000;
  }
  .ss-c-section--map {
    padding: 0;
  }
  .ss-c-map-container {
    height: 25rem;
    background-color: #f2f2f2;
  }
  .ss-c-hero--compact {
    min-height: auto;
    padding-bottom: unset;
  }
  .ss-c-hero-container {
    display: grid;
    gap: unset;
    align-items: center;
  }
  .ss-c-hero-accent {
    font-style: italic;
    color: inherit;
  }
  .ss-c-hero-image {
    width: 100%;
    height: auto;
    max-height: 37.5rem;
    object-fit: contain;
  }
  .ss-c-legal-header {
    margin-bottom: unset;
  }
  .ss-c-legal-label {
    margin-bottom: unset;
  }
  .ss-c-legal-title {
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: unset;
  }
  .ss-c-legal-table {
    width: 100%;
    margin: unset 0;
    border-collapse: collapse;
  }
  .ss-c-legal-table th,
  .ss-c-legal-table td {
    padding: unset unset;
    text-align: left;
    border-bottom: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-legal-table th {
    background-color: #f2f2f2;
  }
  .ss-c-legal-table td {
    font-size: 0.875rem;
    color: #525252;
  }
  .ss-c-process-flow {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-process-step__number {
    margin-bottom: unset;
  }
  .ss-c-process-step__title {
    font-family: Georgia, serif;
    font-size: 1.375rem;
    font-weight: 300;
    margin-bottom: unset;
  }
  .ss-c-process-step__description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
    margin: 0;
  }
  .ss-c-process-arrow {
    display: none;
  }
  .ss-c-section--gray {
    background-color: #f2f2f2;
  }
  .ss-c-section--cream {
    background-color: #fdf8f2;
  }
  .ss-c-section-intro {
    font-size: unset;
    font-weight: unset;
    color: #525252;
    line-height: 1.625;
    margin: 0;
    max-width: 35rem;
  }
  .ss-c-section--cta {
    padding: unset 0;
    background-color: #000000;
    color: #ffffff;
  }
  .ss-c-systems-grid {
    display: grid;
    gap: unset;
  }
  .ss-c-system-detail {
    display: grid;
    gap: unset;
    padding: unset 0;
    border-bottom: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-system-detail:last-child {
    border-bottom: none;
  }
  .ss-c-system-detail__number {
    font-size: 1.375rem;
    margin-bottom: unset;
  }
  .ss-c-system-detail__title {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: unset;
  }
  .ss-c-system-detail__description {
    font-size: unset;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-system-detail__features {
    margin-bottom: unset;
    padding-left: unset;
  }
  .ss-c-system-detail__features li {
    position: relative;
    font-size: 0.875rem;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-system-detail__features li::before {
    content: "–";
    position: absolute;
    left: -unset;
    color: #a3a3a3;
  }
  .ss-c-system-detail__visual img {
    width: 100%;
    height: auto;
  }
  .ss-c-projects-grid {
    display: grid;
    gap: unset;
  }
  .ss-c-projects-masonry {
    display: grid;
    gap: unset;
  }
  .ss-c-services-list {
    display: grid;
    gap: unset;
  }
  .ss-c-service-item {
    padding: unset;
    border-left: 0.125rem solid #000000;
  }
  .ss-c-service-item__number {
    margin-bottom: unset;
  }
  .ss-c-service-item__title {
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: unset;
  }
  .ss-c-service-item__description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
    margin: 0;
  }
  .ss-c-service-detail__header {
    display: flex;
    align-items: baseline;
    gap: unset;
    margin-bottom: unset;
  }
  .ss-c-service-detail__number {
    font-size: 1.375rem;
  }
  .ss-c-service-detail__title {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0;
  }
  .ss-c-service-detail__description {
    font-size: unset;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
    max-width: 43.75rem;
  }
  .ss-c-service-detail__offerings h4 {
    margin-bottom: unset;
  }
  .ss-c-service-detail__offerings ul {
    padding-left: unset;
  }
  .ss-c-service-detail__offerings ul li {
    position: relative;
    font-size: 0.875rem;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-service-detail__offerings ul li::before {
    content: "–";
    position: absolute;
    left: -unset;
    color: #a3a3a3;
  }
  .ss-c-team-cta {
    margin-top: unset;
    text-align: center;
  }
  .ss-c-team-cta p {
    margin-bottom: unset;
    color: #525252;
  }
  .ss-c-recognition-list {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-recognition-item {
    display: flex;
    align-items: baseline;
    gap: unset;
    padding: unset 0;
    border-bottom: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-recognition-item__year {
    min-width: 3.125rem;
  }
  .ss-c-recognition-item__title {
    font-size: unset;
    font-weight: 500;
  }
  .ss-c-philosophy-grid {
    display: grid;
    gap: unset;
    align-items: center;
  }
  .ss-c-philosophy-content p {
    margin-bottom: unset;
  }
  .ss-c-philosophy-content p:last-child {
    margin-bottom: 0;
  }
  .ss-c-engagement-steps {
    display: grid;
    gap: unset;
  }
  .ss-c-engagement-step {
    padding: unset;
    background-color: #f2f2f2;
    border-left: 0.125rem solid #000000;
  }
  .ss-c-engagement-step__number {
    margin-bottom: unset;
  }
  .ss-c-engagement-step__title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: unset;
  }
  .ss-c-engagement-step__description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
    margin: 0;
  }
  .ss-c-content-grid {
    max-width: 45rem;
  }
  .ss-c-content-grid--wide {
    max-width: 56.25rem;
  }
  .ss-c-content-block {
    margin-bottom: unset;
  }
  .ss-c-content-block:last-child {
    margin-bottom: 0;
  }
  .ss-c-content-label {
    display: block;
    margin-bottom: unset;
  }
  .ss-c-content-heading {
    font-size: 1.75rem;
    margin-bottom: unset;
  }
  .ss-c-content-text {
    font-size: 1rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-content-text--large {
    font-size: 1.125rem;
  }
  .ss-c-content-text:last-child {
    margin-bottom: 0;
  }
  .ss-c-research-card {
    padding: unset;
    background-color: #f2f2f2;
    border-left: 0.125rem solid #000000;
  }
  .ss-c-research-card__number {
    margin-bottom: unset;
  }
  .ss-c-research-card__title {
    font-family: Georgia, serif;
    font-size: 1.375rem;
    font-weight: 300;
    margin-bottom: unset;
  }
  .ss-c-research-card__description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-research-card__focus {
    padding-left: unset;
  }
  .ss-c-research-card__focus li {
    font-size: 0.875rem;
    color: #737373;
    margin-bottom: unset;
  }
  .ss-c-research-card__focus li::marker {
    color: #a3a3a3;
  }
  .ss-c-positions-list {
    display: flex;
    flex-direction: column;
  }
  .ss-c-position-item {
    padding: unset 0;
    border-bottom: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-position-item:first-child {
    border-top: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-position-info {
    margin-bottom: unset;
  }
  .ss-c-position-title {
    font-family: Georgia, serif;
    font-size: 1.375rem;
    font-weight: 300;
    margin-bottom: unset;
  }
  .ss-c-position-location {
    margin: 0;
  }
  .ss-c-position-description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
    margin: 0;
    max-width: 40rem;
  }
  .ss-c-partners-grid {
    display: grid;
    gap: unset;
  }
  .ss-c-partner-category {
    padding: unset;
    background-color: #f2f2f2;
  }
  .ss-c-partner-category__title {
    margin-bottom: unset;
  }
  .ss-c-partner-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ss-c-partner-list li {
    font-size: 0.875rem;
    color: #525252;
    padding: unset 0;
    border-bottom: 0.0625rem solid #f2f2f2;
  }
  .ss-c-partner-list li:last-child {
    border-bottom: none;
  }
  .ss-c-press-list {
    display: flex;
    flex-direction: column;
  }
  .ss-c-press-item {
    padding: unset 0;
    border-bottom: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-press-item:first-child {
    border-top: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-press-item__date {
    display: block;
    margin-bottom: unset;
  }
  .ss-c-press-item__title {
    font-family: Georgia, serif;
    font-size: 1.375rem;
    font-weight: 300;
    margin-bottom: unset;
  }
  .ss-c-press-item__excerpt {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
    margin: 0;
    max-width: 40rem;
  }
  .ss-c-material-content {
    max-width: 60rem;
  }
  .ss-c-material-overview {
    margin-bottom: unset;
  }
  .ss-c-material-description {
    font-family: Georgia, serif;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.625;
    margin: 0;
  }
  .ss-c-material-grid {
    display: grid;
    gap: unset;
    margin-bottom: unset;
  }
  .ss-c-material-section {
    padding: unset;
    background-color: #f2f2f2;
  }
  .ss-c-material-section__title {
    margin-bottom: unset;
  }
  .ss-c-material-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ss-c-material-list__item {
    font-size: 0.875rem;
    color: #525252;
    padding: unset 0;
    border-bottom: 0.0625rem solid #f2f2f2;
  }
  .ss-c-material-list__item:last-child {
    border-bottom: none;
  }
  .ss-c-material-related {
    padding-top: unset;
    border-top: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-material-related__title {
    margin-bottom: unset;
  }
  .ss-c-material-related__grid {
    display: grid;
    gap: unset;
  }
  .ss-c-material-card {
    display: flex;
    flex-direction: column;
    padding: unset;
    background-color: #f2f2f2;
    text-decoration: none;
    color: inherit;
    transition: opacity unset;
  }
  .ss-c-material-card:hover {
    opacity: 0.7;
  }
  .ss-c-material-card__name {
    font-family: Georgia, serif;
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: unset;
  }
  .ss-c-material-card__tagline {
    font-size: 0.75rem;
    color: #525252;
    text-transform: uppercase;
    letter-spacing: 0.18em;
  }
  .ss-c-article-content {
    max-width: 45rem;
  }
  .ss-c-article-lead {
    font-family: Georgia, serif;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-article-body {
    margin-bottom: unset;
  }
  .ss-c-article-body p {
    font-size: 1rem;
    line-height: 1.625;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-article-heading {
    font-family: Georgia, serif;
    font-size: 1.125rem;
    font-weight: 300;
    margin-top: unset;
    margin-bottom: unset;
  }
  .ss-c-article-footer {
    display: flex;
    flex-direction: column;
    gap: unset;
    padding-top: unset;
    border-top: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-article-meta {
    display: flex;
    gap: unset;
  }
  .ss-c-article-back {
    font-size: 0.875rem;
    color: #525252;
    transition: color 200ms ease;
  }
  .ss-c-article-back:hover {
    color: var(--ss-color-text, #1a1a1a);
  }
  .ss-c-article-related {
    margin-top: unset;
    padding-top: unset;
    border-top: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-article-related__title {
    margin-bottom: unset;
  }
  .ss-c-article-related__grid {
    display: grid;
    gap: unset;
  }
  .ss-c-article-card {
    display: flex;
    flex-direction: column;
    padding: unset;
    background-color: #f2f2f2;
    text-decoration: none;
    color: inherit;
    transition: opacity unset;
  }
  .ss-c-article-card:hover {
    opacity: 0.7;
  }
  .ss-c-article-card__category {
    margin-bottom: unset;
  }
  .ss-c-article-card__title {
    font-family: Georgia, serif;
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: unset;
  }
  .ss-c-article-card__meta {
    font-size: 0.75rem;
    color: #525252;
  }
  .ss-c-systems-intro {
    max-width: 45rem;
    margin-bottom: unset;
  }
  .ss-c-systems-intro__text {
    font-size: unset;
    font-weight: unset;
    line-height: 1.625;
    color: #525252;
  }
  .ss-c-systems-category {
    margin-bottom: unset;
  }
  .ss-c-systems-category:last-child {
    margin-bottom: 0;
  }
  .ss-c-systems-category__title {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: unset;
    text-transform: uppercase;
    color: #737373;
    margin-bottom: unset;
    padding-bottom: unset;
    border-bottom: 0.0625rem solid #f2f2f2;
  }
  .ss-c-systems-category__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
  }
  .ss-c-systems-category__item {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: opacity unset;
  }
  .ss-c-systems-category__item:hover .ss-c-systems-category__image img {
    transform: scale(1.03);
  }
  .ss-c-systems-category__item:hover .ss-c-systems-category__name {
    color: #525252;
  }
  .ss-c-systems-category__image {
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
    background-color: #f2f2f2;
    margin-bottom: unset;
  }
  .ss-c-systems-category__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform unset;
  }
  .ss-c-systems-category__placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f2f2f2 0%, #e5e5e5 100%);
  }
  .ss-c-systems-category__info {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-systems-category__name {
    font-family: "FF DIN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: var(--ss-color-text, #1a1a1a);
    transition: color 200ms ease;
  }
  .ss-c-systems-category__subtitle {
    font-size: 0.875rem;
    font-weight: unset;
    color: #737373;
  }
  .ss-c-pt-4 {
    padding-top: unset;
  }
  .ss-c-pt-12 {
    padding-top: unset;
  }
  .ss-c-pb-4 {
    padding-bottom: unset;
  }
  .ss-c-pb-12 {
    padding-bottom: unset;
  }
  .ss-c-normal-case {
    text-transform: none;
  }
  .ss-c-media {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    background-color: #f2f2f2;
  }
  .ss-c-media--rounded-lg {
    border-radius: 0;
  }
  .ss-c-media--full {
    border-radius: 0;
  }
  .ss-c-media img,
  .ss-c-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-media--16x9 {
    aspect-ratio: 16/9;
  }
  .ss-c-media--4x3 {
    aspect-ratio: 4/3;
  }
  .ss-c-media--1x1 {
    aspect-ratio: 1/1;
  }
  .ss-c-media--2x1 {
    aspect-ratio: 2/1;
  }
  .ss-c-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
  }
  .ss-c-icon svg {
    width: 100%;
    height: 100%;
  }
  .ss-c-icon--sm {
    font-size: 1rem;
  }
  .ss-c-icon--md {
    font-size: 1.5rem;
  }
  .ss-c-icon--lg {
    font-size: 2rem;
  }
  .ss-c-icon--xl {
    font-size: 3rem;
  }
  .ss-c-feature {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-feature {
      flex-direction: row;
      gap: unset;
    }
  }
  .ss-c-feature__icon {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2f2f2;
    border-radius: 0;
    color: var(--ss-color-text, #1a1a1a);
  }
  @media (min-width: 48rem) {
    .ss-c-feature__icon {
      width: 4rem;
      height: 4rem;
    }
  }
  .ss-c-feature__content {
    flex: 1;
  }
  .ss-c-feature__title {
    margin-bottom: unset;
  }
  .ss-c-feature__description {
    color: #525252;
  }
  .ss-c-max-w-narrow {
    max-width: 37.5rem;
  }
  .ss-c-sticky--top {
    position: sticky;
    top: 0;
  }
  .ss-c-site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: unset;
    padding: 0 unset;
    max-width: 100%;
  }
  @media (min-width: 48rem) {
    .ss-c-site-header__inner {
      height: unset;
      padding: 0 unset;
    }
  }
  @media (min-width: 64rem) {
    .ss-c-site-header__inner {
      padding: 0 unset;
    }
  }
  .ss-c-site-header__left {
    display: flex;
    align-items: center;
    gap: unset;
  }
  .ss-c-site-header__logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    transition: opacity 150ms ease;
  }
  .ss-c-site-header__logo:hover {
    opacity: 0.6;
  }
  .ss-c-site-header__logo-icon {
    width: 1.75rem;
    height: 1.75rem;
  }
  @media (min-width: 48rem) {
    .ss-c-site-header__logo-icon {
      width: 2rem;
      height: 2rem;
    }
  }
  .ss-c-site-header__home-link {
    font-size: unset;
    font-weight: unset;
    color: #ffffff;
    text-decoration: none;
    transition: opacity 150ms ease;
  }
  .ss-c-site-header__home-link:hover {
    opacity: 0.6;
  }
  .ss-c-site-header__right {
    display: flex;
    align-items: center;
  }
  .ss-c-site-header__menu-toggle {
    appearance: none;
    background: none;
    border: none;
    padding: unset 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: unset;
  }
  .ss-c-site-header__menu-toggle-text {
    font-size: unset;
    font-weight: unset;
    color: #ffffff;
    transition: opacity 150ms ease;
  }
  .ss-c-site-header__menu-toggle:hover .ss-c-site-header__menu-toggle-text {
    opacity: 0.6;
  }
  .ss-c-site-header__menu-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3125rem;
    width: 1.25rem;
    height: 1rem;
  }
  .ss-c-site-header__menu-icon span {
    display: block;
    width: 100%;
    height: 0.125rem;
    background-color: #ffffff;
    transition: opacity 150ms ease;
  }
  .ss-c-site-header__menu-toggle:hover .ss-c-site-header__menu-icon span {
    opacity: 0.6;
  }
  .ss-c-site-menu {
    position: fixed;
    inset: 0;
    z-index: unset;
    background-color: var(--ss-color-fill, #ffffff);
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity unset, visibility unset;
  }
  .ss-c-site-menu.is-open {
    opacity: 1;
    visibility: visible;
  }
  .ss-c-site-menu__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 unset;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  @media (min-width: 48rem) {
    .ss-c-site-menu__inner {
      padding: 0 unset;
    }
  }
  @media (min-width: 64rem) {
    .ss-c-site-menu__inner {
      padding: 0 unset;
    }
  }
  .ss-c-site-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: unset;
    flex-shrink: 0;
  }
  @media (min-width: 48rem) {
    .ss-c-site-menu__header {
      height: unset;
    }
  }
  .ss-c-site-menu__header-left {
    display: flex;
    align-items: center;
    gap: unset;
  }
  .ss-c-site-menu__header-right {
    display: flex;
    align-items: center;
  }
  .ss-c-site-menu__logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--ss-color-text, #1a1a1a);
    transition: opacity 150ms ease;
  }
  .ss-c-site-menu__logo:hover {
    opacity: 0.6;
  }
  .ss-c-site-menu__logo-icon {
    width: 1.75rem;
    height: 1.75rem;
  }
  @media (min-width: 48rem) {
    .ss-c-site-menu__logo-icon {
      width: 2rem;
      height: 2rem;
    }
  }
  .ss-c-site-menu__home-link {
    font-size: unset;
    font-weight: unset;
    color: var(--ss-color-text, #1a1a1a);
    text-decoration: none;
    transition: opacity 150ms ease;
  }
  .ss-c-site-menu__home-link:hover {
    opacity: 0.6;
  }
  .ss-c-site-menu__close {
    appearance: none;
    background: none;
    border: none;
    padding: unset 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: unset;
  }
  .ss-c-site-menu__close-text {
    font-size: unset;
    font-weight: unset;
    color: var(--ss-color-text, #1a1a1a);
    transition: opacity 150ms ease;
  }
  .ss-c-site-menu__close:hover .ss-c-site-menu__close-text {
    opacity: 0.6;
  }
  .ss-c-site-menu__close-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1rem;
    position: relative;
  }
  .ss-c-site-menu__close-icon span {
    position: absolute;
    width: 100%;
    height: 0.125rem;
    background-color: var(--ss-color-text, #1a1a1a);
    transition: opacity 150ms ease;
  }
  .ss-c-site-menu__close-icon span:first-child {
    transform: rotate(45deg);
  }
  .ss-c-site-menu__close-icon span:last-child {
    transform: rotate(-45deg);
  }
  .ss-c-site-menu__close:hover .ss-c-site-menu__close-icon span {
    opacity: 0.6;
  }
  .ss-c-site-menu__nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: unset 0;
  }
  @media (min-width: 48rem) {
    .ss-c-site-menu__nav {
      padding: unset 0;
    }
  }
  .ss-c-site-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .ss-c-site-menu__item {
    margin: 0;
    padding: 0;
    border-bottom: none;
  }
  .ss-c-site-menu__item:first-child {
    border-top: none;
  }
  .ss-c-site-menu__link {
    display: inline-block;
    padding: unset 0;
    font-size: unset;
    font-weight: 600;
    line-height: 0.95;
    letter-spacing: -0.04em;
    color: var(--ss-color-text, #1a1a1a);
    text-decoration: none;
    transition: opacity 150ms ease;
  }
  @media (min-width: 48rem) {
    .ss-c-site-menu__link {
      font-size: unset;
      padding: unset 0;
    }
  }
  @media (min-width: 64rem) {
    .ss-c-site-menu__link {
      font-size: unset;
      padding: unset 0;
    }
  }
  .ss-c-site-menu__link:hover {
    opacity: 0.4;
  }
  .ss-c-headline {
    font-family: unset;
    font-size: unset;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -0.04em;
  }
  @media (min-width: 48rem) {
    .ss-c-headline {
      font-size: unset;
    }
  }
  @media (min-width: 64rem) {
    .ss-c-headline {
      font-size: unset;
    }
  }
  .ss-c-title {
    font-family: unset;
    font-size: unset;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -0.04em;
  }
  @media (min-width: 48rem) {
    .ss-c-title {
      font-size: unset;
    }
  }
  @media (min-width: 64rem) {
    .ss-c-title {
      font-size: unset;
    }
  }
  .ss-c-subtitle {
    font-size: unset;
    font-weight: 500;
    line-height: 1.5;
  }
  @media (min-width: 48rem) {
    .ss-c-subtitle {
      font-size: unset;
    }
  }
  .ss-c-body {
    font-size: unset;
    font-weight: unset;
    line-height: 1.625;
  }
  .ss-c-body--lg {
    font-size: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-body--lg {
      font-size: unset;
    }
  }
  .ss-c-body--sm {
    font-size: unset;
  }
  .ss-c-caption {
    font-size: unset;
    font-weight: unset;
    line-height: 1.5;
    color: #525252;
  }
  .ss-c-text-inverted {
    color: #ffffff;
  }
  .ss-c-text-pretty {
    text-wrap: pretty;
  }
  .ss-c-prose {
    max-width: 50rem;
  }
  .ss-c-prose > * + * {
    margin-top: unset;
  }
  .ss-c-prose h2 {
    font-size: unset;
    margin-top: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-prose h2 {
      font-size: unset;
    }
  }
  .ss-c-prose h3 {
    font-size: unset;
    margin-top: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-prose h3 {
      font-size: unset;
    }
  }
  .ss-c-prose p {
    margin-bottom: unset;
  }
  .ss-c-prose ul, .ss-c-prose ol {
    padding-left: unset;
    margin-bottom: unset;
  }
  .ss-c-prose li {
    margin-bottom: unset;
  }
  .ss-c-prose ul li {
    list-style-type: disc;
  }
  .ss-c-prose ol li {
    list-style-type: decimal;
  }
  .ss-c-prose a {
    text-decoration: underline;
    text-underline-offset: 0.125rem;
  }
  .ss-c-prose blockquote {
    padding-left: unset;
    border-left: 0.1875rem solid var(--ss-color-border, #e5e5e5);
    font-style: italic;
    color: #525252;
  }
  .ss-c-prose code {
    font-family: unset;
    font-size: 0.9em;
    background-color: #f2f2f2;
    padding: 0.125em 0.375em;
    border-radius: 0;
  }
  .ss-c-prose pre {
    background-color: #0a0a0a;
    color: #ffffff;
    padding: unset;
    border-radius: 0;
    overflow-x: auto;
  }
  .ss-c-prose pre code {
    background: none;
    padding: 0;
  }
  .ss-c-prose img {
    border-radius: 0;
    margin-top: unset;
    margin-bottom: unset;
  }
  .ss-c-header-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4.5rem;
  }
  .ss-c-header-brand {
    flex-shrink: 0;
  }
  .ss-c-brand-link {
    display: flex;
    align-items: center;
    gap: unset;
    color: #0a0a0a;
  }
  .ss-c-brand-link:hover {
    color: #0a0a0a;
  }
  .ss-c-brand-link:hover .ss-c-brand-icon {
    color: unset;
  }
  .ss-c-brand-icon {
    width: 2rem;
    height: 2rem;
    color: unset;
    transition: color 150ms ease;
  }
  .ss-c-brand-text {
    display: flex;
    flex-direction: column;
  }
  .ss-c-brand-name {
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.2;
  }
  .ss-c-brand-tagline {
    font-size: 0.75rem;
    color: #737373;
    letter-spacing: 0.02em;
  }
  .ss-c-header-nav {
    display: none;
  }
  @media (min-width: 64rem) {
    .ss-c-header-nav {
      display: block;
    }
  }
  .ss-c-nav-list {
    display: flex;
    align-items: center;
    gap: unset;
  }
  .ss-c-header-actions {
    display: flex;
    align-items: center;
    gap: unset;
  }
  .ss-c-search-trigger {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 624.9375rem;
    color: #525252;
    transition: all 150ms ease;
  }
  .ss-c-search-trigger svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-search-trigger:hover {
    background: #f2f2f2;
    color: #0a0a0a;
  }
  .ss-c-mobile-nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 0;
  }
  @media (min-width: 64rem) {
    .ss-c-mobile-nav-toggle {
      display: none;
    }
  }
  .ss-c-mobile-nav-toggle:hover {
    background: #f2f2f2;
  }
  .ss-c-hamburger {
    width: 1.25rem;
    height: 0.125rem;
    background: #2d2d2d;
    position: relative;
  }
  .ss-c-hamburger::before, .ss-c-hamburger::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.125rem;
    background: #2d2d2d;
    left: 0;
  }
  .ss-c-hamburger::before {
    top: -0.375rem;
  }
  .ss-c-hamburger::after {
    bottom: -0.375rem;
  }
  .ss-c-hero-eyebrow {
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: unset;
    margin-bottom: unset;
  }
  .ss-c-taxonomy-tree {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.25rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-tree-node {
    display: flex;
    align-items: center;
    gap: unset;
    padding: unset unset;
    border-radius: 0;
    border: 0.0625rem solid #e5e5e5;
    background: #ffffff;
    min-width: 12.5rem;
    transition: all 150ms ease;
  }
  .ss-c-tree-node.active {
    border-color: unset;
    background: unset;
  }
  .ss-c-tree-node.active .ss-c-node-label {
    color: unset;
  }
  .ss-c-node-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1a1a1a;
    font-style: italic;
  }
  .ss-c-node-type {
    font-size: 0.75rem;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-left: auto;
  }
  .ss-c-tree-connector {
    width: 0.0625rem;
    height: 1rem;
    background: #d4d4d4;
    margin-left: 1.5rem;
  }
  .ss-c-btn-sm {
    padding: unset unset;
    font-size: 0.75rem;
  }
  .ss-c-btn-ghost {
    background: transparent;
    color: #2d2d2d;
  }
  .ss-c-btn-ghost:hover {
    background: #f2f2f2;
  }
  .ss-c-stats-section {
    padding: unset 0;
    background: #0a0a0a;
  }
  .ss-c-stats-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-stats-container {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .ss-c-stat-value {
    display: block;
    font-size: 2.25rem;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.02em;
    margin-bottom: unset;
  }
  .ss-c-stat-detail {
    display: block;
    font-size: 0.75rem;
    color: #737373;
  }
  .ss-c-features-section {
    padding: unset 0;
  }
  .ss-c-features-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-features-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-features-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-feature-icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: unset;
    border-radius: 0;
    margin-bottom: unset;
  }
  .ss-c-feature-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    color: unset;
  }
  .ss-c-feature-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: unset;
  }
  .ss-c-feature-description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
  }
  .ss-c-taxonomy-preview-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-taxonomy-preview-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-taxonomy-levels {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 30rem;
    margin: 0 auto unset;
  }
  .ss-c-level-item {
    display: flex;
    align-items: center;
    gap: unset;
    width: 100%;
    padding: unset unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
  }
  .ss-c-level-item--optional {
    border-style: dashed;
  }
  .ss-c-level-item--optional .ss-c-level-content h4 {
    color: #737373;
  }
  .ss-c-level-rank {
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: unset;
    color: unset;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 624.9375rem;
    flex-shrink: 0;
  }
  .ss-c-level-content {
    flex: 1;
  }
  .ss-c-level-content h4 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: unset;
  }
  .ss-c-level-content p {
    font-size: 0.75rem;
    color: #737373;
    font-style: italic;
    margin: 0;
  }
  .ss-c-level-connector {
    width: 0.0625rem;
    height: 1.25rem;
    background: #d4d4d4;
  }
  .ss-c-taxonomy-cta {
    text-align: center;
  }
  .ss-c-ecological-section {
    padding: unset 0;
  }
  .ss-c-ecological-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-ecological-content {
    max-width: unset;
    margin: 0 auto;
  }
  .ss-c-ecological-categories {
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
    margin-top: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-ecological-categories {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-eco-category {
    padding: unset;
    background: #fafafa;
    border-radius: 0;
  }
  .ss-c-eco-category-title {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: unset;
    margin-bottom: unset;
  }
  .ss-c-eco-list li {
    font-size: 0.875rem;
    color: #525252;
    padding: unset 0;
    padding-left: unset;
    position: relative;
  }
  .ss-c-eco-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.375rem;
    height: 0.375rem;
    background: unset;
    border-radius: 624.9375rem;
  }
  .ss-c-cta-section {
    padding: unset 0;
    background: linear-gradient(135deg, unset 0%, unset 100%);
    color: #ffffff;
    text-align: center;
  }
  .ss-c-cta-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: unset;
  }
  .ss-c-cta-actions .ss-c-btn-primary {
    background: #ffffff;
    color: unset;
  }
  .ss-c-cta-actions .ss-c-btn-primary:hover {
    background: #f2f2f2;
  }
  .ss-c-cta-actions .ss-c-btn-ghost {
    color: #ffffff;
    border: 0.0625rem solid rgba(255, 255, 255, 0.3);
  }
  .ss-c-cta-actions .ss-c-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
  }
  .ss-c-page-header-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-page-header--centered {
    text-align: center;
  }
  .ss-c-page-header--centered .ss-c-page-header-container {
    max-width: unset;
  }
  .ss-c-phytosync .ss-c-breadcrumb {
    margin-bottom: unset;
  }
  .ss-c-phytosync .ss-c-breadcrumb ol {
    display: flex;
    align-items: center;
    gap: unset;
    font-size: 0.875rem;
  }
  .ss-c-phytosync .ss-c-breadcrumb li {
    display: flex;
    align-items: center;
    gap: unset;
    color: #737373;
  }
  .ss-c-phytosync .ss-c-breadcrumb li::after {
    content: "/";
    color: #a3a3a3;
  }
  .ss-c-phytosync .ss-c-breadcrumb li:last-child::after {
    display: none;
  }
  .ss-c-phytosync .ss-c-breadcrumb li[aria-current=page] {
    color: #2d2d2d;
  }
  .ss-c-phytosync .ss-c-breadcrumb a {
    color: #737373;
  }
  .ss-c-phytosync .ss-c-breadcrumb a:hover {
    color: unset;
  }
  .ss-c-taxonomy-browser {
    padding: unset 0;
  }
  .ss-c-browser-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
  }
  @media (min-width: 64rem) {
    .ss-c-browser-container {
      grid-template-columns: 17.5rem 1fr;
    }
  }
  @media (max-width: 64rem) {
    .ss-c-browser-sidebar {
      order: 2;
    }
  }
  @media (max-width: 64rem) {
    .ss-c-browser-main {
      order: 1;
    }
  }
  .ss-c-filter-section {
    padding: unset;
    background: #fafafa;
    border-radius: 0;
    margin-bottom: unset;
  }
  .ss-c-filter-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: unset;
  }
  .ss-c-filter-options {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-filter-option {
    display: flex;
    align-items: center;
    gap: unset;
    cursor: pointer;
  }
  .ss-c-filter-option input {
    accent-color: unset;
  }
  .ss-c-filter-label {
    font-size: 0.875rem;
    color: #2d2d2d;
    flex: 1;
  }
  .ss-c-filter-count {
    font-size: 0.75rem;
    color: #737373;
  }
  .ss-c-stats-mini {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-stat-mini-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
  .ss-c-stat-mini-value {
    font-size: 1.375rem;
    font-weight: 600;
    color: #0a0a0a;
  }
  .ss-c-stat-mini-label {
    font-size: 0.75rem;
    color: #737373;
  }
  .ss-c-browser-search {
    margin-bottom: unset;
  }
  .ss-c-search-form {
    display: flex;
    gap: unset;
  }
  .ss-c-search-input {
    flex: 1;
    padding: unset unset;
    font-size: 0.875rem;
    border: 0.0625rem solid #d4d4d4;
    border-radius: 0;
    transition: border-color 150ms ease;
  }
  .ss-c-search-input:focus {
    outline: none;
    border-color: unset;
  }
  .ss-c-search-submit {
    padding: unset unset;
    background: unset;
    color: #ffffff;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: background 150ms ease;
  }
  .ss-c-search-submit svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .ss-c-search-submit:hover {
    background: unset;
  }
  .ss-c-taxonomy-tree-browser {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-tree-branch {
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    overflow: hidden;
  }
  .ss-c-branch-header {
    display: flex;
    align-items: center;
    gap: unset;
    padding: unset unset;
    background: #ffffff;
    cursor: pointer;
    transition: background 150ms ease;
  }
  .ss-c-branch-header:hover {
    background: #fafafa;
  }
  .ss-c-branch-toggle {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 0;
  }
  .ss-c-branch-toggle:hover {
    background: #f2f2f2;
  }
  .ss-c-branch-toggle .ss-c-toggle-icon {
    width: 1rem;
    height: 1rem;
    color: #737373;
    transition: transform 150ms ease;
  }
  .ss-c-branch-toggle[aria-expanded=true] .ss-c-toggle-icon {
    transform: rotate(180deg);
  }
  .ss-c-branch-level {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: unset;
    padding: unset unset;
    background: unset;
    border-radius: 0;
  }
  .ss-c-branch-name {
    font-size: 0.875rem;
    font-weight: 500;
    color: #1a1a1a;
    font-style: italic;
  }
  .ss-c-branch-info {
    margin-left: auto;
  }
  .ss-c-branch-info svg {
    width: 1rem;
    height: 1rem;
    color: #a3a3a3;
  }
  .ss-c-branch-children {
    padding: unset unset unset unset;
    background: #fafafa;
    border-top: 0.0625rem solid #e5e5e5;
  }
  .ss-c-branch-loading {
    font-size: 0.875rem;
    color: #737373;
    font-style: italic;
  }
  .ss-c-empty-state {
    text-align: center;
    padding: unset unset;
  }
  .ss-c-empty-state--wide {
    grid-column: 1/-1;
  }
  .ss-c-empty-icon {
    width: 4rem;
    height: 4rem;
    color: #d4d4d4;
    margin: 0 auto unset;
  }
  .ss-c-empty-title {
    font-size: 1.375rem;
    color: #2d2d2d;
    margin-bottom: unset;
  }
  .ss-c-empty-description {
    font-size: 0.875rem;
    color: #737373;
    max-width: 20rem;
    margin: 0 auto;
  }
  .ss-c-database-section {
    padding: unset 0;
  }
  .ss-c-database-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
  }
  @media (min-width: 64rem) {
    .ss-c-database-container {
      grid-template-columns: 17.5rem 1fr;
    }
  }
  @media (max-width: 64rem) {
    .ss-c-database-filters {
      display: none;
    }
  }
  .ss-c-filter-form {
    position: sticky;
    top: 5.5rem;
  }
  .ss-c-filter-group {
    margin-bottom: unset;
  }
  .ss-c-filter-group-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: unset;
  }
  .ss-c-filter-fieldset {
    border: none;
    margin-bottom: unset;
  }
  .ss-c-filter-fieldset legend {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #737373;
    margin-bottom: unset;
  }
  .ss-c-filter-checkbox {
    display: flex;
    align-items: center;
    gap: unset;
    padding: unset 0;
    cursor: pointer;
  }
  .ss-c-filter-checkbox input {
    accent-color: unset;
  }
  .ss-c-filter-checkbox span {
    font-size: 0.875rem;
    color: #2d2d2d;
  }
  .ss-c-filter-actions {
    display: flex;
    gap: unset;
    padding-top: unset;
    border-top: 0.0625rem solid #e5e5e5;
  }
  .ss-c-database-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: unset;
    margin-bottom: unset;
  }
  .ss-c-toolbar-search {
    flex: 1;
    min-width: 12.5rem;
    display: flex;
    gap: unset;
  }
  .ss-c-search-btn {
    padding: unset unset;
    background: unset;
    color: #ffffff;
    border: none;
    border-radius: 0;
    cursor: pointer;
  }
  .ss-c-search-btn svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .ss-c-search-btn:hover {
    background: unset;
  }
  .ss-c-toolbar-meta {
    display: flex;
    align-items: center;
    gap: unset;
  }
  .ss-c-result-count {
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-sort-select {
    padding: unset unset;
    font-size: 0.875rem;
    border: 0.0625rem solid #d4d4d4;
    border-radius: 0;
    background: #ffffff;
    cursor: pointer;
  }
  .ss-c-database-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-database-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 80rem) {
    .ss-c-database-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-plant-card {
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    transition: all 150ms ease;
  }
  .ss-c-plant-card:hover {
    border-color: unset;
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem -0.125rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-plant-card-header {
    margin-bottom: unset;
  }
  .ss-c-plant-taxonomy {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: unset;
  }
  .ss-c-plant-name {
    font-size: 1.125rem;
    font-weight: 600;
    margin-top: unset;
    margin-bottom: unset;
  }
  .ss-c-plant-latin {
    font-size: 0.875rem;
    color: #737373;
    margin: 0;
  }
  .ss-c-plant-description {
    font-size: 0.875rem;
    color: #525252;
    flex: 1;
  }
  .ss-c-plant-tags {
    display: flex;
    flex-wrap: wrap;
    gap: unset;
    margin-top: unset;
  }
  .ss-c-plant-link {
    margin-top: unset;
    padding-top: unset;
    border-top: 0.0625rem solid #f2f2f2;
    font-size: 0.875rem;
    font-weight: 500;
    color: unset;
  }
  .ss-c-pagination {
    margin-top: unset;
    padding-top: unset;
    border-top: 0.0625rem solid #e5e5e5;
  }
  .ss-c-pagination-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: unset;
  }
  .ss-c-pagination-link {
    padding: unset unset;
    font-size: 0.875rem;
    color: unset;
    border: 0.0625rem solid unset;
    border-radius: 0;
  }
  .ss-c-pagination-link:hover {
    background: unset;
  }
  .ss-c-pagination-current {
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-search-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-search-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-search-header {
    text-align: center;
    margin-bottom: unset;
  }
  .ss-c-search-title {
    font-size: 2.25rem;
    margin-bottom: unset;
  }
  .ss-c-search-subtitle {
    font-size: 1.125rem;
    color: #525252;
  }
  .ss-c-search-form-main {
    background: #ffffff;
    padding: unset;
    border-radius: 0;
    box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.25rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-search-input-wrapper {
    display: flex;
    align-items: center;
    gap: unset;
    margin-bottom: unset;
  }
  .ss-c-search-input-wrapper .ss-c-search-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: #a3a3a3;
    flex-shrink: 0;
  }
  .ss-c-search-input-main {
    flex: 1;
    padding: unset 0;
    font-size: 1.125rem;
    border: none;
    border-bottom: 0.125rem solid #e5e5e5;
    background: transparent;
    transition: border-color 150ms ease;
  }
  .ss-c-search-input-main:focus {
    outline: none;
    border-color: unset;
  }
  .ss-c-search-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: unset;
  }
  .ss-c-search-filter-option {
    display: flex;
    align-items: center;
    gap: unset;
    cursor: pointer;
  }
  .ss-c-search-filter-option input {
    accent-color: unset;
  }
  .ss-c-search-filter-option span {
    font-size: 0.875rem;
    color: #2d2d2d;
  }
  .ss-c-search-tips {
    margin-top: unset;
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
  }
  .ss-c-tips-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: unset;
  }
  .ss-c-tips-list li {
    font-size: 0.875rem;
    color: #525252;
    padding: unset 0;
  }
  .ss-c-tips-list li code {
    font-size: 0.85em;
  }
  .ss-c-results-section {
    padding: unset 0;
  }
  .ss-c-results-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-results-header {
    margin-bottom: unset;
  }
  .ss-c-results-title {
    font-size: 1.375rem;
    margin-bottom: unset;
  }
  .ss-c-results-query {
    color: unset;
  }
  .ss-c-results-count {
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-results-list {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-result-item {
    display: flex;
    gap: unset;
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    transition: all 150ms ease;
  }
  .ss-c-result-item:hover {
    border-color: unset;
    box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
  }
  .ss-c-result-type {
    flex-shrink: 0;
  }
  .ss-c-type-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: unset unset;
    border-radius: 0;
  }
  .ss-c-type-badge--taxonomy {
    background: unset;
    color: unset;
  }
  .ss-c-type-badge--plant {
    background: unset;
    color: unset;
  }
  .ss-c-type-badge--eco {
    background: unset;
    color: unset;
  }
  .ss-c-result-content {
    flex: 1;
  }
  .ss-c-result-name {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: unset;
  }
  .ss-c-result-name a {
    color: #0a0a0a;
  }
  .ss-c-result-name a:hover {
    color: unset;
  }
  .ss-c-result-latin {
    font-size: 0.875rem;
    color: #737373;
    margin-bottom: unset;
  }
  .ss-c-result-description {
    font-size: 0.875rem;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-result-hierarchy {
    font-size: 0.75rem;
    color: #737373;
  }
  .ss-c-no-results {
    text-align: center;
    padding: unset unset;
  }
  .ss-c-no-results-icon {
    width: 4rem;
    height: 4rem;
    color: #d4d4d4;
    margin: 0 auto unset;
  }
  .ss-c-no-results-title {
    font-size: 1.375rem;
    color: #2d2d2d;
    margin-bottom: unset;
  }
  .ss-c-no-results-text {
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-quick-links-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-quick-links-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-quick-links-title {
    font-size: 1.375rem;
    text-align: center;
    margin-bottom: unset;
  }
  .ss-c-quick-links-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-quick-links-grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .ss-c-quick-link-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    text-align: center;
    transition: all 150ms ease;
  }
  .ss-c-quick-link-card:hover {
    border-color: unset;
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem -0.125rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-quick-link-card:hover .ss-c-quick-link-icon {
    background: unset;
  }
  .ss-c-quick-link-card:hover .ss-c-quick-link-icon svg {
    color: unset;
  }
  .ss-c-quick-link-icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    border-radius: 0;
    margin-bottom: unset;
    transition: all 150ms ease;
  }
  .ss-c-quick-link-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    color: #525252;
  }
  .ss-c-quick-link-text {
    font-size: 0.875rem;
    font-weight: 500;
    color: #2d2d2d;
  }
  .ss-c-about-section {
    padding: unset 0;
  }
  .ss-c-about-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-about-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
    align-items: center;
  }
  @media (min-width: 64rem) {
    .ss-c-about-grid--2col {
      grid-template-columns: 1fr 1fr;
    }
  }
  .ss-c-about-heading {
    font-size: 1.75rem;
    margin-bottom: unset;
  }
  .ss-c-about-visual {
    display: flex;
    justify-content: center;
  }
  .ss-c-visual-icon {
    width: 5rem;
    height: 5rem;
    margin: 0 auto unset;
    color: unset;
  }
  .ss-c-visual-text {
    font-size: 0.875rem;
    color: #525252;
    font-style: italic;
  }
  .ss-c-architecture-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-architecture-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-section-header--centered {
    text-align: center;
  }
  .ss-c-architecture-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-architecture-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .ss-c-arch-card {
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
  }
  .ss-c-arch-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: unset;
    border-radius: 0;
    margin-bottom: unset;
  }
  .ss-c-arch-icon svg {
    width: 1.25rem;
    height: 1.25rem;
    color: unset;
  }
  .ss-c-arch-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: unset;
  }
  .ss-c-arch-description {
    font-size: 0.875rem;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-arch-code {
    display: block;
    padding: unset unset;
    background: #f2f2f2;
    border-radius: 0;
    font-size: 0.75rem;
    color: #2d2d2d;
  }
  .ss-c-eco-data-section {
    padding: unset 0;
  }
  .ss-c-eco-data-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-eco-properties {
    display: grid;
    grid-template-columns: 1fr;
    gap: unset;
    margin-top: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-eco-properties {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-eco-property-group {
    padding: unset;
    background: #fafafa;
    border-radius: 0;
  }
  .ss-c-property-group-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: unset;
    margin-bottom: unset;
  }
  .ss-c-property-list li {
    font-size: 0.875rem;
    color: #525252;
    padding: unset 0;
    padding-left: unset;
    position: relative;
  }
  .ss-c-property-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: unset;
    font-size: 0.75rem;
  }
  .ss-c-stack-section {
    padding: unset 0;
    background: #0a0a0a;
  }
  .ss-c-stack-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-stack-container .ss-c-section-title {
    color: #ffffff;
  }
  .ss-c-stack-container .ss-c-section-description {
    color: #a3a3a3;
  }
  .ss-c-stack-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-stack-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-stack-grid {
      grid-template-columns: repeat(6, 1fr);
    }
  }
  .ss-c-stack-item {
    text-align: center;
    padding: unset;
  }
  .ss-c-stack-name {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: unset;
  }
  .ss-c-stack-detail {
    display: block;
    font-size: 0.75rem;
    color: #737373;
  }
  .ss-c-contributing-section {
    padding: unset 0;
  }
  .ss-c-contributing-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
    text-align: center;
  }
  .ss-c-contributing-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: unset;
    margin-top: unset;
  }
  .ss-c-footer-brand-section .ss-c-footer-logo {
    display: flex;
    align-items: center;
    gap: unset;
    margin-bottom: unset;
  }
  .ss-c-footer-brand-section .ss-c-brand-icon {
    width: 2rem;
    height: 2rem;
    color: unset;
  }
  .ss-c-footer-brand-section .ss-c-footer-brand-name {
    font-size: 1.125rem;
    font-weight: 600;
    color: #ffffff;
  }
  .ss-c-footer-copyright {
    font-size: 0.875rem;
    color: #a3a3a3;
    margin-bottom: unset;
  }
  .ss-c-footer-meta {
    font-size: 0.75rem;
    color: #525252;
  }
  .ss-c-info-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-info-container {
    max-width: unset;
    margin: 0 auto;
    padding: 0 unset;
  }
  .ss-c-info-card {
    max-width: unset;
    margin: 0 auto;
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
  }
  .ss-c-info-title {
    font-size: 1.125rem;
    margin-bottom: unset;
  }
  .ss-c-info-text {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
  }
  .ss-c-grid-container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  .ss-c-reveal {
    opacity: 0;
    transform: translateY(3.75rem);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .ss-c-reveal.ss-c-revealed {
    opacity: 1;
    transform: translateY(0);
  }
  .ss-c-reveal-delay-1 {
    transition-delay: 0.1s;
  }
  .ss-c-reveal-delay-2 {
    transition-delay: 0.2s;
  }
  .ss-c-reveal-delay-3 {
    transition-delay: 0.3s;
  }
  .ss-c-reveal-delay-4 {
    transition-delay: 0.4s;
  }
  .ss-c-reveal-scale {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .ss-c-reveal-scale.ss-c-revealed {
    opacity: 1;
    transform: scale(1);
  }
  .ss-c-reveal-left {
    opacity: 0;
    transform: translateX(-3.75rem);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .ss-c-reveal-left.ss-c-revealed {
    opacity: 1;
    transform: translateX(0);
  }
  .ss-c-reveal-right {
    opacity: 0;
    transform: translateX(3.75rem);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .ss-c-reveal-right.ss-c-revealed {
    opacity: 1;
    transform: translateX(0);
  }
  .ss-c-section-full {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ss-c-section-title-hero {
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.05;
  }
  @media (min-width: 48rem) {
    .ss-c-section-title-hero {
      font-size: 7rem;
    }
  }
  @media (min-width: 64rem) {
    .ss-c-section-title-hero {
      font-size: 9rem;
    }
  }
  .ss-c-header-logo {
    display: flex;
    align-items: center;
    gap: unset;
  }
  .ss-c-header-logo .ss-c-logo-image {
    height: 2rem;
    width: auto;
  }
  .ss-c-header-logo .ss-c-logo-text {
    font-size: 1.375rem;
    font-weight: 700;
    color: #0a0a0a;
  }
  .ss-c-header-logo .ss-c-logo-accent {
    font-weight: unset;
    color: #737373;
  }
  .ss-c-hero-portrait {
    position: relative;
    width: 18.75rem;
    height: 18.75rem;
    margin: 0 auto;
  }
  @media (min-width: 48rem) {
    .ss-c-hero-portrait {
      width: 25rem;
      height: 25rem;
    }
  }
  .ss-c-portrait-ring {
    position: absolute;
    border-radius: 50%;
    border: 0.0625rem solid rgba(10, 10, 10, 0.1);
  }
  .ss-c-portrait-ring-1 {
    inset: 0;
    animation: rotate 40s linear infinite;
  }
  .ss-c-portrait-ring-2 {
    inset: 12%;
    border-color: unset;
    animation: rotate 30s linear infinite reverse;
  }
  .ss-c-portrait-ring-3 {
    inset: 24%;
    border-color: unset;
    animation: rotate 20s linear infinite;
  }
  .ss-c-portrait-face {
    position: absolute;
    inset: 30%;
  }
  .ss-c-portrait-face svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 0 2.5rem unset);
  }
  .ss-c-portrait-pulse {
    position: absolute;
    inset: 35%;
    border-radius: 50%;
    background: unset;
    animation: pulse 4s ease-in-out infinite;
  }
  .ss-c-hero-metrics {
    display: flex;
    justify-content: center;
    gap: unset;
    margin-top: unset;
  }
  .ss-c-metric {
    text-align: center;
  }
  .ss-c-metric-value {
    display: block;
    font-size: 2.25rem;
    font-weight: 700;
    color: #0a0a0a;
  }
  @media (min-width: 48rem) {
    .ss-c-metric-value {
      font-size: 3rem;
    }
  }
  .ss-c-metric-label {
    font-size: 0.875rem;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-trust-bar {
    padding: unset 0;
    background: #fafafa;
    border-top: 0.0625rem solid #e5e5e5;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-trust-container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.5rem;
    text-align: center;
  }
  .ss-c-trust-label {
    font-size: 0.875rem;
    color: #737373;
    margin-bottom: unset;
  }
  .ss-c-trust-sectors {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: unset;
  }
  .ss-c-sector {
    font-size: 0.875rem;
    font-weight: 500;
    color: #525252;
  }
  .ss-c-sector-divider {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #d4d4d4;
  }
  .ss-c-values-section {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-value-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-value-description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
  }
  .ss-c-solutions-preview {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-solutions-grid {
    display: grid;
    gap: unset;
  }
  @media (min-width: 64rem) {
    .ss-c-solutions-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-solution-card {
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    padding: unset;
    display: flex;
    flex-direction: column;
    gap: unset;
    transition: all 300ms ease;
    position: relative;
    overflow: hidden;
  }
  .ss-c-solution-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.125rem;
    background: linear-gradient(90deg, transparent, unset, transparent);
    opacity: 0;
    transition: opacity 200ms ease;
  }
  .ss-c-solution-card:hover {
    border-color: #d4d4d4;
    transform: translateY(-0.5rem);
    box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.25rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-solution-card:hover::before {
    opacity: 1;
  }
  .ss-c-solution-category {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: unset;
  }
  .ss-c-solution-title {
    font-size: 1.75rem;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-solution-description {
    font-size: 1rem;
    color: #525252;
    line-height: 1.625;
  }
  .ss-c-solution-features {
    margin-top: auto;
  }
  .ss-c-solution-features li {
    display: flex;
    align-items: center;
    gap: unset;
    font-size: 0.875rem;
    color: #525252;
    padding: unset 0;
  }
  .ss-c-solution-features li::before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: unset;
  }
  .ss-c-solution-visual {
    display: flex;
    justify-content: center;
    padding: unset 0;
  }
  .ss-c-solution-icon-lg {
    width: 6.25rem;
    height: 6.25rem;
    color: #a3a3a3;
  }
  .ss-c-solution-icon-lg svg {
    width: 100%;
    height: 100%;
  }
  .ss-c-tech-teaser {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-tech-grid {
    display: grid;
    gap: unset;
    align-items: center;
  }
  @media (min-width: 64rem) {
    .ss-c-tech-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .ss-c-tech-description {
    font-size: 1.125rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-tech-highlights {
    margin-bottom: unset;
  }
  .ss-c-tech-highlights li {
    padding: unset 0;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-tech-highlights li:last-child {
    border-bottom: none;
  }
  .ss-c-tech-highlights li strong {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-tech-highlights li span {
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-tech-visual {
    display: flex;
    justify-content: center;
  }
  .ss-c-tech-diagram {
    position: relative;
    width: 22.5rem;
    height: 22.5rem;
  }
  .ss-c-diagram-layer {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0.0625rem solid #d4d4d4;
  }
  .ss-c-diagram-layer span {
    position: absolute;
    font-size: 0.75rem;
    font-weight: 500;
    color: #737373;
    white-space: nowrap;
  }
  .ss-c-diagram-layer-1 {
    inset: 0;
    border-color: unset;
  }
  .ss-c-diagram-layer-1 span {
    top: -unset;
  }
  .ss-c-diagram-layer-2 {
    inset: 15%;
  }
  .ss-c-diagram-layer-2 span {
    right: -unset;
  }
  .ss-c-diagram-layer-3 {
    inset: 30%;
    border-color: unset;
  }
  .ss-c-diagram-layer-3 span {
    bottom: -unset;
  }
  .ss-c-diagram-layer-4 {
    inset: 45%;
  }
  .ss-c-diagram-layer-4 span {
    left: -unset;
  }
  .ss-c-diagram-core {
    position: absolute;
    inset: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, unset, unset);
    border-radius: 50%;
    box-shadow: 0 0 3.75rem unset;
  }
  .ss-c-diagram-core span {
    font-size: 0.75rem;
    font-weight: 700;
    color: #ffffff;
  }
  .ss-c-ethics-statement {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-ethics-content {
    max-width: 56.25rem;
    margin: 0 auto;
    text-align: center;
  }
  .ss-c-ethics-title {
    font-size: 3rem;
    margin-bottom: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-ethics-title {
      font-size: 4rem;
    }
  }
  .ss-c-ethics-quote {
    font-family: Georgia, serif;
    font-size: 1.375rem;
    font-style: italic;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-ethics-quote {
      font-size: 1.75rem;
    }
  }
  .ss-c-ethics-principles {
    display: grid;
    gap: unset;
    text-align: left;
    margin-bottom: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-ethics-principles {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-principle {
    padding: unset;
    background: #ffffff;
    border-radius: 0;
    border: 0.0625rem solid #e5e5e5;
  }
  .ss-c-principle .ss-c-principle-number {
    font-size: 0.875rem;
    font-weight: 700;
    color: unset;
    margin-bottom: unset;
  }
  .ss-c-principle h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-principle p {
    font-size: 0.875rem;
    color: #525252;
  }
  .ss-c-tech-architecture {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-arch-number {
    font-size: 0.875rem;
    font-weight: 700;
    color: unset;
    margin-bottom: unset;
  }
  .ss-c-arch-specs li {
    display: flex;
    justify-content: space-between;
    padding: unset 0;
    font-size: 0.875rem;
    border-bottom: 0.0625rem solid #e5e5e5;
    color: #2d2d2d;
  }
  .ss-c-arch-specs li:last-child {
    border-bottom: none;
  }
  .ss-c-arch-specs li span {
    color: #737373;
  }
  .ss-c-sync-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-sync-grid {
    display: grid;
    gap: unset;
    align-items: center;
  }
  @media (min-width: 64rem) {
    .ss-c-sync-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .ss-c-sync-description {
    font-size: 1.125rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-sync-metrics {
    display: flex;
    gap: unset;
  }
  .ss-c-sync-metric {
    text-align: center;
  }
  .ss-c-sync-metric .ss-c-sync-value {
    display: block;
    font-size: 3rem;
    font-weight: 700;
    color: unset;
  }
  .ss-c-sync-metric .ss-c-sync-label {
    font-size: 0.875rem;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-sync-visual {
    display: flex;
    justify-content: center;
  }
  .ss-c-sync-diagram {
    position: relative;
    width: 20rem;
    height: 20rem;
  }
  .ss-c-sync-node {
    position: absolute;
    width: 5.625rem;
    height: 5.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 500;
    color: #525252;
    transition: all 200ms ease;
  }
  .ss-c-sync-node:hover {
    border-color: unset;
    box-shadow: 0 0 1.875rem unset;
  }
  .ss-c-sync-node-audio {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-sync-node-visual {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .ss-c-sync-node-emotion {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .ss-c-sync-node-language {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .ss-c-sync-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.875rem;
    height: 6.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, unset, unset);
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    color: #ffffff;
    box-shadow: 0 0 3.75rem unset;
  }
  .ss-c-customization-section {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-custom-grid {
    display: grid;
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-custom-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-custom-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-custom-item {
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    transition: all 200ms ease;
  }
  .ss-c-custom-item:hover {
    border-color: #d4d4d4;
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem -0.125rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-custom-item h4 {
    font-size: 1.125rem;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-custom-item p {
    font-size: 0.875rem;
    color: #525252;
  }
  .ss-c-integration-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-integration-grid {
    display: grid;
    gap: unset;
    align-items: center;
  }
  @media (min-width: 64rem) {
    .ss-c-integration-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .ss-c-integration-content .ss-c-section-label {
    color: unset;
  }
  .ss-c-integration-description {
    font-size: 1.125rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-integration-list li {
    padding: unset 0;
    font-size: 1rem;
    color: #2d2d2d;
  }
  .ss-c-integration-list li::before {
    content: "→";
    margin-right: unset;
    color: unset;
  }
  .ss-c-integration-code .ss-c-code-block {
    background: #0a0a0a;
    border: 0.0625rem solid #1a1a1a;
    border-radius: 0;
    overflow: hidden;
  }
  .ss-c-integration-code .ss-c-code-header {
    display: flex;
    align-items: center;
    gap: unset;
    padding: unset unset;
    background: #1a1a1a;
    border-bottom: 0.0625rem solid #2d2d2d;
  }
  .ss-c-integration-code .ss-c-code-dot {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: #525252;
  }
  .ss-c-integration-code .ss-c-code-dot:nth-child(1) {
    background: #ff5f56;
  }
  .ss-c-integration-code .ss-c-code-dot:nth-child(2) {
    background: #ffbd2e;
  }
  .ss-c-integration-code .ss-c-code-dot:nth-child(3) {
    background: #27c93f;
  }
  .ss-c-integration-code .ss-c-code-title {
    margin-left: auto;
    font-size: 0.75rem;
    color: #737373;
  }
  .ss-c-integration-code .ss-c-code-content {
    padding: unset;
    overflow-x: auto;
  }
  .ss-c-integration-code .ss-c-code-content code {
    font-family: Menlo, Monaco, monospace;
    font-size: 0.875rem;
    color: #d4d4d4;
    line-height: 1.625;
  }
  .ss-c-solution-detail {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-solution-detail-alt {
    background: #fafafa;
  }
  .ss-c-solution-detail-grid {
    display: grid;
    gap: unset;
    align-items: center;
  }
  @media (min-width: 64rem) {
    .ss-c-solution-detail-grid {
      grid-template-columns: 1fr 1fr;
    }
    .ss-c-solution-detail-grid-reverse {
      direction: rtl;
    }
    .ss-c-solution-detail-grid-reverse > * {
      direction: ltr;
    }
  }
  .ss-c-solution-badge {
    display: inline-block;
    padding: unset unset;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: 0;
    margin-bottom: unset;
  }
  .ss-c-solution-badge-healthcare {
    background: rgba(85, 154, 106, 0.15);
    color: #559a6a;
  }
  .ss-c-solution-badge-beauty {
    background: rgba(197, 114, 141, 0.15);
    color: #c5728d;
  }
  .ss-c-solution-badge-wellness {
    background: rgba(167, 124, 185, 0.15);
    color: #a77cb9;
  }
  .ss-c-solution-badge-enterprise {
    background: rgba(81, 146, 200, 0.15);
    color: #5192c8;
  }
  .ss-c-solution-detail-title {
    font-size: 2.25rem;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-solution-detail-title {
      font-size: 3rem;
    }
  }
  .ss-c-solution-detail-description {
    font-size: 1.125rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-use-case {
    padding: unset;
    background: #ffffff;
    border-radius: 0;
    border: 0.0625rem solid #e5e5e5;
  }
  .ss-c-use-case h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-use-case p {
    font-size: 0.875rem;
    color: #525252;
  }
  .ss-c-compliance-badges {
    display: flex;
    flex-wrap: wrap;
    gap: unset;
  }
  .ss-c-compliance-badge {
    padding: unset unset;
    font-size: 0.75rem;
    font-weight: 500;
    background: #f2f2f2;
    color: #525252;
    border-radius: 0;
  }
  .ss-c-solution-detail-visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: unset;
  }
  .ss-c-solution-illustration {
    width: 15rem;
    height: 15rem;
    color: #525252;
  }
  @media (min-width: 48rem) {
    .ss-c-solution-illustration {
      width: 20rem;
      height: 20rem;
    }
  }
  .ss-c-solution-illustration svg {
    width: 100%;
    height: 100%;
  }
  .ss-c-solution-stat {
    text-align: center;
    max-width: 13.75rem;
  }
  .ss-c-solution-stat-value {
    display: block;
    font-size: 4rem;
    font-weight: 700;
    color: unset;
    margin-bottom: unset;
  }
  .ss-c-solution-stat-label {
    font-size: 0.875rem;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-principles-section {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-transparency-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-transparency-grid {
    display: grid;
    gap: unset;
  }
  @media (min-width: 64rem) {
    .ss-c-transparency-grid {
      grid-template-columns: 1fr 1fr;
      align-items: start;
    }
  }
  .ss-c-transparency-description {
    font-size: 1.125rem;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-transparency-list li {
    padding: unset 0;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-transparency-list li:last-child {
    border-bottom: none;
  }
  .ss-c-transparency-list li h4 {
    font-size: 1rem;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-transparency-list li p {
    font-size: 0.875rem;
    color: #525252;
  }
  .ss-c-transparency-card {
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    padding: unset;
  }
  .ss-c-transparency-card h4 {
    font-size: 1.375rem;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-transparency-card > p {
    font-size: 1rem;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-report-highlights {
    margin-bottom: unset;
  }
  .ss-c-report-highlights li {
    padding: unset 0;
    font-size: 0.875rem;
    color: #2d2d2d;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-report-highlights li:last-child {
    border-bottom: none;
  }
  .ss-c-sensitive-section {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-sensitive-grid {
    display: grid;
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-sensitive-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .ss-c-sensitive-card {
    padding: unset;
    background: #ffffff;
    border-radius: 0;
    border-left: 0.1875rem solid unset;
  }
  .ss-c-sensitive-card h4 {
    font-size: 1.125rem;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-sensitive-card p {
    font-size: 0.875rem;
    color: #525252;
  }
  .ss-c-advisory-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-advisory-grid {
    display: grid;
    gap: unset;
    align-items: center;
  }
  @media (min-width: 64rem) {
    .ss-c-advisory-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .ss-c-advisory-content .ss-c-section-label {
    color: unset;
  }
  .ss-c-advisory-description {
    font-size: 1.125rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-advisory-quote blockquote {
    font-family: Georgia, serif;
    font-size: 1.375rem;
    font-style: italic;
    color: #2d2d2d;
    line-height: 1.625;
    margin-bottom: unset;
    padding-left: unset;
    border-left: 0.125rem solid unset;
  }
  .ss-c-advisory-quote cite {
    font-size: 0.875rem;
    color: #737373;
    font-style: normal;
  }
  .ss-c-ethics-contact {
    padding: unset 0;
    background: #0a0a0a;
    text-align: center;
  }
  .ss-c-ethics-contact-content {
    max-width: 40.625rem;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  .ss-c-ethics-contact-content h2 {
    font-size: 2.25rem;
    color: #ffffff;
    margin-bottom: unset;
  }
  .ss-c-ethics-contact-content p {
    font-size: 1.125rem;
    color: #d4d4d4;
    margin-bottom: unset;
  }
  .ss-c-ethics-contact-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: unset;
  }
  .ss-c-mission-section {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-mission-title {
    font-size: 3rem;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-mission-title {
      font-size: 4rem;
    }
  }
  .ss-c-mission-description {
    font-size: 1.125rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-mission-values {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-mission-value {
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    text-align: center;
    transition: all 200ms ease;
  }
  .ss-c-mission-value:hover {
    border-color: unset;
  }
  .ss-c-mission-value .ss-c-value-word {
    font-size: 2.25rem;
    font-weight: 700;
    color: unset;
  }
  .ss-c-story-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-story-content {
    max-width: 56.25rem;
    margin: 0 auto;
  }
  .ss-c-story-timeline {
    margin-top: unset;
  }
  .ss-c-team-section {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-team-disciplines {
    display: grid;
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-team-disciplines {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-team-disciplines {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-discipline-card {
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    transition: all 200ms ease;
  }
  .ss-c-discipline-card:hover {
    border-color: #d4d4d4;
  }
  .ss-c-discipline-card h4 {
    font-size: 1.125rem;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-discipline-card p {
    font-size: 0.875rem;
    color: #525252;
  }
  .ss-c-backed-section {
    padding: unset 0;
    background: #fafafa;
    text-align: center;
  }
  .ss-c-backed-content {
    max-width: 50rem;
    margin: 0 auto;
  }
  .ss-c-backed-description {
    font-size: 1.125rem;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-backed-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: unset;
  }
  .ss-c-backer-placeholder {
    padding: unset unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: #737373;
  }
  .ss-c-join-section {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-join-grid {
    display: grid;
    gap: unset;
  }
  @media (min-width: 64rem) {
    .ss-c-join-grid {
      grid-template-columns: 1fr 1fr;
      align-items: start;
    }
  }
  .ss-c-join-title {
    font-size: 3rem;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-join-description {
    font-size: 1.125rem;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-join-values {
    padding: unset;
    background: #fafafa;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
  }
  .ss-c-join-values h4 {
    font-size: 1.375rem;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-join-values ul li {
    padding: unset 0;
    font-size: 1rem;
    color: #2d2d2d;
  }
  .ss-c-join-values ul li::before {
    content: "";
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: unset;
    margin-right: unset;
  }
  .ss-c-contact-cards-grid {
    display: grid;
    gap: unset;
    grid-template-columns: 1fr;
  }
  @media (min-width: 40rem) {
    .ss-c-contact-cards-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-contact-cards-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-contact-email {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    color: unset;
    transition: color 150ms ease;
  }
  .ss-c-contact-email:hover {
    color: unset;
  }
  .ss-c-location-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-location-grid {
    display: grid;
    gap: unset;
    align-items: center;
  }
  @media (min-width: 48rem) {
    .ss-c-location-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .ss-c-location-info address {
    font-style: normal;
    font-size: 1.125rem;
    color: #2d2d2d;
    line-height: 1.625;
    margin-top: unset;
  }
  .ss-c-location-info address strong {
    color: #0a0a0a;
  }
  .ss-c-location-map .ss-c-map-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: unset;
    background: #ffffff;
    border: 0.0625rem solid #e5e5e5;
    border-radius: 0;
    color: #a3a3a3;
  }
  .ss-c-location-map .ss-c-map-placeholder svg {
    width: 100%;
    max-width: 12.5rem;
    height: auto;
    margin-bottom: unset;
  }
  .ss-c-location-map .ss-c-map-placeholder span {
    font-size: 0.875rem;
    font-weight: 500;
    color: #737373;
  }
  .ss-c-faq-section {
    padding: unset 0;
    background: #fafafa;
  }
  .ss-c-faq-grid {
    display: grid;
    gap: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-faq-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .ss-c-footer-nav h4 {
    font-size: 0.875rem;
    font-weight: 600;
    color: #d4d4d4;
    margin-bottom: unset;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-footer-nav ul li {
    margin-bottom: unset;
  }
  .ss-c-footer-nav a {
    font-size: 0.875rem;
    color: #737373;
    transition: color 150ms ease;
  }
  .ss-c-footer-nav a:hover {
    color: #ffffff;
  }
  .ss-c-product-showcase {
    padding: unset 0;
    background: #000000;
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
  .ss-c-showcase-container {
    max-width: 87.5rem;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    gap: unset;
    align-items: center;
  }
  @media (min-width: 64rem) {
    .ss-c-showcase-container {
      grid-template-columns: 1fr 1.2fr;
    }
  }
  .ss-c-showcase-info .ss-c-showcase-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: unset;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: unset;
  }
  .ss-c-showcase-info .ss-c-showcase-title {
    font-size: 4rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-showcase-info .ss-c-showcase-title {
      font-size: 5.5rem;
    }
  }
  .ss-c-showcase-info .ss-c-showcase-description {
    font-size: 1.125rem;
    color: #a3a3a3;
    line-height: 1.625;
    max-width: 31.25rem;
  }
  .ss-c-showcase-visual {
    position: relative;
    min-height: 31.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ss-c-showcase-image {
    position: relative;
    width: 100%;
    max-width: 31.25rem;
  }
  .ss-c-showcase-image img {
    width: 100%;
    height: auto;
    border-radius: 0;
  }
  .ss-c-showcase-parts {
    display: flex;
    flex-direction: column;
    gap: unset;
    margin-top: unset;
  }
  .ss-c-showcase-part {
    padding: unset unset;
    background: #0a0a0a;
    border: 0.0625rem solid #1a1a1a;
    border-radius: 0;
    cursor: pointer;
    transition: all 200ms ease;
  }
  .ss-c-showcase-part:hover, .ss-c-showcase-part.active {
    border-color: unset;
    background: #1a1a1a;
  }
  .ss-c-showcase-part h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: unset;
  }
  .ss-c-showcase-part p {
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-skip-section {
    position: fixed;
    bottom: unset;
    right: unset;
    padding: unset unset;
    background: rgba(10, 10, 10, 0.9);
    border: 0.0625rem solid #2d2d2d;
    border-radius: 0;
    font-size: 0.875rem;
    color: #a3a3a3;
    cursor: pointer;
    transition: all 200ms ease;
    z-index: 50;
    backdrop-filter: blur(0.625rem);
  }
  .ss-c-skip-section:hover {
    color: #ffffff;
    border-color: #525252;
  }
  .ss-c-legal-document {
    max-width: 50rem;
    margin: 0 auto;
  }
  .ss-c-legal-section {
    margin-bottom: unset;
  }
  .ss-c-legal-section h2 {
    font-size: 1.75rem;
    font-weight: 600;
    color: #0a0a0a;
    margin-bottom: unset;
    padding-bottom: unset;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .ss-c-legal-section h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-top: unset;
    margin-bottom: unset;
  }
  .ss-c-legal-section p {
    font-size: 1rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
  }
  .ss-c-legal-section ul, .ss-c-legal-section ol {
    margin-bottom: unset;
    padding-left: unset;
  }
  .ss-c-legal-section ul li, .ss-c-legal-section ol li {
    font-size: 1rem;
    color: #525252;
    line-height: 1.625;
    margin-bottom: unset;
    position: relative;
  }
  .ss-c-legal-section ul li::before, .ss-c-legal-section ol li::before {
    content: "•";
    position: absolute;
    left: -unset;
    color: unset;
  }
  .ss-c-legal-section ul li strong, .ss-c-legal-section ol li strong {
    color: #1a1a1a;
  }
  .ss-c-legal-section ol {
    counter-reset: item;
  }
  .ss-c-legal-section ol li::before {
    content: counter(item) ".";
    counter-increment: item;
    color: unset;
  }
  .ss-c-legal-section a {
    color: unset;
  }
  .ss-c-legal-section a:hover {
    text-decoration: underline;
  }
  .ss-c-legal-section address {
    font-style: normal;
    font-size: 1rem;
    color: #525252;
    line-height: 1.625;
  }
  .ss-c-legal-section address a {
    color: unset;
  }
  .ss-c-scroll-fade {
    opacity: 0;
    transform: translateY(2.5rem);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .ss-c-scroll-fade.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .ss-c-scroll-fade.ss-c-scroll-fade-delay-1 {
    transition-delay: 0.1s;
  }
  .ss-c-scroll-fade.ss-c-scroll-fade-delay-2 {
    transition-delay: 0.2s;
  }
  .ss-c-scroll-fade.ss-c-scroll-fade-delay-3 {
    transition-delay: 0.3s;
  }
  .ss-c-scroll-fade.ss-c-scroll-fade-delay-4 {
    transition-delay: 0.4s;
  }
  .ss-c-scroll-card {
    --parallax-y: 0;
    --parallax-scale: 1;
    opacity: 0;
    transform: translateY(3.75rem) scale(0.95);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s ease;
    will-change: transform, opacity;
  }
  .ss-c-scroll-card.is-visible {
    opacity: 1;
    transform: translateY(var(--parallax-y)) scale(var(--parallax-scale));
  }
  .ss-c-showcase-header {
    background: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
  }
  .ss-c-showcase-gallery {
    padding: unset 0 unset;
    background: #fafafa;
  }
  .ss-c-portrait-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: unset;
  }
  @media (min-width: 40rem) {
    .ss-c-portrait-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: unset;
    }
  }
  @media (min-width: 48rem) {
    .ss-c-portrait-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-portrait-grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @media (min-width: 80rem) {
    .ss-c-portrait-grid {
      grid-template-columns: repeat(5, 1fr);
    }
  }
  .ss-c-portrait-card {
    background: #ffffff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0.0625rem 0.1875rem rgba(10, 10, 10, 0.08);
  }
  .ss-c-portrait-card:hover {
    box-shadow: 0 1.25rem 3.75rem rgba(10, 10, 10, 0.15);
  }
  .ss-c-portrait-card:hover .ss-c-portrait-media .ss-c-portrait-placeholder,
  .ss-c-portrait-card:hover .ss-c-portrait-media .ss-c-portrait-video,
  .ss-c-portrait-card:hover .ss-c-portrait-media .ss-c-portrait-image-src {
    transform: scale(1.05);
  }
  .ss-c-portrait-card:hover .ss-c-portrait-media .ss-c-portrait-overlay {
    opacity: 1;
  }
  .ss-c-portrait-media {
    position: relative;
    aspect-ratio: 3/4;
    background: linear-gradient(135deg, #f2f2f2 0%, #e5e5e5 100%);
    overflow: hidden;
  }
  .ss-c-portrait-media .ss-c-portrait-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .ss-c-portrait-media .ss-c-portrait-placeholder svg {
    width: 50%;
    height: auto;
    color: #a3a3a3;
  }
  .ss-c-portrait-media .ss-c-portrait-video,
  .ss-c-portrait-media .ss-c-portrait-image-src {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .ss-c-portrait-media .ss-c-portrait-video {
    background: #0a0a0a;
  }
  .ss-c-portrait-media .ss-c-portrait-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(10, 10, 10, 0.8) 100%);
    display: flex;
    align-items: flex-end;
    padding: unset;
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  .ss-c-portrait-traits {
    display: flex;
    flex-wrap: wrap;
    gap: unset;
  }
  .ss-c-trait-tag {
    padding: unset unset;
    font-size: 0.75rem;
    font-weight: 500;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(0.5rem);
    border-radius: 0;
    border: 0.0625rem solid rgba(255, 255, 255, 0.1);
  }
  .ss-c-portrait-info {
    padding: unset;
  }
  .ss-c-portrait-name {
    font-size: 1rem;
    font-weight: 600;
    color: #0a0a0a;
    margin-bottom: unset;
  }
  .ss-c-portrait-role {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: unset;
    margin-bottom: unset;
  }
  .ss-c-portrait-specialty {
    display: block;
    font-size: 0.75rem;
    color: #737373;
    margin-bottom: unset;
  }
  .ss-c-portrait-description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.625;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .ss-c-showcase-stats {
    padding: unset 0;
    background: #ffffff;
  }
  .ss-c-noise-overlay {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: var(--z-overlay);
    opacity: 0.03;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  }
  .ss-c-scanlines {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: var(--z-overlay);
    background: repeating-linear-gradient(0deg, transparent, transparent 0.125rem, rgba(0, 0, 0, 0.03) 0.125rem, rgba(0, 0, 0, 0.03) 0.25rem);
  }
  .ss-c-data-card {
    background: var(--color-surface-elevated);
    border: 0.0625rem solid var(--color-border);
    padding: var(--space-8);
  }
  .ss-c-data-card__header {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-8);
    padding-bottom: var(--space-4);
    border-bottom: 0.0625rem solid var(--color-border);
  }
  .ss-c-data-card__icon {
    color: var(--color-accent);
    font-size: var(--text-lg);
  }
  .ss-c-data-card__label {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    color: var(--color-gray-400);
  }
  .ss-c-data-card__content {
    display: grid;
    gap: var(--space-6);
  }
  .ss-c-data-card__stat {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }
  .ss-c-data-card__value {
    font-family: var(--font-mono);
    font-size: var(--text-4xl);
    font-weight: var(--weight-bold);
    color: var(--color-accent);
    line-height: var(--leading-none);
  }
  .ss-c-data-card__description {
    font-size: var(--text-sm);
    color: var(--color-gray-400);
  }
  .ss-c-detail-card {
    padding: var(--space-6);
    background: var(--color-dark);
    border: 0.0625rem solid var(--color-border);
  }
  .ss-c-detail-card__icon {
    font-size: var(--text-2xl);
    color: var(--color-accent);
    margin-bottom: var(--space-4);
  }
  .ss-c-detail-card__title {
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-2);
  }
  .ss-c-detail-card__text {
    font-size: var(--text-sm);
    color: var(--color-gray-400);
    line-height: var(--leading-relaxed);
  }
  .ss-c-mission-card {
    padding: var(--space-8);
    background: var(--color-dark);
    border: 0.0625rem solid var(--color-border);
  }
  .ss-c-mission-card--accent {
    border-color: var(--color-accent);
    background: linear-gradient(135deg, var(--color-dark) 0%, rgba(0, 255, 136, 0.05) 100%);
  }
  .ss-c-mission-card__icon {
    font-size: var(--text-3xl);
    color: var(--color-accent);
    margin-bottom: var(--space-4);
  }
  .ss-c-mission-card__title {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-4);
  }
  .ss-c-mission-card__content {
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    color: var(--color-gray-400);
  }
  .ss-c-mission-card__content p {
    margin-bottom: var(--space-4);
  }
  .ss-c-mission-card__content p:last-child {
    margin-bottom: 0;
  }
  .ss-c-approach-card {
    padding: var(--space-6);
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    transition: border-color var(--duration-fast);
  }
  .ss-c-approach-card:hover {
    border-color: var(--color-accent);
  }
  .ss-c-approach-card__number {
    display: block;
    font-family: var(--font-mono);
    font-size: var(--text-3xl);
    font-weight: var(--weight-bold);
    color: var(--color-accent);
    margin-bottom: var(--space-4);
  }
  .ss-c-approach-card__title {
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-2);
  }
  .ss-c-approach-card__text {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--color-gray-400);
  }
  .ss-c-theme-tag {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    padding: var(--space-2) var(--space-4);
    background: var(--color-dark);
    border: 0.0625rem solid var(--color-border);
    color: var(--color-gray-300);
    transition: all var(--duration-fast);
  }
  .ss-c-theme-tag:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
  }
  .ss-c-social-link {
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-dark);
    border: 0.0625rem solid var(--color-border);
    color: var(--color-gray-400);
    font-size: var(--text-lg);
    transition: all var(--duration-fast);
  }
  .ss-c-social-link:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
  }
  .ss-c-player-controls {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
  }
  .ss-c-player-controls__progress {
    display: flex;
    align-items: center;
    gap: var(--space-4);
  }
  .ss-c-player-controls__progress-bar {
    flex: 1;
    height: 0.25rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.125rem;
    position: relative;
    cursor: pointer;
  }
  .ss-c-player-controls__progress-bar:hover {
    height: 0.375rem;
  }
  .ss-c-player-controls__progress-fill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0%;
    background: var(--color-accent);
    border-radius: 0.125rem;
    transition: width 0.1s linear;
  }
  .ss-c-player-controls__progress-handle {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 0.75rem;
    height: 0.75rem;
    background: var(--color-accent);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity var(--duration-fast);
  }
  .ss-c-player-controls__progress-bar:hover .ss-c-player-controls__progress-handle {
    opacity: 1;
  }
  .ss-c-player-controls__time {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--color-gray-400);
    display: flex;
    gap: var(--space-1);
  }
  .ss-c-player-controls__buttons {
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }
  .ss-c-player-controls__spacer {
    flex: 1;
  }
  .ss-c-player-btn {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    border-radius: var(--radius-md);
    transition: all var(--duration-fast);
  }
  .ss-c-player-btn svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ss-c-player-btn:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  .ss-c-player-btn--play {
    width: 3.5rem;
    height: 3.5rem;
    background: var(--color-white);
    color: var(--color-black);
    border-radius: 50%;
  }
  .ss-c-player-btn--play:hover {
    background: var(--color-gray-200);
    transform: scale(1.05);
  }
  .ss-c-player-btn--play svg {
    width: 1.75rem;
    height: 1.75rem;
  }
  .ss-c-speckle-main {
    min-height: 100vh;
  }
  .ss-c-site-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .ss-c-site-nav__logo {
    font-family: var(--font-mono);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-widest);
    color: var(--color-white);
    text-decoration: none;
    transition: color var(--duration-fast);
  }
  .ss-c-site-nav__logo:hover {
    color: var(--color-accent);
  }
  .ss-c-site-nav__menu {
    display: flex;
    list-style: none;
    gap: var(--space-6);
  }
  @media (max-width: 39.9375rem) {
    .ss-c-site-nav__menu {
      gap: var(--space-4);
    }
  }
  .ss-c-site-nav__link {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-wider);
    color: var(--color-gray-400);
    text-decoration: none;
    text-transform: uppercase;
    transition: color var(--duration-fast);
  }
  .ss-c-site-nav__link:hover {
    color: var(--color-accent);
  }
  .ss-c-about-intro {
    padding: var(--space-16) 0;
    background: var(--color-black);
  }
  .ss-c-about-intro__content {
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--color-gray-300);
  }
  .ss-c-about-intro__content p {
    margin-bottom: var(--space-6);
  }
  .ss-c-about-intro__lead {
    font-size: var(--text-xl);
    color: var(--color-white);
    margin-bottom: var(--space-8);
  }
  @media (min-width: 48rem) {
    .ss-c-about-intro__lead {
      font-size: var(--text-2xl);
    }
  }
  .ss-c-about-approach {
    padding: var(--space-16) 0;
    background: var(--color-black);
  }
  .ss-c-about-approach__header {
    text-align: center;
    margin-bottom: var(--space-12);
  }
  .ss-c-about-approach__title {
    font-size: var(--text-2xl);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-2);
  }
  @media (min-width: 48rem) {
    .ss-c-about-approach__title {
      font-size: var(--text-3xl);
    }
  }
  .ss-c-about-approach__subtitle {
    font-size: var(--text-lg);
    color: var(--color-gray-400);
  }
  .ss-c-approach-grid {
    display: grid;
    gap: var(--space-6);
  }
  @media (min-width: 48rem) {
    .ss-c-approach-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-approach-grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .ss-c-about-themes {
    padding: var(--space-16) 0;
    background: var(--color-surface);
  }
  .ss-c-about-themes__header {
    text-align: center;
    margin-bottom: var(--space-8);
  }
  .ss-c-about-themes__title {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
  }
  .ss-c-themes-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-3);
  }
  .ss-c-about-cta {
    padding: var(--space-16) 0;
    background: var(--color-black);
  }
  .ss-c-about-cta__box {
    text-align: center;
    padding: var(--space-12);
    background: linear-gradient(135deg, var(--color-surface) 0%, var(--color-dark) 100%);
    border: 0.0625rem solid var(--color-border);
  }
  .ss-c-about-cta__title {
    font-size: var(--text-2xl);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-4);
  }
  @media (min-width: 48rem) {
    .ss-c-about-cta__title {
      font-size: var(--text-3xl);
    }
  }
  .ss-c-about-cta__text {
    font-size: var(--text-lg);
    color: var(--color-gray-400);
    margin-bottom: var(--space-8);
    max-width: 31.25rem;
    margin-left: auto;
    margin-right: auto;
  }
  .ss-c-about-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-4);
  }
  .ss-c-newsletter-section {
    padding: var(--space-16) 0;
    background: var(--color-black);
  }
  .ss-c-newsletter-box {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    padding: var(--space-8);
    background: linear-gradient(135deg, var(--color-surface) 0%, rgba(0, 255, 136, 0.05) 100%);
    border: 0.0625rem solid var(--color-accent);
  }
  @media (min-width: 48rem) {
    .ss-c-newsletter-box {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  }
  .ss-c-newsletter-box__content {
    flex: 1;
  }
  .ss-c-newsletter-box__title {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-2);
  }
  .ss-c-newsletter-box__text {
    color: var(--color-gray-400);
  }
  .ss-c-newsletter-box__form {
    display: flex;
    gap: var(--space-3);
    flex-shrink: 0;
  }
  @media (max-width: 47.9375rem) {
    .ss-c-newsletter-box__form {
      flex-direction: column;
    }
  }
  .ss-c-newsletter-box__input {
    padding: var(--space-3) var(--space-4);
    background: var(--color-dark);
    border: 0.0625rem solid var(--color-border);
    color: var(--color-white);
    min-width: 15.625rem;
  }
  .ss-c-newsletter-box__input::placeholder {
    color: var(--color-gray-500);
  }
  .ss-c-newsletter-box__input:focus {
    outline: none;
    border-color: var(--color-accent);
  }
  .ss-c-content-page {
    min-height: 100vh;
    padding-top: var(--space-20);
    padding-bottom: 0;
    background: var(--color-black);
  }
  .ss-c-content-page__header {
    margin-bottom: var(--space-16);
    padding-bottom: var(--space-8);
    border-bottom: 0.0625rem solid var(--color-border);
  }
  .ss-c-content-page__title {
    font-size: var(--text-4xl);
    font-weight: var(--weight-black);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
    margin-bottom: var(--space-4);
  }
  @media (min-width: 48rem) {
    .ss-c-content-page__title {
      font-size: var(--text-5xl);
    }
  }
  .ss-c-content-page__description {
    font-size: var(--text-lg);
    color: var(--color-gray-400);
    max-width: 37.5rem;
  }
  .ss-c-content-page__body .ss-c-container--narrow {
    max-width: 50rem;
  }
  .ss-c-cta-block {
    display: grid;
    gap: var(--space-12);
    align-items: center;
  }
  @media (min-width: 56.25rem) {
    .ss-c-cta-block {
      grid-template-columns: 1fr 1fr;
    }
  }
  .ss-c-cta-block__label {
    display: inline-block;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
    color: var(--color-accent);
    margin-bottom: var(--space-4);
  }
  .ss-c-cta-block__title {
    font-size: var(--text-3xl);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-6);
  }
  @media (min-width: 48rem) {
    .ss-c-cta-block__title {
      font-size: var(--text-4xl);
    }
  }
  .ss-c-cta-block__text {
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--color-gray-300);
    margin-bottom: var(--space-8);
  }
  .ss-c-cta-block__visual {
    display: flex;
    justify-content: center;
  }
  .ss-c-cta-block__frame {
    width: 100%;
    max-width: 25rem;
    aspect-ratio: 16/9;
    background: linear-gradient(135deg, var(--color-surface-elevated), var(--color-dark));
    border: 0.0625rem solid var(--color-border);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .ss-c-cta-block__frame::before {
    content: "▶";
    font-size: 3rem;
    color: var(--color-accent);
    opacity: 0.5;
  }
  .ss-c-cta-block__frame-label {
    position: absolute;
    top: var(--space-4);
    left: var(--space-4);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: var(--tracking-wider);
    color: var(--color-gray-500);
    padding: var(--space-1) var(--space-2);
    border: 0.0625rem solid var(--color-border);
  }
  .ss-c-episodes-section {
    padding: var(--space-16) 0;
    background: var(--color-black);
  }
  .ss-c-episodes-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-8);
    padding-bottom: var(--space-4);
    border-bottom: 0.0625rem solid var(--color-border);
  }
  .ss-c-episodes-controls__count {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--color-gray-400);
  }
  .ss-c-episodes-controls__filters {
    display: flex;
    gap: var(--space-2);
  }
  .ss-c-episodes-grid {
    display: grid;
    gap: var(--space-6);
    grid-template-columns: 1fr;
  }
  @media (min-width: 40rem) {
    .ss-c-episodes-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: 64rem) {
    .ss-c-episodes-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-episode-card {
    position: relative;
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    transition: all var(--duration-normal);
  }
  .ss-c-episode-card:hover {
    border-color: var(--color-accent);
    transform: translateY(-0.25rem);
  }
  .ss-c-episode-card:hover .ss-c-episode-card__overlay {
    opacity: 1;
  }
  .ss-c-episode-card--featured {
    grid-column: 1/-1;
  }
  @media (min-width: 40rem) {
    .ss-c-episode-card--featured {
      grid-column: span 2;
    }
  }
  .ss-c-episode-card--featured .ss-c-episode-card__thumbnail {
    aspect-ratio: 21/9;
  }
  .ss-c-episode-card__link {
    display: block;
    text-decoration: none;
    color: inherit;
  }
  .ss-c-episode-card__visual {
    position: relative;
  }
  .ss-c-episode-card__thumbnail {
    aspect-ratio: 16/9;
    background: linear-gradient(135deg, var(--color-surface-elevated) 0%, var(--color-dark) 100%);
  }
  .ss-c-episode-card__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity var(--duration-fast);
  }
  .ss-c-episode-card__play {
    width: 3.75rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-accent);
    color: var(--color-black);
    font-size: var(--text-xl);
    border-radius: 50%;
  }
  .ss-c-episode-card__badge {
    position: absolute;
    top: var(--space-3);
    left: var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-wider);
    padding: var(--space-1) var(--space-2);
    background: var(--color-black);
    border: 0.0625rem solid var(--color-accent);
    color: var(--color-accent);
  }
  .ss-c-episode-card__featured-badge, .ss-c-episode-card__coming-soon {
    position: absolute;
    top: var(--space-3);
    right: var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-wider);
    padding: var(--space-1) var(--space-2);
  }
  .ss-c-episode-card__featured-badge {
    background: var(--color-accent);
    color: var(--color-black);
  }
  .ss-c-episode-card__coming-soon {
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    color: var(--color-gray-400);
  }
  .ss-c-episode-card__content {
    padding: var(--space-4);
  }
  .ss-c-episode-card__title {
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-tight);
    margin-bottom: var(--space-2);
  }
  .ss-c-episode-card__meta {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-gray-500);
    margin-bottom: var(--space-3);
  }
  .ss-c-episode-card__divider {
    color: var(--color-gray-600);
  }
  .ss-c-episode-card__themes {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
  }
  .ss-c-episode-card__theme {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    padding: var(--space-1) var(--space-2);
    background: var(--color-surface-elevated);
    border: 0.0625rem solid var(--color-border);
    color: var(--color-gray-400);
  }
  .ss-c-episode-hero {
    position: relative;
    min-height: 80vh;
    display: flex;
    align-items: center;
    padding: var(--space-20) 0;
  }
  .ss-c-episode-hero__background {
    position: absolute;
    inset: 0;
    z-index: -1;
  }
  .ss-c-episode-hero__gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, var(--color-black) 0%, transparent 60%), linear-gradient(to top, var(--color-black) 0%, transparent 40%), linear-gradient(135deg, var(--color-dark) 0%, var(--color-black) 100%);
  }
  .ss-c-episode-hero__layout {
    display: grid;
    gap: var(--space-12);
    align-items: center;
  }
  @media (min-width: 64rem) {
    .ss-c-episode-hero__layout {
      grid-template-columns: 1fr 1fr;
    }
  }
  .ss-c-episode-hero__player {
    order: 2;
  }
  @media (min-width: 64rem) {
    .ss-c-episode-hero__player {
      order: 1;
    }
  }
  .ss-c-episode-hero__info {
    order: 1;
  }
  @media (min-width: 64rem) {
    .ss-c-episode-hero__info {
      order: 2;
    }
  }
  .ss-c-episode-hero__badge {
    display: inline-block;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-wider);
    padding: var(--space-2) var(--space-4);
    background: var(--color-accent-glow);
    border: 0.0625rem solid var(--color-accent);
    color: var(--color-accent);
    margin-bottom: var(--space-4);
  }
  .ss-c-episode-hero__title {
    font-size: var(--text-4xl);
    font-weight: var(--weight-black);
    letter-spacing: var(--tracking-tight);
    margin-bottom: var(--space-4);
  }
  @media (min-width: 48rem) {
    .ss-c-episode-hero__title {
      font-size: var(--text-5xl);
    }
  }
  .ss-c-episode-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--color-gray-400);
  }
  .ss-c-episode-hero__meta-divider {
    color: var(--color-gray-600);
  }
  .ss-c-episode-hero__themes {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-bottom: var(--space-6);
  }
  .ss-c-episode-hero__theme {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    padding: var(--space-1) var(--space-3);
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    color: var(--color-gray-300);
  }
  .ss-c-episode-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
  }
  .ss-c-episode-player {
    aspect-ratio: 16/9;
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    position: relative;
  }
  .ss-c-episode-player__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    background: linear-gradient(135deg, var(--color-surface-elevated) 0%, var(--color-dark) 100%);
  }
  .ss-c-episode-player__play-btn {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-accent);
    color: var(--color-black);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: transform var(--duration-fast);
  }
  .ss-c-episode-player__play-btn svg {
    width: 2rem;
    height: 2rem;
  }
  .ss-c-episode-player__play-btn:hover {
    transform: scale(1.1);
  }
  .ss-c-episode-player__label {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--color-gray-400);
  }
  .ss-c-episode-synopsis {
    padding: var(--space-16) 0;
    background: var(--color-black);
  }
  .ss-c-episode-synopsis__title {
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
    color: var(--color-accent);
    margin-bottom: var(--space-6);
  }
  .ss-c-episode-synopsis__content {
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--color-gray-300);
  }
  .ss-c-episode-synopsis__content p {
    margin-bottom: var(--space-4);
  }
  .ss-c-episode-credits {
    margin-top: var(--space-8);
    padding-top: var(--space-6);
    border-top: 0.0625rem solid var(--color-border);
    display: flex;
    gap: var(--space-8);
  }
  .ss-c-episode-credits__item {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }
  .ss-c-episode-credits__label {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: var(--tracking-wider);
    color: var(--color-gray-500);
    text-transform: uppercase;
  }
  .ss-c-episode-credits__value {
    font-size: var(--text-base);
    color: var(--color-white);
  }
  .ss-c-episode-details {
    padding: var(--space-16) 0;
    background: var(--color-surface);
  }
  .ss-c-episode-details__grid {
    display: grid;
    gap: var(--space-6);
    grid-template-columns: 1fr;
  }
  @media (min-width: 48rem) {
    .ss-c-episode-details__grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .ss-c-episode-nav {
    padding: var(--space-16) 0;
    background: var(--color-black);
  }
  .ss-c-episode-nav__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-8);
  }
  .ss-c-episode-nav__title {
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
  }
  .ss-c-episode-nav__link {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--color-accent);
    transition: color var(--duration-fast);
  }
  .ss-c-episode-nav__link:hover {
    color: var(--color-white);
  }
  .ss-c-episode-nav__grid {
    display: grid;
    gap: var(--space-4);
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 48rem) {
    .ss-c-episode-nav__grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .ss-c-episode-nav__card {
    padding: var(--space-4);
    background: var(--color-surface);
    border: 0.0625rem solid var(--color-border);
    transition: border-color var(--duration-fast);
  }
  .ss-c-episode-nav__card:hover {
    border-color: var(--color-gray-500);
  }
  .ss-c-episode-nav__badge {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-accent);
    margin-bottom: var(--space-2);
  }
  .ss-c-episode-nav__card-title {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    margin-bottom: var(--space-2);
  }
  .ss-c-episode-nav__status {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-gray-500);
  }
  .ss-c-hero-player {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 37.5rem;
    display: flex;
    align-items: flex-end;
    padding: var(--space-16) 0;
    overflow: hidden;
  }
  .ss-c-hero-player__background {
    position: absolute;
    inset: 0;
    z-index: -1;
  }
  .ss-c-hero-player__video-container {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--color-dark) 0%, var(--color-black) 100%);
  }
  .ss-c-hero-player__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.7;
  }
  .ss-c-hero-player__gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, var(--color-black) 0%, transparent 50%), linear-gradient(to right, var(--color-black) 0%, transparent 60%), linear-gradient(135deg, rgba(0, 255, 136, 0.05) 0%, transparent 50%);
  }
  .ss-c-hero-player__content {
    position: relative;
    z-index: 1;
    max-width: 43.75rem;
    padding: 0 var(--space-8);
  }
  @media (min-width: 75rem) {
    .ss-c-hero-player__content {
      padding: 0 var(--space-12);
    }
  }
  .ss-c-hero-player__branding {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
  }
  .ss-c-hero-player__label {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-widest);
    color: var(--color-accent);
    padding: var(--space-1) var(--space-3);
    border: 0.0625rem solid var(--color-accent);
    background: var(--color-accent-glow);
  }
  .ss-c-hero-player__episode {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-wider);
    color: var(--color-gray-400);
  }
  .ss-c-hero-player__title {
    margin-bottom: var(--space-6);
  }
  .ss-c-hero-player__title-line {
    display: block;
    font-size: var(--text-4xl);
    font-weight: var(--weight-black);
    letter-spacing: var(--tracking-tight);
    line-height: var(--leading-none);
    text-transform: uppercase;
  }
  @media (min-width: 48rem) {
    .ss-c-hero-player__title-line {
      font-size: var(--text-5xl);
    }
  }
  @media (min-width: 75rem) {
    .ss-c-hero-player__title-line {
      font-size: var(--text-6xl);
    }
  }
  .ss-c-hero-player__title-line--accent {
    color: var(--color-accent);
    text-shadow: 0 0 3.75rem var(--color-accent-glow);
  }
  .ss-c-hero-player__description {
    font-size: var(--text-lg);
    font-weight: var(--weight-light);
    line-height: var(--leading-relaxed);
    color: var(--color-gray-300);
    margin-bottom: var(--space-6);
    max-width: 34.375rem;
  }
  .ss-c-hero-player__meta {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-8);
    flex-wrap: wrap;
  }
  .ss-c-hero-player__meta-item {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-gray-400);
  }
  .ss-c-hero-player__meta-item--tag {
    color: var(--color-accent);
    padding: var(--space-1) var(--space-2);
    background: var(--color-accent-glow);
    border-radius: var(--radius-sm);
  }
  .ss-c-hero-player__meta-divider {
    color: var(--color-gray-600);
  }
  .ss-c-hero-player__actions {
    display: flex;
    gap: var(--space-4);
    flex-wrap: wrap;
  }
  .ss-c-hero-player__controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--space-6) var(--space-8);
    background: linear-gradient(to top, var(--color-black), transparent);
    opacity: 0;
    transition: opacity var(--duration-normal) var(--ease-out);
  }
  .ss-c-hero-player:hover .ss-c-hero-player__controls {
    opacity: 1;
  }
  .ss-c-hero-player__scroll-indicator {
    position: absolute;
    bottom: var(--space-8);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    color: var(--color-gray-500);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    animation: bounce 2s infinite;
  }
  .ss-c-hero-player__scroll-indicator svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .ss-c-animate-loading {
    position: relative;
    overflow: hidden;
  }
  .ss-c-animate-loading::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    animation: loading 1.5s infinite;
  }
  .ss-c-main-grid {
    display: flex;
    flex-direction: column;
    max-width: 75rem;
    margin: 0 auto;
    border-left: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    border-right: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    min-height: 100vh;
    position: relative;
  }
  .ss-c-hero-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.75rem;
    color: #000000;
    background: var(--ss-color-fill, #ffffff);
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    border-radius: 0;
    margin-bottom: unset;
  }
  .ss-c-hero-tagline {
    font-size: 1.125rem;
    color: #525252;
    margin-bottom: unset;
  }
  @media (min-width: 48rem) {
    .ss-c-hero-tagline {
      font-size: 1.375rem;
    }
  }
  .ss-c-products {
    border-bottom: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    position: relative;
  }
  .ss-c-products-container {
    display: flex;
    flex-direction: column;
  }
  @media (min-width: 48rem) {
    .ss-c-products-container {
      flex-direction: row;
    }
  }
  .ss-c-product-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: unset unset;
    transition: background unset;
    border-bottom: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  @media (min-width: 48rem) {
    .ss-c-product-card {
      border-bottom: none;
      border-right: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    }
    .ss-c-product-card:last-child {
      border-right: none;
    }
  }
  .ss-c-product-card:last-child {
    border-bottom: none;
  }
  .ss-c-product-card:hover {
    background: #ffffff;
  }
  .ss-c-product-card:hover .ss-c-product-link {
    color: #000000;
  }
  .ss-c-product-icon {
    margin-bottom: unset;
    color: #525252;
  }
  .ss-c-product-title {
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: unset;
  }
  .ss-c-product-description {
    font-size: 0.875rem;
    color: #525252;
    line-height: 1.7;
    margin-bottom: unset;
  }
  .ss-c-product-features {
    display: flex;
    flex-wrap: wrap;
    gap: unset;
    margin-bottom: unset;
  }
  .ss-c-product-features span {
    padding: unset unset;
    font-size: 0.75rem;
    color: #525252;
    background: #ffffff;
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    border-radius: 0;
  }
  .ss-c-product-link {
    margin-top: auto;
    font-size: 0.875rem;
    font-weight: 500;
    color: #525252;
    transition: color unset;
  }
  .ss-c-features-title {
    font-size: 1.75rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: unset;
  }
  .ss-c-footer-col {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-footer-col h4 {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-footer-col a {
    font-size: 0.875rem;
    color: #737373;
    transition: color unset;
  }
  .ss-c-footer-col a:hover {
    color: var(--ss-color-text, #1a1a1a);
  }
  .ss-c-brand-wrapper {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    justify-content: start;
    margin: auto 0;
    color: #000;
  }
  .ss-c-brand-logo {
    width: 1.5rem;
    height: 1.5rem;
  }
  .ss-c-section-a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    background: #fff;
    overflow: hidden;
    margin-bottom: 3rem;
  }
  .ss-c-content {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    gap: 1.5rem;
    width: 100%;
    height: 100%;
    padding: 0 3rem;
  }
  .ss-c-content-title {
    grid-column: span 12;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 1.5rem;
  }
  .ss-c-content-illustration {
    grid-column: span 12;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .ss-c-swiper {
    width: 100%;
    height: 100%;
  }
  .ss-c-card-image {
    grid-column: span 12;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .ss-c-swiper-pagination {
    position: absolute;
    top: 28.125rem;
  }
  .ss-c-swiper-pagination-bullet {
    height: 0.4375rem;
    width: 1.625rem;
    border-radius: 1.5625rem;
    background: black;
  }
  .ss-c-swiper-button-prev {
    opacity: 0.7;
    color: black;
    transition: all 0.3s ease;
  }
  .ss-c-content-with-image {
    grid-column: span 12;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
  .ss-c-content-with-image-picture {
    width: 100%;
    height: 24rem;
    overflow: hidden;
  }
  .ss-c-content-with-image-description {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
  }
  .ss-c-content-with-text {
    grid-column: span 12;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
  .ss-c-description-text {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
  }
  .ss-c-steps-section {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%;
  }
  .ss-c-starling .ss-c-step {
    display: grid;
    grid-template-columns: 1rem 1fr;
    gap: 2rem;
    align-items: flex-start;
  }
  .ss-c-step-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    font-weight: bold;
    border: 0.125rem solid #000;
    border-radius: 50%;
    /* Circle shape */
    flex-shrink: 0;
    /* Prevents shrinking */
  }
  .ss-c-step-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    /* Space between paragraphs */
  }
  .ss-c-double_diamond-image {
    width: 100%;
    height: auto;
  }
  .ss-c-filter-system {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.5rem;
  }
  .ss-c-filter-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 1.5rem;
  }
  .ss-c-filter-item {
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out, border-bottom 0.3s ease-in-out;
    padding-bottom: 0.5rem;
    border-bottom: 0.125rem solid transparent;
  }
  .ss-c-content-section {
    grid-column: span 6;
    flex-direction: column;
    gap: 1rem;
  }
  .ss-c-section-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
  }
  .ss-c-link-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem 1.5rem;
    align-self: stretch;
  }
  .ss-c-copyright {
    width: 100%;
    font-size: 0.875rem;
    text-align: center;
    padding: 3rem 0;
  }
  .ss-c-badge--sm {
    --badge-padding: 0.125rem 0.375rem;
    --badge-font-size: 0.625rem;
  }
  .ss-c-badge--lg {
    --badge-padding: 0.375rem 0.75rem;
    --badge-font-size: 0.875rem;
  }
  .ss-c-badge--pill {
    --badge-radius: 999px;
  }
  .ss-c-badge--square {
    --badge-radius: 0;
  }
  .ss-c-badge--circle {
    --badge-radius: 50%;
    --badge-padding: 0.0625rem;
    aspect-ratio: 1;
  }
  .ss-c-badge--primary {
    --badge-bg: var(--color-primary, #008fbf);
    --badge-color: #fff;
  }
  .ss-c-badge--accent {
    --badge-bg: var(--color-accent, #0066cc);
    --badge-color: #fff;
  }
  .ss-c-badge--success {
    --badge-bg: var(--color-success, #28a745);
    --badge-color: #fff;
  }
  .ss-c-badge--warning {
    --badge-bg: var(--color-warning, #ffc107);
    --badge-color: #000;
  }
  .ss-c-badge--danger {
    --badge-bg: var(--color-danger, #dc3545);
    --badge-color: #fff;
  }
  .ss-c-badge--muted {
    --badge-bg: var(--color-surface-alt, #e9ecef);
    --badge-color: var(--color-text-muted, #6c757d);
  }
  .ss-c-badge--outline {
    --badge-bg: transparent;
    --badge-border: 1px solid currentColor;
  }
  .ss-c-badge--outline-primary {
    --badge-bg: transparent;
    --badge-color: var(--color-primary, #008fbf);
    --badge-border: 1px solid currentColor;
  }
  .ss-c-badge-group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.0625rem;
  }
  .ss-c-blockquote__text {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    overflow: hidden;
    font-style: normal;
    font-weight: 320;
    font-size: 5rem;
    white-space: pre-line;
  }
  .ss-c-blockquote__footer {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
  }
  .ss-c-blockquote__author {
    font-style: normal;
    font-weight: 500;
    opacity: 0.8;
  }
  .ss-c-blockquote__source {
    font-size: 0.875rem;
    opacity: 0.6;
  }
  .ss-c-blockquote--left {
    text-align: left;
  }
  .ss-c-blockquote--left .ss-c-blockquote__text {
    text-align: left;
  }
  .ss-c-blockquote--left .ss-c-blockquote__footer {
    align-items: flex-start;
  }
  .ss-c-blockquote--right {
    text-align: right;
  }
  .ss-c-blockquote--right .ss-c-blockquote__text {
    text-align: right;
  }
  .ss-c-blockquote--right .ss-c-blockquote__footer {
    align-items: flex-end;
  }
  .ss-c-blockquote--center {
    text-align: center;
  }
  .ss-c-blockquote--center .ss-c-blockquote__text {
    text-align: center;
  }
  .ss-c-blockquote--center .ss-c-blockquote__footer {
    align-items: center;
  }
  .ss-c-boids-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    isolation: isolate;
  }
  .ss-c-card--media {
    position: relative;
    overflow: hidden;
    min-height: 20rem;
    background-image: var(--card-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ss-c-card--media::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    transition: background 0.3s ease;
  }
  .ss-c-card--media:hover::before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.1) 100%);
  }
  .ss-c-card--media .ss-c-card__image {
    display: none;
  }
  .ss-c-card--media .ss-c-card__body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0.25rem;
  }
  .ss-c-card--media .ss-c-card__title,
  .ss-c-card--media .ss-c-card__title a,
  .ss-c-card--media .ss-c-card__subtitle,
  .ss-c-card--media .ss-c-card__text,
  .ss-c-card--media .ss-c-card__text p,
  .ss-c-card--media .ss-c-card__content,
  .ss-c-card--media .ss-c-card__content p {
    color: #fff;
  }
  .ss-c-card--media .ss-c-card__title a {
    text-decoration: none;
  }
  .ss-c-card--media .ss-c-card__title a:hover {
    text-decoration: underline;
  }
  .ss-c-card--media .ss-c-card__footer {
    margin-top: 0.125rem;
  }
  .ss-c-card-horizontal {
    min-height: 50vh;
    background: var(--color-surface, #fff);
    overflow: hidden;
    border: 0.0625rem solid var(--color-border, #000);
    transition: transform 0.3s ease;
  }
  .ss-c-card-horizontal:hover {
    transform: translateY(-0.125rem);
  }
  @media (max-width: 48rem) {
    .ss-c-card-horizontal {
      min-height: auto;
    }
  }
  .ss-c-card-horizontal h2 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .ss-c-card-horizontal h2 a:hover {
    color: var(--color-primary, #0066cc);
  }
  .ss-c-card-horizontal__header {
    min-height: calc(4.8 * 3.125rem);
  }
  .ss-c-card-horizontal__header h2 {
    text-box-trim: both;
    text-box-edge: cap alphabetic;
  }
  .ss-c-card-horizontal__image {
    position: relative;
    overflow: hidden;
    min-height: 50vh;
  }
  @media (max-width: 48rem) {
    .ss-c-card-horizontal__image {
      min-height: 18.75rem;
    }
  }
  .ss-c-card-horizontal__figure {
    position: absolute;
    inset: 0;
    margin: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-surface-alt, #f5f5f5);
    transition: transform 0.5s ease;
  }
  .ss-c-card-horizontal__figure .ss-c-i {
    opacity: 0.2;
  }
  .ss-c-card-horizontal__systems {
    border-top: 0.0625rem solid var(--color-border, #e0e0e0);
  }
  .ss-c-card-horizontal__systems ul {
    list-style: none;
  }
  .ss-c-card-horizontal__systems li a {
    text-decoration: none;
    transition: transform 0.2s ease;
  }
  .ss-c-card-horizontal__systems li a span {
    transition: text-decoration 0.2s ease;
  }
  .ss-c-card-horizontal__systems li a:hover {
    transform: translateY(-0.125rem);
  }
  .ss-c-card-horizontal__systems li a:hover span {
    text-decoration: underline;
  }
  .ss-c-card-horizontal__systems .ss-c-badge {
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }
  .ss-c-card-horizontal__systems .ss-c-badge:hover {
    border-bottom: 0.0625rem solid #000;
    transform: translateY(-0.0625rem);
  }
  .ss-c-section--systems {
    grid-template-rows: minmax(25vh, auto);
  }
  .ss-c-system_card {
    min-height: 25vh;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--N2405);
  }
  .ss-c-system_card__content {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(0.5rem);
    -webkit-backdrop-filter: blur(0.5rem);
  }
  .ss-c-system_icon {
    color: #fff;
  }
  .ss-c-system_icon .ss-c-i {
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
  }
  .ss-c-system_icon .ss-c-i::before {
    font-size: 2rem;
  }
  .ss-c-system_icon .ss-c-i img {
    filter: brightness(0) invert(1);
  }
  .ss-c-double_diamond__container {
    width: 100%;
    height: 100%;
    min-height: 31.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: linear-gradient(135deg, var(--color-background-gradient-start) 0%, var(--color-background-gradient-end) 100%);
    border-radius: 0.75rem;
    margin: 2rem 0;
  }
  .ss-c-double_diamond__svg {
    width: 100%;
    height: auto;
    max-width: 100%;
    filter: var(--diamond-shadow);
  }
  .ss-c-double_diamond__line {
    stroke: var(--color-line-stroke);
    stroke-width: 2;
    stroke-dasharray: 5, 5;
    opacity: 0.5;
    transition: all 0.3s ease;
  }
  .ss-c-double_diamond__vertical-line {
    stroke: var(--color-line-stroke);
    stroke-width: 1;
    opacity: 0.8;
    transition: all 0.3s ease;
  }
  .ss-c-double_diamond__phase {
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ss-c-double_diamond__phase--active {
    filter: var(--diamond-shadow-active);
  }
  .ss-c-double_diamond__phase--active .ss-c-double_diamond__shape {
    filter: brightness(1.15);
  }
  .ss-c-double_diamond__phase--dimmed {
    opacity: 0.3;
  }
  .ss-c-double_diamond__phase--dimmed .ss-c-double_diamond__shape {
    filter: grayscale(80%) opacity(0.4);
  }
  .ss-c-double_diamond__phase--dimmed .ss-c-double_diamond__label {
    opacity: 0.3;
  }
  .ss-c-double_diamond__shape {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    fill: var(--diamond-fill);
    stroke: var(--diamond-outline-color);
    stroke-width: var(--diamond-outline-width);
    filter: brightness(1);
    cursor: pointer;
  }
  .ss-c-double_diamond__shape:hover {
    stroke-width: 0.25rem;
    filter: brightness(1.05) drop-shadow(0 0.25rem 0.75rem rgba(37, 99, 235, 0.3));
  }
  .ss-c-double_diamond__interactive {
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .ss-c-double_diamond__interactive:hover {
    r: 75;
    fill: var(--color-shadow-light);
  }
  .ss-c-double_diamond__label {
    font-size: 1.125rem;
    font-weight: 600;
    fill: var(--color-text-primary);
    transition: all 0.3s ease;
    letter-spacing: 0.03125rem;
    pointer-events: none;
  }
  @media (max-width: 48rem) {
    .ss-c-double_diamond__label {
      font-size: 0.875rem;
    }
  }
  .ss-c-double_diamond__tooltip {
    position: fixed;
    background: var(--color-tooltip-bg);
    border-radius: 0.5rem;
    padding: 1rem;
    max-width: 18.75rem;
    box-shadow: 0 1.25rem 1.5625rem -0.3125rem rgba(0, 0, 0, 0.1), 0 0.625rem 0.625rem -0.3125rem rgba(0, 0, 0, 0.04);
    z-index: 1000;
    pointer-events: none;
    animation: tooltip-fade-in 0.2s ease-out;
    border-left: 0.25rem solid;
  }
  @media (max-width: 48rem) {
    .ss-c-double_diamond__tooltip {
      max-width: 15.625rem;
      padding: 0.75rem;
      font-size: 0.875rem;
    }
  }
  .ss-c-double_diamond__tooltip-content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .ss-c-double_diamond__tooltip-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
  }
  @media (max-width: 48rem) {
    .ss-c-double_diamond__tooltip-title {
      font-size: 0.875rem;
    }
  }
  .ss-c-double_diamond__tooltip-description {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    line-height: 1.5;
    margin: 0;
  }
  @media (max-width: 48rem) {
    .ss-c-double_diamond__tooltip-description {
      font-size: 0.75rem;
    }
  }
  .ss-c-double_diamond__tooltip-steps {
    font-size: 0.8125rem;
    color: var(--color-text-secondary);
  }
  @media (max-width: 48rem) {
    .ss-c-double_diamond__tooltip-steps {
      font-size: 0.6875rem;
    }
  }
  .ss-c-double_diamond__tooltip-steps strong {
    color: var(--color-text-primary);
    font-weight: 600;
    display: block;
    margin-bottom: 0.375rem;
  }
  .ss-c-double_diamond__tooltip-steps ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ss-c-double_diamond__tooltip-steps ul li {
    padding: 0.25rem 0;
    padding-left: 1rem;
    position: relative;
  }
  .ss-c-double_diamond__tooltip-steps ul li:before {
    content: "→";
    position: absolute;
    left: 0;
    color: var(--color-text-muted);
    font-weight: bold;
  }
  .ss-c-eyebrow--sm {
    --eyebrow-font-size: 0.625rem;
  }
  .ss-c-eyebrow--lg {
    --eyebrow-font-size: 0.875rem;
  }
  .ss-c-eyebrow--muted {
    --eyebrow-color: var(--color-text-muted, #666);
  }
  .ss-c-eyebrow--light {
    --eyebrow-color: rgba(255, 255, 255, 0.8);
  }
  .ss-c-eyebrow--accent {
    --eyebrow-color: var(--color-accent, #0066cc);
  }
  .ss-c-eyebrow--underline {
    padding-bottom: var(--eyebrow-margin-bottom);
    border-bottom: 0.125rem solid currentColor;
  }
  .ss-c-eyebrow--dot::before {
    content: "";
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    background: currentColor;
    border-radius: 50%;
    margin-right: 0.75em;
    vertical-align: middle;
  }
  .ss-c-filter-bar__label {
    font-size: var(--filter-btn-font-size);
    font-weight: 600;
    color: var(--color-text-muted, #666);
    margin-right: var(--filter-bar-gap);
  }
  .ss-c-filter-bar--bordered {
    border-top: var(--filter-bar-border);
    border-bottom: var(--filter-bar-border);
  }
  .ss-c-filter-bar--pills {
    --filter-btn-radius: 999px;
  }
  .ss-c-filter-bar--sm {
    --filter-bar-gap: 0.25rem;
    --filter-btn-padding: 0.25rem 0.5rem;
    --filter-btn-font-size: 0.75rem;
  }
  .ss-c-filter-bar--lg {
    --filter-bar-gap: 0.75rem;
    --filter-btn-padding: 0.75rem 1.5rem;
    --filter-btn-font-size: 1rem;
  }
  .ss-c-filter-bar--center {
    justify-content: center;
  }
  .ss-c-filter-bar--spread {
    justify-content: space-between;
  }
  .ss-c-filter-bar--minimal {
    --filter-btn-border: none;
    --filter-btn-radius: 0.25rem;
  }
  .ss-c-filter-bar--underline {
    --filter-btn-border: none;
    --filter-btn-radius: 0;
    --filter-btn-bg-hover: transparent;
  }
  .ss-c-filter-bar--underline .ss-c-filter-btn {
    border-bottom: 0.125rem solid transparent;
  }
  .ss-c-filter-bar--underline .ss-c-filter-btn:hover {
    border-bottom-color: var(--color-border, #e0e0e0);
  }
  .ss-c-filter-bar--underline .ss-c-filter-btn.is-active, .ss-c-filter-bar--underline .ss-c-filter-btn[aria-pressed=true] {
    background: transparent;
    color: var(--filter-btn-bg-active);
    border-bottom-color: currentColor;
  }
  .ss-c-gap--row--00 {
    row-gap: 0;
  }
  .ss-c-gap--row--02 {
    row-gap: 0.625rem;
  }
  .ss-c-gap--col--00 {
    column-gap: 0;
  }
  .ss-c-page-header__title {
    font-size: var(--page-header-title-size);
    font-weight: var(--page-header-title-weight);
    text-transform: var(--page-header-title-transform);
    color: var(--page-header-title-color);
    white-space: nowrap;
    overflow: hidden;
    will-change: font-size, line-height;
  }
  .ss-c-page-header__eyebrow {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-primary, #008fbf);
    margin-bottom: 0.5rem;
  }
  .ss-c-page-header__headline {
    font-size: clamp(1rem, 5vw, 2rem);
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
    margin: 0;
    white-space: normal;
  }
  .ss-c-page-header__description {
    font-size: var(--page-header-text-size);
    color: var(--page-header-text-color);
    max-width: var(--page-header-text-max-width);
    margin-top: 1rem;
  }
  .ss-c-page-header__description p {
    margin: 0;
  }
  .ss-c-page-header__text {
    font-size: var(--page-header-text-size);
    color: var(--page-header-text-color);
    max-width: var(--page-header-text-max-width);
    margin-top: 2rem;
  }
  .ss-c-page-header__text:first-child {
    margin-top: 0;
  }
  .ss-c-page-header--borderless {
    --page-header-border-top: none;
    --page-header-border-bottom: none;
  }
  .ss-c-page-header--border-bottom {
    --page-header-border-bottom: 1px solid #000;
  }
  .ss-c-page-header--sm {
    --page-header-title-size: 1.5rem;
    --page-header-min-height: 15vh;
  }
  .ss-c-page-header--lg {
    --page-header-title-size: 3.75rem;
    --page-header-min-height: 35vh;
  }
  .ss-c-page-header--center {
    text-align: center;
  }
  .ss-c-page-header--center .ss-c-page-header__text {
    margin-left: auto;
    margin-right: auto;
  }
  .ss-c-page-header--light {
    --page-header-border-top: 1px solid rgba(255, 255, 255, 0.2);
    --page-header-title-color: #fff;
    --page-header-text-color: rgba(255, 255, 255, 0.8);
  }
  .ss-c-page-header--wrap .ss-c-page-header__title {
    white-space: normal;
    overflow: visible;
  }
  .ss-c-page-hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .ss-c-page-hero__overlay {
    position: absolute;
    inset: 0;
    background: var(--page-hero-overlay);
    z-index: 1;
  }
  .ss-c-page-hero__content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
    color: #fff;
  }
  .ss-c-page-hero__placeholder {
    position: absolute;
    inset: 0;
    background: var(--color-primary, #008fbf);
  }
  .ss-c-page-hero__placeholder::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%);
  }
  .ss-c-page-hero--wide {
    --page-hero-aspect: 21 / 9;
  }
  .ss-c-page-hero--square {
    --page-hero-aspect: 1 / 1;
  }
  .ss-c-page-hero--video {
    --page-hero-aspect: 16 / 9;
  }
  .ss-c-page-hero--full {
    --page-hero-min-height: 100vh;
    --page-hero-max-height: none;
  }
  .ss-c-page-hero--short {
    --page-hero-min-height: 30vh;
    --page-hero-max-height: 50vh;
  }
  .ss-c-page-hero--no-overlay .ss-c-page-hero__overlay {
    display: none;
  }
  .ss-c-page-hero--light-overlay {
    --page-hero-overlay: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.3) 0%,
        rgba(0, 0, 0, 0.1) 50%,
        transparent 100%
    );
  }
  .ss-c-page-hero--center .ss-c-page-hero__content {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .ss-c-page-hero--top .ss-c-page-hero__content {
    justify-content: flex-start;
  }
  .ss-c-page-hero--dark {
    --page-hero-bg: var(--color-surface-dark, #1a1a1a);
  }
  .ss-c-page-hero--brand {
    --page-hero-bg: var(--color-primary, #008fbf);
  }
  .ss-c-ribbon__menu {
    visibility: hidden;
    display: none;
  }
  .ss-c-series-card {
    background: var(--series-card-bg);
    border: var(--series-card-border);
    border-radius: var(--series-card-radius);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .ss-c-series-card:hover {
    transform: translateY(-0.125rem);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  }
  .ss-c-series-card__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .ss-c-series-card__image {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    margin: 0;
    background: var(--color-surface-alt, #f5f5f5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .ss-c-series-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ss-c-series-card__image--placeholder {
    background: var(--series-card-image-bg);
    color: var(--series-card-image-color);
  }
  .ss-c-series-card__image--placeholder .ss-c-i,
  .ss-c-series-card__image--placeholder i {
    font-size: 2.5rem;
    opacity: 0.5;
  }
  .ss-c-series-card__content {
    display: flex;
    flex-direction: column;
    padding: 1rem 1.25rem;
    gap: 0.5rem;
    flex-grow: 1;
  }
  .ss-c-series-card__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
  }
  .ss-c-series-card__title a {
    color: var(--series-card-title-color);
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .ss-c-series-card__title a:hover {
    color: var(--series-card-link-color);
  }
  .ss-c-series-card__subtitle {
    font-size: 0.875rem;
    color: var(--series-card-text-color);
    margin: 0;
  }
  .ss-c-series-card__systems {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
  }
  .ss-c-series-card__system-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--series-card-icon-size);
    height: var(--series-card-icon-size);
    color: var(--series-card-icon-color);
    opacity: 0.6;
    transition: opacity 0.2s ease;
  }
  .ss-c-series-card__system-icon:hover {
    opacity: 1;
  }
  .ss-c-series-card__system-icon .ss-c-i,
  .ss-c-series-card__system-icon i {
    font-size: 1rem;
  }
  .ss-c-series-section {
    padding: 2rem 0;
    border-top: 0.0625rem solid var(--color-border, #e0e0e0);
  }
  .ss-c-series-section h2 {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 1.5rem;
  }
  .ss-c-series-card--compact .ss-c-series-card__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .ss-c-series-card__header {
    padding: 1.25rem;
    border-bottom: 0.0625rem solid var(--color-border, #e0e0e0);
  }
  .ss-c-series-card__system-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-grow: 1;
  }
  .ss-c-series-card__system-item {
    border-bottom: 0.0625rem solid var(--color-border, #e0e0e0);
  }
  .ss-c-series-card__system-item:last-child {
    border-bottom: none;
  }
  .ss-c-series-card__system-link {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    grid-template-rows: auto auto;
    gap: 0 0.75rem;
    padding: 0.75rem 1.25rem;
    text-decoration: none;
    color: inherit;
    transition: background 0.2s ease;
  }
  .ss-c-series-card__system-link:hover {
    background: var(--color-surface-alt, #f5f5f5);
  }
  .ss-c-series-card__system-name {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text, #333);
    line-height: 1.3;
    align-self: end;
  }
  .ss-c-series-card__system-subtitle {
    font-size: 0.75rem;
    color: var(--color-text-muted, #666);
    line-height: 1.3;
    align-self: start;
  }
  .ss-c-series-card--lg {
    --series-card-image-size: 10rem;
  }
  .ss-c-series-card--lg .ss-c-series-card__image--placeholder .ss-c-i,
  .ss-c-series-card--lg .ss-c-series-card__image--placeholder i {
    font-size: 3.5rem;
  }
  .ss-c-series-card--lg .ss-c-series-card__title {
    font-size: 1.5rem;
  }
  .ss-c-series-card--stacked .ss-c-series-card__image {
    aspect-ratio: 16/9;
  }
  .ss-c-series-card--dark {
    --series-card-bg: var(--color-surface-dark, #1a1a1a);
    --series-card-border: 1px solid rgba(255, 255, 255, 0.1);
    --series-card-title-color: #fff;
    --series-card-text-color: rgba(255, 255, 255, 0.7);
    --series-card-icon-color: var(--color-primary-light, #4a7ab8);
    --series-card-image-bg: var(--color-primary-dark, #0f1f33);
  }
  .ss-c-double_diamond__container {
    width: 100%;
    max-width: 56.25rem;
    margin: 2rem auto;
  }
  .ss-c-double_diamond__svg {
    width: 100%;
    height: auto;
  }
  .ss-c-double_diamond__line {
    stroke: var(--color-border, #e0e0e0);
    stroke-width: 1;
  }
  .ss-c-double_diamond__vertical-line {
    stroke: var(--color-border, #e0e0e0);
    stroke-width: 1;
    stroke-dasharray: 4 4;
  }
  .ss-c-double_diamond__shape {
    fill: none;
    stroke-width: 2;
    opacity: 0.8;
    transition: opacity 0.2s ease, fill 0.2s ease;
  }
  .ss-c-double_diamond__shape--discover {
    stroke: var(--phase-discover-color, #008fbf);
  }
  .ss-c-double_diamond__shape--define {
    stroke: var(--phase-define-color, #00a896);
  }
  .ss-c-double_diamond__shape--develop {
    stroke: var(--phase-develop-color, #f77f00);
  }
  .ss-c-double_diamond__shape--deliver {
    stroke: var(--phase-deliver-color, #d62828);
  }
  .ss-c-double_diamond__phase {
    cursor: pointer;
  }
  .ss-c-double_diamond__phase:hover .ss-c-double_diamond__shape {
    opacity: 1;
    fill: currentColor;
    fill-opacity: 0.1;
  }
  .ss-c-double_diamond__label {
    font-family: var(--font-family-primary);
    font-size: 1rem;
    font-weight: 600;
    fill: var(--color-text);
  }
  .ss-c-double_diamond__interactive {
    transition: r 0.2s ease, filter 0.2s ease;
    cursor: pointer;
  }
  .ss-c-double_diamond__interactive:hover {
    r: 10;
    filter: drop-shadow(0 0 0.25rem currentColor);
  }
  .ss-c-double-diamond-phase {
    padding: 1rem;
  }
  .ss-c-double-diamond-phase h4 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color-text);
  }
  .ss-c-double-diamond-phase p {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-text-muted);
    margin: 0;
  }
  .ss-c-mySwiper {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
  }
  .ss-c-mySwiper .ss-c-swiper-wrapper {
    display: flex;
    width: 100%;
  }
  .ss-c-mySwiper .ss-c-swiper-slide {
    width: 100%;
    box-sizing: border-box;
    padding: 3rem;
  }
  .ss-c-mySwiper .ss-c-swiper-slide .ss-c-grid__frame--24 {
    margin: 0 auto;
    width: 100%;
  }
  .ss-c-mySwiper .ss-c-swiper-slide .ss-c-grid--span--col--12 {
    margin: auto 0;
  }
  @media (max-width: 48rem) {
    .ss-c-mySwiper .ss-c-swiper-slide .ss-c-grid__frame--24 {
      grid-template-columns: repeat(12, 1fr);
    }
    .ss-c-mySwiper .ss-c-swiper-slide .ss-c-grid--span--col--12 {
      grid-column: span 12;
    }
  }
  .ss-c-swiper-button-next {
    padding-right: 0.625rem !important;
  }
  .ss-c-system-card__inner {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0;
    height: 100%;
  }
  @media (max-width: 48rem) {
    .ss-c-system-card__inner {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-system-card__image {
    position: relative;
    aspect-ratio: var(--system-card-image-ratio);
    overflow: hidden;
    margin: 0;
    background: var(--color-surface-alt, #f5f5f5);
  }
  .ss-c-system-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }
  .ss-c-system-card:hover .ss-c-system-card__image img {
    transform: scale(1.05);
  }
  .ss-c-system-card__image--placeholder {
    background: var(--system-card-image-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--system-card-image-color);
  }
  .ss-c-system-card__image--placeholder .ss-c-i,
  .ss-c-system-card__image--placeholder i {
    font-size: 1rem;
    opacity: 0.5;
  }
  .ss-c-system-card__content {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    gap: 0.5rem;
  }
  .ss-c-system-card__series {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--system-card-series-color);
  }
  .ss-c-system-card__subtitle {
    font-size: 0.875rem;
    color: var(--system-card-text-color);
    margin: 0;
  }
  .ss-c-system-card__summary {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--system-card-text-color);
    flex-grow: 1;
  }
  .ss-c-system-card__summary p {
    margin: 0;
  }
  .ss-c-system-card--vertical .ss-c-system-card__inner {
    grid-template-columns: 1fr;
  }
  .ss-c-system-card--vertical .ss-c-system-card__image {
    aspect-ratio: 16/9;
  }
  .ss-c-system-card--sm .ss-c-system-card__content {
    padding: 1rem;
    gap: 0.25rem;
  }
  .ss-c-system-card--sm .ss-c-system-card__title {
    font-size: 1rem;
  }
  .ss-c-system-card--sm .ss-c-system-card__summary {
    display: none;
  }
  .ss-c-system-card--lg .ss-c-system-card__content {
    padding: 2rem;
  }
  .ss-c-system-card--lg .ss-c-system-card__title {
    font-size: 1.75rem;
  }
  .ss-c-system-card--dark {
    --system-card-bg: var(--color-surface-dark, #1a1a1a);
    --system-card-border: 1px solid rgba(255, 255, 255, 0.1);
    --system-card-title-color: #fff;
    --system-card-text-color: rgba(255, 255, 255, 0.7);
    --system-card-series-color: var(--color-primary-light, #4a7ab8);
  }
  .ss-c-text--uppercase {
    text-transform: uppercase;
  }
  .ss-c-text--lowercase {
    text-transform: lowercase;
  }
  .ss-c-text--capitalize {
    text-transform: capitalize;
  }
  .ss-c-text--normal-case {
    text-transform: none;
  }
  .ss-c-page-stats {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.75rem;
    font-family: "Courier New", monospace;
    color: inherit;
    opacity: 0.7;
  }
  .ss-c-page-stats__item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
  }
  .ss-c-page-stats__label {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .ss-c-page-stats__value {
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    min-width: 3ch;
    text-align: right;
  }
  .ss-c-ribbon-footer {
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    top: calc(100vh - 2.5rem);
    left: 0;
    right: 0;
    height: auto;
    z-index: 50;
    will-change: transform;
  }
  .ss-c-footer-divider {
    margin: 0;
    border-top: 0.0625rem solid #000;
  }
  .ss-c-lh--ratio {
    line-height: 1.25;
  }
  .ss-c-starling_subtitle {
    font-style: italic;
    font-weight: 500;
  }
  .ss-c-page-border {
    position: fixed;
    background: #000000;
    z-index: 9999;
    pointer-events: none;
  }
  .ss-c-page-border--top, .ss-c-page-border--bottom {
    left: 0;
    right: 0;
    height: 0.0625rem;
  }
  .ss-c-page-border--top {
    top: 0;
  }
  .ss-c-page-border--bottom {
    bottom: 0;
  }
  .ss-c-page-border--left, .ss-c-page-border--right {
    top: 0;
    bottom: 0;
    width: 0.0625rem;
  }
  .ss-c-page-border--left {
    left: 0;
  }
  .ss-c-page-border--right {
    right: 0;
  }
  .ss-c-page-content {
    padding: 0.0625rem;
    min-height: 100vh;
  }
  .ss-c-page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    transition: opacity 0.6s ease, visibility 0.6s ease;
  }
  .ss-c-page-loader.ss-c-loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .ss-c-page-loader__logo {
    max-width: 7.5rem;
    margin-bottom: 2rem;
    animation: pulse 2s ease-in-out infinite;
  }
  .ss-c-page-loader__text {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: #737373;
  }
  .ss-c-social-links {
    display: flex;
    gap: 1.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .ss-c-social-links__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #737373;
    text-decoration: none;
    font-size: 1.25rem;
    transition: color 0.3s ease, transform 0.3s ease;
  }
  .ss-c-social-links__item a:hover {
    color: #000000;
    transform: translateY(-0.125rem);
  }
  .ss-c-footer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
  }
  @media (max-width: 48rem) {
    .ss-c-footer-row {
      flex-direction: column;
      text-align: center;
      gap: 1rem;
    }
  }
  .ss-c-footer-separator {
    color: var(--ss-color-border, #e5e5e5);
    font-size: 0.75rem;
  }
  @media (max-width: 48rem) {
    .ss-c-footer-separator {
      display: none;
    }
  }
  .ss-c-site-logo {
    height: 2.5rem;
    width: auto;
  }
  .ss-c-site-logo img {
    height: 100%;
    width: auto;
  }
  .ss-c-split-section {
    display: flex;
    flex-wrap: wrap;
    background: #0a0a0a;
  }
  .ss-c-split-section__half {
    flex: 1 1 50%;
    min-width: 18.75rem;
    padding: 6rem 4rem;
    box-sizing: border-box;
  }
  @media (max-width: 48rem) {
    .ss-c-split-section__half {
      flex: 1 1 100%;
      padding: 4rem 2rem;
    }
  }
  .ss-c-split-section__title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  .ss-c-split-section__subtitle {
    font-size: 0.875rem;
    font-style: italic;
    color: #737373;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }
  .ss-c-split-section__text {
    font-size: 1rem;
    line-height: 1.8;
    color: #737373;
  }
  .ss-c-fade-in {
    opacity: 0;
    transform: translateY(1.875rem);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  .ss-c-fade-in.ss-c-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .ss-c-loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--ss-color-fill, #ffffff);
    z-index: 9999;
    transition: opacity 300ms ease;
  }
  .ss-c-loading-screen.hidden {
    opacity: 0;
    pointer-events: none;
  }
  .ss-c-loading-screen .ss-c-loading-text {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #737373;
  }
  .ss-c-biography .ss-c-bio-content {
    max-width: 50rem;
  }
  .ss-c-biography .ss-c-bio-content p {
    font-size: 1.1rem;
    line-height: 1.9;
    color: #737373;
    margin-bottom: unset;
  }
  .ss-c-experience-list {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
  .ss-c-experience-item {
    display: grid;
    grid-template-columns: 12.5rem 1fr;
    gap: unset;
    padding: unset 0;
    border-bottom: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-experience-item .ss-c-experience-date {
    color: #737373;
    font-size: 0.875rem;
  }
  .ss-c-experience-item .ss-c-experience-content h4 {
    margin-bottom: unset;
  }
  .ss-c-experience-item .ss-c-experience-content h4 a {
    color: var(--ss-color-text, #1a1a1a);
  }
  .ss-c-experience-item .ss-c-experience-content h4 a:hover {
    opacity: 0.7;
  }
  .ss-c-experience-item .ss-c-experience-content .ss-c-experience-role {
    color: #737373;
    font-size: 0.9rem;
  }
  .ss-c-work-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
    gap: unset;
  }
  .ss-c-work-card {
    background: #f2f2f2;
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    border-radius: 0;
    padding: unset;
    transition: transform 150ms ease, border-color 150ms ease;
  }
  .ss-c-work-card:hover {
    transform: translateY(-0.25rem);
    border-color: #737373;
  }
  .ss-c-work-card .ss-c-work-logo {
    width: 3.75rem;
    height: 3.75rem;
    margin-bottom: unset;
    border-radius: 0;
    background: var(--ss-color-fill, #ffffff);
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-work-card .ss-c-work-logo span {
    font-size: 1.25rem;
    font-weight: 600;
    color: #737373;
  }
  .ss-c-work-card .ss-c-work-logo img {
    max-width: 100%;
    max-height: 100%;
  }
  .ss-c-work-card h4 {
    margin-bottom: unset;
  }
  .ss-c-work-card p {
    color: #737373;
    font-size: 0.9rem;
    margin-bottom: unset;
  }
  .ss-c-work-card .ss-c-work-link {
    font-size: 0.875rem;
    color: #737373;
  }
  .ss-c-work-card .ss-c-work-link:hover {
    color: var(--ss-color-text, #1a1a1a);
  }
  .ss-c-mb-1 {
    margin-bottom: unset;
  }
  .ss-c-mb-2 {
    margin-bottom: unset;
  }
  .ss-c-mb-3 {
    margin-bottom: unset;
  }
  .ss-c-mt-1 {
    margin-top: unset;
  }
  .ss-c-mt-2 {
    margin-top: unset;
  }
  .ss-c-p-1 {
    padding: unset;
  }
  .ss-c-p-2 {
    padding: unset;
  }
  .ss-c-mono {
    font-family: "SF Mono", "Fira Code", "Fira Mono", Menlo, Monaco, Consolas, monospace;
    font-size: 0.875rem;
  }
  .ss-c-frame_main__area--top {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--ss-color-fill, #ffffff);
    border-bottom: 0.0625rem solid var(--ss-color-border, #e5e5e5);
  }
  .ss-c-frame_main__area--middle_center {
    flex: 1;
  }
  .ss-c-ribbon__title {
    display: flex;
    align-items: center;
    gap: unset;
    margin: 0;
    font-size: 1rem;
  }
  .ss-c-hero__headline {
    font-size: 3.75rem;
    line-height: 1.05;
    margin: 0;
  }
  @media (max-width: 56.25rem) {
    .ss-c-hero__headline {
      font-size: 2.625rem;
    }
  }
  @media (max-width: 37.5rem) {
    .ss-c-hero__headline {
      font-size: 2rem;
    }
  }
  .ss-c-hero__subtext {
    font-size: 1.125rem;
    color: #525252;
    max-width: 50ch;
  }
  .ss-c-hero__tagline {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.875rem;
    color: #000000;
  }
  .ss-c-hero__cta {
    display: flex;
    gap: unset;
    margin-top: unset;
  }
  .ss-c-hero__ascii {
    display: flex;
    justify-content: flex-end;
  }
  @media (max-width: 56.25rem) {
    .ss-c-hero__ascii {
      justify-content: flex-start;
    }
  }
  .ss-c-ascii-block {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.875rem;
    line-height: 1.5;
    white-space: pre;
    color: #525252;
    opacity: 0.8;
    background: #ffffff;
    padding: unset;
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    border-radius: 0;
  }
  @media (max-width: 37.5rem) {
    .ss-c-ascii-block {
      font-size: 0.6875rem;
      overflow-x: auto;
    }
  }
  .ss-c-modules-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: unset;
  }
  @media (max-width: 56.25rem) {
    .ss-c-modules-grid {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-module {
    background: #ffffff;
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    padding: unset;
    border-radius: 0;
  }
  .ss-c-module__label {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.75rem;
    color: #000000;
    margin-bottom: unset;
  }
  .ss-c-module__text {
    font-size: 0.9375rem;
    color: #525252;
    line-height: 1.6;
  }
  .ss-c-diagram {
    display: flex;
    justify-content: center;
    padding: unset 0;
  }
  .ss-c-diagram pre {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.875rem;
    line-height: 1.5;
    white-space: pre;
    color: #525252;
  }
  .ss-c-zoo .ss-c-button--primary {
    background: #000000;
    color: var(--ss-color-fill, #ffffff);
  }
  .ss-c-zoo .ss-c-button--ghost {
    background: transparent;
    border: 0.0625rem solid #000000;
    color: #000000;
  }
  .ss-c-philosophy {
    background: #000000;
    border-top: none;
    border-bottom: none;
    color: #FFFFFF;
  }
  .ss-c-philosophy__content {
    max-width: 56.25rem;
    margin: 0 auto;
    text-align: center;
  }
  .ss-c-philosophy__content h2 {
    color: #FFFFFF;
  }
  .ss-c-philosophy__conclusion {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.875rem;
    line-height: 1.7;
    color: #FFFFFF;
    opacity: 0.9;
    margin-bottom: unset;
    max-width: 43.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .ss-c-philosophy__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: unset;
    margin-top: unset;
    text-align: left;
  }
  @media (max-width: 43.75rem) {
    .ss-c-philosophy__grid {
      grid-template-columns: 1fr;
    }
  }
  .ss-c-philosophy__card {
    background: rgba(255, 255, 255, 0.1);
    padding: unset;
    border-radius: 0;
  }
  .ss-c-philosophy__card h3 {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.875rem;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: unset;
  }
  .ss-c-philosophy__card p {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.8125rem;
    line-height: 1.6;
    color: #FFFFFF;
    opacity: 0.85;
    margin: 0;
  }
  .ss-c-agents__footer {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.875rem;
    line-height: 1.7;
    color: #525252;
  }
  .ss-c-legal-page {
    padding: unset 0;
  }
  .ss-c-legal-page h1 {
    font-family: "Pixelify Sans", cursive;
    font-size: 2rem;
    margin-bottom: unset;
    color: var(--ss-color-text, #1a1a1a);
  }
  .ss-c-legal-page .ss-c-legal-intro {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.875rem;
    line-height: 1.7;
    color: #525252;
    margin-bottom: unset;
    max-width: 43.75rem;
  }
  .ss-c-legal-page h2 {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 1rem;
    margin-top: unset;
    margin-bottom: unset;
    color: #000000;
  }
  .ss-c-legal-page p, .ss-c-legal-page li {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.875rem;
    line-height: 1.7;
    color: #525252;
    margin-bottom: unset;
  }
  .ss-c-legal-page ul {
    list-style: disc;
    padding-left: unset;
    margin-bottom: unset;
  }
  .ss-c-legal-page a {
    color: #000000;
    text-decoration: underline;
  }
  .ss-c-legal-page .ss-c-legal-updated {
    font-size: 0.75rem;
    opacity: 0.7;
    margin-bottom: unset;
  }
  .ss-c-error-page {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: unset 0;
  }
  .ss-c-error-page__title {
    font-family: "Pixelify Sans", cursive;
    font-size: 7.5rem;
    font-weight: 700;
    color: #000000;
    margin: 0;
    line-height: 1;
    text-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.4);
  }
  @media (max-width: 37.5rem) {
    .ss-c-error-page__title {
      font-size: 5rem;
    }
  }
  .ss-c-error-page__message {
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 1rem;
    color: #525252;
    margin: unset 0 unset;
    max-width: 25rem;
  }
  .ss-c-error-page__action {
    margin-top: unset;
  }
  .ss-c-cta-block__box {
    display: inline-block;
    padding: unset unset;
    border: 0.0625rem solid var(--ss-color-border, #e5e5e5);
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 1rem;
    margin-bottom: unset;
  }
  .ss-c-mt-sm {
    margin-top: unset;
  }
  .ss-c-mt-md {
    margin-top: unset;
  }
  .ss-c-mt-lg {
    margin-top: unset;
  }
  .ss-c-mb-sm {
    margin-bottom: unset;
  }
  .ss-c-mb-md {
    margin-bottom: unset;
  }
  .ss-c-mb-lg {
    margin-bottom: unset;
  }
  .ss-c-main {
    width: 100%;
  }
  .ss-c-flock-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "SF Mono", "Fira Code", Menlo, Monaco, monospace;
    font-size: 0.875rem;
    line-height: 1.2;
    color: #000000;
    opacity: 0.45;
    white-space: pre;
    overflow: hidden;
    user-select: none;
    text-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.6);
  }
}
@layer ss.overrides {
  .ss-u-prose h1,
  .ss-u-prose h2,
  .ss-u-prose h3,
  .ss-u-prose h4,
  .ss-u-prose h5,
  .ss-u-prose h6 {
    margin-block-start: var(--ss-vspace-lg);
    margin-block-end: var(--ss-vspace-sm);
  }
  .ss-u-prose h1:first-child,
  .ss-u-prose h2:first-child,
  .ss-u-prose h3:first-child,
  .ss-u-prose h4:first-child,
  .ss-u-prose h5:first-child,
  .ss-u-prose h6:first-child {
    margin-block-start: 0;
  }
  .ss-u-prose p {
    margin-block-end: var(--ss-vspace-md);
  }
  .ss-u-prose p:last-child {
    margin-block-end: 0;
  }
  .ss-u-prose ul,
  .ss-u-prose ol {
    margin-block-end: var(--ss-vspace-md);
    padding-inline-start: var(--ss-spacing-6);
  }
  .ss-u-prose li {
    margin-block-end: var(--ss-spacing-2);
  }
  .ss-u-prose a {
    color: var(--ss-color-primary);
    text-decoration: underline;
  }
  .ss-u-prose a:hover {
    text-decoration: none;
  }
  .ss-u-prose img {
    max-width: 100%;
    height: auto;
    margin-block: var(--ss-vspace-md);
  }
  .ss-u-prose blockquote {
    margin-inline: 0;
    margin-block: var(--ss-vspace-md);
    padding-inline-start: var(--ss-spacing-4);
    border-inline-start: 0.25rem solid var(--ss-color-border);
    font-style: italic;
  }
}
@layer ss.overrides {
  @supports not (gap: calc(0.0625rem * 16)) {
    .ss-f-cluster > * {
      margin: calc(var(--ss-f-cluster-gap, var(--ss-spacing-4)) / 2);
    }
    .ss-f-cluster {
      margin: calc(var(--ss-f-cluster-gap, var(--ss-spacing-4)) / -2);
    }
  }
  @supports not (aspect-ratio: 1/1) {
    .ss-f-frame {
      position: relative;
    }
    .ss-f-frame::before {
      content: "";
      display: block;
      padding-block-start: 56.25%;
    }
    .ss-f-frame > * {
      position: absolute;
      inset: 0;
    }
  }
  @media print {
    .ss-u-no-print {
      display: none !important;
    }
    .ss-u-print-only {
      display: block !important;
    }
  }
  @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 ss.overrides {
  [data-theme=dark] {
    --ss-color-surface: #1c1c1c;
    --ss-color-text-primary: #f2f2f2;
    --ss-a-shadow-sm: 0 0.125rem 0.375rem rgb(0 0 0 / 0.4);
    --ss-a-shadow-md: 0 0.375rem 1.125rem rgb(0 0 0 / 0.6);
  }
}
:root {
  color-scheme: dark;
  --ss-color-background: #00111a;
  --ss-color-foreground: #ffffff;
  --ss-color-surface: #062636;
  --ss-color-surface-alt: #031118;
  --ss-color-surface-muted: #062636;
  --ss-color-surface-hover: #0a3347;
  --ss-color-surface-primary: #00111a;
  --ss-color-surface-1: #062636;
  --ss-color-surface-2: #0a3347;
  --ss-color-surface-3: #0f4158;
  --ss-color-fill: #00111a;
  --ss-color-fill-muted: #062636;
  --ss-color-text: #ffffff;
  --ss-color-text-primary: #ffffff;
  --ss-color-text-muted: #aec6d0;
  --ss-color-muted: #1a5a75;
  --ss-color-muted-foreground: #aec6d0;
  --ss-color-line: #0f4158;
  --ss-color-line-primary: #ffffff;
  --ss-color-line-secondary: #0a3347;
  --ss-color-border: #0f4158;
  --ss-color-border-muted: #0a3347;
  --ss-color-border-subtle: #062636;
  --ss-color-primary: #ffffff;
  --ss-color-secondary: #bdcad0;
  --ss-color-accent: #ffffff;
  --ss-color-accent-bg: #062636;
  --ss-color-accent-foreground: #00111a;
  --ss-color-accent-highlight: #c5dae5;
  --ss-color-accent-tertiary: #aec6d0;
  --ss-color-on-accent: #00111a;
  --ss-color-highlight: #0a3347;
  --ss-color-highlight-foreground: #e8f2f6;
  --ss-color-link: #bdcad0;
  --ss-color-link-hover: #ffffff;
  --ss-color-link-active: #ffffff;
  --ss-color-link-visited: #bdcad0;
  --ss-color-focus: #ffffff;
  --ss-color-state-hover: #ffffff;
  --ss-color-state-active: #ffffff;
  --ss-color-state-link: #bdcad0;
  --ss-color-success: #ffffff;
  --ss-color-success-bg: #062636;
  --ss-color-success-soft: #031118;
  --ss-color-success-foreground: #e8f2f6;
  --ss-color-on-success: #00111a;
  --ss-color-warning: #ffffff;
  --ss-color-warning-bg: #062636;
  --ss-color-warning-soft: #031118;
  --ss-color-warning-foreground: #e8f2f6;
  --ss-color-on-warning: #00111a;
  --ss-color-error: #ffffff;
  --ss-color-error-bg: #062636;
  --ss-color-error-soft: #031118;
  --ss-color-error-foreground: #e8f2f6;
  --ss-color-on-error: #00111a;
  --ss-color-info: #ffffff;
  --ss-color-info-bg: #062636;
  --ss-color-info-soft: #031118;
  --ss-color-info-foreground: #e8f2f6;
  --ss-color-on-info: #00111a;
  --ss-color-code-bg: #031118;
  --ss-color-code-background: #031118;
  --ss-color-code-foreground: #e8f2f6;
  --ss-color-kbd-bg: #062636;
  --ss-radius-none: 0;
  --ss-radius-sm: 0;
  --ss-radius-default: 0;
  --ss-radius-md: 0;
  --ss-radius-lg: 0;
  --ss-radius-xl: 0;
  --ss-radius-2xl: 0;
  --ss-radius-3xl: 0;
  --ss-radius-full: 0;
  --ss-a-shadow-none: none;
  --ss-a-shadow-sm: none;
  --ss-a-shadow-default: none;
  --ss-a-shadow-md: none;
  --ss-a-shadow-lg: none;
  --ss-a-shadow-xl: none;
  --ss-a-shadow-2xl: none;
  --ss-a-shadow-inner: none;
  --ss-a-shadow-color: transparent;
  --ss-a-shadow-color-heavy: transparent;
  --ss-font-family-sans: TASA Orbiter, Helvetica Neue, Helvetica, Arial, sans-serif;
  --ss-font-family-mono: SF Mono, Monaco, monospace;
}

:root[data-theme=light] {
  color-scheme: light;
  --ss-color-background: #ffffff;
  --ss-color-foreground: #00111a;
  --ss-color-surface: #e8f2f6;
  --ss-color-surface-alt: #f8fafb;
  --ss-color-surface-muted: #e8f2f6;
  --ss-color-surface-hover: #e8f2f6;
  --ss-color-surface-primary: #ffffff;
  --ss-color-surface-1: #e8f2f6;
  --ss-color-surface-2: #c5dae5;
  --ss-color-surface-3: #bdcad0;
  --ss-color-fill: #ffffff;
  --ss-color-fill-muted: #e8f2f6;
  --ss-color-text: #00111a;
  --ss-color-text-primary: #00111a;
  --ss-color-text-muted: #1a5a75;
  --ss-color-muted: #aec6d0;
  --ss-color-muted-foreground: #1a5a75;
  --ss-color-line: #c5dae5;
  --ss-color-line-primary: #00111a;
  --ss-color-line-secondary: #c5dae5;
  --ss-color-border: #c5dae5;
  --ss-color-border-muted: #e8f2f6;
  --ss-color-border-subtle: #e8f2f6;
  --ss-color-primary: #00111a;
  --ss-color-secondary: #0a3347;
  --ss-color-accent: #00111a;
  --ss-color-accent-bg: #e8f2f6;
  --ss-color-accent-foreground: #ffffff;
  --ss-color-accent-highlight: #0a3347;
  --ss-color-accent-tertiary: #1a5a75;
  --ss-color-on-accent: #ffffff;
  --ss-color-highlight: #c5dae5;
  --ss-color-highlight-foreground: #00111a;
  --ss-color-link: #1a5a75;
  --ss-color-link-hover: #00111a;
  --ss-color-link-active: #00111a;
  --ss-color-link-visited: #1a5a75;
  --ss-color-focus: #00111a;
  --ss-color-state-hover: #00111a;
  --ss-color-state-active: #00111a;
  --ss-color-state-link: #1a5a75;
  --ss-color-success: #00111a;
  --ss-color-success-bg: #e8f2f6;
  --ss-color-success-soft: #ffffff;
  --ss-color-success-foreground: #00111a;
  --ss-color-on-success: #ffffff;
  --ss-color-warning: #00111a;
  --ss-color-warning-bg: #e8f2f6;
  --ss-color-warning-soft: #ffffff;
  --ss-color-warning-foreground: #00111a;
  --ss-color-on-warning: #ffffff;
  --ss-color-error: #00111a;
  --ss-color-error-bg: #e8f2f6;
  --ss-color-error-soft: #ffffff;
  --ss-color-error-foreground: #00111a;
  --ss-color-on-error: #ffffff;
  --ss-color-info: #00111a;
  --ss-color-info-bg: #e8f2f6;
  --ss-color-info-soft: #ffffff;
  --ss-color-info-foreground: #00111a;
  --ss-color-on-info: #ffffff;
  --ss-color-code-bg: #031118;
  --ss-color-code-background: #031118;
  --ss-color-code-foreground: #e8f2f6;
  --ss-color-kbd-bg: #e8f2f6;
}

:root {
  --color-bg-primary: var(--ss-color-background);
  --color-bg-secondary: var(--ss-color-surface-alt);
  --color-bg-tertiary: var(--ss-color-surface);
  --color-bg-card: var(--ss-color-surface-primary);
  --color-bg-hover: var(--ss-color-surface-hover);
  --color-text-primary: var(--ss-color-text-primary);
  --color-text-secondary: var(--ss-color-secondary);
  --color-text-muted: var(--ss-color-text-muted);
  --color-text-inverse: var(--ss-color-on-accent);
  --color-border: var(--ss-color-border);
  --color-border-light: var(--ss-color-border-muted);
  --color-accent: var(--ss-color-accent);
  --color-link: var(--ss-color-link);
  --color-link-hover: var(--ss-color-link-hover);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --shadow-sm: 0 1px 2px rgba(0, 17, 26, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 17, 26, 0.15);
  --shadow-lg: 0 10px 15px rgba(0, 17, 26, 0.2);
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-muted);
  transition: color 200ms ease;
}
.theme-toggle:hover {
  color: var(--color-text-primary);
}
.theme-toggle svg {
  width: 16px;
  height: 16px;
  color: currentColor;
}
.theme-toggle__sun {
  display: block;
}
.theme-toggle__moon {
  display: none;
}

[data-theme=light] .theme-toggle .theme-toggle__sun {
  display: none;
}
[data-theme=light] .theme-toggle .theme-toggle__moon {
  display: block;
}

.lang-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text-muted);
  transition: color 200ms ease;
}
.lang-toggle:hover {
  color: var(--color-text-primary);
}
.lang-toggle__option {
  cursor: pointer;
}
.lang-toggle__option--active {
  color: var(--color-text-primary);
  font-weight: 600;
}
.lang-toggle__divider {
  color: var(--color-border);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "TASA Orbiter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-text-primary);
  background-color: var(--color-bg-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.3s ease, color 0.3s ease;
}

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

input,
button,
textarea,
select {
  font: inherit;
}

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

ul,
ol {
  list-style: none;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: "TASA Orbiter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
}

h1 {
  font-size: 3rem;
  letter-spacing: -0.03em;
}
@media (min-width: 1024px) {
  h1 {
    font-size: 3.75rem;
  }
}

h2 {
  font-size: 1.875rem;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  h2 {
    font-size: 2.25rem;
  }
}

h3 {
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  h3 {
    font-size: 1.875rem;
  }
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

p {
  font-family: "TASA Orbiter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #bdcad0;
  margin-bottom: 1rem;
}
p:last-child {
  margin-bottom: 0;
}

a {
  color: #ffffff;
  transition: opacity 150ms ease;
}
a:hover {
  opacity: 0.7;
}

strong {
  font-weight: 600;
}

em {
  font-style: italic;
}

code {
  font-family: "SF Mono", Monaco, monospace;
  font-size: 0.875em;
  background-color: #062636;
  color: #ffffff;
  padding: 0.125em 0.375em;
}

blockquote {
  border-left: 2px solid #ffffff;
  padding-left: 1rem;
  margin: 1.5rem 0;
  font-style: normal;
  color: #bdcad0;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1020;
  background-color: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border);
  transition: all 200ms ease;
}
.header--scrolled {
  border-bottom-color: var(--color-text-primary);
}
.header__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
}
.header__logo {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.header__logo img {
  height: 32px;
  width: auto;
}
.header__logo-img--light {
  display: none;
}
.header__logo-img--dark {
  display: inline-block;
}
[data-theme=light] .header .header__logo-img--light {
  display: inline-block;
}
[data-theme=light] .header .header__logo-img--dark {
  display: none;
}
.header__nav {
  display: none;
  margin-left: auto;
}
@media (min-width: 1024px) {
  .header__nav {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
}
.header__nav-link {
  position: relative;
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 150ms ease;
}
.header__nav-link:hover {
  color: var(--color-text-primary);
}
.header__nav-link--active {
  color: var(--color-text-primary);
  font-weight: 500;
}
.header__nav-link--active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  background-color: var(--color-text-primary);
}
.header__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.header__menu-toggle {
  display: flex;
  padding: 0.5rem;
}
@media (min-width: 1024px) {
  .header__menu-toggle {
    display: none;
  }
}
.header__menu-toggle svg {
  width: 24px;
  height: 24px;
  color: var(--color-text-primary);
}

.mobile-nav {
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-bg-primary);
  z-index: 1030;
  padding: 1.5rem;
  transform: translateX(100%);
  transition: transform 300ms ease;
}
.mobile-nav--open {
  transform: translateX(0);
}
@media (min-width: 1024px) {
  .mobile-nav {
    display: none;
  }
}
.mobile-nav__link {
  display: block;
  padding: 1rem 0;
  font-size: 1rem;
  font-weight: 400;
  color: #bdcad0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #0f4158;
}
.mobile-nav__link:hover {
  color: #ffffff;
}

.footer {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: 4rem 0 2rem;
  border-top: 1px solid var(--color-border);
}
.footer__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.footer__grid {
  display: grid;
  gap: 2.5rem;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .footer__grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 768px) {
  .footer__brand {
    grid-column: span 2;
    padding-right: 2rem;
  }
}
.footer__col {
  display: flex;
  flex-direction: column;
}
.footer__logo {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.footer__logo img {
  height: 24px;
  width: auto;
}
.footer__logo-img--light {
  display: none;
}
.footer__logo-img--dark {
  display: inline-block;
}
[data-theme=light] .footer .footer__logo-img--light {
  display: inline-block;
}
[data-theme=light] .footer .footer__logo-img--dark {
  display: none;
}
.footer__description {
  color: var(--color-text-muted);
  font-size: 0.875rem;
  line-height: 1.625;
  margin-bottom: 1.5rem;
}
.footer__social {
  display: flex;
  gap: 1rem;
}
.footer__social a {
  color: var(--color-text-muted);
  transition: color 150ms ease;
}
.footer__social a:hover {
  color: var(--color-text-primary);
}
.footer__social a svg {
  width: 20px;
  height: 20px;
}
.footer__section-title {
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text-muted);
  margin-bottom: 1rem;
}
.footer__link {
  display: block;
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  padding: 0.25rem 0;
  transition: color 150ms ease;
}
.footer__link:hover {
  color: var(--color-text-primary);
}
.footer__disclaimer {
  margin: 0 0 1.5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: 0.75rem;
  line-height: 1.625;
  max-width: 80ch;
}
.footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 2rem;
  row-gap: 0.75rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-border);
}
.footer__copyright {
  margin: 0;
  line-height: 1;
  color: var(--color-text-muted);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.footer__legal {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  line-height: 1;
}
.footer__settings {
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1;
}
.footer__legal-link {
  color: var(--color-text-muted);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 150ms ease;
}
.footer__legal-link:hover {
  color: var(--color-text-primary);
}
.footer__newsletter {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-border);
  max-width: 400px;
}

.newsletter-form__input-group {
  display: flex;
  gap: 0.5rem;
}
.newsletter-form__input {
  flex: 1;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: var(--color-text-primary);
  background-color: transparent;
  border: 1px solid var(--color-border);
  transition: border-color 150ms ease;
}
.newsletter-form__input::placeholder {
  color: var(--color-text-muted);
}
.newsletter-form__input:focus {
  outline: none;
  border-color: var(--color-text-primary);
}
.newsletter-form__button {
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-bg-primary);
  background-color: var(--color-text-primary);
  border: 1px solid var(--color-text-primary);
  cursor: pointer;
  transition: all 150ms ease;
}
.newsletter-form__button:hover {
  background-color: transparent;
  color: var(--color-text-primary);
}

.grid {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 640px) {
  .grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .grid--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container-sm {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  max-width: 768px;
}

.container-lg {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  max-width: 1024px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  font-family: "TASA Orbiter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  transition: all 200ms ease;
}
.btn:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}
.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.btn--primary {
  background-color: var(--color-text-primary);
  color: var(--color-bg-primary);
}
.btn--primary:hover {
  background-color: var(--color-text-secondary);
}
.btn--secondary {
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-primary);
}
.btn--secondary:hover {
  background-color: var(--color-bg-hover);
}
.btn--outline {
  background-color: transparent;
  border: 1px solid var(--color-text-primary);
  color: var(--color-text-primary);
}
.btn--outline:hover {
  background-color: var(--color-text-primary);
  color: var(--color-bg-primary);
}
.btn--ghost {
  background-color: transparent;
  color: var(--color-text-secondary);
}
.btn--ghost:hover {
  color: var(--color-text-primary);
}
.btn--sm {
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.btn--lg {
  padding: 1rem 2rem;
  font-size: 0.875rem;
}
.btn--block {
  width: 100%;
}
.btn--gradient {
  background-color: var(--color-text-primary);
  color: var(--color-bg-primary);
}
.btn--gradient:hover {
  background-color: var(--color-text-secondary);
}

.card {
  background-color: transparent;
  border: 1px solid #0f4158;
  padding: 1.5rem;
  transition: border-color 200ms ease;
}
.card:hover {
  border-color: #ffffff;
}
.card__image {
  margin: -1.5rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.card__image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  filter: grayscale(100%);
}
.card__image img:hover {
  filter: grayscale(0%);
}
.card__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
  color: var(--color-text-primary);
}
.card__icon svg {
  width: 100%;
  height: 100%;
}
.card__title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
}
.card__text {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  line-height: 1.625;
}
.card--feature {
  text-align: left;
}
.card--feature .card__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card--feature .card__icon svg {
  width: 32px;
  height: 32px;
}
.card--initiative {
  border: 1px solid var(--color-border);
}
.card--initiative:hover {
  border-color: var(--color-text-primary);
}

.feature-card {
  background-color: var(--color-bg-primary);
  padding: 2rem;
  text-align: left;
  transition: all 200ms ease;
  transform: translateY(0);
}
.feature-card:hover {
  background-color: var(--color-bg-hover);
  transform: translateY(-4px);
}
.feature-card__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 200ms ease;
}
.feature-card__icon svg {
  width: 32px;
  height: 32px;
  color: var(--color-text-primary);
}
.feature-card:hover .feature-card__icon {
  transform: scale(1.1);
}
.feature-card__title {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.feature-card__text {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  line-height: 1.625;
}

.feature-card {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out, background-color 200ms ease;
}
.feature-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.feature-card:hover {
  transform: translateY(-4px);
}
.feature-card--placeholder {
  opacity: 1;
  pointer-events: none;
}
.feature-card--placeholder:hover {
  background-color: var(--color-bg-primary);
  transform: none;
}

.logo-card {
  background-color: var(--color-bg-primary);
  padding: 2rem;
  text-align: left;
  transition: all 200ms ease;
  transform: translateY(0);
  aspect-ratio: 4/3;
  display: flex;
  flex-direction: column;
}
.logo-card:hover {
  background-color: var(--color-bg-hover);
  transform: translateY(-4px);
}
.logo-card__logo {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 200ms ease;
  order: 1;
}
.logo-card__logo svg {
  width: 40px;
  height: 40px;
  color: var(--color-text-primary);
}
.logo-card__logo--wordmark {
  width: 100%;
  max-width: 160px;
  height: 64px;
  justify-content: flex-start;
}
.logo-card__logo--wordmark svg {
  width: 100%;
  height: 100%;
}
.logo-card:hover .logo-card__logo {
  transform: scale(1.1);
}
.logo-card__title {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  min-height: 3.5em;
  order: 2;
}
.logo-card__text {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  line-height: 1.625;
  margin-bottom: 1rem;
  order: 3;
  flex-grow: 1;
}
.logo-card__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--color-text-muted);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 200ms ease;
  order: 4;
  margin-top: auto;
}
.logo-card__link:hover {
  color: var(--color-text-primary);
}
.logo-card__link svg {
  width: 14px;
  height: 14px;
}

.logo-card--placeholder {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none;
}
.logo-card--placeholder:hover {
  background-color: var(--color-bg-primary);
  transform: none;
}

.logo-card {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out, background-color 200ms ease;
}
.logo-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.logo-card:hover {
  transform: translateY(-4px);
}
.logo-card--placeholder {
  opacity: 1;
  pointer-events: none;
}
.logo-card--placeholder:hover {
  background-color: var(--color-bg-primary);
  transform: none;
}

.form-group {
  margin-bottom: 1.5rem;
}

.form-label {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #aec6d0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

.form-input, .form-select,
.form-textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #0f4158;
  transition: border-color 150ms ease;
}
.form-input::placeholder, .form-select::placeholder,
.form-textarea::placeholder {
  color: #1a5a75;
}
.form-input:focus, .form-select:focus,
.form-textarea:focus {
  outline: none;
  border-color: #ffffff;
}
.form-input:disabled, .form-select:disabled,
.form-textarea:disabled {
  background-color: #062636;
  cursor: not-allowed;
}

.form-textarea {
  resize: vertical;
  min-height: 120px;
}

.form-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 20px;
  padding-right: 2.5rem;
}

.form-checkbox,
.form-radio {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
}
.form-checkbox input,
.form-radio input {
  width: 18px;
  height: 18px;
  accent-color: #ffffff;
}
.form-checkbox span,
.form-radio span {
  font-size: 0.875rem;
  color: #bdcad0;
}

.form-error {
  color: #ffffff;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.form-help {
  color: #1a5a75;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.partner-logos__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}
.partner-logos__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  transition: all 300ms ease;
}
.partner-logos__item:hover {
  border-color: var(--color-text-muted);
  background: var(--color-bg-hover);
  transform: translateY(-4px);
}
.partner-logos__logo {
  width: 160px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.partner-logos__logo img,
.partner-logos__logo svg {
  max-width: 100%;
  max-height: 100%;
  color: var(--color-text-primary);
}
.partner-logos__name {
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  color: var(--color-text-primary);
}
.partner-logos__subtitle {
  font-size: 0.75rem;
  color: var(--color-text-muted);
  margin-bottom: 1rem;
}
.partner-logos__description {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.625;
  margin-bottom: 1rem;
}
.partner-logos__link {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text-muted);
  transition: color 200ms ease;
}
.partner-logos__link:hover {
  color: var(--color-text-primary);
}

.partner-logos--compact .partner-logos__grid {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
}
.partner-logos--compact .partner-logos__item {
  padding: 1.5rem;
}
.partner-logos--compact .partner-logos__logo {
  width: 120px;
  height: 60px;
  margin-bottom: 0;
}

.partner-logos--featured .partner-logos__grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2.5rem;
}
.partner-logos--featured .partner-logos__item {
  padding: 2.5rem;
}
.partner-logos--featured .partner-logos__logo {
  width: 200px;
  height: 100px;
  margin-bottom: 1.5rem;
}

.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: 180px 0 6rem;
  overflow: hidden;
}
.hero__background {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.3;
}
.hero__background::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, var(--color-bg-primary) 0%, transparent 30%, transparent 70%, var(--color-bg-primary) 100%);
}
.hero__content {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: left;
  position: relative;
  z-index: 2;
}
.hero__title, .hero__description, .hero__tagline, .hero__actions {
  max-width: 640px;
}
.hero__tagline {
  display: inline-block;
  color: var(--color-text-muted);
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 2rem;
  border-left: 2px solid var(--color-text-primary);
  padding-left: 1rem;
}
.hero__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 2rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
@media (min-width: 1024px) {
  .hero__title {
    font-size: 5rem;
  }
}
.hero__description {
  font-size: 1.125rem;
  color: var(--color-text-secondary);
  max-width: 600px;
  margin-bottom: 3rem;
  line-height: 1.625;
}
@media (min-width: 1024px) {
  .hero__description {
    font-size: 1.25rem;
  }
}
.hero__actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 640px) {
  .hero__actions {
    flex-direction: row;
  }
}
.hero__scroll-indicator {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  animation: bounce 2s infinite;
}
.hero__scroll-indicator svg {
  width: 24px;
  height: 24px;
  color: var(--color-text-muted);
}
.hero--compact {
  min-height: 50vh;
  padding-top: 120px;
}
.hero--pattern::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-image: linear-gradient(45deg, var(--color-border) 25%, transparent 25%), linear-gradient(-45deg, var(--color-border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-border) 75%), linear-gradient(-45deg, transparent 75%, var(--color-border) 75%);
  background-size: 60px 60px;
  background-position: 0 0, 0 30px, 30px -30px, -30px 0px;
  opacity: 0.1;
  z-index: 0;
}
.hero--gradient .hero__background {
  left: auto;
  right: 0;
  width: 50%;
}
@media (min-width: 1024px) {
  .hero--gradient .hero__background {
    width: 40%;
  }
}
.hero--gradient .hero__background img {
  opacity: 0.5;
}
.hero--gradient .hero__background::after {
  content: none;
}
.hero--gradient::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, rgba(15, 65, 88, 0.6) 50%, var(--color-bg-tertiary) 100%);
  z-index: 1;
}
@media (min-width: 1024px) {
  .hero--gradient::before {
    width: 40%;
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  40% {
    transform: translateX(-50%) translateY(-10px);
  }
  60% {
    transform: translateX(-50%) translateY(-5px);
  }
}
.features {
  padding: 6rem 0;
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border);
}
.features__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.features__header {
  text-align: left;
  max-width: 700px;
  margin-bottom: 4rem;
}
.features__tagline {
  display: inline-block;
  color: var(--color-text-muted);
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 1rem;
}
.features__title {
  font-size: 1.875rem;
  margin-bottom: 1rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .features__title {
    font-size: 2.25rem;
  }
}
.features__description {
  color: var(--color-text-secondary);
  font-size: 1.125rem;
}
.features__grid {
  display: grid;
  gap: 1px;
  background-color: var(--color-border);
}
@media (min-width: 768px) {
  .features__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .features__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.about {
  padding: 6rem 0;
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border);
}
.about__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.about__grid {
  display: grid;
  gap: 3rem;
  align-items: center;
}
@media (min-width: 1024px) {
  .about__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.about__image {
  overflow: hidden;
}
.about__image img {
  width: 100%;
  height: auto;
  filter: grayscale(100%);
  transition: filter 200ms ease;
}
.about__image img:hover {
  filter: grayscale(0%);
}
.about__tagline {
  display: inline-block;
  color: var(--color-text-muted);
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 1rem;
}
.about__title {
  font-size: 1.875rem;
  margin-bottom: 1.5rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .about__title {
    font-size: 2.25rem;
  }
}
.about__text {
  color: var(--color-text-secondary);
  font-size: 1.125rem;
  line-height: 1.625;
  margin-bottom: 1.5rem;
}

.mission {
  padding: 6rem 0;
  background-color: #00111a;
  color: #ffffff;
  border-top: 1px solid #0f4158;
}
.mission__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: left;
}
.mission__tagline {
  display: inline-block;
  color: #aec6d0;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 1.5rem;
}
.mission__title {
  font-size: 1.875rem;
  margin-bottom: 1.5rem;
  color: #ffffff;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .mission__title {
    font-size: 2.25rem;
  }
}
.mission__text {
  color: #aec6d0;
  font-size: 1.125rem;
  line-height: 1.625;
  max-width: 800px;
  margin-bottom: 2.5rem;
}
.mission__stats {
  display: grid;
  gap: 1px;
  background-color: #0f4158;
}
@media (min-width: 768px) {
  .mission__stats {
    grid-template-columns: repeat(3, 1fr);
  }
}
.mission__stat {
  text-align: left;
  padding: 2rem;
  background-color: #00111a;
}
.mission__stat-value {
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.5rem;
}
.mission__stat-label {
  color: #aec6d0;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.technology {
  padding: 6rem 0;
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border);
}
.technology__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.technology__header {
  text-align: left;
  max-width: 700px;
  margin-bottom: 4rem;
}
.technology__tagline {
  display: inline-block;
  color: #aec6d0;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 1rem;
}
.technology__title {
  font-size: 1.875rem;
  margin-bottom: 1rem;
  color: #ffffff;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .technology__title {
    font-size: 2.25rem;
  }
}
.technology__description {
  color: #aec6d0;
  font-size: 1.125rem;
}
.technology__grid {
  display: grid;
  gap: 3rem;
  background-color: transparent;
}
@media (min-width: 1024px) {
  .technology__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.technology__item {
  display: flex;
  gap: 1.5rem;
  padding: 1.5rem;
  background-color: var(--color-bg-secondary);
  transition: background-color 200ms ease;
}
.technology__item:hover {
  background-color: var(--color-bg-hover);
}
.technology__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border: 1px solid #0f4158;
  display: flex;
  align-items: center;
  justify-content: center;
}
.technology__icon svg {
  width: 24px;
  height: 24px;
  color: #ffffff;
}
.technology__content {
  flex: 1;
}
.technology__item-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.technology__item-text {
  color: #aec6d0;
  font-size: 0.875rem;
  line-height: 1.625;
}

.contact {
  padding: 6rem 0;
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border);
}
.contact__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.contact__grid {
  display: grid;
  gap: 3rem;
}
@media (min-width: 1024px) {
  .contact__grid {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}
@media (min-width: 1024px) {
  .contact__info {
    padding-right: 2rem;
  }
}
.contact__tagline {
  display: inline-block;
  color: var(--color-text-muted);
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 1rem;
}
.contact__title {
  font-size: 1.875rem;
  margin-bottom: 1.5rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .contact__title {
    font-size: 2.25rem;
  }
}
.contact__text {
  color: var(--color-text-secondary);
  font-size: 1.125rem;
  line-height: 1.625;
  max-width: 65ch;
  margin-bottom: 2rem;
}
.contact__actions {
  margin-bottom: 3rem;
}
.contact__group-title {
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text-muted);
  border-top: 1px solid var(--color-border);
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.contact__details {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contact__details--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 2rem 3rem;
}
.contact__detail {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.contact__detail-label {
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text-muted);
}
.contact__detail-value {
  font-size: 1rem;
  color: var(--color-text-primary);
  text-decoration: none;
}
.contact__detail-value:is(a):hover {
  text-decoration: underline;
}

.contact-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.contact-item__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border: 1px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-item__icon svg {
  width: 24px;
  height: 24px;
  color: var(--color-text-primary);
}
.contact-item__label {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  margin-bottom: 0.25rem;
}
.contact-item__value {
  font-weight: 500;
  color: var(--color-text-primary);
  transition: color 150ms ease;
}
.contact-item a.contact-item__value:hover {
  color: var(--color-link-hover);
}

.legal {
  padding: 6rem 0;
}
.legal__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  max-width: 800px;
}
.legal__content h2 {
  font-size: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
.legal__content h2:first-child {
  margin-top: 0;
}
.legal__content p {
  margin-bottom: 1rem;
}
.legal__content ul {
  list-style: disc;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
.legal__content ul li {
  margin-bottom: 0.5rem;
}
.legal__content a {
  color: #ffffff;
}
.legal__content a:hover {
  text-decoration: underline;
}

.cookie-table {
  width: 100%;
  margin: 1.5rem 0;
  border-collapse: collapse;
}
.cookie-table th, .cookie-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #062636;
}
.cookie-table th {
  background-color: #00111a;
  font-weight: 600;
}

.cta {
  padding: 6rem 0;
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border);
}
.cta__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
}
.cta__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.08;
  pointer-events: none;
}
.cta__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta__title {
  font-size: 1.875rem;
  margin-bottom: 1rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
  position: relative;
}
@media (min-width: 1024px) {
  .cta__title {
    font-size: 2.25rem;
  }
}
.cta__text {
  color: var(--color-text-secondary);
  font-size: 1.125rem;
  line-height: 1.625;
  margin-bottom: 2rem;
  max-width: 720px;
  position: relative;
}
.cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
}

.rich-text-section {
  padding: 6rem 0;
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border);
}
.rich-text-section__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.rich-text-section__layout {
  display: grid;
  gap: 3rem;
  align-items: start;
}
@media (min-width: 768px) {
  .rich-text-section__layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 4rem;
  }
}
.rich-text-section__media {
  order: -1;
}
@media (min-width: 768px) {
  .rich-text-section__media {
    order: 0;
    position: sticky;
    top: 3rem;
  }
}
.rich-text-section__placeholder {
  aspect-ratio: 4/3;
  width: 100%;
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  color: var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.rich-text-section__placeholder svg {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.rich-text-section__content {
  max-width: 800px;
  color: var(--color-text-secondary);
  line-height: 1.625;
  font-size: 1rem;
}
.rich-text-section__content h2 {
  font-size: 1.875rem;
  margin: 3rem 0 1rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.rich-text-section__content h2:first-child {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .rich-text-section__content h2 {
    font-size: 2.25rem;
  }
}
.rich-text-section__content h3 {
  font-size: 1.5rem;
  margin: 2rem 0 0.75rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.rich-text-section__content h4 {
  font-size: 1.25rem;
  margin: 1.5rem 0 0.5rem;
  color: var(--color-text-primary);
}
.rich-text-section__content p {
  margin-bottom: 1rem;
}
.rich-text-section__content ul,
.rich-text-section__content ol {
  margin: 1rem 0 1.5rem 1.5rem;
}
.rich-text-section__content ul li,
.rich-text-section__content ol li {
  margin-bottom: 0.5rem;
}
.rich-text-section__content a {
  color: var(--color-text-primary);
  text-decoration: underline;
}
.rich-text-section__content a:hover {
  text-decoration: none;
}
.rich-text-section__content img {
  max-width: 100%;
  height: auto;
  margin: 1.5rem 0;
}
.rich-text-section__content blockquote {
  border-left: 2px solid var(--color-text-primary);
  padding-left: 1.5rem;
  margin: 1.5rem 0;
  font-style: italic;
  color: var(--color-text-primary);
}

.partners {
  padding: 6rem 0;
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border);
}
.partners__inner {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.partners__header {
  text-align: left;
  max-width: 700px;
  margin-bottom: 4rem;
}
.partners__tagline {
  display: inline-block;
  color: var(--color-text-muted);
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 1rem;
}
.partners__title {
  font-size: 1.875rem;
  margin-bottom: 1rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .partners__title {
    font-size: 2.25rem;
  }
}
.partners__description {
  color: var(--color-text-secondary);
  font-size: 1.125rem;
}
.partners__grid {
  display: grid;
  gap: 1px;
  background-color: var(--color-border);
}
@media (min-width: 640px) {
  .partners__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .partners__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.partners .logo-card {
  opacity: 1;
  transform: none;
}
.partners .logo-card__placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  text-transform: uppercase;
}

.m-0 {
  margin: 0;
}

.m-auto {
  margin: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.m-1 {
  margin: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.m-8 {
  margin: 2rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-10 {
  margin: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.m-12 {
  margin: 3rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p-10 {
  padding: 2.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pl-12 {
  padding-left: 3rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.d-grid {
  display: grid;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-stretch {
  align-items: stretch;
}

.flex-1 {
  flex: 1;
}

.flex-auto {
  flex: auto;
}

.flex-none {
  flex: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

@media (min-width: 768px) {
  .md\:d-none {
    display: none;
  }
  .md\:d-block {
    display: block;
  }
  .md\:d-flex {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .lg\:d-none {
    display: none;
  }
  .lg\:d-block {
    display: block;
  }
  .lg\:d-flex {
    display: flex;
  }
}
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.text-xs {
  font-size: 0.75rem;
}

.text-sm {
  font-size: 0.875rem;
}

.text-base {
  font-size: 1rem;
}

.text-lg {
  font-size: 1.125rem;
}

.text-xl {
  font-size: 1.25rem;
}

.text-2xl {
  font-size: 1.5rem;
}

.text-3xl {
  font-size: 1.875rem;
}

.text-primary {
  color: #00111a;
}

.text-secondary {
  color: #062636;
}

.text-accent {
  color: #ffffff;
}

.text-dark {
  color: #00111a;
}

.text-light {
  color: #062636;
}

.text-white {
  color: #ffffff;
}

.text-muted {
  color: #1a5a75;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.no-underline {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

.leading-tight {
  line-height: 1.25;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.animate-on-scroll {
  opacity: 0;
}
.animate-on-scroll.is-visible {
  animation: fadeInUp 0.6s ease-out forwards;
}

.animate-fade-in {
  opacity: 0;
}
.animate-fade-in.is-visible {
  animation: fadeIn 0.6s ease-out forwards;
}

.animate-slide-left {
  opacity: 0;
}
.animate-slide-left.is-visible {
  animation: slideInLeft 0.6s ease-out forwards;
}

.animate-slide-right {
  opacity: 0;
}
.animate-slide-right.is-visible {
  animation: slideInRight 0.6s ease-out forwards;
}

.stagger-children > *:nth-child(1) {
  animation-delay: 0s;
}
.stagger-children > *:nth-child(2) {
  animation-delay: 0.1s;
}
.stagger-children > *:nth-child(3) {
  animation-delay: 0.2s;
}
.stagger-children > *:nth-child(4) {
  animation-delay: 0.3s;
}
.stagger-children > *:nth-child(5) {
  animation-delay: 0.4s;
}
.stagger-children > *:nth-child(6) {
  animation-delay: 0.5s;
}

.hover-lift {
  transition: transform 200ms ease;
}
.hover-lift:hover {
  transform: translateY(-4px);
}

.hover-scale {
  transition: transform 200ms ease;
}
.hover-scale:hover {
  transform: scale(1.02);
}

.hover-glow {
  transition: box-shadow 200ms ease;
}
.hover-glow:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
}