/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-geist, "Geist"), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: var(--font-geist-mono, "Geist Mono"), ui-monospace, "SFMono-Regular", Menlo, monospace;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --blur-md: 12px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-geist, "Geist"), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --default-mono-font-family: var(--font-geist-mono, "Geist Mono"), ui-monospace, "SFMono-Regular", Menlo, monospace;
    --color-graphite: #14181d;
    --color-graphite-2: #1b2027;
    --color-graphite-3: #262d36;
    --color-pit: #0d1014;
    --color-bone: #f4f1ea;
    --color-bone-2: #ebe6db;
    --color-bone-3: #d8d0bf;
    --color-paper: #fbfaf6;
    --color-safety: #ff6a1a;
    --color-safety-deep: #c2410c;
    --color-safety-ink: #b23c0a;
    --color-steel: #2f6fed;
    --color-steel-soft: #8db0ff;
    --color-hazard: #ffc400;
    --color-ink: #14181d;
    --color-ink-muted: #5b6470;
    --color-fog: #a3adb8;
    --color-fog-2: #7c8794;
    --color-white: #ffffff;
    --color-black: #000000;
    --text-hero: clamp(3.5rem, 13vw, 6.5rem);
    --text-hero--line-height: 0.86;
    --text-section: clamp(2.6rem, 6.2vw, 5.25rem);
    --text-section--line-height: 0.9;
    --text-block: clamp(2.3rem, 4.6vw, 3.9rem);
    --text-block--line-height: 0.92;
    --spacing-section: clamp(4.5rem, 9vw, 8.5rem);
    --radius-card: 1.25rem;
    --radius-btn: 0.8rem;
    --shadow-lift: 0 1px 0 rgb(255 255 255 / 0.04) inset, 0 24px 48px -24px rgb(0 0 0 / 0.6);
    --shadow-paper: 0 1px 0 rgb(255 255 255 / 0.7) inset, 0 18px 40px -22px rgb(20 24 29 / 0.35);
    --shadow-phone: 0 50px 90px -40px rgb(0 0 0 / 0.75), 0 24px 40px -24px rgb(0 0 0 / 0.5);
    --ease-snap: cubic-bezier(0.2, 0.9, 0.25, 1);
    --font-display: var(--font-barlow, "Barlow Condensed"), "Arial Narrow", "Helvetica Neue", sans-serif;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  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;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-3\.5 {
    top: calc(var(--spacing) * -3.5);
  }
  .top-0 {
    top: 0px;
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-\[0\.55rem\] {
    top: 0.55rem;
  }
  .top-\[2\.6rem\] {
    top: 2.6rem;
  }
  .top-\[11\%\] {
    top: 11%;
  }
  .top-\[17\%\] {
    top: 17%;
  }
  .top-\[18\%\] {
    top: 18%;
  }
  .top-\[23\%\] {
    top: 23%;
  }
  .top-\[26\%\] {
    top: 26%;
  }
  .top-\[36\%\] {
    top: 36%;
  }
  .top-\[48\%\] {
    top: 48%;
  }
  .top-\[56\%\] {
    top: 56%;
  }
  .top-\[calc\(4rem\+env\(safe-area-inset-top\,0px\)\)\] {
    top: calc(4rem + env(safe-area-inset-top,0px));
  }
  .top-full {
    top: 100%;
  }
  .-right-2 {
    right: calc(var(--spacing) * -2);
  }
  .-right-\[3px\] {
    right: calc(3px * -1);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-1 {
    bottom: var(--spacing);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-\[0\.45rem\] {
    bottom: 0.45rem;
  }
  .-left-2\.5 {
    left: calc(var(--spacing) * -2.5);
  }
  .-left-\[1\.45rem\] {
    left: calc(1.45rem * -1);
  }
  .-left-\[3px\] {
    left: calc(3px * -1);
  }
  .-left-\[5\%\] {
    left: calc(5% * -1);
  }
  .left-0 {
    left: 0px;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-7 {
    left: calc(var(--spacing) * 7);
  }
  .left-\[18\%\] {
    left: 18%;
  }
  .left-\[40\%\] {
    left: 40%;
  }
  .left-\[57\%\] {
    left: 57%;
  }
  .left-\[80\%\] {
    left: 80%;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-28 {
    margin-top: calc(var(--spacing) * 28);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .table {
    display: table;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[9\/19\] {
    aspect-ratio: 9/19;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-\[0\.7em\] {
    width: 0.7em;
    height: 0.7em;
  }
  .size-\[0\.62rem\] {
    width: 0.62rem;
    height: 0.62rem;
  }
  .size-\[1\.1rem\] {
    width: 1.1rem;
    height: 1.1rem;
  }
  .size-\[1\.05rem\] {
    width: 1.05rem;
    height: 1.05rem;
  }
  .size-\[1\.35rem\] {
    width: 1.35rem;
    height: 1.35rem;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-\[0\.66rem\] {
    height: 0.66rem;
  }
  .h-\[1\.35rem\] {
    height: 1.35rem;
  }
  .h-\[2\.6rem\] {
    height: 2.6rem;
  }
  .h-\[3\.5rem\] {
    height: 3.5rem;
  }
  .h-\[4px\] {
    height: 4px;
  }
  .h-\[6\%\] {
    height: 6%;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[8\.25rem\] {
    height: 8.25rem;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[10\%\] {
    height: 10%;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[13\%\] {
    height: 13%;
  }
  .h-\[46rem\] {
    height: 46rem;
  }
  .h-\[calc\(100\%\+0\.75rem\)\] {
    height: calc(100% + 0.75rem);
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .min-h-\[1\.1em\] {
    min-height: 1.1em;
  }
  .min-h-\[34rem\] {
    min-height: 34rem;
  }
  .min-h-full {
    min-height: 100%;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-\[1\.4rem\] {
    width: 1.4rem;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[5\.5rem\] {
    width: 5.5rem;
  }
  .w-\[16\.25rem\] {
    width: 16.25rem;
  }
  .w-\[17\.5rem\] {
    width: 17.5rem;
  }
  .w-\[34\%\] {
    width: 34%;
  }
  .w-\[42rem\] {
    width: 42rem;
  }
  .w-\[78\%\] {
    width: 78%;
  }
  .w-\[110\%\] {
    width: 110%;
  }
  .w-\[min\(23rem\,84vw\)\] {
    width: min(23rem, 84vw);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-\[12ch\] {
    max-width: 12ch;
  }
  .max-w-\[16ch\] {
    max-width: 16ch;
  }
  .max-w-\[34rem\] {
    max-width: 34rem;
  }
  .max-w-\[36rem\] {
    max-width: 36rem;
  }
  .max-w-\[46rem\] {
    max-width: 46rem;
  }
  .max-w-\[86\%\] {
    max-width: 86%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-\[40rem\] {
    min-width: 40rem;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[2\] {
    flex: 2;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .-rotate-\[2\.6deg\] {
    rotate: calc(2.6deg * -1);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-\[2\.2deg\] {
    rotate: 2.2deg;
  }
  .rotate-\[2deg\] {
    rotate: 2deg;
  }
  .rotate-\[8deg\] {
    rotate: 8deg;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-\[1\.35fr_1fr\] {
    grid-template-columns: 1.35fr 1fr;
  }
  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-20 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-24 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-white\/\[0\.06\] > :not(:last-child)) {
    border-color: color-mix(in srgb, #ffffff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[1\.05rem\] {
    border-radius: 1.05rem;
  }
  .rounded-\[1\.5px\] {
    border-radius: 1.5px;
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[1rem\] {
    border-radius: 1rem;
  }
  .rounded-\[2\.05rem\] {
    border-radius: 2.05rem;
  }
  .rounded-\[2\.6rem\] {
    border-radius: 2.6rem;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-btn {
    border-radius: var(--radius-btn);
  }
  .rounded-card {
    border-radius: var(--radius-card);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-\[1\.1rem\] {
    border-top-left-radius: 1.1rem;
    border-top-right-radius: 1.1rem;
  }
  .rounded-l-\[3px\] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .rounded-l-sm {
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
  }
  .rounded-r-\[4px\] {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .rounded-r-sm {
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }
  .rounded-b-card {
    border-bottom-right-radius: var(--radius-card);
    border-bottom-left-radius: var(--radius-card);
  }
  .rounded-br-\[0\.3rem\] {
    border-bottom-right-radius: 0.3rem;
  }
  .rounded-bl-\[0\.3rem\] {
    border-bottom-left-radius: 0.3rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-y-\[3px\] {
    border-block-style: var(--tw-border-style);
    border-block-width: 3px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-bone-3 {
    border-color: var(--color-bone-3);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-ink {
    border-color: var(--color-ink);
  }
  .border-ink\/10 {
    border-color: color-mix(in srgb, #14181d 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-ink) 10%, transparent);
    }
  }
  .border-ink\/15 {
    border-color: color-mix(in srgb, #14181d 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-ink) 15%, transparent);
    }
  }
  .border-ink\/20 {
    border-color: color-mix(in srgb, #14181d 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-ink) 20%, transparent);
    }
  }
  .border-ink\/25 {
    border-color: color-mix(in srgb, #14181d 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-ink) 25%, transparent);
    }
  }
  .border-ink\/60 {
    border-color: color-mix(in srgb, #14181d 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-ink) 60%, transparent);
    }
  }
  .border-safety {
    border-color: var(--color-safety);
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #ffffff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/15 {
    border-color: color-mix(in srgb, #ffffff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .border-white\/20 {
    border-color: color-mix(in srgb, #ffffff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-white\/\[0\.06\] {
    border-color: color-mix(in srgb, #ffffff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .border-white\/\[0\.07\] {
    border-color: color-mix(in srgb, #ffffff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
    }
  }
  .bg-\[\#e8e2d3\] {
    background-color: #e8e2d3;
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-bone {
    background-color: var(--color-bone);
  }
  .bg-bone-2 {
    background-color: var(--color-bone-2);
  }
  .bg-bone-3 {
    background-color: var(--color-bone-3);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-fog-2 {
    background-color: var(--color-fog-2);
  }
  .bg-graphite {
    background-color: var(--color-graphite);
  }
  .bg-graphite-2 {
    background-color: var(--color-graphite-2);
  }
  .bg-graphite-2\/80 {
    background-color: color-mix(in srgb, #1b2027 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-graphite-2) 80%, transparent);
    }
  }
  .bg-graphite-3 {
    background-color: var(--color-graphite-3);
  }
  .bg-graphite\/80 {
    background-color: color-mix(in srgb, #14181d 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-graphite) 80%, transparent);
    }
  }
  .bg-graphite\/90 {
    background-color: color-mix(in srgb, #14181d 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-graphite) 90%, transparent);
    }
  }
  .bg-graphite\/95 {
    background-color: color-mix(in srgb, #14181d 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-graphite) 95%, transparent);
    }
  }
  .bg-hazard {
    background-color: var(--color-hazard);
  }
  .bg-hazard\/25 {
    background-color: color-mix(in srgb, #ffc400 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-hazard) 25%, transparent);
    }
  }
  .bg-ink {
    background-color: var(--color-ink);
  }
  .bg-ink\/10 {
    background-color: color-mix(in srgb, #14181d 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ink) 10%, transparent);
    }
  }
  .bg-ink\/15 {
    background-color: color-mix(in srgb, #14181d 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ink) 15%, transparent);
    }
  }
  .bg-ink\/40 {
    background-color: color-mix(in srgb, #14181d 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ink) 40%, transparent);
    }
  }
  .bg-ink\/70 {
    background-color: color-mix(in srgb, #14181d 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ink) 70%, transparent);
    }
  }
  .bg-paper {
    background-color: var(--color-paper);
  }
  .bg-pit {
    background-color: var(--color-pit);
  }
  .bg-safety {
    background-color: var(--color-safety);
  }
  .bg-safety\/10 {
    background-color: color-mix(in srgb, #ff6a1a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-safety) 10%, transparent);
    }
  }
  .bg-safety\/15 {
    background-color: color-mix(in srgb, #ff6a1a 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-safety) 15%, transparent);
    }
  }
  .bg-steel {
    background-color: var(--color-steel);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #ffffff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/15 {
    background-color: color-mix(in srgb, #ffffff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #ffffff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/\[0\.07\] {
    background-color: color-mix(in srgb, #ffffff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
    }
  }
  .bg-white\/\[0\.9\] {
    background-color: color-mix(in srgb, #ffffff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-\[radial-gradient\(130\%_70\%_at_15\%_0\%\,\#34486f_0\%\,\#1c2536_45\%\,\#0f1319_100\%\)\] {
    background-image: radial-gradient(130% 70% at 15% 0%,#34486f 0%,#1c2536 45%,#0f1319 100%);
  }
  .object-cover {
    object-fit: cover;
  }
  .object-top {
    object-position: top;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-\[0\.55rem\] {
    padding: 0.55rem;
  }
  .p-\[1\.5px\] {
    padding: 1.5px;
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-28 {
    padding-block: calc(var(--spacing) * 28);
  }
  .py-px {
    padding-block: 1px;
  }
  .py-section {
    padding-block: var(--spacing-section);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-\[2\.85rem\] {
    padding-top: 2.85rem;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-\[max\(1rem\,env\(safe-area-inset-right\,0px\)\)\] {
    padding-right: max(1rem, env(safe-area-inset-right,0px));
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\,0px\)\)\] {
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom,0px));
  }
  .pb-\[max\(2rem\,env\(safe-area-inset-bottom\,0px\)\)\] {
    padding-bottom: max(2rem, env(safe-area-inset-bottom,0px));
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-\[max\(1rem\,env\(safe-area-inset-left\,0px\)\)\] {
    padding-left: max(1rem, env(safe-area-inset-left,0px));
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .font-display {
    font-family: var(--font-barlow, "Barlow Condensed"), "Arial Narrow", "Helvetica Neue", sans-serif;
  }
  .font-mono {
    font-family: var(--font-geist-mono, "Geist Mono"), ui-monospace, "SFMono-Regular", Menlo, monospace;
  }
  .font-sans {
    font-family: var(--font-geist, "Geist"), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-block {
    font-size: var(--text-block);
    line-height: var(--tw-leading, var(--text-block--line-height));
  }
  .text-hero {
    font-size: var(--text-hero);
    line-height: var(--tw-leading, var(--text-hero--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-section {
    font-size: var(--text-section);
    line-height: var(--tw-leading, var(--text-section--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.6rem\] {
    font-size: 0.6rem;
  }
  .text-\[0\.7rem\] {
    font-size: 0.7rem;
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[0\.55rem\] {
    font-size: 0.55rem;
  }
  .text-\[0\.56rem\] {
    font-size: 0.56rem;
  }
  .text-\[0\.58rem\] {
    font-size: 0.58rem;
  }
  .text-\[0\.62rem\] {
    font-size: 0.62rem;
  }
  .text-\[0\.65rem\] {
    font-size: 0.65rem;
  }
  .text-\[0\.68rem\] {
    font-size: 0.68rem;
  }
  .text-\[0\.71rem\] {
    font-size: 0.71rem;
  }
  .text-\[0\.72rem\] {
    font-size: 0.72rem;
  }
  .text-\[0\.74rem\] {
    font-size: 0.74rem;
  }
  .text-\[0\.92rem\] {
    font-size: 0.92rem;
  }
  .text-\[0\.95rem\] {
    font-size: 0.95rem;
  }
  .text-\[0\.97rem\] {
    font-size: 0.97rem;
  }
  .text-\[1\.4rem\] {
    font-size: 1.4rem;
  }
  .text-\[1\.05rem\] {
    font-size: 1.05rem;
  }
  .text-\[1\.6rem\] {
    font-size: 1.6rem;
  }
  .text-\[1\.9rem\] {
    font-size: 1.9rem;
  }
  .text-\[1\.35rem\] {
    font-size: 1.35rem;
  }
  .text-\[1\.75rem\] {
    font-size: 1.75rem;
  }
  .text-\[1\.95rem\] {
    font-size: 1.95rem;
  }
  .text-\[1rem\] {
    font-size: 1rem;
  }
  .text-\[2\.1rem\] {
    font-size: 2.1rem;
  }
  .text-\[2\.4rem\] {
    font-size: 2.4rem;
  }
  .text-\[2\.5rem\] {
    font-size: 2.5rem;
  }
  .text-\[2\.6rem\] {
    font-size: 2.6rem;
  }
  .text-\[2\.75rem\] {
    font-size: 2.75rem;
  }
  .text-\[2rem\] {
    font-size: 2rem;
  }
  .text-\[3\.5rem\] {
    font-size: 3.5rem;
  }
  .text-\[3\.25rem\] {
    font-size: 3.25rem;
  }
  .text-\[3rem\] {
    font-size: 3rem;
  }
  .text-\[clamp\(1\.4rem\,3vw\,2\.35rem\)\] {
    font-size: clamp(1.4rem, 3vw, 2.35rem);
  }
  .text-\[clamp\(2\.8rem\,7vw\,6\.25rem\)\] {
    font-size: clamp(2.8rem, 7vw, 6.25rem);
  }
  .text-\[clamp\(2rem\,4vw\,3rem\)\] {
    font-size: clamp(2rem, 4vw, 3rem);
  }
  .text-\[clamp\(3\.2rem\,10vw\,7\.5rem\)\] {
    font-size: clamp(3.2rem, 10vw, 7.5rem);
  }
  .text-\[clamp\(3\.5rem\,11vw\,8rem\)\] {
    font-size: clamp(3.5rem, 11vw, 8rem);
  }
  .leading-\[0\.9\] {
    --tw-leading: 0.9;
    line-height: 0.9;
  }
  .leading-\[0\.86\] {
    --tw-leading: 0.86;
    line-height: 0.86;
  }
  .leading-\[0\.88\] {
    --tw-leading: 0.88;
    line-height: 0.88;
  }
  .leading-\[0\.95\] {
    --tw-leading: 0.95;
    line-height: 0.95;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-\[0\.02em\] {
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
  }
  .tracking-\[0\.03em\] {
    --tw-tracking: 0.03em;
    letter-spacing: 0.03em;
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#d99a00\] {
    color: #d99a00;
  }
  .text-bone {
    color: var(--color-bone);
  }
  .text-bone\/80 {
    color: color-mix(in srgb, #f4f1ea 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-bone) 80%, transparent);
    }
  }
  .text-fog {
    color: var(--color-fog);
  }
  .text-fog-2 {
    color: var(--color-fog-2);
  }
  .text-hazard {
    color: var(--color-hazard);
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-ink-muted {
    color: var(--color-ink-muted);
  }
  .text-ink\/25 {
    color: color-mix(in srgb, #14181d 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-ink) 25%, transparent);
    }
  }
  .text-ink\/30 {
    color: color-mix(in srgb, #14181d 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-ink) 30%, transparent);
    }
  }
  .text-ink\/80 {
    color: color-mix(in srgb, #14181d 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-ink) 80%, transparent);
    }
  }
  .text-safety {
    color: var(--color-safety);
  }
  .text-safety-ink {
    color: var(--color-safety-ink);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/60 {
    color: color-mix(in srgb, #ffffff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/70 {
    color: color-mix(in srgb, #ffffff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-white\/75 {
    color: color-mix(in srgb, #ffffff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .text-white\/80 {
    color: color-mix(in srgb, #ffffff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/85 {
    color: color-mix(in srgb, #ffffff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .shadow-\[0_-14px_30px_-14px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 -14px 30px -14px var(--tw-shadow-color, rgba(0,0,0,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_var\(--color-graphite\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-graphite));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0_rgba\(255\,255\,255\,0\.8\)_inset\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_6px_12px_-6px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 6px 12px -6px var(--tw-shadow-color, rgba(0,0,0,0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_16px_-8px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: 0 8px 16px -8px var(--tw-shadow-color, rgba(0,0,0,0.7));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_24px_-14px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 10px 24px -14px var(--tw-shadow-color, rgba(0,0,0,0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_24px_-14px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: 0 10px 24px -14px var(--tw-shadow-color, rgba(0,0,0,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_24px_-16px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 10px 24px -16px var(--tw-shadow-color, rgba(0,0,0,0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_14px_30px_-12px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: 0 14px 30px -12px var(--tw-shadow-color, rgba(0,0,0,0.7));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_14px_30px_-14px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-shadow: 0 14px 30px -14px var(--tw-shadow-color, rgba(0,0,0,0.55));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_-2px_0_0_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: inset -2px 0 0 var(--tw-shadow-color, rgba(0,0,0,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lift {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgb(255 255 255 / 0.04)) inset, 0 24px 48px -24px var(--tw-shadow-color, rgb(0 0 0 / 0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-paper {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgb(255 255 255 / 0.7)) inset, 0 18px 40px -22px var(--tw-shadow-color, rgb(20 24 29 / 0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-phone {
    --tw-shadow: 0 50px 90px -40px var(--tw-shadow-color, rgb(0 0 0 / 0.75)), 0 24px 40px -24px var(--tw-shadow-color, rgb(0 0 0 / 0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-bone-3 {
    --tw-ring-color: var(--color-bone-3);
  }
  .ring-hazard {
    --tw-ring-color: var(--color-hazard);
  }
  .ring-ink\/10 {
    --tw-ring-color: color-mix(in srgb, #14181d 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-ink) 10%, transparent);
    }
  }
  .ring-safety {
    --tw-ring-color: var(--color-safety);
  }
  .ring-white {
    --tw-ring-color: var(--color-white);
  }
  .ring-white\/10 {
    --tw-ring-color: color-mix(in srgb, #ffffff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .ring-white\/\[0\.07\] {
    --tw-ring-color: color-mix(in srgb, #ffffff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
    }
  }
  .ring-white\/\[0\.08\] {
    --tw-ring-color: color-mix(in srgb, #ffffff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-ink {
    outline-color: var(--color-ink);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_30px_40px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-drop-shadow-size: drop-shadow(0 30px 40px var(--tw-drop-shadow-color, rgba(0,0,0,0.45)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[translate\,visibility\] {
    transition-property: translate,visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 45deg;
  }
  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:border-white\/40:hover {
      border-color: color-mix(in srgb, #ffffff 40%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/40:hover {
        border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }
    .hover\:bg-graphite-3:hover {
      background-color: var(--color-graphite-3);
    }
    .hover\:bg-white\/20:hover {
      background-color: color-mix(in srgb, #ffffff 20%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
    .hover\:bg-white\/\[0\.05\]:hover {
      background-color: color-mix(in srgb, #ffffff 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.05\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
    .hover\:bg-white\/\[0\.06\]:hover {
      background-color: color-mix(in srgb, #ffffff 6%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
    .hover\:text-bone:hover {
      color: var(--color-bone);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:opacity-90:hover {
      opacity: 90%;
    }
    .hover\:ring-ink\/30:hover {
      --tw-ring-color: color-mix(in srgb, #14181d 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-ink\/30:hover {
        --tw-ring-color: color-mix(in oklab, var(--color-ink) 30%, transparent);
      }
    }
    .hover\:ring-white\/20:hover {
      --tw-ring-color: color-mix(in srgb, #ffffff 20%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-white\/20:hover {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .focus\:fixed:focus {
    position: fixed;
  }
  .focus\:top-4:focus {
    top: calc(var(--spacing) * 4);
  }
  .focus\:left-4:focus {
    left: calc(var(--spacing) * 4);
  }
  .aria-\[current\=page\]\:text-safety[aria-current="page"] {
    color: var(--color-safety);
  }
  @media (width >= 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:inline-flex {
      display: inline-flex;
    }
    .sm\:h-52 {
      height: calc(var(--spacing) * 52);
    }
    .sm\:w-\[17\.25rem\] {
      width: 17.25rem;
    }
    .sm\:w-\[19rem\] {
      width: 19rem;
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:min-w-\[46rem\] {
      min-width: 46rem;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .sm\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }
    .sm\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .sm\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (width >= 48rem) {
    .md\:top-\[calc\(4\.5rem\+env\(safe-area-inset-top\,0px\)\)\] {
      top: calc(4.5rem + env(safe-area-inset-top,0px));
    }
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .md\:my-16 {
      margin-block: calc(var(--spacing) * 16);
    }
    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
    .md\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }
    .md\:mt-24 {
      margin-top: calc(var(--spacing) * 24);
    }
    .md\:mt-40 {
      margin-top: calc(var(--spacing) * 40);
    }
    .md\:block {
      display: block;
    }
    .md\:hidden {
      display: none;
    }
    .md\:h-\[4\.5rem\] {
      height: 4.5rem;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-end {
      align-items: flex-end;
    }
    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .md\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    :where(.md\:space-y-24 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.md\:space-y-36 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 36) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 36) * calc(1 - var(--tw-space-y-reverse)));
    }
    .md\:border-l-0 {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .md\:py-7 {
      padding-block: calc(var(--spacing) * 7);
    }
    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .md\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }
    .md\:py-40 {
      padding-block: calc(var(--spacing) * 40);
    }
    .md\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }
    .md\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }
    .md\:pr-14 {
      padding-right: calc(var(--spacing) * 14);
    }
    .md\:pb-0 {
      padding-bottom: 0px;
    }
    .md\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
    .md\:pl-0 {
      padding-left: 0px;
    }
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .md\:text-\[1\.85rem\] {
      font-size: 1.85rem;
    }
  }
  @media (width >= 64rem) {
    .lg\:sticky {
      position: sticky;
    }
    .lg\:top-28 {
      top: calc(var(--spacing) * 28);
    }
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
    .lg\:row-span-2 {
      grid-row: span 2 / span 2;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:inline-flex {
      display: inline-flex;
    }
    .lg\:aspect-auto {
      aspect-ratio: auto;
    }
    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-end {
      align-items: flex-end;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:justify-end {
      justify-content: flex-end;
    }
    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .lg\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }
    .lg\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }
    .lg\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }
    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
    .lg\:text-\[clamp\(5\.5rem\,8\.4vw\,8\.5rem\)\] {
      font-size: clamp(5.5rem, 8.4vw, 8.5rem);
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
}
@layer base {
  html {
    color-scheme: dark;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: 6rem;
    background: var(--color-graphite);
  }
  body {
    min-height: 100dvh;
    background: var(--color-graphite);
    color: var(--color-bone);
    font-family: var(--font-sans);
    font-size: 1rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  body::before {
    content: "";
    position: fixed;
    inset: 0 0 auto;
    height: env(safe-area-inset-top, 0px);
    background: var(--color-graphite);
    z-index: 60;
  }
  h1, h2, h3, h4 {
    text-wrap: balance;
  }
  p, li, dd {
    text-wrap: pretty;
  }
  ::selection {
    background: var(--color-safety);
    color: var(--color-ink);
  }
  :focus-visible {
    outline: 3px solid var(--color-safety);
    outline-offset: 3px;
  }
  html.lock-scroll, html:has(dialog[open]) {
    overflow: hidden;
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
  }
}
@layer components {
  .wrap {
    width: 100%;
    max-width: 82rem;
    margin-inline: auto;
    padding-left: max(1.25rem, env(safe-area-inset-left, 0px));
    padding-right: max(1.25rem, env(safe-area-inset-right, 0px));
  }
  @media (min-width: 48rem) {
    .wrap {
      padding-left: max(2rem, env(safe-area-inset-left, 0px));
      padding-right: max(2rem, env(safe-area-inset-right, 0px));
    }
  }
  .site-header {
    top: env(safe-area-inset-top, 0px);
  }
  .display {
    font-family: var(--font-display);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.004em;
    line-height: 0.9;
  }
  .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  .eyebrow::before {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    flex-shrink: 0;
    background: var(--color-safety);
  }
  .ph {
    color: inherit;
    background: color-mix(in srgb, #ffc400 24%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-hazard) 24%, transparent);
    }
    box-shadow: inset 0 -2px 0 #e2a400;
    border-radius: 3px;
    padding: 0 0.18em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .btn {
    --btn-edge: var(--color-safety-deep);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-height: 3.25rem;
    padding: 0.8rem 1.5rem;
    border-radius: var(--radius-btn);
    font-family: var(--font-display);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.12s var(--ease-snap), box-shadow 0.12s var(--ease-snap), background-color 0.15s ease;
  }
  .btn-primary {
    background: var(--color-safety);
    color: var(--color-ink);
    box-shadow: 0 5px 0 0 var(--btn-edge), inset 0 1px 0 rgb(255 255 255 / 0.35);
  }
  .btn-primary:hover {
    background: #ff7d36;
  }
  .btn-dark {
    --btn-edge: #000;
    background: var(--color-graphite);
    color: var(--color-bone);
    box-shadow: 0 5px 0 0 var(--btn-edge), inset 0 1px 0 rgb(255 255 255 / 0.08);
  }
  .btn-dark:hover {
    background: var(--color-graphite-2);
  }
  .btn-primary:active, .btn-dark:active {
    transform: translateY(4px);
    box-shadow: 0 1px 0 0 var(--btn-edge);
  }
  .btn-outline {
    color: var(--color-bone);
    box-shadow: inset 0 0 0 1.5px rgb(244 241 234 / 0.3);
  }
  .btn-outline:hover {
    background: rgb(244 241 234 / 0.05);
    box-shadow: inset 0 0 0 1.5px rgb(244 241 234 / 0.65);
  }
  .btn-outline-ink {
    color: var(--color-ink);
    box-shadow: inset 0 0 0 1.5px rgb(20 24 29 / 0.3);
  }
  .btn-outline-ink:hover {
    background: rgb(20 24 29 / 0.05);
    box-shadow: inset 0 0 0 1.5px rgb(20 24 29 / 0.7);
  }
  .btn-sm {
    min-height: 2.65rem;
    padding: 0.6rem 1.05rem;
    font-size: 1.05rem;
  }
  .btn-sm.btn-primary, .btn-sm.btn-dark {
    box-shadow: 0 4px 0 0 var(--btn-edge), inset 0 1px 0 rgb(255 255 255 / 0.3);
  }
  .btn-sm.btn-primary:active, .btn-sm.btn-dark:active {
    transform: translateY(3px);
    box-shadow: 0 1px 0 0 var(--btn-edge);
  }
  .navlink {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.6rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--color-fog);
    transition: color 0.15s ease, background-color 0.15s ease;
  }
  .navlink:hover, .navlink[aria-expanded="true"] {
    color: var(--color-bone);
    background: rgb(244 241 234 / 0.05);
  }
  .navlink[aria-current="page"] {
    color: var(--color-bone);
    box-shadow: inset 0 -2px 0 var(--color-safety);
    border-radius: 0;
  }
  .blueprint {
    background-image: linear-gradient(to right, rgb(244 241 234 / 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgb(244 241 234 / 0.05) 1px, transparent 1px);
    background-size: 2.5rem 2.5rem;
    background-position: -1px -1px;
  }
  .blueprint-ink {
    background-image: linear-gradient(to right, rgb(20 24 29 / 0.06) 1px, transparent 1px), linear-gradient(to bottom, rgb(20 24 29 / 0.06) 1px, transparent 1px);
    background-size: 2.5rem 2.5rem;
    background-position: -1px -1px;
  }
  .fade-down {
    -webkit-mask-image: radial-gradient(ellipse 90% 75% at 30% 0%, #000 25%, transparent 100%);
    mask-image: radial-gradient(ellipse 90% 75% at 30% 0%, #000 25%, transparent 100%);
  }
  .grain {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity: 0.07;
    mix-blend-mode: overlay;
  }
  .hazard {
    background: repeating-linear-gradient(-45deg, var(--color-safety) 0 14px, var(--color-graphite) 14px 28px);
  }
  .hazard-on-orange {
    background: repeating-linear-gradient(-45deg, var(--color-ink) 0 14px, var(--color-safety) 14px 28px);
  }
  .hatch {
    background-color: var(--color-bone-2);
    background-image: repeating-linear-gradient(45deg, rgb(20 24 29 / 0.08) 0 1px, transparent 1px 11px);
    box-shadow: inset 0 0 0 1.5px rgb(20 24 29 / 0.18);
  }
  .hatch-dark {
    background-color: var(--color-graphite-3);
    background-image: repeating-linear-gradient(45deg, rgb(244 241 234 / 0.07) 0 1px, transparent 1px 11px);
  }
  .scallop-top {
    --s: 16px;
    -webkit-mask: radial-gradient(calc(var(--s) / 2.4) at 50% 0, #0000 98%, #000) 50% 0 / var(--s) 100% repeat-x;
    mask: radial-gradient(calc(var(--s) / 2.4) at 50% 0, #0000 98%, #000) 50% 0 / var(--s) 100% repeat-x;
  }
  .tape {
    background-color: var(--color-hazard);
    background-image: linear-gradient(to right, var(--color-ink) 0 2px, transparent 2px), linear-gradient(to right, var(--color-ink) 0 1.5px, transparent 1.5px), linear-gradient(to right, var(--color-ink) 0 1px, transparent 1px), linear-gradient(to right, var(--color-ink) 0 1px, transparent 1px), linear-gradient(to bottom, rgb(255 255 255 / 0.35), transparent 40%, rgb(0 0 0 / 0.08));
    background-size: 4rem 48%, 2rem 34%, 1rem 24%, 0.5rem 15%, 100% 100%;
    background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat;
    background-position: 0 0;
    box-shadow: inset 0 0 0 1px rgb(20 24 29 / 0.25), 0 10px 24px -12px rgb(0 0 0 / 0.6);
  }
  .seq {
    transition: opacity 0.45s var(--ease-snap), translate 0.45s var(--ease-snap), scale 0.45s var(--ease-snap);
  }
  .seq[data-on="false"] {
    opacity: 0;
    translate: 0 8px;
    scale: 0.98;
  }
  .seq-drop[data-on="false"] {
    translate: 0 -14px;
  }
  .band-track {
    animation: marquee 70s linear infinite;
  }
  .band-reverse {
    animation-direction: reverse;
  }
  .faq-item > summary {
    list-style: none;
  }
  .faq-item > summary::-webkit-details-marker {
    display: none;
  }
  .faq-item[open] > .faq-body {
    animation: faq-in 0.35s var(--ease-snap);
  }
  .demo-dialog {
    margin: auto;
    width: min(58rem, calc(100% - 1.5rem));
    max-height: calc(100dvh - 1.5rem);
    padding: 0;
    border: 0;
    border-radius: var(--radius-card);
    background: var(--color-graphite-2);
    color: var(--color-bone);
    box-shadow: 0 40px 120px -20px rgb(0 0 0 / 0.8), 0 0 0 1px rgb(255 255 255 / 0.08);
    overflow: auto;
    overscroll-behavior: contain;
  }
  .demo-dialog[open] {
    animation: dialog-in 0.35s var(--ease-snap);
  }
  .demo-dialog::backdrop {
    background: rgb(13 16 20 / 0.8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  .range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 2.25rem;
    background: transparent;
    cursor: pointer;
    touch-action: pan-y;
  }
  .range:focus-visible {
    outline: none;
  }
  .range::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(to right, var(--color-safety) var(--fill, 50%), var(--color-graphite-3) var(--fill, 50%));
  }
  .range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: calc(3px - 0.8rem);
    border-radius: 0.45rem;
    background: var(--color-bone);
    border: 3px solid var(--color-safety);
    box-shadow: 0 3px 0 var(--color-safety-deep);
  }
  .range:focus-visible::-webkit-slider-thumb {
    outline: 3px solid var(--color-bone);
    outline-offset: 3px;
  }
  .range::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: var(--color-graphite-3);
  }
  .range::-moz-range-progress {
    height: 6px;
    border-radius: 999px;
    background: var(--color-safety);
  }
  .range::-moz-range-thumb {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 0.45rem;
    background: var(--color-bone);
    border: 3px solid var(--color-safety);
  }
  .prose-legal h2 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 1.9rem;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 2.75rem;
  }
  .prose-legal p, .prose-legal li {
    margin-top: 0.9rem;
    color: var(--color-ink-muted);
    line-height: 1.7;
  }
  .prose-legal ul {
    list-style: disc;
    padding-left: 1.25rem;
  }
}
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .reveal {
      animation: reveal-up linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 30%;
    }
  }
}
@keyframes reveal-up {
  from {
    opacity: 0.5;
    translate: 0 2.5rem;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes marquee {
  to {
    transform: translateX(-50%);
  }
}
@keyframes faq-in {
  from {
    opacity: 0;
    translate: 0 -6px;
  }
}
@keyframes dialog-in {
  from {
    opacity: 0;
    translate: 0 18px;
    scale: 0.98;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
    }
  }
}

/* Skrap: normal-case headings */
#system-title, #website-title, #reviews-title, #missed-calls-title, #campaigns-title { text-transform: none; letter-spacing: -0.01em; }

/* Skrap: review funnel phone demo */
/* Shared base for all Skrap phone demos (sections 1-3) */
.rf{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#ece7dd 0%,#dcd5c8 100%);color:#14181d;font-family:var(--font-sans)}
.rf p{margin:0}
.rf-bg{position:absolute;inset:0;filter:blur(5px);opacity:.75}
.rf-bg span{position:absolute;left:8%;right:8%;border-radius:.6rem;background:#c9c1b2}
.rf-bg-bar{top:3rem;height:1.6rem;background:#14181d!important;opacity:.85}
.rf-bg-hero{top:5.4rem;height:6.5rem;background:#2a3140!important}
.rf-bg-l1{top:12.8rem;height:.7rem;right:30%!important}
.rf-bg-l2{top:14.1rem;height:.7rem;right:45%!important}
.rf-bg-img{top:16rem;height:9rem;background:#b8ae9c!important}
.rf-scene{position:absolute;inset:2.6rem 0 0;display:flex;flex-direction:column;justify-content:center;gap:.55rem;padding:0 .7rem 1.6rem;opacity:0;transform:translateY(10px) scale(.97);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.rf-scene[data-on="true"]{opacity:1;transform:none}

/* Taps: a single press, timed per element with an inline delay */
.rf-tap{position:absolute;right:.45rem;top:50%;width:1.35rem;height:1.35rem;margin-top:-.675rem;border-radius:999px;background:rgba(255,255,255,.5);border:2px solid #fff;opacity:0;pointer-events:none}
.rf-tap[data-on="true"]{animation:rf-tap 1.1s ease-out both}
@keyframes rf-tap{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(.75)}100%{opacity:0;transform:scale(1.7)}}

/* Typing: each character fades in on its own delay */
.ty-c{opacity:0}
.ty[data-on="true"] .ty-c{animation:ty-c .01s linear both}
@keyframes ty-c{from{opacity:0}to{opacity:1}}
.ty-dots{position:absolute;left:.65rem;top:.6rem;display:flex;gap:.2rem;opacity:0}
[data-on="true"]>.ty-dots{animation:ty-hide .01s linear both}
.ty-dots i{width:.32rem;height:.32rem;border-radius:999px;background:#8a8f96;animation:ty-bounce 1s ease-in-out infinite}
.ty-dots i:nth-child(2){animation-delay:.15s}
.ty-dots i:nth-child(3){animation-delay:.3s}
@keyframes ty-hide{0%{opacity:1}100%{opacity:0}}
@keyframes ty-bounce{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@keyframes rf-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Section 2: review funnel */
.rf-card{background:#14181d;color:#f4f1ea;border-radius:1rem;padding:1.05rem .85rem 1.1rem;text-align:center;box-shadow:0 22px 40px -20px rgba(0,0,0,.75)}
.rf-kicker{font-family:var(--font-mono,ui-monospace);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:#a7adb4}
.rf-h{margin-top:.35rem!important;font-family:var(--font-display);font-weight:800;font-size:1.45rem;line-height:.95;text-transform:uppercase}
.rf-stars{margin-top:.45rem!important;color:#ffc400;font-size:1.05rem;letter-spacing:.14em}
.rf-btn{position:relative;display:inline-flex;margin-top:.8rem;padding:.6rem 1rem;border-radius:.65rem;background:#ff6a1a;color:#14181d;font-family:var(--font-display);font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.rf-panel{background:#fff;border-radius:1rem;padding:.85rem .75rem;box-shadow:0 22px 40px -20px rgba(0,0,0,.55)}
.rf-panel-h{text-align:center;font-weight:700;font-size:.86rem;line-height:1.2}
.rf-logo{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin:.6rem auto .25rem;border-radius:999px;background:#14181d;color:#ff6a1a;font-family:var(--font-display);font-size:1.05rem;font-weight:800}
.rf-biz{text-align:center;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:#5f656c}
.rf-opts{display:grid;gap:.28rem;margin-top:.6rem}
.rf-opt{position:relative;display:flex;align-items:center;gap:.45rem;padding:.36rem .5rem;border:1px solid #e6e1d7;border-radius:.55rem;font-size:.64rem;transition:background .3s .6s,border-color .3s .6s}
.rf-opt[data-on="true"]{background:#fff1e8;border-color:#ff6a1a}
.rf-radio{flex:none;width:.72rem;height:.72rem;border:1.5px solid #9aa0a6;border-radius:999px;transition:all .3s .6s}
.rf-opt[data-on="true"] .rf-radio{border-color:#ff6a1a;background:#ff6a1a;box-shadow:inset 0 0 0 2px #fff}
.rf-ostars{color:#f5a800;letter-spacing:.06em}
.rf-ostars i{font-style:normal;color:#ddd8ce}
.rf-olabel{margin-left:auto;margin-right:1.4rem;color:#5f656c}
.rf-opt .rf-tap{background:rgba(255,106,26,.3);border-color:#ff6a1a;right:.3rem}
.rf-next{margin-top:.6rem;padding:.45rem;border-radius:.55rem;background:#14181d;color:#fff;text-align:center;font-size:.66rem;font-weight:700}
.rf-sub{margin-top:.25rem!important;text-align:center;font-size:.6rem;color:#5f656c}
.rf-field{margin-top:.5rem}
.rf-label{font-size:.56rem;font-weight:600;color:#5f656c}
.rf-input{margin-top:.15rem;min-height:1.5rem;padding:.36rem .45rem;border:1px solid #e6e1d7;border-radius:.45rem;background:#faf8f4;font-size:.64rem;line-height:1.35}
.rf-tall{min-height:2.8rem}
.rf-toast{display:flex;align-items:center;gap:.45rem;padding:.55rem .65rem;border-radius:.75rem;background:#14181d;color:#f4f1ea;font-size:.62rem;line-height:1.3;opacity:0}
.rf-toast b{color:#ff6a1a}
.rf-toast-ic{display:grid;place-items:center;flex:none;width:1.2rem;height:1.2rem;border-radius:999px;background:#ff6a1a;color:#14181d;font-weight:800}
.rf-scene[data-on="true"] .rf-toast{animation:rf-in .4s ease 3.6s both}
.rf-g{background:#202124;color:#e8eaed;border-radius:1rem;padding:.85rem .75rem;box-shadow:0 22px 40px -20px rgba(0,0,0,.75)}
.rf-g-biz{text-align:center;font-size:.64rem;color:#bdc1c6}
.rf-g-user{display:flex;align-items:center;gap:.5rem;margin-top:.7rem}
.rf-avatar{display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border-radius:999px;background:#ff6a1a;color:#14181d;font-size:.62rem;font-weight:800}
.rf-g-name{font-size:.72rem;font-weight:600}
.rf-g-meta{font-size:.55rem;color:#9aa0a6}
.rf-g-stars{margin-top:.55rem!important;text-align:center;font-size:1.3rem;letter-spacing:.14em;color:#fbbc04}
.rf-scene[data-on="true"] .rf-g-stars span{display:inline-block;animation:rf-star .35s ease both}
.rf-g-stars span:nth-child(2){animation-delay:.1s!important}
.rf-g-stars span:nth-child(3){animation-delay:.2s!important}
.rf-g-stars span:nth-child(4){animation-delay:.3s!important}
.rf-g-stars span:nth-child(5){animation-delay:.4s!important}
@keyframes rf-star{from{opacity:.15;transform:scale(.6)}to{opacity:1;transform:none}}
.rf-g-text{margin-top:.55rem;min-height:2.6rem;padding:.45rem .5rem;border:1px solid #5f6368;border-radius:.5rem;font-size:.62rem;line-height:1.4}
.rf-g-actions{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.7rem}
.rf-g-cancel,.rf-g-post{position:relative;padding:.36rem .7rem;border-radius:.45rem;font-size:.62rem;font-weight:600}
.rf-g-cancel{border:1px solid #5f6368;color:#8ab4f8}
.rf-g-post{background:#8ab4f8;color:#202124;font-weight:700;padding-right:1.9rem}
.rf-g-post .rf-tap{right:.2rem;background:rgba(32,33,36,.25);border-color:#202124}
.rf-posted{align-self:center;padding:.4rem .75rem;border-radius:999px;background:#e6f4ea;color:#137333;font-size:.64rem;font-weight:700;opacity:0}
.rf-scene[data-on="true"] .rf-posted{animation:rf-in .4s ease 3.1s both}

/* Section 3: missed call */
.mc{background:linear-gradient(180deg,#d9d4cc 0%,#bfb8ad 100%)}
.mc-bg{filter:blur(14px);opacity:.9}
.mc-bg .mc-blob{position:absolute;border-radius:999px;right:auto}
.mc-bg .mc-b1{left:-12%;top:34%;width:72%;height:30%;background:#7f9bc2}
.mc-bg .mc-b2{left:55%;top:48%;width:55%;height:20%;background:#c9824f}
.mc-bg .mc-b3{left:5%;top:78%;width:95%;height:26%;background:#2f333a}
.mc-call{justify-content:space-between;padding:1.4rem .8rem 2.2rem}
.mc-caller{text-align:center}
.mc-avatar{display:grid;place-items:center;width:3rem;height:3rem;margin:0 auto .6rem;border-radius:999px;background:rgba(20,24,29,.12);color:#14181d}
.mc-avatar-ic{width:1.6rem;height:1.6rem}
.mc-number{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:#14181d}
.mc-unknown{margin-top:.15rem!important;font-size:.85rem;color:#3d4249}
.mc-answer{text-align:center}
.mc-incoming{font-family:var(--font-mono,ui-monospace);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6);margin-bottom:.45rem!important}
.mc-slide{position:relative;display:flex;align-items:center;height:2.9rem;padding:0 .3rem 0 1rem;border-radius:999px;background:rgba(20,24,29,.82)}
.mc-slide-text{font-size:.78rem;color:rgba(255,255,255,.75)}
.mc-knob{position:absolute;right:.3rem;top:.3rem;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:999px;background:#34c759;color:#fff}
.mc-knob-ic{width:1.1rem;height:1.1rem;fill:#fff;stroke:#fff}
.mc-ring{position:absolute;inset:0;border-radius:999px;border:2px solid #34c759;opacity:0}
.rf-scene[data-on="true"] .mc-knob{animation:mc-wiggle 1.1s ease-in-out infinite}
.mc-ring[data-on="true"]{animation:mc-ring 1.1s ease-out infinite}
@keyframes mc-ring{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@keyframes mc-wiggle{0%,100%{transform:rotate(0)}10%{transform:rotate(-14deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(0)}}
.mc-note{display:flex;align-items:center;gap:.55rem;padding:.6rem .7rem;border-radius:.9rem;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);box-shadow:0 18px 36px -18px rgba(0,0,0,.6)}
.mc-note-av{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:999px;background:#14181d;color:#f4f1ea}
.mc-note-av-ic{width:1.05rem;height:1.05rem}
.mc-note-name{font-size:.8rem;font-weight:700;color:#14181d}
.mc-note-sub{font-size:.66rem;color:#5f656c}
.mc-note-ic{margin-left:auto;color:#ff3b30}
.mc-hang{width:1.2rem;height:1.2rem;fill:#ff3b30;stroke:#ff3b30;transform:rotate(135deg)}
.rf-scene[data-on="true"] .mc-note{animation:mc-drop .5s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes mc-drop{from{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:none}}

/* Text-message screens (sections 1 and 3) */
.mc-chat{justify-content:flex-start;padding:.4rem .6rem 1.6rem;background:rgba(251,250,246,.96)}
.mc-head{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding-bottom:.5rem;border-bottom:1px solid rgba(20,24,29,.1)}
.mc-head-av{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#e6e1d7;color:#5f656c}
.mc-head-av-ic{width:1rem;height:1rem}
.mc-head-num{font-size:.68rem;font-weight:600}
.mc-head-sub{font-size:.55rem;color:#8a8f96}
.mc-msgs{display:flex;flex-direction:column;gap:.55rem;padding-top:.7rem}
.mc-out-wrap,.mc-in{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.mc-out-wrap[data-on="true"],.mc-in[data-on="true"]{opacity:1;transform:none}
.mc-out-wrap{display:flex;flex-direction:column;align-items:flex-end}
.mc-bubble{max-width:88%;padding:.5rem .65rem;border-radius:1rem;font-size:.66rem;line-height:1.4}
.mc-out{background:#0a84ff;color:#fff;border-bottom-right-radius:.3rem}
.mc-auto{margin-top:.2rem!important;font-family:var(--font-mono,ui-monospace);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:#8a8f96}
.mc-in{position:relative;align-self:flex-start;background:#e9e9eb;color:#14181d;border-bottom-left-radius:.3rem}

/* Section 1: website quote form */
.ws{background:#fbfaf6}
.ws-scene{justify-content:flex-start;gap:0;padding:.2rem 0 1.6rem}
.ws-url{margin:0 .75rem;padding:.3rem .55rem;border-radius:.5rem;background:#efebe3;font-size:.58rem;color:#5f656c}
.ws-top{display:flex;align-items:center;justify-content:space-between;margin:.55rem .75rem 0}
.ws-logo{display:flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-size:.85rem;font-weight:800;text-transform:uppercase}
.ws-logo span{display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:.35rem;background:#14181d;color:#ff6a1a;font-size:.62rem}
.ws-call{padding:.25rem .55rem;border-radius:.4rem;background:#ff6a1a;font-family:var(--font-display);font-size:.66rem;font-weight:700;text-transform:uppercase}
.ws-form{margin:.6rem .6rem 0;padding:.8rem .7rem .75rem;border-radius:.9rem;background:#14181d;color:#f4f1ea;box-shadow:0 22px 40px -20px rgba(0,0,0,.6)}
.ws-h{text-align:center;font-family:var(--font-display);font-size:1.3rem;font-weight:800;line-height:1;text-transform:uppercase}
.ws-row{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.65rem}
.ws-l{margin-bottom:.15rem!important;font-size:.52rem;font-weight:600;color:#c9cdd2}
.ws-in{min-height:1.5rem;padding:.32rem .4rem;border-radius:.35rem;background:#fff;color:#14181d;font-size:.62rem;line-height:1.3}
.ws-tall{min-height:2.7rem}
.ws-msg{margin-top:.45rem}
.ws-consent{position:relative;display:flex;gap:.4rem;margin-top:.55rem;font-size:.48rem;line-height:1.35;color:#c9cdd2}
.ws-consent b{font-weight:600;color:#ff6a1a}
.ws-check{display:grid;place-items:center;flex:none;width:.75rem;height:.75rem;margin-top:.05rem;border-radius:.15rem;background:#fff;color:transparent;font-size:.52rem;font-weight:800;transition:background .2s .35s,color .2s .35s}
.ws-check[data-on="true"]{background:#ff6a1a;color:#14181d}
.ws-tap-check{left:-.3rem;right:auto;top:.4rem;background:rgba(255,106,26,.35);border-color:#ff6a1a}
.ws-send{position:relative;margin-top:.6rem;padding:.48rem;border-radius:.45rem;background:#ffc400;color:#14181d;text-align:center;font-family:var(--font-display);font-size:.82rem;font-weight:800;text-transform:uppercase}
.ws-send .rf-tap{right:auto;left:50%;margin-left:-.675rem;background:rgba(20,24,29,.2);border-color:#14181d}
.ws-sent{align-self:center;margin-top:.6rem;padding:.4rem .75rem;border-radius:999px;background:#14181d;color:#f4f1ea;font-size:.64rem;font-weight:700;opacity:0}
.ws-sent[data-on="true"]{animation:rf-in .4s ease 1.7s both}

@media (prefers-reduced-motion:reduce){
.rf-scene,.rf-opt,.rf-radio,.mc-out-wrap,.mc-in,.ws-check{transition:none}
.rf-tap,.ty-dots{display:none}
.ty-c{opacity:1;animation:none!important}
.rf-scene[data-on="true"] .rf-toast,.rf-scene[data-on="true"] .rf-posted,.rf-scene[data-on="true"] .rf-g-stars span,.ws-sent[data-on="true"]{animation:none;opacity:1}
.rf-scene[data-on="true"] .mc-knob,.mc-ring[data-on="true"],.rf-scene[data-on="true"] .mc-note{animation:none}
}

/* Skrap: how it works */
#process-title{text-transform:none;letter-spacing:-.01em}
.hiw-steps h3{text-transform:none;font-size:2.1rem;line-height:1}
.hiw-time{display:inline-flex;align-items:center;padding:.5rem 1.1rem;border-radius:999px;background:#ffc400;color:#14181d;font-family:var(--font-display);font-size:1.7rem;font-weight:800;line-height:1;letter-spacing:.01em;white-space:nowrap}
.hiw-time-sm{padding:.45rem .95rem;font-size:1.35rem}
.hiw-h1{text-transform:none;letter-spacing:-.01em;font-size:.82em;line-height:1.02}

/* Skrap: pricing cards */
#pricing-title{text-transform:none;letter-spacing:-.01em}
.pr-grid{position:relative;display:grid;gap:1.5rem;margin:3.5rem auto 0;max-width:62rem;grid-template-columns:1fr}
@media (min-width:768px){.pr-grid{grid-template-columns:1fr 1fr;gap:2rem}}
.pr-card{display:flex;flex-direction:column;padding:2.1rem 2rem 2.3rem;border-radius:1.2rem;background:#fbfaf6;color:#14181d;box-shadow:0 30px 44px -26px rgba(0,0,0,.65)}
.pr-featured{box-shadow:0 0 0 3px #ff6a1a,0 30px 44px -26px rgba(0,0,0,.65)}
.pr-card p{margin:0}
.pr-name{font-size:1.05rem;font-weight:600}
.pr-price{display:flex;align-items:baseline;gap:.5rem;margin-top:1.4rem!important}
.pr-amt{font-family:var(--font-display);font-size:4.6rem;font-weight:800;line-height:.95;letter-spacing:-.01em}
.pr-unit{font-size:1.25rem;font-weight:600;color:#5f656c}
.pr-desc{margin-top:1.1rem!important;min-height:7.2rem;font-size:1rem;line-height:1.6;color:#5f656c}
.pr-card .btn{width:100%;justify-content:center;margin-top:1.5rem}
.pr-note{margin-top:1rem!important;text-align:center;font-size:.85rem;color:#8a8f96}
.pr-inc{margin-top:1.9rem!important;font-size:.95rem;font-weight:600}
.pr-list{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.85rem}
.pr-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.4}
.pr-ck{flex:none;width:1.15rem;height:1.15rem;margin-top:.15rem;color:#ff6a1a}

section[aria-label="Plans"] .pr-grid{margin-top:0}

/* Skrap: why us */
#why-title{text-transform:none;letter-spacing:-.01em}
#why li h3{text-transform:none;font-size:2rem;line-height:1.05}
.why-hl{color:#e0560f;font-weight:500}

/* Skrap: campaign phone demo */
.cm-form{padding:1rem .85rem 1.1rem;border-radius:1rem;background:#14181d;color:#f4f1ea;box-shadow:0 22px 40px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,106,26,.45),0 0 26px -6px rgba(255,106,26,.55)}
.cm-ft{text-align:center;font-family:var(--font-display);font-size:1.5rem;font-weight:800;line-height:.95;text-transform:uppercase}
.cm-field{margin-top:.7rem}
.cm-l{margin-bottom:.2rem!important;font-size:.54rem;font-weight:600;color:#c9cdd2}
.cm-in{min-height:1.7rem;padding:.4rem .5rem;border-radius:.4rem;background:#f4f1ea;color:#14181d;font-size:.7rem}
.cm-launch{position:relative;margin-top:.95rem;padding:.6rem;border-radius:.5rem;background:#ff6a1a;color:#14181d;text-align:center;font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 22px -4px rgba(255,106,26,.7)}
.cm-launch .rf-tap{right:auto;left:50%;margin-left:-.675rem;background:rgba(20,24,29,.25);border-color:#14181d}
.cm-banner{align-self:center;width:100%;padding:.85rem .7rem;border-radius:.6rem;background:#1f9d3a;color:#fff;text-align:center;font-family:var(--font-display);font-size:1.45rem;font-weight:800;line-height:1;text-transform:uppercase;box-shadow:0 18px 34px -16px rgba(0,0,0,.6)}
.cm-conf{position:absolute;top:-.5rem;width:.45rem;height:.8rem;border-radius:.1rem;opacity:0}
.rf-scene[data-on="true"] .cm-conf{animation:cm-fall 2.6s ease-in both}
@keyframes cm-fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translateY(27rem) rotate(540deg)}}
@media (prefers-reduced-motion:reduce){.rf-scene[data-on="true"] .cm-conf{animation:none;opacity:0}.cm-launch{box-shadow:none}}

/* Skrap: CTA band */
#cta-band-title{text-transform:none;letter-spacing:-.01em}

/* Skrap: cookie pop-up and legal links */
[data-cookie-settings]{background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.ck-dialog{margin:auto;width:min(40rem,calc(100vw - 2rem));max-width:none;padding:0;border:0;border-radius:1.1rem;background:#fff;color:#14181d;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);font-family:var(--font-sans)}
.ck-dialog::backdrop{background:rgba(10,12,15,.6)}
.ck-box{padding:1.6rem 1.6rem 1.7rem}
.ck-title{margin:0;font-family:var(--font-sans);font-size:1.15rem;font-weight:700;text-transform:none;letter-spacing:0;line-height:1.3}
.ck-intro{margin:.7rem 0 1rem;font-size:1rem;line-height:1.55;color:#3d4249}
.ck-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.7rem;padding:1rem 1.1rem;border:1px solid #e4e6ea;border-radius:.8rem}
.ck-row-t{margin:0;font-weight:700;font-size:1rem}
.ck-row-d{margin:.25rem 0 0;font-size:.92rem;color:#5f656c}
.ck-switch{position:relative;flex:none;display:inline-block;width:3.2rem;height:1.9rem}
.ck-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.ck-switch.is-locked input{cursor:not-allowed}
.ck-track{position:absolute;inset:0;border-radius:999px;background:#d3d7dd;transition:background .2s}
.ck-track::after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.5rem;height:1.5rem;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.ck-switch input:checked+.ck-track{background:#ff6a1a}
.ck-switch.is-locked input:checked+.ck-track{background:#6b717a}
.ck-switch input:checked+.ck-track::after{transform:translateX(1.3rem)}
.ck-switch input:focus-visible+.ck-track{outline:3px solid #8ab4f8;outline-offset:2px}
.ck-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.3rem}
.ck-btn{padding:.75rem 1.15rem;border:1px solid #14181d;border-radius:.7rem;background:#fff;color:#14181d;font:inherit;font-size:1rem;font-weight:600;cursor:pointer}
.ck-btn:hover{background:#f2f0ea}
.ck-btn.ck-primary{background:#14181d;color:#fff}
.ck-btn.ck-primary:hover{background:#2a3140}
.ck-toast{position:fixed;left:50%;bottom:1.5rem;z-index:100;transform:translateX(-50%);max-width:calc(100vw - 2rem);padding:.85rem 1.2rem;border-radius:.8rem;background:#14181d;color:#f4f1ea;font-size:.95rem;box-shadow:0 14px 40px -12px rgba(0,0,0,.6);transition:opacity .4s}
.ck-toast.is-out{opacity:0}
@media (max-width:480px){.ck-box{padding:1.2rem}.ck-btn{flex:1 1 40%}}

/* Skrap: Our Work shown but not clickable */
a[href$="our-work.html"]{pointer-events:none;cursor:default}

/* Skrap: demo label */
.demo-tag{position:absolute;right:1rem;bottom:1rem;margin:0;padding:.5rem 1rem;border-radius:.6rem;background:#ff6a1a;color:#14181d;font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 10px 22px -10px rgba(0,0,0,.7)}

/* Skrap: step label under demos */
.demo-steps{width:17.5rem;max-width:100%;margin:1.4rem auto 0;text-align:center}
.demo-steps-top{display:flex;align-items:center;justify-content:center;gap:.8rem}
.demo-badge{padding:.4rem .9rem;border-radius:999px;background:#ffc400;color:#14181d;font-family:var(--font-display);font-size:1.25rem;font-weight:800;line-height:1;white-space:nowrap}
.demo-dots{display:flex;gap:.4rem}
.demo-dot{width:.6rem;height:.6rem;border-radius:999px;background:rgba(255,255,255,.22);transition:background .3s,transform .3s}
.demo-dot.is-done{background:#ff6a1a}
.demo-dot.is-cur{background:#ffc400;transform:scale(1.35)}
.demo-cap{margin:.8rem 0 0;min-height:3.4rem;font-size:1rem;line-height:1.45;color:#f4f1ea}