/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "Source Sans 3 Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-white: #fff;
    --spacing: .25rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: .025em;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: "Fraunces Variable", ui-serif, Georgia, "Times New Roman", serif;
    --color-surface: #faf7f1;
    --color-surface-2: #f4eee3;
    --color-card: #fff;
    --color-panel: #fff;
    --color-band: #eae0cd;
    --color-line: #e2d9c9;
    --color-ink: #1c1a16;
    --color-muted: #5e5849;
    --color-brand: #1e5b47;
    --color-brand-strong: #2a7459;
    --color-brand-soft: #e3efe8;
    --color-accent: #8a5a2b;
    --color-positive: #2f7d4f;
    --color-rating: #8a6400;
    --radius-card: 10px;
    --radius-btn: 8px;
    --container-content: 1060px;
    --container-wide: 1200px;
    --header-h: 64px;
    --hero-h: 380px;
    --hero-h-compact: 261px;
    --hero-position: center;
    --spacing-section: 36px;
    --spacing-gutter: 16px;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    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;
    -webkit-text-decoration: 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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.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 {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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)) {
      ::placeholder {
        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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-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"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  html {
    scroll-padding-top: 128px;
  }

  body {
    background: var(--color-surface);
    color: var(--color-ink);
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    flex-direction: column;
    min-height: 100vh;
    font-size: 17.5px;
    line-height: 1.65;
    display: flex;
  }

  h1, h2, h3, h4 {
    font-family: var(--font-display);
    letter-spacing: -.005em;
    font-weight: 600;
    line-height: 1.14;
  }

  h1 {
    font-size: clamp(1.85rem, 3.8vw, 2.7rem);
  }

  h2 {
    font-size: clamp(1.4rem, 2.6vw, 1.95rem);
  }

  h3 {
    font-size: clamp(1.18rem, 2.05vw, 1.42rem);
  }

  a {
    color: inherit;
  }

  @media (max-width: 719px) {
    :root {
      --hero-h: 424px;
      --hero-h-compact: 284px;
    }

    body {
      font-size: 16px;
    }

    body:has(.sticky-cta) {
      padding-bottom: calc(72px + env(safe-area-inset-bottom));
    }
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .right-\[1px\] {
    right: 1px;
  }

  .section {
    width: 100%;
    max-width: calc(var(--container-content) + 2 * var(--spacing-gutter));
    margin-inline: auto;
    margin-bottom: var(--spacing-section);
    padding-inline: var(--spacing-gutter);
  }

  .container-content {
    width: 100%;
    max-width: calc(var(--container-content) + 2 * var(--spacing-gutter));
    padding-inline: var(--spacing-gutter);
    margin-inline: auto;
  }

  .container-wide {
    width: 100%;
    max-width: calc(var(--container-wide) + 2 * var(--spacing-gutter));
    padding-inline: var(--spacing-gutter);
    margin-inline: auto;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .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-\[0\.6rem\] {
    margin-top: .6rem;
  }

  .section-wide {
    width: 100%;
    margin-bottom: var(--spacing-section);
  }

  .section-title {
    letter-spacing: -.01em;
    margin-bottom: 10px;
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

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

  .table {
    display: table;
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .min-w-0 {
    min-width: 0;
  }

  .flex-1 {
    flex: 1;
  }

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

  .border-collapse {
    border-collapse: collapse;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .list-disc {
    list-style-type: disc;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

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

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

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

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

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  :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-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)));
  }

  .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-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-7 {
    row-gap: calc(var(--spacing) * 7);
  }

  .rounded-card {
    border-radius: var(--radius-card);
  }

  .rounded-full {
    border-radius: 2147483647px;
  }

  .rounded-r-card {
    border-top-right-radius: var(--radius-card);
    border-bottom-right-radius: var(--radius-card);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-line {
    border-color: var(--color-line);
  }

  .bg-brand {
    background-color: var(--color-brand);
  }

  .bg-brand-soft {
    background-color: var(--color-brand-soft);
  }

  .bg-line {
    background-color: var(--color-line);
  }

  .bg-surface-2 {
    background-color: var(--color-surface-2);
  }

  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-surface {
    --tw-gradient-from: var(--color-surface);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .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-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .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);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

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

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

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

  .align-top {
    vertical-align: top;
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.93rem\] {
    font-size: .93rem;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .text-brand {
    color: var(--color-brand);
  }

  .text-brand-strong {
    color: var(--color-brand-strong);
  }

  .text-ink {
    color: var(--color-ink);
  }

  .text-ink\/70 {
    color: #1c1a16b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-ink\/70 {
      color: color-mix(in oklab, var(--color-ink) 70%, transparent);
    }
  }

  .text-ink\/90 {
    color: #1c1a16e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-ink\/90 {
      color: color-mix(in oklab, var(--color-ink) 90%, transparent);
    }
  }

  .text-muted {
    color: var(--color-muted);
  }

  .text-rating {
    color: var(--color-rating);
  }

  .text-white {
    color: var(--color-white);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .underline {
    text-decoration-line: underline;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .invert {
    --tw-invert: invert(100%);
    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, );
  }

  .filter {
    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, );
  }

  .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-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));
  }

  @media (hover: hover) {
    .hover\:bg-brand-soft\/40:hover {
      background-color: #e3efe866;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-soft\/40:hover {
        background-color: color-mix(in oklab, var(--color-brand-soft) 40%, transparent);
      }
    }
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .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-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  .\[\&_a\]\:text-brand a {
    color: var(--color-brand);
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_h2\]\:mt-10 h2 {
    margin-top: calc(var(--spacing) * 10);
  }

  .\[\&_h2\]\:mb-3 h2 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .\[\&_h3\]\:mt-8 h3 {
    margin-top: calc(var(--spacing) * 8);
  }

  .\[\&_h3\]\:mb-2 h3 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
  }

  :where(.\[\&_ol\]\:space-y-1\.5 ol > :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)));
  }

  .\[\&_ol\]\:pl-6 ol {
    padding-left: calc(var(--spacing) * 6);
  }

  .\[\&_table\]\:w-full table {
    width: 100%;
  }

  .\[\&_table\]\:border-collapse table {
    border-collapse: collapse;
  }

  .\[\&_td\]\:border td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-line td {
    border-color: var(--color-line);
  }

  .\[\&_td\]\:p-2 td {
    padding: calc(var(--spacing) * 2);
  }

  .\[\&_th\]\:border th {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_th\]\:border-line th {
    border-color: var(--color-line);
  }

  .\[\&_th\]\:bg-surface-2 th {
    background-color: var(--color-surface-2);
  }

  .\[\&_th\]\:p-2 th {
    padding: calc(var(--spacing) * 2);
  }

  .\[\&_th\]\:text-left th {
    text-align: left;
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }

  :where(.\[\&_ul\]\:space-y-1\.5 ul > :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)));
  }

  .\[\&_ul\]\:pl-6 ul {
    padding-left: calc(var(--spacing) * 6);
  }
}

:root {
  --header-bg: #faf7f1;
  --header-border: var(--color-line);
  --hero-bg: var(--color-surface-2);
  --hero-text: inherit;
  --hero-image: none;
  --hero-overlay: transparent;
  --footer-bg: #efe6d5;
  --btn-bg: #1e5b47;
  --btn-bg-hover: #2a7459;
  --btn-color: #fdfbf6;
  --btn-radius: 8px;
  --btn-shadow: none;
  --btn-glow: none;
  --btn2-bg: transparent;
  --btn2-bg-hover: #1e5b4714;
  --btn2-color: #1e5b47;
  --btn2-border: #c3d3c9;
}

@font-face {
  font-family: "Source Sans 3 Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("/fonts/sourcesans.woff2") format("woff2-variations");
}

@font-face {
  font-family: Fraunces Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/fraunces.woff2") format("woff2-variations");
}

.section-title:after {
  content: "";
  background: var(--color-brand);
  border-radius: 1px;
  width: 40px;
  height: 2px;
  margin-top: 11px;
  display: block;
}

.section-wide:has( + .rank-band) {
  margin-bottom: 0;
}

@media print {
  header, footer, .toc, .sticky-cta, .to-top, .rank-band, .cta-banner, .breadcrumbs, .hero__actions, .no-print {
    display: none !important;
  }

  body {
    font-size: 11pt;
    color: #000 !important;
    background: #fff !important;
  }

  .page-shell {
    box-shadow: none !important;
    background: #fff !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .section {
    max-width: 100% !important;
    margin-bottom: 12pt !important;
    padding-inline: 0 !important;
  }

  h1 {
    font-size: 18pt;
  }

  h2 {
    page-break-after: avoid;
    font-size: 13pt;
  }

  table {
    page-break-inside: avoid;
    font-size: 9pt;
  }

  th, td {
    border-color: #999 !important;
  }

  a {
    color: #000 !important;
    text-decoration: none !important;
  }

  .hero {
    background: none !important;
    min-height: 0 !important;
    padding-block: 0 !important;
  }

  .hero--pattern {
    background-image: none !important;
  }

  @page {
    margin: 12mm;
  }
}

.author--pattern:before {
  background: linear-gradient(90deg, #1c1a161f, #1c1a160d 55%, #0000) !important;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  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: 0;
}

@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
}
.site-header[data-c-1dznosnf] {
  position: sticky;
  top: 0;
  z-index: 40;
  background: var(--header-bg, var(--color-surface));
  border-bottom: 1px solid var(--header-border, var(--color-line));
}

.site-header__inner[data-c-1dznosnf] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  height: var(--header-h, 64px);
  max-width: calc(var(--container-content) + 2 * var(--spacing-gutter));
  margin-inline: auto;
  padding-inline: var(--spacing-gutter);
}

.site-header__brand[data-c-1dznosnf] img[data-c-1dznosnf] {
  display: block;
  height: 32px;
  width: auto;
}

.site-header__brand[data-c-1dznosnf] img[data-c-1dznosnf].site-header__mark {
  display: inline-block;
  width: auto;
  height: 18px;
  margin-right: 8px;
  vertical-align: -2px;
}

.site-header__brand[data-c-1dznosnf] {
  justify-self: start;
  font-family: var(--font-display, inherit);
  font-weight: 700;
  font-size: 1.3rem;
  text-decoration: none;
  letter-spacing: -.01em;
  white-space: nowrap;
}

.site-nav[data-c-1dznosnf] {
  justify-self: center;
}

.site-nav[data-c-1dznosnf] > ul[data-c-1dznosnf] {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-nav[data-c-1dznosnf] > ul[data-c-1dznosnf] > li[data-c-1dznosnf] {
  position: relative;
}

.site-nav__link[data-c-1dznosnf] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 10px;
  border-radius: var(--radius-btn);
  color: var(--color-ink);
  font-size: .92rem;
  font-weight: 500;
  text-decoration: none;
  transition: background .15s, color .15s;
}

.site-nav__link[data-c-1dznosnf]:hover {
  background: var(--color-surface-2);
}

.site-nav__link[data-c-1dznosnf].is-active {
  color: var(--color-brand-strong);
  background: var(--color-brand-soft);
}

.site-nav__chev[data-c-1dznosnf] {
  font-size: .6rem;
  opacity: .6;
}

.site-nav__dropdown[data-c-1dznosnf] {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 6px;
  min-width: 220px;
  display: none;
  flex-direction: column;
  padding-inline: 6px;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  box-shadow: 0 12px 28px #0000001a;
  z-index: 50;
}

.site-nav__dropdown[data-c-1dznosnf] a[data-c-1dznosnf] {
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: .9rem;
  text-decoration: none;
  color: var(--color-ink);
}

.site-nav__dropdown[data-c-1dznosnf] a[data-c-1dznosnf].is-active {
  background: var(--color-surface-2);
  color: var(--color-brand-strong);
  font-weight: 600;
}

.site-nav__dropdown[data-c-1dznosnf] a[data-c-1dznosnf]:hover {
  background: var(--color-surface-2);
  color: var(--color-brand-strong);
}

.site-nav[data-c-1dznosnf] li[data-c-1dznosnf].has-children:hover > .site-nav__dropdown[data-c-1dznosnf], .site-nav[data-c-1dznosnf] li[data-c-1dznosnf].has-children:has( > .site-nav__link:focus-visible) > .site-nav__dropdown[data-c-1dznosnf] {
  display: flex;
}

.site-nav[data-c-1dznosnf] a[data-c-1dznosnf]:focus:not(:focus-visible) {
  outline: none;
}

.site-header__cta[data-c-1dznosnf] {
  justify-self: end;
  padding: 11px 24px;
  border-radius: var(--btn-radius, var(--radius-btn));
  background: linear-gradient(180deg,
      color-mix(in srgb, var(--btn-bg, var(--color-brand)) 82%, #fff),
      var(--btn-bg, var(--color-brand)) 62%);
  color: var(--btn-color, #fff);
  box-shadow: inset 0 0 0 1px #ffffff38,
      inset 0 1px 0 #ffffff59,
      0 6px 18px -8px color-mix(in srgb, var(--btn-bg, var(--color-brand)) 60%, transparent);
  font-size: .94rem;
  font-weight: 700;
  letter-spacing: .01em;
  text-decoration: none;
  white-space: nowrap;
  transition: box-shadow .15s, filter .15s;
}

.site-header__cta[data-c-1dznosnf]:hover {
  filter: brightness(1.06);
  box-shadow: inset 0 0 0 1px #ffffff4d,
      inset 0 1px 0 #fff6,
      0 8px 22px -8px color-mix(in srgb, var(--btn-bg, var(--color-brand)) 75%, transparent);
}

.site-header__burger[data-c-1dznosnf] {
  display: none;
  justify-self: end;
  width: 40px;
  height: 40px;
  padding: 10px 8px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-btn);
  background: var(--color-surface);
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.site-header__burger[data-c-1dznosnf] span[data-c-1dznosnf] {
  display: block;
  height: 2px;
  border-radius: 2px;
  background: var(--color-ink);
}

.mobile-nav[data-c-1dznosnf] {
  border-top: 1px solid var(--color-line);
  padding: 10px var(--spacing-gutter) 16px;
}

.mobile-nav[data-c-1dznosnf] ul[data-c-1dznosnf] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav[data-c-1dznosnf] > ul[data-c-1dznosnf] > li[data-c-1dznosnf] > a[data-c-1dznosnf], .mobile-nav[data-c-1dznosnf] summary[data-c-1dznosnf] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 2px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  list-style: none;
}

.mobile-nav[data-c-1dznosnf] summary[data-c-1dznosnf]::-webkit-details-marker {
  display: none;
}

.mobile-nav[data-c-1dznosnf] summary[data-c-1dznosnf]:after {
  content: "▾";
  font-size: .7rem;
  color: var(--color-muted);
  transition: transform .15s;
}

.mobile-nav[data-c-1dznosnf] details[data-c-1dznosnf][open] summary[data-c-1dznosnf]:after {
  transform: rotate(180deg);
}

.mobile-nav[data-c-1dznosnf] details[data-c-1dznosnf] ul[data-c-1dznosnf] a[data-c-1dznosnf] {
  display: block;
  padding: 8px 2px 8px 14px;
  color: var(--color-muted);
  text-decoration: none;
}

.mobile-nav__cta[data-c-1dznosnf] {
  display: block;
  margin-top: 12px;
  text-align: center;
}

@media (width <= 1023px) {
  .site-nav[data-c-1dznosnf] {
    display: none;
  }

  .site-header__inner[data-c-1dznosnf] {
    grid-template-columns: 1fr auto auto;
    gap: 10px;
  }

  .site-header__cta[data-c-1dznosnf] {
    padding: 10px 16px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    font-size: .85rem;
  }

  .site-header__burger[data-c-1dznosnf] {
    display: flex;
  }
}

@media (width <= 380px) {
  .site-header__cta[data-c-1dznosnf] {
    padding: 10px 12px;
    font-size: .8rem;
  }
}
.site-footer[data-c-1axmg11k] {
  margin-top: var(--spacing-section);
  background: var(--footer-bg, var(--color-surface-2));
  border-top: 1px solid var(--color-line);
}

.site-footer__main[data-c-1axmg11k] {
  display: grid;
  grid-template-columns: 1.4fr 2fr;
  grid-template-areas: "brand cols";
  gap: 32px;
  max-width: calc(var(--container-content) + 2 * var(--spacing-gutter));
  margin-inline: auto;
  padding: 36px var(--spacing-gutter) 28px;
}

.site-footer__brand[data-c-1axmg11k] {
  font-weight: 700;
  font-size: 1.1rem;
  text-decoration: none;
  color: var(--color-ink);
}

.site-footer__desc[data-c-1axmg11k] {
  margin: 10px 0 0;
  max-width: 34ch;
  font-size: .95rem;
  line-height: 1.6;
  color: var(--color-muted);
}

.site-footer__age[data-c-1axmg11k] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  font-size: .82rem;
  color: var(--color-muted);
}

.age-badge[data-c-1axmg11k] {
  display: inline-grid;
  place-items: center;
  min-width: 30px;
  height: 22px;
  padding: 0 5px;
  border: 1px solid var(--color-line);
  border-radius: 6px;
  font-size: .72rem;
  font-weight: 700;
  color: var(--color-ink);
}

.site-footer__cols[data-c-1axmg11k] {
  grid-area: cols;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 24px;
}

.site-footer__title[data-c-1axmg11k] {
  font-size: .84rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--color-ink);
  margin-bottom: 10px;
}

.site-footer__col[data-c-1axmg11k] ul[data-c-1axmg11k] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer__col[data-c-1axmg11k] li[data-c-1axmg11k] + li[data-c-1axmg11k] {
  margin-top: 7px;
}

.site-footer__col[data-c-1axmg11k] a[data-c-1axmg11k] {
  font-size: .95rem;
  color: var(--color-muted);
  text-decoration: none;
}

.site-footer__col[data-c-1axmg11k] a[data-c-1axmg11k]:hover {
  color: var(--color-brand-strong);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-footer__disclaimer[data-c-1axmg11k] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  margin-top: 14px;
  font-size: .85rem;
  line-height: 1.5;
  color: var(--color-muted);
}

.site-footer__bottom[data-c-1axmg11k] {
  border-top: 1px solid var(--color-line);
}

.site-footer__bottominner[data-c-1axmg11k] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  align-items: center;
  justify-content: space-between;
  max-width: calc(var(--container-content) + 2 * var(--spacing-gutter));
  margin-inline: auto;
  padding: 12px var(--spacing-gutter);
  font-size: .82rem;
  color: var(--color-muted);
}

.site-footer__legal[data-c-1axmg11k] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-wrap: anywhere;
}

.site-footer__legal[data-c-1axmg11k] a[data-c-1axmg11k] {
  color: var(--color-muted);
  text-decoration: none;
}

.site-footer__legal[data-c-1axmg11k] a[data-c-1axmg11k]:hover {
  color: var(--color-ink);
  text-decoration: underline;
}

@media (width <= 899px) {
  .site-footer__main[data-c-1axmg11k] {
    grid-template-columns: 1fr;
    gap: 26px;
    padding-block: 28px 22px;
  }

  .site-footer__main[data-c-1axmg11k] {
    grid-template-areas: "cols"
                         "brand";
  }

  .site-footer__legal[data-c-1axmg11k] {
    gap: 6px 14px;
  }

  .site-footer__bottominner[data-c-1axmg11k] {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 22px;
    padding: 16px var(--spacing-gutter) 16px;
  }

  .site-footer__copyright[data-c-1axmg11k] {
    display: block;
    width: 100%;
    padding-top: 18px;
    border-top: 1px solid var(--color-line);
    font-size: .72rem;
  }

  .site-footer__legal[data-c-1axmg11k] {
    justify-content: center;
  }
}
.to-top[data-c-1u0clcvk] {
  position: fixed;
  right: 20px;
  bottom: 24px;
  z-index: 50;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--color-line);
  border-radius: 50%;
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: 0 6px 18px #0000001a;
  cursor: pointer;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .2s, transform .2s, background .15s, color .15s, border-color .15s;
}

.to-top[data-c-1u0clcvk][hidden] {
  display: none;
}

.to-top[data-c-1u0clcvk].is-visible {
  opacity: 1;
  transform: translateY(0);
}

.to-top[data-c-1u0clcvk]:hover {
  background: var(--color-brand);
  border-color: var(--color-brand);
  color: #fff;
}

.to-top[data-c-1u0clcvk] svg[data-c-1u0clcvk] {
  width: 18px;
  height: 18px;
}

.to-top[data-c-1u0clcvk].is-visible.is-over-footer {
  opacity: 0;
  pointer-events: none;
}

@media (width <= 719px) {
  .to-top[data-c-1u0clcvk] {
    right: 14px;
    bottom: 84px;
    width: 42px;
    height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .to-top[data-c-1u0clcvk] {
    transition: none;
  }
}
.prose-card__inner[data-c-m3htzp23] {
  background: linear-gradient(180deg, #ffffff08, #fff0 30%),
      var(--color-card, var(--color-surface-2));
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 36px 70px;
  box-shadow: inset 0 1px #ffffff0d, 0 20px 50px -30px #0000008c;
}

@media (width <= 1279px) {
  .prose-card__inner[data-c-m3htzp23] {
    padding: 30px 32px;
  }
}

@media (width <= 719px) {
  .prose-card__inner[data-c-m3htzp23] {
    padding: 22px 16px;
    border-radius: 14px;
  }
}
.byline[data-c-1o2qkreh] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: .8125rem;
  line-height: 1.4;
  color: var(--color-muted);
}

.byline__avatar[data-c-1o2qkreh] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
}

.byline__avatar--fallback[data-c-1o2qkreh] {
  display: grid;
  place-items: center;
  background: var(--color-brand-soft);
  color: var(--color-brand-strong);
  font-size: .7rem;
  font-weight: 700;
}

.byline__name[data-c-1o2qkreh] {
  color: var(--color-ink);
  font-weight: 600;
}

a[data-c-1o2qkreh].byline__name {
  text-decoration: none;
  border-bottom: 1px solid #0000;
  transition: border-color .15s;
}

a[data-c-1o2qkreh].byline__name:hover {
  border-bottom-color: var(--color-brand);
}
.hero[data-c-296lsirn] {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: var(--hero-h, 320px);
  background: var(--hero-bg, var(--color-surface-2));
  color: var(--hero-text, inherit);
}

.hero--pattern[data-c-296lsirn] {
  background-image: url("/assets/hero-pattern.svg");
  background-size: cover;
  background-position: 100%;
  background-repeat: no-repeat;
}

.hero--pattern-dim[data-c-296lsirn]:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0a0d129e, #0a0d1247 58%, #0a0d120a);
  pointer-events: none;
  z-index: 0;
}

.hero--image[data-c-296lsirn] {
  background-image: var(--hero-image);
  background-size: cover;
  background-position: var(--hero-position, center);
  background-repeat: no-repeat;
}

.hero[data-c-296lsirn]:before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--hero-overlay, transparent);
  pointer-events: none;
}

.hero[data-c-296lsirn] > [data-c-296lsirn] {
  position: relative;
  z-index: 1;
}

.hero--scrim[data-c-296lsirn]:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0a08148c, #0a081426 55%, #0000);
  pointer-events: none;
  z-index: 0;
}

.hero--light[data-c-296lsirn] {
  --color-ink: #fff;
  --color-muted: #ffffffc7;
  --color-line: #ffffff38;
  --color-surface: #ffffff1f;
  --color-surface-2: #ffffff1a;
  --color-brand-soft: #ffffff29;
  --color-brand-strong: #fff;
}

.hero__pad[data-c-296lsirn] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: var(--hero-h, 320px);
  padding-block: 32px 40px;
}

.hero[data-c-296lsirn] .byline {
  margin-top: 12px;
}

.hero--crumbs[data-c-296lsirn] .hero__pad[data-c-296lsirn] {
  padding-top: 56px;
}

.hero--compact[data-c-296lsirn], .hero--compact[data-c-296lsirn] .hero__pad[data-c-296lsirn] {
  min-height: var(--hero-h-compact, 261px);
}

.hero--compact[data-c-296lsirn] .hero__pad[data-c-296lsirn] {
  padding-block: 24px;
}

.hero--compact[data-c-296lsirn] h1[data-c-296lsirn] {
  font-size: clamp(1.5rem, 2.8vw, 2rem);
  margin: 10px 0 12px;
}

.hero--compact[data-c-296lsirn] p[data-c-296lsirn] {
  margin-top: 2px;
}

.hero--compact[data-c-296lsirn] p[data-c-296lsirn] {
  -webkit-line-clamp: 2;
}

.hero[data-c-296lsirn] h1[data-c-296lsirn] {
  margin: 10px 0 16px;
  text-wrap: balance;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hero[data-c-296lsirn] p[data-c-296lsirn] {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hero-crumbs[data-c-296lsirn] {
  position: absolute;
  top: 20px;
  left: var(--spacing-gutter);
  right: var(--spacing-gutter);
}

.hero-crumbs[data-c-296lsirn] ol[data-c-296lsirn] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: .8rem;
}

.hero-crumbs[data-c-296lsirn] li[data-c-296lsirn] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-muted);
}

.hero-crumbs[data-c-296lsirn] li[data-c-296lsirn] + li[data-c-296lsirn]:before {
  content: "›";
  opacity: .5;
}

.hero-crumbs[data-c-296lsirn] a[data-c-296lsirn] {
  color: inherit;
  text-decoration: none;
}

.hero-crumbs[data-c-296lsirn] a[data-c-296lsirn]:hover {
  text-decoration: underline;
}

.hero-crumbs[data-c-296lsirn] .is-current[data-c-296lsirn] {
  color: var(--color-ink);
  font-weight: 500;
}

.hero-inner--split[data-c-296lsirn] {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 48px;
  align-items: center;
}

.hero-media[data-c-296lsirn] img[data-c-296lsirn] {
  display: block;
  width: 100%;
  max-height: calc(var(--hero-h, 320px) - 64px);
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 18px 40px #0000001f;
}

.btn-primary[data-c-296lsirn] {
  background: var(--btn-bg, var(--color-brand));
  color: var(--btn-color, #fff);
  border-radius: var(--btn-radius, var(--radius-btn));
  box-shadow: var(--btn-shadow, none);
}

.btn-primary[data-c-296lsirn]:hover {
  background: var(--btn-bg-hover, var(--color-brand-strong));
  filter: drop-shadow(var(--btn-glow, 0 0 0 transparent));
}

.btn-secondary[data-c-296lsirn] {
  background: var(--btn2-bg, var(--color-surface));
  color: var(--btn2-color, var(--color-brand-strong));
  border: 1px solid var(--btn2-border, var(--color-brand));
  border-radius: var(--btn-radius, var(--radius-btn));
}

.btn-secondary[data-c-296lsirn]:hover {
  background: var(--btn2-bg-hover, var(--color-brand-soft));
}

@media (width <= 1023px) {
  .hero-inner--split[data-c-296lsirn] {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .hero-media[data-c-296lsirn] {
    display: none;
  }
}

@media (width <= 719px) {
  .hero__pad[data-c-296lsirn] {
    padding-block: 28px;
  }

  .hero--crumbs[data-c-296lsirn] .hero__pad[data-c-296lsirn] {
    padding-top: 52px;
  }

  .hero--compact[data-c-296lsirn], .hero--compact[data-c-296lsirn] .hero__pad[data-c-296lsirn] {
    min-height: var(--hero-h-compact, 284px);
  }

  .hero--compact[data-c-296lsirn] .hero__pad[data-c-296lsirn] {
    padding-block: 20px;
  }

  .hero--compact[data-c-296lsirn] h1[data-c-296lsirn] {
    font-size: clamp(1.35rem, 6vw, 1.65rem);
    margin: 10px 0 12px;
  }

  .hero[data-c-296lsirn] h1[data-c-296lsirn] {
    font-size: clamp(1.55rem, 7.2vw, 2rem);
    margin-block: 10px 20px;
  }

  .hero[data-c-296lsirn] p[data-c-296lsirn] {
    font-size: .95rem;
    line-height: 1.55;
    -webkit-line-clamp: 3;
  }

  .hero[data-c-296lsirn] .byline {
    margin-top: 16px;
  }

  .hero__actions[data-c-296lsirn] {
    margin-top: 28px;
    width: 100%;
  }

  .hero__actions[data-c-296lsirn] > a[data-c-296lsirn] {
    width: 100%;
    justify-content: center;
  }
}

.hero--compact[data-c-296lsirn].hero--crumbs .hero__pad[data-c-296lsirn] {
  padding-top: 56px;
}

@media (width <= 719px) {
  .hero--compact[data-c-296lsirn].hero--crumbs .hero__pad[data-c-296lsirn] {
    padding-top: 52px;
  }
}

.hero__sub[data-c-296lsirn] {
  min-height: 3.1em;
}

@media (width <= 719px) {
  .hero__sub[data-c-296lsirn] {
    min-height: 3em;
  }
}
.author[data-c-12t7uxc9] {
  position: relative;
  border-bottom: 1px solid var(--color-line);
  background: var(--color-surface);
}

.author--pattern[data-c-12t7uxc9] {
  background-image: url("/assets/hero-pattern.svg");
  background-size: cover;
  background-position: 100%;
  background-repeat: no-repeat;
}

.author--pattern[data-c-12t7uxc9]:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0a0d12b8, #0a0d1259 60%, #0a0d121a);
  pointer-events: none;
}

.author--pattern[data-c-12t7uxc9] .author__grid[data-c-12t7uxc9] {
  position: relative;
  z-index: 1;
}

.author__avatar--photo[data-c-12t7uxc9] {
  object-fit: cover;
  object-position: center 32%;
  border-radius: 50%;
}

.author__grid[data-c-12t7uxc9] {
  max-width: calc(var(--container-content) + 2 * var(--spacing-gutter));
  margin-inline: auto;
  padding: 56px var(--spacing-gutter) 48px;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}

.author__aside[data-c-12t7uxc9] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.author__avatar[data-c-12t7uxc9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: linear-gradient(140deg, var(--color-brand), var(--color-brand-strong));
  color: #fff;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.author__stats[data-c-12t7uxc9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.author__stats[data-c-12t7uxc9] div[data-c-12t7uxc9] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.author__stats[data-c-12t7uxc9] dt[data-c-12t7uxc9] {
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-muted);
}

.author__stats[data-c-12t7uxc9] dd[data-c-12t7uxc9] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.1;
}

.author__contact[data-c-12t7uxc9] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 9px 16px;
  border-radius: var(--btn-radius, var(--radius-btn));
  border: 1px solid var(--color-brand);
  color: var(--color-brand-strong);
  font-size: .88rem;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s;
}

.author__contact[data-c-12t7uxc9]:hover {
  background: var(--color-brand-soft);
}

.author__meta[data-c-12t7uxc9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  margin: 0 0 6px;
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--color-muted);
}

.author__meta[data-c-12t7uxc9] span[data-c-12t7uxc9] {
  white-space: nowrap;
}

.author__name[data-c-12t7uxc9] {
  margin: 0 0 18px;
  font-size: clamp(1.9rem, 3.4vw, 2.6rem);
  line-height: 1.1;
}

.author__bio[data-c-12t7uxc9] {
  margin: 0 0 14px;
  max-width: 62ch;
  font-size: 1.02rem;
  line-height: 1.65;
}

.author__expertise[data-c-12t7uxc9] {
  margin-top: 22px;
}

.author__label[data-c-12t7uxc9] {
  margin: 0 0 10px;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-muted);
}

.author__expertise[data-c-12t7uxc9] ul[data-c-12t7uxc9] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.author__expertise[data-c-12t7uxc9] li[data-c-12t7uxc9] {
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--color-surface-2);
  border: 1px solid var(--color-line);
  font-size: .84rem;
}

@media (width <= 1023px) {
  .author__avatar--photo[data-c-12t7uxc9] {
    object-fit: cover;
    object-position: center 32%;
    border-radius: 50%;
  }

  .author__grid[data-c-12t7uxc9] {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-top: 36px;
  }

  .author__aside[data-c-12t7uxc9] {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
  }

  .author__avatar[data-c-12t7uxc9] {
    width: 88px;
    height: 88px;
    font-size: 1.7rem;
  }

  .author__stats[data-c-12t7uxc9] {
    flex-direction: row;
    gap: 24px;
  }
}

@media (width <= 719px) {
  .author__stats[data-c-12t7uxc9] dd[data-c-12t7uxc9] {
    font-size: 1.1rem;
  }
}
.author-articles[data-c-2rbtl9ax] {
  padding-top: 48px;
}

.author-articles__lead[data-c-2rbtl9ax] {
  margin: 0 0 18px;
  max-width: 62ch;
  color: var(--color-muted);
}

.author-articles__count[data-c-2rbtl9ax] {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--color-surface-2);
  border: 1px solid var(--color-line);
  font-size: .78rem;
  font-weight: 600;
  color: var(--color-ink);
  white-space: nowrap;
}

.author-articles__list[data-c-2rbtl9ax] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.article-row[data-c-2rbtl9ax] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 16px;
  padding: 16px 18px;
  border: 1px solid var(--color-line);
  border-radius: 12px;
  background: var(--color-surface);
  text-decoration: none;
  color: inherit;
  transition: border-color .15s, box-shadow .15s, transform .15s;
}

.article-row[data-c-2rbtl9ax]:hover {
  border-color: var(--color-brand);
  box-shadow: 0 10px 26px #09090e12;
  transform: translateY(-1px);
}

.article-row__meta[data-c-2rbtl9ax] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: .78rem;
  color: var(--color-muted);
}

.article-row__kind[data-c-2rbtl9ax] {
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--color-brand-soft);
  color: var(--color-brand-strong);
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.article-row__title[data-c-2rbtl9ax] {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.35;
}

.article-row__desc[data-c-2rbtl9ax] {
  grid-column: 1 / 2;
  font-size: .9rem;
  line-height: 1.5;
  color: var(--color-muted);
}

.article-row__arrow[data-c-2rbtl9ax] {
  grid-column: 2 / 3;
  grid-row: 2 / 4;
  align-self: center;
  color: var(--color-brand-strong);
  font-size: 1.1rem;
}

@media (width <= 719px) {
  .article-row[data-c-2rbtl9ax] {
    padding: 14px;
  }

  .article-row__arrow[data-c-2rbtl9ax] {
    display: none;
  }

  .article-row[data-c-2rbtl9ax] {
    grid-template-columns: 1fr;
  }
}
.crumbs[data-c-2r2l7i5r] {
  margin-top: 14px;
  padding-bottom: 10px;
}

.crumbs__inner[data-c-2r2l7i5r] {
  max-width: calc(var(--container-content) + 2 * var(--spacing-gutter));
  margin-inline: auto;
  padding-inline: var(--spacing-gutter);
}

.crumbs[data-c-2r2l7i5r] ol[data-c-2r2l7i5r] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: .8125rem;
  line-height: 1.4;
  color: var(--color-muted);
}

.crumbs[data-c-2r2l7i5r] li[data-c-2r2l7i5r] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.crumbs[data-c-2r2l7i5r] li[data-c-2r2l7i5r] + li[data-c-2r2l7i5r]:before {
  content: "›";
  color: var(--color-line);
  font-size: .95rem;
  line-height: 1;
}

.crumbs[data-c-2r2l7i5r] a[data-c-2r2l7i5r] {
  color: var(--color-muted);
  text-decoration: none;
  transition: color .15s;
}

.crumbs[data-c-2r2l7i5r] a[data-c-2r2l7i5r]:hover {
  color: var(--color-brand-strong);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.crumbs[data-c-2r2l7i5r] .is-current[data-c-2r2l7i5r] span[data-c-2r2l7i5r] {
  color: var(--color-ink);
  font-weight: 500;
}

@media (width <= 719px) {
  .crumbs[data-c-2r2l7i5r] .is-hidden-mobile[data-c-2r2l7i5r] {
    display: none;
  }
}
.toc[data-c-1tfrunnc] {
  position: sticky;
  top: calc(var(--header-h, 64px) + 1px);
  z-index: 30;
  background: var(--color-surface-2);
  border-bottom: 1px solid var(--color-line);
}

.toc__inner[data-c-1tfrunnc] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  height: 48px;
  max-width: calc(var(--container-content) + 2 * var(--spacing-gutter));
  margin-inline: auto;
  padding-inline: var(--spacing-gutter);
}

.toc__label[data-c-1tfrunnc] {
  flex: none;
  color: var(--color-muted);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.toc__list[data-c-1tfrunnc] {
  flex: auto;
  min-width: 0;
  display: flex;
  justify-content: safe center;
  gap: 2px;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}

.toc__list[data-c-1tfrunnc]::-webkit-scrollbar {
  display: none;
}

.toc[data-c-1tfrunnc].has-overflow.at-start .toc__list[data-c-1tfrunnc] {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), #0000);
  mask-image: linear-gradient(90deg, #000 calc(100% - 40px), #0000);
}

.toc[data-c-1tfrunnc].has-overflow.at-end .toc__list[data-c-1tfrunnc] {
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 40px);
  mask-image: linear-gradient(90deg, #0000, #000 40px);
}

.toc[data-c-1tfrunnc].has-overflow:not(.at-start):not(.at-end) .toc__list[data-c-1tfrunnc] {
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 40px calc(100% - 40px), #0000);
  mask-image: linear-gradient(90deg, #0000, #000 40px calc(100% - 40px), #0000);
}

.toc__list[data-c-1tfrunnc] a[data-c-1tfrunnc] {
  display: block;
  padding: 6px 11px;
  border-radius: 999px;
  color: var(--color-ink);
  font-size: .86rem;
  font-weight: 500;
  text-decoration: none;
  transition: background .15s, color .15s;
}

.toc__list[data-c-1tfrunnc] a[data-c-1tfrunnc]:hover {
  background: color-mix(in srgb, var(--color-ink) 8%, transparent);
}

.toc__list[data-c-1tfrunnc] a[data-c-1tfrunnc].is-active {
  background: color-mix(in srgb, var(--color-ink) 12%, transparent);
  color: var(--color-ink);
  font-weight: 600;
  box-shadow: inset 0 0 0 1px var(--color-line);
}

@media (width <= 719px) {
  .toc__label[data-c-1tfrunnc] {
    display: none;
  }

  .toc__inner[data-c-1tfrunnc] {
    height: 40px;
    padding-inline: 10px;
    gap: 8px;
  }

  .toc__list[data-c-1tfrunnc] {
    justify-content: flex-start;
    gap: 0;
  }

  .toc__list[data-c-1tfrunnc] a[data-c-1tfrunnc] {
    padding: 5px 9px;
    font-size: .78rem;
  }
}
.rank-band[data-c-w9vyk4hr] {
  background: var(--color-band, var(--color-surface-2));
  border-block: 1px solid var(--color-line);
  padding-block: 28px;
}

.rank-band[data-c-w9vyk4hr] .rank-list--cards[data-c-w9vyk4hr] {
  padding-bottom: 0;
}

@media (width <= 719px) {
  .rank-band[data-c-w9vyk4hr] {
    padding-block: 20px;
  }
}

.rank-row[data-c-w9vyk4hr] {
  position: relative;
  background: linear-gradient(180deg, #ffffff0b, #fff0 42%),
      var(--color-card, var(--color-surface-2));
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  box-shadow: inset 0 1px #ffffff0f, 0 12px 32px -16px #0000008c;
  transition: box-shadow .18s, border-color .18s, transform .18s;
  overflow: hidden;
}

.rank-row[data-c-w9vyk4hr]:hover {
  border-color: color-mix(in srgb, var(--color-line) 55%, var(--color-ink));
  box-shadow: inset 0 1px #ffffff17, 0 18px 40px -18px #000000a6;
}

.rank-row__main[data-c-w9vyk4hr] {
  display: grid;
  grid-template-columns: 28px 140px minmax(150px, .85fr) minmax(220px, 1.15fr) auto auto;
  grid-template-areas: "rank logo name offer rating cta";
  align-items: center;
  gap: 20px;
  padding: 14px 16px 12px;
}

.rank-row__rank[data-c-w9vyk4hr] {
  grid-area: rank;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--color-surface-2);
  color: var(--color-ink);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: .82rem;
}

.rank-row[data-c-w9vyk4hr].is-top .rank-row__rank[data-c-w9vyk4hr] {
  background: var(--color-surface-2);
  color: var(--color-ink);
}

.rank-row__logo[data-c-w9vyk4hr] {
  grid-area: logo;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 56px;
}

.rank-row__logo[data-c-w9vyk4hr] img[data-c-w9vyk4hr] {
  max-width: 100%;
  max-height: 40px;
  filter: drop-shadow(0 1px 2px #0000008c);
  width: auto;
  height: auto;
  object-fit: contain;
}

.rank-row__logo-fallback[data-c-w9vyk4hr] {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: .02em;
  color: #fff;
  background: linear-gradient(160deg,
      hsl(var(--mono-h, 220) 38% 38%),
      hsl(calc(var(--mono-h, 220) + 24) 34% 23%));
  box-shadow: inset 0 1px #ffffff2e, inset 0 0 0 1px #ffffff14, 0 4px 12px -4px #00000080;
}

.rank-row__name[data-c-w9vyk4hr] {
  grid-area: name;
  padding-left: 26px;
  min-width: 0;
}

.rank-row__name[data-c-w9vyk4hr] h3[data-c-w9vyk4hr] {
  margin: 0 0 3px;
  font-size: 1.1rem;
  line-height: 1.2;
  color: var(--color-ink);
}

.rank-row__sub[data-c-w9vyk4hr] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .78rem;
  color: var(--color-muted);
}

.rank-row__offer[data-c-w9vyk4hr] {
  grid-area: offer;
  min-width: 0;
  padding-left: 26px;
  border-left: 2px solid var(--color-line);
}

.rank-row__offer[data-c-w9vyk4hr] .rank-row__label[data-c-w9vyk4hr] {
  display: block;
  margin-bottom: 2px;
}

.rank-row__offer[data-c-w9vyk4hr] strong[data-c-w9vyk4hr] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .98rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-ink);
}

.rank-row__offer[data-c-w9vyk4hr] {
  min-height: 3.8em;
}

.rank-row__rating[data-c-w9vyk4hr] {
  grid-area: rating;
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--color-rating);
  white-space: nowrap;
}

.rank-row__rating[data-c-w9vyk4hr] small[data-c-w9vyk4hr] {
  font-size: .7em;
  font-weight: 500;
  color: var(--color-muted);
}

.rank-row__cta[data-c-w9vyk4hr] {
  grid-area: cta;
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn[data-c-w9vyk4hr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 1px #ffffff38;
  padding: 11px 22px;
  border-radius: var(--btn-radius, var(--radius-btn));
  background: var(--btn-bg, var(--color-brand));
  color: var(--btn-color, #fff);
  box-shadow: var(--btn-shadow, none);
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s;
}

.btn[data-c-w9vyk4hr]:hover {
  background: var(--btn-bg-hover, var(--color-brand-strong));
  filter: drop-shadow(var(--btn-glow, 0 0 0 transparent));
}

.rank-row__review[data-c-w9vyk4hr].is-disabled {
  opacity: .45;
  cursor: default;
  pointer-events: none;
}

.rank-row__review[data-c-w9vyk4hr] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border: 1px solid var(--btn2-border, var(--color-brand));
  border-radius: var(--btn-radius, var(--radius-btn));
  background: var(--btn2-bg, var(--color-surface));
  color: var(--btn2-color, var(--color-brand-strong));
  font-size: .85rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s;
}

.rank-row__review[data-c-w9vyk4hr]:hover {
  background: var(--btn2-bg-hover, var(--color-brand-soft));
}

.rank-row__facts[data-c-w9vyk4hr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 14px;
  padding: 7px 16px;
  border-top: 1px solid var(--color-line);
}

.rank-row__fact[data-c-w9vyk4hr] {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}

.rank-row__fact[data-c-w9vyk4hr] + .rank-row__fact[data-c-w9vyk4hr] {
  padding-left: 14px;
  border-left: 1px solid var(--color-line);
}

.rank-row__label[data-c-w9vyk4hr] {
  font-size: .71rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--color-muted);
  white-space: nowrap;
}

.rank-row__fact[data-c-w9vyk4hr] strong[data-c-w9vyk4hr] {
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.3;
}

.rank-row__badge[data-c-w9vyk4hr] {
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--color-brand-soft);
  color: var(--color-brand-strong);
  font-size: .64rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  white-space: nowrap;
}

.rank-row__note[data-c-w9vyk4hr] {
  margin-left: auto;
  font-size: .64rem;
  color: var(--color-muted);
  white-space: nowrap;
}

.rank-list--cards[data-c-w9vyk4hr] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 14px;
}

.rank-list--cards[data-c-w9vyk4hr] > .rank-row--card[data-c-w9vyk4hr] {
  flex: 0 0 calc(33.3333% - 9.33333px);
  min-width: 0;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__main[data-c-w9vyk4hr] {
  grid-template-columns: 24px minmax(0, 1fr) auto;
  grid-template-areas: "rank name rating"
                       "logo logo logo"
                       "offer offer offer"
                       "cta cta cta";
  gap: 8px;
  padding: 14px 14px 12px;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__rank[data-c-w9vyk4hr] {
  grid-area: rank;
  width: 24px;
  height: 24px;
  font-size: .75rem;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__logo[data-c-w9vyk4hr] {
  grid-area: logo;
  width: 100%;
  height: 52px;
  justify-content: center;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__logo[data-c-w9vyk4hr] img[data-c-w9vyk4hr] {
  max-height: 46px;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__name[data-c-w9vyk4hr] {
  grid-area: name;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__name[data-c-w9vyk4hr] h3[data-c-w9vyk4hr] {
  font-size: 1.35rem;
  line-height: 1.12;
  letter-spacing: -.01em;
  min-height: 2.24em;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__sub[data-c-w9vyk4hr] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.7em;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__sub[data-c-w9vyk4hr] {
  font-size: .85rem;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__offer[data-c-w9vyk4hr] {
  grid-area: offer;
  padding-left: 0;
  border-left: none;
  text-align: center;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__offer[data-c-w9vyk4hr] strong[data-c-w9vyk4hr] {
  font-size: 1.04rem;
  line-height: 1.25;
  font-weight: 700;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__offer[data-c-w9vyk4hr] {
  min-height: 0;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__offer[data-c-w9vyk4hr] strong[data-c-w9vyk4hr] {
  min-height: 2.5em;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__rating[data-c-w9vyk4hr] {
  grid-area: rating;
  font-size: .95rem;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__cta[data-c-w9vyk4hr] {
  grid-area: cta;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  justify-content: stretch;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__cta[data-c-w9vyk4hr] .btn[data-c-w9vyk4hr], .rank-row--card[data-c-w9vyk4hr] .rank-row__cta[data-c-w9vyk4hr] .rank-row__review[data-c-w9vyk4hr] {
  padding: 10px 12px;
  font-size: .86rem;
  width: 100%;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__facts[data-c-w9vyk4hr] {
  border-top: none;
  padding: 8px 14px;
  gap: 4px 10px;
  flex-wrap: wrap;
  min-height: 60px;
  align-content: center;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__fact[data-c-w9vyk4hr] {
  flex: 0 auto;
  min-width: 0;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__fact[data-c-w9vyk4hr] + .rank-row__fact[data-c-w9vyk4hr] {
  padding-left: 0;
  border-left: none;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__fact[data-c-w9vyk4hr] .rank-row__label[data-c-w9vyk4hr] {
  font-size: .66rem;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__fact[data-c-w9vyk4hr] strong[data-c-w9vyk4hr] {
  font-size: .84rem;
}

.rank-row--card[data-c-w9vyk4hr] .rank-row__note[data-c-w9vyk4hr], .rank-row--card[data-c-w9vyk4hr] .rank-row__badge[data-c-w9vyk4hr] {
  display: none;
}

@media (width <= 923px) {
  .rank-list--cards[data-c-w9vyk4hr] > .rank-row--card[data-c-w9vyk4hr] {
    flex: 0 0 calc(50% - 7px);
  }
}

@media (width <= 639px) {
  .rank-list--cards[data-c-w9vyk4hr] > .rank-row--card[data-c-w9vyk4hr] {
    flex: 0 0 100%;
  }
}

@media (width <= 1180px) {
  .rank-row__main[data-c-w9vyk4hr] {
    grid-template-columns: 26px 96px minmax(0, 1fr) minmax(180px, 1fr) auto;
    grid-template-areas: "rank logo name offer rating"
                         "cta cta cta cta cta";
    row-gap: 14px;
    gap: 14px 16px;
    padding: 16px 18px 14px;
  }

  .rank-row__logo[data-c-w9vyk4hr] {
    width: 96px;
    height: 48px;
  }

  .rank-row__logo[data-c-w9vyk4hr] img[data-c-w9vyk4hr] {
    max-height: 48px;
  }

  .rank-row__cta[data-c-w9vyk4hr] .btn[data-c-w9vyk4hr], .rank-row__cta[data-c-w9vyk4hr] .rank-row__review[data-c-w9vyk4hr] {
    flex: auto;
  }

  .rank-row__facts[data-c-w9vyk4hr] {
    padding: 7px 14px;
  }
}

@media (width <= 900px) {
  .rank-row__offer[data-c-w9vyk4hr] strong[data-c-w9vyk4hr] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em;
  }
}

@media (width <= 719px) {
  .rank-row__main[data-c-w9vyk4hr] {
    grid-template-columns: 24px minmax(0, 1fr) auto;
    grid-template-areas: "rank name rating"
                         "logo logo logo"
                         "offer offer offer"
                         "cta cta cta";
    gap: 12px;
    padding: 14px 14px 12px;
  }

  .rank-row__rank[data-c-w9vyk4hr] {
    width: 24px;
    height: 24px;
    font-size: .75rem;
  }

  .rank-row__name[data-c-w9vyk4hr] h3[data-c-w9vyk4hr] {
    font-size: 1rem;
  }

  .rank-row__rating[data-c-w9vyk4hr] {
    font-size: 1rem;
  }

  .rank-row__logo[data-c-w9vyk4hr] {
    width: 100%;
    height: 60px;
    justify-content: center;
    padding-left: 0;
  }

  .rank-row__logo[data-c-w9vyk4hr] img[data-c-w9vyk4hr] {
    max-height: 56px;
  }

  .rank-row__name[data-c-w9vyk4hr] {
    padding-left: 0;
  }

  .rank-row__logo-fallback[data-c-w9vyk4hr] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    font-size: .95rem;
  }

  .rank-row__offer[data-c-w9vyk4hr] {
    padding-left: 12px;
  }

  .rank-row__offer[data-c-w9vyk4hr] strong[data-c-w9vyk4hr] {
    font-size: .92rem;
  }

  .rank-row__cta[data-c-w9vyk4hr] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
  }

  .rank-row__cta[data-c-w9vyk4hr] .btn[data-c-w9vyk4hr] {
    width: 100%;
  }

  .rank-row__facts[data-c-w9vyk4hr] {
    gap: 4px 10px;
    padding: 9px 14px;
  }

  .rank-row__badge[data-c-w9vyk4hr], .rank-row__note[data-c-w9vyk4hr] {
    display: none;
  }
}

@media (width <= 719px) {
  .rank-row__facts[data-c-w9vyk4hr] {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .rank-row__facts[data-c-w9vyk4hr]::-webkit-scrollbar {
    display: none;
  }

  .rank-row__fact[data-c-w9vyk4hr] {
    flex: none;
  }

  .rank-row__note[data-c-w9vyk4hr] {
    display: none;
  }
}
.slot-card[data-c-r7jkwc4p] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.slot-card__media[data-c-r7jkwc4p] {
  position: relative;
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 14px;
  background: var(--color-surface-2);
  box-shadow: 0 6px 18px #09090e14;
  transition: box-shadow .25s, transform .25s;
}

.slot-card__media[data-c-r7jkwc4p] img[data-c-r7jkwc4p] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s;
}

.slot-card__shade[data-c-r7jkwc4p] {
  position: absolute;
  inset: 0;
  background: linear-gradient(#09090e00 40%, #09090e80 100%);
  opacity: .35;
  transition: opacity .25s;
}

.slot-card__play[data-c-r7jkwc4p] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(.9);
  padding: 9px 20px;
  border-radius: 999px;
  background: var(--color-surface);
  color: var(--color-brand-strong);
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .02em;
  opacity: 0;
  transition: opacity .22s, transform .22s;
}

.slot-card__fallback[data-c-r7jkwc4p] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-muted);
}

.slot-card__title[data-c-r7jkwc4p] {
  display: block;
  margin-top: 2px;
  font-weight: 600;
  line-height: 1.25;
}

.slot-card__meta[data-c-r7jkwc4p] {
  display: block;
  font-size: .78rem;
  color: var(--color-muted);
}

.slot-card[data-c-r7jkwc4p]:hover .slot-card__media[data-c-r7jkwc4p], .slot-card[data-c-r7jkwc4p]:focus-visible .slot-card__media[data-c-r7jkwc4p] {
  box-shadow: 0 14px 34px #09090e2e;
  transform: translateY(-2px);
}

.slot-card[data-c-r7jkwc4p]:hover .slot-card__media[data-c-r7jkwc4p] img[data-c-r7jkwc4p], .slot-card[data-c-r7jkwc4p]:focus-visible .slot-card__media[data-c-r7jkwc4p] img[data-c-r7jkwc4p] {
  transform: scale(1.06);
}

.slot-card[data-c-r7jkwc4p]:hover .slot-card__shade[data-c-r7jkwc4p], .slot-card[data-c-r7jkwc4p]:focus-visible .slot-card__shade[data-c-r7jkwc4p] {
  opacity: .75;
}

.slot-card[data-c-r7jkwc4p]:hover .slot-card__play[data-c-r7jkwc4p], .slot-card[data-c-r7jkwc4p]:focus-visible .slot-card__play[data-c-r7jkwc4p] {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.slot-card[data-c-r7jkwc4p]:active .slot-card__media[data-c-r7jkwc4p] {
  transform: translateY(0);
}
.faq[data-c-rji1uevv] {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

.faq__item[data-c-rji1uevv] {
  background: var(--color-card, var(--color-surface-2));
  border: 1px solid var(--color-line);
  border-radius: 12px;
  transition: border-color .15s, background .15s;
}

.faq__item[data-c-rji1uevv]:hover {
  border-color: color-mix(in srgb, var(--color-line) 55%, var(--color-ink));
}

.faq__item[data-c-rji1uevv][open] {
  border-color: color-mix(in srgb, var(--color-brand) 45%, var(--color-line));
}

.faq__summary[data-c-rji1uevv] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 52px 14px 18px;
  position: relative;
  cursor: pointer;
  list-style: none;
}

.faq__summary[data-c-rji1uevv]::-webkit-details-marker {
  display: none;
}

.faq__q[data-c-rji1uevv] {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  transition: color .15s;
}

.faq__item[data-c-rji1uevv][open] .faq__q[data-c-rji1uevv] {
  color: var(--color-brand-strong);
}

.faq__icon[data-c-rji1uevv] {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid var(--color-line);
  color: var(--color-brand);
  font-size: 1rem;
  line-height: 1;
  transition: border-color .15s, background .15s;
}

.faq__icon[data-c-rji1uevv]:before {
  content: "+";
}

.faq__item[data-c-rji1uevv][open] .faq__icon[data-c-rji1uevv]:before {
  content: "−";
}

.faq__item[data-c-rji1uevv][open] .faq__icon[data-c-rji1uevv] {
  border-color: color-mix(in srgb, var(--color-brand) 55%, transparent);
  background: color-mix(in srgb, var(--color-brand) 12%, transparent);
}

.faq__body[data-c-rji1uevv] {
  padding: 0 18px 16px;
  color: var(--color-muted);
  font-size: .95rem;
  line-height: 1.7;
}

.faq__body[data-c-rji1uevv] p:last-child {
  margin-bottom: 0;
}

@media (width <= 719px) {
  .faq__summary[data-c-rji1uevv] {
    padding: 13px 46px 13px 14px;
  }

  .faq__q[data-c-rji1uevv] {
    font-size: .95rem;
  }

  .faq__body[data-c-rji1uevv] {
    padding: 0 14px 14px;
  }
}
.table-btn[data-c-3wmuq6q5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  border-radius: var(--btn-radius, var(--radius-btn));
  background: var(--btn-bg, var(--color-brand));
  color: var(--btn-color, #fff);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s;
}

.table-btn[data-c-3wmuq6q5]:hover {
  background: var(--btn-bg-hover, var(--color-brand-strong));
}

.table-wrap[data-c-3wmuq6q5] table[data-c-3wmuq6q5] {
  min-width: var(--table-min, 0);
}

.table-wrap[data-c-3wmuq6q5] {
  overflow-x: auto;
  scrollbar-width: thin;
}

.table-wrap[data-c-3wmuq6q5]::-webkit-scrollbar {
  height: 6px;
}

.table-wrap[data-c-3wmuq6q5]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--color-line);
}

.table-wrap[data-c-3wmuq6q5] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.list__step[data-c-2j5z8kt5] {
  font-size: .72rem;
  line-height: 1;
}
.sticky-cta[data-c-gdqkxnu5] {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 60;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  background: var(--color-surface);
  border-top: 1px solid var(--color-line);
  box-shadow: 0 -6px 24px #00000014;
  transform: translateY(100%);
  transition: transform .2s;
}

.sticky-cta[data-c-gdqkxnu5].is-visible {
  display: flex;
  transform: translateY(0);
}

.sticky-cta--mobile-only[data-c-gdqkxnu5].is-visible {
  display: none;
}

.sticky-cta__text[data-c-gdqkxnu5] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sticky-cta__text[data-c-gdqkxnu5] strong[data-c-gdqkxnu5] {
  font-size: .9rem;
  line-height: 1.2;
}

.sticky-cta__text[data-c-gdqkxnu5] small[data-c-gdqkxnu5] {
  font-size: .66rem;
  color: var(--color-muted);
}

.sticky-cta__btn[data-c-gdqkxnu5] {
  flex: none;
  padding: 10px 20px;
  border-radius: var(--radius-btn);
  background: var(--color-brand);
  color: #fff;
  font-weight: 600;
  font-size: .9rem;
  text-decoration: none;
}

.sticky-cta__btn[data-c-gdqkxnu5]:hover {
  background: var(--color-brand-strong);
}

@media (width <= 719px) {
  .sticky-cta[data-c-gdqkxnu5].is-visible, .sticky-cta--mobile-only[data-c-gdqkxnu5].is-visible {
    display: flex;
  }
}
.feature[data-c-1a4vsshf] {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.feature__icon[data-c-1a4vsshf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--color-brand-soft);
  color: var(--color-brand-strong);
  transition: background .22s, color .22s, transform .22s;
}

.feature__glyph[data-c-1a4vsshf] {
  font-size: 1.1rem;
  line-height: 1;
}

.feature__text[data-c-1a4vsshf] {
  display: block;
  min-width: 0;
}

.feature__title[data-c-1a4vsshf] {
  display: block;
  font-size: 1.02rem;
  font-weight: 650;
  line-height: 1.3;
}

.feature__desc[data-c-1a4vsshf] {
  display: block;
  margin-top: 4px;
  font-size: .9rem;
  line-height: 1.45;
  color: var(--color-muted);
}

.feature--accent[data-c-1a4vsshf] .feature__icon[data-c-1a4vsshf] {
  background: var(--color-brand);
  color: #fff;
}

.feature[data-c-1a4vsshf]:hover .feature__icon[data-c-1a4vsshf] {
  background: var(--color-brand);
  color: #fff;
  transform: translateY(-2px);
}
.bonus[data-c-209u81j3] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px 16px;
  border: 1px solid color-mix(in srgb, var(--color-line) 55%, var(--color-ink));
  border-radius: 14px;
  background: var(--color-card, var(--color-surface));
  transition: border-color .15s, box-shadow .15s, transform .15s;
}

.bonus[data-c-209u81j3]:hover {
  border-color: color-mix(in srgb, var(--color-brand) 45%, var(--color-line));
  box-shadow: 0 12px 28px -20px #000000b3;
  transform: translateY(-1px);
}

.bonus__tag[data-c-209u81j3] {
  align-self: flex-start;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--color-brand-soft);
  color: var(--color-brand-strong);
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.bonus__title[data-c-209u81j3] {
  font-weight: 600;
}

.bonus__amount[data-c-209u81j3] {
  font-size: 1.35rem;
  line-height: 1.2;
  min-height: 3.24rem;
}

.bonus__details[data-c-209u81j3] {
  margin: 4px 0 0;
  display: grid;
  gap: 4px;
  font-size: .86rem;
}

.bonus__details[data-c-209u81j3] div[data-c-209u81j3] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.bonus__details[data-c-209u81j3] dt[data-c-209u81j3] {
  color: var(--color-muted);
}

.bonus__details[data-c-209u81j3] dd[data-c-209u81j3] {
  margin: 0;
  font-weight: 600;
}

.bonus__cta[data-c-209u81j3] {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
  padding: 10px 18px;
  border-radius: var(--btn-radius, var(--radius-btn));
  background: var(--btn-bg, var(--color-brand));
  color: var(--btn-color, #fff);
  font-weight: 600;
  box-shadow: var(--btn-shadow, none);
}

.bonus__cta[data-c-209u81j3]:hover {
  background: var(--btn-bg-hover, var(--color-brand-strong));
  filter: drop-shadow(var(--btn-glow, 0 0 0 transparent));
}
.cta-banner[data-c-nkh8kjac] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 26px;
  border-radius: 16px;
  background: var(--btn-bg, var(--color-brand));
  color: var(--btn-color, #fff);
}

.cta-banner__text[data-c-nkh8kjac] {
  min-width: 260px;
  flex: 380px;
}

.cta-banner[data-c-nkh8kjac] h2[data-c-nkh8kjac] {
  margin: 0;
  font-size: clamp(1.25rem, 2.4vw, 1.7rem);
  line-height: 1.2;
}

.cta-banner[data-c-nkh8kjac] p[data-c-nkh8kjac] {
  margin: 8px 0 0;
  opacity: .9;
  max-width: 62ch;
}

.cta-banner[data-c-nkh8kjac] small[data-c-nkh8kjac] {
  display: block;
  margin-top: 8px;
  opacity: .75;
}

.cta-banner__actions[data-c-nkh8kjac] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cta-banner__primary[data-c-nkh8kjac], .cta-banner__secondary[data-c-nkh8kjac] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 22px;
  border-radius: var(--btn-radius, var(--radius-btn));
  font-weight: 600;
  white-space: nowrap;
}

.cta-banner__primary[data-c-nkh8kjac] {
  background: var(--color-surface);
  color: var(--btn-bg, var(--color-brand));
}

.cta-banner__secondary[data-c-nkh8kjac] {
  border: 1px solid;
  color: inherit;
}

@media (width <= 719px) {
  .cta-banner[data-c-nkh8kjac] {
    padding: 22px 18px;
  }
}
.callout[data-c-1tlpryc7] {
  display: flex;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid var(--color-line);
  border-left-width: 3px;
  border-radius: 12px;
  background: var(--color-card, var(--color-surface-2));
}

.callout__icon[data-c-1tlpryc7] {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: color-mix(in srgb, currentColor 14%, transparent);
}

.callout__body[data-c-1tlpryc7] {
  min-width: 0;
}

.callout__label[data-c-1tlpryc7] {
  display: block;
  margin-bottom: 4px;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: currentColor;
}

.callout__text[data-c-1tlpryc7] {
  color: var(--color-ink);
  font-size: .95rem;
  line-height: 1.65;
}

.callout__text[data-c-1tlpryc7] p {
  margin: 0;
}

.callout__text[data-c-1tlpryc7] p + p {
  margin-top: 8px;
}

.callout__text[data-c-1tlpryc7] a {
  color: var(--color-brand-strong);
}

.callout--info[data-c-1tlpryc7] {
  border-left-color: var(--color-accent, #6ea8fe);
  color: var(--color-accent, #6ea8fe);
}

.callout--warning[data-c-1tlpryc7] {
  border-left-color: var(--color-brand);
  color: var(--color-brand);
}

.callout--tip[data-c-1tlpryc7] {
  border-left-color: var(--color-positive, #3fbf7f);
  color: var(--color-positive, #3fbf7f);
}

@media (width <= 719px) {
  .callout[data-c-1tlpryc7] {
    padding: 14px;
    gap: 12px;
  }

  .callout__icon[data-c-1tlpryc7] {
    flex-basis: 26px;
    width: 26px;
    height: 26px;
  }
}
.verdict[data-c-26h8wfpi] {
  display: grid;
  gap: 24px;
  margin-top: 20px;
}

@media (width >= 900px) {
  .verdict[data-c-26h8wfpi] {
    grid-template-columns: 300px 1fr;
    gap: 32px;
    align-items: start;
  }
}

.verdict__card[data-c-26h8wfpi] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  background: var(--color-surface-2);
}

@media (width >= 900px) {
  .verdict__card[data-c-26h8wfpi] {
    position: sticky;
    top: calc(var(--header-h) + 16px);
  }
}

.verdict__badge[data-c-26h8wfpi] {
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--color-brand-soft);
  color: var(--color-brand-strong);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .02em;
}

.verdict__score[data-c-26h8wfpi] {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
  color: var(--color-rating);
}

.verdict__score[data-c-26h8wfpi] strong[data-c-26h8wfpi] {
  font-family: var(--font-display);
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-ink);
}

.verdict__score[data-c-26h8wfpi] span[data-c-26h8wfpi] {
  font-size: .95rem;
  color: var(--color-muted);
}

.verdict__bar[data-c-26h8wfpi] {
  flex-basis: 100%;
  height: 6px;
  margin-top: 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-line) 80%, transparent);
  overflow: hidden;
}

.verdict__bar[data-c-26h8wfpi] i[data-c-26h8wfpi] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--btn-bg, var(--color-brand));
}

.verdict__facts[data-c-26h8wfpi] {
  display: grid;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid var(--color-line);
}

.verdict__facts[data-c-26h8wfpi] > div[data-c-26h8wfpi] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.verdict__facts[data-c-26h8wfpi] dt[data-c-26h8wfpi] {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--color-muted);
}

.verdict__facts[data-c-26h8wfpi] dd[data-c-26h8wfpi] {
  margin: 0;
  font-size: .88rem;
  font-weight: 600;
  text-align: right;
}

.verdict__cta[data-c-26h8wfpi] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 20px;
  border-radius: var(--btn-radius, var(--radius-btn));
  background: var(--btn-bg, var(--color-brand));
  color: var(--btn-color, #fff);
  box-shadow: var(--btn-shadow, none);
  font-size: .92rem;
  font-weight: 600;
  transition: background .15s;
}

.verdict__cta[data-c-26h8wfpi]:hover {
  background: var(--btn-bg-hover, var(--color-brand-strong));
}

.verdict__date[data-c-26h8wfpi] {
  margin: 0;
  font-size: .78rem;
  color: var(--color-muted);
}

.verdict__text[data-c-26h8wfpi] p {
  margin: 0 0 12px;
  font-size: 1.02rem;
}

.verdict__text[data-c-26h8wfpi] p:last-child {
  margin-bottom: 0;
}

.verdict__lists[data-c-26h8wfpi] {
  display: grid;
  gap: 16px;
  margin-top: 22px;
}

@media (width >= 640px) {
  .verdict__lists[data-c-26h8wfpi] {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

.verdict__list[data-c-26h8wfpi] h2[data-c-26h8wfpi] {
  margin: 0 0 10px;
  font-size: .82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.verdict__list--pros[data-c-26h8wfpi] h2[data-c-26h8wfpi] {
  color: #15803d;
}

.verdict__list--cons[data-c-26h8wfpi] h2[data-c-26h8wfpi] {
  color: #b45309;
}

.verdict__list[data-c-26h8wfpi] ul[data-c-26h8wfpi] {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.verdict__list[data-c-26h8wfpi] li[data-c-26h8wfpi] {
  position: relative;
  padding-left: 22px;
  font-size: .93rem;
  line-height: 1.5;
}

.verdict__list[data-c-26h8wfpi] li[data-c-26h8wfpi]:before {
  position: absolute;
  left: 0;
  top: .1em;
  font-weight: 700;
}

.verdict__list--pros[data-c-26h8wfpi] li[data-c-26h8wfpi]:before {
  content: "✓";
  color: #15803d;
}

.verdict__list--cons[data-c-26h8wfpi] li[data-c-26h8wfpi]:before {
  content: "!";
  color: #b45309;
}
.rating__top[data-c-1kuwcatj] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.rating__title[data-c-1kuwcatj] {
  margin-bottom: 6px;
}

.rating__subtitle[data-c-1kuwcatj] {
  margin: 0;
  max-width: 42rem;
  font-size: .85rem;
  line-height: 1.45;
  color: var(--color-muted);
}

.rating__total[data-c-1kuwcatj] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  white-space: nowrap;
}

.rating__total[data-c-1kuwcatj] span[data-c-1kuwcatj] {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--color-muted);
}

.rating__total[data-c-1kuwcatj] strong[data-c-1kuwcatj] {
  font-family: var(--font-display);
  font-size: 1.5rem;
  line-height: 1;
  color: var(--color-rating);
}

.rating__total[data-c-1kuwcatj] small[data-c-1kuwcatj], .rating__value[data-c-1kuwcatj] small[data-c-1kuwcatj] {
  font-weight: 500;
  font-size: .75em;
  color: var(--color-muted);
}

.rating[data-c-1kuwcatj] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px 32px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

@media (width >= 760px) {
  .rating[data-c-1kuwcatj] {
    grid-template-columns: 1fr 1fr;
    gap: 14px 40px;
  }

  .rating--notes[data-c-1kuwcatj] {
    grid-template-columns: 1fr;
  }
}

.rating__line[data-c-1kuwcatj] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.rating__label[data-c-1kuwcatj] {
  font-size: .88rem;
  line-height: 1.35;
}

.rating__meta[data-c-1kuwcatj] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  white-space: nowrap;
}

.rating__weight[data-c-1kuwcatj] {
  color: var(--color-muted);
  font-size: .72rem;
  font-style: normal;
}

.rating__value[data-c-1kuwcatj] {
  font-family: var(--font-display);
  font-size: .88rem;
  color: var(--color-ink);
}

.rating__bar[data-c-1kuwcatj] {
  height: 4px;
  margin-top: 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-line) 80%, transparent);
  overflow: hidden;
}

.rating__bar[data-c-1kuwcatj] i[data-c-1kuwcatj] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--btn-bg, var(--color-brand));
}

.rating__note[data-c-1kuwcatj] {
  margin: 5px 0 0;
  font-size: .82rem;
  line-height: 1.45;
  color: var(--color-muted);
}
.section > .breadcrumbs,
  div > .breadcrumbs {
    padding-top: 16px;
  }

  
  .page-shell {
    width: 100%;
    max-width: var(--container-wide, 1200px);
    margin-inline: auto;
    margin-block: 8px 16px;
    padding: 24px 0 28px;
    background: var(--color-panel, var(--color-surface-2));
    border: 1px solid var(--color-line);
    border-radius: var(--radius-card);
    box-shadow: 0 24px 60px -50px rgb(0 0 0 / 0.65);
  }
  .page-shell > :last-child {
    margin-bottom: 0;
  }
  
  .page-shell > :first-child h2:first-child,
  .page-shell > :first-child > .section-title:first-child {
    margin-top: 0;
  }
  @media (max-width: 719px) {
    .page-shell {
      margin-block: 8px 12px;
      padding: 20px 0 22px;
      border-radius: 14px;
    }
  }/*$vite$:1*/