/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --container-6xl: 72rem;
    --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-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@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, ui-sans-serif, system-ui, 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 {
    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;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .-top-4 {
    top: calc(var(--spacing) * -4);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .-left-4 {
    left: calc(var(--spacing) * -4);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-full {
    height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-\[34rem\] {
    max-width: 34rem;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-default {
    cursor: default;
  }
  .resize {
    resize: both;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .space-y-4 {
    :where(& > :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)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .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-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-white\/5 {
    border-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-\[\#050505\] {
    background-color: #050505;
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-black\/80 {
    background-color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .pt-40 {
    padding-top: calc(var(--spacing) * 40);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .text-left {
    text-align: left;
  }
  .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-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--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-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .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);
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.3em\] {
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -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,);
  }
  .backdrop-filter {
    -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-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));
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .group-hover\:translate-x-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-y-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:gap-8 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:gap-12 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:p-10 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .sm\:p-12 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-8 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:py-6 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:pb-8 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .sm\:text-6xl {
    @media (width >= 40rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:tracking-\[0\.2em\] {
    @media (width >= 40rem) {
      --tw-tracking: 0.2em;
      letter-spacing: 0.2em;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:text-6xl {
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .md\:text-8xl {
    @media (width >= 48rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:ml-auto {
    @media (width >= 64rem) {
      margin-left: auto;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .lg\:w-1\/3 {
    @media (width >= 64rem) {
      width: calc(1 / 3 * 100%);
    }
  }
  .lg\:w-2\/3 {
    @media (width >= 64rem) {
      width: calc(2 / 3 * 100%);
    }
  }
  .lg\:w-2\/5 {
    @media (width >= 64rem) {
      width: calc(2 / 5 * 100%);
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,0\.95fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr);
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .lg\:gap-20 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .lg\:gap-24 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 24);
    }
  }
  .lg\:p-16 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-60 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 60);
    }
  }
  .lg\:pb-48 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 48);
    }
  }
  .lg\:text-9xl {
    @media (width >= 64rem) {
      font-size: var(--text-9xl);
      line-height: var(--tw-leading, var(--text-9xl--line-height));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(34rem\,0\.9fr\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) minmax(34rem,0.9fr);
    }
  }
  .xl\:text-7xl {
    @media (width >= 80rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .\32 xl\:text-3xl {
    @media (width >= 96rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .\32 xl\:text-8xl {
    @media (width >= 96rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
}
@layer base {
  body {
    font-weight: 500;
  }
  body * {
    font-weight: inherit;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: 800 !important;
  }
  h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    font-weight: inherit !important;
  }
  ul, ol, li {
    font-weight: 700;
  }
}
@layer utilities {
  .py-32 {
    padding-block: calc(var(--spacing) * 15);
  }
}
@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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-ease {
  syntax: "*";
  inherits: false;
}
@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;
}
@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-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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-outline-style: solid;
      --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-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}
:root {
      --ogency-base: #f5900d;
      --ogency-white-rgb: 255, 255, 255;
    }
    body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #0a0a0a; color: #fff; scroll-behavior: smooth; overflow-x: hidden; }
    a, a:hover, a:focus, a:visited { text-decoration: none; }
    .text-orange { color: #f39c12; }
    .bg-orange { background-color: #f39c12; }
    .border-orange { border-color: #f39c12; }
    * { transition: border-color .3s ease, background-color .3s ease, color .3s ease; }
    .glass-card { background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.05); backdrop-filter: blur(12px); transition: all .5s cubic-bezier(.2,1,.3,1); border-radius: 0 !important; }
    .glass-card:hover { border-color: rgba(243,156,18,.6); background: rgba(255,255,255,.05); transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,.4); }
    .btn-primary { background-color: #f39c12; color: #000; font-weight: 800; transition: all .4s cubic-bezier(.2,1,.3,1); border-radius: 0 !important; text-transform: uppercase; letter-spacing: .1em; position: relative; overflow: hidden; animation: ctaPulse 2.8s ease-in-out infinite; transform-origin: center; }
    .btn-primary:hover { background-color: #fff; transform: scale(1.05); box-shadow: 0 10px 30px rgba(243,156,18,.3); animation-play-state: paused; }
    @keyframes ctaPulse {
      0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(243,156,18,0); }
      50% { transform: scale(1.025); box-shadow: 0 12px 28px rgba(243,156,18,.22); }
    }
    .pane-content { display: none; }
    .pane-content.active { display: flex; flex-direction: column; justify-content: center; animation: fadeUpStep .8s cubic-bezier(.2,1,.3,1) forwards; }
    @keyframes fadeUpStep {
      0% { opacity: 0; transform: translateY(30px); }
      100% { opacity: 1; transform: translateY(0); }
    }
    .tab-item { border-left: 2px solid rgba(255,255,255,.1); padding-left: 1.5rem; transition: all .4s ease; border-radius: 0 !important; color: #4b5563; font-weight: 600; }
    .tab-item:hover { color: #fff; }
    .tab-item.active { color: #f39c12 !important; border-left: 2px solid #f39c12; transform: translateX(10px); }
    ul, ol, li { font-weight: 500; }
    .dot-pattern { background-image: radial-gradient(rgba(243,156,18,.05) 1px, transparent 1px); background-size: 40px 40px; }
    input, select, textarea { border-radius: 0 !important; background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.1) !important; padding: 1.25rem !important; width: 100%; color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; transition: all .3s ease; }
    input:focus { border-color: #f39c12 !important; background: rgba(255,255,255,.06) !important; outline: none; }
    .section-line { height: 1px; background: linear-gradient(90deg, #f39c12 0%, transparent 100%); width: 80px; margin-bottom: 2rem; }
    .tech-tag { border: 1px solid rgba(255,255,255,.1); padding: .5rem 1rem; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; transition: all .3s ease; }
    .tech-tag:hover { border-color: #f39c12; color: #f39c12; }
    .grain-bg { position: relative; padding-bottom: 30px; }
    .grain-bg::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        radial-gradient(rgba(255,255,255,.045) .6px, transparent .8px),
        radial-gradient(rgba(243,156,18,.03) .5px, transparent .8px);
      background-size: 14px 14px, 19px 19px;
      background-position: 0 0, 7px 9px;
      opacity: .32;
      pointer-events: none;
      z-index: 0;
    }
    .bg-diag-lines { background-image: repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.015) 40px, rgba(255,255,255,.015) 41px); }
    .glow-bg-orange { box-shadow: 0 0 120px -20px rgba(243,156,18,.15); }
    .bg-micro-grid { background-image: linear-gradient(to right, rgba(255,255,255,.02) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.02) 1px, transparent 1px); background-size: 32px 32px; }
    .bg-digital-dots { background-image: radial-gradient(rgba(255,255,255,.15) 1px, transparent 1px); background-size: 16px 16px; }
    .bg-tech-pattern { background-image: radial-gradient(rgba(243,156,18,.15) 1px, transparent 1px); background-size: 20px 20px; }
    .step-container { position: relative; min-height: 480px; background: linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.018) 100%); border: 1px solid rgba(255,255,255,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.015); overflow: hidden; padding: 3rem; }
    .step-bg-layer { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
    .bg-analytics { background-image: radial-gradient(rgba(243,156,18,.15) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px); background-size: 40px 40px, 120px 120px, 120px 120px; background-position: center; }
    .glow-title { position: absolute; top: 10%; left: 5%; width: 250px; height: 250px; background: radial-gradient(circle, rgba(243,156,18,.12) 0%, transparent 60%); border-radius: 50%; }
    .bg-prototype { background-image: repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(255,255,255,.015) 80px, rgba(255,255,255,.015) 81px); }
    .wireframe-1, .wireframe-2, .wireframe-3 { position: absolute; border: 1px dashed rgba(255,255,255,.06); }
    .wireframe-1 { top: 15%; right: 10%; width: 220px; height: 140px; }
    .wireframe-2 { top: 50%; right: 15%; width: 160px; height: 40px; }
    .wireframe-3 { bottom: 15%; right: 20%; width: 90px; height: 90px; border-style: solid; border-color: rgba(255,255,255,.03); border-radius: 50%; }
    .bg-design { background: radial-gradient(ellipse at 70% 30%, rgba(243,156,18,.08) 0%, transparent 50%), radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.02) 0%, transparent 50%); }
    .design-wave-svg { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .15; }
    .bg-code { background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px); background-size: 12px 12px; }
    .code-stroke-1, .code-stroke-2, .code-stroke-3 { position: absolute; height: 2px; }
    .code-stroke-1 { top: 25%; right: 25%; width: 50px; background: rgba(243,156,18,.3); }
    .code-stroke-2 { top: 32%; right: 15%; width: 30px; background: rgba(243,156,18,.15); }
    .code-stroke-3 { top: 60%; right: 30%; width: 70px; background: rgba(255,255,255,.1); }
    .bg-release { background: radial-gradient(circle at center, rgba(243,156,18,.15) 0%, transparent 60%); }
    .release-lines, .release-lines-2 { position: absolute; top: 50%; left: 50%; width: 150%; height: 1px; background: rgba(255,255,255,.03); }
    .release-lines { transform: translate(-50%, -50%) rotate(45deg); }
    .release-lines-2 { transform: translate(-50%, -50%) rotate(-45deg); }
    .pulse-marker { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background: #f39c12; border-radius: 50%; box-shadow: 0 0 20px 4px #f39c12; }
    .hero-breadcrumbs {
      display: block;
    }
    .hero-breadcrumbs__list {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: .55rem;
      margin: 0;
      padding: 0;
      list-style: none;
      color: rgba(255,255,255,.42);
      font-size: .74rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .16em;
    }
    .hero-breadcrumbs__list > li[itemprop="itemListElement"] {
      display: inline-flex;
      align-items: center;
    }
    .hero-breadcrumbs__list > li[itemprop="itemListElement"] + li[itemprop="itemListElement"]::before {
      content: "/";
      margin-right: .55rem;
      color: rgba(243,156,18,.55);
    }
    .hero-breadcrumbs a,
    .hero-breadcrumbs__current {
      color: inherit;
    }
    .hero-breadcrumbs a:hover {
      color: #fff;
    }
    .hero-breadcrumbs__sep {
      color: rgba(243,156,18,.55);
    }
    .hero-breadcrumbs__current {
      color: #f39c12;
    }
    .hero-breadcrumbs[data-breadcrumb-dropdown] .hero-breadcrumbs__list > li[itemprop="itemListElement"] {
      position: relative;
    }
    .hero-breadcrumbs__dropdown {
      position: relative;
      display: inline-flex;
      align-items: center;
    }
    .hero-breadcrumbs__dropdown::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      height: 14px;
    }
    .hero-breadcrumbs__toggle {
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      padding: 0;
      border: 0;
      background: transparent;
      color: inherit;
      font: inherit;
      text-transform: inherit;
      letter-spacing: inherit;
      cursor: pointer;
      transition: color .25s ease;
    }
    .hero-breadcrumbs__toggle--icon {
      gap: 0;
      padding-left: .35rem;
    }
    .hero-breadcrumbs__toggle:hover,
    .hero-breadcrumbs__dropdown-item.is-open .hero-breadcrumbs__toggle {
      color: #fff;
    }
    .hero-breadcrumbs__current .hero-breadcrumbs__toggle {
      color: #f39c12;
    }
    .hero-breadcrumbs__caret {
      font-size: .72em;
      color: rgba(243,156,18,.85);
      transition: transform .25s ease;
    }
    .hero-breadcrumbs__dropdown-item.is-open .hero-breadcrumbs__caret {
      transform: rotate(180deg);
    }
    .hero-breadcrumbs__menu {
      position: absolute;
      top: calc(100% + 14px);
      left: 0;
      z-index: 40;
      min-width: min(320px, 80vw);
      padding: .65rem;
      background: rgba(10,10,10,.96);
      border: 1px solid rgba(243,156,18,.18);
      box-shadow: 0 24px 48px rgba(0,0,0,.35);
      backdrop-filter: blur(14px);
    }
    .hero-breadcrumbs__dropdown-item.is-open .hero-breadcrumbs__menu {
      display: block !important;
    }
    @media (hover: hover) and (pointer: fine) {
      .hero-breadcrumbs__dropdown:hover .hero-breadcrumbs__toggle,
      .hero-breadcrumbs__dropdown:focus-within .hero-breadcrumbs__toggle {
        color: #fff;
      }
      .hero-breadcrumbs__dropdown:hover .hero-breadcrumbs__caret,
      .hero-breadcrumbs__dropdown:focus-within .hero-breadcrumbs__caret {
        transform: rotate(180deg);
      }
      .hero-breadcrumbs__dropdown:hover .hero-breadcrumbs__menu,
      .hero-breadcrumbs__dropdown:focus-within .hero-breadcrumbs__menu {
        display: block !important;
      }
    }
    .hero-breadcrumbs__current .hero-breadcrumbs__menu {
      right: 0;
      left: auto;
    }
    .hero-breadcrumbs__menu::before {
      content: "";
      position: absolute;
      top: -7px;
      left: 16px;
      width: 14px;
      height: 14px;
      background: inherit;
      border-top: 1px solid rgba(243,156,18,.18);
      border-left: 1px solid rgba(243,156,18,.18);
      transform: rotate(45deg);
    }
    .hero-breadcrumbs__current .hero-breadcrumbs__menu::before {
      right: 16px;
      left: auto;
    }
    .hero-breadcrumbs__menu-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: .8rem .95rem;
      color: rgba(255,255,255,.72);
      text-decoration: none;
      transition: background .25s ease, color .25s ease;
    }
    .hero-breadcrumbs__menu-link:hover {
      color: #fff;
      background: rgba(243,156,18,.1);
    }
    .hero-breadcrumbs__menu-link.is-current {
      color: #f39c12;
      background: rgba(243,156,18,.12);
    }
    .hero-breadcrumbs__menu-link.is-current::after {
      content: "ТУТ";
      font-size: .58rem;
      letter-spacing: .18em;
      color: rgba(243,156,18,.8);
    }
    .hero-title { line-height: 1.1; letter-spacing: .015em; }
    h1.tracking-tighter,
    h2.tracking-tighter,
    h3.tracking-tighter { letter-spacing: .015em; }
    .typing-word { display: inline-flex; align-items: flex-end; vertical-align: bottom; white-space: nowrap; flex: 0 0 auto; }
    .typing-word__text { display: inline-block; white-space: nowrap; }
    .typing-word__cursor { display: inline-block; width: .08em; height: .88em; margin-left: .08em; background: currentColor; animation: caretBlink .75s step-end infinite; transform: translateY(-0.02em); }
    @keyframes caretBlink {
      50% { opacity: 0; }
    }
    .format-card { transition: all .5s cubic-bezier(.2,1,.3,1); background: transparent; position: relative; }
    .format-card:hover { background: rgba(243,156,18,.03); border-color: #f39c12 !important; z-index: 10; transform: scale(1.02); box-shadow: 0 0 30px rgba(243,156,18,.05); }
    .icon-box { width: 56px; height: 56px; background: rgba(255,255,255,.03); display: flex; align-items: center; justify-content: center; margin-bottom: 24px; border: 1px solid rgba(255,255,255,.05); transition: all .5s ease; }
    .group:hover .icon-box { border-color: rgba(243,156,18,.3); background: rgba(243,156,18,.05); }
    .group:hover .icon-box i { color: #f39c12; transform: scale(1.1); }
    .result-card { background: linear-gradient(135deg, rgba(243,156,18,.14) 0%, rgba(243,156,18,.08) 38%, rgba(255,255,255,.03) 100%); border: 1px solid rgba(243,156,18,.25); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 120px -24px rgba(243,156,18,.18); }
    .result-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 34%); opacity: .6; }
.result-card h3 { color: #fff; }
.result-list { letter-spacing: normal; line-height: 1.35; }
.result-list li { color: rgba(255,255,255,.92); }
.result-list i { color: #f39c12; }
.lead-packages-section {
  background:
    radial-gradient(circle at 14% 18%, rgba(243,156,18,.12), transparent 20%),
    radial-gradient(circle at 88% 82%, rgba(243,156,18,.08), transparent 24%),
    linear-gradient(180deg, #050505 0%, #080808 100%);
}

/* Final article-page overrides */
.page-article #hero.article-page-hero {
  min-height: 100vh;
  padding-top: 7rem;
  padding-bottom: 6rem;
  background: #050505;
}
.page-article #hero.article-page-hero .article-page-hero__backdrop {
  display: none;
}
.page-article #hero.article-page-hero .blog-hero-copy {
  max-width: 58rem;
}
.page-article #hero.article-page-hero .article-page-hero__title {
  margin: 0;
  max-width: 14ch;
  font-size: var(--text-3xl);
  line-height: 1.02;
  letter-spacing: .015em;
}
.page-article .article-page-layout {
  grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
  gap: 1.5rem;
}
.page-article .article-page-section--cta,
.page-article .article-page-cta {
  display: none;
}
.page-article .article-page-faq .faq-item {
  background: #111;
}
.page-article .article-page-faq .faq-question-title {
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.35;
}
.page-article .article-page-faq .faq-answer-content {
  font-size: .95rem;
  line-height: 1.75;
  color: rgba(255,255,255,.68);
}
@media (max-width: 991px) {
  .page-article .article-page-layout {
    grid-template-columns: 1fr;
  }
  .page-article .article-page-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .page-article #hero.article-page-hero {
    padding-top: 7rem;
    padding-bottom: 2.5rem;
  }
  .page-article #hero.article-page-hero .section-line {
    margin-bottom: 1.25rem;
  }
  .page-article #hero.article-page-hero .article-page-hero__title {
    max-width: none;
  }
  .page-article .article-page-sidebar,
  .page-article .article-page-related__grid,
  .page-article .article-page-related__card,
  .page-article .article-page-cards {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 640px) {
  .page-article #hero.article-page-hero {
    padding-top: 10rem;
  }
  .page-article #hero.article-page-hero .article-page-hero__title {
    font-size: var(--text-5xl);
  }
}
@media (min-width: 1280px) {
  .page-article #hero.article-page-hero .article-page-hero__title {
    font-size: var(--text-6xl);
  }
}

.page-article #hero.article-page-hero {
  position: relative;
  min-height: 100vh;
  padding: 7rem 0 6rem;
  overflow: hidden;
  background: #050505;
}
.page-article .article-page-hero__backdrop {
  display: none;
}
.page-article .article-page-hero__title {
  margin: 0 0 1rem;
  max-width: 14ch;
  color: #fff;
  font-size: var(--text-3xl);
  line-height: 1.02;
  letter-spacing: .015em;
  font-weight: 900;
}
@media (min-width: 640px) {
  .page-article #hero.article-page-hero {
    padding-top: 10rem;
  }
  .page-article .article-page-hero__title {
    font-size: var(--text-5xl);
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1280px) {
  .page-article #hero.article-page-hero {
    padding-top: 12.5rem;
    padding-bottom: 9rem;
  }
  .page-article .article-page-hero__title {
    font-size: var(--text-6xl);
  }
}
.page-article .article-page-body {
  padding: 2.5rem 0 1.5rem;
}
.page-article .article-page-layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
  gap: 1.5rem;
  align-items: start;
}
.page-article .article-page-content {
  min-width: 0;
}
.page-article .article-page-cover {
  position: relative;
  margin: 0 0 1.2rem;
  border: 1px solid rgba(255,255,255,.08);
  background: #111;
  overflow: hidden;
}
.page-article .article-page-cover img {
  display: block;
  width: 100%;
  height: auto;
  filter: grayscale(1) contrast(1.04);
}
.page-article .article-page-cover__badges {
  position: absolute;
  right: 0;
  bottom: 0;
  display: grid;
  gap: .35rem;
  padding: 1rem;
}
.page-article .article-page-cover__badges :is(span, time) {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2.1rem;
  padding: 0 .85rem;
  background: #f39c12;
  color: #090909;
  font-size: .74rem;
  font-weight: 800;
  text-transform: uppercase;
}
.page-article .article-page-taxonomy {
  margin-bottom: .7rem;
  color: #f39c12;
  font-size: .82rem;
  font-weight: 700;
}
.page-article .article-page-section {
  margin-bottom: 1.8rem;
}
.page-article .article-page-section h2 {
  margin: 0 0 .6rem;
  color: #fff;
  font-size: clamp(1.55rem, 2.25vw, 2rem);
  line-height: 1.12;
  letter-spacing: -.025em;
  font-weight: 800;
}
.page-article .article-page-section h3 {
  margin: 0 0 .6rem;
  color: #fff;
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  line-height: 1.28;
  letter-spacing: -.01em;
  font-weight: 700;
}
.page-article .article-page-section > h2 + p,
.page-article .article-page-section > h3 + p {
  margin-top: 0;
}
.page-article .article-page-section > h2:not(:first-child),
.page-article .article-page-section > h3:not(:first-child) {
  margin-top: 1.8rem;
}
.page-article .article-page-section p {
  margin: 0 0 1rem;
  color: rgba(255,255,255,.78);
  line-height: 1.85;
}
.page-article .article-page-section pre {
  margin: .45rem 0 1.75rem;
  padding: 1rem 1.1rem;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(243,156,18,.2);
  background:
    linear-gradient(180deg, rgba(243,156,18,.07), rgba(243,156,18,0) 30%),
    #101010;
  box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset;
  -webkit-overflow-scrolling: touch;
}
.page-article .article-page-section pre code {
  display: block;
  min-width: max-content;
  color: rgba(255,248,235,.92);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: .9rem;
  line-height: 1.75;
  white-space: pre;
  tab-size: 2;
}
.page-article .article-page-section :not(pre) > code {
  display: inline-block;
  padding: .12rem .38rem;
  border: 1px solid rgba(243,156,18,.16);
  background: rgba(243,156,18,.08);
  color: #ffd79c;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: .92em;
  line-height: 1.4;
  vertical-align: baseline;
}
.page-article .article-page-section pre[class*="language-"]::before {
  content: attr(class);
  display: block;
  margin: 0 0 .75rem;
  color: rgba(243,156,18,.78);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.page-article .article-page-inline-media-link {
  display: block;
  margin: .35rem 0 1.6rem;
  border: 1px solid rgba(255,255,255,.08);
  background: #111;
  overflow: hidden;
  cursor: zoom-in;
}
.page-article .article-page-inline-media {
  display: block;
  width: 100%;
  height: auto;
}
.page-article .article-page-section ul,
.page-article .article-page-section ol {
  margin: 0 0 1.15rem;
  padding-left: 1.35rem;
  color: rgba(255,255,255,.78);
  line-height: 1.8;
  list-style-position: outside;
}
.page-article .article-page-section ul {
  list-style-type: disc;
}
.page-article .article-page-section ol {
  list-style-type: decimal;
}
.page-article .article-page-section li {
  display: list-item;
}
.page-article .article-page-section li + li {
  margin-top: .65rem;
}
.page-article .article-page-section li::marker {
  color: #f39c12;
}
.page-article .article-page-table-scroll {
  margin: .4rem 0 2rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.page-article .article-page-table-scroll table {
  margin: 0;
  min-width: 42rem;
}
.page-article .article-page-section table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid rgba(243,156,18,.24);
  background: #111;
  box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset;
}
.page-article .article-page-section th,
.page-article .article-page-section td {
  padding: 1rem 1.15rem;
  border-top: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.015);
  text-align: left;
  color: rgba(255,255,255,.8);
  line-height: 1.7;
  vertical-align: top;
}
.page-article .article-page-section thead th {
  border-top: 0;
  background: rgba(243,156,18,.08);
  color: #f39c12;
  font-size: .76rem;
  font-weight: 800;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .page-article .article-page-section pre {
    padding: .9rem .9rem 1rem;
  }
  .page-article .article-page-section pre code {
    font-size: .84rem;
  }
  .page-article .article-page-table-scroll table {
    min-width: 38rem;
  }
}
.page-article .article-page-highlight,
.page-article .article-page-card-inline,
.page-article .article-page-sidebar__card,
.page-article .article-page-cta {
  border: 1px solid rgba(255,255,255,.08);
  background: #141414;
}
.page-article .article-page-highlight {
  padding: 1.15rem 1.25rem;
}
.page-article .article-page-highlight strong {
  display: block;
  margin-bottom: .55rem;
  color: #f39c12;
  font-size: .75rem;
  font-weight: 800;
  text-transform: uppercase;
}
.page-article .article-page-highlight p {
  margin: 0;
}
.page-article .article-page-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.page-article .article-page-card-inline {
  padding: 1rem 1.05rem;
}
.page-article .article-page-card-inline h3 {
  font-size: 1rem;
  margin-bottom: .45rem;
}
.page-article .article-page-card-inline p {
  margin: 0;
}
.page-article .article-page-faq {
  display: grid;
  gap: 1rem;
}
.page-article .article-page-faq .faq-item {
  border-color: rgba(255,255,255,.08);
  background: #111;
}
.page-article .article-page-faq button {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: .85rem;
  width: 100%;
}
.page-article .article-page-faq .faq-question-title {
  flex: 1 1 auto;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 700;
  line-height: 1.35;
  min-width: 0;
  overflow-wrap: anywhere;
}
.page-article .article-page-faq .faq-answer-content {
  color: rgba(255,255,255,.68);
  font-size: .95rem;
  line-height: 1.75;
  min-width: 0;
  overflow: visible;
}
.page-article .article-page-faq button {
  min-width: 0;
}
.page-article .article-page-faq .faq-toggle-icon {
  display: inline-block;
  flex: 0 0 auto;
  min-width: 1.25rem;
  color: #f39c12;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transition: transform .3s ease, color .3s ease;
}
.page-article .article-page-faq .article-page-table-scroll {
  width: 100%;
  max-width: 100%;
}
.page-article .article-page-faq .article-page-table-scroll table {
  min-width: 34rem;
}
.page-article .article-page-related {
  margin-top: 3.5rem;
}
.page-article .article-page-related__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.page-article .article-page-related .article-slider__controls {
  display: flex;
  justify-content: flex-end;
}
.page-article .article-page-mobile-author {
  display: none;
  margin-top: 1.5rem;
  padding: 1.2rem 1rem;
  border: 1px solid rgba(255,255,255,.08);
  background: #151515;
}
.page-article .article-page-comment {
  margin-top: 2rem;
  padding: 1.35rem 1.25rem;
  background: #151515;
}
.page-article .article-page-comment__head {
  margin-bottom: 1rem;
}
.page-article .article-page-comment__head h2 {
  margin: 0 0 .45rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 900;
}
.page-article .article-page-comment__head p {
  margin: 0;
  color: rgba(255,255,255,.68);
  line-height: 1.7;
}
.page-article .article-page-comment__form {
  display: grid;
  gap: 1rem;
}
.page-article .article-page-comment__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.page-article .article-page-comment__textarea {
  min-height: 10rem;
  resize: vertical;
}
.page-article .article-page-comment__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.page-article .article-page-comment__note {
  color: rgba(255,255,255,.6);
  font-size: .82rem;
  line-height: 1.6;
}
.page-article .article-page-comment__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.2rem;
  padding: 0 1.35rem;
  border: 1px solid rgba(243,156,18,.45);
  background: #f39c12;
  color: #090909;
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
.page-article .article-page-comment__submit:hover {
  background: #fff;
  border-color: #fff;
  color: #090909;
}
.page-article .article-page-comment-thread {
  margin-top: 1.5rem;
  display: grid;
  gap: .9rem;
}
.page-article .article-page-comment-thread__head {
  color: #fff;
  font-size: 1.05rem;
  font-weight: 800;
}
.page-article .article-page-comment-item {
  padding: 1rem 1.05rem;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.025);
}
.page-article .article-page-comment-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .75rem;
  margin-bottom: .55rem;
}
.page-article .article-page-comment-item__meta strong {
  color: #fff;
  font-size: .96rem;
  font-weight: 800;
}
.page-article .article-page-comment-item__meta span {
  color: rgba(243,156,18,.82);
  font-size: .76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.page-article .article-page-comment-item p {
  margin: 0;
  color: rgba(255,255,255,.76);
  line-height: 1.75;
}
.page-article .article-page-comment-item--reply {
  margin-left: 2rem;
  border-left: 2px solid rgba(243,156,18,.45);
  background: rgba(243,156,18,.045);
}
.page-article .article-page-comment-tags {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255,255,255,.08);
}
.page-article .article-page-comment-tags__title {
  margin-bottom: .8rem;
  color: #fff;
  font-size: .95rem;
  font-weight: 800;
}
.page-article .article-page-sidebar__card--tags {
  display: none;
}
.page-article .article-page-related h2 {
  margin: 0;
  color: #fff;
  font-size: 1.75rem;
  font-weight: 900;
}
.page-article .article-page-related .article-slider__viewport {
  grid-auto-columns: 100%;
  padding-bottom: 0;
}
.page-article .article-page-related .article-slide {
  scroll-snap-align: start;
}
.page-article .article-page-related__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.page-article .article-page-related__card {
  display: grid;
  grid-template-columns: 9.5rem minmax(0, 1fr);
  gap: 0;
  border: 1px solid rgba(255,255,255,.08);
  background: #151515;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
}
.page-article .article-page-related__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1) brightness(.7);
}
.page-article .article-page-related__body {
  padding: 1rem;
}
.page-article .article-page-related__body span {
  display: inline-block;
  margin-bottom: .55rem;
  color: #f39c12;
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
}
.page-article .article-page-related__body strong {
  display: block;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .page-article .article-page-related .article-slider__viewport {
    grid-auto-columns: calc(50% - .75rem);
  }
}
@media (min-width: 1280px) {
  .page-article .article-page-related {
    margin-top: 5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-article .article-page-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .page-article #hero {
    min-height: auto;
    align-items: flex-start;
    padding-top: 11.5rem !important;
    padding-bottom: 4rem !important;
  }
  .page-article #hero .hero-breadcrumbs {
    margin-bottom: 1rem !important;
  }
  .page-article #hero .section-line {
    margin-bottom: 1rem;
  }
  .page-article #hero .blog-hero-copy h1 {
    margin-bottom: 1rem !important;
  }
  .page-article #hero .blog-hero-copy p {
    margin-bottom: 0;
    max-width: 42rem;
  }
  .page-article .article-page-sidebar {
    position: static;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(15rem, .9fr);
    gap: 1rem;
    order: -1;
    margin-bottom: .5rem;
    align-items: start;
    grid-auto-flow: column;
  }
  .page-article .article-page-content {
    order: 1;
  }
  .page-article .article-page-sidebar__card {
    display: none;
  }
  .page-article .article-page-sidebar__card--author,
  .page-article .article-page-sidebar__card--toc {
    display: block;
    margin: 0;
  }
  .page-article .article-page-sidebar__card--toc {
    grid-column: 1;
    grid-row: 1;
  }
  .page-article .article-page-sidebar__card--author {
    grid-column: 2;
    grid-row: 1;
  }
}
@media (max-width: 767px) {
  .page-article .article-page-body {
    overflow-x: clip;
  }
  .page-article .article-page-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.25rem;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }
  .page-article .article-page-content,
  .page-article .article-page-sidebar,
  .page-article .article-page-section,
  .page-article .article-page-related {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .page-article .article-page-sidebar {
    position: static;
    display: flex;
    flex-direction: column;
    order: -1;
    margin-bottom: .25rem;
  }
  .page-article .article-page-content {
    order: 1;
  }
  .page-article .article-page-sidebar__card {
    display: none;
  }
  .page-article .article-page-sidebar__card--toc {
    display: block;
    order: 1;
  }
  .page-article .article-page-sidebar__card--author {
    display: none;
  }
  .page-article .article-page-mobile-author {
    display: block;
    margin-top: 1.25rem;
  }
  .page-article .article-page-faq {
    gap: .75rem;
  }
  .page-article .article-page-faq button {
    padding: 1rem 1.1rem !important;
    gap: .7rem;
  }
  .page-article .article-page-faq .faq-question-title {
    font-size: .98rem;
    line-height: 1.4;
  }
  .page-article .article-page-faq .faq-toggle-icon {
    margin-top: .05rem;
    font-size: 1.2rem;
    min-width: 1rem;
  }
  .page-article .article-page-faq .faq-answer-content {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
    padding-bottom: 1.15rem !important;
    font-size: .92rem;
    line-height: 1.7;
  }
  .page-article .article-page-faq .faq-answer-content ul,
  .page-article .article-page-faq .faq-answer-content ol {
    padding-left: 1.1rem;
  }
  .page-article .article-page-faq .article-page-table-scroll {
    margin: .85rem 0 0;
    overflow-x: visible;
  }
  .page-article .article-page-faq .article-page-table-scroll table {
    min-width: 100%;
    table-layout: fixed;
  }
  .page-article .article-page-faq th,
  .page-article .article-page-faq td {
    padding: .75rem .8rem;
    font-size: .82rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }
  .page-article .article-page-related__head {
    align-items: flex-start;
    flex-direction: column;
  }
  .page-article .article-page-comment {
    padding: 1.15rem 1rem;
  }
  .page-article .article-page-comment__grid {
    grid-template-columns: 1fr;
    gap: .85rem;
  }
  .page-article .article-page-comment__footer {
    flex-direction: column;
    align-items: stretch;
  }
  .page-article .article-page-comment__submit {
    width: 100%;
  }
  .page-article .article-page-comment-item {
    padding: .95rem;
  }
  .page-article .article-page-comment-item--reply {
    margin-left: 1rem;
  }
  .page-article .article-page-comment-tags {
    margin-top: 1.25rem;
  }
}
@media (max-width: 389px) {
  .page-article .article-page-body {
    padding: 2rem 0 1.2rem;
  }
  .page-article .article-page-section {
    margin-bottom: 1.5rem;
  }
  .page-article .article-page-section h2,
  .page-article .article-page-related h2 {
    font-size: 1.45rem;
    line-height: 1.12;
  }
  .page-article .article-page-section h3 {
    font-size: 1rem;
    line-height: 1.28;
  }
  .page-article .article-page-cover__badges {
    padding: .65rem;
    gap: .3rem;
  }
  .page-article .article-page-cover__badges :is(span, time) {
    min-height: 1.9rem;
    padding: 0 .7rem;
    font-size: .68rem;
  }
  .page-article .article-page-faq {
    gap: .65rem;
  }
  .page-article .article-page-faq button {
    padding: .9rem 1rem !important;
    gap: .6rem;
  }
  .page-article .article-page-faq .faq-question-title {
    font-size: .93rem;
    line-height: 1.36;
  }
  .page-article .article-page-faq .faq-toggle-icon {
    font-size: 1.1rem;
    min-width: .95rem;
  }
  .page-article .article-page-faq .faq-answer-content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 1rem !important;
    font-size: .88rem;
    line-height: 1.62;
  }
  .page-article .article-page-faq .faq-answer-content ul,
  .page-article .article-page-faq .faq-answer-content ol {
    padding-left: 1rem;
  }
  .page-article .article-page-comment__head h2 {
    font-size: 1.35rem;
  }
  .page-article .article-page-comment__head p,
  .page-article .article-page-comment__note {
    font-size: .8rem;
  }
  .page-article .article-page-comment-item--reply {
    margin-left: .6rem;
  }
  .page-article .article-page-faq th,
  .page-article .article-page-faq td {
    padding: .65rem;
    font-size: .74rem;
    line-height: 1.45;
  }
  .page-article .article-slider__btn {
    width: 2.8rem;
    height: 2.8rem;
  }
  .scroll-top {
    right: 16px;
    bottom: 16px;
    width: 42px;
    height: 42px;
  }
}
.page-article .article-page-sidebar {
  position: sticky;
  top: 6.75rem;
  display: grid;
  gap: 1rem;
}
.page-article .article-page-sidebar__card {
  padding: 1.2rem 1rem;
}
.page-article .article-page-sidebar__card h3 {
  margin: 0 0 1rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
}
.page-article .article-page-author {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: .85rem;
  align-items: start;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.page-article .article-page-author__avatar {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(243,156,18,.28), rgba(255,255,255,.04));
  color: #fff;
  font-weight: 800;
}
.page-article .article-page-author__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}
.page-article .article-page-author__body > span {
  display: block;
  margin-bottom: .4rem;
  color: rgba(255,255,255,.72);
  font-size: .75rem;
}
.page-article .article-page-author__body strong {
  display: block;
  margin-bottom: .45rem;
  color: #f39c12;
  font-size: 1rem;
  font-weight: 800;
}
.page-article .article-page-author__body strong a {
  color: inherit;
  text-decoration: none;
}
.page-article .article-page-author__body strong a span {
  display: inline;
  margin: 0;
  color: inherit;
  font: inherit;
}
.page-article .article-page-author__body strong a:hover {
  color: #fff;
}
.page-article .article-page-author__body p {
  margin: 0 0 .55rem;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}
.page-article .article-page-author__meta {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: rgba(255,255,255,.72);
  font-size: .82rem;
  font-weight: 700;
}
.page-article .article-page-share {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  padding-top: 1rem;
}
.page-article .article-page-share a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: #222;
  color: #fff;
}
.page-article .article-page-sidebar__list {
  display: grid;
  gap: .7rem;
  margin: 0;
  padding-left: 1rem;
}
.page-article .article-page-sidebar__list li {
  color: #f39c12;
}
.page-article .article-page-sidebar__list a {
  color: rgba(255,255,255,.82);
  line-height: 1.65;
  text-decoration: none;
}
.page-article .article-page-sidebar__card--toc .article-page-sidebar__list {
  max-height: 16rem;
  overflow-y: auto;
  padding-right: .35rem;
}
.page-article .article-page-sidebar__card--toc .article-page-sidebar__list::-webkit-scrollbar {
  width: 6px;
}
.page-article .article-page-sidebar__card--toc .article-page-sidebar__list::-webkit-scrollbar-thumb {
  background: rgba(243,156,18,.45);
}
.page-article .article-page-sidebar__card--toc .article-page-sidebar__list::-webkit-scrollbar-track {
  background: rgba(255,255,255,.04);
}
.page-article .article-page-sidebar__list--accent a {
  color: #f39c12;
}
.page-article .article-page-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.page-article .article-page-tags a {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 .75rem;
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.8);
  font-size: .74rem;
  text-decoration: none;
}
@media (max-width: 991px) {
  .page-article .article-page-layout {
    grid-template-columns: 1fr;
  }
  .page-article .article-page-sidebar {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .page-article #hero.article-page-hero {
    min-height: auto;
    padding: 7rem 0 2.5rem;
  }
  .page-article .article-page-hero__title {
    max-width: none;
    font-size: var(--text-3xl);
  }
  .page-article .article-page-cover__badges {
    position: static;
    padding: .8rem;
    background: #111;
  }
  .page-article .article-page-cards,
  .page-article .article-page-related__grid,
  .page-article .article-page-sidebar,
  .page-article .article-page-related__card {
    grid-template-columns: 1fr;
  }
  .page-article .article-page-table__row {
    grid-template-columns: 1fr;
  }
  .page-article .article-page-related__thumb {
    aspect-ratio: 16 / 9;
  }
}
.lead-packages-section::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to right, rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.02) 1px, transparent 1px),
    repeating-linear-gradient(135deg, transparent 0 54px, rgba(243,156,18,.025) 54px 55px);
  background-size: 56px 56px, 56px 56px, auto;
  opacity: .38;
  mask-image: radial-gradient(circle at center, black 42%, transparent 100%);
}
.lead-packages-head {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: start;
  margin-bottom: 1.75rem;
}
.lead-packages-head__copy {
  grid-column: 1 / span 2;
  max-width: none;
}
.lead-packages-head__text {
  color: rgba(255,255,255,.64);
  line-height: 1.75;
  font-size: clamp(1rem, .45vw + .92rem, 1.12rem);
  max-width: 48rem;
}
.lead-packages-overview {
  grid-column: 3;
  align-self: start;
  padding-top: 1.9rem;
}
.lead-packages-note {
  position: relative;
  display: grid;
  gap: .8rem;
  min-height: 100%;
  max-width: none;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.12), transparent 42%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.lead-packages-note::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(180deg, #f39c12 0%, rgba(243,156,18,.08) 100%);
}
.lead-packages-note__eyebrow {
  color: #f39c12;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.lead-packages-note__title {
  color: #fff;
  font-size: .94rem;
  line-height: 1.5;
  font-weight: 800;
  max-width: 68rem;
}
.lead-packages-note__text {
  color: rgba(255,255,255,.52);
  font-size: .84rem;
  line-height: 1.6;
  max-width: 68rem;
}
.lead-packages-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
.lead-packages-slider {
  position: relative;
}
.lead-packages-slider__controls {
  display: none;
}
.lead-packages-slider__btn {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: #fff;
}
.lead-packages-slider__btn:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.08);
  color: #f39c12;
}
.lead-packages-slider__btn:disabled {
  opacity: .35;
  cursor: default;
}
.lead-packages-slider__btn:disabled:hover {
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: #fff;
}
.lead-package {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1.7rem;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.1), transparent 38%),
    #0a0a0a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.015);
  overflow: hidden;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.lead-package::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.03), transparent 28%),
    repeating-linear-gradient(90deg, transparent 0 44px, rgba(255,255,255,.018) 44px 45px);
  opacity: .55;
  pointer-events: none;
}
.lead-package::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(180deg, rgba(243,156,18,.95), rgba(243,156,18,.08));
}
.lead-package:hover {
  transform: translateY(-5px);
  border-color: rgba(243,156,18,.38);
  box-shadow: 0 22px 54px rgba(0,0,0,.32);
}
.lead-package > * {
  position: relative;
  z-index: 1;
}
.lead-package--featured {
  border-color: rgba(243,156,18,.38);
  background:
    linear-gradient(180deg, rgba(243,156,18,.08) 0%, rgba(255,255,255,.018) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.18), transparent 36%),
    #0a0a0a;
  box-shadow: 0 0 120px -36px rgba(243,156,18,.22), inset 0 1px 0 rgba(255,255,255,.05);
}
.lead-package__badge {
  position: absolute;
  top: 1.15rem;
  right: 1.15rem;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2rem;
  padding: .35rem .7rem;
  border: 1px solid rgba(243,156,18,.28);
  background: rgba(243,156,18,.12);
  color: #f39c12;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.lead-package__eyebrow {
  color: rgba(243,156,18,.92);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: .95rem;
}
.lead-package__title {
  margin: 0 0 .65rem;
  color: #fff;
  font-size: clamp(1.7rem, 1vw + 1.1rem, 2.6rem);
  line-height: .96;
  font-weight: 900;
  letter-spacing: -.05em;
  text-transform: uppercase;
  max-width: 10ch;
}
.lead-package__subtitle {
  color: rgba(255,255,255,.86);
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.lead-package__text {
  margin: 1rem 0 1.2rem;
  color: rgba(255,255,255,.6);
  line-height: 1.7;
}
.lead-package__list {
  display: grid;
  gap: .8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lead-package__list li {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  padding-top: .8rem;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.78);
  line-height: 1.55;
}
.lead-package__list li::before {
  content: "";
  width: .48rem;
  height: .48rem;
  margin-top: .48rem;
  flex: 0 0 auto;
  background: #f39c12;
  box-shadow: 0 0 12px rgba(243,156,18,.4);
}
.lead-package__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1.2rem;
}
.lead-package__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .4rem .7rem;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.72);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.lead-package__bottom {
  margin-top: auto;
  padding-top: 1.1rem;
  display: grid;
  gap: .8rem;
}
.lead-package__price {
  display: grid;
  gap: .3rem;
}
.lead-package__price strong {
  color: #fff;
  font-size: clamp(1.45rem, .4vw + 1.25rem, 1.9rem);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.05em;
  text-transform: uppercase;
}
.lead-package__price span {
  color: rgba(255,255,255,.42);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.lead-package__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.15rem;
  width: 100%;
  padding: 0 1.2rem;
  border: 1px solid rgba(243,156,18,.45);
  background: rgba(243,156,18,.12);
  color: #fff;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.lead-package__cta:hover {
  background: #f39c12;
  color: #111;
  box-shadow: 0 12px 28px rgba(243,156,18,.22);
}
.lead-package__footnote {
  color: rgba(255,255,255,.42);
  font-size: 14px;
  line-height: 1.6;
}
.lead-packages-footer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 1.5rem;
  margin-top: 1rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255,255,255,.06);
}
.lead-packages-footer__text {
  grid-column: 1 / span 2;
  color: rgba(255,255,255,.5);
  font-size: .9rem;
  line-height: 1.7;
  max-width: 44rem;
}
.lead-packages-footer__chip {
  grid-column: 3;
  justify-self: stretch;
  align-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  min-height: 2.5rem;
  padding: .55rem .9rem;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.82);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
}
.lead-packages-footer__chip i {
  color: #f39c12;
}
.faq-question-title {
  margin: 0;
  font-size: inherit;
  line-height: 1.2;
  color: inherit;
}
.faq-answer-text {
  margin: 0;
}
.faq-answer-content {
  color: rgba(156, 163, 175, 1);
  line-height: 1.8;
}
.faq-answer-content p {
  margin: 0;
}
.faq-answer-content p + p,
.faq-answer-content ul,
.faq-answer-content ol {
  margin-top: 1rem;
}
.faq-answer-content ul,
.faq-answer-content ol {
  padding-left: 1.25rem;
}
.faq-answer-content ul {
  list-style: disc;
}
.faq-answer-content ol {
  list-style: decimal;
}
.faq-answer-content li {
  margin: .45rem 0;
  color: rgba(209, 213, 219, .92);
}
.faq-answer-content li::marker {
  color: #f39c12;
}
.articles-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 3rem; }
    .articles-head__copy { max-width: 42rem; }
    .article-slider { position: relative; }
    .article-slider__viewport { display: grid; grid-auto-flow: column; grid-auto-columns: calc(100% - 1rem); gap: 1.5rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding-bottom: .25rem; }
    .article-slider__viewport::-webkit-scrollbar { display: none; }
    .article-slide { scroll-snap-align: start; }
    .article-card { height: 100%; min-height: 30rem; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 100%); border: 1px solid rgba(255,255,255,.08); position: relative; overflow: hidden; }
    .article-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(243,156,18,.12) 0%, transparent 45%); opacity: .8; pointer-events: none; }
    .article-card:hover { border-color: rgba(243,156,18,.45); transform: translateY(-6px); box-shadow: 0 24px 60px rgba(0,0,0,.35); }
    .article-card__media { position: relative; min-height: 14rem; border-bottom: 1px solid rgba(255,255,255,.06); overflow: hidden; background:
      linear-gradient(135deg, rgba(243,156,18,.22), rgba(243,156,18,0) 48%),
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
      repeating-linear-gradient(90deg, transparent, transparent 39px, rgba(255,255,255,.025) 39px, rgba(255,255,255,.025) 40px),
      radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
      background-size: auto, auto, auto, 18px 18px;
    }
    .article-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; inset: 0; z-index: 1; filter: brightness(.82) saturate(.9) contrast(1.02); }
    .article-card__media::before { content: ""; position: absolute; inset: 0; background:
      linear-gradient(180deg, rgba(10,10,10,.1) 0%, rgba(10,10,10,.24) 100%),
      linear-gradient(135deg, rgba(243,156,18,.2), transparent 35%),
      radial-gradient(circle at 72% 18%, rgba(243,156,18,.28), transparent 18%),
      radial-gradient(circle at 18% 80%, rgba(255,255,255,.08), transparent 20%);
      mix-blend-mode: screen;
      opacity: .95;
      pointer-events: none;
      z-index: 2;
    }
    .article-card__media::after { content: ""; position: absolute; inset: auto 1.5rem 1.5rem 1.5rem; height: 1px; background: linear-gradient(90deg, rgba(243,156,18,.9), transparent); z-index: 3; }
    .article-card__body { position: relative; z-index: 1; padding: 1.75rem; display: flex; flex-direction: column; gap: 1rem; flex: 1; }
    .article-card__meta { display: flex; flex-wrap: wrap; gap: .75rem; font-size: .72rem; text-transform: uppercase; letter-spacing: .16em; color: rgba(255,255,255,.46); }
    .article-card__tag { color: #f39c12; }
    .article-card__title {
      font-size: clamp(1.2rem, 1.1vw + .7rem, 1.55rem);
      line-height: 1.08;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: -.02em;
      max-width: 21ch;
      text-wrap: balance;
    }
    .article-card__excerpt { color: rgba(255,255,255,.62); line-height: 1.6; max-width: 34ch; }
    .article-card__link { display: inline-flex; align-items: center; gap: .65rem; width: fit-content; color: #fff; text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; font-weight: 700; }
    .article-card__link:hover { color: #f39c12; }
    .article-slider__controls { display: flex; align-items: center; gap: .75rem; }
    .article-slider__btn { width: 3.25rem; height: 3.25rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.02); color: #fff; }
    .article-slider__btn:hover { border-color: rgba(243,156,18,.5); background: rgba(243,156,18,.08); color: #f39c12; }
    .article-slider__btn:disabled { opacity: .35; cursor: default; }
    .article-slider__btn:disabled:hover { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.02); color: #fff; }
    .projects-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 3rem; }
    .projects-head__copy { max-width: 42rem; }
    .project-slider { position: relative; }
    .project-slider__viewport { display: grid; grid-auto-flow: column; grid-auto-columns: calc(100% - 1rem); gap: 1.5rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding-bottom: .25rem; }
    .project-slider__viewport::-webkit-scrollbar { display: none; }
    .project-slide { scroll-snap-align: start; }
    .project-card { position: relative; min-height: 36rem; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid rgba(255,255,255,.08); overflow: hidden; background: #111; }
    .project-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,10,10,.02) 0%, rgba(10,10,10,.2) 40%, rgba(10,10,10,.88) 100%); z-index: 1; }
    .project-card:hover { border-color: rgba(243,156,18,.38); box-shadow: 0 28px 70px rgba(0,0,0,.4); transform: translateY(-8px); }
    .project-card__visual { position: absolute; inset: 0; overflow: hidden; }
    .project-card__visual::after { content: ""; position: absolute; inset: 0; background:
      linear-gradient(135deg, rgba(243,156,18,.2), transparent 35%),
      radial-gradient(circle at 72% 18%, rgba(243,156,18,.28), transparent 18%),
      radial-gradient(circle at 18% 80%, rgba(255,255,255,.08), transparent 20%);
      mix-blend-mode: screen;
      opacity: .95;
    }
    .project-card__grid { position: absolute; inset: 0; background-image:
      linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
      background-size: 88px 88px;
      opacity: .3;
    }
    .project-card__shape { position: absolute; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.03); backdrop-filter: blur(4px); overflow: hidden; }
    .project-card__shape--screen { top: 12%; left: 11%; width: 54%; height: 28%; }
    .project-card__shape--panel { top: 18%; right: 10%; width: 22%; height: 42%; }
    .project-card__shape--metric { left: 11%; bottom: 26%; width: 28%; height: 10%; background: rgba(243,156,18,.1); border-color: rgba(243,156,18,.35); }
    .project-card__shape--line { right: 14%; bottom: 24%; width: 34%; height: 2px; background: rgba(255,255,255,.22); border: 0; }
    .project-card__shape--circle { right: 18%; top: 16%; width: 5.5rem; height: 5.5rem; border-radius: 999px; background: radial-gradient(circle, rgba(243,156,18,.4), rgba(243,156,18,.08)); border-color: rgba(243,156,18,.4); }
    .project-card__shape--screen,
    .project-card__shape--panel { background: #120f0b; }
    .project-card__shape--screen::after,
    .project-card__shape--panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,10,10,.02) 0%, rgba(10,10,10,.18) 45%, rgba(10,10,10,.5) 100%); z-index: 1; pointer-events: none; }
    .project-card__shape img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
    .project-card__body { position: relative; z-index: 2; padding: 2rem; display: flex; flex-direction: column; gap: 1rem; }
    .project-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; font-size: .72rem; text-transform: uppercase; letter-spacing: .16em; color: rgba(255,255,255,.52); }
    .project-card__meta strong { color: #f39c12; font-weight: 700; }
    .project-card__title { font-size: clamp(1.6rem, 1vw + 1.1rem, 2.4rem); line-height: .96; text-transform: uppercase; font-weight: 600; max-width: 20ch; }
    .project-card__excerpt { color: rgba(255,255,255,.68); line-height: 1.65; max-width: 40ch; }
    .project-card__stats { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: .25rem; }
    .project-card__stat { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); padding: .7rem .9rem; min-width: 8rem; }
    .project-card__stat span { display: block; font-size: .68rem; text-transform: uppercase; letter-spacing: .14em; color: rgba(255,255,255,.46); margin-bottom: .35rem; }
    .project-card__stat strong { display: block; font-size: 1rem; font-weight: 700; color: #fff; }
    .project-card__link { display: inline-flex; align-items: center; gap: .65rem; width: fit-content; margin-top: .5rem; color: #fff; text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; font-weight: 700; }
    .project-card__link:hover { color: #f39c12; }
    .project-slider__controls { display: flex; align-items: center; gap: .75rem; }
    .project-slider__btn { width: 3.25rem; height: 3.25rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.02); color: #fff; }
    .project-slider__btn:hover { border-color: rgba(243,156,18,.5); background: rgba(243,156,18,.08); color: #f39c12; }
    .project-slider__btn:disabled { opacity: .35; cursor: default; }
    .project-slider__btn:disabled:hover { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.02); color: #fff; }
    @media (min-width: 768px) {
      .article-slider__viewport { grid-auto-columns: calc(50% - .75rem); }
      .project-slider__viewport { grid-auto-columns: calc(50% - .75rem); }
    }
    @media (min-width: 1280px) {
      .article-slider__viewport { grid-auto-columns: calc((100% - 3rem) / 3); }
      .project-slider__viewport { grid-auto-columns: calc((100% - 1.5rem) / 2); }
    }
    @media (max-width: 420px) {
      .tab-item { padding-left: 1rem; }
      .tab-item.active { transform: none; }
      .step-container { min-height: auto; padding: 1.5rem; }
      .glow-title, .wireframe-1, .wireframe-2, .wireframe-3, .release-lines, .release-lines-2 { display: none; }
      .hero-breadcrumbs__list {
        gap: .4rem;
        font-size: .66rem;
        letter-spacing: .12em;
      }
      .hero-breadcrumbs__list > li[itemprop="itemListElement"] + li[itemprop="itemListElement"]::before {
        margin-right: .4rem;
      }
      .hero-breadcrumbs__menu {
        left: 0;
        right: auto;
        min-width: min(280px, calc(100vw - 2rem));
      }
      .hero-breadcrumbs__current .hero-breadcrumbs__menu {
        left: 0;
        right: auto;
      }
      .hero-breadcrumbs__menu::before {
        left: 16px;
        right: auto;
      }
      .hero-breadcrumbs__current .hero-breadcrumbs__menu::before {
        left: 16px;
        right: auto;
      }
    }
@media (max-width: 1279px) {
  .lead-packages-slider {
    overflow: hidden;
  }
  .lead-packages-grid {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding-bottom: .25rem;
  }
  .lead-packages-grid::-webkit-scrollbar {
    display: none;
  }
  .lead-packages-footer {
    grid-template-columns: 1fr;
  }
  .lead-package,
  .lead-package--featured,
  .lead-packages-grid > .lead-package:last-child {
    flex: 0 0 calc((100% - 1rem) / 2);
    width: calc((100% - 1rem) / 2);
    grid-column: auto !important;
    min-width: 0;
    scroll-snap-align: start;
  }
  .lead-packages-footer__text,
  .lead-packages-footer__chip {
    grid-column: auto;
  }
  .lead-packages-footer__chip {
    justify-self: start;
  }
  .lead-packages-slider__controls {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
      .lead-packages-head,
      .lead-packages-footer {
        grid-template-columns: 1fr;
        display: grid;
      }
      .lead-packages-grid {
        gap: 1rem;
      }
      .lead-package,
      .lead-package--featured,
      .lead-packages-grid > .lead-package:last-child {
        flex: 0 0 calc(100% - 1rem);
        flex-basis: calc(100% - 1rem);
        width: calc(100% - 1rem);
        padding: 1.35rem;
      }
      .lead-package__badge {
        position: static;
        width: fit-content;
        margin-bottom: .95rem;
      }
      .lead-package__title {
        max-width: none;
      }
      .lead-package__price {
        gap: .25rem;
      }
      .lead-packages-footer__chip {
        white-space: normal;
      }
      .articles-head { align-items: flex-start; flex-direction: column; }
      .projects-head { align-items: flex-start; flex-direction: column; }
      .article-card { min-height: 27rem; }
      .project-card { min-height: 32rem; }
      .article-card__body { padding: 1.5rem; }
      .project-card__body { padding: 1.5rem; }
      .article-card__title { max-width: none; }
      .project-card__title { max-width: 12ch; }
    }
    @media (pointer: fine) {
      html, body, a, button, input, textarea, select, summary, [role="button"] {
        cursor: none !important;
      }
    }

    .page-blog .landing-header__link.is-active,
    .page-blog .mobile-nav__row > a.is-active {
      color: #f39c12;
    }
    .page-blog #hero {
      min-height: auto;
      padding-bottom: 5rem;
    }
    .page-blog .blog-hero-copy {
      max-width: 58rem;
    }
    .page-blog .landing-footer {
      margin-top: 0;
    }
    .page-blog .blog-toolbar {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 1.5rem;
      align-items: end;
      margin-bottom: 1.5rem;
    }
    .page-blog .blog-search {
      position: relative;
    }
    .page-blog .blog-search > .blog-search__icon,
    .page-blog .blog-search > input[data-blog-search],
    .page-blog .blog-search > button[data-blog-search-clear] {
      display: none !important;
    }
    .page-blog .blog-search-form {
      display: block;
      width: 100%;
    }
    .page-blog .header-search-box {
      position: relative;
      display: flex;
      align-items: stretch;
      width: 100%;
    }
    .page-blog .header-search-box::before {
      content: "\f002";
      position: absolute;
      top: 50%;
      left: 1.25rem;
      transform: translateY(-50%);
      color: rgba(255,255,255,.4);
      pointer-events: none;
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: .95rem;
      z-index: 2;
    }
    .page-blog .blog-search__icon {
      position: absolute;
      top: 50%;
      left: 1.25rem;
      transform: translateY(-50%);
      color: rgba(255,255,255,.4);
      pointer-events: none;
    }
    .page-blog .blog-search__input {
      min-height: 3.3rem;
      border: 1px solid rgba(255,255,255,.1) !important;
      padding-top: .95rem !important;
      padding-bottom: .95rem !important;
      padding-left: 3rem !important;
      padding-right: 6.6rem !important;
    }
    .page-blog .blog-search__input::-webkit-search-decoration,
    .page-blog .blog-search__input::-webkit-search-cancel-button,
    .page-blog .blog-search__input::-webkit-search-results-button,
    .page-blog .blog-search__input::-webkit-search-results-decoration {
      -webkit-appearance: none;
      appearance: none;
      display: none;
    }
    .page-blog .blog-search__input::-ms-clear,
    .page-blog .blog-search__input::-ms-reveal {
      display: none;
      width: 0;
      height: 0;
    }
    .page-blog .blog-search__clear {
      position: absolute;
      top: 50%;
      right: 3.9rem;
      transform: translateY(-50%);
      width: 2rem;
      height: 2rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 0;
      background: transparent;
      color: #fff;
      padding: 0;
      font-size: .95rem;
      z-index: 3;
    }
    .page-blog .blog-search__clear:hover {
      color: #f39c12;
    }
    .page-blog .blog-search__submit {
      flex: 0 0 3.4rem;
      min-width: 3.4rem;
      border: 1px solid rgba(243,156,18,.45);
      background: #f39c12;
      color: #111;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      font-weight: 800;
      transition: background-color .25s ease, color .25s ease, box-shadow .25s ease;
    }
    .page-blog .blog-search__submit:hover {
      background: #fff;
      box-shadow: 0 12px 28px rgba(243,156,18,.24);
    }
    .page-blog #search-results-desktop {
      position: absolute;
      top: calc(100% + .45rem);
      left: 0;
      right: 0;
      display: none;
      border: 1px solid rgba(255,255,255,.08);
      background:
        linear-gradient(180deg, rgba(18,18,18,.98) 0%, rgba(10,10,10,.98) 100%),
        radial-gradient(circle at top right, rgba(243,156,18,.12), transparent 32%);
      box-shadow: 0 24px 60px rgba(0,0,0,.42);
      overflow: hidden;
      z-index: 15;
    }
    .page-blog #search-results-desktop:empty {
      display: none !important;
    }
    .page-blog #search-results-desktop .search-item + .search-item {
      border-top: 1px solid rgba(255,255,255,.06);
    }
    .page-blog #search-results-desktop .search-item,
    .page-blog #search-results-desktop .search-item a {
      display: flex;
      align-items: center;
      gap: .8rem;
      width: 100%;
      padding: .8rem .9rem;
      color: #fff;
      text-decoration: none;
    }
    .page-blog #search-results-desktop .search-item a:hover {
      background: rgba(243,156,18,.08);
    }
    .page-blog #search-results-desktop .search-item .thumb {
      width: 2.7rem;
      height: 2.7rem;
      flex: 0 0 2.7rem;
      object-fit: cover;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.03);
    }
    .page-blog #search-results-desktop .search-item span {
      color: rgba(255,255,255,.92);
      font-size: .95rem;
      line-height: 1.35;
    }
    .page-blog .blog-results {
      display: grid;
      gap: .3rem;
      justify-items: end;
      text-align: right;
    }
    .page-blog .blog-results strong {
      color: #fff;
      font-size: .92rem;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .page-blog .blog-results > span {
      color: rgba(255,255,255,.5);
      font-size: .76rem;
      text-transform: uppercase;
      letter-spacing: .16em;
      font-weight: 700;
    }
    .page-blog .blog-results [data-blog-results-count] {
      color: inherit;
      font-size: inherit;
      text-transform: inherit;
      letter-spacing: inherit;
      font-weight: inherit;
    }
    .page-blog .blog-filter-list {
      display: flex;
      flex-wrap: wrap;
      gap: .75rem;
      margin-bottom: 2rem;
    }
    .page-blog .blog-filter {
      display: inline-flex;
      align-items: center;
      border: 1px solid rgba(255,255,255,.1);
      background: rgba(255,255,255,.03);
      color: rgba(255,255,255,.76);
      padding: .85rem 1.1rem;
      font-size: .74rem;
      text-transform: uppercase;
      letter-spacing: .14em;
      font-weight: 700;
      text-decoration: none;
    }
    .page-blog .blog-filter:hover,
    .page-blog .blog-filter.is-active {
      border-color: rgba(243,156,18,.52);
      background: rgba(243,156,18,.08);
      color: #f39c12;
    }
    .page-blog .blog-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.5rem;
    }
    .page-blog .blog-pagination {
      display: grid;
      justify-items: center;
      gap: 1rem;
    }
    .page-blog .blog-pagination__meta {
      color: rgba(255,255,255,.56);
      font-size: .8rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .14em;
      text-align: center;
    }
    .page-blog .blog-pagination__nav {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .75rem;
      flex-wrap: wrap;
    }
    .page-blog .blog-pagination__pages {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .65rem;
      flex-wrap: wrap;
    }
    .page-blog .blog-pagination__link,
    .page-blog .blog-pagination__arrow {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 3.2rem;
      min-width: 3.2rem;
      padding: 0 1rem;
      border: 1px solid rgba(243,156,18,.45);
      background: rgba(243,156,18,.12);
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: .7rem;
      font-weight: 800;
      text-decoration: none;
      animation: headerCtaPulse 2.8s ease-in-out infinite;
    }
    .page-blog .blog-pagination__link:hover,
    .page-blog .blog-pagination__arrow:hover {
      background: #f39c12;
      color: #111;
      box-shadow: 0 12px 28px rgba(243,156,18,.24);
      animation-play-state: paused;
    }
    .page-blog .blog-pagination__link.is-active {
      background: #f39c12;
      color: #111;
      box-shadow: 0 12px 28px rgba(243,156,18,.24);
      animation-play-state: paused;
      pointer-events: none;
    }
    .page-blog .blog-pagination__arrow.is-disabled {
      opacity: .4;
      pointer-events: none;
      box-shadow: none;
      animation: none;
    }
    .page-blog .blog-pagination__ellipsis {
      color: rgba(255,255,255,.5);
      font-size: .8rem;
      font-weight: 700;
      letter-spacing: .14em;
    }
    .page-blog .blog-pagination__arrow i {
      font-size: .76rem;
    }
    .page-article .landing-header__link.is-active,
    .page-article .mobile-nav__row > a.is-active {
      color: #f39c12;
    }
    .page-article #hero {
      min-height: auto;
      padding-bottom: 5rem;
    }
    .page-article .landing-footer {
      margin-top: 0;
    }
    .page-article .article-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
      gap: 2rem;
      align-items: stretch;
    }
    .page-article .article-hero__content,
    .page-article .article-hero__visual {
      min-width: 0;
    }
    .page-article .article-hero__eyebrow {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: .8rem;
      margin-bottom: 1.1rem;
      color: rgba(255,255,255,.55);
      font-size: .76rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .16em;
    }
    .page-article .article-hero__tag,
    .page-article .article-hero__reading {
      display: inline-flex;
      align-items: center;
      min-height: 2.35rem;
      padding: 0 .95rem;
      border: 1px solid rgba(243,156,18,.3);
      background: rgba(243,156,18,.08);
    }
    .page-article .article-hero__reading {
      border-color: rgba(255,255,255,.12);
      background: rgba(255,255,255,.04);
    }
    .page-article .article-hero__title {
      margin: 0;
      max-width: 14ch;
      font-size: clamp(2.6rem, 5.8vw, 5.8rem);
      line-height: .94;
      letter-spacing: -.06em;
      font-weight: 900;
      text-transform: uppercase;
    }
    .page-article .article-hero__lead {
      margin: 1.6rem 0 0;
      max-width: 46rem;
      color: rgba(255,255,255,.68);
      font-size: clamp(1rem, 1.55vw, 1.22rem);
      line-height: 1.8;
    }
    .page-article .article-hero__meta,
    .page-article .article-hero__stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
    }
    .page-article .article-hero__meta {
      margin-top: 2rem;
    }
    .page-article .article-hero__stats {
      margin-top: 1.4rem;
    }
    .page-article .article-hero__meta-item,
    .page-article .article-hero__stat,
    .page-article .article-summary__card,
    .page-article .article-summary__item,
    .page-article .article-sidebar__card,
    .page-article .article-note,
    .page-article .article-quote,
    .page-article .article-banner,
    .page-article .article-author-card {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.08);
      background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 100%);
    }
    .page-article .article-hero__meta-item,
    .page-article .article-hero__stat {
      padding: 1rem 1.1rem;
    }
    .page-article .article-hero__meta-item span {
      display: block;
      margin-bottom: .45rem;
      color: rgba(255,255,255,.48);
      font-size: .7rem;
      text-transform: uppercase;
      letter-spacing: .14em;
      font-weight: 700;
    }
    .page-article .article-hero__meta-item strong {
      display: block;
      color: #fff;
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 700;
    }
    .page-article .article-hero__stat {
      display: grid;
      gap: .6rem;
      padding-bottom: 1.2rem;
    }
    .page-article .article-hero__stat strong {
      color: #f39c12;
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 900;
    }
    .page-article .article-hero__stat span {
      color: rgba(255,255,255,.68);
      line-height: 1.6;
    }
    .page-article .article-hero__frame {
      position: relative;
      min-height: 100%;
      padding: 1.5rem;
      border: 1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(circle at 18% 18%, rgba(243,156,18,.2), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);
      overflow: hidden;
      box-shadow: 0 30px 70px rgba(0,0,0,.32);
    }
    .page-article .article-hero__frame::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(to right, rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size: 32px 32px;
      pointer-events: none;
    }
    .page-article .article-hero__screen {
      position: relative;
      z-index: 1;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(4,4,4,.78);
      backdrop-filter: blur(14px);
      overflow: hidden;
    }
    .page-article .article-hero__screen--main {
      padding: 1rem;
      min-height: 23rem;
    }
    .page-article .article-hero__screen-top {
      display: flex;
      gap: .35rem;
      margin-bottom: 1rem;
    }
    .page-article .article-hero__screen-top span {
      width: .7rem;
      height: .7rem;
      border-radius: 999px;
      background: rgba(255,255,255,.16);
    }
    .page-article .article-hero__screen-grid {
      display: grid;
      gap: .9rem;
      height: calc(100% - 1.7rem);
    }
    .page-article .article-hero__panel {
      display: grid;
      align-content: end;
      gap: .45rem;
      padding: 1.1rem;
      border: 1px solid rgba(255,255,255,.08);
      background: linear-gradient(180deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,.015) 100%);
      min-height: 5.8rem;
    }
    .page-article .article-hero__panel strong {
      color: #fff;
      font-size: .78rem;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .page-article .article-hero__panel span {
      color: rgba(255,255,255,.62);
      line-height: 1.55;
      font-size: .92rem;
    }
    .page-article .article-hero__panel--headline {
      min-height: 8.2rem;
      background: linear-gradient(135deg, rgba(243,156,18,.15), rgba(255,255,255,.02));
    }
    .page-article .article-hero__screen--note {
      position: absolute;
      right: 1.2rem;
      bottom: 1.2rem;
      width: min(16rem, 78%);
      padding: 1rem 1.1rem;
      box-shadow: 0 18px 36px rgba(0,0,0,.28);
    }
    .page-article .article-hero__note-label,
    .page-article .article-summary__eyebrow,
    .page-article .article-sidebar__label,
    .page-article .article-note__eyebrow,
    .page-article .article-banner__eyebrow,
    .page-article .article-author-card__eyebrow {
      display: inline-flex;
      margin-bottom: .9rem;
      color: #f39c12;
      font-size: .72rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .18em;
    }
    .page-article .article-hero__screen--note strong {
      display: block;
      color: #fff;
      font-size: 1rem;
      line-height: 1.55;
      font-weight: 700;
    }
    .page-article .article-main {
      padding: 4.8rem 0 6rem;
    }
    .page-article .article-summary {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
      gap: 1.5rem;
      margin-bottom: 2rem;
    }
    .page-article .article-summary__card::before,
    .page-article .article-sidebar__card::before,
    .page-article .article-note::before,
    .page-article .article-author-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(243,156,18,.14) 0%, transparent 42%);
      pointer-events: none;
      opacity: .9;
    }
    .page-article .article-summary__card,
    .page-article .article-note {
      padding: 1.6rem 1.7rem;
    }
    .page-article .article-summary__card > *,
    .page-article .article-sidebar__card > *,
    .page-article .article-note > *,
    .page-article .article-author-card > * {
      position: relative;
      z-index: 1;
    }
    .page-article .article-summary__card p,
    .page-article .article-note p,
    .page-article .article-richtext p,
    .page-article .article-author-card p,
    .page-article .article-sidebar__author p,
    .page-article .article-sidebar__card--cta p {
      margin: 0;
      color: rgba(255,255,255,.7);
      line-height: 1.85;
    }
    .page-article .article-summary__list {
      display: grid;
      gap: 1rem;
    }
    .page-article .article-summary__item {
      display: grid;
      gap: .55rem;
      padding: 1.2rem 1.25rem;
    }
    .page-article .article-summary__item strong,
    .page-article .article-grid-card strong,
    .page-article .article-mistake strong,
    .page-article .article-process__item strong,
    .page-article .article-sidebar__author strong {
      display: block;
      color: #fff;
      font-size: 1rem;
      font-weight: 800;
      letter-spacing: -.02em;
    }
    .page-article .article-summary__item span,
    .page-article .article-grid-card p,
    .page-article .article-mistake p,
    .page-article .article-process__item p {
      color: rgba(255,255,255,.64);
      line-height: 1.7;
    }
    .page-article .article-layout {
      display: grid;
      grid-template-columns: 20rem minmax(0, 1fr);
      gap: 2rem;
      align-items: start;
    }
    .page-article .article-sidebar {
      position: sticky;
      top: 7rem;
      display: grid;
      gap: 1rem;
    }
    .page-article .article-sidebar__card {
      padding: 1.3rem 1.35rem;
    }
    .page-article .article-sidebar__toc,
    .page-article .article-sidebar__socials {
      display: grid;
      gap: .55rem;
    }
    .page-article .article-sidebar__toc a,
    .page-article .article-sidebar__link,
    .page-article .article-sidebar__socials a {
      color: rgba(255,255,255,.72);
      line-height: 1.55;
      text-decoration: none;
      transition: color .25s ease, transform .25s ease;
    }
    .page-article .article-sidebar__toc a:hover,
    .page-article .article-sidebar__link:hover,
    .page-article .article-sidebar__socials a:hover {
      color: #f39c12;
      transform: translateX(4px);
    }
    .page-article .article-sidebar__author {
      display: grid;
      grid-template-columns: 3.5rem minmax(0, 1fr);
      gap: .9rem;
      align-items: start;
      margin-bottom: 1rem;
    }
    .page-article .article-sidebar__avatar,
    .page-article .article-author-card__avatar {
      display: grid;
      place-items: center;
      border: 1px solid rgba(243,156,18,.3);
      background:
        radial-gradient(circle at 30% 30%, rgba(243,156,18,.24), transparent 48%),
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
      color: #fff;
      font-weight: 800;
      letter-spacing: .12em;
      box-shadow: 0 16px 36px rgba(0,0,0,.24);
    }
    .page-article .article-sidebar__avatar {
      width: 3.5rem;
      height: 3.5rem;
      font-size: 1rem;
    }
    .page-article .article-sidebar__link {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      width: fit-content;
      margin-top: .2rem;
    }
    .page-article .article-sidebar__card--cta h2 {
      margin: 0 0 .7rem;
      color: #fff;
      font-size: 1.3rem;
      line-height: 1.15;
      font-weight: 800;
      letter-spacing: -.03em;
    }
    .page-article .article-sidebar__button,
    .page-article .article-banner__button,
    .page-article .article-author-card__link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 3.2rem;
      width: fit-content;
      padding: 0 1.3rem;
      border: 1px solid rgba(243,156,18,.46);
      background: rgba(243,156,18,.12);
      color: #fff;
      font-size: .75rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .14em;
      text-decoration: none;
    }
    .page-article .article-sidebar__button:hover,
    .page-article .article-banner__button:hover,
    .page-article .article-author-card__link:hover {
      background: #f39c12;
      color: #111;
      box-shadow: 0 14px 30px rgba(243,156,18,.24);
    }
    .page-article .article-content {
      display: grid;
      gap: 1.5rem;
    }
    .page-article .article-block {
      display: grid;
      gap: 1.25rem;
      padding: 1.6rem 1.7rem;
      border: 1px solid rgba(255,255,255,.08);
      background: linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.015) 100%);
      scroll-margin-top: 8rem;
    }
    .page-article .article-block--intro,
    .page-article .article-block--cta {
      border: 0;
      background: transparent;
      padding: 0;
    }
    .page-article .article-section-heading {
      display: grid;
      grid-template-columns: 3.2rem minmax(0, 1fr);
      gap: 1rem;
      align-items: start;
    }
    .page-article .article-section-heading__index {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 3.2rem;
      min-height: 3.2rem;
      border: 1px solid rgba(243,156,18,.28);
      background: rgba(243,156,18,.08);
      color: #f39c12;
      font-size: .8rem;
      font-weight: 900;
      letter-spacing: .16em;
    }
    .page-article .article-section-heading h2,
    .page-article .article-note h2,
    .page-article .article-banner h2,
    .page-article .article-author-card h2 {
      margin: 0;
      color: #fff;
      font-size: clamp(1.55rem, 2.6vw, 2.4rem);
      line-height: 1.05;
      letter-spacing: -.04em;
      font-weight: 800;
    }
    .page-article .article-section-heading p {
      margin: .65rem 0 0;
      color: rgba(255,255,255,.62);
      line-height: 1.75;
    }
    .page-article .article-table {
      display: grid;
      border: 1px solid rgba(255,255,255,.08);
    }
    .page-article .article-table__row {
      display: grid;
      grid-template-columns: minmax(0, .85fr) minmax(0, 1fr) minmax(0, 1fr);
      gap: 1rem;
      padding: 1rem 1.1rem;
      border-top: 1px solid rgba(255,255,255,.08);
    }
    .page-article .article-table__row:first-child {
      border-top: 0;
    }
    .page-article .article-table__row--head {
      background: rgba(243,156,18,.08);
    }
    .page-article .article-table__row span {
      color: rgba(255,255,255,.72);
      line-height: 1.65;
    }
    .page-article .article-table__row--head span {
      color: #fff;
      font-size: .76rem;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
    }
    .page-article .article-grid-cards,
    .page-article .article-mistakes {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
    }
    .page-article .article-grid-card,
    .page-article .article-mistake,
    .page-article .article-process__item {
      padding: 1.25rem 1.3rem;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.03);
    }
    .page-article .article-process {
      display: grid;
      gap: 1rem;
    }
    .page-article .article-process__item {
      display: grid;
      grid-template-columns: 3rem minmax(0, 1fr);
      gap: 1rem;
      align-items: start;
    }
    .page-article .article-process__item span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 3rem;
      height: 3rem;
      border: 1px solid rgba(243,156,18,.28);
      background: rgba(243,156,18,.08);
      color: #f39c12;
      font-weight: 900;
    }
    .page-article .article-quote {
      padding: 1.5rem 1.7rem;
      background: linear-gradient(135deg, rgba(243,156,18,.16), rgba(255,255,255,.03));
    }
    .page-article .article-quote p {
      margin: 0;
      color: #fff;
      font-size: clamp(1.15rem, 1.8vw, 1.45rem);
      line-height: 1.7;
      font-weight: 700;
      letter-spacing: -.02em;
    }
    .page-article .article-checklist {
      display: grid;
      gap: .85rem;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .page-article .article-checklist li {
      display: grid;
      grid-template-columns: 1.2rem minmax(0, 1fr);
      gap: .8rem;
      align-items: start;
      color: rgba(255,255,255,.72);
      line-height: 1.8;
    }
    .page-article .article-checklist i {
      margin-top: .35rem;
      color: #f39c12;
    }
    .page-article .article-banner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
      padding: 1.7rem 1.8rem;
      box-shadow: 0 28px 60px rgba(0,0,0,.3);
    }
    .page-article .article-faq {
      display: grid;
      gap: 1rem;
    }
    .page-article .article-author-section {
      padding: 3rem 0;
    }
    .page-article .blog-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.5rem;
    }
    .page-article .article-author-card {
      display: grid;
      grid-template-columns: 5rem minmax(0, 1fr) auto;
      gap: 1.4rem;
      align-items: center;
      padding: 1.6rem 1.75rem;
    }
    .page-article .article-author-card__avatar {
      width: 5rem;
      height: 5rem;
      font-size: 1.25rem;
    }
    .page-article .article-author-card__body {
      min-width: 0;
    }
@media (max-width: 1279px) {
  .page-blog .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-article .article-hero,
  .page-article .article-summary,
  .page-article .article-layout {
    grid-template-columns: 1fr;
  }
  .page-article .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-article .article-sidebar {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .lead-packages-head {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .lead-packages-head__copy,
  .lead-packages-overview,
  .lead-packages-footer__text,
  .lead-packages-footer__chip {
    grid-column: auto;
  }
  .lead-packages-overview {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .lead-packages-head {
    margin-bottom: 2rem;
  }
  .lead-packages-overview {
    padding-top: 0;
    margin-bottom: 1rem;
  }
  .lead-package--featured {
    grid-column: auto;
  }
  .page-blog #hero {
    padding-top: 7rem;
    padding-bottom: 2.5rem;
  }
      .page-blog #hero .section-line {
        margin-bottom: 1.25rem;
      }
      .page-blog .landing-footer {
        margin-top: 0;
      }
      .page-blog .blog-grid,
      .page-blog .blog-toolbar {
        grid-template-columns: 1fr;
      }
      .page-blog .blog-results {
        justify-items: start;
        text-align: left;
      }
      .page-blog .blog-search__input {
        padding-right: 5.9rem !important;
      }
      .page-blog .blog-search__clear {
        right: 3.5rem;
      }
      .page-blog .blog-search__submit {
        flex-basis: 3.2rem;
        min-width: 3.2rem;
      }
      .page-blog #search-results-desktop .search-item,
      .page-blog #search-results-desktop .search-item a {
        gap: .7rem;
        padding: .75rem .85rem;
      }
      .page-blog #search-results-desktop .search-item .thumb {
        width: 2.5rem;
        height: 2.5rem;
        flex-basis: 2.5rem;
      }
      .page-blog .blog-grid {
        grid-template-columns: 1fr;
      }
      .page-article #hero {
        padding-top: 7rem;
        padding-bottom: 2.5rem;
      }
      .page-article #hero .section-line {
        margin-bottom: 1.25rem;
      }
      .page-article .article-hero__title {
        max-width: none;
      }
      .page-article .article-hero__meta,
      .page-article .article-hero__stats,
      .page-article .blog-grid,
      .page-article .article-grid-cards,
      .page-article .article-mistakes,
      .page-article .article-sidebar,
      .page-article .article-author-card {
        grid-template-columns: 1fr;
      }
      .page-article .article-block,
      .page-article .article-note,
      .page-article .article-summary__card,
      .page-article .article-banner {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
      }
      .page-article .article-banner {
        align-items: stretch;
      }
      .page-article .article-banner__button,
      .page-article .article-author-card__link,
      .page-article .article-sidebar__button {
        width: 100%;
      }
      .page-article .article-section-heading,
      .page-article .article-process__item,
      .page-article .article-author-card {
        grid-template-columns: 1fr;
      }
      .page-article .article-table {
        border: 0;
        gap: .75rem;
      }
      .page-article .article-table__row,
      .page-article .article-table__row--head {
        grid-template-columns: 1fr;
        border: 1px solid rgba(255,255,255,.08);
      }
      .page-article .article-hero__screen--note {
        position: static;
        width: 100%;
        margin-top: .9rem;
      }
    }

    .page-author .landing-header__link.is-active,
    .page-author .mobile-nav__row > a.is-active {
      color: #f39c12;
    }
    .page-author #hero {
      min-height: auto;
      padding-bottom: 5rem;
    }
    .page-author .author-hero-copy {
      max-width: 62rem;
    }
    .page-author .landing-footer {
      margin-top: 0;
    }
    .page-author .author-layout {
      display: grid;
      grid-template-columns: 22rem minmax(0, 1fr);
      gap: 2rem;
      align-items: start;
    }
    .page-author .author-profile {
      position: sticky;
      top: 7rem;
      display: grid;
      gap: 1.5rem;
      padding: 2rem;
      border: 1px solid rgba(255,255,255,.08);
      background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 100%);
      overflow: hidden;
    }
    .page-author .author-profile::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(243,156,18,.14) 0%, transparent 45%);
      pointer-events: none;
      opacity: .9;
    }
    .page-author .author-profile > * {
      position: relative;
      z-index: 1;
    }
    .page-author .author-profile__avatar {
      width: 7.5rem;
      height: 7.5rem;
      border-radius: 1.5rem;
      display: grid;
      place-items: center;
      border: 1px solid rgba(243,156,18,.28);
      background:
        radial-gradient(circle at 30% 30%, rgba(243,156,18,.28), transparent 48%),
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
      color: #fff;
      font-size: 2.1rem;
      font-weight: 800;
      letter-spacing: .08em;
      box-shadow: 0 18px 45px rgba(0,0,0,.32);
      overflow: hidden;
    }
    .page-author .author-profile__avatar img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
    .page-author .author-profile__name {
      margin: 0 0 .4rem;
      color: #fff;
      font-size: 24px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -.04em;
    }
    .page-author .author-profile__role {
      margin: 0;
      color: rgba(255,255,255,.66);
      line-height: 1.7;
    }
    .page-author .author-profile__meta {
      display: flex;
      flex-wrap: wrap;
      gap: .75rem;
      color: rgba(255,255,255,.46);
      font-size: .72rem;
      text-transform: uppercase;
      letter-spacing: .16em;
    }
    .page-author .author-profile__meta span:first-child {
      color: #f39c12;
    }
    .page-author .author-profile__tabs {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: .7rem;
    }
    .page-author .author-profile__tab {
      min-height: 3rem;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.04);
      color: rgba(255,255,255,.72);
      text-transform: uppercase;
      letter-spacing: .12em;
      font-size: .72rem;
      font-weight: 700;
      transition: border-color .25s ease, background .25s ease, color .25s ease;
    }
    .page-author .author-profile__tab:hover,
    .page-author .author-profile__tab.is-active {
      border-color: rgba(243,156,18,.52);
      background: rgba(243,156,18,.1);
      color: #f39c12;
    }
    .page-author .author-profile__panel {
      color: rgba(255,255,255,.72);
      line-height: 1.8;
    }
    .page-author .author-profile__panel[hidden] {
      display: none !important;
    }
    .page-author .author-profile__panel p {
      margin: 0;
    }
    .page-author .author-profile__panel p + p {
      margin-top: .9rem;
    }
    .page-author .author-content {
      display: grid;
      gap: 1.75rem;
    }
    .page-author .author-heading {
      display: grid;
      gap: .75rem;
    }
    .page-author .author-heading__eyebrow {
      color: #f39c12;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    .page-author .author-heading__title {
      margin: 0;
      color: #fff;
      font-size: 40px;
      line-height: 1.04;
      letter-spacing: -.04em;
      font-weight: 800;
    }
    .page-author .author-heading__text {
      margin: 0;
      max-width: 48rem;
      color: rgba(255,255,255,.64);
      line-height: 1.75;
    }
    .page-author .author-articles {
      display: grid;
      gap: 1.4rem;
    }
    .page-author .author-article {
      display: grid;
      grid-template-columns: minmax(0, 1fr) clamp(16rem, 28vw, 22rem);
      gap: 1.5rem;
      align-items: stretch;
      border: 1px solid rgba(255,255,255,.08);
      background: linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.015) 100%);
      overflow: hidden;
      transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
    }
    .page-author .author-article:hover {
      transform: translateY(-5px);
      border-color: rgba(243,156,18,.45);
      box-shadow: 0 24px 60px rgba(0,0,0,.35);
    }
    .page-author .author-article__body {
      padding: 1.6rem 1.75rem;
      display: grid;
      gap: .9rem;
      align-content: center;
    }
    .page-author .author-article__meta {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      color: rgba(255,255,255,.5);
      font-size: .72rem;
      text-transform: uppercase;
      letter-spacing: .14em;
    }
    .page-author .author-article__meta i {
      color: #f39c12;
      margin-right: .35rem;
    }
    .page-author .author-article__title {
      margin: 0;
      color: #fff;
      font-size: clamp(1.1rem, 1.45vw, 1.55rem);
      line-height: 1.14;
      font-weight: 800;
      letter-spacing: -.025em;
    }
    .page-author .author-article__excerpt {
      margin: 0;
      color: rgba(255,255,255,.62);
      line-height: 1.7;
    }
    .page-author .author-article__link {
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      width: fit-content;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .12em;
      font-size: .8rem;
      font-weight: 700;
    }
    .page-author .author-article__link:hover {
      color: #f39c12;
    }
    .page-author .author-article__thumb {
      position: relative;
      width: 100%;
      min-height: 0;
      aspect-ratio: 16 / 9;
      align-self: center;
      background: linear-gradient(135deg, rgba(243,156,18,.14), rgba(255,255,255,.02));
      border-left: 1px solid rgba(255,255,255,.06);
      overflow: hidden;
    }
    .page-author .author-article__thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: brightness(.84) saturate(.9);
    }
    .page-author .blog-pagination {
      display: grid;
      justify-items: center;
      gap: 1rem;
      margin-top: .75rem;
    }
    .page-author .blog-pagination__meta {
      color: rgba(255,255,255,.56);
      font-size: .8rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .14em;
      text-align: center;
    }
    .page-author .blog-pagination__nav {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .75rem;
      flex-wrap: wrap;
    }
    .page-author .blog-pagination__pages {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .65rem;
      flex-wrap: wrap;
    }
    .page-author .blog-pagination__link,
    .page-author .blog-pagination__arrow {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 3.2rem;
      min-width: 3.2rem;
      padding: 0 1rem;
      border: 1px solid rgba(243,156,18,.45);
      background: rgba(243,156,18,.12);
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: .7rem;
      font-weight: 800;
      text-decoration: none;
      animation: headerCtaPulse 2.8s ease-in-out infinite;
    }
    .page-author .blog-pagination__link:hover,
    .page-author .blog-pagination__arrow:hover {
      background: #f39c12;
      color: #111;
      box-shadow: 0 12px 28px rgba(243,156,18,.24);
      animation-play-state: paused;
    }
    .page-author .blog-pagination__link.is-active {
      background: #f39c12;
      color: #111;
      box-shadow: 0 12px 28px rgba(243,156,18,.24);
      animation-play-state: paused;
      pointer-events: none;
    }
    .page-author .blog-pagination__arrow.is-disabled {
      opacity: .4;
      pointer-events: none;
      box-shadow: none;
      animation: none;
    }
    .page-author .blog-pagination__arrow i {
      font-size: .76rem;
    }
    @media (max-width: 1279px) {
      .page-author .author-layout {
        grid-template-columns: 19rem minmax(0, 1fr);
      }
      .page-author .author-article {
        grid-template-columns: minmax(0, 1fr) clamp(14rem, 30vw, 18rem);
      }
    }
    @media (max-width: 991px) {
      .page-author .author-layout {
        grid-template-columns: 1fr;
      }
      .page-author .author-profile {
        position: static;
      }
    }
    @media (max-width: 767px) {
      .page-author #hero {
        padding-top: 7rem;
        padding-bottom: 2.5rem;
      }
      .page-author #hero .section-line {
        margin-bottom: 1.25rem;
      }
      .page-author .landing-footer {
        margin-top: 0;
      }
      .page-author .author-profile {
        padding: 1.5rem;
      }
      .page-author .author-profile__tabs {
        grid-template-columns: 1fr;
      }
      .page-author .author-article {
        grid-template-columns: 1fr;
      }
      .page-author .author-article__thumb {
        min-height: 0;
        aspect-ratio: 16 / 9;
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.06);
      }
      .page-author .author-article__body {
        padding: 1.35rem;
      }
    }

    .page-authors .authors-layout {
      display: grid;
      grid-template-columns: 21rem minmax(0, 1fr);
      gap: 2rem;
      align-items: start;
    }
    .page-authors .authors-intro {
      position: sticky;
      top: 7rem;
    }
    .page-authors .authors-intro__eyebrow {
      color: #f39c12;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    .page-authors .authors-intro__title {
      margin: 0;
      color: #fff;
      font-size: 2rem;
      line-height: 1.05;
      letter-spacing: -.04em;
      font-weight: 800;
    }
    .page-authors .authors-intro__text {
      margin: 0;
      color: rgba(255,255,255,.68);
      line-height: 1.8;
    }
    .page-authors .authors-intro__stats {
      display: grid;
      gap: .9rem;
    }
    .page-authors .authors-intro__stat {
      display: grid;
      gap: .2rem;
      padding: .95rem 1rem;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.03);
    }
    .page-authors .authors-intro__stat strong {
      color: #fff;
      font-size: 1.2rem;
      font-weight: 800;
      letter-spacing: -.03em;
    }
    .page-authors .authors-intro__stat span {
      color: rgba(255,255,255,.58);
      font-size: .82rem;
      line-height: 1.55;
    }
    .page-authors .authors-intro__cta {
      display: inline-flex;
      align-items: center;
      gap: .65rem;
      width: fit-content;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .12em;
      font-size: .78rem;
      font-weight: 700;
      text-decoration: none;
    }
    .page-authors .authors-intro__cta:hover {
      color: #f39c12;
    }
    .page-authors .authors-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.5rem;
    }
    .page-authors .authors-card {
      position: relative;
      display: grid;
      gap: 1.15rem;
      padding: 1.6rem;
      border: 1px solid rgba(255,255,255,.08);
      background: linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.015) 100%);
      overflow: hidden;
      transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
    }
    .page-authors .authors-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(243,156,18,.12) 0%, transparent 45%);
      opacity: .85;
      pointer-events: none;
    }
    .page-authors .authors-card:hover {
      transform: translateY(-5px);
      border-color: rgba(243,156,18,.45);
      box-shadow: 0 24px 60px rgba(0,0,0,.35);
    }
    .page-authors .authors-card > * {
      position: relative;
      z-index: 1;
    }
    .page-authors .authors-card__top {
      display: grid;
      grid-template-columns: 4.5rem minmax(0, 1fr);
      gap: 1rem;
      align-items: start;
    }
    .page-authors .authors-card__avatar {
      width: 4.5rem;
      height: 4.5rem;
      display: grid;
      place-items: center;
      border-radius: 1.2rem;
      border: 1px solid rgba(243,156,18,.28);
      background:
        radial-gradient(circle at 30% 30%, rgba(243,156,18,.28), transparent 48%),
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
      color: #fff;
      font-size: 1.15rem;
      font-weight: 800;
      letter-spacing: .12em;
      box-shadow: 0 18px 45px rgba(0,0,0,.32);
      overflow: hidden;
    }
    .page-authors .authors-card__avatar img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
    .page-authors .authors-card__eyebrow {
      margin-bottom: .35rem;
      color: #f39c12;
      font-size: .72rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .16em;
    }
    .page-authors .authors-card__name {
      margin: 0 0 .35rem;
      color: #fff;
      font-size: 1.45rem;
      line-height: 1.08;
      font-weight: 800;
      letter-spacing: -.03em;
    }
    .page-authors .authors-card__role {
      margin: 0;
      color: rgba(255,255,255,.64);
      line-height: 1.65;
    }
    .page-authors .authors-card__meta,
    .page-authors .authors-card__stats {
      display: flex;
      flex-wrap: wrap;
      gap: .65rem;
    }
    .page-authors .authors-card__meta span,
    .page-authors .authors-card__stats span {
      display: inline-flex;
      align-items: center;
      min-height: 2rem;
      padding: .45rem .75rem;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.04);
      color: rgba(255,255,255,.7);
      font-size: .72rem;
      text-transform: uppercase;
      letter-spacing: .12em;
      font-weight: 700;
    }
    .page-authors .authors-card__stats span strong {
      color: #fff;
      margin-right: .35rem;
      font-weight: 800;
    }
    .page-authors .authors-card__text {
      margin: 0;
      color: rgba(255,255,255,.66);
      line-height: 1.75;
    }
    .page-authors .authors-card__link {
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      width: fit-content;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .12em;
      font-size: .78rem;
      font-weight: 700;
      text-decoration: none;
    }
    .page-authors .authors-card__link:hover {
      color: #f39c12;
    }
    .page-authors .authors-topics-heading {
      margin-top: .5rem;
    }
    @media (max-width: 1279px) {
      .page-authors .authors-layout {
        grid-template-columns: 18.5rem minmax(0, 1fr);
      }
    }
    @media (max-width: 991px) {
      .page-authors .authors-layout {
        grid-template-columns: 1fr;
      }
      .page-authors .authors-intro {
        position: static;
      }
    }
    @media (max-width: 767px) {
      .page-authors .authors-grid {
        grid-template-columns: 1fr;
      }
      .page-authors .authors-card {
        padding: 1.35rem;
      }
      .page-authors .authors-card__top {
        grid-template-columns: 1fr;
      }
      .page-authors .authors-card__avatar {
        width: 4rem;
        height: 4rem;
      }
    }

    .custom-cursor__cursor,
    .custom-cursor__cursor-two {
      position: fixed;
      top: 0;
      left: 0;
      pointer-events: none;
      z-index: 100200;
      visibility: hidden;
    }
    .custom-cursor__cursor {
      width: 25px;
      height: 25px;
      border: 1px solid var(--ogency-base);
      border-radius: 50%;
      transform: translate3d(-50%, -50%, 0);
      transition: width .3s ease, height .3s ease;
    }
    .custom-cursor__cursor-two {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--ogency-base);
      transform: translate(-50%, -50%);
      transition: width .3s ease, height .3s ease, left 120ms linear, top 120ms linear;
    }
    .custom-cursor__cursor.is-active {
      width: 27.5px;
      height: 27.5px;
    }
    .custom-cursor__cursor-two.is-active {
      width: 11px;
      height: 11px;
    }
    @media (pointer: coarse), (max-width: 1024px) {
      .custom-cursor__cursor,
      .custom-cursor__cursor-two {
        display: none !important;
      }
    }
    .landing-header {
      position: fixed;
      inset: 0 0 auto 0;
      z-index: 120;
      border-bottom: 1px solid rgba(255,255,255,.08);
      background: rgba(6,6,6,.62);
      backdrop-filter: blur(18px);
      transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
    }
    .landing-header > .container {
      width: 100%;
    }
    .landing-header.is-scrolled {
      background: rgba(6,6,6,.86);
      box-shadow: 0 18px 40px rgba(0,0,0,.28);
    }
    .landing-header__inner {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
      min-height: 5.75rem;
    }
    .landing-header__brand {
      display: inline-flex;
      align-items: center;
      color: #fff;
      flex: 0 0 auto;
    }
    .landing-header__brand-logo {
      display: block;
      width: clamp(9.5rem, 11vw, 12rem);
      height: auto;
      max-width: 100%;
      color: #fff;
      flex: 0 0 auto;
    }
    .landing-header__brand-logo svg {
      display: block;
      width: 100%;
      height: auto;
    }
    .landing-header__nav {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1 1 auto;
      min-width: 0;
    }
    .landing-header__list {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(1rem, 2vw, 2rem);
      margin: 0;
      padding: 0;
      color: rgba(255,255,255,.72);
      font-size: .82rem;
      text-transform: uppercase;
      letter-spacing: .14em;
      font-weight: 600;
    }
    .landing-header__item {
      position: relative;
      display: flex;
      align-items: center;
    }
    .landing-header__link {
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      padding: 1rem 0;
      color: inherit;
      white-space: nowrap;
    }
    .landing-header__link i {
      font-size: .8rem;
      color: rgba(255,255,255,.42);
      transition: transform .3s ease, color .3s ease;
    }
    .landing-header__link:hover,
    .landing-header__item:hover > .landing-header__link {
      color: #fff;
    }
    .landing-header__item:hover > .landing-header__link i {
      color: #f5900d;
      transform: rotate(180deg);
    }
    .landing-header__item--has-submenu:hover > .landing-header__submenu,
    .landing-header__submenu-item--has-submenu:hover > .landing-header__submenu {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0);
    }
    .landing-header__submenu {
      position: absolute;
      top: calc(100% + .9rem);
      left: 0;
      min-width: 12.75rem;
      padding: .45rem 0;
      margin: 0;
      list-style: none;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(10,10,10,.98);
      box-shadow: 0 16px 28px rgba(0,0,0,.32);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(10px);
      transition: opacity .28s ease, transform .28s ease, visibility .28s ease;
    }
    .landing-header__submenu::before {
      content: "";
      position: absolute;
      inset: -14px 0 auto 0;
      height: 14px;
    }
    .landing-header__submenu li {
      position: relative;
    }
    .landing-header__submenu li + li {
      border-top: 1px solid rgba(255,255,255,.06);
    }
    .landing-header__submenu a {
      display: block;
      padding: .72rem .95rem;
      color: rgba(255,255,255,.72);
      white-space: nowrap;
      font-size: .78rem;
      letter-spacing: .04em;
    }
    .landing-header__submenu-item--has-submenu > a {
      position: relative;
      padding-right: 2.4rem;
    }
    .landing-header__submenu-item--has-submenu > a::after {
      content: "\f054";
      position: absolute;
      top: 50%;
      right: .95rem;
      transform: translateY(-50%);
      color: rgba(255,255,255,.42);
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: .7rem;
    }
    .landing-header__submenu--level-2 {
      top: -.45rem;
      left: calc(100% + .8rem);
      transform: translateY(10px);
    }
    .landing-header__submenu--level-2::before {
      inset: 0 auto 0 -14px;
      width: 14px;
      height: auto;
    }
    .landing-header__submenu a:hover {
      color: #fff;
      background: rgba(243,156,18,.12);
    }
    .landing-header__right {
      display: flex;
      align-items: center;
      gap: 1rem;
      flex: 0 0 auto;
    }
    .landing-header__phone {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      color: #fff;
      font-size: .92rem;
      font-weight: 700;
      white-space: nowrap;
    }
    .landing-header__phone i {
      color: #f39c12;
      font-size: .92rem;
    }
    .landing-header__telegram {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: .92rem;
      line-height: 1;
    }
    .landing-header__phone:hover,
    .landing-header__telegram:hover {
      color: #f39c12;
    }
    .landing-header__cta {
      display: inline-flex;
      align-items: center;
      gap: .7rem;
      min-height: 3.2rem;
      padding: 0 1.2rem;
      border: 1px solid rgba(243,156,18,.45);
      background: rgba(243,156,18,.12);
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: .7rem;
      font-weight: 800;
      animation: headerCtaPulse 2.8s ease-in-out infinite;
    }
    .landing-header__cta:hover {
      background: #f39c12;
      color: #111;
      box-shadow: 0 12px 28px rgba(243,156,18,.24);
      animation-play-state: paused;
    }
    .landing-header__cta i {
      font-size: .76rem;
    }
    body.request-modal-open {
      overflow: hidden;
    }
    .page-contact .landing-header__link.is-active,
    .page-contact .mobile-nav__row > a.is-active {
      color: #f39c12;
    }
    .page-contact #hero {
      min-height: auto;
      padding-bottom: 5rem;
    }
    .page-contact .landing-footer {
      background:
        radial-gradient(circle at top left, rgba(243, 156, 18, 0.12), transparent 32%),
        #000;
    }
    .page-contact .contact-hero-copy {
      max-width: 58rem;
    }
    .page-contact .contact-hero__card,
    .page-contact .contact-page__info-card,
    .page-contact .contact-process__card,
    .page-contact .contact-map__shell,
    .page-contact .contact-page__form-shell {
      position: relative;
      overflow: hidden;
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.08);
      box-shadow: none;
    }
    .page-contact .contact-hero__card {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 22px 24px;
      min-height: 164px;
      text-decoration: none;
      color: #fff;
      transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
    }
    .page-contact .contact-hero__card:hover,
    .page-contact .contact-page__info-card:hover,
    .page-contact .contact-process__card:hover {
      transform: translateY(-4px);
      border-color: rgba(243, 156, 18, 0.28);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 24px 90px -42px rgba(243, 156, 18, 0.42);
    }
    .page-contact .contact-hero__icon,
    .page-contact .contact-page__info-icon {
      width: 52px;
      height: 52px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(243, 156, 18, 0.12);
      color: #f39c12;
      font-size: 1.05rem;
      border: 1px solid rgba(243, 156, 18, 0.22);
    }
    .page-contact .contact-hero__label,
    .page-contact .contact-page__eyebrow,
    .page-contact .contact-page__info-title,
    .page-contact .contact-process__card span {
      color: rgba(243, 156, 18, 0.92);
      font-size: 0.82rem;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }
    .page-contact .contact-hero__card strong {
      color: #fff;
      font-size: 1.1rem;
      font-weight: 800;
      line-height: 1.45;
      max-width: 26ch;
    }
    .page-contact .contact-page__layout {
      display: grid;
      grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
      gap: 24px;
      align-items: start;
    }
    .page-contact .contact-page__content {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding-right: 10px;
      max-width: 48rem;
    }
    .page-contact .contact-page__title {
      color: #fff;
      margin: 0;
      font-size: clamp(1.85rem, 3vw, 2.9rem);
      font-weight: 900;
      line-height: 1.08;
      letter-spacing: -0.03em;
      text-transform: uppercase;
      max-width: 100%;
    }
    .page-contact .contact-page__title--compact {
      max-width: 14ch;
    }
    .page-contact .contact-page__text {
      margin: 0;
      color: rgba(255,255,255,0.72);
      font-size: 1rem;
      line-height: 1.8;
      max-width: 54ch;
    }
    .page-contact .contact-page__simple-list {
      list-style: none;
      margin: 6px 0 0;
      padding: 0;
      border-top: 1px solid rgba(255,255,255,0.08);
    }
    .page-contact .contact-page__simple-list li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 18px 0;
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .page-contact .contact-page__simple-list li > span:first-child {
      display: inline-flex;
      align-items: center;
      gap: 0.65rem;
      color: rgba(243, 156, 18, 0.92);
      font-size: 0.78rem;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      flex: 0 0 auto;
      white-space: nowrap;
    }
    .page-contact .contact-page__simple-list a,
    .page-contact .contact-page__simple-list li > span:last-child {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.65rem;
      color: rgba(255,255,255,0.88);
      font-size: 1rem;
      line-height: 1.7;
      text-decoration: none;
      transition: color 200ms ease;
      text-align: right;
    }
    .page-contact .contact-page__simple-list li:nth-child(1) > span:first-child::before,
    .page-contact .contact-page__simple-list li:nth-child(2) > span:first-child::before,
    .page-contact .contact-page__simple-list li:nth-child(3) > span:first-child::before,
    .page-contact .contact-page__simple-list li:nth-child(4) > span:first-child::before {
      font-size: 0.95rem;
      color: inherit;
    }
    .page-contact .contact-page__simple-list li:nth-child(1) > span:first-child::before,
    .page-contact .contact-page__simple-list li:nth-child(2) > span:first-child::before,
    .page-contact .contact-page__simple-list li:nth-child(4) > span:first-child::before {
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
    }
    .page-contact .contact-page__simple-list li:nth-child(1) > span:first-child::before {
      content: "\f095";
    }
    .page-contact .contact-page__simple-list li:nth-child(2) > span:first-child::before {
      content: "\f0e0";
    }
    .page-contact .contact-page__simple-list li:nth-child(3) > span:first-child::before {
      content: "\f2c6";
      font-family: "Font Awesome 6 Brands";
      font-weight: 400;
      font-size: 0.95rem;
      color: inherit;
    }
    .page-contact .contact-page__simple-list li:nth-child(4) > span:first-child::before {
      content: "\f0b1";
    }
    .page-contact .contact-page__simple-list a:hover {
      color: #f39c12;
    }
    .page-contact .contact-page__telegram-link {
      justify-content: flex-end;
    }
    .page-contact .contact-page__telegram-link-arrow {
      font-size: 0.82rem;
      color: rgba(255,255,255,0.5);
    }
    .page-contact .contact-page__simple-list li:nth-child(4) > span:last-child::after {
      content: "\f35d";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 0.82rem;
      color: rgba(255,255,255,0.5);
    }
    .page-contact .contact-page__simple-list a:hover .contact-page__telegram-link-arrow,
    .page-contact .contact-page__telegram-link:hover .contact-page__telegram-link-arrow {
      color: currentColor;
    }
    .page-contact .contact-page__form-shell {
      padding: 28px;
      border-radius: 0;
    }
    .page-contact #frmwrapper2 {
      width: 100%;
    }
    .page-contact .contact-one__form-box {
      width: 100%;
      border-radius: 0;
    }
    .page-contact .contact-one__form {
      display: block;
      width: 100%;
    }
    .page-contact .row {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 18px;
      margin: 0;
    }
    .page-contact .col-md-6 {
      grid-column: span 6;
    }
    .page-contact .col-md-12 {
      grid-column: 1 / -1;
    }
    .page-contact .mt-2 {
      margin-top: 8px;
    }
    .page-contact .contact-one__input-box {
      position: relative;
      width: 100%;
    }
    .page-contact .contact-one__input-box input,
    .page-contact .contact-one__input-box textarea,
    .page-contact .contact-one__input-box .bootstrap-select > .dropdown-toggle {
      width: 100%;
      min-height: 68px;
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 0;
      background: rgba(7, 7, 7, 0.82);
      color: #fff;
      font-size: 1rem;
      line-height: 1.5;
      padding: 20px 22px;
      outline: 0;
      transition: border-color 200ms ease, box-shadow 200ms ease, background 200ms ease;
    }
    .page-contact .contact-one__input-box input::placeholder,
    .page-contact .contact-one__input-box textarea::placeholder {
      color: rgba(255,255,255,0.46);
    }
    .page-contact .contact-one__input-box input:focus,
    .page-contact .contact-one__input-box textarea:focus,
    .page-contact .contact-one__input-box .bootstrap-select:focus-within > .dropdown-toggle {
      border-color: rgba(243, 156, 18, 0.34);
      box-shadow: 0 0 0 4px rgba(243, 156, 18, 0.08);
      background: rgba(10, 10, 10, 0.95);
    }
    .page-contact .contact-one__input-box textarea {
      min-height: 190px;
      resize: vertical;
    }
    .page-contact .contact-one__input-box label {
      display: block;
      margin-top: .45rem;
      color: #ff8f8f;
      font-size: .76rem;
      line-height: 1.4;
      min-height: 1.1rem;
    }
    .page-contact .contact-one__input-box .bootstrap-select {
      position: relative;
      display: block;
      width: 100%;
    }
    .page-contact .contact-one__input-box .bootstrap-select > select {
      position: absolute;
      width: 1px;
      height: 1px;
      top: 0;
      left: 0;
      opacity: 0;
      pointer-events: none;
      z-index: -1;
    }
    .page-contact .contact-one__input-box .bootstrap-select > .dropdown-toggle {
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-align: left;
      pointer-events: auto;
      cursor: pointer;
      box-shadow: none;
    }
    .page-contact .contact-one__input-box .bootstrap-select > .dropdown-toggle::after {
      content: "\f107";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      color: rgba(255,255,255,0.48);
      margin-left: 18px;
      flex-shrink: 0;
    }
    .page-contact .contact-one__input-box .filter-option {
      width: 100%;
    }
    .page-contact .contact-one__input-box .filter-option-inner {
      width: 100%;
    }
    .page-contact .contact-one__input-box .filter-option-inner-inner {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .page-contact .contact-one__input-box .bootstrap-select > .dropdown-menu,
    .page-contact .contact-one__input-box .bootstrap-select .dropdown-menu,
    .page-contact .contact-one__input-box .bootstrap-select .dropdown-menu.show,
    .page-contact .contact-one__input-box .bootstrap-select .inner,
    .page-contact .contact-one__input-box .bootstrap-select .inner.show,
    .page-contact .contact-one__input-box .bootstrap-select ul.dropdown-menu,
    .page-contact .contact-one__input-box .bootstrap-select ul.dropdown-menu.show {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
      height: 0 !important;
      min-height: 0 !important;
      max-height: 0 !important;
      overflow: hidden !important;
      padding: 0 !important;
      margin: 0 !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    .page-contact .contact-one__input-box .bootstrap-select.is-open > .dropdown-menu {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      pointer-events: auto !important;
      position: absolute !important;
      top: calc(100% - 1px) !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 30 !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: 18rem !important;
      overflow: hidden !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 1px solid rgba(243, 156, 18, 0.26) !important;
      background: #101010 !important;
      box-shadow: none !important;
    }
    .page-contact .contact-one__input-box .bootstrap-select.is-open > .dropdown-menu .inner,
    .page-contact .contact-one__input-box .bootstrap-select.is-open > .dropdown-menu .inner.show,
    .page-contact .contact-one__input-box .bootstrap-select.is-open > .dropdown-menu ul.dropdown-menu,
    .page-contact .contact-one__input-box .bootstrap-select.is-open > .dropdown-menu ul.dropdown-menu.show {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      pointer-events: auto !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: 18rem !important;
      overflow: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: #101010 !important;
      box-shadow: none !important;
      list-style: none !important;
    }
    .page-contact .contact-one__input-box .bootstrap-select__option {
      appearance: none;
      display: block;
      width: 100%;
      padding: 14px 22px;
      border: 0;
      border-top: 1px solid rgba(255,255,255,0.06);
      background: #101010;
      color: rgba(255,255,255,0.92);
      text-align: left;
      font: inherit;
      line-height: 1.45;
      cursor: pointer;
      transition: background 160ms ease, color 160ms ease;
    }
    .page-contact .contact-one__input-box .bootstrap-select__option:disabled {
      cursor: default;
    }
    .page-contact .contact-one__input-box .bootstrap-select__option:hover,
    .page-contact .contact-one__input-box .bootstrap-select__option.is-active {
      background: rgba(243, 156, 18, 0.12);
      color: #fff;
    }
    .page-contact .contact-one__input-box .bootstrap-select__option--placeholder {
      color: rgba(255,255,255,0.66);
    }
    .page-contact .contact-one__btn-box {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 24px;
      flex-wrap: wrap;
    }
    .page-contact .form-policy-text {
      color: rgba(255,255,255,0.62);
      font-size: 0.95rem;
      line-height: 1.75;
      max-width: 34ch;
    }
    .page-contact .form-policy-text a {
      color: #fff;
      text-decoration: underline;
      text-decoration-color: rgba(243, 156, 18, 0.45);
      text-underline-offset: 4px;
    }
    .page-contact .ogency-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 248px;
      min-height: 68px;
      padding: 16px 28px;
      border-radius: 0;
      border: 1px solid #f39c12;
      background: #f39c12;
      color: #090909;
      font-size: 0.82rem;
      font-weight: 900;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      text-decoration: none;
      transition: transform 200ms ease, box-shadow 200ms ease, filter 200ms ease;
      box-shadow: none;
    }
    .page-contact .ogency-btn:hover {
      transform: translateY(-2px);
      filter: brightness(1.04);
      box-shadow: none;
    }
    .page-contact .result {
      margin-top: 18px;
      color: rgba(255,255,255,0.78);
    }
    .page-contact .contact-map__shell {
      display: grid;
      grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
      gap: 0;
      align-items: stretch;
    }
    .page-contact .contact-map__copy {
      padding: 38px 34px;
      border-right: 1px solid rgba(255,255,255,0.08);
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 18px;
    }
    .page-contact .contact-map__frame-wrap {
      min-height: 460px;
    }
    .page-contact .contact-map__frame {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 460px;
      border: 0;
      filter: saturate(0.85) contrast(1.05) brightness(0.88);
    }
    .page-contact .contact-process {
      display: grid;
      gap: 28px;
    }
    .page-contact .contact-process__intro {
      max-width: 720px;
    }
    .page-contact .contact-process__grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }
    .page-contact .contact-process__card {
      padding: 26px 24px 28px;
    }
    .page-contact .contact-process__card h3 {
      margin: 16px 0 12px;
      color: #fff;
      font-size: 1.15rem;
      font-weight: 800;
      line-height: 1.35;
      text-transform: uppercase;
    }
    .page-contact .contact-process__card p {
      margin: 0;
      color: rgba(255,255,255,0.68);
      line-height: 1.8;
    }
    @media (max-width: 1199px) {
      .page-contact .contact-page__layout,
      .page-contact .contact-map__shell,
      .page-contact .contact-process__grid {
        grid-template-columns: 1fr;
      }
      .page-contact .contact-page__content {
        padding-right: 0;
      }
      .page-contact .contact-map__copy {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.08);
      }
      .page-contact .contact-page__title--compact {
        max-width: none;
      }
    }
    @media (max-width: 767px) {
      .page-contact #hero {
        padding-top: 7rem;
        padding-bottom: 2.5rem;
      }
      .page-contact #hero .section-line {
        margin-bottom: 1.25rem;
      }
      .page-contact .contact-page__form-shell {
        padding: 22px 18px;
      }
      .page-contact .contact-page__title {
        max-width: none;
      }
      .page-contact .contact-page__simple-list li {
        display: grid;
        gap: 4px;
      }
      .page-contact .contact-page__simple-list a,
      .page-contact .contact-page__simple-list li > span:last-child {
        text-align: left;
        justify-content: flex-start;
      }
      .page-contact .contact-page__telegram-link {
        justify-content: flex-start;
      }
      .page-contact .row {
        grid-template-columns: 1fr;
        gap: 14px;
      }
      .page-contact .col-md-6,
      .page-contact .col-md-12 {
        grid-column: auto;
      }
      .page-contact .contact-one__input-box input,
      .page-contact .contact-one__input-box textarea,
      .page-contact .contact-one__input-box .bootstrap-select > .dropdown-toggle {
        min-height: 62px;
        border-radius: 0;
        padding: 18px;
      }
      .page-contact .contact-one__btn-box {
        align-items: stretch;
      }
      .page-contact .ogency-btn {
        width: 100%;
        min-width: 0;
      }
      .page-contact .contact-map__frame-wrap,
      .page-contact .contact-map__frame {
        min-height: 340px;
      }
    }
    .modal {
      position: fixed;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(3,3,3,.76);
      backdrop-filter: blur(16px);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .3s ease, visibility .3s ease;
      z-index: 240;
      cursor: auto !important;
    }
    .modal,
    .modal * {
      cursor: auto !important;
    }
    body.request-modal-open .custom-cursor__cursor,
    body.request-modal-open .custom-cursor__cursor-two {
      opacity: 0;
      visibility: hidden;
    }
    .modal.fade .modal-dialog {
      transform: translateY(28px) scale(.985);
      opacity: 0;
      transition: transform .4s cubic-bezier(.2,1,.3,1), opacity .3s ease;
    }
    .modal.show {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
    .modal.show .modal-dialog {
      transform: translateY(0) scale(1);
      opacity: 1;
    }
    .modal-dialog {
      width: min(100%, 40rem);
      margin: auto;
    }
    .modal-dialog-centered {
      display: flex;
      align-items: center;
      min-height: calc(100vh - 3rem);
    }
    .modal-content {
      position: relative;
      width: 100%;
      border: 1px solid rgba(255,255,255,.1);
      background:
        linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.018) 100%),
        radial-gradient(circle at top right, rgba(243,156,18,.16), transparent 34%),
        #080808;
      box-shadow: 0 30px 80px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
      overflow: hidden;
    }
    .modal-content::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(135deg, rgba(255,255,255,.035), transparent 26%),
        repeating-linear-gradient(135deg, transparent 0 28px, rgba(255,255,255,.018) 28px 29px);
      pointer-events: none;
      opacity: .8;
    }
    .modal-header,
    .modal-body,
    .modal-footer {
      position: relative;
      z-index: 1;
    }
    .modal-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1.4rem 1.5rem 1.15rem;
      border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .modal-title {
      color: #fff;
      font-size: clamp(1.25rem, .7vw + 1rem, 1.85rem);
      line-height: 1.05;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: -.03em;
    }
    .btn-close {
      position: relative;
      width: 3rem;
      height: 3rem;
      flex: 0 0 auto;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.03);
      color: #fff;
      transition: border-color .3s ease, background-color .3s ease, transform .3s ease;
    }
    .btn-close::before,
    .btn-close::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1rem;
      height: 2px;
      background: currentColor;
      transform-origin: center;
    }
    .btn-close::before {
      transform: translate(-50%, -50%) rotate(45deg);
    }
    .btn-close::after {
      transform: translate(-50%, -50%) rotate(-45deg);
    }
    .btn-close:hover {
      border-color: rgba(243,156,18,.45);
      background: rgba(243,156,18,.1);
      color: #f39c12;
      transform: rotate(90deg);
    }
    .modal-body {
      padding: 1.35rem 1.5rem 1.5rem;
    }
    .modal-body form {
      display: grid;
      gap: 1rem;
    }
    .mb-3 {
      margin: 0;
    }
    .modal-body .form-control,
    .modal-body .form-select {
      min-height: 4rem;
      border-radius: 0 !important;
      background: rgba(255,255,255,.03) !important;
      border: 1px solid rgba(255,255,255,.12) !important;
      padding: 0 1.2rem !important;
      width: 100%;
      color: #fff;
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: .98rem;
      transition: border-color .3s ease, background-color .3s ease, box-shadow .3s ease;
      appearance: none;
    }
    .modal-body .form-select {
      padding-right: 3.4rem !important;
      background-image:
        linear-gradient(45deg, transparent 50%, #f39c12 50%),
        linear-gradient(135deg, #f39c12 50%, transparent 50%);
      background-position:
        calc(100% - 1.4rem) calc(50% - 3px),
        calc(100% - 1rem) calc(50% - 3px);
      background-size: 7px 7px, 7px 7px;
      background-repeat: no-repeat;
    }
    .modal-body .form-select option {
      background: #111;
      color: #fff;
    }
    .modal-body .form-select option[disabled] {
      color: rgba(255,255,255,.55);
    }
    .modal-body .form-control::placeholder {
      color: rgba(255,255,255,.42);
    }
    .modal-body .form-control:focus,
    .modal-body .form-select:focus {
      border-color: rgba(243,156,18,.55) !important;
      background-color: rgba(255,255,255,.05) !important;
      box-shadow: 0 0 0 4px rgba(243,156,18,.08);
      outline: none;
    }
    .modal-body label {
      display: block;
      margin-top: .45rem;
      color: #ff8f8f;
      font-size: .76rem;
      line-height: 1.4;
      min-height: 1.1rem;
    }
    .request-footer {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: end;
      gap: 1rem 1.5rem;
      margin-top: .25rem;
      padding: 1.25rem 0 0;
      border-top: 1px solid rgba(255,255,255,.08);
    }
    .request-footer__policy {
      color: rgba(255,255,255,.48);
      font-size: .82rem;
      line-height: 1.65;
      max-width: 28rem;
    }
    .request-footer__policy a {
      color: #fff;
      text-decoration: underline;
      text-decoration-color: rgba(243,156,18,.55);
      text-underline-offset: .18em;
    }
    .request-footer__policy a:hover {
      color: #f39c12;
    }
    .success-modal__copy {
      display: grid;
      gap: .9rem;
    }
    .success-modal__eyebrow {
      color: #f39c12;
      font-size: .68rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .16em;
    }
    .success-modal__title {
      color: #fff;
      font-size: clamp(1.4rem, .8vw + 1.1rem, 2.2rem);
      line-height: 1.04;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: -.03em;
      max-width: 14ch;
    }
    .success-modal__text {
      color: rgba(255,255,255,.6);
      font-size: .98rem;
      line-height: 1.72;
      max-width: 32rem;
    }
    body.lead-popup-open {
      overflow: hidden;
    }
    .lead-popup {
      --lead-popup-header-offset: 5.75rem;
      --lead-popup-gutter: 1.5rem;
      position: fixed;
      top: var(--lead-popup-header-offset);
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 110;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: var(--lead-popup-gutter);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .35s ease, visibility .35s ease;
    }
    .lead-popup.is-visible {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
    .lead-popup__backdrop {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,.78);
      backdrop-filter: blur(8px);
    }
    .lead-popup__dialog {
      position: relative;
      width: min(100%, 80rem, calc((100dvh - var(--lead-popup-header-offset) - var(--lead-popup-gutter) - var(--lead-popup-gutter)) * 16 / 9));
      max-height: calc(100dvh - var(--lead-popup-header-offset) - var(--lead-popup-gutter) - var(--lead-popup-gutter));
      aspect-ratio: 16 / 9;
      border: 1px solid rgba(243,156,18,.28);
      background: #0a0908;
      box-shadow: 0 42px 120px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.05);
      overflow: hidden;
      transform: translateY(26px) scale(.96);
      transition: transform .45s cubic-bezier(.2,1,.3,1);
    }
    .lead-popup.is-visible .lead-popup__dialog {
      transform: translateY(0) scale(1);
    }
    .lead-popup__canvas {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      opacity: .72;
      pointer-events: none;
    }
    .lead-popup__dialog::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(135deg, rgba(255,255,255,.04), transparent 24%),
        repeating-linear-gradient(135deg, transparent 0 32px, rgba(255,255,255,.02) 32px 33px);
      opacity: .9;
      pointer-events: none;
    }
    .lead-popup__close {
      position: absolute;
      top: 1.75rem;
      right: 1.75rem;
      z-index: 2;
      width: 2.4rem;
      height: 2.4rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.04);
      color: #fff;
      font-size: 1.15rem;
      transition: border-color .25s ease, color .25s ease, background-color .25s ease, transform .25s ease;
    }
    .lead-popup__close:hover {
      border-color: rgba(243,156,18,.45);
      color: #f39c12;
      background: rgba(243,156,18,.12);
      transform: rotate(90deg);
    }
    .lead-popup__layout {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, .86fr) minmax(0, 1fr);
      gap: 0;
      height: 100%;
      align-items: stretch;
      padding: 0;
    }
    .lead-popup__copy {
      min-width: 0;
      max-width: none;
      display: grid;
      gap: .95rem;
      align-content: center;
      padding: 1.9rem 1.4rem 1.6rem 1.9rem;
    }
    .lead-popup__eyebrow {
      width: max-content;
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      min-height: 2rem;
      padding: 0 .8rem 0 .7rem;
      margin-bottom: .1rem;
      border: 1px solid rgba(243,156,18,.38);
      background: rgba(23,18,10,.92);
      color: rgba(243,156,18,.96);
      font-size: .68rem;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .lead-popup__eyebrow::before {
      content: "";
      width: .42rem;
      height: .42rem;
      border-radius: 999px;
      background: #f39c12;
      box-shadow: 0 0 18px rgba(243,156,18,.45);
      flex: 0 0 auto;
    }
    .lead-popup__title {
      margin: 0;
      color: #fff;
      font-size: clamp(2.3rem, 2vw + 1rem, 3.9rem);
      line-height: 55px;
      font-weight: 900;
      letter-spacing: 1px;
      text-transform: none;
      max-width: 100%;
      text-wrap: balance;
    }
    .lead-popup__title span {
      display: block;
      color: inherit;
    }
    .lead-popup__text {
      margin: 0;
      color: rgba(255,255,255,.68);
      font-size: 1rem;
      line-height: 1.58;
      max-width: 30rem;
    }
    .lead-popup__actions {
      display: grid;
      gap: .85rem;
      margin-top: .25rem;
    }
    .lead-popup__cta {
      min-height: 4.1rem;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 0 1.5rem;
      background: linear-gradient(90deg, #da8b16 0%, #f6aa2d 100%);
      color: #111 !important;
      font-size: .82rem;
      font-weight: 900;
      letter-spacing: .1em;
      text-transform: uppercase;
      box-shadow: 0 16px 38px rgba(243,156,18,.24);
      transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
    }
    .lead-popup__cta:hover {
      transform: translateY(-2px);
      box-shadow: 0 20px 42px rgba(243,156,18,.32);
      color: #111 !important;
    }
    .lead-popup__quick {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: .85rem;
    }
    .lead-popup__quick-link {
      min-height: 3.55rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .7rem;
      padding: 0 1rem;
      border: 1px solid rgba(243,156,18,.28);
      background: rgba(255,255,255,.02);
      color: #fff !important;
      font-size: .9rem;
      font-weight: 700;
      white-space: nowrap;
    }
    .lead-popup__quick-link:hover {
      border-color: rgba(243,156,18,.52);
      background: rgba(243,156,18,.08);
      color: #f39c12 !important;
      transform: translateY(-1px);
    }
    .lead-popup__visual {
      position: relative;
      min-height: 0;
      height: 100%;
      display: flex;
      align-items: stretch;
      justify-content: stretch;
      overflow: hidden;
      isolation: isolate;
    }
    .lead-popup__orb {
      position: absolute;
      width: 24rem;
      height: 24rem;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(243,156,18,.22) 0%, rgba(243,156,18,.06) 40%, transparent 72%);
      filter: blur(10px);
    }
    .lead-popup__visual-media {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      transform: none;
      filter: none;
    }
    .lead-popup__visual-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }
    .lead-popup__visual-canvas {
      position: absolute;
      inset: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      pointer-events: none;
      opacity: .92;
      mix-blend-mode: screen;
    }
    .lead-popup__screen {
      position: relative;
      width: min(100%, 31rem);
      aspect-ratio: 1.05 / 1;
      padding: 1rem;
      border-radius: 1.6rem;
      border: 1px solid rgba(255,255,255,.12);
      background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
        #0d0d0d;
      box-shadow: 0 36px 80px rgba(0,0,0,.48);
      transform: perspective(1400px) rotateY(-18deg) rotateX(7deg);
    }
    .lead-popup__screen::after {
      content: "";
      position: absolute;
      inset: 1rem;
      border-radius: 1rem;
      background:
        radial-gradient(circle at top right, rgba(243,156,18,.22), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
        #070707;
      border: 1px solid rgba(255,255,255,.05);
    }
    .lead-popup__screen-top,
    .lead-popup__screen-copy {
      position: relative;
      z-index: 1;
    }
    .lead-popup__screen-top {
      display: flex;
      gap: .45rem;
      padding: .25rem .3rem 0;
    }
    .lead-popup__screen-top span {
      width: .55rem;
      height: .55rem;
      border-radius: 50%;
      background: rgba(255,255,255,.28);
    }
    .lead-popup__screen-copy {
      display: grid;
      gap: 1rem;
      padding: 3.35rem 2rem 2rem;
    }
    .lead-popup__screen-kicker {
      color: rgba(255,255,255,.54);
      font-size: .72rem;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
    }
    .lead-popup__screen-title {
      color: #fff;
      font-size: clamp(1.65rem, .8vw + 1.2rem, 2.35rem);
      line-height: 1.06;
      font-weight: 900;
      max-width: 10ch;
      text-transform: uppercase;
      letter-spacing: -.04em;
    }
    .lead-popup__screen-line {
      width: 8.5rem;
      height: 2px;
      background: linear-gradient(90deg, #f39c12 0%, transparent 100%);
    }
    .lead-popup__screen-grid {
      display: grid;
      gap: .8rem;
    }
    .lead-popup__screen-grid span {
      display: block;
      height: 3.25rem;
      border: 1px solid rgba(255,255,255,.06);
      background:
        linear-gradient(90deg, rgba(243,156,18,.22), rgba(243,156,18,0) 56%),
        rgba(255,255,255,.02);
    }
    .lead-popup__badge {
      display: none;
      position: absolute;
      padding: .7rem 1rem;
      border: 1px solid rgba(243,156,18,.22);
      background: rgba(10,10,10,.82);
      color: #fff;
      font-size: .75rem;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
      box-shadow: 0 18px 44px rgba(0,0,0,.35);
    }
    .lead-popup__badge--primary {
      top: 15%;
      right: 8%;
    }
    .lead-popup__badge--secondary {
      bottom: 12%;
      left: 4%;
    }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 0;
      cursor: pointer;
    }
    .btn-warning.request-footer__btn {
      min-width: 12rem;
      min-height: 3.85rem;
      padding: 0 1.65rem;
      background: #f39c12;
      color: #111;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .12em;
      font-size: .72rem;
      box-shadow: 0 14px 36px rgba(243,156,18,.2);
      transition: transform .35s ease, background-color .35s ease, box-shadow .35s ease;
    }
    .btn-warning.request-footer__btn:hover {
      background: #fff;
      transform: translateY(-2px);
      box-shadow: 0 18px 42px rgba(243,156,18,.24);
    }
    @media (prefers-reduced-motion: reduce) {
      .lead-popup,
      .lead-popup__dialog,
      .lead-popup__close,
      .lead-popup__cta,
      .lead-popup__dismiss,
      .lead-popup__quick-link,
      .btn-warning.request-footer__btn {
        transition: none !important;
        animation: none !important;
      }
      .lead-popup__dialog,
      .lead-popup.is-visible .lead-popup__dialog,
      .lead-popup__close:hover,
      .lead-popup__cta:hover,
      .lead-popup__quick-link:hover,
      .btn-warning.request-footer__btn:hover {
        transform: none !important;
      }
      .lead-popup__canvas {
        display: none;
      }
    }
    @media (min-width: 1200px) {
      .lead-popup__visual-image {
        object-position: 72% center;
      }
    }
    @media (min-width: 768px) and (max-width: 1199px) {
      .lead-popup__visual-image {
        object-position: left center;
      }
    }
    @media (min-width: 768px) and (max-width: 899px) {
      .lead-popup {
        --lead-popup-gutter: 1rem;
      }
      .lead-popup__dialog {
        width: min(100%, 44rem);
        max-height: calc(100dvh - var(--lead-popup-header-offset) - var(--lead-popup-gutter) - var(--lead-popup-gutter));
        aspect-ratio: auto;
        overflow-y: auto;
      }
      .lead-popup__layout {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 0;
      }
      .lead-popup__visual {
        order: -1;
        min-height: 20rem;
      }
      .lead-popup__copy {
        max-width: none;
        padding: 1.35rem 1.15rem 1.15rem;
        gap: .8rem;
      }
      .lead-popup__title {
        font-size: clamp(2rem, 4vw, 2.8rem);
        line-height: 1.02;
        letter-spacing: -.02em;
      }
      .lead-popup__title span {
        display: inline;
      }
      .lead-popup__text {
        max-width: none;
        font-size: .95rem;
        line-height: 1.48;
      }
      .lead-popup__actions {
        gap: .7rem;
        margin-top: .15rem;
      }
      .lead-popup__cta {
        min-height: 3.45rem;
      }
      .lead-popup__quick {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .7rem;
      }
      .lead-popup__quick-link {
        min-height: 3rem;
        padding: 0 .85rem;
        font-size: .82rem;
      }
      .lead-popup__visual-image {
        object-position: center 18%;
      }
    }
    @media (min-width: 768px) and (max-height: 920px) {
      .lead-popup {
        --lead-popup-gutter: 1rem;
      }
      .lead-popup__dialog {
        width: min(100%, 72rem, calc((100dvh - var(--lead-popup-header-offset) - var(--lead-popup-gutter) - var(--lead-popup-gutter)) * 16 / 9));
        max-height: calc(100dvh - var(--lead-popup-header-offset) - var(--lead-popup-gutter) - var(--lead-popup-gutter));
      }
      .lead-popup__layout {
        grid-template-columns: minmax(0, .86fr) minmax(260px, 1fr);
        gap: 0;
        padding: 0;
      }
      .lead-popup__copy {
        max-width: 40rem;
        padding: 1.5rem 1.1rem 1.35rem 1.5rem;
      }
      .lead-popup__eyebrow {
        margin-bottom: .6rem;
        font-size: .68rem;
      }
      .lead-popup__title {
        font-size: clamp(1.75rem, 1.1vw + .95rem, 2.7rem);
        line-height: .94;
        letter-spacing: -.03em;
      }
      .lead-popup__title span {
        display: inline;
      }
      .lead-popup__text {
        font-size: .88rem;
        line-height: 1.45;
        max-width: 36rem;
      }
      .lead-popup__actions {
        gap: .7rem;
      }
      .lead-popup__cta {
        min-height: 3.3rem;
        padding: 0 1.1rem 0 1.2rem;
        font-size: .7rem;
        letter-spacing: .08em;
      }
      .lead-popup__quick {
        gap: .65rem;
      }
      .lead-popup__quick-link {
        min-height: 2.8rem;
        padding: 0 .85rem;
        font-size: .82rem;
        white-space: nowrap;
      }
      .lead-popup__visual-media {
        width: 100%;
        height: 100%;
      }
      .lead-popup__visual-image {
        object-position: 62% 46%;
      }
    }
    @media (min-width: 768px) and (max-height: 820px) {
      .lead-popup__layout {
        padding: 0;
      }
      .lead-popup__copy {
        padding: 1.25rem .95rem 1.1rem 1.25rem;
      }
      .lead-popup__title {
        font-size: clamp(1.55rem, .9vw + .9rem, 2.3rem);
      }
      .lead-popup__text {
        font-size: .84rem;
        line-height: 1.38;
      }
      .lead-popup__quick {
        gap: .55rem;
      }
      .lead-popup__visual-media {
        width: 100%;
        height: 100%;
      }
      .lead-popup__visual-image {
        object-position: 60% 42%;
      }
      .lead-popup__quick-link {
        min-height: 2.55rem;
        padding: 0 .85rem;
        font-size: .78rem;
      }
    }
    @media (min-width: 900px) and (max-height: 600px) {
      .lead-popup__dialog {
        overflow-y: auto;
        overscroll-behavior: contain;
      }
      .lead-popup__layout {
        min-height: 100%;
        height: auto;
      }
      .lead-popup__copy {
        align-content: start;
        padding-top: 4.1rem;
      }
    }
    @keyframes headerCtaPulse {
      0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(243,156,18,0); }
      50% { transform: scale(1.03); box-shadow: 0 0 0 10px rgba(243,156,18,0); }
    }
    .landing-header__toggler {
      display: none;
      width: 3rem;
      height: 3rem;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.03);
      color: #fff;
      font-size: 1rem;
    }
    .landing-header__toggler:hover {
      border-color: rgba(243,156,18,.45);
      color: #f39c12;
    }
    .landing-header__mobile-cta {
      display: none;
      width: 3rem;
      height: 3rem;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(243,156,18,.08);
      color: #fff;
      font-size: 1rem;
      flex: 0 0 auto;
    }
    .landing-header__mobile-cta:hover {
      border-color: rgba(243,156,18,.45);
      background: rgba(243,156,18,.16);
      color: #f39c12;
    }
    .mobile-nav-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,.55);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      z-index: 119;
      transition: opacity .25s ease, visibility .25s ease;
    }
    .mobile-nav {
      position: fixed;
      top: 0;
      left: 0;
      width: min(100%, 20.75rem);
      height: 100vh;
      padding: 1.1rem .9rem 2rem;
      background: #101010;
      border-right: 1px solid rgba(255,255,255,.08);
      z-index: 130;
      transform: translateX(-100%);
      transition: transform .3s ease;
      overflow-y: auto;
    }
    body.mobile-nav-open .mobile-nav {
      transform: translateX(0);
    }
    body.mobile-nav-open .mobile-nav-backdrop {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
    .mobile-nav__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 1.35rem;
    }
    .mobile-nav__close {
      width: 2.2rem;
      height: 2.2rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 0;
      background: transparent;
      color: #fff;
      font-size: 1.35rem;
    }
    .mobile-nav__list,
    .mobile-nav__submenu {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .mobile-nav__item {
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .mobile-nav__row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }
    .mobile-nav__row > a,
    .mobile-nav__toggle {
      padding: 1rem 0;
      color: #fff;
      letter-spacing: 0;
      font-size: 1rem;
      font-weight: 500;
    }
    .mobile-nav__toggle {
      width: 2.45rem;
      height: 2.45rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #f59b17;
      color: #fff;
      flex: 0 0 auto;
      transition: transform .25s ease, background-color .25s ease;
    }
    .mobile-nav__toggle i {
      font-size: .92rem;
      transition: transform .25s ease;
    }
    .mobile-nav__item.is-open .mobile-nav__toggle i {
      transform: rotate(90deg);
    }
    .mobile-nav__submenu {
      display: none;
      padding-bottom: .9rem;
    }
    .mobile-nav__item.is-open .mobile-nav__submenu {
      display: block;
    }
    .mobile-nav__submenu .mobile-nav__item {
      border-bottom: 0;
      border-top: 1px solid rgba(255,255,255,.05);
    }
    .mobile-nav__submenu .mobile-nav__row > a,
    .mobile-nav__submenu .mobile-nav__toggle {
      padding: .7rem 0;
      font-size: .92rem;
    }
    .mobile-nav__submenu .mobile-nav__submenu {
      padding: .1rem 0 .55rem 1rem;
    }
    .mobile-nav__submenu a {
      display: block;
      padding: .45rem 0 .45rem .1rem;
      color: rgba(255,255,255,.72);
      font-size: .86rem;
      font-weight: 500;
    }
    .mobile-nav__submenu .mobile-nav__submenu a {
      padding-left: .35rem;
      font-size: .82rem;
      color: rgba(255,255,255,.62);
    }
    .mobile-nav__contact {
      display: grid;
      gap: .95rem;
      margin-top: 1.55rem;
      padding-top: 1.15rem;
    }
    .mobile-nav__contact a {
      display: inline-flex;
      align-items: center;
      gap: .7rem;
      color: #fff;
      font-size: .95rem;
      font-weight: 600;
    }
    .mobile-nav__contact-icon {
      width: 2rem;
      height: 2rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: #f59b17;
      color: #fff;
      font-size: .9rem;
      flex: 0 0 auto;
    }
    .mobile-nav__socials {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-top: 1.35rem;
    }
    .mobile-nav__socials a {
      color: #fff;
      font-size: 1rem;
    }
    .landing-footer {
      position: relative;
      overflow: hidden;
      border-top: 1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(circle at top left, rgba(243,156,18,.08), transparent 18%),
        linear-gradient(180deg, #101010 0%, #0b0b0b 100%);
    }
    .landing-footer::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        repeating-linear-gradient(135deg, transparent 0 28px, rgba(255,255,255,.03) 28px 30px),
        radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
      background-size: auto, 18px 18px;
      opacity: .28;
      pointer-events: none;
    }
    .landing-footer__inner {
      position: relative;
      z-index: 1;
      max-width: 1536px;
      margin-inline: auto;
      padding: 4.5rem 0 3.25rem;
    }
    .landing-footer__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 2rem;
      margin-bottom: 3rem;
    }
    .landing-footer__logo,
    .landing-footer__brand-logo {
      display: block;
      width: 12.5rem;
      height: 75px;
      max-width: 100%;
      color: #fff;
    }
    .landing-footer__logo svg,
    .landing-footer__brand-logo svg {
      display: block;
      width: 100%;
      height: 100%;
    }
    .landing-footer__social,
    .landing-footer__socials {
      display: flex;
      align-items: center;
      gap: .9rem;
      flex-wrap: wrap;
    }
    .landing-footer__social a,
    .landing-footer__socials a {
      width: 3.5rem;
      height: 3.5rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: #050505;
      border: 1px solid rgba(255,255,255,.08);
      color: #fff;
      font-size: 1.05rem;
      box-shadow: 0 12px 30px rgba(0,0,0,.24);
    }
    .landing-footer__social a:hover,
    .landing-footer__socials a:hover {
      color: #f5900d;
      border-color: rgba(243,156,18,.4);
      transform: translateY(-2px);
    }
    .landing-footer__divider {
      height: 1px;
      width: 100%;
      margin-bottom: 4rem;
      background: rgba(255,255,255,.08);
    }
    .landing-footer__grid,
    .landing-footer__content {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(9rem, .34fr) minmax(8.5rem, .3fr);
      gap: 1.75rem;
      align-items: start;
    }
    .landing-footer__eyebrow {
      margin: 0 0 1rem;
      color: rgba(255,255,255,.42);
      font-size: clamp(1.15rem, .8vw + .85rem, 1.75rem);
      font-weight: 500;
      letter-spacing: -.03em;
    }
    .landing-footer__mail {
      display: inline-block;
      color: #fff;
      font-size: clamp(1.9rem, 2vw + .9rem, 3.5rem);
      line-height: 1;
      font-weight: 800;
      letter-spacing: -.05em;
      max-width: 18ch;
      width: max-content;
      white-space: nowrap;
    }
    .landing-footer__mail:hover { color: #f39c12; }
    .landing-footer__nav,
    .landing-footer__navcol,
    .landing-footer__contact {
      display: grid;
      gap: 1rem;
      padding-top: .5rem;
    }
    .landing-footer__nav a,
    .landing-footer__navcol a,
    .landing-footer__contact a {
      color: rgba(255,255,255,.38);
      font-size: .95rem;
      font-weight: 500;
      letter-spacing: -.01em;
    }
    .landing-footer__nav a:hover,
    .landing-footer__navcol a:hover,
    .landing-footer__contact a:hover {
      color: #fff;
    }
    .landing-footer__copyright,
    .landing-footer__bottom {
      position: relative;
      z-index: 1;
      color: rgba(255,255,255,.36);
      font-size: .9rem;
      font-weight: 500;
      margin: 4rem 0 0;
    }
    .landing-footer__bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
    }
    .landing-footer__copyright {
      margin: 0;
    }
    .landing-footer__legal {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 1.25rem;
      flex-wrap: wrap;
    }
    .landing-footer__legal a {
      color: rgba(255,255,255,.36);
      font-size: .9rem;
      font-weight: 500;
      letter-spacing: -.01em;
    }
    .landing-footer__legal a:hover {
      color: #fff;
    }
    .scroll-top {
      position: fixed;
      right: 30px;
      bottom: 30px;
      height: 50px;
      width: 50px;
      cursor: pointer;
      display: block;
      border-radius: 50%;
      background: rgba(10,10,10,.92);
      box-shadow: inset 0 0 0 2px rgba(var(--ogency-white-rgb), 0.3);
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(15px);
      -webkit-transition: all 200ms linear;
      transition: all 200ms linear;
    }
    .scroll-top::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 17px;
      width: 2.5px;
      height: 14px;
      background: var(--ogency-base);
      border-radius: 999px;
      transform: translateX(-50%);
      z-index: 1;
      -webkit-transition: all 200ms linear;
      transition: all 200ms linear;
    }
    .scroll-top::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 16px;
      width: 9px;
      height: 9px;
      display: block;
      border-top: 2.5px solid var(--ogency-base);
      border-left: 2.5px solid var(--ogency-base);
      transform: translateX(-50%) rotate(45deg);
      cursor: pointer;
      z-index: 2;
      -webkit-transition: all 200ms linear;
      transition: all 200ms linear;
    }
    .scroll-top--active {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0);
    }
    .scroll-top__circle {
      position: absolute;
      inset: 0;
      transform: rotate(-90deg);
    }
    .scroll-top__circle path {
      fill: none;
      stroke: var(--ogency-base);
      stroke-width: 2;
      stroke-linecap: round;
      stroke-dasharray: 307.919, 307.919;
      stroke-dashoffset: 0;
      transition: stroke-dashoffset 10ms linear;
    }
    @media (min-width: 1024px) {
      #hero {
        padding-top: 12.5rem;
      }
    }
    @media (max-width: 1080px) {
      .landing-header__nav,
      .landing-header__cta,
      .landing-header__phone,
      .landing-header__telegram {
        display: none;
      }
      .landing-header__mobile-cta,
      .landing-header__toggler {
        display: inline-flex;
      }
    }
    @media (max-width: 767px) {
      .lead-popup {
        --lead-popup-header-offset: 5rem;
        --lead-popup-gutter: .75rem;
      }
      .landing-header__inner {
        min-height: 5rem;
        width: 100%;
      }
      .landing-header__brand-logo {
        width: 12rem;
        height: auto;
      }
      .landing-header__brand-mark {
        width: 3.25rem;
        height: 2.5rem;
      }
      .landing-header__brand-mark-main {
        font-size: 1.7rem;
      }
      .landing-header__brand-mark-sub {
        font-size: .34rem;
      }
      .landing-header__brand-title,
      .landing-header__brand-subtitle {
        font-size: .85rem;
      }
      .landing-footer__inner {
        padding: 3rem 0 1.6rem;
      }
      .landing-footer__logo,
      .landing-footer__brand-logo {
        width: 12rem;
        height: auto;
      }
      .landing-footer__top {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 2.5rem;
      }
      .landing-footer__social,
      .landing-footer__socials {
        display: grid;
        grid-template-columns: repeat(2, 3.15rem);
        justify-content: start;
        gap: .75rem;
      }
      .landing-footer__social a,
      .landing-footer__socials a {
        width: 3.15rem;
        height: 3.15rem;
      }
      .landing-footer__divider {
        margin: 2rem 0 2.35rem;
      }
      .landing-footer__grid,
      .landing-footer__content {
        grid-template-columns: 1fr;
        gap: 1.6rem;
      }
      .landing-footer__eyebrow {
        font-size: 1rem;
        margin-bottom: .8rem;
      }
      .landing-footer__mail {
        max-width: none;
        width: auto;
        white-space: nowrap;
        font-size: clamp(1rem, 5.3vw, 1.65rem);
        line-height: 1.1;
      }
      .landing-footer__nav,
      .landing-footer__navcol,
      .landing-footer__contact {
        gap: .75rem;
        padding-top: 0;
      }
      .landing-footer__nav a,
      .landing-footer__navcol a,
      .landing-footer__contact a {
        font-size: .92rem;
      }
      .landing-footer__copyright,
      .landing-footer__bottom {
        margin-top: 3rem;
      }
      .landing-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
      }
      .landing-footer__legal {
        justify-content: flex-start;
        gap: .75rem 1rem;
      }
      .modal {
        padding: .85rem;
      }
      .modal-dialog {
        width: 100%;
      }
      .modal-dialog-centered {
        min-height: calc(100vh - 1.7rem);
      }
      .modal-header,
      .modal-body {
        padding-left: 1rem;
        padding-right: 1rem;
      }
      .modal-header {
        padding-top: 1rem;
        padding-bottom: .9rem;
      }
      .modal-body {
        padding-bottom: 1rem;
      }
      .request-footer {
        grid-template-columns: 1fr;
        align-items: stretch;
      }
      .btn-warning.request-footer__btn {
        width: 100%;
      }
      .lead-popup__dialog {
        width: 100%;
        max-height: calc(100dvh - var(--lead-popup-header-offset) - var(--lead-popup-gutter) - var(--lead-popup-gutter));
        aspect-ratio: auto;
        overflow-y: auto;
      }
      .lead-popup__close {
        top: .75rem;
        right: .75rem;
        width: 2.75rem;
        height: 2.75rem;
      }
      .lead-popup__layout {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 3.7rem 0 1rem;
      }
      .lead-popup__copy {
        max-width: none;
        padding: .95rem 1rem 0;
        gap: .72rem;
      }
      .lead-popup__title {
        max-width: 100%;
        font-size: clamp(1.95rem, 8vw, 2.6rem);
        line-height: 1.03;
        letter-spacing: -.03em;
        text-wrap: balance;
      }
      .lead-popup__title span {
        display: inline;
      }
      .lead-popup__text {
        font-size: .92rem;
        line-height: 1.52;
      }
      .lead-popup__actions {
        gap: .75rem;
        margin-top: .2rem;
      }
      .lead-popup__cta {
        min-height: 3.4rem;
        padding: 0 1rem 0 1.1rem;
        font-size: .72rem;
        letter-spacing: .08em;
      }
      .lead-popup__quick-link {
        min-height: 3.05rem;
        padding: 0 .75rem;
        font-size: .82rem;
      }
      .lead-popup__visual {
        min-height: 12.5rem;
        max-height: 34dvh;
        order: -1;
      }
      .lead-popup__orb {
        width: 16rem;
        height: 16rem;
      }
      .lead-popup__visual-media {
        width: 100%;
        height: 100%;
      }
      .lead-popup__visual-image {
        object-position: center 22%;
      }
      .lead-popup__screen {
        width: min(100%, 19rem);
        border-radius: 1rem;
        transform: perspective(1200px) rotateY(-12deg) rotateX(5deg);
      }
      .lead-popup__screen-copy {
        padding: 2.4rem 1rem 1rem;
      }
      .lead-popup__quick {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .lead-popup__quick-link,
      .lead-popup__cta {
        width: 100%;
      }
      .lead-popup__badge {
        display: none;
      }
    }
    @media (max-width: 425px) {
      .lead-popup {
        align-items: flex-start;
        padding:
          max(.35rem, env(safe-area-inset-top))
          .35rem
          max(.35rem, env(safe-area-inset-bottom));
      }
      .lead-popup__dialog {
        width: calc(100vw - .7rem);
        max-width: calc(100vw - .7rem);
        min-height: auto;
        max-height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }
      .lead-popup__close {
        top: .5rem;
        right: .5rem;
        width: 2.5rem;
        height: 2.5rem;
      }
      .lead-popup__layout {
        min-height: 100%;
        padding: 0;
      }
      .lead-popup__copy {
        padding: .8rem .85rem .85rem;
        gap: .6rem;
      }
      .lead-popup__eyebrow {
        min-height: 1.8rem;
        padding: 0 .65rem 0 .6rem;
        font-size: .62rem;
        letter-spacing: .11em;
      }
      .lead-popup__title {
        font-size: clamp(1.55rem, 7.6vw, 2rem);
        line-height: .98;
        letter-spacing: -.02em;
      }
      .lead-popup__text {
        font-size: .85rem;
        line-height: 1.42;
      }
      .lead-popup__visual {
        min-height: 11.75rem;
        max-height: 27svh;
      }
      .lead-popup__visual-media {
        width: 100%;
        height: 100%;
      }
      .lead-popup__visual-image {
        object-position: center 18%;
      }
      .lead-popup__actions {
        gap: .6rem;
        margin-top: 0;
      }
      .lead-popup__cta,
      .lead-popup__quick-link {
        justify-content: center;
        width: 100%;
      }
      .lead-popup__cta {
        min-height: 3rem;
        padding: 0 .85rem;
        font-size: .66rem;
      }
      .lead-popup__quick-link {
        min-height: 2.65rem;
        padding: 0 .55rem;
        font-size: .74rem;
      }
      .lead-popup__quick {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .6rem;
      }
    }
    @media (max-width: 390px) {
      .lead-popup {
        padding:
          max(.3rem, env(safe-area-inset-top))
          .3rem
          max(.3rem, env(safe-area-inset-bottom));
      }
      .lead-popup__dialog {
        width: calc(100vw - .6rem);
        max-width: calc(100vw - .6rem);
        max-height: 100%;
      }
      .lead-popup__close {
        top: .35rem;
        right: .35rem;
        width: 2.2rem;
        height: 2.2rem;
        font-size: 1rem;
      }
      .lead-popup__copy {
        padding: .65rem .7rem .7rem;
        gap: .48rem;
      }
      .lead-popup__eyebrow {
        min-height: 1.65rem;
        font-size: .58rem;
        letter-spacing: .1em;
      }
      .lead-popup__title {
        font-size: clamp(1.38rem, 7vw, 1.8rem);
        line-height: .97;
      }
      .lead-popup__text {
        font-size: .8rem;
        line-height: 1.34;
      }
      .lead-popup__visual {
        min-height: 10.5rem;
        max-height: 24svh;
      }
      .lead-popup__actions {
        gap: .5rem;
      }
      .lead-popup__cta {
        min-height: 2.75rem;
        font-size: .62rem;
      }
      .lead-popup__quick-link {
        min-height: 2.35rem;
        font-size: .7rem;
      }
    }
    @media (max-width: 767px) {
      .lead-popup__visual {
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: 897 / 941;
      }
      .lead-popup__visual-image {
        object-fit: contain;
        object-position: center;
      }
    }

.price-map-section {
  background:
    radial-gradient(circle at 12% 14%, rgba(243,156,18,.13), transparent 18%),
    radial-gradient(circle at 86% 78%, rgba(243,156,18,.08), transparent 22%),
    linear-gradient(180deg, #060606 0%, #030303 100%);
}
.price-map-section::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to right, rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.03) 1px, transparent 1px),
    repeating-linear-gradient(135deg, transparent, transparent 58px, rgba(243,156,18,.028) 58px, rgba(243,156,18,.028) 59px);
  background-size: 72px 72px, 72px 72px, auto;
  mask-image: radial-gradient(circle at center, black 38%, transparent 95%);
  opacity: .38;
}
.price-map {
  position: relative;
  display: grid;
  gap: 1.6rem;
  isolation: isolate;
}
.price-map::before {
  content: "";
  position: absolute;
  top: .5rem;
  bottom: .5rem;
  left: 50%;
  width: 1px;
  background: linear-gradient(180deg, rgba(243,156,18,.92), rgba(243,156,18,.12));
  transform: translateX(-50%);
  opacity: .95;
  box-shadow: 0 0 24px rgba(243,156,18,.18);
}
.price-step {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
  opacity: 0;
  transform: none;
  transition: opacity .6s cubic-bezier(.2,1,.3,1);
  transition-delay: calc(var(--price-step-index, 0) * 90ms);
}
.price-step--content-left {
  grid-template-areas: "content marker aside";
}
.price-step--content-right {
  grid-template-areas: "aside marker content";
}
.price-step.is-visible {
  opacity: 1;
  transform: none;
}
.price-step__aside {
  grid-area: aside;
  min-width: 0;
  align-self: start;
  position: relative;
  padding-top: 1.15rem;
  opacity: 0;
  will-change: transform, opacity;
}
.price-step--content-left .price-step__aside {
  transform: translateX(28px);
}
.price-step--content-right .price-step__aside {
  transform: translateX(-28px);
}
.price-step__aside::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.7rem;
  height: 1px;
  opacity: 0;
  transform: scaleX(0);
  box-shadow: 0 0 10px rgba(243,156,18,.12);
}
.price-step--content-left .price-step__aside::before {
  left: -1.7rem;
  background: linear-gradient(90deg, rgba(243,156,18,.85), rgba(243,156,18,.15));
  transform-origin: left center;
}
.price-step--content-right .price-step__aside::before {
  right: -1.7rem;
  background: linear-gradient(90deg, rgba(243,156,18,.15), rgba(243,156,18,.85));
  transform-origin: right center;
}
.price-note {
  position: relative;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.012) 100%),
    radial-gradient(circle at top left, rgba(243,156,18,.08), transparent 42%);
  backdrop-filter: blur(10px);
}
.price-note::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, rgba(243,156,18,.95), rgba(243,156,18,.2));
}
.price-note__label {
  color: #f39c12;
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: .6rem;
}
.price-note__value {
  color: #fff;
  font-size: clamp(1.05rem, .4vw + .95rem, 1.5rem);
  font-weight: 900;
  line-height: 1.05;
  margin-bottom: .7rem;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
.price-note__text {
  color: rgba(255,255,255,.48);
  font-size: 14px;
  line-height: 1.55;
  max-width: none;
}
.price-step__marker {
  grid-area: marker;
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: .2rem;
  padding: .55rem 0;
  text-transform: uppercase;
  background: linear-gradient(180deg, rgba(6,6,6,.96) 0%, rgba(6,6,6,.98) 100%);
}
.price-step__marker::before,
.price-step__marker::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 22px;
  height: 1px;
  background: rgba(243,156,18,.9);
  transform: translateX(-50%);
}
.price-step__marker::before { top: .05rem; }
.price-step__marker::after { bottom: .05rem; }
.price-step__num {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.04em;
  text-shadow: 0 0 16px rgba(255,255,255,.08);
}
.price-step__label {
  color: rgba(255,255,255,.42);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .22em;
}
.price-step__content {
  grid-area: content;
  min-width: 0;
  position: relative;
  padding-top: 1rem;
  perspective: 1400px;
}
.price-step__content::before,
.price-step__content::after {
  content: "";
  position: absolute;
  top: -.2rem;
  width: 1px;
  height: 1.35rem;
  background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(243,156,18,.25));
  opacity: 0;
  transform-origin: top center;
  transition: opacity .35s ease;
  box-shadow: 0 0 8px rgba(243,156,18,.15);
  z-index: 0;
}
.price-step__content::before {
  left: 1.6rem;
  transform: rotate(-9deg);
}
.price-step__content::after {
  right: 1.6rem;
  transform: rotate(9deg);
}
.price-card {
  position: relative;
  min-height: 100%;
  padding: 1.6rem 1.5rem 1.4rem;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.12), transparent 38%),
    linear-gradient(135deg, rgba(243,156,18,.06), rgba(243,156,18,0) 42%);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.015);
  transform-origin: 50% 0;
  will-change: transform, opacity;
}
.price-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, #f39c12 0%, rgba(243,156,18,.08) 100%);
}
.price-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.04), transparent 26%);
  opacity: .7;
}
.price-card:hover {
  border-color: rgba(243,156,18,.32);
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.3);
}
.price-step.is-visible .price-step__content::before,
.price-step.is-visible .price-step__content::after { opacity: .9; }
.price-step--content-left.is-visible .price-card {
  animation: priceBoardDropLeft 1s cubic-bezier(.2,1,.3,1) both;
  animation-delay: calc(var(--price-step-index, 0) * 90ms + 40ms);
}
.price-step--content-right.is-visible .price-card {
  animation: priceBoardDropRight 1s cubic-bezier(.2,1,.3,1) both;
  animation-delay: calc(var(--price-step-index, 0) * 90ms + 40ms);
}
.price-step--content-left.is-visible .price-step__aside {
  animation: priceNoteRevealRight .55s cubic-bezier(.2,1,.3,1) both;
  animation-delay: calc(var(--price-step-index, 0) * 90ms + 180ms);
}
.price-step--content-right.is-visible .price-step__aside {
  animation: priceNoteRevealLeft .55s cubic-bezier(.2,1,.3,1) both;
  animation-delay: calc(var(--price-step-index, 0) * 90ms + 180ms);
}
.price-step.is-visible .price-step__aside::before {
  opacity: 1;
  transform: scaleX(1);
  transition: transform .38s cubic-bezier(.2,1,.3,1), opacity .25s ease;
  transition-delay: calc(var(--price-step-index, 0) * 90ms + 120ms);
}
.price-card__eyebrow {
  color: #f39c12;
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .16em;
  margin-bottom: .9rem;
}
.price-card__title {
  font-size: clamp(1.35rem, .55vw + 1.1rem, 2rem);
  line-height: 1.05;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: .9rem;
  max-width: none;
}
.price-card__lead,
.price-card__more-copy {
  max-width: none;
}
.price-card__lead > :first-child,
.price-card__more-copy > :first-child {
  margin-top: 0;
}
.price-card__lead p,
.price-card__more-copy p {
  color: rgba(255,255,255,.62);
  line-height: 1.72;
  font-size: .98rem;
  margin: 0;
}
.price-card__lead ul,
.price-card__more-copy ul {
  margin: 1.15rem 0 .45rem;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .85rem;
}
.price-card__lead li,
.price-card__more-copy li {
  display: flex;
  gap: .7rem;
  color: rgba(255,255,255,.68);
  line-height: 1.5;
  font-size: .92rem;
}
.price-card__lead li::before,
.price-card__more-copy li::before {
  content: "";
  width: .5rem;
  height: .5rem;
  margin-top: .56rem;
  flex: 0 0 auto;
  background: #f39c12;
  box-shadow: 0 0 12px rgba(243,156,18,.45);
}
.price-card__lead > * + *,
.price-card__more-copy > * + * {
  margin-top: 1rem;
}
.price-card__lead p + p,
.price-card__more-copy p + p {
  margin-top: 1.15rem;
}
.price-card__lead ul + p,
.price-card__more-copy ul + p {
  margin-top: 1.35rem;
}
.price-card__more {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .45s cubic-bezier(.2,1,.3,1), opacity .35s ease;
  opacity: 0;
}
.price-card__more-inner { overflow: hidden; }
.price-card__more-copy {
  margin-top: 1rem;
  color: rgba(255,255,255,.56);
  line-height: 1.6;
  font-size: .92rem;
}
.price-card__more-copy p { color: rgba(255,255,255,.56); }
.price-card.is-open .price-card__more {
  grid-template-rows: 1fr;
  opacity: 1;
}
.price-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.15rem;
}
.price-card__price {
  color: #f39c12;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.price-card__price span {
  color: rgba(255,255,255,.38);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .18em;
  margin-left: .55rem;
}
.price-card__toggle {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.86);
  padding: 0;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .72rem;
  font-weight: 800;
}
.price-card__toggle:hover { color: #f39c12; }
.price-card__toggle-icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.03);
  transition: transform .35s ease, border-color .35s ease, color .35s ease, background-color .35s ease;
}
.price-card.is-open .price-card__toggle-icon {
  transform: rotate(180deg);
  border-color: rgba(243,156,18,.45);
  background: rgba(243,156,18,.08);
  color: #f39c12;
}
.seo-richtext {
  position: relative;
  width: 100%;
}
.seo-richtext__body > :first-child,
.seo-richtext__more > :first-child {
  margin-top: 0;
}
.seo-richtext__body > :last-child,
.seo-richtext__more > :last-child {
  margin-bottom: 0;
}
.seo-richtext__body h1,
.seo-richtext__body h2,
.seo-richtext__body h3,
.seo-richtext__body h4,
.seo-richtext__more h1,
.seo-richtext__more h2,
.seo-richtext__more h3,
.seo-richtext__more h4 {
  color: #fff;
  text-transform: none;
  letter-spacing: -.02em;
  line-height: 1.14;
  font-weight: 800;
}
.seo-richtext__body h1,
.seo-richtext__body h2,
.seo-richtext__more h1,
.seo-richtext__more h2 {
  font-size: 24px;
  margin: 0 0 1.25rem;
}
.seo-richtext__body h3,
.seo-richtext__body h4,
.seo-richtext__more h3,
.seo-richtext__more h4 {
  font-size: 20px;
  margin: 1.85rem 0 .9rem;
}
.seo-richtext__body h4,
.seo-richtext__more h4 {
  font-size: 16px;
}
.seo-richtext__body p,
.seo-richtext__more p {
  color: rgba(255,255,255,.62);
  font-size: 1rem;
  line-height: 1.78;
  margin: 0;
}
.seo-richtext__body ul,
.seo-richtext__body ol,
.seo-richtext__more ul,
.seo-richtext__more ol {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .8rem;
}
.seo-richtext__body li,
.seo-richtext__more li {
  position: relative;
  padding-left: 1.2rem;
  color: rgba(255,255,255,.66);
  line-height: 1.6;
  font-size: .98rem;
}
.seo-richtext__body li::before,
.seo-richtext__more li::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 0;
  width: .38rem;
  height: .38rem;
  transform: translateY(-50%);
  background: #f39c12;
  box-shadow: 0 0 10px rgba(243,156,18,.35);
}
.seo-richtext__body > * + *,
.seo-richtext__more > * + * {
  margin-top: 1rem;
}
.seo-richtext__body p + p,
.seo-richtext__more p + p {
  margin-top: 1.15rem;
}
.seo-richtext__body ul + p,
.seo-richtext__body ol + p,
.seo-richtext__more ul + p,
.seo-richtext__more ol + p {
  margin-top: 1.25rem;
}
.seo-richtext__more {
  margin-top: 1.25rem;
}
.seo-richtext__body table,
.seo-richtext__more table {
  width: 100%;
  margin: 1.35rem 0 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.015) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.08), transparent 38%);
  font-size: .88rem;
  line-height: 1.45;
  display: table;
  table-layout: fixed;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.015);
}
.seo-richtext__body thead,
.seo-richtext__body tbody,
.seo-richtext__body tr,
.seo-richtext__more thead,
.seo-richtext__more tbody,
.seo-richtext__more tr {
  width: auto;
}
.seo-richtext__body th,
.seo-richtext__body td,
.seo-richtext__more th,
.seo-richtext__more td {
  min-width: 0;
  padding: .95rem 1rem;
  border: 1px solid rgba(255,255,255,.07);
  text-align: left;
  vertical-align: top;
}
.seo-richtext__body th,
.seo-richtext__more th {
  color: #fff;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  background:
    linear-gradient(180deg, rgba(243,156,18,.16) 0%, rgba(243,156,18,.07) 100%);
  border-color: rgba(243,156,18,.18);
}
.seo-richtext__body td,
.seo-richtext__more td {
  color: rgba(255,255,255,.62);
  background: rgba(255,255,255,.012);
}
.seo-richtext__body tbody tr:nth-child(even) td,
.seo-richtext__more tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.025);
}
.seo-richtext__body tbody td:first-child,
.seo-richtext__more tbody td:first-child {
  color: #fff;
  font-weight: 700;
  background:
    linear-gradient(90deg, rgba(243,156,18,.12), rgba(243,156,18,0) 78%),
    rgba(255,255,255,.018);
}
.seo-richtext__body th p,
.seo-richtext__body td p,
.seo-richtext__more th p,
.seo-richtext__more td p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.seo-richtext__gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 8rem;
  pointer-events: none;
  background: linear-gradient(0deg, #050505 14%, rgba(5,5,5,.78) 38%, transparent 100%);
}
.seo-richtext__toggle {
  transition: color .3s ease;
}
.seo-richtext__toggle:hover {
  color: #fff;
}
.seo-richtext__toggle.is-open [data-seo-toggle-icon] {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .seo-richtext__body h1,
  .seo-richtext__body h2,
  .seo-richtext__more h1,
  .seo-richtext__more h2 {
    font-size: 24px;
  }
  .seo-richtext__body h3,
  .seo-richtext__body h4,
  .seo-richtext__more h3,
  .seo-richtext__more h4 {
    font-size: 20px;
  }
  .seo-richtext__body h4,
  .seo-richtext__more h4 {
    font-size: 16px;
  }
  .seo-richtext__body p,
  .seo-richtext__more p,
  .seo-richtext__body li,
  .seo-richtext__more li {
    font-size: .94rem;
  }
  .seo-richtext__body table,
  .seo-richtext__more table {
    font-size: .82rem;
    display: block;
    width: 100%;
    min-width: 36rem;
    table-layout: auto;
    overflow-x: auto;
  }
  .seo-richtext__body th,
  .seo-richtext__body td,
  .seo-richtext__more th,
  .seo-richtext__more td {
    min-width: 9.5rem;
    padding: .8rem .85rem;
  }
}
@keyframes priceBoardDropLeft {
  0% {
    opacity: 0;
    transform: translateX(-72px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes priceBoardDropRight {
  0% {
    opacity: 0;
    transform: translateX(72px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes priceNoteRevealLeft {
  0% { opacity: 0; transform: translateX(-36px); }
  100% { opacity: 1; transform: translateX(0); }
}
@keyframes priceNoteRevealRight {
  0% { opacity: 0; transform: translateX(36px); }
  100% { opacity: 1; transform: translateX(0); }
}
@media (max-width: 767px) {
  .price-map::before { left: 1.5rem; }
  .price-step {
    grid-template-columns: 3rem minmax(0, 1fr);
    grid-template-areas: "marker content";
    gap: 1rem;
  }
  .price-step__marker {
    align-items: flex-start;
    justify-items: start;
    background: transparent;
  }
  .price-step__marker::before,
  .price-step__marker::after { margin-left: 0; }
  .price-step__aside { display: none; }
  .price-card { padding: 1.5rem 1.25rem; }
  .price-card__actions { flex-direction: column; align-items: flex-start; gap: 1rem; }
}

.page-services .landing-header__link.is-active,
.page-services .mobile-nav__row > a.is-active {
  color: #f39c12;
}
.page-services #hero {
  min-height: auto;
  padding-bottom: 4rem;
}
.page-services .landing-footer {
  margin-top: 0;
}
.page-services [data-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}
.services-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(30rem, 1.08fr);
  gap: 3rem;
  align-items: start;
}
.services-hero__copy {
  max-width: 52rem;
  position: relative;
}
.page-services .services-hero__copy h1 {
  white-space: nowrap;
}
.services-hero__copy::after {
  display: none;
}
.services-hero__eyebrow,
.services-section-heading__eyebrow,
.service-section__eyebrow,
.services-cta__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  color: #f39c12;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.services-hero__eyebrow::before,
.services-section-heading__eyebrow::before,
.service-section__eyebrow::before,
.services-cta__eyebrow::before {
  content: "";
  width: 2.8rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(243,156,18,.9), rgba(243,156,18,0));
}
.services-hero__text {
  max-width: 42rem;
  color: rgba(255,255,255,.66);
  font-size: clamp(1rem, .5vw + .95rem, 1.18rem);
  line-height: 1.75;
}
.services-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.6rem;
}
.services-hero__chips span {
  display: inline-flex;
  align-items: center;
  min-height: 2.55rem;
  padding: .65rem .9rem;
  border: 1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.12), transparent 46%);
  color: rgba(255,255,255,.86);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.services-hero__visual {
  position: relative;
  min-height: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(15rem, .92fr);
  column-gap: 1rem;
  row-gap: 1.6rem;
  align-content: start;
  padding: 1.35rem;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.012) 100%),
    radial-gradient(circle at 78% 18%, rgba(243,156,18,.16), transparent 24%),
    radial-gradient(circle at 22% 86%, rgba(255,255,255,.06), transparent 18%),
    #090909;
  overflow: hidden;
  isolation: isolate;
}
.services-hero__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.05), transparent 24%),
    repeating-linear-gradient(90deg, transparent 0 41px, rgba(255,255,255,.03) 41px 42px),
    repeating-linear-gradient(0deg, transparent 0 41px, rgba(255,255,255,.02) 41px 42px);
  opacity: .78;
  pointer-events: none;
}
.services-hero__visual-grid,
.services-hero__visual-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.services-hero__visual-grid::before,
.services-hero__visual-grid::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.015);
}
.services-hero__visual-grid::before {
  top: 12%;
  left: 8%;
  width: 56%;
  height: 26%;
}
.services-hero__visual-grid::after {
  right: 8%;
  bottom: 12%;
  width: 38%;
  height: 30%;
}
.services-hero__visual-glow::before,
.services-hero__visual-glow::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(243,156,18,.18) 0%, rgba(243,156,18,0) 72%);
  filter: blur(8px);
}
.services-hero__visual-glow::before {
  width: 12rem;
  height: 12rem;
  top: 4rem;
  right: -2rem;
}
.services-hero__visual-glow::after {
  width: 9rem;
  height: 9rem;
  left: -1rem;
  bottom: 3rem;
}
.services-hero__panel {
  position: relative;
  display: grid;
  gap: 1rem;
  min-height: 100%;
  padding: 1.4rem;
  border: 1px solid rgba(255,255,255,.1);
  background:
    linear-gradient(180deg, rgba(15,15,15,.92) 0%, rgba(10,10,10,.96) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.12), transparent 42%);
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
  backdrop-filter: blur(14px);
  z-index: 1;
}
.services-hero__panel--main {
  grid-column: 1 / 2;
  margin-top: 0;
  animation: none;
}
.services-hero__panel--floating {
  grid-column: 2 / 3;
  min-width: 0;
  z-index: 2;
  animation: none;
}
.services-hero__panel--list {
  grid-column: 1 / -1;
  animation: none;
}
.services-hero__panel-label {
  color: #f39c12;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.services-hero__panel strong {
  color: #fff;
  font-size: clamp(1.3rem, .75vw + 1rem, 1.95rem);
  line-height: 1.04;
  font-weight: 900;
  letter-spacing: -.04em;
}
.services-hero__panel p {
  margin: 0;
  color: rgba(255,255,255,.64);
  line-height: 1.7;
  font-size: .94rem;
}
.services-hero__panel ul {
  display: grid;
  gap: .7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.services-hero__panel li {
  display: flex;
  align-items: center;
  gap: .65rem;
  color: rgba(255,255,255,.88);
  font-size: .94rem;
  line-height: 1.45;
}
.services-hero__panel li::before {
  content: "";
  width: .5rem;
  height: .5rem;
  flex: 0 0 auto;
  background: #f39c12;
  box-shadow: 0 0 12px rgba(243,156,18,.4);
}
.services-hero__metric {
  color: #fff;
  font-size: clamp(1.15rem, .55vw + 1rem, 1.5rem);
  font-weight: 900;
  letter-spacing: -.04em;
  text-transform: uppercase;
}
.services-hero__metric-copy {
  color: rgba(255,255,255,.62);
  font-size: .88rem;
  line-height: 1.65;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
}
.services-hero__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.75rem;
}
.services-hero__stat {
  position: relative;
  padding: 1.25rem 1.2rem;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.015) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.12), transparent 34%);
  overflow: hidden;
}
.services-hero__stat::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(180deg, #f39c12 0%, rgba(243,156,18,.08) 100%);
}
.services-hero__stat strong {
  display: block;
  color: #fff;
  font-size: clamp(1.1rem, .8vw + .95rem, 1.65rem);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
.services-hero__stat span {
  display: block;
  margin-top: .55rem;
  color: rgba(255,255,255,.52);
  font-size: .78rem;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
}
.services-hero__orb {
  display: none;
}
.services-hero__orb::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(243,156,18,.28);
  animation: servicesPulse 9s ease-in-out infinite;
}
.services-hero__orb::after {
  content: "";
  position: absolute;
  inset: 18%;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(243,156,18,.16) 0%, rgba(243,156,18,0) 72%);
}
.services-hero__orb--left {
  top: 11rem;
  left: max(2rem, calc(50% - 44rem));
}
.services-hero__orb--right {
  right: max(2rem, calc(50% - 45rem));
  bottom: 4rem;
}
.services-jump-wrap {
  position: relative;
  z-index: 1;
  margin-top: 1.5rem;
  margin-bottom: 1.75rem;
}
.services-jump {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(15,15,15,.94) 0%, rgba(10,10,10,.98) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.08), transparent 36%);
  backdrop-filter: blur(18px);
}
.services-jump__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: .85rem 1.1rem;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.76);
  font-size: .75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .16em;
}
.services-jump__link:hover,
.services-jump__link.is-active {
  border-color: rgba(243,156,18,.48);
  background: rgba(243,156,18,.1);
  color: #f39c12;
}
.services-signal {
  display: none;
}
.services-signal__track {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: max-content;
  min-width: 100%;
  padding: .95rem 0;
  animation: servicesTicker 28s linear infinite;
}
.services-signal__track span {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  color: rgba(255,255,255,.8);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  white-space: nowrap;
}
.services-signal__track span::after {
  content: "";
  width: .38rem;
  height: .38rem;
  border-radius: 999px;
  background: #f39c12;
  box-shadow: 0 0 12px rgba(243,156,18,.35);
}
.services-section-heading {
  display: grid;
  gap: 1rem;
  margin-bottom: 3rem;
  max-width: 56rem;
}
.services-clusters-section {
  padding-top: 20px;
}
.services-section-heading__title {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 1.6vw + 1.35rem, 4rem);
  line-height: 1.02;
  letter-spacing: -.05em;
  font-weight: 900;
}
.services-cluster-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.4rem;
  align-items: stretch;
}
.service-cluster {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 100%;
  height: 100%;
  padding: 1.8rem;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.015) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.16), transparent 34%),
    radial-gradient(circle at bottom left, rgba(255,255,255,.05), transparent 22%);
  overflow: hidden;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease, background-color .35s ease;
}
.service-cluster::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), transparent 24%),
    linear-gradient(180deg, rgba(243,156,18,.05), transparent 42%);
  pointer-events: none;
}
.service-cluster::after {
  content: "";
  position: absolute;
  inset: auto -10% -45% auto;
  width: 9rem;
  height: 9rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(243,156,18,.18) 0%, rgba(243,156,18,0) 72%);
  opacity: .5;
  transition: transform .4s ease, opacity .4s ease;
}
.service-cluster:hover {
  transform: translateY(-4px);
  border-color: rgba(243,156,18,.42);
  box-shadow: 0 22px 54px rgba(0,0,0,.28);
}
.service-cluster:hover::after {
  opacity: .65;
}
.service-cluster > * {
  position: relative;
  z-index: 1;
}
.service-cluster__icon {
  width: 4.15rem;
  height: 4.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(243,156,18,.24);
  background: rgba(255,255,255,.03);
  color: #fff;
  font-size: 1.35rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(255,255,255,.02);
  transition: transform .35s ease, border-color .35s ease, background-color .35s ease;
}
.service-cluster:hover .service-cluster__icon {
  border-color: rgba(243,156,18,.45);
  background: rgba(243,156,18,.08);
}
.service-cluster__eyebrow {
  display: flex;
  align-items: flex-start;
  color: rgba(255,255,255,.42);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.service-cluster__title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.5rem, .7vw + 1.15rem, 2.2rem);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.04em;
  text-wrap: balance;
  min-height: 4.7rem;
}
.service-cluster__text {
  margin: 0;
  color: rgba(255,255,255,.62);
  line-height: 1.75;
  min-height: 8.2rem;
}
.service-cluster__list {
  display: grid;
  grid-auto-rows: minmax(4.25rem, auto);
  gap: .75rem;
  margin: .2rem 0 0;
  padding: 0;
  list-style: none;
  align-content: start;
}
.service-cluster__list li {
  display: flex;
  align-items: center;
  min-height: 4.25rem;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.025);
  transition: border-color .25s ease, background-color .25s ease, color .25s ease, box-shadow .25s ease;
}
.service-cluster__list li::before {
  content: "";
  width: 2px;
  height: 1.3rem;
  margin-right: .85rem;
  background: #f39c12;
  box-shadow: 0 0 12px rgba(243,156,18,.35);
  flex: 0 0 auto;
}
.service-cluster__item-link {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 4.25rem;
  padding: .8rem 1rem;
  color: rgba(255,255,255,.92);
  font-weight: 700;
  line-height: 1.45;
  text-decoration: none;
}
.service-cluster__list li.is-clickable {
  cursor: pointer;
}
.service-cluster__list li.is-clickable:hover,
.service-cluster__list li.is-clickable:focus-visible {
  border-color: rgba(243,156,18,.45);
  background: rgba(243,156,18,.08);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(243,156,18,.06);
  outline: none;
}
.service-cluster__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: auto;
  padding-top: .5rem;
}
.service-cluster__footer span {
  color: rgba(255,255,255,.42);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.service-cluster__link {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  color: #fff;
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
}
.service-cluster__link:hover {
  color: #f39c12;
}
.services-catalog {
  padding: 6rem 0 6.5rem;
}
.service-section {
  position: relative;
  scroll-margin-top: 7.5rem;
  padding: 2.2rem;
  border: 1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.012) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.10), transparent 34%),
    radial-gradient(circle at bottom left, rgba(255,255,255,.04), transparent 24%);
  overflow: hidden;
  isolation: isolate;
}
.service-section::before,
.service-section::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.service-section::before {
  inset: auto -8% -24% auto;
  width: 16rem;
  height: 16rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(243,156,18,.12) 0%, rgba(243,156,18,0) 72%);
  opacity: .5;
  filter: blur(8px);
  animation: servicesAmbientDrift 18s ease-in-out infinite;
}
.service-section::after {
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 24%),
    repeating-linear-gradient(90deg, transparent 0 52px, rgba(255,255,255,.018) 52px 53px),
    repeating-linear-gradient(0deg, transparent 0 52px, rgba(255,255,255,.014) 52px 53px);
  opacity: .42;
}
.service-section > * {
  position: relative;
  z-index: 1;
}
.service-section + .service-section {
  margin-top: 2.4rem;
}
.service-section__head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr);
  gap: 2rem;
  align-items: end;
  margin-bottom: 2.2rem;
}
.service-section__title {
  margin: .85rem 0 0;
  color: #fff;
  font-size: clamp(1.85rem, 1vw + 1.2rem, 3.2rem);
  line-height: 1.04;
  font-weight: 900;
  letter-spacing: -.05em;
}
.service-section__text {
  margin: 0;
  color: rgba(255,255,255,.64);
  line-height: 1.8;
}
.service-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.35rem;
}
.service-detail-grid--compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.service-detail-card {
  position: relative;
  display: grid;
  gap: 1rem;
  min-height: 100%;
  scroll-margin-top: 8.5rem;
  padding: 1.5rem;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,.014) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.11), transparent 38%),
    radial-gradient(circle at bottom left, rgba(255,255,255,.04), transparent 22%);
  overflow: hidden;
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease, background-color .32s ease;
}
.service-detail-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(180deg, #f39c12 0%, rgba(243,156,18,.06) 100%);
}
.service-detail-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 28%),
    linear-gradient(180deg, rgba(243,156,18,.03), transparent 40%);
  pointer-events: none;
}
.service-detail-card:hover {
  transform: translateY(-3px);
  border-color: rgba(243,156,18,.38);
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
}
.service-detail-card > * {
  position: relative;
  z-index: 1;
}
.service-detail-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.service-detail-card__icon {
  width: 3.2rem;
  height: 3.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(243,156,18,.24);
  background: rgba(255,255,255,.03);
  color: #fff;
  font-size: 1rem;
  transition: transform .35s ease, border-color .35s ease, background-color .35s ease;
}
.service-detail-card:hover .service-detail-card__icon {
  border-color: rgba(243,156,18,.44);
  background: rgba(243,156,18,.08);
}
.service-detail-card__type {
  color: rgba(255,255,255,.46);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-align: right;
}
.service-detail-card__title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.2rem, .6vw + 1rem, 1.7rem);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -.03em;
}
.service-detail-card__text {
  margin: 0;
  color: rgba(255,255,255,.62);
  line-height: 1.72;
}
.service-detail-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}
.service-detail-card__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .42rem .7rem;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.72);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.service-detail-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: auto;
}
.service-detail-card__actions span {
  color: rgba(255,255,255,.54);
  font-size: .84rem;
  font-weight: 700;
  line-height: 1.55;
}
.service-detail-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.9rem;
  padding: 0 1rem;
  border: 1px solid rgba(243,156,18,.45);
  background: rgba(243,156,18,.1);
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.service-detail-card__cta:hover {
  background: #f39c12;
  color: #111;
  box-shadow: 0 12px 28px rgba(243,156,18,.22);
}
.services-cta-section {
  padding: 0 0 6rem;
  background: #050505;
}
.services-cta {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .8fr);
  gap: 2rem;
  align-items: center;
  padding: 2rem;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 100%),
    radial-gradient(circle at top right, rgba(243,156,18,.14), transparent 36%),
    linear-gradient(135deg, rgba(243,156,18,.07), transparent 44%);
  overflow: hidden;
}
.services-cta__copy {
  display: grid;
  gap: 1rem;
}
.services-cta__title {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 1vw + 1.4rem, 3.4rem);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.05em;
}
.services-cta__text {
  margin: 0;
  color: rgba(255,255,255,.66);
  line-height: 1.8;
  max-width: 42rem;
}
.services-cta__actions {
  display: grid;
  justify-items: end;
  gap: 1rem;
}
.services-cta__button {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  min-height: 3.7rem;
  padding: 0 1.45rem;
}
.services-cta__hint {
  color: rgba(255,255,255,.5);
  font-size: .84rem;
  line-height: 1.65;
  text-align: right;
  max-width: 22rem;
}
.js [data-reveal] {
  will-change: transform, opacity;
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity .7s cubic-bezier(.2,1,.3,1),
    transform .7s cubic-bezier(.2,1,.3,1);
  transition-delay: var(--reveal-delay, 0ms);
}
.js [data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}
@keyframes servicesPulse {
  0%, 100% { transform: scale(1); opacity: .6; }
  50% { transform: scale(1.08); opacity: 1; }
}
@keyframes servicesFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes servicesFloatAlt {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(12px); }
}
@keyframes servicesTicker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-25%); }
}
@keyframes servicesAmbientDrift {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .42; }
  50% { transform: translate3d(-12px, -10px, 0) scale(1.04); opacity: .58; }
}
@media (prefers-reduced-motion: reduce) {
  .service-cluster,
  .service-detail-card,
  .service-cluster__icon,
  .service-detail-card__icon,
  [data-reveal] {
    transition: none;
  }
  .service-section::before {
    animation: none;
  }
}
@media (max-width: 1279px) {
  .services-hero__layout {
    grid-template-columns: 1fr;
  }
  .services-cluster-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .service-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .services-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .services-hero__visual {
    grid-template-columns: minmax(0, 1.15fr) minmax(14rem, .9fr);
    min-height: auto;
  }
}
@media (max-width: 991px) {
  .service-section__head,
  .services-cta {
    grid-template-columns: 1fr;
  }
  .service-section {
    padding: 1.8rem;
  }
  .services-cta__actions {
    justify-items: start;
  }
  .services-cta__hint {
    text-align: left;
  }
  .services-hero__visual {
    grid-template-columns: 1fr;
  }
  .services-hero__panel--main,
  .services-hero__panel--floating,
  .services-hero__panel--list {
    grid-column: 1 / -1;
  }
}
@media (max-width: 767px) {
  .page-services #hero {
    padding-top: 7rem;
    padding-bottom: 2.5rem;
  }
  .page-services .services-hero__copy h1 {
    font-size: clamp(2.35rem, 10.5vw, 3.2rem);
    line-height: .96;
    margin-top: .55rem;
    margin-bottom: 1rem;
  }
  .services-hero__stats,
  .services-cluster-grid,
  .service-detail-grid,
  .service-detail-grid--compact {
    grid-template-columns: 1fr;
  }
  .services-hero__visual {
    min-height: auto;
    padding: 1rem;
    grid-template-columns: 1fr;
    gap: .85rem;
  }
  .services-hero__chips span {
    width: 100%;
    justify-content: flex-start;
  }
  .services-hero__panel {
    padding: 1rem;
  }
  .service-section {
    padding: 1.35rem;
  }
  .service-cluster__title,
  .service-cluster__text {
    min-height: 0;
  }
  .services-jump-wrap {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .services-jump {
    padding: .75rem;
    gap: .65rem;
  }
  .services-jump__link {
    width: 100%;
    justify-content: flex-start;
  }
  .services-section-heading {
    margin-bottom: 2rem;
  }
  .services-signal__track {
    gap: .8rem;
    padding: .8rem 0;
  }
  .services-signal__track span {
    font-size: .68rem;
    letter-spacing: .16em;
  }
  .service-cluster,
  .service-detail-card,
  .services-cta {
    padding: 1.3rem;
  }
  .service-section + .service-section {
    margin-top: 1.4rem;
  }
  .services-catalog {
    padding: 4rem 0 4.5rem;
  }
  .services-cta-section {
    padding-bottom: 4rem;
  }
  .service-detail-card__actions {
    flex-direction: column;
    align-items: flex-start;
  }
}

.article-page-comment__status {
  margin-bottom: 20px;
  padding: 14px 16px;
  border: 1px solid #3a3a3a;
  color: #ffffff;
}

.article-page-comment__status--success {
  background: rgba(57, 129, 83, 0.16);
  border-color: rgba(98, 183, 119, 0.45);
}

.article-page-comment__status--error {
  background: rgba(163, 56, 56, 0.16);
  border-color: rgba(244, 91, 91, 0.45);
}

.article-page-comment__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.article-page-comment__field-error {
  font-size: 13px;
  color: #ffb0a8;
}

.article-page-comment__empty {
  margin: 0;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #bdbdbd;
}

.article-page-comment__replying {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #e0e0e0;
}

.article-page-comment__replying[hidden] {
  display: none;
}

.article-page-comment__replying-cancel {
  border: 0;
  background: transparent;
  color: #f5a623;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
}

.article-page-comment-item__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.article-page-comment-item__reply {
  border: 0;
  background: transparent;
  color: #f5a623;
  font-size: 13px;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
}

.article-page-comment-item--reply {
  margin-left: calc(24px * var(--comment-depth, 1));
}