/* Forsid front global.css — merged from public/front CSS sources */

/* ========== styles.css (critical shell) ========== */

/* İlk boyamada layout + erişilebilirlik; placeholder navbar ile dikey kayma önlenir */
:root {
  --nav-height: 72px;
}

#mainNav,
.forsid-prerender-nav {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid #e4e4e7;
  z-index: 1050;
}

.forsid-prerender-nav {
  display: block;
  height: var(--nav-height);
}

body.forsid-hydrated .forsid-prerender-nav {
  display: none !important;
}

body:not(.forsid-hydrated) #app {
  display: none !important;
}

.visually-hidden,
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body:not(.forsid-hydrated) .paz-reveal,
body:not(.forsid-hydrated) .ist-reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#team-founders:not([data-team-loaded]):not(:has(.team-member-card)),
#team-developers:not([data-team-loaded]):not(:has(.team-member-card)) {
  display: none !important;
}

#forsid-prerender .pricing-page .catalog-page-root,
.pricing-page:not([data-pricing-loaded]):not(:has(.pricing-plan-card--skeleton)):not(:has(.pricing-tier-tabs--skeleton)) .catalog-page-root {
  display: none !important;
}

body:not(.forsid-footer-ready) #footer {
  display: none !important;
}

#hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  #hero {
    min-height: auto;
    padding: calc(var(--nav-height) + 48px) 0 96px;
  }
}

html.forsid-home-reload-lock {
  overflow: hidden !important;
  height: 100%;
}

html.forsid-home-reload-lock body {
  overflow: hidden !important;
}

/* ========== main.css ========== */

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@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-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
    }
  }
}
@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-red-500: oklch(63.7% 0.237 25.331);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-sky-400: oklch(74.6% 0.16 232.661);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --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-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --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: 1.5;
    --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: 1.2;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --default-transition-duration: 0.15s;
    --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 {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    line-height: 1.5;
    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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  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 {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-full {
    top: 100%;
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .bottom-full {
    bottom: 100%;
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .isolate {
    isolation: isolate;
  }
  .col-6 {
    grid-column: 6;
  }
  .col-12 {
    grid-column: 12;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .container\! {
    width: 100% !important;
  }
  @media (min-width: 40rem) {
    .container\! {
      max-width: 40rem !important;
    }
  }
  @media (min-width: 48rem) {
    .container\! {
      max-width: 48rem !important;
    }
  }
  @media (min-width: 64rem) {
    .container\! {
      max-width: 64rem !important;
    }
  }
  @media (min-width: 80rem) {
    .container\! {
      max-width: 80rem !important;
    }
  }
  @media (min-width: 96rem) {
    .container\! {
      max-width: 96rem !important;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .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-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline\! {
    display: inline !important;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table\! {
    display: table !important;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-column {
    display: table-column;
  }
  .table-column-group {
    display: table-column-group;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[10rem\] {
    max-width: 10rem;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,);
  }
  .transform\! {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
      var(--tw-skew-y,) !important;
  }
  .resize {
    resize: both;
  }
  .resize\! {
    resize: both !important;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .justify-center {
    justify-content: center;
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  .text-start {
    text-align: start;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
      var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }
  .ring,
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
      var(--tw-drop-shadow,);
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a))
      drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
      var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
      var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
      var(--tw-drop-shadow,);
  }
  .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
      var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
      var(--tw-drop-shadow,);
  }
  .filter\! {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
      var(--tw-drop-shadow,) !important;
  }
  .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));
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .\[program\:forsid-queue\] {
    program: forsid-queue;
  }
  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-white\/5 {
      background-color: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/5 {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
    .dark\:text-gray-200 {
      color: var(--color-gray-200);
    }
  }
}
*,
:before,
:after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  font-size: var(--font-size-base);
}
body {
  font-family: var(--font-family-base);
  font-optical-sizing: var(--font-optical-sizing);
  font-size: inherit;
  background: var(--clr-white);
  color: var(--clr-gray-700);
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  line-height: 1.6;
  overflow-x: hidden;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--clr-gray-100);
}
::-webkit-scrollbar-thumb {
  background: var(--clr-gray-300);
  border-radius: 3px;
}
:root {
  --clr-black: #0a0a0a;
  --clr-white: #fff;
  --clr-gray-50: #fafafa;
  --clr-gray-100: #f4f4f5;
  --clr-gray-200: #e4e4e7;
  --clr-gray-300: #d4d4d8;
  --clr-gray-400: #a1a1aa;
  --clr-gray-500: #71717a;
  --clr-gray-600: #52525b;
  --clr-gray-700: #3f3f46;
  --clr-gray-800: #27272a;
  --clr-gray-900: #18181b;
  --clr-accent: #6d5df6;
  --clr-accent-light: #6d5df614;
  --clr-accent-glow: #6d5df62e;
  --color-lilac: #cfc4ff;
  --color-lilac-soft: #cfc4ff1f;
  --nav-height: 72px;
  --vss-grid-offset: 10px;
  --vss-mobile-stack-reserve: calc(224px + 7.875rem);
  --vss-mobile-visual-height: 420px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px #0000000a, 0 1px 3px #0000000f;
  --shadow-md: 0 4px 12px #0000000f, 0 2px 6px #0000000a;
  --shadow-lg: 0 12px 32px #00000014, 0 4px 12px #0000000a;
  --shadow-hover: 0 20px 48px #0000001a, 0 8px 20px #0000000f;
  --shadow-blog: 0 6px 20px #0000000a, 0 2px 6px #00000005;
  --shadow-active: 0 24px 56px #0000001f, 0 12px 28px #6d5df614;
  --z-nav: 1050;
  --z-nav-drawer: 1049;
  --z-nav-mega: 1048;
  --z-story-nav: 200;
  --font-family-base: "Geist", sans-serif;
  --font-optical-sizing: auto;
  --font-size-base: 18px;
  --content-max-width: 1320px;
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.3s ease;
  --transition-smooth: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
}
.display-hero {
  letter-spacing: -0.035em;
  color: var(--clr-black);
  font-size: clamp(2.25rem, 5vw, 3.75rem);
  font-weight: 700;
  line-height: 1.08;
}
.section-title {
  letter-spacing: -0.03em;
  color: var(--clr-black);
  font-size: clamp(1.75rem, 3vw, 2.625rem);
  font-weight: 700;
  line-height: 1.15;
}
.section-desc {
  color: var(--clr-gray-500);
  max-width: 540px;
  font-size: 1rem;
  line-height: 1.7;
}
.section-header {
  margin-bottom: 56px;
}
@media (max-width: 767px) {
  .section-header {
    margin-bottom: 40px;
  }
}
.container-narrow {
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
}
.flex-center {
  justify-content: center;
  align-items: center;
  display: flex;
}
.section-padding {
  padding: 100px 0;
}
.glass-effect {
  -webkit-backdrop-filter: blur(12px);
  background: #ffffffb8;
}
.text-gradient {
  background: linear-gradient(135deg, var(--clr-accent) 0%, var(--color-lilac) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.hidden-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hidden-scrollbar::-webkit-scrollbar {
  display: none;
}
.visually-hidden,
.sr-only {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes floating {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  to {
    background-position: 200% 0;
  }
}
@keyframes glow-pulse {
  0%,
  to {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}
.animate-fade-in {
  animation: fade-in var(--transition-base) var(--ease-standard) both;
}
.animate-floating {
  animation: 4s ease-in-out infinite floating;
}
.animate-shimmer {
  background-size: 200% 100%;
  animation: 2s linear infinite shimmer;
}
.animate-glow-pulse {
  animation: 2.5s ease-in-out infinite glow-pulse;
}
.glow-accent {
  box-shadow: 0 4px 16px var(--clr-accent-glow);
}
.backdrop-blur-nav {
  -webkit-backdrop-filter: blur(16px);
  background: #fffffff5;
}
.gradient-overlay-top {
  background: linear-gradient(to bottom, var(--clr-white), transparent);
}
.gradient-overlay-bottom {
  background: linear-gradient(to top, var(--clr-white), transparent);
}
.vignette-mask-x {
  -webkit-mask: linear-gradient(90deg, #0000, #fff 12% 88%, #0000);
  mask: linear-gradient(90deg, #0000, #fff 12% 88%, #0000);
}
.magnetic-target {
  will-change: transform;
  transform-origin: 50%;
}
.magnetic-target--touch {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.magnetic-target--touch:active {
  transform: scale(1.06);
}
.eco-square--magnetic {
  will-change: transform;
}
@media (hover: none), (pointer: coarse) {
  .eco-square--touch {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .eco-square--touch:active {
    transform: scale(1.06);
  }
}
.btn-primary-dark {
  background: var(--clr-white);
  color: var(--clr-black);
  border: 2px solid var(--clr-gray-300);
  border-radius: var(--radius-pill);
  transition:
    background var(--transition),
    color var(--transition),
    border-color var(--transition),
    transform var(--transition),
    box-shadow var(--transition);
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}
.btn-primary-dark:hover {
  color: var(--clr-white);
  background: var(--clr-accent);
  border-color: var(--clr-accent);
  box-shadow: 0 4px 16px var(--clr-accent-glow);
  transform: scale(1.02);
}
.btn-secondary-outline {
  background: var(--clr-white);
  color: var(--clr-black);
  border: 2px solid var(--clr-gray-200);
  border-radius: var(--radius-pill);
  transition:
    background var(--transition),
    color var(--transition),
    border-color var(--transition);
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}
.btn-secondary-outline:hover {
  background: var(--clr-black);
  border-color: var(--clr-black);
  color: var(--clr-white);
}
.btn-create-store {
  background: var(--clr-black);
  color: var(--clr-white);
  border: 2px solid var(--clr-black);
  border-radius: var(--radius-pill);
  transition:
    background var(--transition),
    color var(--transition),
    border-color var(--transition),
    transform var(--transition),
    box-shadow var(--transition);
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}
.btn-create-store:hover {
  background: var(--clr-accent);
  border-color: var(--clr-accent);
  color: var(--clr-white);
  box-shadow: 0 4px 12px var(--clr-accent-glow);
  transform: scale(1.02);
}
.btn-purple-outline {
  background: var(--clr-white);
  color: var(--clr-accent);
  border: 2px solid var(--clr-accent);
  border-radius: var(--radius-pill);
  transition:
    background var(--transition),
    color var(--transition),
    border-color var(--transition),
    box-shadow var(--transition);
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}
.btn-purple-outline:hover {
  background: var(--clr-accent);
  border-color: var(--clr-accent);
  color: var(--clr-white);
  box-shadow: 0 4px 16px var(--clr-accent-glow);
}
.story-cta {
  color: var(--clr-white);
  background: var(--clr-black);
  border-radius: var(--radius-pill);
  transition:
    background var(--transition),
    gap var(--transition),
    transform var(--transition),
    color var(--transition);
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}
.story-cta:hover {
  background: var(--clr-accent);
  color: var(--clr-white);
  gap: 12px;
  transform: translate(2px) scale(1.02);
}
.card-shell {
  background: var(--clr-white);
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.card-shell--shadow {
  box-shadow: var(--shadow-sm);
}
.card-shell--hover-lift {
  transition:
    transform var(--transition-smooth),
    border-color var(--transition-smooth),
    box-shadow var(--transition-smooth);
}
.card-shell--hover-lift:hover {
  border-color: #6d5df638;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #0000000a;
}
.card-shell--hover-scale {
  transition:
    transform var(--transition),
    border-color var(--transition);
}
.card-shell--hover-scale:hover {
  transform: translateY(-2px) scale(1.01);
}
.badge {
  background: var(--color-lilac-soft);
  color: var(--clr-accent);
  border-radius: var(--radius-pill);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 1px solid #6d5df629;
  justify-content: center;
  align-items: center;
  padding: 6px 14px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}
.nav-center .nav-item-link,
.nav-login,
.footer-links a,
.footer-legal a {
  text-decoration: none;
  position: relative;
}
.nav-center .nav-item-link:after,
.nav-login:after,
.footer-links a:after,
.footer-legal a:after {
  content: "";
  background-color: var(--clr-accent);
  transform-origin: 0;
  border-radius: 1px;
  height: 2px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  bottom: 6px;
  left: 16px;
  right: 16px;
  transform: scaleX(0);
}
.footer-links a:after,
.footer-legal a:after {
  bottom: -1px;
  left: 0;
  right: 0;
}
.nav-center .nav-item-link:hover:after,
.nav-center .nav-item-link.active:after,
.nav-login:hover:after,
.footer-links a:hover:after,
.footer-legal a:hover:after {
  transform: scaleX(1);
}
.mega-menu-backdrop {
  display: none;
}
@media (min-width: 992px) {
  .mega-menu-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: var(--nav-height);
    z-index: calc(var(--z-nav-mega) - 1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity var(--transition-smooth),
      visibility var(--transition-smooth);
    background: #0a0a0a52;
    display: block;
    position: fixed;
  }
  .mega-menu-backdrop.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.mega-menu-hover-bridge {
  top: var(--nav-height);
  z-index: var(--z-nav-mega);
  position: fixed;
  left: 0;
  right: 0;
}
.mega-menu-panel {
  top: var(--nav-height);
  z-index: var(--z-nav-mega);
  pointer-events: none;
  opacity: 0;
  transition:
    opacity var(--transition),
    transform var(--transition);
  position: fixed;
  left: 0;
  right: 0;
  transform: translateY(-8px);
}
.mega-menu-panel.is-open {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}
.mega-menu-panel__scroll {
  max-height: calc(100vh - var(--nav-height));
  overflow-y: auto;
}
.mega-menu-panel__surface {
  background: var(--clr-white);
  border-bottom: 1px solid var(--clr-gray-200);
}
.mega-menu-panel.is-open .mega-menu-panel__surface {
  border-radius: 0 0 14px 14px;
}
.mega-menu-panel__inner {
  padding: 0;
}
.nav-center .nav-item-link.mega-menu-trigger {
  white-space: nowrap;
  flex-wrap: nowrap;
  flex-shrink: 0;
}
.mega-menu-trigger.active {
  color: var(--clr-accent);
}
.mega-menu-trigger__chevron {
  transition: transform var(--transition);
  flex-shrink: 0;
  font-size: 0.7rem;
}
.mega-menu-trigger.active .mega-menu-trigger__chevron {
  transform: rotate(180deg);
}
.mega-menu-columns {
  font-family: var(--font-family-base);
}
.mega-menu-columns__body {
  grid-template-columns: 1fr 260px;
  align-items: start;
  gap: 2rem;
  padding: 1.5rem 0 1.25rem;
  display: grid;
}
.mega-menu-columns__groups {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
  min-width: 0;
  display: grid;
}
.mega-menu-columns__group {
  min-width: 0;
}
.mega-menu-columns__group-header {
  border-bottom: 1px solid var(--clr-accent);
  flex-direction: column;
  justify-content: center;
  gap: 0.2rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
}
.mega-menu-columns__group-header-spacer {
  height: calc(2.6375rem + 1px);
  margin-bottom: 0;
}
.mega-menu-columns__group-label {
  color: var(--clr-gray-800);
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
}
.mega-menu-columns__group-desc {
  color: var(--clr-gray-400);
  margin: 0.2rem 0 0;
  font-size: 0.75rem;
  line-height: 1.4;
}
.mega-menu-columns__links {
  flex-direction: column;
  gap: 0.25rem;
  display: flex;
}
.mega-menu-columns__links a,
.mega-menu-columns__link {
  background: 0 0;
  border-radius: 0;
  padding: 0.5rem 0.65rem 0.5rem 0.85rem;
  display: block;
  position: relative;
  overflow: hidden;
}
.mega-menu-columns__links a:before,
.mega-menu-columns__link:before {
  content: "";
  pointer-events: none;
  background-color: #0000;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.mega-menu-columns__links a:after,
.mega-menu-columns__link:after {
  content: "";
  background-color: var(--clr-accent);
  opacity: 0;
  transform-origin: top;
  pointer-events: none;
  width: 2px;
  height: 100%;
  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleY(0);
}
.mega-menu-columns__links a:hover,
.mega-menu-columns__links a:focus-visible,
.mega-menu-columns__link:hover,
.mega-menu-columns__link:focus-visible {
  background: 0 0;
}
.mega-menu-columns__links a:hover:after,
.mega-menu-columns__links a:focus-visible:after,
.mega-menu-columns__link:hover:after,
.mega-menu-columns__link:focus-visible:after {
  opacity: 1;
  transform: scaleY(1);
}
.mega-menu-columns__link-title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  display: flex;
}
.mega-menu-columns__link-title {
  color: var(--clr-gray-800);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
}
.mega-menu-columns__link--featured .mega-menu-columns__link-title {
  color: var(--clr-accent);
}
.mega-menu-columns__link-badge {
  border-radius: var(--radius-pill);
  background: var(--clr-accent-light);
  color: var(--clr-accent);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 0.1rem 0.45rem;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
}
.mega-menu-columns__link-subtitle {
  color: var(--clr-gray-400);
  margin-top: 0.15rem;
  font-size: 0.72rem;
  line-height: 1.4;
  display: block;
}
.mega-menu-columns__promo {
  min-width: 0;
}
.mega-menu-columns__promo-media {
  aspect-ratio: 16/9;
  border-radius: var(--radius-sm);
  background: var(--clr-gray-100);
  margin-bottom: 0.85rem;
  position: relative;
  overflow: hidden;
}
.mega-menu-columns__promo-slide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.65s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mega-menu-columns__promo-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}
.mega-menu-columns__promo-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.mega-menu-columns__promo-eyebrow {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--clr-accent);
  margin: 0 0 0.4rem;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.3;
}
.mega-menu-columns__promo-title {
  color: var(--clr-gray-900);
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.35;
}
.mega-menu-columns__promo-desc {
  color: var(--clr-gray-500);
  margin: 0.45rem 0 0;
  font-size: 0.75rem;
  line-height: 1.5;
}
.mega-menu-columns__promo-cta {
  border-radius: var(--radius-pill);
  background: var(--clr-black);
  color: var(--clr-white);
  transition:
    background-color var(--transition),
    color var(--transition);
  margin-top: 0.85rem;
  padding: 0.5rem 1.1rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}
.mega-menu-columns__promo-cta:hover {
  background: var(--clr-accent);
  color: var(--clr-white);
}
.mega-menu-mobile__section .mega-menu-mobile__trigger,
.mega-menu-mobile > .mobile-nav-link--bordered {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.35;
}
.mega-menu-mobile .mobile-nav-link--bordered {
  border: none;
  border-bottom: 1px solid var(--clr-gray-200);
  background: 0 0;
  border-radius: 0 0 14px 14px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  position: relative;
}
.mega-menu-mobile .mobile-nav-link--bordered:before,
.mega-menu-mobile .mobile-nav-link--bordered:after {
  content: none;
  display: none;
}
.mega-menu-mobile .mobile-nav-link--bordered:hover,
.mega-menu-mobile .mobile-nav-link--bordered:focus-visible,
.mega-menu-mobile .mobile-nav-link--bordered.mobile-nav-link--active {
  border-bottom-color: var(--clr-accent);
}
.mega-menu-mobile__items,
.mega-menu-mobile__accordion-panel {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: grid;
}
.mega-menu-mobile__items.is-open,
.mega-menu-mobile__accordion-panel.is-open {
  grid-template-rows: 1fr;
}
.mega-menu-mobile__items-inner {
  background: var(--clr-white);
  min-height: 0;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  overflow: hidden;
}
.mega-menu-mobile__accordion-panel-inner {
  background: var(--clr-white);
  flex-direction: column;
  gap: 0;
  min-height: 0;
  padding: 0.125rem 0 0.375rem;
  display: flex;
  overflow: hidden;
}
.mega-menu-mobile__trigger {
  cursor: pointer;
  background: 0 0;
  border: none;
}
.mega-menu-mobile__chevron {
  transition: transform var(--transition);
  flex-shrink: 0;
  font-size: 0.7rem;
}
.mega-menu-mobile__chevron--open {
  transform: rotate(180deg);
}
.mega-menu-mobile .mobile-nav-link--active {
  color: var(--clr-accent);
}
.mega-menu-mobile .mega-menu-mobile__trigger.mobile-nav-link--active {
  border-bottom-color: var(--clr-gray-100);
}
.mega-menu-mobile__accordion {
  flex-direction: column;
  gap: 0.25rem;
  display: flex;
}
.mega-menu-mobile__accordion-item {
  background: var(--clr-white);
}
.mega-menu-mobile__accordion-trigger {
  background: var(--clr-gray-50);
  cursor: pointer;
  width: 100%;
  color: var(--clr-gray-700);
  text-align: left;
  border: none;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5625rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}
.mega-menu-mobile__accordion-label {
  flex: 1;
  min-width: 0;
}
.mega-menu-mobile__accordion-chevron {
  color: var(--clr-gray-400);
  flex-shrink: 0;
  margin-left: auto;
  font-size: 0.75rem;
}
.mega-menu-mobile__accordion-trigger--active,
.mega-menu-mobile__accordion-trigger:hover,
.mega-menu-mobile__accordion-trigger:focus-visible {
  color: var(--clr-accent);
  background: var(--clr-accent-light);
}
.mega-menu-mobile__accordion-trigger--active .mega-menu-mobile__accordion-chevron,
.mega-menu-mobile__accordion-trigger:hover .mega-menu-mobile__accordion-chevron,
.mega-menu-mobile__accordion-trigger:focus-visible .mega-menu-mobile__accordion-chevron {
  color: var(--clr-accent);
}
.mega-menu-mobile__accordion-trigger.mobile-nav-link--bordered {
  border-radius: 0 0 10px 10px;
}
.mega-menu-mobile__accordion-trigger.mobile-nav-link--bordered:hover,
.mega-menu-mobile__accordion-trigger.mobile-nav-link--bordered:focus-visible,
.mega-menu-mobile__accordion-trigger--active.mobile-nav-link--bordered {
  border-bottom-color: var(--clr-accent);
}
.mobile-sidebar-partnership {
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, #cfc4ff47 0%, #6d5df61a 48%, var(--clr-white) 100%);
  transition:
    border-color var(--transition-smooth),
    box-shadow var(--transition-smooth),
    transform var(--transition-smooth);
  border: 1px solid #6d5df638;
  align-items: center;
  gap: 0.875rem;
  margin-top: 1rem;
  padding: 1rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 0 0 1px #ffffffa6,
    0 4px 18px #6d5df61f;
}
.mobile-sidebar-partnership:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 0 0, #cfc4ff59, #0000 55%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mobile-sidebar-partnership:hover,
.mobile-sidebar-partnership:focus-visible {
  border-color: #6d5df661;
  transform: scale(1.01);
  box-shadow:
    inset 0 0 0 1px #ffffffbf,
    0 6px 24px #6d5df633;
}
.mobile-sidebar-partnership__icon {
  z-index: 1;
  border-radius: var(--radius-pill);
  background: linear-gradient(145deg, var(--clr-accent) 0%, #8b7cf8 100%);
  width: 2.75rem;
  height: 2.75rem;
  color: var(--clr-white);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  display: flex;
  position: relative;
  box-shadow:
    0 0 0 3px #6d5df624,
    0 4px 14px #6d5df647;
}
.mobile-sidebar-partnership__content {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 0.2rem;
  min-width: 0;
  display: flex;
  position: relative;
}
.mobile-sidebar-partnership__meta {
  align-items: center;
  display: flex;
}
.mobile-sidebar-partnership__badge {
  border-radius: var(--radius-pill);
  color: var(--clr-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: #ffffffb8;
  border: 1px solid #6d5df62e;
  align-items: center;
  padding: 0.15rem 0.5rem;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.3;
  display: inline-flex;
}
.mobile-sidebar-partnership__title {
  color: var(--clr-gray-900);
  font-size: 0.975rem;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}
.mobile-sidebar-partnership__desc {
  color: var(--clr-gray-600);
  font-size: 0.75rem;
  line-height: 1.45;
  display: block;
}
.mobile-sidebar-partnership__arrow {
  z-index: 1;
  color: var(--clr-accent);
  transition: transform var(--transition-smooth);
  flex-shrink: 0;
  font-size: 0.9375rem;
  position: relative;
}
.mobile-sidebar-partnership:hover .mobile-sidebar-partnership__arrow,
.mobile-sidebar-partnership:focus-visible .mobile-sidebar-partnership__arrow {
  transform: translate(2px);
}
.mega-menu-mobile__text-link {
  color: inherit;
  border-bottom: 1px solid var(--clr-gray-100);
  background: 0 0;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5625rem 0.75rem;
  text-decoration: none;
  display: flex;
}
.mega-menu-mobile__text-link:last-child {
  border-bottom: none;
}
.mega-menu-mobile__text-link-icon {
  border-radius: var(--radius-sm);
  background: var(--clr-gray-50);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--clr-gray-500);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  display: flex;
}
.mega-menu-mobile__text-link--featured .mega-menu-mobile__text-link-icon {
  background: var(--clr-accent-light);
  color: var(--clr-accent);
}
.mega-menu-mobile__text-link-row {
  flex: 1;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  display: flex;
}
.mega-menu-mobile__text-link-title {
  font-family: var(--font-family-base);
  color: var(--clr-gray-800);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
}
.mega-menu-mobile__text-link--featured .mega-menu-mobile__text-link-title {
  color: var(--clr-accent);
}
.mega-menu-mobile__text-link-badge {
  border-radius: var(--radius-pill);
  background: var(--clr-accent-light);
  color: var(--clr-accent);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 0.1rem 0.4rem;
  font-size: 0.58rem;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
}
@media (max-width: 1199.98px) {
  .mega-menu-columns__body {
    grid-template-columns: 1fr 220px;
    gap: 1.5rem;
  }
  .mega-menu-columns__groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .mega-menu-columns__quick-link {
    flex: calc(33.333% - 0.5rem);
  }
}
@media (max-width: 991.98px) {
  .mega-menu-columns__body {
    grid-template-columns: 1fr;
  }
  .mega-menu-columns__groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mega-menu-columns__promo {
    border-top: 1px solid var(--clr-gray-100);
    padding-top: 1rem;
  }
}
@media (max-width: 767.98px) {
  .mega-menu-columns__quick-link {
    flex: calc(50% - 0.375rem);
  }
}
@media (max-width: 575.98px) {
  .mega-menu-columns__groups {
    grid-template-columns: 1fr;
  }
  .mega-menu-columns__quick-link {
    flex: 100%;
    min-width: 100%;
  }
}
#mainNav {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--clr-gray-200);
  z-index: var(--z-nav);
  transition: box-shadow var(--transition);
  background: #fffffff5;
  padding: 0;
}
#mainNav.scrolled {
  box-shadow: var(--shadow-sm);
}
.nav-container {
  height: var(--nav-height);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
.nav-brand {
  flex-shrink: 0;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.nav-brand img {
  object-fit: contain;
  width: auto;
  height: calc(1.09375rem + 20px);
  display: block;
}
.brand-badge {
  background: var(--clr-black);
  color: var(--clr-white);
  border-radius: var(--radius-pill);
  letter-spacing: 0.01em;
  padding: 6px 16px;
  font-size: 0.8rem;
  font-weight: 700;
}
.nav-center {
  align-items: center;
  gap: 6px;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.nav-center .nav-item-link {
  color: var(--clr-gray-600);
  cursor: pointer;
  background: 0 0;
  border: none;
  border-radius: 0;
  align-items: center;
  gap: 4px;
  padding: 10px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
}
.nav-center .nav-item-link:hover,
.nav-center .nav-item-link.active {
  color: var(--clr-accent);
  background: 0 0;
}
.nav-right {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}
.nav-login {
  color: var(--clr-gray-600);
  border-radius: 0;
  padding: 10px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-login:hover {
  color: var(--clr-accent);
  background: 0 0;
}
.nav-divider {
  background: var(--clr-gray-200);
  width: 1px;
  height: 20px;
  margin: 0 4px;
}
.nav-hamburger {
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: background var(--transition);
  background: 0 0;
  border: none;
  flex-direction: column;
  flex-shrink: 0;
  gap: 5px;
  padding: 8px;
  display: none;
}
.nav-mobile-actions {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  display: none;
}
.nav-mobile-login {
  color: var(--clr-gray-700);
  border-radius: var(--radius-pill);
  white-space: nowrap;
  transition:
    color var(--transition),
    background var(--transition);
  padding: 8px 12px;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
}
.nav-mobile-login:hover {
  color: var(--clr-accent);
  background: var(--clr-accent-light);
}
.nav-hamburger:hover {
  background: var(--clr-gray-100);
}
.nav-hamburger span {
  background: var(--clr-black);
  width: 22px;
  height: 2px;
  transition:
    transform var(--transition),
    opacity var(--transition);
  border-radius: 2px;
  display: block;
}
.nav-hamburger.open span:first-child {
  transform: translateY(7px) rotate(45deg);
}
.nav-hamburger.open span:nth-child(2) {
  opacity: 0;
}
.nav-hamburger.open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.mobile-drawer-overlay,
.mobile-drawer {
  display: none;
}
.mobile-nav-link {
  color: var(--clr-gray-700);
  border-bottom: 1px solid var(--clr-gray-100);
  transition: color var(--transition);
  padding: 12px 0;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  display: block;
}
.mobile-nav-link:hover {
  color: var(--clr-accent);
}
.mobile-mega-items {
  padding-left: 16px;
  display: none;
}
.mobile-mega-items.open {
  display: block;
}
.mobile-mega-item {
  color: var(--clr-gray-500);
  transition: color var(--transition);
  padding: 8px 0;
  font-size: 0.875rem;
  text-decoration: none;
  display: block;
}
.mobile-mega-item:hover {
  color: var(--clr-accent);
}
.mega-menu {
  top: var(--nav-height);
  background: var(--clr-white);
  border-top: 1px solid var(--clr-gray-200);
  border-bottom: 1px solid var(--clr-gray-200);
  box-shadow: var(--shadow-lg);
  z-index: var(--z-nav-mega);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity var(--transition),
    transform var(--transition);
  padding: 36px 0;
  position: fixed;
  left: 0;
  right: 0;
  transform: translateY(-8px);
}
.mega-menu.open {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.mega-menu-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  display: grid;
}
.mega-item {
  border-radius: var(--radius-md);
  color: var(--clr-gray-700);
  transition:
    background var(--transition),
    border-color var(--transition),
    color var(--transition);
  border: 1px solid #0000;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 18px;
  text-decoration: none;
  display: flex;
}
.mega-item:hover {
  background: var(--clr-accent-light);
  border-color: var(--clr-accent);
  color: var(--clr-accent);
}
.mega-item:hover .mega-icon {
  border-color: var(--clr-accent);
  color: var(--clr-accent);
  background: var(--clr-accent-light);
}
.mega-icon {
  border-radius: var(--radius-sm);
  background: var(--clr-gray-100);
  border: 1px solid var(--clr-gray-200);
  width: 44px;
  height: 44px;
  transition:
    border-color var(--transition),
    color var(--transition),
    background var(--transition);
  justify-content: center;
  align-items: center;
  font-size: 1.15rem;
  display: flex;
}
.mega-item-title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
}
.mega-item-desc {
  color: var(--clr-gray-400);
  font-size: 0.78rem;
  line-height: 1.45;
}
@media (max-width: 1199px) {
  .mega-menu-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .nav-center,
  .nav-right--desktop {
    display: none;
  }
  .nav-mobile-actions,
  .nav-hamburger {
    display: flex;
  }
  .mega-menu-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .mobile-drawer-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: var(--nav-height);
    z-index: calc(var(--z-nav-drawer) - 1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity var(--transition-smooth),
      visibility var(--transition-smooth);
    background: #0a0a0a73;
    display: block;
    position: fixed;
  }
  .mobile-drawer-overlay.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .mobile-drawer {
    top: var(--nav-height);
    background: var(--clr-white);
    width: 100%;
    z-index: var(--z-nav-drawer);
    box-shadow: var(--shadow-lg);
    visibility: hidden;
    pointer-events: none;
    transition:
      transform var(--transition-smooth),
      visibility var(--transition-smooth);
    flex-direction: column;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(-100%);
  }
  .mobile-drawer.open {
    visibility: visible;
    pointer-events: auto;
    transform: translate(0);
  }
  .mobile-drawer__header {
    border-bottom: 1px solid var(--clr-gray-100);
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    display: flex;
  }
  .mobile-drawer__title {
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--clr-gray-400);
    font-size: 0.8125rem;
    font-weight: 600;
  }
  .mobile-drawer__close {
    border-radius: var(--radius-sm);
    width: 2.25rem;
    height: 2.25rem;
    color: var(--clr-gray-600);
    cursor: pointer;
    transition:
      background-color var(--transition),
      color var(--transition);
    background: 0 0;
    border: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }
  .mobile-drawer__close:hover {
    background: var(--clr-gray-100);
    color: var(--clr-gray-900);
  }
  .mobile-drawer__scroll {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    min-height: 0;
    padding: 0.5rem 1.25rem 1rem;
    overflow-y: auto;
  }
  .mobile-drawer__footer {
    border-top: 1px solid var(--clr-gray-100);
    background: var(--clr-white);
    flex-direction: column;
    flex-shrink: 0;
    gap: 0.75rem;
    padding: 1rem 1.25rem 1.25rem;
    display: flex;
  }
  .mobile-drawer__register-btn,
  .mobile-drawer__login-btn {
    text-align: center;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.875rem 1.5rem;
    font-size: 0.9375rem;
    line-height: 1.25;
    display: flex;
  }
  .mobile-drawer__loading,
  .mobile-drawer__error {
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.5rem 0;
    display: flex;
  }
  .mobile-drawer__skeleton {
    border-radius: var(--radius-sm);
    background: var(--clr-gray-100);
    height: 2.5rem;
    animation: 1.5s ease-in-out infinite mobile-drawer-pulse;
  }
  .mobile-drawer__error-text {
    color: #ef4444;
    margin: 0;
    font-size: 0.875rem;
  }
  .mobile-drawer .mobile-nav-link {
    font-size: inherit;
  }
}
@keyframes mobile-drawer-pulse {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@media (max-width: 480px) {
  .mega-menu-grid {
    grid-template-columns: 1fr;
  }
}
.faq-section {
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
  padding: 100px 0;
}
.faq-accordion-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
  display: grid;
}
.faq-accordion {
  --faq-collapse-max-height: 800px;
  --faq-item-row-height: 68px;
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
  overflow: hidden;
}
.faq-accordion .accordion-item {
  border: none;
  border-bottom: 1px solid var(--clr-gray-100);
  background: var(--clr-white);
}
.faq-accordion .accordion-item.is-open {
  background: #6d5df612;
}
.faq-accordion .accordion-item:last-child {
  border-bottom: none;
}
.faq-accordion .accordion-button {
  min-height: var(--faq-item-row-height);
  height: var(--faq-item-row-height);
  font-family: var(--font-family-base);
  color: var(--clr-gray-800);
  background: var(--clr-white);
  box-shadow: none;
  align-items: center;
  gap: 12px;
  padding: 0 28px;
  font-size: 0.95rem;
  font-weight: 600;
  display: flex;
}
.faq-accordion .accordion-button-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}
.faq-accordion .accordion-button:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2371717a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  flex-shrink: 0;
  margin-left: auto;
  transition: transform 0.3s;
}
.faq-accordion .accordion-button:not(.collapsed) {
  color: var(--clr-black);
  box-shadow: none;
  background: 0 0;
}
.faq-accordion .accordion-item.is-open .accordion-button,
.faq-accordion .accordion-item.is-open .accordion-button:hover {
  background: 0 0;
}
.faq-accordion .accordion-button:not(.collapsed):after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236D5DF6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.faq-accordion .accordion-button:hover {
  background: var(--clr-gray-50);
}
.faq-accordion .accordion-button:focus {
  box-shadow: none;
  border-color: #0000;
}
.faq-accordion .accordion-collapse {
  max-height: 0;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  overflow: hidden;
}
.faq-accordion .accordion-collapse.show {
  max-height: var(--faq-collapse-max-height);
}
.faq-accordion .accordion-body {
  color: var(--clr-gray-500);
  padding: 0 28px 24px;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .faq-section {
    padding: 72px 0;
  }
  .faq-accordion-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .faq-accordion {
    --faq-item-row-height: 56px;
  }
  .faq-accordion .accordion-button {
    padding: 0 20px;
  }
  .faq-accordion .accordion-body {
    padding: 0 20px 20px;
  }
}
.globe-cta-section {
  background: var(--clr-white);
  border-top: 1px solid var(--clr-gray-100);
  --globe-cta-header-gap: 10px;
  flex-direction: column;
  align-items: center;
  min-height: clamp(600px, 78vh, 760px);
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}
.globe-cta-section__header {
  z-index: 3;
  text-align: center;
  width: 100%;
  margin: clamp(-8px, -1vw, 0px) 0 var(--globe-cta-header-gap);
  padding: clamp(24px, 3.5vw, 40px) 16px 0;
  position: relative;
}
.globe-cta-section__title {
  letter-spacing: -0.03em;
  color: var(--clr-black);
  max-width: 18ch;
  margin: 0 auto 1.25rem;
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.15;
}
.globe-cta-section__btn {
  gap: 6px;
  padding: 9px 18px;
  font-size: 0.8125rem;
  display: inline-flex;
}
.globe-cta-section__stage {
  flex-direction: column;
  justify-content: flex-start;
  min-height: clamp(600px, 78vh, 760px);
  display: flex;
  position: relative;
}
.globe-cta-section__cards {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.globe-cta-card {
  pointer-events: auto;
  border-radius: var(--radius-sm);
  background: linear-gradient(155deg, #ffffffeb 0%, var(--color-lilac-soft) 50%, #ffffffe6 100%);
  -webkit-backdrop-filter: blur(12px);
  max-width: min(210px, 28vw);
  transition:
    transform var(--transition-smooth),
    box-shadow var(--transition-smooth);
  border: 1px solid #ffffffd9;
  padding: 12px 16px;
  position: absolute;
  box-shadow:
    0 4px 16px #6d5df614,
    inset 0 1px #ffffffe6;
}
.globe-cta-card:hover {
  transform: translateY(-2px);
  box-shadow:
    0 8px 24px #6d5df61f,
    inset 0 1px #fffffff2;
}
.globe-cta-card--left-a {
  background: linear-gradient(155deg, var(--clr-white) 0%, #cfc4ff2e 45%, var(--clr-white) 100%);
}
.globe-cta-card--left-b {
  background: linear-gradient(155deg, var(--clr-white) 0%, #6d5df61c 50%, var(--clr-white) 100%);
}
.globe-cta-card--right-a {
  background: linear-gradient(155deg, var(--clr-white) 0%, #6d5df624 42%, var(--clr-white) 100%);
}
.globe-cta-card--right-b {
  background: linear-gradient(155deg, var(--clr-white) 0%, #cfc4ff29 48%, var(--clr-white) 100%);
}
.globe-cta-card--right-c {
  background: linear-gradient(155deg, var(--clr-white) 0%, #5b21b617 46%, #fffffff2 100%);
}
.globe-cta-card__text {
  letter-spacing: -0.01em;
  color: var(--clr-gray-600);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  display: block;
}
.globe-cta-card--left-a {
  top: 26%;
  left: max(12px, 50% - 468px);
  transform: rotate(-2deg);
}
.globe-cta-card--left-a:hover {
  transform: translateY(-2px) rotate(-2deg);
}
.globe-cta-card--left-b {
  top: 50%;
  left: max(12px, 50% - 480px);
  transform: rotate(1.5deg);
}
.globe-cta-card--left-b:hover {
  transform: translateY(-2px) rotate(1.5deg);
}
.globe-cta-card--right-a {
  top: 20%;
  right: max(12px, 50% - 426px);
  transform: rotate(2deg);
}
.globe-cta-card--right-a:hover {
  transform: translateY(-2px) rotate(2deg);
}
.globe-cta-card--right-b {
  top: 42%;
  right: max(12px, 50% - 478px);
  transform: rotate(-1.2deg);
}
.globe-cta-card--right-b:hover {
  transform: translateY(-2px) rotate(-1.2deg);
}
.globe-cta-card--right-c {
  top: 70%;
  right: max(8px, 50% - 498px);
  transform: rotate(1deg);
}
.globe-cta-card--right-c:hover {
  transform: translateY(-2px) rotate(1deg);
}
.globe-cta-section__globe {
  z-index: 1;
  pointer-events: none;
  flex-shrink: 0;
  align-self: center;
  width: min(1100px, 150vw);
  height: min(600px, 56vw);
  margin-top: 0;
  position: relative;
  bottom: auto;
  left: auto;
  transform: none;
}
.globe-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.globe-wrap canvas {
  width: 100%;
  height: 100%;
  display: block;
}
.globe-cta-section__globe:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(55% 45% at 50% 42%, #6d5df61a, #cfc4ff0d 38%, #0000 68%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 991px) {
  .globe-cta-section__title {
    max-width: 22ch;
  }
  .globe-cta-section__cards {
    pointer-events: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 28px 0 0;
    display: grid;
    position: relative;
    inset: auto;
  }
  .globe-cta-card {
    max-width: none;
    position: static;
    transform: none !important;
  }
  .globe-cta-card:hover {
    transform: translateY(-2px) !important;
  }
  .globe-cta-card--right-c {
    grid-column: 1/-1;
    justify-self: center;
    width: min(100%, 300px);
  }
  .globe-cta-section__stage {
    min-height: auto;
    padding-bottom: 0;
  }
  .globe-cta-section__globe {
    margin-top: 0;
    width: 150vw;
    max-width: 150vw;
    height: min(600px, 56vw);
    margin-inline: calc(50% - 75vw);
    position: relative;
    bottom: auto;
    left: auto;
    transform: none;
  }
}
@media (max-width: 767px) {
  .globe-cta-section {
    min-height: auto;
  }
  .globe-cta-section__header {
    margin-top: -4px;
    padding-top: 24px;
  }
  .globe-cta-section__title {
    max-width: none;
    font-size: clamp(1.5rem, 6vw, 2rem);
  }
  .globe-cta-section__globe {
    width: 160vw;
    max-width: 160vw;
    height: 60vw;
    margin-inline: calc(50% - 80vw);
  }
}
#footer:has(.globe-cta-section) {
  border-top: none;
  padding-top: 0;
}
@media (max-width: 991.98px) {
  #footer .footer-main-row > .footer-links-col {
    order: 1;
  }
  #footer .footer-main-row > .footer-brand-col {
    order: 2;
    padding-top: 2rem;
  }
}
#footer {
  background: var(--clr-white);
  color: var(--clr-gray-600);
  border-top: 1px solid var(--clr-gray-200);
  padding: 52px 0 0;
}
#footer .row {
  --bs-gutter-y: 2rem;
  --bs-gutter-x: 2rem;
}
.footer-brand {
  align-items: center;
  margin-bottom: 12px;
  display: inline-flex;
}
.footer-brand img {
  object-fit: contain;
  width: auto;
  height: calc(1rem + 16px);
  display: block;
}
.footer-brand-badge {
  background: var(--clr-black);
  color: var(--clr-white);
  border-radius: var(--radius-pill);
  padding: 5px 14px;
  font-size: 0.8rem;
  font-weight: 700;
}
.footer-tagline {
  color: var(--clr-gray-500);
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  font-size: 0.8rem;
  line-height: 1.65;
}
.footer-newsletter {
  gap: 8px;
  display: flex;
}
.footer-input {
  background: var(--clr-gray-50);
  border: 1px solid var(--clr-gray-200);
  color: var(--clr-black);
  border-radius: var(--radius-sm);
  font-size: 0.78rem;
  font-family: var(--font-family-base);
  transition:
    border-color var(--transition),
    box-shadow var(--transition);
  outline: none;
  flex: 1;
  padding: 10px 14px;
}
.footer-input:focus {
  border-color: var(--clr-accent);
  box-shadow: 0 0 0 3px var(--clr-accent-light);
}
.footer-input::placeholder {
  color: var(--clr-gray-400);
}
.footer-subscribe-btn {
  background: var(--clr-black);
  color: var(--clr-white);
  border: 2px solid var(--clr-black);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition:
    background var(--transition),
    border-color var(--transition),
    transform var(--transition);
  white-space: nowrap;
  padding: 10px 16px;
  font-size: 0.75rem;
  font-weight: 600;
}
.footer-subscribe-btn:hover {
  background: var(--clr-accent);
  border-color: var(--clr-accent);
  transform: scale(1.02);
}
.footer-subscribe-btn:disabled {
  opacity: 0.7;
  cursor: wait;
  transform: none;
}
.footer-newsletter__feedback {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
  line-height: 1.5;
}
.footer-newsletter__feedback--success {
  color: #2f6b3b;
}
.footer-newsletter__feedback--error {
  color: #b42318;
}
.footer-col-title {
  color: var(--clr-black);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 0.7rem;
  font-weight: 700;
}
.footer-links {
  flex-direction: column;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.footer-links a {
  color: var(--clr-gray-600);
  transition: color var(--transition);
  font-size: 0.8rem;
}
.footer-links a:hover {
  color: var(--clr-accent);
}
.footer-social {
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  display: flex;
}
.social-btn {
  border-radius: var(--radius-sm);
  background: var(--clr-gray-50);
  border: 1px solid var(--clr-gray-200);
  width: 34px;
  height: 34px;
  color: var(--clr-gray-500);
  transition:
    background var(--transition),
    color var(--transition),
    border-color var(--transition),
    transform var(--transition);
  justify-content: center;
  align-items: center;
  font-size: 0.85rem;
  text-decoration: none;
  display: flex;
}
.social-btn:hover {
  transform: scale(1.05);
}
.social-btn--facebook:hover {
  color: #1877f2;
  background: #1877f21a;
  border-color: #1877f2;
}
.social-btn--linkedin:hover {
  color: #0a66c2;
  background: #0a66c21a;
  border-color: #0a66c2;
}
.social-btn--instagram:hover {
  color: #e4405f;
  background: #e4405f1a;
  border-color: #e4405f;
}
.footer-partners {
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  margin-top: 28px;
  display: flex;
}
.footer-partner-logo {
  object-fit: contain;
  width: auto;
  max-width: 120px;
  height: 36px;
  display: block;
}
.footer-bottom {
  border-top: 1px solid var(--clr-gray-200);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
  padding: 20px 0;
  display: flex;
}
.footer-copy {
  color: var(--clr-gray-500);
  font-size: 0.72rem;
}
.footer-legal {
  gap: 20px;
  display: flex;
}
.footer-legal a {
  color: var(--clr-gray-500);
  transition: color var(--transition);
  font-size: 0.72rem;
}
.footer-legal a:hover {
  color: var(--clr-accent);
}
@media (max-width: 767px) {
  .footer-newsletter {
    flex-direction: column;
  }
  .footer-social {
    gap: 16px;
  }
  .footer-partners {
    gap: 20px;
    margin-top: 24px;
  }
  .footer-partner-logo {
    max-width: 100px;
    height: 32px;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
.corp-page {
  background: var(--clr-white);
  max-width: 100%;
  overflow-x: clip;
}
.corp-section {
  background: var(--clr-white);
  padding: 100px 0;
}
.corp-section--muted {
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
}
.corp-section--spacious {
  padding-bottom: 120px;
}
.corp-section-header {
  margin-bottom: 56px;
}
.corp-section-header--left .section-desc {
  margin-left: 0;
}
#about-why {
  background:
    radial-gradient(circle at 20% 30%, #624ce014 0%, transparent 55%),
    radial-gradient(circle at 80% 70%, #8b5cf60f 0%, transparent 55%), var(--clr-white);
}
.about-why__content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1.75rem;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
}
.about-why__title {
  margin: 0;
}
.about-why__desc {
  color: var(--clr-gray-500);
  max-width: 520px;
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
}
.corp-card {
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 20% 30%, #624ce014 0%, transparent 55%),
    radial-gradient(circle at 80% 70%, #8b5cf60f 0%, transparent 55%), var(--clr-white);
  height: 100%;
  min-height: 280px;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    transform var(--transition);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}
.corp-card:hover {
  border-color: var(--clr-gray-300);
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.corp-card__label {
  color: var(--clr-gray-400);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  z-index: 2;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: 14px;
  left: 16px;
}
.corp-card__visual {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 140px;
  display: flex;
  position: relative;
}
.corp-card__icon-wrap {
  z-index: 2;
  border-radius: var(--radius-sm);
  background: var(--color-lilac-soft);
  width: 56px;
  height: 56px;
  transition:
    transform var(--transition),
    box-shadow var(--transition);
  border: 1px solid #6d5df624;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.corp-card:hover .corp-card__icon-wrap {
  box-shadow: 0 8px 24px var(--clr-accent-glow);
  transform: scale(1.06);
}
.corp-card__icon {
  color: var(--clr-accent);
  font-size: 1.35rem;
  line-height: 1;
}
.corp-card__glow {
  pointer-events: none;
  background: radial-gradient(circle, #6d5df61f, #0000 70%);
  border-radius: 50%;
  width: 120px;
  height: 120px;
  position: absolute;
}
.corp-card__body {
  background: linear-gradient(to top, var(--clr-white) 80%, transparent);
  flex-direction: column;
  gap: 8px;
  padding: 20px 20px 24px;
  display: flex;
}
.corp-card__title {
  color: var(--clr-black);
  letter-spacing: -0.02em;
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}
.corp-card__desc {
  color: var(--clr-gray-500);
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.65;
}
.corp-card--wide {
  min-height: 320px;
}
.corp-card--wide .corp-card__visual {
  min-height: 160px;
}
.corp-card--wide .corp-card__icon-wrap {
  width: 64px;
  height: 64px;
}
.corp-card--wide .corp-card__icon {
  font-size: 1.5rem;
}
.corp-card--wide .corp-card__body {
  padding: 24px 28px 32px;
}
.corp-card--wide .corp-card__title {
  font-size: 1.25rem;
}
.corp-card--wide .corp-card__desc {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.corp-card--value {
  min-height: 260px;
}
.corp-card--value .corp-card__visual {
  min-height: 100px;
}
.corp-card--value .corp-card__desc {
  -webkit-line-clamp: unset;
  display: block;
}
.value-icon-box {
  z-index: 2;
  border-radius: var(--radius-sm);
  background: var(--color-lilac-soft);
  width: 56px;
  height: 56px;
  transition:
    transform var(--transition),
    box-shadow var(--transition);
  border: 1px solid #6d5df624;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.corp-card:hover .value-icon-box {
  box-shadow: 0 8px 24px var(--clr-accent-glow);
  transform: scale(1.06);
}
.value-icon-box__icon {
  color: #534ab7;
  font-size: 1.5rem;
  line-height: 1;
  transition:
    transform 1s ease-in-out,
    color 0.3s;
  display: inline-block;
  position: relative;
}
.value-icon-box__glow {
  border-radius: var(--radius-sm);
  opacity: 0;
  background: #534ab7;
  transition: opacity 0.6s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.value-icon-box__glow--active {
  opacity: 0.18;
}
.value-icon-box__icon--active {
  color: #7f77dd;
}
.value-icon-box__icon--heartbeat {
  animation: 1.8s ease-in-out infinite value-icon-heartbeat;
}
@keyframes value-icon-heartbeat {
  0%,
  to {
    transform: scale(1);
  }
  15% {
    transform: scale(1.18);
  }
  30% {
    transform: scale(1);
  }
}
.value-icon-box__check-badge {
  position: absolute;
  bottom: 6px;
  right: 6px;
}
.value-icon-box__check-mark {
  stroke-dasharray: 10;
  stroke-dashoffset: 10px;
  animation: 2.6s infinite value-icon-draw-check;
}
@keyframes value-icon-draw-check {
  0% {
    stroke-dashoffset: 10px;
  }
  20% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.value-icon-box__icon--sway {
  transform: rotate(-10deg);
}
.value-icon-box__dot {
  transition: transform 0.6s;
}
.about-value-card .corp-card__visual {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 20px 0;
}
.about-value-card .corp-card__body {
  padding-top: 12px;
}
.corp-card--infra {
  -webkit-backdrop-filter: blur(8px);
  background:
    radial-gradient(circle at 15% 20%, #6d5df61a, #0000 50%),
    radial-gradient(circle at 85% 80%, #cfc4ff26, #0000 50%), #ffffffb8;
}
.corp-card--infra .corp-card__icon-wrap {
  background: #fffc;
}
.corp-card-grid {
  max-width: var(--content-max-width);
  gap: 1.5rem;
  margin: 0 auto;
  display: grid;
}
.corp-card-grid--cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.corp-card-grid--cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.corp-card-grid--cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.corp-hero {
  min-height: 100vh;
  padding: calc(var(--nav-height) + 48px) 0 80px;
  background: var(--clr-white);
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.corp-hero:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(70% 50% at 50% 0, #6d5df60d, #0000 70%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.corp-hero__grid {
  z-index: 1;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 64px;
  display: grid;
  position: relative;
}
.corp-hero--centered .corp-hero__grid {
  text-align: center;
  grid-template-columns: 1fr;
}
.corp-hero--centered .corp-hero__content {
  max-width: 720px;
  margin: 0 auto;
}
.corp-hero--centered .corp-hero__btns {
  justify-content: center;
}
.corp-hero--no-visual .corp-hero__grid {
  grid-template-columns: 1fr;
}
.corp-hero__content {
  max-width: 560px;
}
.corp-hero__sub {
  color: var(--clr-gray-500);
  margin-bottom: 36px;
  font-size: 1.05rem;
  line-height: 1.75;
}
.corp-hero__btns {
  justify-content: flex-start;
  margin-bottom: 0;
}
.corp-hero__visual {
  min-height: 420px;
  position: relative;
}
.corp-hero__visual-inner {
  width: 100%;
  height: 100%;
  min-height: 420px;
  position: relative;
}
.corp-hero-visual__orb {
  filter: blur(60px);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}
.corp-hero-visual__orb--1 {
  background: #6d5df62e;
  width: 280px;
  height: 280px;
  top: 10%;
  right: 10%;
}
.corp-hero-visual__orb--2 {
  background: #cfc4ff40;
  width: 200px;
  height: 200px;
  bottom: 15%;
  left: 5%;
}
.corp-hero-visual__panel {
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--shadow-lg);
  background: #ffffffe0;
  position: absolute;
}
.corp-hero-visual__panel--main {
  width: min(100%, 340px);
  padding: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.corp-hero-visual__panel--float {
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  animation: 4s ease-in-out infinite corpFloat;
  display: flex;
  bottom: 12%;
  right: 0;
}
@keyframes corpFloat {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
.corp-hero-visual__panel-head {
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}
.corp-hero-visual__dot {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.corp-hero-visual__dot--green {
  background: #22c55e;
  box-shadow: 0 0 8px #22c55e80;
}
.corp-hero-visual__panel-label {
  color: var(--clr-gray-500);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
}
.corp-hero-visual__metrics {
  flex-direction: column;
  gap: 16px;
  display: flex;
}
.corp-hero-visual__metric-val {
  color: var(--clr-black);
  letter-spacing: -0.02em;
  font-size: 1.125rem;
  font-weight: 700;
}
.corp-hero-visual__metric-key {
  color: var(--clr-gray-400);
  margin-bottom: 6px;
  font-size: 0.75rem;
  display: block;
}
.corp-hero-visual__metric-bar {
  background: var(--clr-gray-100);
  border-radius: var(--radius-pill);
  height: 4px;
  overflow: hidden;
}
.corp-hero-visual__metric-fill {
  background: linear-gradient(90deg, var(--clr-accent), var(--color-lilac));
  border-radius: var(--radius-pill);
  height: 100%;
  transition: width 1s;
}
.corp-hero-visual__metric-fill--accent {
  background: linear-gradient(90deg, #8b5cf6, var(--clr-accent));
}
.corp-hero-visual__float-icon {
  color: var(--clr-accent);
  font-size: 1.25rem;
}
.corp-hero-visual__float-val {
  color: var(--clr-black);
  letter-spacing: -0.02em;
  font-size: 1.125rem;
  font-weight: 700;
}
.corp-hero-visual__float-key {
  color: var(--clr-gray-400);
  font-size: 0.6875rem;
}
.corp-hero-visual__nodes {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.corp-hero-visual__node {
  background: var(--clr-accent);
  opacity: 0.35;
  width: 6px;
  height: 6px;
  animation: 3s ease-in-out infinite corpPulse;
  animation-delay: calc(var(--i) * 0.4s);
  border-radius: 50%;
  position: absolute;
}
.corp-hero-visual__node:first-child {
  top: 18%;
  left: 12%;
}
.corp-hero-visual__node:nth-child(2) {
  top: 35%;
  right: 18%;
}
.corp-hero-visual__node:nth-child(3) {
  bottom: 40%;
  left: 8%;
}
.corp-hero-visual__node:nth-child(4) {
  top: 55%;
  right: 8%;
}
.corp-hero-visual__node:nth-child(5) {
  bottom: 22%;
  left: 35%;
}
@keyframes corpPulse {
  0%,
  to {
    opacity: 0.25;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.4);
  }
}
.about-hero-panel {
  background: var(--clr-gray-50);
  border-radius: var(--radius-lg);
  min-height: 480px;
  padding: 32px;
  position: relative;
  overflow: hidden;
}
.about-hero-panel.is-resetting .about-hero-panel__browser,
.about-hero-panel.is-resetting .about-hero-panel__card,
.about-hero-panel.is-resetting .about-hero-panel__shield,
.about-hero-panel.is-resetting .about-hero-panel__chart-line {
  transition: none;
}
.about-hero-panel__browser {
  opacity: 0;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  transition:
    opacity 0.7s,
    transform 0.7s;
  overflow: hidden;
  transform: translateY(20px) scale(0.97);
}
.about-hero-panel__browser.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.about-hero-panel__chrome {
  border-bottom: 0.5px solid var(--clr-gray-100);
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  display: flex;
}
.about-hero-panel__dots {
  gap: 6px;
  display: flex;
}
.about-hero-panel__dots span {
  background: var(--clr-gray-200);
  border-radius: 50%;
  width: 9px;
  height: 9px;
}
.about-hero-panel__url {
  background: var(--clr-gray-50);
  border-radius: var(--radius-sm);
  color: var(--clr-gray-400);
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  font-size: 11px;
  display: flex;
}
.about-hero-panel__url .bi {
  font-size: 11px;
}
.about-hero-panel__stage {
  min-height: 380px;
  padding: 28px 24px;
  position: relative;
}
.about-hero-panel__card {
  border-radius: var(--radius-md);
  opacity: 0;
  background: #eeedfe;
  transition:
    opacity 0.6s,
    transform 0.6s;
  transform: translateY(14px);
}
.about-hero-panel__card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.about-hero-panel__card--main {
  max-width: 300px;
  padding: 18px 20px;
  transform: translateY(16px);
}
.about-hero-panel__card--main.is-visible {
  transform: translateY(0);
}
.about-hero-panel__card--ai {
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  display: flex;
  position: absolute;
  top: 28px;
  right: 24px;
}
.about-hero-panel__card--order {
  align-items: center;
  gap: 10px;
  padding: 11px 15px;
  display: flex;
  position: absolute;
  bottom: 96px;
  right: 24px;
}
.about-hero-panel__card--users {
  align-items: center;
  gap: 10px;
  padding: 11px 15px;
  display: flex;
  position: absolute;
  bottom: 28px;
  left: 24px;
}
.about-hero-panel__card-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}
.about-hero-panel__card-title-row {
  align-items: center;
  gap: 10px;
  display: flex;
}
.about-hero-panel__icon {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-hero-panel__icon--chart {
  color: #fff;
  background: #534ab7;
  width: 32px;
  height: 32px;
  font-size: 16px;
}
.about-hero-panel__icon--ai {
  color: #fff;
  background: #7f77dd;
  width: 28px;
  height: 28px;
  font-size: 14px;
}
.about-hero-panel__icon--order {
  color: #26215c;
  background: #afa9ec;
  width: 26px;
  height: 26px;
  font-size: 13px;
}
.about-hero-panel__icon--users {
  color: #fff;
  background: #7f77dd;
  width: 26px;
  height: 26px;
  font-size: 13px;
}
.about-hero-panel__label {
  color: #26215c;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
}
.about-hero-panel__card--main .about-hero-panel__label {
  font-size: 13px;
}
.about-hero-panel__sublabel {
  color: #534ab7;
  margin: 0;
  font-size: 10.5px;
}
.about-hero-panel__card--main .about-hero-panel__sublabel {
  font-size: 11px;
}
.about-hero-panel__badge {
  border-radius: var(--radius-sm);
  color: #26215c;
  background: #cecbf6;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 500;
}
.about-hero-panel__sales {
  color: #26215c;
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 500;
}
.about-hero-panel__chart {
  display: block;
}
.about-hero-panel__chart-line {
  stroke-dasharray: 380;
  stroke-dashoffset: 380px;
  transition: stroke-dashoffset 1.6s 0.6s;
}
.about-hero-panel__chart-line.is-drawn {
  stroke-dashoffset: 0;
}
.about-hero-panel__users-num {
  color: #26215c;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}
.about-hero-panel__shield {
  opacity: 0;
  color: #534ab7;
  background: #eeedfe;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 20px;
  transition:
    opacity 0.5s,
    transform 0.5s;
  display: flex;
  position: absolute;
  top: 180px;
  left: 0;
  transform: scale(0.8);
}
.about-hero-panel__shield.is-visible {
  opacity: 1;
  transform: scale(1);
}
.about-hero-panel__pulse {
  pointer-events: none;
  background: #7f77dd;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 1.8s forwards aboutHeroPanelPulse;
  position: absolute;
  bottom: 106px;
  right: 50px;
}
@keyframes aboutHeroPanelPulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(3.5);
  }
}
.about-infra__grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(40px, 5vw, 72px);
  display: grid;
}
.about-infra__features {
  flex-direction: column;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.about-infra__feature {
  align-items: flex-start;
  gap: 18px;
  display: flex;
}
.about-infra__feature-icon {
  border-radius: var(--radius-sm);
  background: var(--color-lilac-soft);
  width: 48px;
  height: 48px;
  color: var(--clr-accent);
  transition:
    transform var(--transition),
    box-shadow var(--transition);
  border: 1px solid #6d5df624;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  display: flex;
}
.about-infra__feature:hover .about-infra__feature-icon {
  box-shadow: 0 8px 24px var(--clr-accent-glow);
  transform: scale(1.05);
}
.about-infra__feature-body {
  flex-direction: column;
  gap: 6px;
  padding-top: 2px;
  display: flex;
}
.about-infra__feature-title {
  color: var(--clr-black);
  letter-spacing: -0.02em;
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}
.about-infra__feature-desc {
  color: var(--clr-gray-500);
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
}
.about-infra-panel {
  background: var(--clr-gray-50);
  border-radius: var(--radius-lg);
  min-height: 520px;
  padding: 32px;
  position: relative;
  overflow: hidden;
}
.about-infra-panel.is-resetting .about-infra-panel__browser,
.about-infra-panel.is-resetting .about-infra-panel__metric,
.about-infra-panel.is-resetting .about-infra-panel__chart-card,
.about-infra-panel.is-resetting .about-infra-panel__components,
.about-infra-panel.is-resetting .about-infra-panel__ai-card,
.about-infra-panel.is-resetting .about-infra-panel__component-row,
.about-infra-panel.is-resetting .about-infra-panel__chart-line {
  transition: none;
}
.about-infra-panel__browser {
  opacity: 0;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  transition:
    opacity 0.7s,
    transform 0.7s;
  display: flex;
  overflow: hidden;
  transform: translateY(20px) scale(0.97);
}
.about-infra-panel__browser.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.about-infra-panel__sidebar {
  background: var(--clr-gray-50);
  border-right: 0.5px solid var(--clr-gray-200);
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 18px;
  width: 64px;
  padding: 16px 0;
  display: flex;
}
.about-infra-panel__sidebar-logo {
  border-radius: var(--radius-sm);
  background: var(--color-lilac-soft);
  width: 30px;
  height: 30px;
  color: var(--clr-accent);
  justify-content: center;
  align-items: center;
  font-size: 15px;
  display: flex;
}
.about-infra-panel__sidebar-icon {
  color: var(--clr-gray-600);
  font-size: 18px;
}
.about-infra-panel__sidebar-icon--active {
  color: var(--clr-accent);
}
.about-infra-panel__sidebar-icon--muted {
  color: var(--clr-gray-400);
}
.about-infra-panel__main {
  flex-direction: column;
  flex: 1;
  gap: 14px;
  min-height: 420px;
  padding: 22px 24px;
  display: flex;
}
.about-infra-panel__metrics {
  gap: 12px;
  display: flex;
}
.about-infra-panel__metric {
  background: var(--color-lilac);
  flex: 1;
}
@supports (color: color-mix(in lab, red, red)) {
  .about-infra-panel__metric {
    background: color-mix(in srgb, var(--color-lilac) 28%, var(--clr-white));
  }
}
.about-infra-panel__metric {
  border-radius: var(--radius-md);
  opacity: 0;
  padding: 13px 15px;
  transition:
    opacity 0.5s,
    transform 0.5s;
  transform: translateY(12px);
}
.about-infra-panel__metric.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.about-infra-panel__metric-head {
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}
.about-infra-panel__metric-head .bi {
  color: var(--clr-accent);
  font-size: 14px;
}
.about-infra-panel__metric-head p {
  color: var(--clr-accent);
  margin: 0;
  font-size: 11px;
}
.about-infra-panel__metric-val {
  color: var(--clr-gray-900);
  margin: 0;
  font-size: 19px;
  font-weight: 500;
}
.about-infra-panel__metric-val--sm {
  font-size: 15px;
}
.about-infra-panel__chart-card {
  background: var(--color-lilac);
}
@supports (color: color-mix(in lab, red, red)) {
  .about-infra-panel__chart-card {
    background: color-mix(in srgb, var(--color-lilac) 28%, var(--clr-white));
  }
}
.about-infra-panel__chart-card {
  border-radius: var(--radius-md);
  opacity: 0;
  padding: 16px 18px;
  transition:
    opacity 0.5s,
    transform 0.5s;
  transform: translateY(12px);
}
.about-infra-panel__chart-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.about-infra-panel__chart-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}
.about-infra-panel__chart-head p {
  color: var(--clr-gray-900);
  margin: 0;
  font-size: 12.5px;
  font-weight: 500;
}
.about-infra-panel__live-badge {
  border-radius: var(--radius-sm);
  background: var(--clr-accent);
  color: var(--clr-white);
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 500;
}
.about-infra-panel__chart {
  display: block;
}
.about-infra-panel__chart-line {
  stroke: var(--clr-accent);
  stroke-dasharray: 520;
  stroke-dashoffset: 520px;
  transition: stroke-dashoffset 1.6s 0.4s;
}
.about-infra-panel__chart-line.is-drawn {
  stroke-dashoffset: 0;
}
.about-infra-panel__chart-dot {
  fill: var(--clr-accent);
}
.about-infra-panel__bottom {
  flex: 1;
  gap: 12px;
  display: flex;
}
.about-infra-panel__components,
.about-infra-panel__ai-card {
  background: var(--color-lilac);
  flex: 1;
}
@supports (color: color-mix(in lab, red, red)) {
  .about-infra-panel__components,
  .about-infra-panel__ai-card {
    background: color-mix(in srgb, var(--color-lilac) 28%, var(--clr-white));
  }
}
.about-infra-panel__components,
.about-infra-panel__ai-card {
  border-radius: var(--radius-md);
  opacity: 0;
  padding: 14px 16px;
  transition:
    opacity 0.5s,
    transform 0.5s;
  transform: translateY(12px);
}
.about-infra-panel__components.is-visible,
.about-infra-panel__ai-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.about-infra-panel__components {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.about-infra-panel__components-title {
  color: var(--clr-gray-900);
  margin: 0 0 2px;
  font-size: 12px;
  font-weight: 500;
}
.about-infra-panel__component-row {
  opacity: 0;
  align-items: center;
  gap: 8px;
  transition: opacity 0.4s;
  display: flex;
}
.about-infra-panel__component-row.is-visible {
  opacity: 1;
}
.about-infra-panel__component-row .bi {
  color: var(--clr-accent);
  font-size: 13px;
}
.about-infra-panel__component-row span:nth-child(2) {
  color: var(--clr-gray-900);
  font-size: 11.5px;
}
.about-infra-panel__status-dot {
  background: #5dcaa5;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-left: auto;
}
.about-infra-panel__ai-card {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
.about-infra-panel__ai-head {
  align-items: center;
  gap: 8px;
  display: flex;
}
.about-infra-panel__ai-icon {
  background: var(--clr-accent);
  border-radius: 50%;
  width: 26px;
  height: 26px;
}
@supports (color: color-mix(in lab, red, red)) {
  .about-infra-panel__ai-icon {
    background: color-mix(in srgb, var(--clr-accent) 72%, var(--color-lilac));
  }
}
.about-infra-panel__ai-icon {
  color: var(--clr-white);
  justify-content: center;
  align-items: center;
  font-size: 13px;
  display: flex;
}
.about-infra-panel__ai-head p {
  color: var(--clr-gray-900);
  margin: 0;
  font-size: 12px;
  font-weight: 500;
}
.about-infra-panel__ai-text {
  color: var(--clr-accent);
  margin: 8px 0 0;
  font-size: 11px;
}
.about-infra-panel__pulse {
  background: var(--clr-white);
  pointer-events: none;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.6s forwards aboutInfraPanelPulse;
  position: absolute;
  top: 56px;
  right: 60px;
}
@keyframes aboutInfraPanelPulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(3);
  }
}
.corp-timeline {
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.corp-timeline__track {
  background: var(--clr-gray-200);
  border-radius: var(--radius-pill);
  width: 2px;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
}
.corp-timeline__line {
  background: linear-gradient(to bottom, var(--clr-accent), var(--color-lilac));
  transform-origin: top;
  will-change: transform;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.corp-timeline__list {
  flex-direction: column;
  gap: 48px;
  display: flex;
}
.corp-timeline__item {
  opacity: 0.45;
  transition: opacity var(--transition-smooth);
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  column-gap: 24px;
  display: grid;
  position: relative;
}
.corp-timeline__item--active {
  opacity: 1;
}
.corp-timeline__node-wrap {
  z-index: 1;
  grid-area: 1/2;
  justify-content: center;
  justify-self: center;
  width: 32px;
  display: flex;
  position: relative;
  top: 4px;
}
.corp-timeline__node {
  border: 2px solid var(--clr-gray-300);
  background: var(--clr-white);
  width: 16px;
  height: 16px;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    transform var(--transition);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.corp-timeline__item--active .corp-timeline__node {
  border-color: var(--clr-accent);
  box-shadow:
    0 0 0 4px var(--clr-accent-light),
    0 0 16px var(--clr-accent-glow);
  transform: scale(1.1);
}
.corp-timeline__node-inner {
  background: var(--clr-gray-300);
  width: 6px;
  height: 6px;
  transition: background var(--transition);
  border-radius: 50%;
}
.corp-timeline__item--active .corp-timeline__node-inner {
  background: var(--clr-accent);
}
.corp-timeline__item:nth-child(odd) .corp-timeline__card {
  grid-area: 1/1;
  justify-self: end;
}
.corp-timeline__item:nth-child(2n) .corp-timeline__card {
  grid-area: 1/3;
  justify-self: start;
}
.corp-timeline__card {
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background: radial-gradient(circle at 10% 20%, #6d5df60d 0%, transparent 50%), var(--clr-white);
  width: 100%;
  min-width: 0;
  transition:
    border-color var(--transition),
    box-shadow var(--transition);
  padding: 24px 28px;
}
.corp-timeline__item--active .corp-timeline__card {
  box-shadow: var(--shadow-md);
  border-color: #6d5df640;
}
.corp-timeline__year {
  color: var(--clr-accent);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-block;
}
.corp-timeline__title {
  color: var(--clr-black);
  letter-spacing: -0.02em;
  margin: 0 0 8px;
  font-size: 1.125rem;
  font-weight: 600;
}
.corp-timeline__desc {
  color: var(--clr-gray-500);
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
}
@media (max-width: 1199px) {
  .corp-card-grid--cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .corp-section {
    padding: 80px 0;
  }
  .corp-section-header {
    margin-bottom: 40px;
  }
  .corp-hero {
    min-height: auto;
    padding: calc(var(--nav-height) + 40px) 0 64px;
  }
  .corp-hero__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .corp-hero__content {
    text-align: center;
    max-width: 100%;
  }
  .corp-hero__btns {
    justify-content: center;
  }
  .corp-hero__visual,
  .corp-hero__visual-inner {
    min-height: 360px;
  }
  .about-hero-panel {
    min-height: 400px;
    padding: 20px;
  }
  .about-hero-panel__stage {
    min-height: 340px;
  }
  .about-hero-panel__card--ai {
    top: 20px;
    right: 16px;
  }
  .about-hero-panel__card--order {
    bottom: 80px;
    right: 16px;
  }
  .about-hero-panel__card--users {
    bottom: 20px;
    left: 16px;
  }
  .about-infra__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .about-infra-panel {
    min-height: 460px;
    padding: 20px;
  }
  .about-infra-panel__main {
    min-height: 380px;
    padding: 18px 16px;
  }
  .corp-card-grid--cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .corp-card-grid--cols-2 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .corp-section {
    padding: 64px 0;
  }
  .about-why__content {
    gap: 1.25rem;
  }
  .about-why__desc {
    font-size: 0.9375rem;
    line-height: 1.6;
  }
  .corp-card-grid--cols-2,
  .corp-card-grid--cols-3,
  .corp-card-grid--cols-4 {
    grid-template-columns: 1fr;
  }
  #about-vision > .container,
  #about-values > .container {
    max-width: 100%;
    overflow-x: clip;
  }
  #about-vision .corp-card-grid,
  #about-values .corp-card-grid {
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    grid-template-columns: unset;
    gap: 12px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-inline: 0;
    padding: 4px 0 8px;
    display: flex;
    overflow-x: auto;
  }
  #about-vision .corp-card-grid::-webkit-scrollbar {
    display: none;
  }
  #about-values .corp-card-grid::-webkit-scrollbar {
    display: none;
  }
  #about-vision .corp-card-grid > *,
  #about-values .corp-card-grid > * {
    scroll-snap-align: center;
    flex: 0 0 88%;
    min-width: 0;
    max-width: 340px;
  }
  .corp-hero__sub {
    margin-bottom: 28px;
    font-size: 1rem;
  }
  .corp-hero__btns {
    flex-wrap: wrap;
  }
  .corp-hero-visual__panel--float {
    bottom: 8%;
    right: 8%;
  }
  .corp-timeline {
    max-width: 720px;
    padding-left: 40px;
  }
  .corp-timeline__track {
    left: 15px;
    transform: none;
  }
  .corp-timeline__item {
    grid-template-columns: 1fr;
  }
  .corp-timeline__node-wrap {
    grid-area: auto;
    justify-self: auto;
    position: absolute;
    left: -40px;
  }
  .corp-timeline__item:nth-child(odd) .corp-timeline__card,
  .corp-timeline__item:nth-child(2n) .corp-timeline__card {
    grid-area: auto/1;
    justify-self: stretch;
  }
  .corp-timeline__list {
    gap: 32px;
  }
  .corp-timeline__card {
    padding: 20px;
  }
  .about-infra-panel__metrics,
  .about-infra-panel__bottom {
    flex-direction: column;
  }
  .about-infra-panel__sidebar {
    gap: 14px;
    width: 52px;
  }
}
@media (max-width: 480px) {
  .corp-hero__btns a {
    flex: calc(50% - 5px);
    justify-content: center;
    padding: 11px 14px;
    font-size: 0.8125rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .corp-hero-visual__panel--float,
  .corp-hero-visual__node {
    animation: none;
  }
  .about-hero-panel__browser,
  .about-hero-panel__card,
  .about-hero-panel__shield,
  .about-hero-panel__chart-line,
  .about-hero-panel__pulse {
    transition: none;
    animation: none;
  }
  .about-hero-panel__browser,
  .about-hero-panel__card,
  .about-hero-panel__shield {
    opacity: 1;
    transform: none;
  }
  .about-hero-panel__chart-line {
    stroke-dashoffset: 0;
  }
  .about-hero-panel__pulse {
    display: none;
  }
  .about-infra-panel__browser,
  .about-infra-panel__metric,
  .about-infra-panel__chart-card,
  .about-infra-panel__components,
  .about-infra-panel__ai-card,
  .about-infra-panel__component-row,
  .about-infra-panel__chart-line,
  .about-infra-panel__pulse {
    transition: none;
    animation: none;
  }
  .about-infra-panel__browser,
  .about-infra-panel__metric,
  .about-infra-panel__chart-card,
  .about-infra-panel__components,
  .about-infra-panel__ai-card,
  .about-infra-panel__component-row {
    opacity: 1;
    transform: none;
  }
  .about-infra-panel__chart-line {
    stroke-dashoffset: 0;
  }
  .about-infra-panel__pulse {
    display: none;
  }
  .corp-card:hover,
  .corp-timeline__item--active .corp-timeline__node {
    transform: none;
  }
}
#contact-hero.corp-hero {
  min-height: auto;
  padding: calc(var(--nav-height) + 72px) 0 80px;
}
#contact-hero .corp-hero__sub {
  margin-bottom: 0;
}
.contact-hero__channels {
  z-index: 1;
  margin-top: 56px;
  position: relative;
}
.contact-channel-card {
  text-align: center;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 20% 30%, #624ce014 0%, transparent 55%),
    radial-gradient(circle at 80% 70%, #8b5cf60f 0%, transparent 55%), var(--clr-white);
  height: 100%;
  min-height: 240px;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    transform var(--transition);
  flex-direction: column;
  align-items: center;
  padding: 28px 20px 24px;
  display: flex;
}
.contact-channel-card:hover {
  border-color: var(--clr-gray-300);
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.contact-channel-card__icon-wrap {
  border-radius: var(--radius-sm);
  background: var(--color-lilac-soft);
  border: 1px solid #6d5df624;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  display: flex;
}
.contact-channel-card__icon {
  color: var(--clr-accent);
  font-size: 1.35rem;
  line-height: 1;
}
.contact-channel-card__body {
  flex-direction: column;
  gap: 6px;
  display: flex;
}
.contact-channel-card__title {
  color: var(--clr-black);
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
}
.contact-channel-card__value {
  color: var(--clr-black);
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}
.contact-channel-card__value--link:hover {
  color: var(--clr-accent);
}
.contact-channel-card__meta,
.contact-channel-card__note {
  color: var(--clr-gray-500);
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
}
.contact-form {
  max-width: 720px;
  margin: 0 auto;
}
.contact-form__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  display: grid;
}
.contact-form__field {
  flex-direction: column;
  gap: 0.5rem;
  display: flex;
}
.contact-form__field--full {
  grid-column: 1/-1;
}
.contact-form__label {
  color: var(--clr-black);
  font-size: 0.875rem;
  font-weight: 600;
}
.contact-form__label span {
  color: var(--clr-accent);
}
.contact-form__input {
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-sm);
  width: 100%;
  color: var(--clr-black);
  background: var(--clr-white);
  transition:
    border-color var(--transition),
    box-shadow var(--transition);
  padding: 13px 16px;
  font-size: 0.9375rem;
}
.contact-form__input:focus {
  border-color: var(--clr-accent);
  box-shadow: 0 0 0 3px var(--clr-accent-glow);
  outline: none;
}
.contact-form__input::placeholder {
  color: var(--clr-gray-400);
}
.contact-form__textarea {
  resize: vertical;
  min-height: 148px;
}
.contact-form__actions {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 1.75rem;
  display: flex;
}
.contact-form__privacy {
  color: var(--clr-gray-500);
  max-width: 520px;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.6;
}
.contact-form__feedback {
  margin: 0;
  font-size: 0.875rem;
}
.contact-form__feedback--success {
  color: #15803d;
}
.contact-form__feedback--error {
  color: #b91c1c;
}
.contact-form__field-error {
  color: #b91c1c;
  margin: 0.375rem 0 0;
  font-size: 0.8125rem;
}
.contact-form__input--invalid {
  border-color: #b91c1c;
}
.contact-form__char-count {
  color: var(--clr-gray-500);
  text-align: right;
  margin: 0.375rem 0 0;
  font-size: 0.8125rem;
}
.contact-office-card {
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background: var(--clr-white);
  height: 100%;
  min-height: 220px;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    transform var(--transition);
  flex-direction: column;
  gap: 1rem;
  padding: 28px;
  display: flex;
}
.contact-office-card:hover {
  border-color: var(--clr-gray-300);
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.contact-office-card__header {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}
.contact-office-card__label {
  color: var(--clr-black);
  font-size: 1rem;
  font-weight: 600;
}
.contact-office-card__city {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--clr-accent);
  background: var(--color-lilac-soft);
  border-radius: var(--radius-pill);
  border: 1px solid #6d5df624;
  padding: 4px 10px;
  font-size: 0.75rem;
  font-weight: 600;
}
.contact-office-card__address {
  color: var(--clr-gray-500);
  white-space: pre-line;
  flex: 1;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.65;
}
.contact-office-card__map-link {
  color: var(--clr-accent);
  align-items: center;
  gap: 6px;
  margin-top: auto;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}
.contact-office-card__map-link:hover {
  text-decoration: underline;
}
@media (max-width: 991px) {
  #contact-channels .corp-card-grid--cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .contact-form__grid,
  #contact-channels .corp-card-grid--cols-4,
  #contact-offices .corp-card-grid--cols-2 {
    grid-template-columns: 1fr;
  }
}
#demo-request.corp-section {
  padding-top: 120px;
}
.demo-request {
  max-width: var(--content-max-width);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  align-items: start;
  gap: 48px;
  margin: 0 auto;
  display: grid;
}
.demo-request-panel {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 8px 0;
  display: flex;
  position: sticky;
  top: 104px;
}
.demo-request-panel .badge {
  align-self: flex-start;
  width: fit-content;
  max-width: max-content;
}
.demo-request-panel__title {
  color: var(--clr-black);
  letter-spacing: -0.02em;
  margin: 0;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.12;
}
.demo-request-panel__desc {
  color: var(--clr-gray-500);
  max-width: 480px;
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
}
.demo-request-panel__benefits {
  flex-direction: column;
  gap: 0.875rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.demo-request-panel__benefit {
  color: var(--clr-black);
  align-items: center;
  gap: 0.875rem;
  font-size: 0.9375rem;
  font-weight: 500;
  display: flex;
}
.demo-request-panel__benefit-icon {
  border-radius: var(--radius-sm);
  background: var(--color-lilac-soft);
  border: 1px solid #6d5df624;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1rem;
  display: inline-flex;
}
.demo-request-form {
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 20% 20%, #624ce00f 0%, transparent 55%),
    radial-gradient(circle at 80% 80%, #8b5cf60a 0%, transparent 55%), var(--clr-white);
  box-shadow: var(--shadow-md);
  padding: 36px;
}
.demo-request-form__panels {
  display: grid;
  position: relative;
}
.demo-request-form__panels > .demo-request-form__panel {
  grid-area: 1/1;
  min-width: 0;
}
.demo-request-form__panel--inactive {
  visibility: hidden;
  pointer-events: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.demo-request-form__steps {
  border-bottom: 1px solid var(--clr-gray-100);
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  display: grid;
}
.demo-request-form__step {
  border-radius: var(--radius-sm);
  color: var(--clr-gray-400);
  transition:
    color var(--transition),
    background var(--transition);
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  display: flex;
}
.demo-request-form__step--active {
  color: var(--clr-black);
  background: var(--color-lilac-soft);
}
.demo-request-form__step--completed {
  color: var(--clr-accent);
}
.demo-request-form__step-index {
  border: 1.5px solid;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 0.8125rem;
  font-weight: 700;
  display: inline-flex;
}
.demo-request-form__step-label {
  font-size: 0.9375rem;
  font-weight: 600;
}
.demo-request-form__title {
  color: var(--clr-black);
  margin: 0 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.demo-request-form__lead {
  color: var(--clr-gray-500);
  margin: 0 0 1.75rem;
  font-size: 0.9375rem;
  line-height: 1.6;
}
.demo-request-form__fields {
  flex-direction: column;
  gap: 1.25rem;
  display: flex;
}
.demo-request-form__field {
  border: none;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: flex;
}
.demo-request-form__label {
  color: var(--clr-black);
  font-size: 0.875rem;
  font-weight: 600;
}
.demo-request-form__label span {
  color: var(--clr-accent);
}
.demo-request-form__input {
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-sm);
  width: 100%;
  color: var(--clr-black);
  background: var(--clr-white);
  transition:
    border-color var(--transition),
    box-shadow var(--transition);
  padding: 13px 16px;
  font-size: 0.9375rem;
}
.demo-request-form__input:focus {
  border-color: var(--clr-accent);
  box-shadow: 0 0 0 3px var(--clr-accent-glow);
  outline: none;
}
.demo-request-form__input::placeholder {
  color: var(--clr-gray-400);
}
.demo-request-form__phone {
  align-items: stretch;
  gap: 0;
  display: flex;
}
.demo-request-form__phone-code {
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  background: var(--clr-gray-50);
  color: var(--clr-gray-500);
  white-space: nowrap;
  border-right: none;
  align-items: center;
  padding: 0 14px;
  font-size: 0.9375rem;
  font-weight: 600;
  display: inline-flex;
}
.demo-request-form__input--phone {
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.demo-request-form__field--referral {
  position: relative;
}
.demo-request-form__custom-select {
  width: 100%;
  position: relative;
}
.demo-request-form__select-trigger {
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
  align-items: center;
  width: 100%;
  display: flex;
}
.demo-request-form__select-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
.demo-request-form__select-label--placeholder {
  color: var(--clr-gray-400);
}
.demo-request-form__select-menu {
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  box-shadow: var(--shadow-md);
  max-height: 240px;
  margin: 0;
  padding: 6px;
  list-style: none;
  overflow-y: auto;
}
.demo-request-form__select-menu--floating {
  z-index: 1100;
  position: fixed;
}
.demo-request-form__select-option {
  border-radius: calc(var(--radius-sm) - 2px);
  color: var(--clr-black);
  cursor: pointer;
  transition:
    background var(--transition),
    color var(--transition);
  padding: 10px 12px;
  font-size: 0.9375rem;
}
.demo-request-form__select-option:hover,
.demo-request-form__select-option:focus {
  background: var(--color-lilac-soft);
  color: var(--clr-accent);
  outline: none;
}
.demo-request-form__select-option--selected {
  background: var(--color-lilac-soft);
  color: var(--clr-accent);
  font-weight: 600;
}
.demo-request-form__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-position: right 14px center;
  background-repeat: no-repeat;
  padding-right: 42px;
}
.demo-request-form__choices {
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  display: grid;
}
.demo-request-form__choice {
  border: 1.5px solid var(--clr-gray-200);
  border-radius: var(--radius-sm);
  color: var(--clr-black);
  cursor: pointer;
  transition:
    border-color var(--transition),
    background var(--transition),
    color var(--transition);
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 14px 16px;
  font-size: 0.9375rem;
  font-weight: 600;
  display: flex;
}
.demo-request-form__choice--selected {
  border-color: var(--clr-accent);
  background: var(--color-lilac-soft);
  color: var(--clr-accent);
}
.demo-request-form__choice-input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.demo-request-form__actions {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  display: flex;
}
.demo-request-form__actions--end {
  justify-content: flex-end;
}
.demo-request-form__actions button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}
.demo-request-form__privacy {
  color: var(--clr-gray-500);
  margin: 1.25rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.6;
}
.demo-request-form__privacy-link {
  color: var(--clr-accent);
  transition: color var(--transition);
  font-weight: 600;
  text-decoration: none;
}
.demo-request-form__privacy-link:hover {
  color: #5a4ad4;
  text-decoration: underline;
}
.demo-request-form__feedback {
  margin: 1rem 0 0;
  font-size: 0.875rem;
}
.demo-request-form__feedback--error {
  color: #b91c1c;
}
.demo-request-form__field-error {
  color: #b91c1c;
  margin: 0.375rem 0 0;
  font-size: 0.8125rem;
}
.demo-request-form__input--invalid {
  border-color: #b91c1c;
}
.demo-request-form__input--invalid:focus {
  border-color: #b91c1c;
  box-shadow: 0 0 0 3px #b91c1c1f;
}
.demo-request-form__success {
  text-align: center;
  padding: 2rem 1rem;
}
.demo-request-form__success-title {
  color: var(--clr-black);
  margin: 0 0 0.75rem;
  font-size: 1.375rem;
  font-weight: 700;
}
.demo-request-form__success-text {
  color: var(--clr-gray-500);
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
}
@media (max-width: 991px) {
  .demo-request {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .demo-request-panel {
    text-align: left;
    align-items: flex-start;
    position: static;
  }
  .demo-request-panel__desc {
    max-width: none;
  }
  .demo-request-panel__benefits {
    width: 100%;
    max-width: 420px;
  }
}
@media (max-width: 767px) {
  #demo-request.corp-section {
    padding-top: 96px;
  }
  .demo-request-form {
    padding: 24px 20px;
  }
  .demo-request-form__choices {
    grid-template-columns: 1fr;
  }
  .demo-request-form__actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .demo-request-form__actions button {
    justify-content: center;
    width: 100%;
  }
}
.forsid-ekibimiz #team-founders:not([data-team-loaded]):not(:has(.team-member-card)),
.forsid-ekibimiz #team-developers:not([data-team-loaded]):not(:has(.team-member-card)),
#team-founders:not([data-team-loaded]):not(:has(.team-member-card)),
#team-developers:not([data-team-loaded]):not(:has(.team-member-card)),
#team-founders[hidden]:not([data-team-loaded]):not(:has(.team-member-card)),
#team-developers[hidden]:not([data-team-loaded]):not(:has(.team-member-card)) {
  display: none !important;
}
.forsid-ekibimiz #team-founders:has(.team-member-card--skeleton),
.forsid-ekibimiz #team-developers:has(.team-member-card--skeleton),
#team-founders:has(.team-member-card--skeleton),
#team-developers:has(.team-member-card--skeleton) {
  display: block !important;
}
#team-founders[data-team-loaded],
#team-developers[data-team-loaded],
#team-founders:has(.team-member-card),
#team-developers:has(.team-member-card) {
  display: block !important;
}
#team-founders .corp-card-grid,
#team-developers .corp-card-grid {
  max-width: var(--content-max-width);
}
.team-member-card {
  border-radius: var(--radius-md);
  background: var(--clr-white);
  border: 1px solid var(--clr-gray-200);
  height: 100%;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    transform var(--transition);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}
.team-member-card:hover {
  border-color: var(--clr-gray-300);
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.team-member-card__photo {
  aspect-ratio: 4/5;
  background: var(--clr-gray-200);
  overflow: hidden;
}
.team-member-card__photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.team-member-card__meta {
  padding: 16px 18px 18px;
}
.team-member-card__head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
  display: flex;
}
.team-member-card__name {
  color: var(--clr-black);
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}
.team-member-card__linkedin {
  width: 28px;
  height: 28px;
  color: var(--clr-gray-400);
  background: var(--clr-gray-100);
  transition:
    color var(--transition),
    background var(--transition),
    transform var(--transition);
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}
.team-member-card__linkedin:hover,
.team-member-card:hover .team-member-card__linkedin {
  color: var(--clr-white);
  background: #0a66c2;
  transform: scale(1.05);
}
.team-member-card__role {
  color: var(--clr-gray-500);
  text-align: left;
  transition: color var(--transition);
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}
.team-member-card:hover .team-member-card__role {
  color: var(--clr-accent);
}
@media (max-width: 991px) {
  #team-developers .corp-card-grid--cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  #team-founders .corp-card-grid--cols-3,
  #team-developers .corp-card-grid--cols-4 {
    grid-template-columns: 1fr;
  }
}
.contract-page .contract-detail-section {
  padding-top: calc(var(--nav-height, 72px) + 32px);
}
.contract-detail-section {
  padding-top: 0;
  padding-bottom: clamp(64px, 8vw, 96px);
}
.contract-detail__layout {
  max-width: var(--content-max-width);
  grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
  align-items: start;
  gap: 32px;
  margin: 0 auto;
  display: grid;
}
.contract-detail__sidebar {
  top: calc(var(--nav-height) + 24px);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background: var(--clr-white);
  padding: 24px;
  position: sticky;
}
.contract-detail__sidebar-title {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--clr-gray-400);
  margin: 0 0 16px;
  font-size: 0.75rem;
  font-weight: 700;
}
.contract-detail__nav {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.contract-detail__nav-link {
  border-radius: var(--radius-sm);
  color: var(--clr-gray-600);
  transition:
    background var(--transition),
    color var(--transition);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}
.contract-detail__nav-link:hover {
  background: var(--color-lilac-soft);
  color: var(--clr-accent);
}
.contract-detail__nav-link.is-active {
  background: var(--color-lilac-soft);
  color: var(--clr-accent);
  font-weight: 600;
}
.contract-detail__nav-link .bi {
  opacity: 0.6;
  font-size: 0.875rem;
}
.contract-detail__article {
  min-width: 0;
}
.contract-detail__card {
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background: radial-gradient(circle at 12% 8%, #6d5df60d 0%, transparent 42%), var(--clr-white);
  box-shadow: var(--shadow-sm);
  padding: clamp(28px, 4vw, 48px);
}
.contract-detail__header {
  border-bottom: 0.5px solid var(--clr-gray-200);
  margin-bottom: clamp(24px, 4vw, 32px);
  padding-bottom: clamp(20px, 3vw, 28px);
}
.contract-detail__title {
  letter-spacing: -0.03em;
  color: var(--clr-black);
  margin: 0 0 12px;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.15;
}
.contract-detail__updated {
  color: var(--clr-gray-500);
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}
.contract-detail__body {
  min-width: 0;
}
.contract-prose {
  color: var(--clr-gray-700);
  font-size: 1rem;
  line-height: 1.8;
}
.contract-prose > :first-child {
  margin-top: 0;
}
.contract-prose > :last-child {
  margin-bottom: 0;
}
.contract-prose h2,
.contract-prose h3,
.contract-prose h4 {
  color: var(--clr-black);
  letter-spacing: -0.02em;
  margin: 2rem 0 0.75rem;
  line-height: 1.35;
}
.contract-prose h2 {
  font-size: 1.375rem;
  font-weight: 700;
}
.contract-prose h3 {
  font-size: 1.125rem;
  font-weight: 600;
}
.contract-prose p {
  margin: 0 0 1rem;
}
.contract-prose ul,
.contract-prose ol {
  margin: 0 0 1.25rem;
  padding-left: 1.5rem;
}
.contract-prose li + li {
  margin-top: 0.5rem;
}
.contract-prose a {
  color: var(--clr-accent);
  text-underline-offset: 2px;
  text-decoration: underline;
}
.contract-prose strong {
  color: var(--clr-black);
  font-weight: 600;
}
@media (max-width: 991px) {
  .contract-detail__layout {
    grid-template-columns: 1fr;
  }
  .contract-detail__sidebar {
    position: static;
  }
}
@media (max-width: 767px) {
  .contract-detail__card {
    padding: 24px 20px;
  }
  .contract-detail__title {
    font-size: 1.625rem;
  }
  .contract-prose {
    font-size: 0.9375rem;
    line-height: 1.75;
  }
}
.integrations-page,
.integration-detail-section {
  --integration-border: var(--clr-gray-200);
  --integration-border-active: var(--clr-gray-300);
  --integration-surface-soft: var(--clr-white);
  --integration-shadow: 0 1px 2px #0a0a0a0a, 0 4px 12px #0a0a0a0a;
  --integration-shadow-hover: 0 2px 4px #0a0a0a0f, 0 8px 20px #0a0a0a0f;
}
.integration-nav {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  display: flex;
}
.integration-nav__item {
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-pill);
  background: var(--clr-white);
  min-height: 38px;
  color: var(--clr-gray-600);
  transition:
    border-color var(--transition),
    color var(--transition),
    background var(--transition),
    box-shadow var(--transition);
  align-items: center;
  padding: 0 14px;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}
.integration-nav__item:hover {
  border-color: var(--clr-gray-300);
  color: var(--clr-black);
  background: var(--clr-gray-100);
}
.integration-nav__item--active {
  border-color: var(--clr-gray-300);
  background: var(--clr-gray-100);
  color: var(--clr-black);
  box-shadow: none;
}
@media (max-width: 767.98px) {
  .integration-nav {
    justify-content: flex-start;
  }
}
.integration-list-section {
  padding-top: 40px;
  padding-bottom: 48px;
}
.integration-list-section + .integration-list-section {
  border-top: 0.5px solid var(--clr-gray-100);
  padding-top: 48px;
}
.integration-list-section__header {
  margin-bottom: 24px;
}
.integration-list-section__title {
  letter-spacing: -0.02em;
  color: var(--clr-black);
  margin: 0 0 6px;
  font-size: 1.25rem;
  font-weight: 700;
}
.integration-list-section__count {
  color: var(--clr-gray-500);
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.integration-list-section__count:before {
  content: "";
  background: var(--clr-gray-400);
  vertical-align: middle;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  display: inline-block;
}
.integration-grid {
  gap: 12px;
  display: grid;
}
.integration-grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.integration-grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.integration-grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 991.98px) {
  .integration-grid--cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .integration-grid--cols-3,
  .integration-grid--cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 479.98px) {
  .integration-grid--cols-2,
  .integration-grid--cols-3,
  .integration-grid--cols-4 {
    grid-template-columns: minmax(0, 1fr);
  }
}
[data-integration-grid]:not([data-integration-ready]) > .integration-card:not(.integration-card--skeleton) {
  display: none !important;
}
[data-integration-grid]:not([data-integration-ready]) {
  min-height: 48px;
}
.integration-card {
  border: 1px solid var(--integration-border);
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  min-height: 108px;
  padding: 18px 20px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .integration-card {
    background: color-mix(in srgb, var(--clr-gray-100) 42%, var(--clr-white));
  }
}
.integration-card {
  color: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: var(--integration-shadow);
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    background var(--transition);
  text-decoration: none;
}
.integration-card:hover {
  border-color: var(--integration-border-active);
  background: var(--clr-white);
  box-shadow: var(--integration-shadow-hover);
}
.integration-card--featured {
  border-color: var(--clr-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .integration-card--featured {
    border-color: color-mix(in srgb, var(--clr-black) 14%, var(--integration-border));
  }
}
.integration-card--featured {
  background: var(--clr-white);
  box-shadow:
    var(--integration-shadow),
    inset 3px 0 0 var(--clr-gray-900);
}
.integration-card--featured:hover {
  border-color: var(--clr-black);
}
@supports (color: color-mix(in lab, red, red)) {
  .integration-card--featured:hover {
    border-color: color-mix(in srgb, var(--clr-black) 22%, var(--integration-border));
  }
}
.integration-card:focus-visible {
  outline: 2px solid var(--clr-gray-400);
  outline-offset: 2px;
}
.integration-card__logo {
  border: 1px solid var(--integration-border);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}
.integration-card__logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 8px;
}
.integration-card__initials {
  color: var(--clr-gray-600);
  letter-spacing: 0.02em;
  font-size: 0.8125rem;
  font-weight: 700;
}
.integration-card__content {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  padding-top: 2px;
  display: flex;
}
.integration-card__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}
.integration-card__name {
  letter-spacing: -0.01em;
  min-width: 0;
  color: var(--clr-black);
  flex: 1;
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
}
.integration-card__badges {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 52%;
  display: inline-flex;
}
.integration-card__badge {
  border-radius: var(--radius-pill);
  background: var(--clr-gray-100);
  min-height: 24px;
  color: var(--clr-gray-600);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}
.integration-card__badge .bi {
  font-size: 0.625rem;
}
.integration-card__badge--featured {
  background: var(--clr-gray-900);
  color: var(--clr-white);
  font-weight: 600;
}
.integration-card__description {
  color: var(--clr-gray-500);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  display: -webkit-box;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .integration-card {
    gap: 14px;
    min-height: 96px;
    padding: 16px;
  }
  .integration-card__logo {
    width: 48px;
    height: 48px;
  }
  .integration-card__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .integration-card__badges {
    justify-content: flex-start;
    max-width: none;
  }
}
.integration-detail-page .integration-detail-section {
  padding-top: calc(var(--nav-height, 72px) + 32px);
}
.integration-detail__back {
  color: var(--clr-gray-600);
  transition: color var(--transition);
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}
button.integration-detail__back {
  cursor: pointer;
  font: inherit;
  background: 0 0;
  border: 0;
  padding: 0;
}
.integration-detail__back:hover {
  color: var(--clr-black);
}
.integration-detail-section {
  padding-top: 0;
  padding-bottom: 64px;
}
.integration-detail-section[hidden] {
  display: none !important;
}
.integrations-page .catalog-sections + .integration-detail-section {
  margin-top: -8px;
}
.integration-detail__card {
  border: 1px solid var(--integration-border);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
  box-shadow: var(--integration-shadow);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}
.integration-detail__head {
  border-bottom: 1px solid var(--integration-border);
  background: var(--clr-gray-100);
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 24px 16px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .integration-detail__head {
    background: color-mix(in srgb, var(--clr-gray-100) 55%, var(--clr-white));
  }
}
.integration-detail__identity {
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}
.integration-detail__logo {
  border: 0.5px solid var(--integration-border);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}
.integration-detail__logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 8px;
}
.integration-detail__initials {
  color: var(--clr-gray-600);
  font-size: 0.875rem;
  font-weight: 700;
}
.integration-detail__titles {
  min-width: 0;
}
.integration-detail__title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}
.integration-detail__name {
  letter-spacing: -0.02em;
  color: var(--clr-black);
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
}
.integration-detail__featured {
  border-radius: var(--radius-pill);
  background: var(--clr-gray-100);
  color: var(--clr-gray-700);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 3px 8px;
  font-size: 0.625rem;
  font-weight: 600;
}
.integration-detail__category {
  border-radius: var(--radius-pill);
  background: var(--clr-gray-100);
  color: var(--clr-gray-600);
  margin-top: 6px;
  padding: 4px 10px;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-flex;
}
.integration-detail__close {
  border: 0.5px solid var(--integration-border);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  width: 36px;
  height: 36px;
  color: var(--clr-gray-600);
  cursor: pointer;
  transition:
    border-color var(--transition),
    color var(--transition),
    background var(--transition),
    box-shadow var(--transition);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.integration-detail__close:hover {
  border-color: var(--integration-border-active);
  color: var(--clr-black);
  background: var(--clr-gray-100);
  box-shadow: none;
}
.integration-detail__body {
  background: var(--clr-white);
  padding: 20px 24px;
}
.integration-detail__description {
  color: var(--clr-gray-600);
  font-size: 0.9375rem;
  line-height: 1.7;
}
.integration-detail__description--plain {
  margin: 0;
}
.integration-detail__description :where(p, ul, ol) {
  margin: 0 0 12px;
}
.integration-detail__description :where(p:last-child, ul:last-child, ol:last-child) {
  margin-bottom: 0;
}
.integration-detail__description :where(ul, ol) {
  padding-left: 1.25rem;
}
.integration-detail__description :where(a) {
  color: var(--clr-accent);
  text-underline-offset: 2px;
  text-decoration: underline;
}
.integration-detail__features {
  border-top: 0.5px solid var(--integration-border);
  margin-top: 20px;
  padding-top: 20px;
}
.integration-detail__features-title {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--clr-gray-600);
  margin: 0 0 12px;
  font-size: 0.8125rem;
  font-weight: 600;
}
.integration-detail__features-list {
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.integration-detail__features-list li {
  border: 1px solid var(--integration-border);
  border-radius: var(--radius-pill);
  background: var(--clr-gray-100);
  color: var(--clr-gray-700);
  padding: 6px 12px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.35;
}
.integration-detail__footer {
  border-top: 1px solid var(--integration-border);
  background: var(--clr-gray-100);
  padding: 16px 24px 24px;
}
@supports (color: color-mix(in lab, red, red)) {
  .integration-detail__footer {
    background: color-mix(in srgb, var(--clr-gray-100) 45%, var(--clr-white));
  }
}
.integration-detail__website {
  border: 1px solid var(--integration-border);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  min-height: 42px;
  color: var(--clr-black);
  transition:
    border-color var(--transition),
    background var(--transition),
    color var(--transition),
    box-shadow var(--transition);
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}
.integration-detail__website:hover {
  border-color: var(--clr-gray-400);
  background: var(--clr-gray-100);
  color: var(--clr-black);
  box-shadow: none;
}
@media (max-width: 575.98px) {
  .integration-detail__head,
  .integration-detail__body,
  .integration-detail__footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.partners-page,
.partner-detail-section {
  --partner-border: var(--clr-gray-200);
  --partner-border-active: var(--clr-gray-300);
  --partner-surface-soft: var(--clr-white);
  --partner-shadow: 0 1px 2px #0a0a0a0a, 0 4px 12px #0a0a0a0a;
  --partner-shadow-hover: 0 2px 4px #0a0a0a0f, 0 8px 20px #0a0a0a0f;
}
.partner-list-section {
  padding-top: 40px;
  padding-bottom: 48px;
}
.partner-list-section + .partner-list-section {
  border-top: 0.5px solid var(--clr-gray-100);
  padding-top: 48px;
}
.partner-list-section__header {
  margin-bottom: 24px;
}
.partner-list-section__title {
  letter-spacing: -0.02em;
  color: var(--clr-black);
  margin: 0 0 6px;
  font-size: 1.25rem;
  font-weight: 700;
}
.partner-list-section__count {
  color: var(--clr-gray-500);
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.partner-list-section__count:before {
  content: "";
  background: var(--clr-gray-400);
  vertical-align: middle;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  display: inline-block;
}
.partner-grid {
  gap: 12px;
  display: grid;
}
.partner-grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.partner-grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.partner-grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 991.98px) {
  .partner-grid--cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .partner-grid--cols-3,
  .partner-grid--cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 479.98px) {
  .partner-grid--cols-2,
  .partner-grid--cols-3,
  .partner-grid--cols-4 {
    grid-template-columns: minmax(0, 1fr);
  }
}
[data-partner-grid]:not([data-partner-ready]) > .partner-card:not(.partner-card--skeleton) {
  display: none !important;
}
[data-partner-grid]:not([data-partner-ready]) {
  min-height: 48px;
}
.partner-card {
  border: 1px solid var(--partner-border);
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  min-height: 108px;
  padding: 18px 20px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .partner-card {
    background: color-mix(in srgb, var(--clr-gray-100) 42%, var(--clr-white));
  }
}
.partner-card {
  color: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: var(--partner-shadow);
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    background var(--transition);
  text-decoration: none;
}
.partner-card:hover {
  border-color: var(--partner-border-active);
  background: var(--clr-white);
  box-shadow: var(--partner-shadow-hover);
}
.partner-card:focus-visible {
  outline: 2px solid var(--clr-gray-400);
  outline-offset: 2px;
}
.partner-card__logo {
  border: 1px solid var(--partner-border);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}
.partner-card__logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 8px;
}
.partner-card__initials {
  color: var(--clr-gray-600);
  letter-spacing: 0.02em;
  font-size: 0.8125rem;
  font-weight: 700;
}
.partner-card__content {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  padding-top: 2px;
  display: flex;
}
.partner-card__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}
.partner-card__name {
  letter-spacing: -0.01em;
  min-width: 0;
  color: var(--clr-black);
  flex: 1;
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
}
.partner-card__badges {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 52%;
  display: inline-flex;
}
.partner-card__badge {
  border-radius: var(--radius-pill);
  background: var(--clr-gray-100);
  min-height: 24px;
  color: var(--clr-gray-600);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}
.partner-card__description {
  color: var(--clr-gray-500);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  display: -webkit-box;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .partner-card {
    gap: 14px;
    min-height: 96px;
    padding: 16px;
  }
  .partner-card__logo {
    width: 48px;
    height: 48px;
  }
  .partner-card__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .partner-card__badges {
    justify-content: flex-start;
    max-width: none;
  }
}
.partner-detail-page .partner-detail-section {
  padding-top: calc(var(--nav-height, 72px) + 32px);
}
.partner-detail__back {
  color: var(--clr-gray-600);
  transition: color var(--transition);
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}
button.partner-detail__back {
  cursor: pointer;
  font: inherit;
  background: 0 0;
  border: 0;
  padding: 0;
}
.partner-detail__back:hover {
  color: var(--clr-black);
}
.partner-detail-section {
  padding-top: 0;
  padding-bottom: 64px;
}
.partner-detail-section[hidden] {
  display: none !important;
}
.partners-page .catalog-sections + .partner-detail-section {
  margin-top: -8px;
}
.partner-detail__card {
  border: 1px solid var(--partner-border);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
  box-shadow: var(--partner-shadow);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}
.partner-detail__head {
  border-bottom: 1px solid var(--partner-border);
  background: var(--clr-gray-100);
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 24px 16px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .partner-detail__head {
    background: color-mix(in srgb, var(--clr-gray-100) 55%, var(--clr-white));
  }
}
.partner-detail__identity {
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}
.partner-detail__logo {
  border: 0.5px solid var(--partner-border);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}
.partner-detail__logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 8px;
}
.partner-detail__initials {
  color: var(--clr-gray-600);
  font-size: 0.875rem;
  font-weight: 700;
}
.partner-detail__titles {
  min-width: 0;
}
.partner-detail__title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}
.partner-detail__name {
  letter-spacing: -0.02em;
  color: var(--clr-black);
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
}
.partner-detail__category {
  border-radius: var(--radius-pill);
  background: var(--clr-gray-100);
  color: var(--clr-gray-600);
  margin-top: 6px;
  padding: 4px 10px;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-flex;
}
.partner-detail__close {
  border: 0.5px solid var(--partner-border);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  width: 36px;
  height: 36px;
  color: var(--clr-gray-600);
  cursor: pointer;
  transition:
    border-color var(--transition),
    color var(--transition),
    background var(--transition),
    box-shadow var(--transition);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.partner-detail__close:hover {
  border-color: var(--partner-border-active);
  color: var(--clr-black);
  background: var(--clr-gray-100);
  box-shadow: none;
}
.partner-detail__body {
  background: var(--clr-white);
  padding: 20px 24px;
}
.partner-detail__description {
  color: var(--clr-gray-600);
  font-size: 0.9375rem;
  line-height: 1.7;
}
.partner-detail__description--plain {
  margin: 0;
}
.partner-detail__description :where(p, ul, ol) {
  margin: 0 0 12px;
}
.partner-detail__description :where(p:last-child, ul:last-child, ol:last-child) {
  margin-bottom: 0;
}
.partner-detail__description :where(ul, ol) {
  padding-left: 1.25rem;
}
.partner-detail__description :where(a) {
  color: var(--clr-accent);
  text-underline-offset: 2px;
  text-decoration: underline;
}
.partner-detail__services {
  border-top: 0.5px solid var(--partner-border);
  margin-top: 20px;
  padding-top: 20px;
}
.partner-detail__services-title {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--clr-gray-600);
  margin: 0 0 12px;
  font-size: 0.8125rem;
  font-weight: 600;
}
.partner-detail__services-list {
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.partner-detail__services-list li {
  border: 1px solid var(--partner-border);
  border-radius: var(--radius-pill);
  background: var(--clr-gray-100);
  color: var(--clr-gray-700);
  padding: 6px 12px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.35;
}
.partner-detail__footer {
  border-top: 1px solid var(--partner-border);
  background: var(--clr-gray-100);
  padding: 16px 24px 24px;
}
@supports (color: color-mix(in lab, red, red)) {
  .partner-detail__footer {
    background: color-mix(in srgb, var(--clr-gray-100) 45%, var(--clr-white));
  }
}
.partner-detail__website {
  border: 1px solid var(--partner-border);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  min-height: 42px;
  color: var(--clr-black);
  transition:
    border-color var(--transition),
    background var(--transition),
    color var(--transition),
    box-shadow var(--transition);
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}
.partner-detail__website:hover {
  border-color: var(--clr-gray-400);
  background: var(--clr-gray-100);
  color: var(--clr-black);
  box-shadow: none;
}
@media (max-width: 575.98px) {
  .partner-detail__head,
  .partner-detail__body,
  .partner-detail__footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.partners-page__inner {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}
.partners-page__top {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}
.partners-page__header,
.partners-page__title {
  margin: 0;
}
.partners-filters {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}
.partners-filter-btn {
  border: 0.5px solid var(--clr-gray-200);
  color: var(--clr-gray-600);
  cursor: pointer;
  font-size: 12px;
  font-family: var(--font-family-base);
  transition:
    background var(--transition),
    color var(--transition),
    border-color var(--transition);
  background: 0 0;
  border-radius: 20px;
  padding: 6px 16px;
}
.partners-filter-btn:hover {
  border-color: var(--clr-gray-300);
  color: var(--clr-black);
}
.partners-filter-btn--active {
  background: var(--clr-black);
  color: var(--clr-white);
  border-color: var(--clr-black);
}
.partners-filter-btn--active:hover {
  color: var(--clr-white);
}
#partners-grid:not([data-catalog-list-loaded]):not(:has(.partner-card)),
#references-grid:not([data-catalog-list-loaded]):not(:has(.ref-card)),
[data-integration-list-section]:not([data-catalog-list-loaded]):not(:has(.integration-card)),
.integrations-page #integrations-nav:not([data-catalog-nav-loaded]) {
  display: none !important;
}
#catalog-hero.corp-hero {
  min-height: auto;
  padding: calc(var(--nav-height) + 72px) 0 48px;
}
#catalog-hero .corp-hero__sub {
  margin-bottom: 0;
}
#catalog-hero.corp-hero:has(.corp-hero__btns) .corp-hero__sub {
  margin-bottom: 28px;
}
.catalog-page__nav-section {
  padding-top: 0;
  padding-bottom: 32px;
}
.catalog-page-state {
  min-height: 60vh;
  padding: calc(var(--nav-height) + 48px) 24px 80px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.catalog-page-state--inline {
  min-height: 0;
  padding: 48px 24px;
}
.catalog-page-state__inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 420px;
  display: flex;
}
.catalog-page-state__inner h1 {
  letter-spacing: -0.02em;
  color: var(--clr-black);
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
}
.catalog-page-state__inner p {
  color: var(--clr-gray-500);
  margin: 0;
  line-height: 1.65;
}
.catalog-page-state__icon {
  color: var(--clr-gray-400);
  font-size: 2rem;
}
.catalog-page-state__spinner {
  border: 2px solid var(--clr-gray-200);
  border-top-color: var(--clr-accent);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  animation: 0.7s linear infinite catalogSpin;
}
@keyframes catalogSpin {
  to {
    transform: rotate(360deg);
  }
}
.catalog-skeleton__block,
.catalog-skeleton__line {
  display: block;
  background: linear-gradient(90deg, var(--clr-gray-100) 25%, var(--clr-gray-200) 50%, var(--clr-gray-100) 75%);
  background-size: 200% 100%;
  animation: shimmer 2s linear infinite;
  border-radius: var(--radius-sm);
}
@media (prefers-reduced-motion: reduce) {
  .catalog-skeleton__block,
  .catalog-skeleton__line {
    animation: none;
    background: var(--clr-gray-200);
  }
}
.catalog-skeleton__line--title {
  height: 16px;
  width: 65%;
  margin-bottom: 8px;
}
.catalog-skeleton__line--desc {
  height: 12px;
  width: 88%;
}
.catalog-skeleton__line--short {
  height: 12px;
  width: 42%;
}
.integration-card--skeleton,
.partner-card--skeleton {
  pointer-events: none;
  cursor: default;
}
.integration-card--skeleton .integration-card__logo,
.partner-card--skeleton .partner-card__logo {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: var(--clr-gray-200);
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.integration-card--skeleton .integration-card__logo img,
.integration-card--skeleton .integration-card__initials,
.partner-card--skeleton .partner-card__logo img,
.partner-card--skeleton .partner-card__initials {
  display: none;
}
.ref-card--skeleton {
  pointer-events: none;
  cursor: default;
}
.ref-card--skeleton .ref-card__media {
  aspect-ratio: 4 / 3;
  background: var(--clr-gray-100);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.ref-card--skeleton .ref-card__fill,
.ref-card--skeleton .ref-card__overlay,
.ref-card--skeleton .ref-card__logo,
.ref-card--skeleton .ref-card__arrow {
  display: none;
}
.ref-card--skeleton .ref-card__foot {
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.team-member-card--skeleton {
  pointer-events: none;
}
.team-member-card--skeleton .team-member-card__photo {
  aspect-ratio: 1;
  background: var(--clr-gray-100);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.team-member-card--skeleton .team-member-card__head,
.team-member-card--skeleton .team-member-card__linkedin {
  display: none;
}
.team-member-card--skeleton .team-member-card__meta {
  padding: 16px 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pricing-plan-card--skeleton {
  pointer-events: none;
  cursor: default;
}
.pricing-plan-card--skeleton .pricing-plan-card__head,
.pricing-plan-card--skeleton .pricing-plan-card__price-block,
.pricing-plan-card--skeleton .pricing-plan-card__footer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pricing-tier-tabs--skeleton {
  pointer-events: none;
  cursor: default;
}
.pricing-tier-tabs__skeleton-pill {
  display: block;
  width: 132px;
  height: 42px;
  border-radius: var(--radius-pill);
}
.pricing-tier-tabs__skeleton-pill--active {
  width: 156px;
}
.pricing-benefits--skeleton {
  pointer-events: none;
}
.pricing-benefits__item--skeleton {
  border-color: var(--clr-gray-200);
  background: var(--clr-white);
  box-shadow: var(--shadow-sm);
}
.pricing-benefits__item--skeleton .pricing-benefits__icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
}
.pricing-benefits__item--skeleton .catalog-skeleton__line {
  flex: 1;
  min-width: 0;
  max-width: 100%;
}
.nav-skeleton {
  display: flex;
  align-items: center;
  gap: 12px;
}
.nav-skeleton__pill {
  display: block;
  width: 72px;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--clr-gray-100) 25%, var(--clr-gray-200) 50%, var(--clr-gray-100) 75%);
  background-size: 200% 100%;
  animation: shimmer 2s linear infinite;
}
.nav-skeleton__pill--wide {
  width: 96px;
}
@media (prefers-reduced-motion: reduce) {
  .nav-skeleton__pill {
    animation: none;
    background: var(--clr-gray-200);
  }
}
.catalog-category-nav {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  display: flex;
}
.catalog-category-nav__item {
  border: 0.5px solid var(--clr-gray-200);
  background: var(--clr-white);
  min-height: 40px;
  color: var(--clr-gray-600);
  transition:
    border-color var(--transition),
    color var(--transition),
    background var(--transition),
    box-shadow var(--transition);
  border-radius: 999px;
  align-items: center;
  padding: 0 16px;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}
.catalog-category-nav__item:hover {
  border-color: var(--clr-accent);
  color: var(--clr-accent);
  background: var(--clr-accent-light);
}
.catalog-category-nav__item--active {
  border-color: var(--clr-accent);
  background: var(--clr-accent-light);
  color: var(--clr-accent);
  box-shadow: 0 0 0 1px #624ce014;
}
.catalog-card {
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 20% 30%, #624ce00f 0%, transparent 55%),
    radial-gradient(circle at 80% 70%, #8b5cf60a 0%, transparent 55%), var(--clr-white);
  height: 100%;
  color: inherit;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    transform var(--transition);
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}
.catalog-card--link:hover {
  border-color: var(--clr-gray-300);
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.catalog-card--compact {
  text-align: center;
  align-items: center;
  gap: 12px;
  padding: 28px 20px;
}
.catalog-card__head {
  align-items: flex-start;
  gap: 14px;
  display: flex;
  position: relative;
}
.catalog-card--compact .catalog-card__head {
  flex-direction: column;
  align-items: center;
}
.catalog-card__logo {
  border-radius: var(--radius-sm);
  border: 0.5px solid var(--clr-gray-200);
  background: var(--clr-white);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}
.catalog-card__logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 8px;
}
.catalog-card__initials {
  color: var(--clr-accent);
  letter-spacing: 0.02em;
  font-size: 0.875rem;
  font-weight: 700;
}
.catalog-card__meta {
  flex: 1;
  min-width: 0;
}
.catalog-card__title-row {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.catalog-card__name {
  letter-spacing: -0.02em;
  color: var(--clr-black);
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.35;
}
.catalog-card__external {
  color: var(--clr-gray-400);
  flex-shrink: 0;
  margin-top: 3px;
  font-size: 0.875rem;
}
.catalog-card__category {
  background: var(--clr-accent-light);
  color: var(--clr-accent);
  border-radius: 999px;
  margin-top: 6px;
  padding: 4px 10px;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-flex;
}
.catalog-card__featured {
  background: var(--clr-black);
  color: var(--clr-white);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 0.6875rem;
  font-weight: 600;
  position: absolute;
  top: -8px;
  right: 0;
}
.catalog-card__desc {
  color: var(--clr-gray-500);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.65;
  display: -webkit-box;
  overflow: hidden;
}
.catalog-card__tags {
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.catalog-card__tags li {
  border-radius: var(--radius-sm);
  background: var(--clr-gray-50);
  border: 0.5px solid var(--clr-gray-100);
  color: var(--clr-gray-600);
  padding: 6px 10px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
}
@media (max-width: 767.98px) {
  .catalog-card {
    padding: 20px;
  }
  .catalog-category-nav {
    justify-content: flex-start;
  }
}
@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-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@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;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}

/* >>> BEGIN BLOG CRITICAL CSS >>> */

.blog-page {
  --blog-content-max: 780px;
}
.blog-page-state {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--nav-height) + 48px) 24px 80px;
}
.blog-page-state__inner {
  max-width: 420px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.blog-page-state__inner h1 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clr-black);
}
.blog-page-state__inner p {
  margin: 0;
  color: var(--clr-gray-500);
  line-height: 1.65;
}
.blog-page-state__icon {
  font-size: 2rem;
  color: var(--clr-gray-400);
}
@keyframes blogSpin {
  to {
    transform: rotate(360deg);
  }
}
.blog-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}
.blog-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  color: var(--clr-gray-500);
  line-height: 1.4;
}
.blog-meta__item .bi {
  font-size: 0.9375rem;
  color: var(--clr-gray-400);
}
.blog-meta__item--link {
  text-decoration: none;
  transition: color var(--transition);
}
.blog-meta__item--link:hover,
.blog-meta__item--link:hover .bi {
  color: var(--clr-accent);
}
.blog-archive-nav {
  margin-bottom: 32px;
}
.blog-archive-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clr-gray-500);
  text-decoration: none;
  transition: color var(--transition);
}
.blog-archive-nav__link:hover {
  color: var(--clr-accent);
}
.blog-author-profile {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  margin-bottom: 32px;
  padding: 20px 24px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background: var(--clr-white);
}
.blog-author-profile__avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
}
.blog-author-profile__links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.blog-author-profile__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clr-gray-600);
  text-decoration: none;
  transition: color var(--transition);
}
.blog-author-profile__link:hover {
  color: var(--clr-accent);
}
.blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 48px;
}
.blog-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clr-gray-600);
  text-decoration: none;
  transition:
    border-color var(--transition),
    color var(--transition),
    background var(--transition);
}
.blog-pagination__btn:hover:not(:disabled) {
  border-color: var(--clr-accent);
  color: var(--clr-accent);
  background: var(--clr-accent-light);
}
.blog-pagination__btn--disabled {
  opacity: 0.45;
  pointer-events: none;
}
.blog-pagination__btn--active {
  border-color: var(--clr-accent);
  background: var(--clr-accent-light);
  color: var(--clr-accent);
  font-weight: 600;
}
.blog-index-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--clr-white);
  text-decoration: none;
  color: inherit;
  transition:
    border-color var(--transition),
    box-shadow var(--transition),
    transform var(--transition);
}
.blog-index-card:hover {
  border-color: var(--clr-gray-300);
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.blog-index-card--skeleton {
  pointer-events: none;
  cursor: default;
}
.blog-index-card--skeleton:hover {
  border-color: var(--clr-gray-200);
  box-shadow: none;
  transform: none;
}
.blog-index-card--skeleton .blog-index-card__media {
  background: var(--clr-gray-100);
}
.blog-index-card--skeleton .blog-index-card__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}
.blog-index-card__media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--clr-gray-100);
}
.blog-index-card__media img,
.blog-index-card__media-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-index-card__media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 30% 30%, rgba(109, 93, 246, 0.12) 0%, transparent 55%),
    var(--clr-gray-50);
  color: var(--clr-accent);
  font-size: 2rem;
}
.blog-index-card__category {
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 6px 10px;
  border-radius: var(--radius-pill);
  background: #ffffffeb;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--clr-accent);
}
.blog-index-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}
.blog-index-card__title {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.4;
  color: var(--clr-black);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-index-card:hover .blog-index-card__title {
  color: var(--clr-accent);
}
.blog-index-card__excerpt {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--clr-gray-500);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-index-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--clr-gray-100);
}
.blog-index-card__author {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.blog-index-card__avatar {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--clr-gray-200);
}
.blog-index-card__author-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--clr-gray-600);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-index-card__date {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--clr-gray-400);
}
#blog-hero.corp-hero {
  min-height: auto;
  padding: calc(var(--nav-height) + 72px) 0 64px;
}
#blog-hero .corp-hero__sub {
  margin-bottom: 0;
}
.blog-index {
  padding-bottom: 120px;
}
.blog-index__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 991px) {
  .blog-index__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .blog-index {
    padding-bottom: 80px;
  }
  .blog-index__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.forsid-blog-index #blog-hero.corp-hero {
  padding-top: calc(var(--nav-height, 72px) + 48px);
}
.blog-article {
  padding-top: var(--nav-height);
}
.blog-article__cover {
  width: 100%;
  min-height: clamp(220px, 36vw, 420px);
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.16) 0%, transparent 42%),
    linear-gradient(135deg, #5b4de0 0%, var(--clr-accent) 42%, #a78bfa 100%);
}
.blog-article__cover--has-image {
  background: var(--clr-gray-900);
}
.blog-article__cover-image {
  display: block;
  width: 100%;
  height: clamp(220px, 36vw, 420px);
  object-fit: cover;
}
.blog-article__inner {
  max-width: var(--blog-content-max);
  margin: 0 auto;
  padding: clamp(32px, 5vw, 56px) 24px clamp(72px, 8vw, 96px);
}
.blog-article__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin-bottom: 20px;
}
.blog-article__category {
  display: inline-flex;
  align-items: center;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--clr-accent);
  text-decoration: none;
  transition: opacity var(--transition);
}
.blog-article__category:hover {
  opacity: 0.8;
}
.blog-article__meta-item {
  font-size: 0.875rem;
  color: var(--clr-gray-500);
  line-height: 1.4;
}
.blog-article__meta-sep {
  color: var(--clr-gray-300);
  font-size: 0.875rem;
  line-height: 1;
}
.blog-article__title {
  margin: 0 0 28px;
  font-size: clamp(2rem, 4.5vw, 2.75rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--clr-black);
}
.blog-article__author {
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: 0.5px solid var(--clr-gray-200);
}
.blog-article__author-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  color: inherit;
  transition: opacity var(--transition);
}
.blog-article__author-link:hover {
  opacity: 0.85;
}
.blog-article__author-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.blog-article__author-avatar--placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-accent-light);
  color: var(--clr-accent);
  font-size: 1.125rem;
}
.blog-article__author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.blog-article__author-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
  line-height: 1.3;
}
.blog-article__author-role {
  font-size: 0.8125rem;
  color: var(--clr-gray-500);
  line-height: 1.4;
}
.blog-article__lead {
  margin: 0 0 2rem;
  font-size: clamp(1.125rem, 2.2vw, 1.3125rem);
  font-weight: 500;
  line-height: 1.7;
  color: var(--clr-gray-600);
  letter-spacing: -0.01em;
}
.blog-prose {
  color: var(--clr-gray-700);
  font-size: 1.0625rem;
  line-height: 1.8;
}
.blog-prose > :first-child {
  margin-top: 0;
}
.blog-prose > :last-child {
  margin-bottom: 0;
}
.blog-prose h2,
.blog-prose h3,
.blog-prose h4 {
  color: var(--clr-black);
  letter-spacing: -0.02em;
  line-height: 1.35;
  margin: 2.5rem 0 0.875rem;
}
.blog-prose h2 {
  font-size: 1.5rem;
  font-weight: 700;
}
.blog-prose h3 {
  font-size: 1.25rem;
  font-weight: 600;
}
.blog-prose p {
  margin: 0 0 1.125rem;
}
.blog-prose ul,
.blog-prose ol {
  margin: 0 0 1.25rem;
  padding-left: 1.5rem;
}
.blog-prose li + li {
  margin-top: 0.5rem;
}
.blog-prose a {
  color: var(--clr-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.blog-prose strong {
  color: var(--clr-black);
  font-weight: 600;
}
.blog-prose img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
  margin: 1.5rem 0;
}
.blog-prose blockquote,
.blog-prose .blog-callout {
  margin: 2rem 0;
  padding: 1.125rem 1.25rem;
  border-left: 4px solid var(--clr-accent);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  background: var(--clr-accent-light);
  color: var(--clr-gray-700);
}
.blog-prose blockquote p,
.blog-prose .blog-callout p {
  margin: 0;
}
.blog-prose blockquote p + p,
.blog-prose .blog-callout p + p {
  margin-top: 0.75rem;
}
.blog-prose blockquote strong,
.blog-prose .blog-callout strong {
  color: var(--clr-accent);
}
.blog-article__footer {
  margin-top: 3rem;
}
.blog-article__footer-divider {
  height: 0.5px;
  background: var(--clr-gray-200);
  margin-bottom: 1.25rem;
}
.blog-article__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.blog-article__tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: 999px;
  background: var(--clr-white);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--clr-gray-600);
  text-decoration: none;
  transition:
    border-color var(--transition),
    color var(--transition),
    background var(--transition);
}
.blog-article__tag--link:hover {
  border-color: var(--clr-accent);
  color: var(--clr-accent);
  background: var(--clr-accent-light);
}
.blog-article__related {
  padding-bottom: 80px;
  background: var(--clr-gray-50);
  border-top: 0.5px solid var(--clr-gray-100);
}
.blog-related {
  margin-top: 0;
  padding-top: 64px;
  padding-bottom: 8px;
  border-top: none;
}
.blog-related__title {
  margin: 0 0 28px;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clr-black);
}
@media (max-width: 767.98px) {
  .blog-article__inner {
    padding-inline: 20px;
  }
  .blog-prose {
    font-size: 1rem;
  }
  .blog-article__author {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}

/* <<< END BLOG CRITICAL CSS <<< */

/* ========== main-deferred.css ========== */

#hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: var(--nav-height) 0 48px;
  background: var(--clr-white);
  overflow: hidden;
  position: relative;
}
#hero:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(
    ellipse 70% 50% at 50% 0%,
    rgba(109, 93, 246, 0.04) 0%,
    transparent 70%
  );
  pointer-events: none;
}
.hero-grid {
  display: grid;
  grid-template-columns: 200px 1fr 200px;
  gap: 40px;
  align-items: stretch;
  width: 100%;
}
.hero-scroll-col {
  position: relative;
  overflow: hidden;
  min-height: 0;
  height: auto;
  align-self: stretch;
}
.hero-scroll-col:before,
.hero-scroll-col:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 2;
  pointer-events: none;
}
.hero-scroll-col:before {
  top: 0;
  background: linear-gradient(to bottom, var(--clr-white), transparent);
}
.hero-scroll-col:after {
  bottom: 0;
  background: linear-gradient(to top, var(--clr-white), transparent);
}
.scroll-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  animation: scrollUp 22s linear infinite;
}
.scroll-track.reverse {
  animation: scrollDown 26s linear infinite;
}
@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes scrollDown {
  0% {
    transform: translateY(-50%);
  }
  to {
    transform: translateY(0);
  }
}
.product-card-mini {
  background: var(--clr-gray-50);
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.product-card-mini .img-ph {
  width: 100%;
  aspect-ratio: 1;
  background: var(--clr-gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--clr-gray-400);
  overflow: hidden;
}
.product-card-mini .img-ph img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.product-card-mini .card-info {
  padding: 12px;
}
.product-card-mini .card-name {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--clr-gray-700);
  margin-bottom: 2px;
}
.product-card-mini .card-price {
  font-size: 0.72rem;
  color: var(--clr-gray-400);
  font-weight: 500;
}
.hero-center {
  text-align: center;
  padding: 0 16px;
  height: fit-content;
  align-self: center;
}
.hero-center .badge {
  margin-bottom: 28px;
}
.hero-sub {
  font-size: 1.05rem;
  color: var(--clr-gray-500);
  max-width: 480px;
  margin: 0 auto 36px;
  font-weight: 400;
  line-height: 1.75;
}
.hero-btns {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  max-width: 100%;
}
.hero-features {
  display: flex;
  flex-direction: row;
  gap: 28px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
}
.hero-feat {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 0.85rem;
  color: var(--clr-gray-600);
  font-weight: 500;
  line-height: 1.2;
}
.hero-feat__icon {
  flex-shrink: 0;
  font-size: 0.9rem;
  line-height: 1;
  color: #6d5df6c7;
}
@media (max-width: 1199px) {
  .hero-grid {
    grid-template-columns: 160px 1fr 160px;
    gap: 28px;
  }
}
@media (max-width: 991px) {
  .hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 0;
  }
  .hero-scroll-col {
    display: none;
  }
  #hero {
    min-height: auto;
    padding: calc(var(--nav-height) + 48px) 0 96px;
  }
  .hero-center {
    padding: 0;
    max-width: 100%;
  }
  .hero-sub {
    max-width: 100%;
    margin-bottom: 28px;
  }
  .hero-btns {
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 32px;
  }
  .hero-btns a {
    flex: 0 1 auto;
    min-width: 0;
    padding: 12px 20px;
    font-size: 0.85rem;
  }
  .hero-features {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 20px;
  }
}
@media (max-width: 767px) {
  .hero-btns {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 10px;
  }
  .hero-btns a {
    flex: 1 1 0;
    justify-content: center;
    padding: 11px 14px;
    font-size: 0.8125rem;
  }
  .hero-features {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 16px;
  }
  .hero-feat {
    flex: 0 1 auto;
  }
}
@media (max-width: 480px) {
  .hero-btns {
    flex-wrap: wrap;
  }
  .hero-btns a {
    flex: 1 1 calc(50% - 5px);
  }
  .hero-feat {
    font-size: 0.8rem;
    gap: 8px;
  }
}
.story-section {
  padding: 0;
  background: var(--clr-white);
  position: relative;
}
.story-side-nav {
  position: fixed;
  top: calc(var(--nav-height) + 28px);
  left: 28px;
  z-index: var(--z-story-nav);
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-8px);
  transition:
    opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.story-side-nav--visible {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0);
}
.story-side-nav--mobile {
  position: static;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 20px;
  opacity: 1;
  pointer-events: auto;
  transform: none;
}
.story-nav-item {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--clr-gray-400);
  font-size: 0.875rem;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition:
    color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.story-nav-item:hover {
  color: var(--clr-gray-600);
  background: var(--clr-gray-100);
}
.story-nav-item.active {
  color: var(--clr-accent);
  background: var(--clr-accent-light);
  font-weight: 700;
  transform: scale(1.12);
  box-shadow: 0 2px 8px var(--clr-accent-glow);
}
.story-scroll-track {
  position: relative;
}
.story-panel {
  height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--nav-height) + 40px) 0 56px;
  box-sizing: border-box;
  will-change: transform;
}
.story-panel-inner {
  width: 100%;
  max-width: none;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.story-card {
  display: block;
  width: 100%;
  max-width: min(1100px, 85vw);
  height: auto;
  max-height: min(460px, 62vh);
  margin: 0 auto;
  color: inherit;
  background: var(--clr-white);
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transform-origin: center center;
  overflow: hidden;
  will-change: transform, opacity;
  transition:
    border-color var(--transition-smooth),
    border-top-width var(--transition-smooth),
    border-top-color var(--transition-smooth),
    box-shadow var(--transition-smooth);
}
.story-card.inactive {
  border-top: 1px solid var(--clr-gray-200);
  box-shadow: var(--shadow-sm);
}
.story-card.active {
  border-top: 4px solid var(--clr-accent);
  box-shadow: var(--shadow-active);
}
.story-card.active:hover {
  border-top-color: var(--clr-accent);
}
.story-card-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
  min-height: 360px;
}
.story-card-inner--mobile {
  grid-template-columns: 1fr;
  min-height: auto;
}
.story-card--mobile {
  max-width: 100%;
  max-height: none;
  opacity: 1;
  box-shadow: var(--shadow-md);
}
.story-content {
  padding: 36px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.story-title {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--clr-black);
  margin-bottom: 16px;
  line-height: 1.2;
}
.story-desc {
  font-size: 0.95rem;
  color: var(--clr-gray-600);
  line-height: 1.7;
  margin-bottom: 28px;
}
.story-visual {
  background: var(--clr-gray-100);
  border-left: 1px solid var(--clr-gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}
.story-placeholder {
  width: 100%;
  max-width: 400px;
  height: 100%;
  min-height: 220px;
  max-height: 300px;
  background: var(--clr-gray-200);
  border-radius: var(--radius-md);
  border: 1px solid var(--clr-gray-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--clr-gray-400);
}
.story-placeholder i {
  font-size: 3rem;
}
.story-placeholder span {
  font-size: 0.78rem;
  font-weight: 500;
  text-align: center;
  max-width: 200px;
}
.story-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}
.carousel-ctrl-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--clr-gray-200);
  background: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--clr-gray-600);
  cursor: pointer;
  transition:
    background var(--transition),
    border-color var(--transition),
    color var(--transition),
    transform var(--transition);
}
.carousel-ctrl-btn:hover {
  background: var(--clr-accent);
  border-color: var(--clr-accent);
  color: var(--clr-white);
  transform: scale(1.05);
}
.carousel-indicators-custom {
  display: flex;
  gap: 8px;
  align-items: center;
}
.ci-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--clr-gray-300);
  border: none;
  cursor: pointer;
  transition:
    background var(--transition),
    width var(--transition);
  padding: 0;
}
.ci-dot.active {
  background: var(--clr-accent);
  width: 24px;
  border-radius: 4px;
}
@media (max-width: 1199px) {
  .story-content {
    padding: 36px 32px;
  }
}
@media (max-width: 991px) {
  .story-carousel-controls {
    display: none;
  }
  .story-visual {
    border-left: none;
    border-top: 1px solid var(--clr-gray-200);
    padding: 24px;
    min-height: 240px;
  }
  .story-carousel {
    padding-bottom: 48px;
  }
  .story-section .container.d-lg-none {
    padding-left: clamp(16px, 7.5vw, 48px);
    padding-right: clamp(16px, 7.5vw, 48px);
  }
  .story-card--mobile {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .story-section {
    padding: 72px 0;
  }
  .story-content {
    padding: 28px 24px;
  }
}
.vss-section {
  border-bottom: 1px solid var(--clr-gray-100);
}
.vss-pin-panel {
  z-index: 2;
  will-change: auto !important;
}
@media (min-width: 992px) {
  .vss-section .story-scroll-track > .vss-pin-panel.story-panel {
    padding-top: calc(var(--nav-height) + 16px);
    padding-bottom: 48px;
  }
  .vss-section .section-header {
    margin-bottom: 44px;
  }
}
.vss-scroll-spacer {
  pointer-events: none;
  will-change: auto;
  content-visibility: auto;
  contain: strict;
}
.vss-panel-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: min(var(--content-max-width), 92vw);
  margin: 0 auto;
}
.vss-section .section-header {
  width: 100%;
  flex-shrink: 0;
}
.vss-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: clamp(1.25rem, 2.5vw, 2rem);
  height: 460px;
  min-height: 460px;
  max-height: 460px;
  flex-shrink: 0;
  contain: layout style;
}
.vss-list {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  height: 100%;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  contain: layout style paint;
}
.vss-item {
  flex-shrink: 0;
  background: transparent;
  border-radius: var(--radius-sm);
  contain: layout style;
}
.vss-item-head {
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  min-height: 42px;
  padding: 0 1.125rem;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
}
.vss-item-head:focus-visible {
  outline: 2px solid var(--clr-gray-300);
  outline-offset: -2px;
}
.vss-title {
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.4;
  color: var(--clr-gray-400);
}
.vss-item--active .vss-title {
  color: var(--clr-black);
}
.vss-item-body {
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.vss-item-body--open {
  height: 6.5rem;
  pointer-events: auto;
}
.vss-item-body-inner {
  display: flex;
  flex-direction: column;
  height: 6.5rem;
  padding: 0 1.125rem 0.75rem;
  box-sizing: border-box;
  transform: translate3d(0, 6px, 0);
  opacity: 0;
}
.vss-item-body--open .vss-item-body-inner {
  transform: translateZ(0);
  opacity: 1;
  transition:
    transform 0.16s ease-out,
    opacity 0.16s ease-out;
}
.vss-description {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.65;
  color: var(--clr-gray-600);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(0.8125rem * 1.65 * 3);
  max-height: calc(0.8125rem * 1.65 * 3);
}
.vss-item-cta.feature-card__nav {
  margin: 0.5rem 0 0;
  font-size: 0.8125rem;
}
.vss-visual-col {
  height: 100%;
}
.vss-visual-shell {
  width: 100%;
  height: 460px;
  overflow: hidden;
  contain: strict;
  transform: translateZ(0);
}
.vss-visual-frame {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.625rem;
  box-sizing: border-box;
}
.vss-visual-frame__preview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  transition: opacity var(--transition);
}
.vss-visual-frame__preview--hovered {
  opacity: 1;
}
.vss-mobile {
  padding: 3rem 0;
}
.vss-mobile-header {
  padding-bottom: 0;
}
.vss-mobile-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vss-mobile-visual {
  flex-shrink: 0;
}
.vss-list--mobile {
  height: auto;
}
.vss-visual-shell--mobile {
  height: var(--vss-mobile-visual-height);
  min-height: var(--vss-mobile-visual-height);
  max-height: var(--vss-mobile-visual-height);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.vss-section {
  --vss-mobile-visual-height: 420px;
}
.vss-mobile-measure {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
  height: auto;
  overflow: visible;
}
.vss-mobile-measure__item {
  width: 100%;
  height: auto;
}
.vss-mobile-measure .story-visual-renderer,
.vss-mobile-measure .story-visual-renderer__component,
.vss-mobile-measure .vss-bdd,
.vss-mobile-measure .vss-sk,
.vss-mobile-measure .vss-ai,
.vss-mobile-measure .vss-seo,
.vss-mobile-measure .vss-bdd__outer,
.vss-mobile-measure .vss-sk__outer,
.vss-mobile-measure .vss-seo__outer,
.vss-mobile-measure .vss-bdd__editor,
.vss-mobile-measure .vss-bdd__main,
.vss-mobile-measure .vss-ai__studio {
  height: auto;
  overflow: visible;
  overflow-y: visible;
}
@media (max-width: 991.98px) {
  :root {
    --vss-mobile-stack-reserve: calc(192px + 5.875rem);
  }
  .vss-section.story-section {
    padding-top: 3.5rem;
    padding-bottom: 0;
  }
  .vss-mobile-header.vss-mobile {
    padding-top: 0;
    padding-bottom: 0;
  }
  .vss-section .vss-mobile-header .section-header {
    margin-bottom: 1.5rem;
  }
  .vss-mobile-stack {
    gap: 0.5rem;
    overflow-anchor: none;
    transform: translateZ(0);
    backface-visibility: hidden;
  }
  .vss-list--mobile {
    flex-shrink: 0;
  }
  .vss-list--mobile .vss-item--active {
    cursor: pointer;
  }
  .vss-list--mobile .vss-item-body--open,
  .vss-list--mobile .vss-item-body--open .vss-item-body-inner {
    height: 4.5rem;
  }
  .vss-list--mobile .vss-item-cta {
    display: none;
  }
  .vss-mobile-visual {
    margin: 0;
    padding: 0;
  }
  .vss-mobile-track .vss-mobile-pin {
    top: calc(var(--nav-height) + var(--vss-grid-offset));
    height: calc(100svh - var(--nav-height) - var(--vss-grid-offset) - 20px);
    min-height: calc(100svh - var(--nav-height) - var(--vss-grid-offset) - 20px);
    max-height: calc(100svh - var(--nav-height) - var(--vss-grid-offset) - 20px);
    align-items: flex-start;
    padding: 0 0 24px;
    overflow: visible;
    overflow-anchor: none;
    transform: translateZ(0);
    backface-visibility: hidden;
  }
  .vss-mobile-track .vss-mobile-pin > .container {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
  }
  .vss-mobile-track .vss-mobile {
    padding-top: 0;
    padding-bottom: 0;
  }
  .vss-mobile-stack .vss-visual-frame {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0.375rem;
  }
  .vss-mobile-stack .vss-visual-shell--mobile {
    contain: none;
    overflow: visible;
  }
  .vss-mobile-stack .vss-visual-frame__preview {
    height: auto;
    min-height: 100%;
    max-height: none;
    overflow: visible;
  }
  .vss-mobile-stack .story-visual-renderer,
  .vss-mobile-stack .story-visual-renderer__component,
  .vss-mobile-stack .vss-bdd,
  .vss-mobile-stack .vss-sk,
  .vss-mobile-stack .vss-ai,
  .vss-mobile-stack .vss-seo,
  .vss-mobile-stack .vss-bdd__outer,
  .vss-mobile-stack .vss-sk__outer,
  .vss-mobile-stack .vss-seo__outer {
    height: auto;
  }
  .vss-mobile-stack .vss-bdd__editor {
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  .vss-mobile-stack .vss-bdd__main,
  .vss-mobile-stack .vss-ai__studio {
    overflow: visible;
    overflow-y: visible;
  }
  .vss-mobile-stack .vss-ai__studio {
    height: auto;
    gap: 0.5rem;
    padding: 0.625rem;
  }
  .vss-mobile-measure .vss-ai__studio {
    gap: 0.5rem;
    padding: 0.625rem;
  }
  .vss-mobile-stack .vss-ai__active-bar,
  .vss-mobile-measure .vss-ai__active-bar {
    display: none;
  }
  .vss-mobile-stack .vss-ai__mod,
  .vss-mobile-measure .vss-ai__mod {
    gap: 0.25rem;
    padding: 0.5rem 0.375rem 0.4375rem;
  }
  .vss-mobile-stack .vss-ai__mod-icon,
  .vss-mobile-measure .vss-ai__mod-icon {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 0.875rem;
  }
  .vss-mobile-stack .vss-ai__output-body,
  .vss-mobile-measure .vss-ai__output-body {
    min-height: 4.5rem;
    max-height: 5.5rem;
    padding: 0.625rem 0.75rem;
    overflow: hidden;
  }
  .vss-mobile-stack .vss-ai__typed,
  .vss-mobile-measure .vss-ai__typed {
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .vss-mobile-stack .vss-ai__output-top,
  .vss-mobile-measure .vss-ai__output-top {
    padding: 0.5rem 0.75rem;
  }
  .vss-mobile-stack .vss-ai__output-foot,
  .vss-mobile-measure .vss-ai__output-foot {
    padding: 0.4375rem 0.75rem;
  }
  #visual-story-stack + #features {
    padding-top: 2.5rem;
  }
}
@media (max-width: 767.98px) {
  .vss-section.story-section {
    padding-top: 3.5rem;
    padding-bottom: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .vss-item-body--open .vss-item-body-inner {
    transition: none;
    transform: none;
    opacity: 1;
  }
}
.story-visual-renderer {
  position: relative;
  width: 100%;
  height: 100%;
}
.story-visual-renderer__media,
.story-visual-renderer__component {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.story-visual-renderer__placeholder,
.story-visual-renderer__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 0.5rem;
}
.story-visual-renderer__placeholder-icon,
.story-visual-renderer__empty-shape {
  width: 3rem;
  height: 3rem;
  border-radius: 1rem;
  background: #ffffff8c;
  box-shadow: inset 0 1px #fffc;
}
.story-visual-renderer__placeholder-label {
  font-size: 0.75rem;
  color: var(--clr-gray-400);
  letter-spacing: 0.04em;
}
.vss-bdd {
  width: 100%;
  height: 100%;
  font-family: var(--font-family-base);
}
.vss-bdd__outer {
  position: relative;
  height: 100%;
  padding: 0;
  border-radius: var(--radius-lg);
  background: var(--clr-gray-100);
  cursor: default;
}
.vss-bdd__label {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.625rem;
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
}
.vss-bdd__pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--clr-accent);
  animation: vss-bdd-pulse 1.4s ease-in-out infinite;
}
@keyframes vss-bdd-pulse {
  0%,
  to {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.3);
  }
}
.vss-bdd__editor {
  display: flex;
  height: calc(100% - 1.375rem);
  min-height: 0;
  overflow: hidden;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
}
.vss-bdd__sidebar {
  flex-shrink: 0;
  width: 8.5rem;
  padding: 0.625rem 0;
  border-right: 0.5px solid var(--clr-gray-200);
  background: var(--clr-gray-50);
}
.vss-bdd__sb-head {
  margin-bottom: 0.375rem;
  padding: 0.375rem 0.75rem 0.5rem;
  border-bottom: 0.5px solid var(--clr-gray-200);
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--clr-gray-400);
}
.vss-bdd__sb-sec {
  margin-top: 0.375rem;
  padding: 0.1875rem 0.75rem;
  font-size: 0.5625rem;
  font-weight: 500;
  color: var(--clr-gray-400);
}
.vss-bdd__sb-row {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.6875rem;
  color: var(--clr-gray-600);
}
.vss-bdd__sb-row i {
  font-size: 0.6875rem;
  opacity: 0.7;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.875rem;
  line-height: 1;
}
.vss-bdd__sb-label {
  flex: 1;
  min-width: 0;
  line-height: 1.25;
}
.vss-bdd__sb-row--hl {
  font-weight: 500;
  color: var(--clr-accent);
  background: var(--clr-white);
}
.vss-bdd__main {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
  padding: 0.625rem;
  overflow-y: auto;
}
.vss-bdd__sec-card {
  overflow: hidden;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
  transition:
    border-color 0.2s,
    background 0.2s;
}
.vss-bdd__sec-head {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.4375rem 0.625rem;
  border-bottom: 0.5px solid var(--clr-gray-200);
  background: var(--clr-gray-50);
}
.vss-bdd__sec-title {
  flex: 1;
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--clr-black);
}
.vss-bdd__sec-badge {
  padding: 0.0625rem 0.375rem;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-pill);
  font-size: 0.5625rem;
  color: var(--clr-gray-400);
  background: var(--clr-white);
}
.vss-bdd__sec-icon {
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
}
.vss-bdd__sec-blocks {
  padding: 0.375rem;
}
.vss-bdd__drop-zone {
  height: 3px;
  margin: 0.125rem 0;
  border-radius: 2px;
  background: var(--clr-accent);
  opacity: 0;
  transition: opacity 0.15s;
}
.vss-bdd__blk {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  position: relative;
  margin-bottom: 0.25rem;
  padding: 0.3125rem 0.5rem;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: 6px;
  background: var(--clr-white);
  cursor: grab;
  transition:
    border-color 0.2s,
    background 0.2s,
    transform 0.25s;
}
.vss-bdd__blk:last-child {
  margin-bottom: 0;
}
.vss-bdd__blk-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 4px;
  background: var(--vss-bdd-blk-bg, var(--clr-gray-100));
}
.vss-bdd__blk-icon i {
  font-size: 0.6875rem;
  color: var(--vss-bdd-blk-fg, var(--clr-gray-700));
}
.vss-bdd__blk--slider {
  --vss-bdd-blk-bg: var(--clr-accent-light);
  --vss-bdd-blk-fg: var(--clr-accent);
}
.vss-bdd__blk--video {
  --vss-bdd-blk-bg: var(--color-lilac-soft);
  --vss-bdd-blk-fg: var(--clr-gray-700);
}
.vss-bdd__blk--category {
  --vss-bdd-blk-bg: var(--clr-gray-100);
  --vss-bdd-blk-fg: var(--clr-gray-700);
}
.vss-bdd__blk--icons {
  --vss-bdd-blk-bg: var(--color-lilac-soft);
  --vss-bdd-blk-fg: var(--clr-accent);
}
.vss-bdd__blk-name {
  flex: 1;
  font-size: 0.6875rem;
  color: var(--clr-black);
}
.vss-bdd__blk-type {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.5625rem;
  color: var(--clr-gray-400);
}
.vss-bdd__grip {
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
}
.vss-bdd__add {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  margin: 0.125rem 0.375rem 0.375rem;
  padding: 0.3125rem;
  border: 0.5px dashed var(--clr-gray-300);
  border-radius: 6px;
  font-size: 0.625rem;
  color: var(--clr-gray-400);
  cursor: pointer;
}
.vss-bdd__add i {
  flex-shrink: 0;
  line-height: 1;
}
.vss-bdd__cursor {
  position: absolute;
  z-index: 100;
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.vss-bdd__cursor svg {
  width: 1.25rem;
  height: 1.25rem;
}
.vss-bdd__ghost {
  position: absolute;
  z-index: 99;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  min-width: 8.125rem;
  padding: 0.3125rem 0.5rem;
  border: 1.5px solid var(--clr-accent);
  border-radius: 8px;
  font-family: var(--font-family-base);
  font-size: 0.6875rem;
  color: var(--clr-black);
  white-space: nowrap;
  background: var(--clr-white);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.vss-bdd__ghost i {
  font-size: 0.6875rem;
  color: var(--color-lilac);
}
.vss-bdd__ghost-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 4px;
}
.vss-bdd__ghost-icon i {
  font-size: 0.625rem;
}
.vss-bdd__tooltip {
  position: absolute;
  z-index: 200;
  padding: 0.1875rem 0.5rem;
  border-radius: 6px;
  font-size: 0.625rem;
  color: var(--clr-white);
  white-space: nowrap;
  background: var(--clr-gray-900);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.vss-bdd__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px dashed var(--clr-accent-glow);
  border-radius: var(--radius-lg);
  background: var(--clr-accent-light);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s;
}
.vss-bdd__overlay-inner {
  padding: 0.625rem 1.125rem;
  border: 0.5px solid var(--clr-accent-glow);
  border-radius: var(--radius-lg);
  text-align: center;
  background: var(--clr-white);
}
.vss-bdd__overlay-inner i {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 1.375rem;
  color: var(--clr-accent);
}
.vss-bdd__overlay-inner p {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--clr-accent);
}
.vss-bdd__overlay-inner span {
  font-size: 0.625rem;
  color: var(--color-lilac);
}
.vss-bdd__outer:hover .vss-bdd__overlay {
  opacity: 1;
}
.vss-bdd__outer.vss-bdd--anim-running .vss-bdd__overlay {
  opacity: 0;
}
.story-visual-renderer__component.vss-bdd {
  object-fit: unset;
}
@media (prefers-reduced-motion: reduce) {
  .vss-bdd__pulse {
    animation: none;
  }
  .vss-bdd__blk,
  .vss-bdd__sec-card,
  .vss-bdd__overlay,
  .vss-bdd__cursor,
  .vss-bdd__ghost,
  .vss-bdd__tooltip {
    transition: none;
  }
}
.vss-sk {
  width: 100%;
  height: 100%;
  font-family: var(--font-family-base);
}
.vss-sk__outer {
  position: relative;
  height: 100%;
  padding: 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--clr-gray-100);
  cursor: default;
  overflow: hidden;
}
.vss-sk__label {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.625rem;
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
}
.vss-sk__pulse {
  display: inline-block;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--clr-accent);
  animation: vss-sk-pulse 1.4s ease-in-out infinite;
}
@keyframes vss-sk-pulse {
  0%,
  to {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(1.4);
  }
}
.vss-sk__card {
  overflow: hidden;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
}
.vss-sk__hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 0.5px solid var(--clr-gray-200);
}
.vss-sk__hdr-l {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.vss-sk__logo-box {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 8px;
  background: var(--clr-accent);
}
.vss-sk__logo-box i {
  font-size: 0.875rem;
  color: var(--clr-white);
}
.vss-sk__ttl {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--clr-black);
}
.vss-sk__sub {
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
}
.vss-sk__btn-all {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3125rem 0.75rem;
  border: none;
  border-radius: 6px;
  font-size: 0.6875rem;
  color: var(--clr-white);
  background: var(--clr-accent);
  cursor: pointer;
  transition:
    transform 0.15s,
    background 0.15s;
}
.vss-sk__btn-all:hover {
  background: var(--clr-gray-800);
}
.vss-sk__list {
  padding: 0.5rem;
}
.vss-sk__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.375rem;
  padding: 0.5625rem 0.625rem;
  overflow: hidden;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background: var(--clr-white);
  transition:
    border-color 0.3s,
    background 0.3s;
}
.vss-sk__item:last-child {
  margin-bottom: 0;
}
.vss-sk__item--active {
  border-color: var(--clr-accent-glow);
  background: var(--clr-accent-light);
}
.vss-sk__item--connecting {
  border-color: var(--color-lilac);
  background: var(--color-lilac-soft);
}
.vss-sk__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 700;
}
.vss-sk__info {
  flex: 1;
  min-width: 0;
}
.vss-sk__name {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--clr-black);
}
.vss-sk__desc {
  overflow: hidden;
  font-size: 0.625rem;
  color: var(--clr-gray-400);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vss-sk__badge {
  flex-shrink: 0;
  padding: 0.125rem 0.4375rem;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-pill);
  font-size: 0.625rem;
  font-weight: 500;
  white-space: nowrap;
}
.vss-sk__badge--off {
  color: var(--clr-gray-400);
  background: var(--clr-gray-100);
}
.vss-sk__badge--on {
  color: var(--clr-accent);
  border-color: var(--clr-accent-glow);
  background: var(--clr-accent-light);
}
.vss-sk__badge--conn {
  color: var(--clr-accent);
  border-color: var(--color-lilac);
  background: var(--color-lilac-soft);
}
.vss-sk__chk {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background: var(--clr-accent);
  opacity: 0;
  transition: opacity 0.25s;
}
.vss-sk__chk i {
  font-size: 0.625rem;
  color: var(--clr-white);
}
.vss-sk__item--active .vss-sk__chk {
  opacity: 1;
}
.vss-sk__tog-wrap {
  flex-shrink: 0;
  width: 2.25rem;
  height: 1.25rem;
}
.vss-sk__tog-track {
  position: relative;
  width: 2.25rem;
  height: 1.25rem;
  border-radius: 10px;
  background: var(--clr-gray-300);
  cursor: pointer;
  transition: background 0.3s;
}
.vss-sk__tog-track--on {
  background: var(--clr-accent);
}
.vss-sk__tog-track--conn {
  background: var(--color-lilac);
}
.vss-sk__tog-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--clr-white);
  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.vss-sk__tog-track--on .vss-sk__tog-thumb {
  left: 18px;
}
.vss-sk__tog-track--conn .vss-sk__tog-thumb {
  left: 10px;
}
.vss-sk__rip {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: var(--clr-accent-glow);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@keyframes vss-sk-rip {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  to {
    width: 220px;
    height: 220px;
    opacity: 0;
  }
}
.vss-sk__rip--go {
  animation: vss-sk-rip 0.65s ease-out forwards;
}
.vss-sk__cursor {
  position: absolute;
  z-index: 50;
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.vss-sk__cursor svg {
  width: 1.125rem;
  height: 1.125rem;
}
.vss-sk__toast {
  position: absolute;
  bottom: 0.875rem;
  left: 50%;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.3125rem 0.875rem;
  border-radius: var(--radius-pill);
  font-size: 0.6875rem;
  color: var(--clr-white);
  white-space: nowrap;
  background: var(--clr-accent);
  opacity: 0;
  transform: translate(-50%);
  transition: opacity 0.25s;
}
.vss-sk__toast i {
  font-size: 0.75rem;
}
.vss-sk__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px dashed var(--clr-accent-glow);
  border-radius: var(--radius-lg);
  background: var(--clr-accent-light);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s;
}
.vss-sk__hint-box {
  padding: 0.625rem 1.125rem;
  border: 0.5px solid var(--clr-accent-glow);
  border-radius: var(--radius-lg);
  text-align: center;
  background: var(--clr-white);
}
.vss-sk__hint-box i {
  display: block;
  margin-bottom: 0.1875rem;
  font-size: 1.25rem;
  color: var(--clr-accent);
}
.vss-sk__hint-box p {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--clr-accent);
}
.vss-sk__hint-box span {
  font-size: 0.625rem;
  color: var(--color-lilac);
}
.vss-sk__outer:hover .vss-sk__overlay {
  opacity: 1;
}
.vss-sk__outer.vss-sk--running .vss-sk__overlay {
  opacity: 0;
}
.story-visual-renderer__component.vss-sk {
  object-fit: unset;
}
@media (prefers-reduced-motion: reduce) {
  .vss-sk__pulse {
    animation: none;
  }
  .vss-sk__item,
  .vss-sk__tog-track,
  .vss-sk__chk,
  .vss-sk__overlay,
  .vss-sk__cursor,
  .vss-sk__toast,
  .vss-sk__btn-all {
    transition: none;
  }
  .vss-sk__rip--go {
    animation: none;
  }
}
.vss-ai {
  width: 100%;
  height: 100%;
  font-family: var(--font-family-base);
}
.vss-ai__studio {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
  padding: 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--clr-gray-100);
  overflow-y: auto;
}
.vss-ai__sec-label {
  margin-bottom: 0.5rem;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--clr-gray-400);
}
.vss-ai__engine-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.vss-ai__pill {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  position: relative;
  padding: 0.4375rem 0.875rem;
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-pill);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--clr-gray-600);
  background: var(--clr-white);
  cursor: pointer;
  transition: all 0.18s;
}
.vss-ai__pill:hover:not(.vss-ai__pill--sel) {
  border-color: var(--clr-gray-300);
}
.vss-ai__pill--sel {
  border-width: 1.5px;
  color: var(--clr-white);
}
.vss-ai--engine-openai .vss-ai__pill--openai.vss-ai__pill--sel {
  background: var(--clr-accent);
  border-color: var(--clr-accent);
}
.vss-ai--engine-gemini .vss-ai__pill--gemini.vss-ai__pill--sel,
.vss-ai__pill--gemini.vss-ai__pill--sel {
  background: var(--clr-gray-700);
  border-color: var(--clr-gray-700);
}
.vss-ai--engine-claude .vss-ai__pill--claude.vss-ai__pill--sel,
.vss-ai__pill--claude.vss-ai__pill--sel {
  background: var(--clr-gray-600);
  border-color: var(--clr-gray-600);
}
.vss-ai__pill--openai.vss-ai__pill--sel {
  background: var(--clr-accent);
  border-color: var(--clr-accent);
}
.vss-ai__pill-dot {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  transition: background 0.18s;
}
.vss-ai__pill--openai .vss-ai__pill-dot {
  background: var(--clr-accent);
}
.vss-ai__pill--openai.vss-ai__pill--sel .vss-ai__pill-dot {
  background: #fff9;
}
.vss-ai__pill--gemini .vss-ai__pill-dot {
  background: var(--color-lilac);
}
.vss-ai__pill--gemini.vss-ai__pill--sel .vss-ai__pill-dot {
  background: #fff9;
}
.vss-ai__pill--claude .vss-ai__pill-dot {
  background: var(--clr-gray-600);
}
.vss-ai__pill--claude.vss-ai__pill--sel .vss-ai__pill-dot {
  background: #fff9;
}
.vss-ai__pill-tick {
  display: none;
  margin-left: 0.125rem;
  font-size: 0.6875rem;
}
.vss-ai__pill--sel .vss-ai__pill-tick {
  display: inline;
}
.vss-ai__modules {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
}
.vss-ai__mod {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.6875rem 0.5rem 0.5625rem;
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  text-align: center;
  background: var(--clr-white);
  cursor: pointer;
  transition: all 0.2s;
}
.vss-ai__mod:hover:not(.vss-ai__mod--sel) {
  border-color: var(--clr-gray-300);
  background: var(--clr-gray-100);
}
.vss-ai__mod--sel {
  border-width: 2px;
}
.vss-ai--engine-openai .vss-ai__mod--sel {
  border-color: var(--clr-accent);
}
.vss-ai--engine-gemini .vss-ai__mod--sel {
  border-color: var(--color-lilac);
}
.vss-ai--engine-claude .vss-ai__mod--sel {
  border-color: var(--clr-gray-600);
}
.vss-ai__mod-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 9px;
  font-size: 1rem;
  transition: transform 0.2s;
}
.vss-ai__mod--product .vss-ai__mod-icon {
  color: var(--clr-accent);
  background: var(--clr-accent-light);
}
.vss-ai__mod--blog .vss-ai__mod-icon {
  color: var(--color-lilac);
  background: var(--color-lilac-soft);
}
.vss-ai__mod--contract .vss-ai__mod-icon {
  color: var(--clr-gray-700);
  background: var(--clr-gray-100);
}
.vss-ai__mod--analysis .vss-ai__mod-icon {
  color: var(--clr-gray-600);
  background: var(--clr-gray-50);
}
.vss-ai__mod--assistant .vss-ai__mod-icon {
  color: var(--clr-gray-700);
  background: var(--color-lilac-soft);
}
.vss-ai__mod--sel .vss-ai__mod-icon {
  transform: scale(1.08);
}
.vss-ai__mod-name {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--clr-black);
}
.vss-ai__mod-check {
  position: absolute;
  top: 5px;
  right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s;
}
.vss-ai--engine-openai .vss-ai__mod--sel .vss-ai__mod-check {
  background: var(--clr-accent);
}
.vss-ai--engine-gemini .vss-ai__mod--sel .vss-ai__mod-check {
  background: var(--color-lilac);
}
.vss-ai--engine-claude .vss-ai__mod--sel .vss-ai__mod-check {
  background: var(--clr-gray-600);
}
.vss-ai__mod-check i {
  font-size: 9px;
  color: var(--clr-white);
}
.vss-ai__mod--sel .vss-ai__mod-check {
  opacity: 1;
}
.vss-ai__active-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5625rem 0.875rem;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
}
.vss-ai__ab-label {
  font-size: 0.625rem;
  color: var(--clr-gray-400);
}
.vss-ai__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.1875rem 0.5625rem;
  border-radius: var(--radius-pill);
  font-size: 0.6875rem;
  font-weight: 500;
}
.vss-ai__chip--sm {
  font-size: 0.6875rem;
}
.vss-ai--engine-openai .vss-ai__chip--engine {
  color: var(--clr-accent);
  background: var(--clr-accent-light);
}
.vss-ai--engine-gemini .vss-ai__chip--engine {
  color: var(--clr-gray-800);
  background: var(--color-lilac-soft);
}
.vss-ai--engine-claude .vss-ai__chip--engine {
  color: var(--clr-gray-800);
  background: var(--clr-gray-100);
}
.vss-ai__chip--module {
  color: var(--clr-gray-700);
  background: var(--clr-gray-100);
}
.vss-ai__ab-sep {
  font-size: 0.75rem;
  color: var(--clr-gray-400);
}
.vss-ai__output {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
}
.vss-ai__output-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
  border-bottom: 0.5px solid var(--clr-gray-200);
}
.vss-ai__output-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.vss-ai__out-mod {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  color: var(--clr-gray-500);
}
.vss-ai__run-btn {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.4375rem 1rem;
  border: none;
  border-radius: var(--radius-md);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--clr-white);
  white-space: nowrap;
  cursor: pointer;
  transition:
    transform 0.15s,
    opacity 0.15s;
}
.vss-ai--engine-openai .vss-ai__run-btn {
  background: var(--clr-accent);
}
.vss-ai--engine-gemini .vss-ai__run-btn {
  background: var(--clr-gray-700);
}
.vss-ai--engine-claude .vss-ai__run-btn {
  background: var(--clr-gray-600);
}
.vss-ai__run-btn:active:not(:disabled) {
  transform: scale(0.97);
}
.vss-ai__run-btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.vss-ai__output-body {
  min-height: 7rem;
  padding: 0.875rem 1rem;
}
.vss-ai__placeholder {
  font-size: 0.8125rem;
  font-style: italic;
  color: var(--clr-gray-400);
}
.vss-ai__typed {
  font-size: 0.8125rem;
  line-height: 1.75;
  color: var(--clr-black);
  white-space: pre-wrap;
  word-break: break-word;
}
.vss-ai__caret {
  display: inline-block;
  width: 2px;
  height: 14px;
  margin-left: 1px;
  vertical-align: middle;
  background: var(--clr-gray-600);
  animation: vss-ai-blink 0.65s step-end infinite;
}
.vss-ai__caret--off {
  display: none;
}
@keyframes vss-ai-blink {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.vss-ai__output-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.875rem;
  padding: 0.5rem 0.875rem;
  border-top: 0.5px solid var(--clr-gray-200);
}
.vss-ai__foot-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.625rem;
  color: var(--clr-gray-400);
}
.vss-ai__foot-item i {
  font-size: 0.75rem;
}
.story-visual-renderer__component.vss-ai {
  object-fit: unset;
}
@media (max-width: 991.98px) {
  .vss-ai__modules {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .vss-ai__pill,
  .vss-ai__mod,
  .vss-ai__mod-icon,
  .vss-ai__run-btn,
  .vss-ai__mod-check {
    transition: none;
  }
  .vss-ai__caret {
    animation: none;
  }
}
.vss-seo {
  width: 100%;
  height: 100%;
  font-family: var(--font-family-base);
}
.vss-seo__outer {
  position: relative;
  height: 100%;
  padding: 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--clr-gray-100);
  cursor: default;
  overflow: hidden;
}
.vss-seo__label {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.625rem;
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
}
.vss-seo__pulse {
  display: inline-block;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--clr-accent);
  animation: vss-seo-pulse 1.4s ease-in-out infinite;
}
@keyframes vss-seo-pulse {
  0%,
  to {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(1.5);
  }
}
.vss-seo__mock {
  overflow: hidden;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
}
.vss-seo__tabs {
  display: flex;
  gap: 2px;
  padding: 0.375rem 0.5rem;
  border-bottom: 0.5px solid var(--clr-gray-200);
  background: var(--clr-gray-100);
}
.vss-seo__tab {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3125rem 0.625rem;
  border: none;
  border-radius: 7px;
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--clr-gray-600);
  background: none;
  cursor: pointer;
  transition: all 0.2s;
}
.vss-seo__tab i {
  font-size: 0.75rem;
}
.vss-seo__tab--active {
  border: 0.5px solid var(--clr-gray-200);
  color: var(--clr-black);
  background: var(--clr-white);
}
.vss-seo__body {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.75rem 0.875rem;
}
.vss-seo__score-wrap {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.vss-seo__ring {
  position: relative;
  flex-shrink: 0;
  width: 4.5rem;
  height: 4.5rem;
}
.vss-seo__ring svg {
  width: 4.5rem;
  height: 4.5rem;
}
.vss-seo__ring-track {
  fill: none;
  stroke: var(--clr-gray-100);
  stroke-width: 7;
}
.vss-seo__ring-fill {
  fill: none;
  stroke: var(--clr-accent);
  stroke-width: 7;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
.vss-seo__ring-lbl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vss-seo__ring-num {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--clr-black);
}
.vss-seo__ring-sub {
  font-size: 0.5625rem;
  color: var(--clr-gray-400);
}
.vss-seo__bars {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.375rem;
}
.vss-seo__bar-row {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  font-size: 0.6875rem;
}
.vss-seo__bar-lbl {
  flex-shrink: 0;
  width: 5.625rem;
  color: var(--clr-gray-600);
}
.vss-seo__bar-track {
  flex: 1;
  height: 4px;
  overflow: hidden;
  border-radius: 2px;
  background: var(--clr-gray-100);
}
.vss-seo__bar-fill {
  height: 4px;
  border-radius: 2px;
  width: 0;
  transition: width 0.8s ease;
}
.vss-seo__bar-fill--0 {
  background: var(--clr-accent);
}
.vss-seo__bar-fill--1 {
  background: var(--color-lilac);
}
.vss-seo__bar-fill--2 {
  background: var(--clr-gray-600);
}
.vss-seo__bar-fill--3 {
  background: var(--clr-gray-500);
}
.vss-seo__bar-val {
  width: 1.375rem;
  font-size: 0.625rem;
  font-weight: 500;
  text-align: right;
  color: var(--clr-black);
}
.vss-seo__field {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.vss-seo__field-head {
  display: flex;
  justify-content: space-between;
  font-size: 0.625rem;
  color: var(--clr-gray-400);
}
.vss-seo__inp {
  width: 100%;
  padding: 0.375rem 0.5625rem;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: 7px;
  font-family: var(--font-family-base);
  font-size: 0.6875rem;
  color: var(--clr-black);
  background: var(--clr-white);
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
.vss-seo__inp--hl,
.vss-seo__inp:focus {
  border-color: var(--clr-accent);
  box-shadow: 0 0 0 3px var(--clr-accent-light);
}
.vss-seo__goog-prev {
  padding: 0.5rem 0.625rem;
  border-radius: 7px;
  background: var(--clr-gray-100);
}
.vss-seo__gp-title {
  overflow: hidden;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--clr-accent);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vss-seo__gp-url {
  margin: 1px 0;
  font-size: 0.625rem;
  color: var(--clr-gray-600);
}
.vss-seo__gp-desc {
  font-size: 0.625rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.vss-seo__sugs {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.vss-seo__sugs-head {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.625rem;
  color: var(--clr-accent);
}
.vss-seo__sug {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.3125rem 0.5rem;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: 7px;
  font-size: 0.6875rem;
  color: var(--clr-black);
  background: var(--clr-white);
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 0.3s,
    transform 0.3s,
    border-color 0.2s,
    background 0.2s;
  cursor: pointer;
}
.vss-seo__sug--show {
  opacity: 1;
  transform: translateY(0);
}
.vss-seo__sug--applied {
  border-color: var(--clr-accent-glow);
  background: var(--clr-accent-light);
}
.vss-seo__sug-dot {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.vss-seo__sug-dot--0 {
  background: var(--clr-accent);
}
.vss-seo__sug-dot--1 {
  background: var(--color-lilac);
}
.vss-seo__sug-apply {
  margin-left: auto;
  font-size: 0.625rem;
  color: var(--clr-accent);
  white-space: nowrap;
}
.vss-seo__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4375rem;
}
.vss-seo__stat {
  flex: 1;
  min-width: 3.75rem;
  padding: 0.5rem 0.625rem;
  border-radius: 7px;
}
.vss-seo__stat--bad {
  background: var(--clr-gray-100);
}
.vss-seo__stat--bad .vss-seo__stat-num {
  color: var(--clr-gray-800);
}
.vss-seo__stat--bad .vss-seo__stat-lbl {
  color: var(--clr-gray-600);
}
.vss-seo__stat--good {
  background: var(--clr-accent-light);
}
.vss-seo__stat--good .vss-seo__stat-num {
  color: var(--clr-accent);
}
.vss-seo__stat--good .vss-seo__stat-lbl {
  color: var(--clr-gray-600);
}
.vss-seo__stat-num {
  font-size: 1.125rem;
  font-weight: 500;
}
.vss-seo__stat-lbl {
  font-size: 0.625rem;
}
.vss-seo__errs {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.vss-seo__err {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.375rem 0.5rem;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: 7px;
  font-size: 0.6875rem;
  background: var(--clr-white);
  transition: all 0.3s;
}
.vss-seo__err--fixed {
  opacity: 0.45;
  background: var(--clr-gray-100);
}
.vss-seo__err-code {
  flex-shrink: 0;
  width: 1.5rem;
  font-size: 0.5625rem;
  font-weight: 500;
  color: var(--clr-gray-700);
}
.vss-seo__err-url {
  flex: 1;
  overflow: hidden;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.625rem;
  color: var(--clr-gray-600);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.vss-seo__err-url--strike {
  color: var(--clr-gray-400);
  text-decoration: line-through;
}
.vss-seo__err-hits {
  flex-shrink: 0;
  font-size: 0.5625rem;
  font-weight: 500;
  color: var(--clr-gray-700);
}
.vss-seo__fix-btn {
  flex-shrink: 0;
  padding: 0.1875rem 0.5rem;
  border: none;
  border-radius: 6px;
  font-size: 0.625rem;
  font-weight: 500;
  color: var(--clr-accent);
  background: var(--color-lilac-soft);
  cursor: pointer;
  transition: all 0.2s;
}
.vss-seo__fix-btn--done {
  color: var(--clr-accent);
  background: var(--clr-accent-light);
  cursor: default;
}
.vss-seo__cursor {
  position: absolute;
  z-index: 50;
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.vss-seo__cursor svg {
  width: 1.125rem;
  height: 1.125rem;
}
.vss-seo__tip {
  position: absolute;
  z-index: 51;
  padding: 0.25rem 0.625rem;
  border-radius: 8px;
  font-size: 0.625rem;
  color: var(--clr-white);
  white-space: nowrap;
  background: var(--clr-gray-900);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.vss-seo__click-rip {
  position: absolute;
  z-index: 49;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: var(--clr-accent-glow);
  transform: translate(-50%, -50%);
  pointer-events: none;
  animation: vss-seo-rip 0.5s ease-out forwards;
}
@keyframes vss-seo-rip {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  to {
    width: 48px;
    height: 48px;
    opacity: 0;
  }
}
.vss-seo__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px dashed var(--clr-accent-glow);
  border-radius: var(--radius-lg);
  background: var(--clr-accent-light);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s;
}
.vss-seo__hint-box {
  padding: 0.625rem 1.125rem;
  border: 0.5px solid var(--clr-accent-glow);
  border-radius: var(--radius-lg);
  text-align: center;
  background: var(--clr-white);
}
.vss-seo__hint-box i {
  display: block;
  margin-bottom: 0.1875rem;
  font-size: 1.25rem;
  color: var(--clr-accent);
}
.vss-seo__hint-box p {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--clr-accent);
}
.vss-seo__hint-box span {
  font-size: 0.625rem;
  color: var(--color-lilac);
}
.vss-seo__outer:hover .vss-seo__overlay {
  opacity: 1;
}
.vss-seo__outer.vss-seo--running .vss-seo__overlay {
  opacity: 0;
}
.story-visual-renderer__component.vss-seo {
  object-fit: unset;
}
@media (prefers-reduced-motion: reduce) {
  .vss-seo__pulse {
    animation: none;
  }
  .vss-seo__ring-fill,
  .vss-seo__bar-fill,
  .vss-seo__sug,
  .vss-seo__err,
  .vss-seo__overlay,
  .vss-seo__cursor,
  .vss-seo__tip,
  .vss-seo__tab {
    transition: none;
  }
  .vss-seo__click-rip {
    animation: none;
  }
}
#features {
  --feature-card-height: 400px;
  padding: 100px 0;
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
}
.feature-grid {
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: var(--bs-gutter-x, 1.5rem);
}
.feature-grid__col {
  display: flex;
}
.feature-grid .feature-card {
  width: 100%;
  max-width: none;
  height: var(--feature-card-height);
  aspect-ratio: auto;
  flex: 1;
}
.feature-carousel {
  display: none;
}
.feature-carousel__track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 4px calc((100% - min(82vw, 300px)) / 2) 8px;
  margin: 0 calc(-1 * var(--bs-gutter-x, 1.5rem) / 2);
}
.feature-carousel__track::-webkit-scrollbar {
  display: none;
}
.feature-carousel__slide {
  flex: 0 0 min(82vw, 300px);
  scroll-snap-align: center;
  display: flex;
}
.feature-carousel__slide .feature-card {
  width: 100%;
  max-width: none;
  height: var(--feature-card-height);
  aspect-ratio: auto;
  flex: none;
  align-self: stretch;
}
.feature-carousel .feature-card__scene-inner,
.feature-carousel .feature-card__builder-scene {
  height: 100%;
  min-height: 0;
}
.feature-grid--desktop {
  display: flex;
}
.feature-card {
  display: flex;
  flex-direction: column;
  aspect-ratio: 2 / 3;
  width: 100%;
  max-width: 308px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 30%, rgba(98, 76, 224, 0.08) 0%, transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(139, 92, 246, 0.06) 0%, transparent 55%),
    var(--clr-white);
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  transition:
    border-color var(--transition),
    transform var(--transition);
}
.feature-card:hover {
  border-color: var(--clr-gray-300);
  transform: translateY(-3px);
}
.feature-card__label {
  position: absolute;
  top: 14px;
  left: 16px;
  font-size: 10px;
  font-weight: 500;
  color: var(--clr-gray-400);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  z-index: 2;
}
.feature-card__scene {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.feature-card__scene-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.feature-card__foot {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  z-index: 2;
  background: linear-gradient(to top, var(--clr-white) 65%, transparent);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.feature-card__title {
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
  margin: 0;
  letter-spacing: -0.01em;
  line-height: 1.3;
}
.feature-card__desc {
  font-size: 11px;
  color: var(--clr-gray-400);
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.feature-card__nav {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin-top: 4px;
  color: var(--clr-gray-500);
  text-decoration: none;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  transition: color var(--transition);
}
.feature-card__nav-label {
  transition: color var(--transition);
}
.feature-card__nav-arrow {
  flex-shrink: 0;
  display: block;
  transition:
    color var(--transition),
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.feature-card:hover .feature-card__nav,
.feature-card:focus-visible .feature-card__nav,
.feature-card__nav:hover,
.feature-card__nav:focus-visible {
  color: var(--clr-accent);
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
}
.feature-card:hover .feature-card__nav-arrow,
.feature-card:focus-visible .feature-card__nav-arrow,
.feature-card__nav:hover .feature-card__nav-arrow,
.feature-card__nav:focus-visible .feature-card__nav-arrow {
  transform: translate(3px);
}
.feature-card__nav:active {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
}
.feature-card__scene-inner--builder {
  overflow: hidden;
}
.feature-card__builder-scene {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.feature-card__builder-bubbles {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.feature-card__bubble {
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid rgba(255, 255, 255, 0.65);
  box-shadow:
    0 4px 16px #6d5df61a,
    0 2px 6px #0000000a;
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  animation: feature-card-bubble-float ease-in-out infinite;
  contain: layout style;
}
.feature-card__bubble.is-visible {
  opacity: var(--bubble-opacity, 0.9);
}
.feature-card__bubble--small {
  --bubble-opacity: 0.92;
}
.feature-card__bubble--medium {
  --bubble-opacity: 0.86;
}
.feature-card__bubble--large {
  --bubble-opacity: 0.78;
}
.feature-card__bubble--small i {
  font-size: 15px;
}
.feature-card__bubble--medium i {
  font-size: 22px;
}
.feature-card__bubble--large i {
  font-size: 28px;
}
@keyframes feature-card-bubble-float {
  0%,
  to {
    transform: translateZ(0);
  }
  33% {
    transform: translate3d(var(--drift-x, 4px), var(--drift-y, -6px), 0);
  }
  66% {
    transform: translate3d(var(--drift-x2, -3px), var(--drift-y2, 6px), 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .feature-card__bubble {
    animation: none;
  }
}
.feature-card__block-strip {
  position: absolute;
  bottom: 96px;
  left: 12px;
  right: 12px;
  display: flex;
  gap: 5px;
  z-index: 3;
}
.feature-card__block {
  flex: 1;
  background: var(--clr-gray-50);
  border-radius: 8px;
  padding: 6px 7px;
  border: 0.5px solid var(--clr-gray-200);
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 0.3s,
    transform 0.3s;
}
.feature-card__block.is-on {
  opacity: 1;
  transform: translateY(0);
}
.feature-card__block-code {
  font-size: 9px;
  font-weight: 500;
  font-family: monospace;
  color: var(--clr-gray-500);
  letter-spacing: 0.03em;
}
.feature-card__block-val {
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.feature-card__scene-inner--analytics {
  display: flex;
  flex-direction: column;
}
.feature-card__stat-pills {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-around;
  padding: 0 10px;
  z-index: 2;
}
.feature-card__stat-pill {
  text-align: center;
  opacity: 0;
  transform: translateY(-6px);
  transition:
    opacity 0.35s,
    transform 0.35s;
}
.feature-card__stat-pill.is-on {
  opacity: 1;
  transform: translateY(0);
}
.feature-card__stat-num {
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-black);
}
.feature-card__stat-lbl {
  font-size: 9px;
  color: var(--clr-gray-400);
  margin-top: 1px;
}
.feature-card__stat-diff {
  font-size: 9px;
  color: var(--clr-accent);
  font-weight: 500;
  opacity: 0;
  transition: opacity 0.3s 0.5s;
}
.feature-card__stat-diff.is-show {
  opacity: 1;
}
.feature-card__chart-scene {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feature-card__bar-scene {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  gap: 5px;
  width: 100%;
  height: 110px;
  padding: 14px 20px 0;
  margin-top: 40px;
  box-sizing: border-box;
}
.feature-card__bar {
  position: relative;
  z-index: 1;
  border-radius: 5px 5px 0 0;
  transition: height 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 18px;
  flex: 1;
}
.feature-card__bar--0 {
  background: var(--clr-gray-200);
}
.feature-card__bar--1 {
  background: var(--clr-gray-300);
}
.feature-card__bar--2 {
  background: var(--color-lilac-soft);
}
.feature-card__bar--3 {
  background: var(--color-lilac);
}
.feature-card__bar--4 {
  background: var(--clr-accent-light);
}
.feature-card__bar--5 {
  background: var(--clr-accent-glow);
}
.feature-card__bar--6 {
  background: var(--clr-accent);
}
.feature-card__line-svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 2;
  pointer-events: none;
}
.feature-card__line-path {
  stroke: var(--clr-accent);
  transition: stroke-dashoffset 1.1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}
.feature-card__line-path--track {
  stroke: var(--clr-gray-200);
  opacity: 0.6;
  transition: none;
}
.feature-card__line-indicator {
  fill: var(--clr-accent);
  opacity: 0;
  transform-origin: center;
  transition:
    opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0.95s,
    cx 0.7s cubic-bezier(0.4, 0, 0.2, 1),
    cy 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.feature-card__line-indicator.is-on {
  opacity: 1;
}
.feature-card__scene-inner--inventory {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 36px 0 92px;
  box-sizing: border-box;
}
.feature-card__types-scene {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 6px;
  padding: 0 12px;
  width: 100%;
  flex: 1;
  min-height: 0;
  align-content: center;
}
.feature-card__type {
  min-height: 0;
  border-radius: 8px;
  padding: 8px;
  border: 0.5px solid var(--clr-gray-200);
  background: var(--clr-white);
  opacity: 0;
  transform: scale(0.9) translateY(8px);
  transition:
    opacity 0.35s,
    transform 0.35s,
    background 0.2s;
}
.feature-card__type.is-on {
  opacity: 1;
  transform: scale(1) translateY(0);
}
.feature-card__type-ico {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  margin-bottom: 4px;
}
.feature-card__type-name {
  font-size: 10px;
  font-weight: 500;
  color: var(--clr-black);
  line-height: 1.2;
}
.feature-card__type-bar {
  height: 2px;
  border-radius: 2px;
  margin-top: 5px;
  width: 0;
  transition: width 0.9s 0.1s ease;
}
.feature-card__type--standard .feature-card__type-ico {
  background: #eff6ff;
  color: #1d4ed8;
}
.feature-card__type--standard .feature-card__type-bar {
  background: #93c5fd;
}
.feature-card__type--variant .feature-card__type-ico {
  background: #fdf4ff;
  color: #7c3aed;
}
.feature-card__type--variant .feature-card__type-bar {
  background: #c4b5fd;
}
.feature-card__type--external .feature-card__type-ico {
  background: #fff7ed;
  color: #c2410c;
}
.feature-card__type--external .feature-card__type-bar {
  background: #fdba74;
}
.feature-card__type--quote .feature-card__type-ico {
  background: #fef9c3;
  color: #854d0e;
}
.feature-card__type--quote .feature-card__type-bar {
  background: #fde68a;
}
.feature-card--3 .feature-card__inventory-summary {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-top: 4px;
  padding: 6px 8px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: 8px;
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.35s,
    transform 0.35s;
}
.feature-card--3 .feature-card__inventory-summary.is-on {
  opacity: 1;
  transform: translateY(0);
}
.feature-card--3 .feature-card__inventory-stat {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  text-align: center;
}
.feature-card--3 .feature-card__inventory-stat-label {
  font-size: 7px;
  font-weight: 500;
  color: var(--clr-gray-400);
  letter-spacing: 0.02em;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.feature-card--3 .feature-card__inventory-stat-value {
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-black);
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}
.feature-card--3 .feature-card__inventory-status {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 5px 2px 4px;
  border-radius: var(--radius-pill);
  font-size: 8px;
  font-weight: 500;
  line-height: 1.15;
  border: 0.5px solid var(--clr-gray-200);
}
.feature-card--3 .feature-card__inventory-status--active {
  color: var(--clr-accent);
  border-color: var(--clr-accent-glow);
  background: var(--clr-accent-light);
}
.feature-card--3 .feature-card__inventory-status--inactive {
  color: var(--clr-gray-400);
  background: var(--clr-gray-100);
}
.feature-card--3 .feature-card__inventory-status-dot {
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
}
.feature-card__scene-inner--payment {
  display: flex;
  flex-direction: column;
}
.feature-card__scene-inner--payment .feature-card__chart-scene {
  align-items: flex-start;
  padding: 48px 0 96px;
}
.feature-card__payment-scene {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 0 16px;
}
.feature-card__payment-routing {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.feature-card__payment-chip {
  width: 34px;
  height: 30px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 500;
  flex-shrink: 0;
  border: 0.5px solid var(--clr-gray-200);
}
.feature-card__payment-chip--visa {
  background: #e6f1fb;
  color: #0c447c;
}
.feature-card__payment-chip--pos {
  background: #eaf3de;
  color: #27500a;
}
.feature-card__payment-flow {
  flex: 1;
  position: relative;
  height: 2px;
  background: var(--clr-gray-200);
  margin: 0 8px;
  overflow: hidden;
}
.feature-card__payment-flow-dot {
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #185fa5;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.feature-card__payment-flow-dot.is-active {
  animation: feature-card-payment-flow 1.6s ease-in-out infinite;
}
@keyframes feature-card-payment-flow {
  0% {
    left: 0%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    left: 100%;
    opacity: 0;
  }
}
.feature-card__payment-stack {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.feature-card__payment-row {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: 8px;
  padding: 7px 10px;
  transition:
    border-color 0.2s,
    background 0.2s,
    opacity 0.3s;
}
.feature-card__payment-row.is-fading {
  opacity: 0.45;
}
.feature-card__payment-name {
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-black);
  flex: 1;
}
.feature-card__payment-status {
  font-size: 9px;
  padding: 2px 7px;
  border-radius: 10px;
  font-weight: 500;
  white-space: nowrap;
  transition: all 0.3s;
}
.feature-card__payment-status.is-active {
  background: #eaf3de;
  color: #27500a;
}
.feature-card__payment-status.is-fail {
  background: #fcebeb;
  color: #791f1f;
}
.feature-card__payment-status.is-checking {
  background: #faeeda;
  color: #633806;
}
.feature-card__payment-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--clr-gray-300);
  flex-shrink: 0;
  transition: background 0.3s;
}
.feature-card__payment-dot.is-ok {
  background: #639922;
}
.feature-card__payment-dot.is-bad {
  background: #e24b4a;
}
.feature-card__payment-failover {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  color: var(--clr-gray-500);
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 0.3s,
    transform 0.3s;
}
.feature-card__payment-failover.is-show {
  opacity: 1;
  transform: translateY(0);
}
.feature-card__payment-failover > i {
  font-size: 13px;
  color: #185fa5;
  flex-shrink: 0;
}
.feature-card__payment-failover b {
  color: var(--clr-black);
  font-weight: 500;
}
.feature-card__scene-inner--copilot {
  display: flex;
  flex-direction: column;
}
.feature-card__scene-inner--copilot .feature-card__chart-scene {
  align-items: flex-start;
  padding: 48px 0 96px;
}
.feature-card__copilot-scene {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 340px;
  padding: 0 18px;
}
.feature-card__copilot-voice-row {
  display: flex;
  align-items: center;
  gap: 9px;
  background: var(--clr-gray-50);
  border-radius: 8px;
  padding: 9px 12px;
}
.feature-card__copilot-mic {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--clr-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  font-size: 13px;
  color: var(--clr-white);
}
.feature-card__copilot-mic-ring {
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 50%;
  border: 1.5px solid rgba(109, 93, 246, 0.35);
  opacity: 0;
}
.feature-card__copilot-mic.is-active .feature-card__copilot-mic-ring {
  animation: feature-card-copilot-ring 1.4s ease-out infinite;
}
@keyframes feature-card-copilot-ring {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  to {
    transform: scale(1.7);
    opacity: 0;
  }
}
.feature-card__copilot-transcript {
  flex: 1;
  font-size: 12px;
  color: var(--clr-black);
  min-height: 16px;
  line-height: 1.4;
}
.feature-card__copilot-placeholder {
  color: var(--clr-gray-400);
}
.feature-card__copilot-cursor {
  display: inline-block;
  width: 2px;
  height: 12px;
  background: var(--clr-gray-500);
  vertical-align: middle;
  margin-left: 1px;
  animation: feature-card-copilot-blink 0.6s step-end infinite;
}
.feature-card__copilot-cursor.is-off {
  display: none;
}
@keyframes feature-card-copilot-blink {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.feature-card__copilot-result {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: 8px;
  padding: 8px 10px;
  opacity: 0;
  transform: translateY(5px);
  transition:
    opacity 0.3s,
    transform 0.3s;
}
.feature-card__copilot-result.is-show {
  opacity: 1;
  transform: translateY(0);
}
.feature-card__copilot-result > i {
  font-size: 13px;
  color: #0f6e56;
  flex-shrink: 0;
}
.feature-card__copilot-result > span {
  font-size: 11px;
  color: var(--clr-black);
}
.feature-card__copilot-result b {
  font-weight: 500;
}
.feature-card__copilot-badge {
  margin-left: auto;
  font-size: 9px;
  padding: 2px 7px;
  border-radius: 10px;
  background: #e1f5ee;
  color: #085041;
  font-weight: 500;
  white-space: nowrap;
}
.feature-card__copilot-status {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.feature-card__copilot-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--clr-gray-300);
  transition: background 0.2s;
  flex-shrink: 0;
}
.feature-card__copilot-dot.is-live {
  background: #22c55e;
}
.feature-card__copilot-status-txt {
  font-size: 11px;
  color: var(--clr-gray-400);
}
@media (max-width: 380px) {
  .feature-card--3 .feature-card__inventory-summary {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    padding: 8px;
  }
  .feature-card--3 .feature-card__inventory-stat {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
  .feature-card--3 .feature-card__inventory-stat-label {
    white-space: normal;
  }
}
@media (max-width: 991.98px) {
  .feature-grid--desktop {
    display: none;
  }
  .feature-carousel {
    display: block;
  }
}
@media (max-width: 767.98px) {
  #features {
    padding: 72px 0;
  }
  .feature-card:hover {
    transform: none;
  }
  .feature-card__title {
    font-size: 15px;
  }
  .feature-card__desc {
    font-size: 12px;
    -webkit-line-clamp: 3;
  }
}
.homepage-lazy-target {
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
#integrations.integrations-ecosystem {
  padding: clamp(64px, 7vh, 84px) 0 clamp(40px, 5vh, 56px);
  background: var(--clr-white);
  overflow: hidden;
}
.integrations-ecosystem__container {
  width: 100%;
  max-width: var(--content-max-width);
}
.integrations-ecosystem__header {
  margin-bottom: 12px;
}
.ecosystem-card {
  position: relative;
  width: 100%;
  padding: clamp(20px, 3vw, 30px);
  background: var(--clr-white);
  border: 1px solid var(--clr-gray-200);
  border-radius: 24px;
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
.eco-stage {
  position: relative;
  width: 100%;
  height: 520px;
  min-height: 520px;
  background: var(--clr-white);
  border-radius: 20px;
  overflow: hidden;
}
.eco-svg {
  --eco-line-flow-duration: 8.2s;
  --eco-line-track-dash: 2 1;
  --eco-line-flow-seg: 4;
  --eco-line-flow-gap: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: visible;
}
@keyframes eco-line-travel {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -100;
  }
}
.eco-path--track {
  stroke: var(--clr-gray-300);
  stroke-dasharray: var(--eco-line-track-dash);
}
.eco-path--flow {
  stroke: var(--clr-accent);
  stroke-dasharray: var(--eco-line-flow-seg) var(--eco-line-flow-gap);
  stroke-linecap: round;
  animation: eco-line-travel var(--eco-line-flow-duration) linear infinite;
}
.eco-cell {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 7px;
  z-index: 5;
}
.eco-cell-title {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--clr-gray-500);
  white-space: nowrap;
  text-decoration: none;
}
.eco-cell-icons {
  display: flex;
  gap: 4px;
  align-items: center;
}
.eco-cell-icons--grid-2 {
  --eco-grid-size: 42px;
  --eco-grid-gap: 5px;
  display: grid;
  gap: var(--eco-grid-gap);
  align-items: center;
}
.eco-cell-icons--grid-2.eco-cell-icons--cols-3 {
  grid-template-columns: repeat(3, var(--eco-grid-size));
  grid-template-rows: repeat(2, var(--eco-grid-size));
}
.eco-cell-icons--grid-2.eco-cell-icons--cols-2 {
  grid-template-columns: repeat(2, var(--eco-grid-size));
  grid-template-rows: repeat(2, var(--eco-grid-size));
}
.eco-cell-icons--grid-2 .eco-ico-wrap {
  width: var(--eco-grid-size);
  height: var(--eco-grid-size);
}
.eco-cell--branch .eco-cell-icons {
  flex-wrap: nowrap;
}
.eco-cell--right {
  align-items: flex-end;
}
.eco-cell--right .eco-cell-title {
  text-align: right;
}
.eco-ico-wrap {
  width: 38px;
  height: 38px;
  perspective: 400px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 4px;
}
.eco-ico-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}
.eco-ico-inner.flip {
  transform: rotateY(360deg);
}
.eco-ico-face {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 9px;
  border: 1px solid var(--clr-gray-200);
  background: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--clr-gray-600);
  backface-visibility: hidden;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  box-sizing: border-box;
}
.eco-ico-face img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.eco-hub {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -42px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 10;
}
.eco-hub-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(
    circle at 36% 32%,
    var(--clr-white) 0%,
    var(--clr-gray-50) 52%,
    rgba(244, 242, 250, 0.96) 100%
  );
  border: none;
  box-shadow:
    0 0 36px 16px #e1daff47,
    0 0 68px 34px #a596f61a,
    0 2px 10px #00000009,
    0 4px 22px #6d5df612,
    inset 0 1px #fffffff2,
    inset 0 -6px 14px #e4e4eb61;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eco-hub-logo {
  display: block;
  width: 52px;
  height: auto;
  max-height: 28px;
  object-fit: contain;
  object-position: center;
}
.eco-hub-stat {
  text-align: center;
}
.eco-hub-num {
  font-size: 20px;
  font-weight: 500;
  color: var(--clr-gray-900);
  line-height: 1;
}
.eco-hub-lbl {
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.07em;
  color: var(--clr-gray-400);
  margin-top: 2px;
}
.eco-square {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-sm);
  transform-origin: center center;
}
.eco-square img {
  width: 65%;
  height: 65%;
  object-fit: contain;
}
.eco-square-ph {
  font-size: 0.85rem;
  color: var(--clr-gray-300);
}
.integrations-hub {
  width: 100%;
}
.integrations-hub__card {
  width: 100%;
  padding: clamp(16px, 4vw, 24px);
  background: var(--clr-white);
  border: 1px solid var(--clr-gray-200);
  border-radius: 24px;
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
.integrations-hub__grid {
  --hub-grid-gap: clamp(8px, 2vw, 10px);
  display: grid;
  gap: var(--hub-grid-gap);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  width: 100%;
}
.integrations-hub__grid .eco-square {
  min-width: 0;
}
.eco-square--more {
  background: var(--clr-accent-light);
  border-color: #6d5df629;
  color: var(--clr-accent);
}
a.eco-square--more {
  text-decoration: none;
  cursor: pointer;
}
.eco-square__more-icon {
  font-size: clamp(1.35rem, 5vw, 1.75rem);
  font-weight: 300;
  line-height: 1;
  -webkit-user-select: none;
  user-select: none;
}
.integrations-hub__divider {
  height: 1px;
  margin-top: clamp(16px, 3vw, 24px);
  background: var(--clr-gray-200);
}
@media (max-width: 991px) {
  #integrations.integrations-ecosystem {
    padding: 56px 0;
  }
}
.blog-section {
  --blog-teaser-gap: 10px;
  --blog-teaser-radius: var(--radius-md);
  --blog-teaser-h: clamp(460px, 52vh, 560px);
  padding: 100px 0;
  background: var(--clr-white);
  border-top: 1px solid var(--clr-gray-100);
}
.blog-section .section-header {
  margin-bottom: 48px;
}
.blog-layout {
  display: flex;
  gap: var(--blog-teaser-gap);
  align-items: stretch;
  width: 100%;
  height: var(--blog-teaser-h);
  min-height: 0;
}
.blog-section .blog-card {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
  height: 100%;
  border-radius: var(--blog-teaser-radius);
  overflow: hidden;
  text-decoration: none;
  color: var(--clr-white);
  cursor: pointer;
  box-shadow: none;
  transition:
    box-shadow 0.3s ease,
    z-index 0s;
}
.blog-section .blog-card:hover {
  z-index: 1;
  box-shadow: 0 8px 24px #0000001f;
}
.blog-section .blog-card__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.blog-section .blog-card__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background: linear-gradient(to top, #000000d1, #00000073 38%, #0000001f 72%, #0000000a);
  pointer-events: none;
}
.blog-section .blog-card__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 32px 20px 24px;
  min-width: 0;
}
.blog-section .blog-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.blog-section .blog-card__label {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1;
  color: #ffffffe0;
}
.blog-section .blog-card__external {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-pill);
  background: #ffffff1f;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-size: 0.75rem;
  color: #ffffffeb;
  transition: background 0.3s ease;
}
.blog-section .blog-card:hover .blog-card__external {
  background: #fff3;
}
.blog-section .blog-card__bottom {
  position: absolute;
  right: 20px;
  bottom: 24px;
  left: 20px;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  min-width: 0;
}
.blog-section .blog-card__title {
  margin: 0;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.35;
  color: var(--clr-white);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-section .blog-card__desc {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.55;
  color: #ffffffc7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-section .blog-card__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #ffffffeb;
  transition: color 0.3s ease;
}
.blog-section .blog-card:hover .blog-card__more {
  color: var(--clr-accent);
}
.blog-section .blog-card__more .bi {
  font-size: 0.875rem;
  color: inherit;
  transition:
    transform 0.3s ease,
    color 0.3s ease;
}
.blog-section .blog-card:hover .blog-card__more .bi {
  transform: translate(5px);
}
.blog-carousel {
  display: none;
}
.blog-carousel__track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 4px calc((100% - min(88vw, 320px)) / 2) 8px;
  margin: 0 calc(-1 * var(--bs-gutter-x, 1.5rem) / 2);
}
.blog-carousel__track::-webkit-scrollbar {
  display: none;
}
.blog-carousel__slide {
  flex: 0 0 min(88vw, 320px);
  scroll-snap-align: center;
  display: flex;
}
.blog-carousel__slide .blog-card {
  width: 100%;
  flex: 1;
  height: var(--blog-teaser-h);
}
@media (max-width: 991px) {
  .blog-layout {
    --blog-teaser-h: clamp(400px, 48vh, 480px);
  }
  .blog-section .blog-card__content {
    padding: 24px 16px 20px;
  }
  .blog-section .blog-card__bottom {
    right: 16px;
    bottom: 20px;
    left: 16px;
  }
}
@media (max-width: 767.98px) {
  .blog-section {
    padding: 72px 0;
    overflow-x: clip;
  }
  .blog-section .section-header {
    margin-bottom: 28px;
  }
  .blog-layout--desktop {
    display: none;
  }
  .blog-carousel {
    display: block;
    --blog-teaser-h: clamp(360px, 52vh, 420px);
  }
  .blog-section .blog-card:hover {
    box-shadow: none;
  }
  .blog-section .blog-card__content {
    padding: 14px 16px 12px;
  }
  .blog-section .blog-card__bottom {
    right: 16px;
    bottom: 12px;
    left: 16px;
    gap: 8px;
  }
  .blog-section .blog-card__title {
    -webkit-line-clamp: 2;
    font-size: 0.875rem;
  }
  .blog-section .blog-card__desc {
    -webkit-line-clamp: 2;
  }
}
.refs-section {
  --refs-card-width: 340px;
  --refs-card-gap: 16px;
  --refs-cover-height: 280px;
  --refs-card-min-height: 440px;
  --refs-metric-positive: #0d9488;
  padding: 72px 0 80px;
  background: var(--clr-white);
}
.refs-section .section-header {
  margin-bottom: 48px;
}
.refs-section__cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 6px 14px;
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--clr-gray-600);
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition:
    color var(--transition),
    border-color var(--transition),
    background var(--transition);
}
.refs-section__cta i {
  font-size: 0.7rem;
}
.refs-section__cta:hover {
  color: var(--clr-accent);
  border-color: #6d5df659;
  background: var(--clr-accent-light);
}
.refs-section__viewport {
  position: relative;
  overflow: hidden;
}
.refs-section__track {
  display: flex;
  gap: var(--refs-card-gap);
  will-change: transform;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.refs-section__track.is-dragging {
  cursor: grabbing;
}
.refs-section__track.is-dragging .refs-section__card:hover {
  transform: none;
  box-shadow: none;
}
.refs-section__card {
  flex: 0 0 var(--refs-card-width);
  min-height: var(--refs-card-min-height);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
  text-decoration: none;
  color: inherit;
  transition:
    box-shadow var(--transition),
    transform var(--transition);
  -webkit-user-drag: none;
}
.refs-section__cover-photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}
.refs-section__card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.refs-section__cover {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--refs-cover-height);
  background: linear-gradient(135deg, var(--clr-gray-900) 0%, var(--clr-accent) 100%);
}
.refs-section__cover--tone-1 {
  background: linear-gradient(135deg, var(--clr-gray-900) 0%, var(--clr-accent) 100%);
}
.refs-section__cover--tone-2 {
  background: linear-gradient(135deg, #04342c, #1d9e75);
}
.refs-section__cover--tone-3 {
  background: linear-gradient(135deg, #412402, #d85a30);
}
.refs-section__cover--tone-4 {
  background: linear-gradient(135deg, #042c53, #185fa5);
}
.refs-section__cover--image {
  flex-shrink: 0;
  height: var(--refs-cover-height);
  min-height: var(--refs-cover-height);
  background: var(--clr-gray-100);
  overflow: hidden;
}
.refs-section__cover-logo {
  max-width: 120px;
  max-height: 56px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.92;
}
.refs-section__cover-icon {
  font-size: 2.25rem;
  color: #ffffff59;
  line-height: 1;
}
.refs-section__cover-action {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff3;
  color: var(--clr-white);
  font-size: 0.875rem;
  text-decoration: none;
  transition:
    background var(--transition),
    transform var(--transition);
}
.refs-section__cover-action:hover {
  color: var(--clr-white);
  background: #ffffff52;
  transform: scale(1.06);
}
.refs-section__body {
  flex: 1;
  padding: 14px 16px;
}
.refs-section__brand {
  margin: 0 0 8px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-gray-900);
}
.refs-section__review {
  margin: 0 0 10px;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--clr-gray-500);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.refs-section__author {
  margin: 0 0 14px;
  font-size: 0.75rem;
  line-height: 1.4;
}
.refs-section__author-name {
  font-weight: 600;
  color: var(--clr-gray-900);
}
.refs-section__author-sep {
  color: var(--clr-gray-400);
}
.refs-section__author-title {
  color: var(--clr-gray-500);
}
.refs-section__metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.refs-section__metric {
  padding: 7px 6px;
  border-radius: var(--radius-sm);
  background: var(--clr-gray-100);
  text-align: center;
}
.refs-section__metric-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-bottom: 2px;
  font-size: 0.78125rem;
  font-weight: 600;
  color: var(--refs-metric-positive);
}
.refs-section__metric-value i {
  font-size: 0.625rem;
}
.refs-section__metric-label {
  display: block;
  font-size: 0.59375rem;
  color: var(--clr-gray-500);
}
@media (max-width: 991px) {
  .refs-section {
    padding: 72px 0;
  }
  .refs-section .section-header {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .refs-section {
    --refs-card-width: min(300px, calc(100vw - 48px));
  }
} /* blog.css content deduped — see BEGIN BLOG CRITICAL CSS above */
[data-catalog-hero-badge].catalog-hero-badge--dynamic:not([data-catalog-dynamic-ready]),
[data-catalog-hero-badge][data-catalog-dynamic]:not([data-catalog-dynamic-ready]) {
  visibility: hidden;
}
.references-page {
  padding: 0 0 3rem;
}
.references-page__inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.references-page__top {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.references-page__header,
.references-page__title {
  margin: 0;
}
.references-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.references-filter-btn {
  font-size: 12px;
  padding: 6px 16px;
  border-radius: 20px;
  border: 0.5px solid var(--clr-gray-200);
  background: transparent;
  color: var(--clr-gray-600);
  cursor: pointer;
  font-family: var(--font-family-base);
}
.references-filter-btn--active {
  background: var(--clr-black);
  color: var(--clr-white);
  border-color: var(--clr-black);
}
.references-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.ref-card {
  border-radius: 14px;
  overflow: hidden;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  cursor: pointer;
  position: relative;
  text-decoration: none;
  color: inherit;
  display: block;
  transition:
    transform 0.22s cubic-bezier(0.25, 0.8, 0.25, 1),
    border-color 0.22s;
}
.ref-card:hover {
  transform: translateY(-5px);
  border-color: var(--clr-gray-300);
}
.ref-card:hover .ref-card__overlay {
  opacity: 1;
}
.ref-card:hover .ref-card__arrow {
  opacity: 1;
  transform: scale(1);
}
.ref-card__media {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}
.ref-card__fill {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ref-card__fill--image {
  background: var(--clr-gray-100);
}
.ref-card__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.ref-card__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, #00000085, #0000 50%);
  opacity: 0;
  transition: opacity 0.22s;
  pointer-events: none;
}
.ref-card__logo {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #ffffffe6;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ref-card__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ref-card__logo i {
  font-size: 15px;
}
.ref-card__ghost-icon {
  font-size: 52px;
  color: #ffffff47;
}
.ref-card__arrow {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ffffff2e;
  border: 1px solid rgba(255, 255, 255, 0.38);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.7);
  transition:
    opacity 0.2s,
    transform 0.2s;
  pointer-events: none;
}
.ref-card__arrow i {
  font-size: 14px;
  color: #fff;
}
.ref-card__foot {
  padding: 11px 12px 13px;
}
.ref-card__tag {
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--clr-gray-500);
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ref-card__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  flex-shrink: 0;
}
.ref-card__name {
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
  line-height: 1.3;
  margin: 0;
}
.ref-card__location {
  font-size: 11px;
  color: var(--clr-gray-500);
  margin-top: 2px;
  display: flex;
  align-items: center;
  gap: 3px;
}
.ref-card__location i {
  font-size: 11px;
}
.ref-bg-1 {
  background: linear-gradient(160deg, #eeedfe, #7f77dd);
}
.ref-bg-2 {
  background: linear-gradient(160deg, #e1f5ee, #1d9e75);
}
.ref-bg-3 {
  background: linear-gradient(160deg, #faece7, #d85a30);
}
.ref-bg-4 {
  background: linear-gradient(160deg, #e6f1fb, #378add);
}
.ref-bg-5 {
  background: linear-gradient(160deg, #faeeda, #ba7517);
}
.ref-bg-6 {
  background: linear-gradient(160deg, #fbeaf0, #d4537e);
}
.ref-bg-7 {
  background: linear-gradient(160deg, #eaf3de, #639922);
}
.ref-bg-8 {
  background: linear-gradient(160deg, #f1efe8, #5f5e5a);
}
@media (max-width: 1199px) {
  .references-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .references-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .references-grid {
    grid-template-columns: 1fr;
  }
  .ref-card__media {
    height: 480px;
  }
}
.pricing-page {
  --pricing-border: var(--clr-gray-200);
  --pricing-border-strong: var(--clr-gray-300);
  --pricing-popular-border: var(--clr-accent);
  --pricing-popular-glow: var(--clr-accent-glow);
  --pricing-cta-explore-bg: linear-gradient(180deg, #f0eeff 0%, #f7f6fc 42%, #ffffff 100%);
  --pricing-cta-explore-glow: color-mix(in srgb, #8b7cf6 10%, transparent);
  --pricing-cta-back-bg: linear-gradient(180deg, #f0eeff 0%, #f7f6fc 42%, #ffffff 100%);
  overflow-x: clip;
  max-width: 100%;
}
.pricing-page.pricing-is-rendering,
.pricing-page.pricing-is-rendering * {
  transition: none !important;
  animation: none !important;
}
.pricing-page .btn-primary-dark,
.pricing-page .btn-secondary-outline,
.pricing-page .btn-create-store,
.pricing-page .btn-purple-outline {
  transition:
    color var(--transition),
    border-color var(--transition),
    transform var(--transition),
    box-shadow var(--transition);
}
#pricing-hero.corp-hero {
  min-height: auto;
  overflow: visible;
  padding: calc(var(--nav-height) + 72px) 0 40px;
  background: var(--clr-white);
}
#pricing-hero .corp-hero__sub {
  max-width: 640px;
  margin-inline: auto;
}
#pricing-hero.corp-hero--centered .corp-hero__content {
  max-width: min(var(--content-max-width), 100%);
}
.pricing-hero__controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  margin-top: 32px;
}
.pricing-hero__controls .pricing-tier-tabs {
  width: auto;
  max-width: 100%;
}
.pricing-hero__controls .pricing-benefits {
  width: 100%;
}
.pricing-hero__tier-tabs-host:empty,
.pricing-hero__benefits-host:empty {
  min-height: 1px;
  width: 100%;
}
.pricing-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pricing-benefits__item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 42px;
  padding: 0 12px 0 8px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-pill);
  background: var(--clr-white);
  box-shadow: var(--shadow-sm);
}
.pricing-benefits__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  font-size: 0.875rem;
  background: var(--clr-gray-100);
  color: var(--clr-gray-600);
}
.pricing-benefits__text {
  min-width: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--clr-gray-800);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pricing-benefits__item--green .pricing-benefits__icon {
  background: #22c55e1f;
  color: #16a34a;
}
.pricing-benefits__item--blue .pricing-benefits__icon {
  background: #3b82f61f;
  color: #2563eb;
}
.pricing-benefits__item--yellow .pricing-benefits__icon {
  background: #eab30826;
  color: #ca8a04;
}
.pricing-benefits__item--purple .pricing-benefits__icon {
  background: #a855f71f;
  color: #9333ea;
}
@media (max-width: 991.98px) {
  #pricing-hero.corp-hero--centered .corp-hero__content {
    max-width: 100%;
  }
  .pricing-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pricing-benefits__text {
    font-size: 0.75rem;
    white-space: normal;
  }
}
@media (max-width: 767.98px) {
  #pricing-hero.corp-hero {
    padding: calc(var(--nav-height) + 48px) 0 32px;
  }
  .pricing-hero__controls {
    margin-top: 24px;
    gap: 20px;
  }
  .pricing-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .pricing-benefits__item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 96px;
    padding: 14px 10px;
    border-radius: calc(var(--radius-lg));
    text-align: center;
  }
  .pricing-benefits__item--green {
    border-color: #22c55e33;
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.07) 0%, var(--clr-white) 72%);
  }
  .pricing-benefits__item--blue {
    border-color: #3b82f633;
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.07) 0%, var(--clr-white) 72%);
  }
  .pricing-benefits__item--yellow {
    border-color: #eab30838;
    background: linear-gradient(180deg, rgba(234, 179, 8, 0.08) 0%, var(--clr-white) 72%);
  }
  .pricing-benefits__item--purple {
    border-color: #a855f733;
    background: linear-gradient(180deg, rgba(168, 85, 247, 0.07) 0%, var(--clr-white) 72%);
  }
  .pricing-benefits__icon {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }
  .pricing-benefits__text {
    font-size: 0.6875rem;
    line-height: 1.35;
    letter-spacing: -0.01em;
    overflow: visible;
    text-overflow: unset;
  }
}
.pricing-plans {
  padding-top: 0;
  padding-bottom: 96px;
}
.pricing-plans__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
  min-width: 0;
}
.pricing-plans__slide {
  min-width: 0;
  height: 100%;
}
.pricing-tier-tabs {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-pill);
  background: var(--clr-gray-50);
  box-shadow: var(--shadow-sm);
}
.pricing-tier-tabs__pill {
  min-height: 42px;
  padding: 0 20px;
  border: none;
  border-radius: var(--radius-pill);
  background-color: #fff0;
  color: var(--clr-gray-600);
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition:
    color var(--transition),
    box-shadow var(--transition);
}
.pricing-tier-tabs__pill:hover {
  color: var(--clr-gray-900);
}
.pricing-tier-tabs__pill--active {
  background-color: var(--clr-white);
  color: var(--clr-gray-900);
  box-shadow: var(--shadow-sm);
}
.pricing-plans__dots {
  display: none;
}
.pricing-tier-enter-active,
.pricing-tier-leave-active {
  transition:
    opacity 0.28s ease,
    transform 0.28s ease;
}
.pricing-tier-enter-from,
.pricing-tier-leave-to {
  opacity: 0;
  transform: translateY(10px);
}
.pricing-tier-cta-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-height: 100%;
  --pricing-cta-pad-x: 20px;
  --pricing-cta-pad-y: 22px;
  padding: var(--pricing-cta-pad-y) var(--pricing-cta-pad-x);
  border: 0.5px solid var(--pricing-border);
  border-radius: calc(var(--radius-lg) + 4px);
  overflow: hidden;
  text-align: left;
  cursor: pointer;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}
.pricing-tier-cta-card:hover:not(.pricing-tier-cta-card--animating) {
  transform: translateY(-4px) scale(1.01);
}
.pricing-tier-cta-card--animating {
  pointer-events: none;
}
.pricing-tier-cta-card--animating.pricing-tier-cta-card--explore {
  animation: pricing-cta-transition-explore 0.34s ease forwards;
}
.pricing-tier-cta-card--animating.pricing-tier-cta-card--back {
  animation: pricing-cta-transition-back 0.34s ease forwards;
}
@keyframes pricing-cta-transition-explore {
  0% {
    opacity: 1;
    transform: translateY(-4px) scale(1.01);
  }
  to {
    opacity: 0.72;
    transform: translate(10px, -2px) scale(0.98);
  }
}
@keyframes pricing-cta-transition-back {
  0% {
    opacity: 1;
    transform: translateY(-4px) scale(1.01);
  }
  to {
    opacity: 0.72;
    transform: translate(-10px, -2px) scale(0.98);
  }
}
.pricing-tier-cta-card__stack {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
  width: 100%;
  min-height: 0;
  height: 100%;
}
.pricing-tier-cta-card__glow {
  position: absolute;
  inset: auto -20% -35% -20%;
  height: 70%;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(28px);
  opacity: 0.55;
}
.pricing-tier-cta-card--explore {
  color: var(--clr-gray-900);
  background: var(--pricing-cta-explore-bg);
  border-color: var(--clr-gray-200);
  box-shadow: var(--shadow-sm);
}
.pricing-tier-cta-card--explore .pricing-tier-cta-card__glow {
  background: var(--pricing-cta-explore-glow);
  inset: -20% -10% auto -10%;
  height: 50%;
  opacity: 0.85;
}
.pricing-tier-cta-card--explore:hover {
  border-color: var(--pricing-border-strong);
  box-shadow: 0 18px 40px #0f172a14;
}
.pricing-tier-cta-card--back {
  color: var(--clr-gray-900);
  background: var(--pricing-cta-back-bg);
  box-shadow: var(--shadow-sm);
}
.pricing-tier-cta-card--back .pricing-tier-cta-card__glow {
  background: var(--pricing-cta-explore-glow);
  inset: -20% -10% auto -10%;
  height: 50%;
  opacity: 0.85;
}
.pricing-tier-cta-card--back:hover {
  border-color: var(--pricing-border-strong);
  box-shadow: 0 18px 40px #0f172a14;
}
.pricing-tier-cta-card__visual {
  position: relative;
  z-index: 1;
  min-height: 148px;
}
.pricing-tier-cta-card--explore .pricing-tier-cta-card__visual--explore,
.pricing-tier-cta-card--back .pricing-tier-cta-card__visual--back {
  margin-top: 2px;
  flex: 1 1 auto;
  min-height: 196px;
  overflow: hidden;
}
.pricing-tier-cta-card__visual-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.pricing-tier-cta-card__visual-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(18px);
  opacity: 0.55;
}
.pricing-tier-cta-card__visual-orb--1 {
  top: -8px;
  left: 18%;
  width: 88px;
  height: 88px;
  background: color-mix(in srgb, #8b7cf6 18%, transparent);
}
.pricing-tier-cta-card__visual-orb--2 {
  right: 8%;
  bottom: 10px;
  width: 72px;
  height: 72px;
  background: color-mix(in srgb, #60a5fa 14%, transparent);
}
.pricing-tier-cta-card__visual-ring {
  position: absolute;
  top: 14px;
  right: 10px;
  bottom: 18px;
  left: 10px;
  border: 1px dashed color-mix(in srgb, var(--clr-gray-400) 55%, transparent);
  border-radius: 24px;
  opacity: 0.45;
  pointer-events: none;
}
.pricing-tier-cta-card__visual-dot {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: color-mix(in srgb, #8b7cf6 55%, var(--clr-gray-300));
  opacity: 0.7;
  pointer-events: none;
}
.pricing-tier-cta-card__visual-dot--1 {
  top: 22px;
  left: 42%;
}
.pricing-tier-cta-card__visual-dot--2 {
  top: 54%;
  right: 12%;
}
.pricing-tier-cta-card__visual-dot--3 {
  bottom: 28px;
  left: 12%;
}
.pricing-tier-cta-card__visual-dot--4 {
  top: 38%;
  left: 58%;
  width: 4px;
  height: 4px;
  opacity: 0.5;
}
.pricing-tier-cta-card__visual-spark {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffffffeb;
  border: 0.5px solid var(--clr-gray-200);
  color: var(--clr-gray-500);
  box-shadow: 0 4px 12px #0f172a14;
  pointer-events: none;
}
.pricing-tier-cta-card__visual-spark--1 {
  top: 34%;
  right: 6%;
  width: 22px;
  height: 22px;
  font-size: 0.6875rem;
  transform: rotate(12deg);
}
.pricing-tier-cta-card__visual-spark--2 {
  bottom: 22%;
  left: 8%;
  width: 24px;
  height: 24px;
  font-size: 0.75rem;
  transform: rotate(-8deg);
  z-index: 2;
}
.pricing-tier-cta-card__float {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: 16px;
  background: #fffffff5;
  box-shadow: 0 10px 26px #0f172a1a;
  color: var(--clr-gray-900);
}
.pricing-tier-cta-card__float-top {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.pricing-tier-cta-card__float-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: color-mix(in srgb, #8b7cf6 10%, var(--clr-gray-100));
  color: var(--clr-gray-700);
  font-size: 0.6875rem;
}
.pricing-tier-cta-card__float--ghost {
  right: 4%;
  bottom: 10px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 0;
  padding: 0;
  border-radius: 11px;
  color: var(--clr-gray-500);
  font-size: 0.875rem;
  opacity: 0.88;
  transform: rotate(6deg);
}
.pricing-tier-cta-card__float--0 {
  top: 10px;
  left: 2px;
  z-index: 3;
  min-width: 118px;
  padding: 12px 14px 11px;
  border-radius: 18px;
  transform: rotate(-6deg);
}
.pricing-tier-cta-card__float--1 {
  top: 2px;
  right: 2px;
  z-index: 2;
  min-width: 82px;
  padding: 8px 10px 7px;
  border-radius: 12px;
  transform: rotate(5deg);
  opacity: 0.95;
}
.pricing-tier-cta-card__float--2 {
  left: 18%;
  bottom: 8px;
  z-index: 4;
  min-width: 96px;
  padding: 10px 12px 9px;
  border-radius: 14px;
  transform: rotate(-2.5deg);
}
.pricing-tier-cta-card__float--0 .pricing-tier-cta-card__float-icon {
  width: 24px;
  height: 24px;
  font-size: 0.75rem;
}
.pricing-tier-cta-card__float--1 .pricing-tier-cta-card__float-icon {
  width: 18px;
  height: 18px;
  font-size: 0.5625rem;
}
.pricing-tier-cta-card__float-name {
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
}
.pricing-tier-cta-card__float--0 .pricing-tier-cta-card__float-name {
  font-size: 0.875rem;
}
.pricing-tier-cta-card__float--1 .pricing-tier-cta-card__float-name {
  font-size: 0.6875rem;
}
.pricing-tier-cta-card__float--2 .pricing-tier-cta-card__float-name {
  font-size: 0.75rem;
}
.pricing-tier-cta-card__float-price {
  font-weight: 600;
  color: var(--clr-gray-500);
}
.pricing-tier-cta-card__float--0 .pricing-tier-cta-card__float-price {
  font-size: 0.8125rem;
}
.pricing-tier-cta-card__float--1 .pricing-tier-cta-card__float-price {
  font-size: 0.625rem;
}
.pricing-tier-cta-card__float--2 .pricing-tier-cta-card__float-price {
  font-size: 0.6875rem;
}
.pricing-tier-cta-card__multiplier {
  position: absolute;
  top: 62px;
  right: 14%;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--clr-gray-900);
  color: var(--clr-white);
  font-size: 0.75rem;
  font-weight: 700;
  box-shadow: 0 6px 16px #0f172a24;
  transform: rotate(8deg);
}
.pricing-tier-cta-card__divider {
  display: block;
  flex-shrink: 0;
  width: calc(100% + (var(--pricing-cta-pad-x) * 2));
  margin-inline: calc(var(--pricing-cta-pad-x) * -1);
  border: 0;
  border-top: 0.5px solid var(--clr-gray-300);
  opacity: 0.35;
}
.pricing-tier-cta-card__lower {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: auto;
  flex-shrink: 0;
}
.pricing-tier-cta-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}
.pricing-tier-cta-card__kicker {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.72;
}
.pricing-tier-cta-card--explore .pricing-tier-cta-card__kicker,
.pricing-tier-cta-card--back .pricing-tier-cta-card__kicker {
  color: var(--clr-gray-500);
  opacity: 1;
}
.pricing-tier-cta-card__headline {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.35;
}
.pricing-tier-cta-card--explore .pricing-tier-cta-card__headline,
.pricing-tier-cta-card--back .pricing-tier-cta-card__headline {
  color: var(--clr-black);
}
.pricing-tier-cta-card__desc {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  opacity: 0.84;
}
.pricing-tier-cta-card--explore .pricing-tier-cta-card__desc,
.pricing-tier-cta-card--back .pricing-tier-cta-card__desc {
  color: var(--clr-gray-500);
  opacity: 1;
}
.pricing-tier-cta-card__foot {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  flex-shrink: 0;
}
.pricing-tier-cta-card--explore .pricing-tier-cta-card__foot {
  justify-content: space-between;
}
.pricing-tier-cta-card__foot-label {
  min-width: 0;
}
.pricing-tier-cta-card__foot-arrow {
  flex-shrink: 0;
  font-size: 1.125rem;
  line-height: 1;
  transition: transform 0.28s ease;
}
.pricing-tier-cta-card:hover:not(.pricing-tier-cta-card--animating)
  .pricing-tier-cta-card__foot-arrow {
  transform: translate(2px);
}
.pricing-tier-cta-card--back:hover:not(.pricing-tier-cta-card--animating)
  .pricing-tier-cta-card__foot-arrow {
  transform: translate(-2px);
}
.pricing-plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 100%;
  min-width: 0;
  padding: 28px 24px 24px;
  border: 0.5px solid var(--pricing-border);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
  box-shadow: var(--shadow-sm);
  scroll-margin-top: calc(var(--nav-height) + 24px);
  transition:
    border-color var(--transition),
    box-shadow 0.28s ease,
    transform 0.28s ease;
}
.pricing-plan-card:hover {
  border-color: var(--pricing-border-strong);
  box-shadow: 0 16px 40px #0f172a14;
  transform: translateY(-4px);
}
.pricing-plan-card--popular {
  border-color: var(--pricing-popular-border);
  box-shadow: 0 8px 24px var(--pricing-popular-glow);
}
.pricing-plan-card--popular:hover {
  border-color: var(--pricing-popular-border);
  box-shadow: 0 18px 44px var(--pricing-popular-glow);
}
.pricing-plan-card__badge {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: var(--clr-gray-900);
  color: var(--clr-white);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pricing-plan-card__head {
  padding-right: 72px;
}
.pricing-plan-card__name {
  margin: 0;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--clr-black);
}
.pricing-plan-card__subtitle {
  margin: 6px 0 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--clr-gray-500);
}
.pricing-plan-card__price-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pricing-plan-card__price {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin: 0;
}
.pricing-plan-card__price-value {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--clr-black);
  line-height: 1.1;
}
.pricing-plan-card__price-period {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--clr-gray-500);
}
.pricing-plan-card__monthly {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--clr-gray-400);
  letter-spacing: 0.01em;
}
.pricing-plan-card__features {
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pricing-plan-card__features li {
  position: relative;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--clr-gray-700);
}
.pricing-plan-card__features li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--clr-gray-400);
}
.pricing-plan-card__footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
  padding-top: 8px;
}
.pricing-plan-card__compare {
  align-self: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clr-gray-500);
  text-decoration: none;
  transition: color var(--transition);
}
.pricing-plan-card__compare:hover {
  color: var(--clr-gray-900);
}
.pricing-plan-card__installment {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--clr-gray-500);
  text-align: center;
}
.pricing-plan-card__cta {
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  .pricing-plans__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .pricing-page .corp-section {
    padding: 48px 0;
  }
  .pricing-page .container {
    max-width: 100%;
    padding-inline: 16px;
  }
  #pricing-hero .display-hero {
    font-size: clamp(1.75rem, 7.5vw, 2.25rem);
  }
  .pricing-plans {
    padding-bottom: 64px;
  }
  .pricing-tier-tabs {
    width: 100%;
    max-width: 100%;
  }
  .pricing-tier-tabs__pill {
    flex: 1;
    min-height: 38px;
    padding-inline: 10px;
    font-size: 0.75rem;
  }
  .pricing-plans > .container {
    overflow-x: clip;
    max-width: 100%;
  }
  .pricing-plans__grid {
    display: flex;
    align-items: stretch;
    gap: 14px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-inline: 0;
    padding: 4px 0 8px;
  }
  .pricing-plans__grid::-webkit-scrollbar {
    display: none;
  }
  .pricing-plan-card,
  .pricing-tier-cta-card {
    flex: 0 0 calc(100% - 8px);
    max-width: calc(100% - 8px);
    scroll-snap-align: center;
    min-width: 0;
    align-self: stretch;
    box-sizing: border-box;
  }
  .pricing-plans__slide {
    height: auto;
  }
  .pricing-plan-card {
    padding: 20px 16px 18px;
    gap: 14px;
    min-height: 0;
  }
  .pricing-tier-cta-card {
    --pricing-cta-pad-x: 20px;
    --pricing-cta-pad-y: 22px;
    padding: var(--pricing-cta-pad-y) var(--pricing-cta-pad-x);
    min-height: 0;
    overflow: hidden;
  }
  .pricing-tier-cta-card__stack {
    flex: 1;
    height: 100%;
    min-height: 0;
    gap: 14px;
    justify-content: flex-start;
  }
  .pricing-tier-cta-card--explore .pricing-tier-cta-card__visual--explore,
  .pricing-tier-cta-card--back .pricing-tier-cta-card__visual--back {
    flex: 1 1 auto;
    flex-shrink: 0;
    min-height: 168px;
    height: auto;
    overflow: visible;
  }
  .pricing-tier-cta-card__lower {
    flex-shrink: 0;
  }
  .pricing-tier-cta-card__desc {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .pricing-tier-cta-card:hover,
  .pricing-plan-card:hover {
    transform: none;
  }
  .pricing-plan-card__head {
    padding-right: 0;
  }
  .pricing-plan-card__badge {
    position: static;
    align-self: flex-start;
    margin-bottom: -4px;
  }
  .pricing-plan-card__price-value {
    font-size: clamp(1.5rem, 7vw, 1.75rem);
  }
  .pricing-plan-card__price-period {
    font-size: 0.875rem;
  }
  .pricing-plan-card__monthly {
    font-size: 0.75rem;
  }
  .pricing-plans__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
  }
  .pricing-plans__dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--clr-gray-300);
    cursor: pointer;
    transition: transform var(--transition);
  }
  .pricing-plans__dot--active {
    background: var(--clr-gray-900);
    transform: scale(1.15);
  }
}
.pricing-comparison {
  padding-top: 80px;
  padding-bottom: 120px;
  scroll-margin-top: var(--nav-height);
}
.pricing-comparison__header {
  text-align: center;
}
.pricing-comparison__header .section-desc {
  margin-inline: auto;
}
.pricing-comparison__desktop {
  display: block;
}
.pricing-comparison__mobile {
  display: none;
}
.pricing-comparison__plans-head {
  position: sticky;
  top: calc(var(--nav-height, 72px) + 12px);
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
  padding: 8px 2px 12px;
  background: var(--clr-gray-50);
}
.pricing-comparison__plans-head-spacer {
  align-self: end;
}
.pricing-comparison__plans-head-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 20px 16px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  background: var(--clr-white);
  box-shadow: 0 1px 4px #0f172a0a;
  text-align: center;
}
.pricing-comparison__plans-head-plan--popular {
  border-color: var(--pricing-popular-border);
  box-shadow: 0 6px 20px var(--pricing-popular-glow);
}
.pricing-comparison__plans-head-name-row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
}
.pricing-comparison__plans-head-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  font-size: 0.875rem;
}
.pricing-comparison__plans-head-icon--core {
  background: color-mix(in srgb, #6366f1 12%, var(--clr-gray-100));
  color: #4f46e5;
}
.pricing-comparison__plans-head-icon--rise {
  background: color-mix(in srgb, #22c55e 12%, var(--clr-gray-100));
  color: #16a34a;
}
.pricing-comparison__plans-head-icon--elite {
  background: color-mix(in srgb, #f59e0b 12%, var(--clr-gray-100));
  color: #d97706;
}
.pricing-comparison__plans-head-name {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.pricing-comparison__plans-head-price {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--clr-black);
}
.pricing-comparison__rows {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pricing-comparison-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background: var(--clr-white);
  transition:
    border-color var(--transition),
    box-shadow var(--transition);
}
.pricing-comparison-row:hover {
  background: var(--clr-gray-50);
  border-color: var(--clr-gray-300);
  box-shadow: 0 2px 10px #0f172a0d;
}
.pricing-comparison-row__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 12px 14px;
  border-radius: var(--radius-md);
}
.pricing-comparison-row__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.pricing-comparison-row__name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.45;
  color: var(--clr-gray-900);
}
.pricing-comparison-row__desc {
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--clr-gray-500);
}
.pricing-comparison-row__badge {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: #f59e0b1f;
  color: #b45309;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}
.pricing-comparison-row__values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  grid-column: 2 / -1;
  align-items: center;
}
.pricing-comparison-row__value {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 0;
  background: transparent;
}
.pricing-comparison-row__value-plan {
  display: none;
}
.pricing-comparison__toggle,
.pricing-comparison-mobile__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 320px;
  min-height: 46px;
  margin: 28px auto 0;
  padding: 0 20px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-pill);
  background: var(--clr-white);
  color: var(--clr-gray-800);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 4px #0f172a0a;
  transition:
    border-color var(--transition),
    color var(--transition),
    box-shadow var(--transition);
}
.pricing-comparison__toggle:hover,
.pricing-comparison-mobile__toggle:hover {
  border-color: var(--clr-gray-300);
  box-shadow: 0 4px 12px #0f172a0f;
}
.pricing-comparison__toggle {
  display: flex;
}
.pricing-comparison-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pricing-comparison-value__badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: var(--radius-md);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.pricing-comparison-value__badge .bi {
  font-size: 0.8125rem;
  line-height: 1;
  flex-shrink: 0;
}
.pricing-comparison-value__badge--positive {
  background: #22c55e1a;
  color: #15803d;
}
.pricing-comparison-value__badge--negative {
  background: var(--clr-gray-100);
  color: var(--clr-gray-500);
}
.pricing-comparison-value__badge--text {
  background: var(--clr-gray-100);
  color: var(--clr-gray-800);
  font-weight: 700;
}
.pricing-comparison-value__badge--empty {
  background: transparent;
  color: var(--clr-gray-300);
  font-weight: 500;
}
.pricing-comparison-mobile__hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 148px;
  padding: 28px 20px;
  border-radius: var(--radius-xl);
  border: 0.5px solid var(--clr-gray-200);
  background: linear-gradient(165deg, #fff, #f6f8fb 52%, #eef2f7);
  color: var(--clr-gray-900);
  box-shadow: 0 4px 20px #0f172a0d;
  text-align: center;
}
.pricing-comparison-mobile__hero--popular {
  border-color: color-mix(in srgb, var(--clr-accent) 30%, var(--clr-gray-200));
  background: linear-gradient(165deg, #fff, #f0f6ff 52%, #e8f0fe);
  box-shadow: 0 8px 28px var(--pricing-popular-glow);
}
.pricing-comparison-mobile__hero-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
}
.pricing-comparison-mobile__plan-name {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--clr-gray-900);
}
.pricing-comparison-mobile__plan-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  font-size: 1rem;
}
.pricing-comparison-mobile__plan-icon--core {
  background: color-mix(in srgb, #6366f1 12%, var(--clr-gray-100));
  color: #4f46e5;
}
.pricing-comparison-mobile__plan-icon--rise {
  background: color-mix(in srgb, #22c55e 12%, var(--clr-gray-100));
  color: #16a34a;
}
.pricing-comparison-mobile__plan-icon--elite {
  background: color-mix(in srgb, #f59e0b 12%, var(--clr-gray-100));
  color: #d97706;
}
.pricing-comparison-mobile__plan-price {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--clr-black);
}
.pricing-comparison-mobile__plan-price span {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clr-gray-500);
}
.pricing-comparison-mobile__popular {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  background: var(--clr-accent);
  color: var(--clr-white);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pricing-comparison-mobile__nav {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
}
.pricing-comparison-mobile__arrow {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 38px;
  padding: 0 8px;
  border: none;
  background: transparent;
  color: var(--clr-gray-700);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}
.pricing-comparison-mobile__arrow--next {
  justify-content: flex-end;
  text-align: right;
}
.pricing-comparison-mobile__arrow:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.pricing-comparison-mobile__counter {
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--clr-gray-500);
  text-align: center;
}
.pricing-comparison-mobile__features {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pricing-comparison-mobile .pricing-comparison-row {
  grid-template-columns: 1fr auto;
  gap: 12px;
  padding: 12px 14px;
}
.pricing-comparison-mobile .pricing-comparison-row__info {
  padding: 10px 12px;
}
.pricing-comparison-mobile .pricing-comparison-row__values {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pricing-comparison-mobile .pricing-comparison-row__value {
  justify-content: flex-end;
}
.pricing-comparison-mobile .pricing-comparison-value__badge {
  min-height: 26px;
  padding: 3px 9px;
  font-size: 0.6875rem;
}
.pricing-comparison-mobile-enter-active,
.pricing-comparison-mobile-leave-active {
  transition:
    opacity 0.22s ease,
    transform 0.22s ease;
}
.pricing-comparison-mobile-enter-from,
.pricing-comparison-mobile-leave-to {
  opacity: 0;
  transform: translate(12px);
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 767.98px) {
  .pricing-comparison {
    padding-top: 40px;
    padding-bottom: 64px;
  }
  .pricing-comparison .container {
    max-width: 100%;
    padding-inline: 16px;
  }
  .pricing-comparison__desktop {
    display: none;
  }
  .pricing-comparison__mobile {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .pricing-comparison-mobile__sticky {
    position: sticky;
    top: calc(var(--nav-height, 72px) + 12px);
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: var(--clr-gray-50);
    padding-bottom: 4px;
  }
  .pricing-comparison-mobile__toggle {
    max-width: none;
    width: 100%;
  }
}
.pricing-feature-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background: var(--clr-gray-50);
}
@keyframes liveTrackingPulse {
  0% {
    box-shadow: 0 0 #1d9e7580;
  }
  to {
    box-shadow: 0 0 0 7px #1d9e7500;
  }
}
@keyframes liveTrackingStatusPulse {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
@media (prefers-reduced-motion: reduce) {
  .live-tracking-panel__live-dot,
  .live-tracking-geo-panel__live-dot,
  .live-tracking-cart-panel__live-dot,
  .live-tracking-page-perf-panel__live-dot,
  .live-tracking-cart-panel__stage-dot,
  .live-tracking-panel__activity-row,
  .live-tracking-cart-panel__card {
    animation: none;
    transition: none;
  }
  .live-tracking-panel__activity-row,
  .live-tracking-cart-panel__card {
    opacity: 1;
    transform: none;
  }
  .live-tracking-geo-panel__bar,
  .live-tracking-page-perf-panel__bar {
    transition: none;
  }
}
.corp-section--live-tracking-main {
  --live-tracking-header-space: 220px;
  min-height: calc(100svh - var(--nav-height));
  padding-top: 72px;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
}
.corp-section--live-tracking-main > .container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-width: var(--content-max-width);
}
.corp-section--live-tracking-main .corp-section-header {
  margin-bottom: 32px;
  flex-shrink: 0;
}
.live-tracking-panel {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 18px;
  box-shadow: var(--shadow-sm);
  --live-tracking-row-h: 72px;
  --live-tracking-row-gap: 8px;
  --live-tracking-rows: 7;
}
.live-tracking-panel__status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  flex-shrink: 0;
}
.live-tracking-panel__live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1d9e75;
  animation: liveTrackingPulse 1.8s ease-out infinite;
}
.live-tracking-panel__live-label {
  font-size: 12px;
  font-weight: 500;
  color: #0f6e56;
}
.live-tracking-panel__live-meta {
  font-size: 12px;
  color: var(--clr-gray-400);
}
.live-tracking-panel__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
  flex-shrink: 0;
}
.live-tracking-panel__stat {
  background: var(--clr-gray-50);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
}
.live-tracking-panel__stat-label {
  font-size: 12px;
  color: var(--clr-gray-500);
  margin: 0 0 4px;
}
.live-tracking-panel__stat-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.live-tracking-panel__stat-value {
  font-size: 22px;
  font-weight: 500;
  color: var(--clr-black);
  line-height: 1.1;
}
.live-tracking-panel__stat-change {
  font-size: 12px;
  font-weight: 500;
}
.live-tracking-panel__stat-change--up {
  color: #1d9e75;
}
.live-tracking-panel__stat-change--down {
  color: #d85a30;
}
.live-tracking-panel__body {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  flex: 1;
  min-height: 0;
}
.live-tracking-panel__map-card {
  position: relative;
  background: var(--clr-gray-50);
  border-radius: var(--radius-sm);
  padding: 8px;
  min-height: 0;
  min-width: 0;
  display: flex;
  align-items: center;
}
.live-tracking-panel__map-wrap {
  width: 100%;
  position: relative;
}
.live-tracking-panel__map-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.live-tracking-panel__country {
  fill: var(--clr-gray-200);
  stroke: var(--clr-white);
  stroke-width: 0.5;
  transition: fill 0.2s ease;
  cursor: default;
}
.live-tracking-panel__country:hover {
  fill: var(--clr-gray-300);
}
.live-tracking-panel__map-tooltip {
  position: absolute;
  display: none;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-300);
  border-radius: var(--radius-sm);
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  pointer-events: none;
  color: var(--clr-black);
  box-shadow: var(--shadow-sm);
  z-index: 2;
}
.live-tracking-panel__activity {
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.live-tracking-panel__activity-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-gray-500);
  margin: 0 0 8px;
  flex-shrink: 0;
}
.live-tracking-panel__activity-list {
  display: flex;
  flex-direction: column;
  gap: var(--live-tracking-row-gap);
  flex: 0 0 auto;
  height: calc(
    var(--live-tracking-rows) * var(--live-tracking-row-h) + (var(--live-tracking-rows) - 1) *
      var(--live-tracking-row-gap)
  );
  overflow: hidden;
}
.live-tracking-panel__activity-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: var(--live-tracking-row-h);
  box-sizing: border-box;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-4px);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}
.live-tracking-panel__activity-row.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.live-tracking-panel__activity-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.live-tracking-panel__activity-icon .ti {
  font-size: 15px;
}
.live-tracking-panel__activity-copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.live-tracking-panel__activity-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.live-tracking-panel__activity-place {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.3;
  color: var(--clr-black);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.live-tracking-panel__activity-time {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-gray-400);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.live-tracking-panel__activity-text {
  margin: 0;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--clr-gray-700);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.live-tracking-panel__activity-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  min-width: 0;
}
.live-tracking-panel__activity-type {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: var(--radius-pill);
  line-height: 1.4;
}
.live-tracking-panel__activity-type--cart {
  background: #faece7;
  color: #993c1d;
}
.live-tracking-panel__activity-device {
  font-size: 11px;
  line-height: 1.35;
  color: var(--clr-gray-400);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .corp-section--live-tracking-main {
    --live-tracking-header-space: 260px;
    min-height: auto;
  }
  .live-tracking-panel {
    min-height: calc(100svh - var(--nav-height) - var(--live-tracking-header-space));
  }
  .live-tracking-panel__body {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(220px, 1fr) auto;
  }
}
@media (max-width: 767px) {
  .corp-section--live-tracking-main {
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .corp-section--live-tracking-main .corp-section-header {
    margin-bottom: 24px;
  }
  .live-tracking-panel {
    padding: 14px;
    min-height: calc(100svh - var(--nav-height) - 280px);
  }
  .live-tracking-panel__stats {
    grid-template-columns: 1fr;
  }
}
.corp-section--live-tracking-geo > .container {
  max-width: var(--content-max-width);
}
.live-tracking-geo__grid {
  display: grid;
  grid-template-columns: 1fr minmax(280px, 420px);
  gap: 48px;
  align-items: center;
}
.live-tracking-geo__header.corp-section-header {
  margin-bottom: 0;
}
.live-tracking-geo-panel {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 20px;
  box-shadow: var(--shadow-sm);
}
.live-tracking-geo-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.live-tracking-geo-panel__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-gray-500);
  margin: 0;
}
.live-tracking-geo-panel__live {
  display: flex;
  align-items: center;
  gap: 6px;
}
.live-tracking-geo-panel__live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1d9e75;
  animation: liveTrackingPulse 1.8s ease-out infinite;
}
.live-tracking-geo-panel__live-label {
  font-size: 11px;
  font-weight: 500;
  color: #0f6e56;
}
.live-tracking-geo-panel__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.live-tracking-geo-panel__row {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.live-tracking-geo-panel__row-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.live-tracking-geo-panel__city {
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
}
.live-tracking-geo-panel__country {
  font-size: 11px;
  font-weight: 400;
  color: var(--clr-gray-400);
  margin-left: 6px;
}
.live-tracking-geo-panel__stats {
  font-size: 12.5px;
  color: var(--clr-gray-500);
  white-space: nowrap;
}
.live-tracking-geo-panel__track {
  width: 100%;
  height: 8px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.live-tracking-geo-panel__bar {
  height: 100%;
  background: #534ab7;
  border-radius: var(--radius-sm);
  width: 0;
  transition: width 1s ease;
}
@media (max-width: 991px) {
  .live-tracking-geo__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .live-tracking-geo-panel {
    max-width: 420px;
  }
}
@media (max-width: 767px) {
  .live-tracking-geo-panel {
    max-width: none;
  }
}
.corp-section--live-tracking-cart > .container {
  max-width: var(--content-max-width);
}
.live-tracking-cart__grid {
  display: grid;
  grid-template-columns: minmax(280px, 400px) 1fr;
  gap: 48px;
  align-items: center;
}
.live-tracking-cart__header.corp-section-header {
  margin-bottom: 0;
}
.live-tracking-cart-panel {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 16px;
  box-shadow: var(--shadow-sm);
  max-width: 400px;
}
.live-tracking-cart-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.live-tracking-cart-panel__live {
  display: flex;
  align-items: center;
  gap: 6px;
}
.live-tracking-cart-panel__live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1d9e75;
  animation: liveTrackingPulse 1.8s ease-out infinite;
}
.live-tracking-cart-panel__live-label {
  font-size: 11px;
  font-weight: 500;
  color: #0f6e56;
}
.live-tracking-cart-panel__live-meta,
.live-tracking-cart-panel__count {
  font-size: 11px;
  color: var(--clr-gray-400);
}
.live-tracking-cart-panel__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
}
.live-tracking-cart-panel__card {
  background: var(--clr-gray-50);
  border-radius: var(--radius-lg);
  padding: 10px 12px;
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}
.live-tracking-cart-panel__card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.live-tracking-cart-panel__card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
.live-tracking-cart-panel__city {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
  line-height: 1.3;
}
.live-tracking-cart-panel__country {
  margin: 0;
  font-size: 10px;
  color: var(--clr-gray-400);
}
.live-tracking-cart-panel__stage {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 7px;
  border-radius: var(--radius-md);
  white-space: nowrap;
  flex-shrink: 0;
}
.live-tracking-cart-panel__stage-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  animation: liveTrackingStatusPulse 1.2s ease-in-out infinite;
}
.live-tracking-cart-panel__items {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 6px;
  font-size: 11px;
  color: var(--clr-gray-500);
  line-height: 1.35;
}
.live-tracking-cart-panel__items .ti {
  font-size: 12px;
  color: var(--clr-gray-400);
  flex-shrink: 0;
}
.live-tracking-cart-panel__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  border-top: 0.5px solid var(--clr-gray-200);
}
.live-tracking-cart-panel__time {
  font-size: 10.5px;
  color: var(--clr-gray-400);
}
.live-tracking-cart-panel__total {
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
}
@media (max-width: 991px) {
  .live-tracking-cart__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .live-tracking-cart__header {
    order: -1;
  }
  .live-tracking-cart-panel {
    max-width: 420px;
  }
}
@media (max-width: 767px) {
  .live-tracking-cart-panel {
    max-width: none;
  }
}
.corp-section--live-tracking-page-perf > .container {
  max-width: var(--content-max-width);
}
.live-tracking-page-perf__grid {
  display: grid;
  grid-template-columns: 1fr minmax(280px, 500px);
  gap: 48px;
  align-items: center;
}
.live-tracking-page-perf__header.corp-section-header {
  margin-bottom: 0;
}
.live-tracking-page-perf-panel {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 20px;
  box-shadow: var(--shadow-sm);
  max-width: 500px;
}
.live-tracking-page-perf-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.live-tracking-page-perf-panel__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-gray-500);
  margin: 0;
}
.live-tracking-page-perf-panel__live {
  display: flex;
  align-items: center;
  gap: 6px;
}
.live-tracking-page-perf-panel__live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1d9e75;
  animation: liveTrackingPulse 1.8s ease-out infinite;
}
.live-tracking-page-perf-panel__live-label {
  font-size: 11px;
  font-weight: 500;
  color: #0f6e56;
}
.live-tracking-page-perf-panel__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.live-tracking-page-perf-panel__row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.live-tracking-page-perf-panel__row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.live-tracking-page-perf-panel__page {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.live-tracking-page-perf-panel__page .ti {
  font-size: 14px;
  color: var(--clr-gray-400);
  flex-shrink: 0;
}
.live-tracking-page-perf-panel__page-copy {
  min-width: 0;
}
.live-tracking-page-perf-panel__name {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
  white-space: nowrap;
}
.live-tracking-page-perf-panel__url {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.live-tracking-page-perf-panel__stats {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.live-tracking-page-perf-panel__views {
  font-size: 12.5px;
  color: var(--clr-gray-500);
  white-space: nowrap;
}
.live-tracking-page-perf-panel__trend {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: var(--radius-md);
}
.live-tracking-page-perf-panel__trend .ti {
  font-size: 11px;
}
.live-tracking-page-perf-panel__trend--up {
  background: #e1f5ee;
  color: #04342c;
}
.live-tracking-page-perf-panel__trend--down {
  background: #fcebeb;
  color: #501313;
}
.live-tracking-page-perf-panel__track {
  width: 100%;
  height: 7px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.live-tracking-page-perf-panel__bar {
  height: 100%;
  background: #534ab7;
  border-radius: var(--radius-md);
  width: 0;
  transition: width 0.9s ease;
}
@media (max-width: 991px) {
  .live-tracking-page-perf__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .live-tracking-page-perf-panel {
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  .live-tracking-page-perf-panel {
    max-width: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .payment-orchestration-panel__card,
  .payment-orchestration-panel__card-label {
    transition: none;
  }
  .payment-orchestration-panel__card.is-fading {
    opacity: 1;
  }
  .payment-orchestration-installments-panel__pos-row,
  .payment-orchestration-installments-panel__option,
  .payment-orchestration-installments-panel__toggle,
  .payment-orchestration-installments-panel__toggle-thumb,
  .payment-orchestration-commission-compare__card-pill,
  .payment-orchestration-commission-compare__compare-card,
  .payment-orchestration-commission-compare__compare-name,
  .payment-orchestration-commission-compare__compare-rate {
    transition: none;
  }
  .payment-orchestration-commission-compare__card-pill.is-fading,
  .payment-orchestration-commission-compare__compare-card.is-fading
    .payment-orchestration-commission-compare__compare-name,
  .payment-orchestration-commission-compare__compare-card.is-fading
    .payment-orchestration-commission-compare__compare-rate {
    opacity: 1;
  }
  .payment-orchestration-routing-panel__row,
  .payment-orchestration-routing-panel__toggle,
  .payment-orchestration-routing-panel__toggle-thumb {
    transition: none;
  }
  .payment-orchestration-routing-panel__row.is-disabled {
    opacity: 0.45;
  }
}
.corp-section--payment-orchestration-main {
  --payment-card-bg: #26215c;
  --payment-card-accent: #7f77dd;
  --payment-card-muted: #afaaec;
  --payment-card-icon: #cecaf6;
  --payment-pos-bg: #eeedfe;
  --payment-pos-text: #534ab7;
  --payment-savings: #0f6e56;
  min-height: calc(100svh - var(--nav-height));
  padding-top: 72px;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
}
.corp-section--payment-orchestration-main > .container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-width: var(--content-max-width);
}
.corp-section--payment-orchestration-main .corp-section-header {
  margin-bottom: 32px;
  flex-shrink: 0;
}
.payment-orchestration-panel {
  width: 100%;
  max-width: 560px;
  margin-inline: auto;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 24px;
  box-shadow: var(--shadow-sm);
}
.payment-orchestration-panel__routing {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}
.payment-orchestration-panel__card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-radius: var(--radius-lg);
  padding: 16px 18px;
  transition: opacity 0.25s ease;
}
.payment-orchestration-panel__card.is-fading {
  opacity: 0;
}
.payment-orchestration-panel__card--source {
  background: var(--payment-card-bg);
}
.payment-orchestration-panel__card--source .payment-orchestration-panel__card-top {
  color: var(--payment-card-icon);
}
.payment-orchestration-panel__card--source .payment-orchestration-panel__card-label {
  color: var(--clr-white);
}
.payment-orchestration-panel__card--source .payment-orchestration-panel__card-sub {
  color: var(--payment-card-muted);
}
.payment-orchestration-panel__card--pos {
  background: var(--payment-pos-bg);
}
.payment-orchestration-panel__card--pos .payment-orchestration-panel__card-top {
  color: var(--payment-pos-text);
}
.payment-orchestration-panel__card--pos .payment-orchestration-panel__card-label {
  color: var(--payment-card-bg);
}
.payment-orchestration-panel__card--pos .payment-orchestration-panel__card-sub {
  color: var(--payment-pos-text);
}
.payment-orchestration-panel__card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payment-orchestration-panel__card-top .ti {
  font-size: 18px;
}
.payment-orchestration-panel__chip {
  width: 22px;
  height: 15px;
  border-radius: 2px;
  background: var(--payment-card-accent);
}
.payment-orchestration-panel__card-label {
  font-size: 15px;
  font-weight: 500;
  transition: opacity 0.2s ease;
}
.payment-orchestration-panel__card-sub {
  font-size: 11px;
}
.payment-orchestration-panel__flow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-orchestration-panel__flow-line {
  stroke: var(--clr-gray-300);
  stroke-width: 1.5;
  stroke-dasharray: 4 3;
}
.payment-orchestration-panel__flow-dot {
  fill: var(--payment-pos-text);
}
.payment-orchestration-panel__result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 14px 16px;
}
.payment-orchestration-panel__result-route {
  margin: 0;
  font-size: 12.5px;
  color: var(--clr-gray-500);
}
.payment-orchestration-panel__result-installment {
  margin: 2px 0 0;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--clr-black);
}
.payment-orchestration-panel__result-savings {
  text-align: right;
}
.payment-orchestration-panel__result-savings-label {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.payment-orchestration-panel__result-savings-value {
  margin: 2px 0 0;
  font-size: 17px;
  font-weight: 500;
  color: var(--payment-savings);
  font-variant-numeric: tabular-nums;
}
@media (max-width: 767px) {
  .corp-section--payment-orchestration-main {
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .corp-section--payment-orchestration-main .corp-section-header {
    margin-bottom: 24px;
  }
  .payment-orchestration-panel {
    padding: 18px;
  }
  .payment-orchestration-panel__routing {
    gap: 10px;
  }
  .payment-orchestration-panel__card {
    padding: 14px;
  }
  .payment-orchestration-panel__card-label {
    font-size: 13px;
  }
  .payment-orchestration-panel__result {
    flex-direction: column;
    align-items: flex-start;
  }
  .payment-orchestration-panel__result-savings {
    text-align: left;
  }
}
.corp-section--payment-orchestration-integrations > .container {
  max-width: var(--content-max-width);
}
.payment-orchestration-integrations__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 560px);
  gap: 48px;
  align-items: center;
}
.payment-orchestration-integrations__header.corp-section-header {
  margin-bottom: 32px;
}
.payment-orchestration-integrations__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
}
.payment-orchestration-integrations__stat {
  margin: 0;
}
.payment-orchestration-integrations__stat-value {
  margin: 0 0 4px;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--clr-black);
}
.payment-orchestration-integrations__stat-label {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.payment-orchestration-providers-panel {
  width: 100%;
  max-width: 560px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 20px;
  box-shadow: var(--shadow-sm);
}
.payment-orchestration-providers-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.payment-orchestration-providers-panel__title {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-black);
}
.payment-orchestration-providers-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.payment-orchestration-providers-panel__add {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-black);
  cursor: default;
}
.payment-orchestration-providers-panel__add .ti {
  font-size: 14px;
}
.payment-orchestration-providers-panel__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.payment-orchestration-providers-panel__row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 10px 12px;
}
.payment-orchestration-providers-panel__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
}
.payment-orchestration-providers-panel__info {
  flex: 1;
  min-width: 0;
}
.payment-orchestration-providers-panel__name {
  margin: 0;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--clr-black);
}
.payment-orchestration-providers-panel__type {
  margin: 0;
  font-size: 11.5px;
  color: var(--clr-gray-400);
}
.payment-orchestration-providers-panel__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.payment-orchestration-providers-panel__amount {
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.payment-orchestration-providers-panel__status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: var(--radius-md);
  white-space: nowrap;
}
.payment-orchestration-providers-panel__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}
.payment-orchestration-providers-panel__status--active {
  background: #e1f5ee;
  color: #04342c;
}
.payment-orchestration-providers-panel__status--active
  .payment-orchestration-providers-panel__status-dot {
  background: #1d9e75;
}
.payment-orchestration-providers-panel__status--pending {
  background: var(--clr-gray-50);
  color: var(--clr-gray-400);
  border: 0.5px solid var(--clr-gray-200);
}
.payment-orchestration-providers-panel__status--pending
  .payment-orchestration-providers-panel__status-dot {
  background: var(--clr-gray-400);
}
@media (max-width: 991px) {
  .payment-orchestration-integrations__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .payment-orchestration-providers-panel {
    max-width: 560px;
  }
}
@media (max-width: 767px) {
  .payment-orchestration-integrations__stats {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .payment-orchestration-providers-panel {
    max-width: none;
    padding: 16px;
  }
  .payment-orchestration-providers-panel__head {
    flex-direction: column;
    align-items: stretch;
  }
  .payment-orchestration-providers-panel__meta {
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
  }
}
@media (max-width: 479px) {
  .payment-orchestration-providers-panel__row {
    flex-wrap: wrap;
  }
  .payment-orchestration-providers-panel__meta {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.corp-section--payment-orchestration-installments > .container {
  max-width: var(--content-max-width);
}
.payment-orchestration-installments__grid {
  display: grid;
  grid-template-columns: minmax(280px, 580px) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.payment-orchestration-installments-panel {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 580px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.payment-orchestration-installments__copy {
  grid-column: 2;
  grid-row: 1;
}
.payment-orchestration-installments__header.corp-section-header {
  margin-bottom: 28px;
}
.payment-orchestration-installments__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.payment-orchestration-installments__feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--clr-gray-700);
}
.payment-orchestration-installments__feature .bi {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1rem;
  color: #534ab7;
}
.payment-orchestration-installments-panel__head {
  margin-bottom: 18px;
}
.payment-orchestration-installments-panel__title {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-black);
}
.payment-orchestration-installments-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.payment-orchestration-installments-panel__field-label {
  display: block;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-500);
}
.payment-orchestration-installments-panel__options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 18px;
}
.payment-orchestration-installments-panel__option {
  border: 0;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 7px 12px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-500);
  cursor: pointer;
  transition:
    background var(--transition),
    color var(--transition);
}
.payment-orchestration-installments-panel__option.is-active {
  background: #534ab7;
  color: var(--clr-white);
}
.payment-orchestration-installments-panel__amount-input {
  width: 140px;
  margin-bottom: 18px;
  padding: 8px 12px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
  font-variant-numeric: tabular-nums;
}
.payment-orchestration-installments-panel__amount-input:focus {
  outline: 2px solid rgba(83, 74, 183, 0.25);
  border-color: #534ab7;
}
.payment-orchestration-installments-panel__pos-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.payment-orchestration-installments-panel__pos-row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  transition: opacity 0.3s ease;
}
.payment-orchestration-installments-panel__pos-row.is-disabled {
  opacity: 0.45;
}
.payment-orchestration-installments-panel__pos-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  flex-shrink: 0;
}
.payment-orchestration-installments-panel__pos-info {
  flex: 1;
  min-width: 0;
}
.payment-orchestration-installments-panel__pos-name {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
}
.payment-orchestration-installments-panel__pos-detail {
  margin: 0;
  font-size: 11.5px;
  color: var(--clr-gray-400);
}
.payment-orchestration-installments-panel__pos-amounts {
  text-align: right;
  flex-shrink: 0;
}
.payment-orchestration-installments-panel__pos-total {
  margin: 0;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--clr-black);
  font-variant-numeric: tabular-nums;
}
.payment-orchestration-installments-panel__pos-commission {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
  font-variant-numeric: tabular-nums;
}
.payment-orchestration-installments-panel__toggle {
  position: relative;
  width: 34px;
  height: 19px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: var(--clr-gray-300);
  flex-shrink: 0;
  cursor: pointer;
  transition: background 0.2s ease;
}
.payment-orchestration-installments-panel__toggle.is-on {
  background: #534ab7;
}
.payment-orchestration-installments-panel__toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--clr-white);
  transition: transform 0.2s ease;
}
.payment-orchestration-installments-panel__toggle.is-on
  .payment-orchestration-installments-panel__toggle-thumb {
  transform: translate(15px);
}
@media (max-width: 991px) {
  .payment-orchestration-installments__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .payment-orchestration-installments-panel,
  .payment-orchestration-installments__copy {
    grid-column: 1;
    grid-row: auto;
    max-width: 580px;
  }
  .payment-orchestration-installments__copy {
    order: 1;
  }
  .payment-orchestration-installments-panel {
    order: 2;
  }
}
@media (max-width: 767px) {
  .payment-orchestration-installments-panel,
  .payment-orchestration-installments__copy {
    max-width: none;
  }
  .payment-orchestration-installments-panel {
    padding: 16px;
  }
  .payment-orchestration-installments-panel__pos-row {
    flex-wrap: wrap;
  }
  .payment-orchestration-installments-panel__pos-amounts {
    width: calc(100% - 46px);
    margin-left: 46px;
    text-align: left;
  }
  .payment-orchestration-installments-panel__toggle {
    margin-left: auto;
  }
}
@media (max-width: 479px) {
  .payment-orchestration-installments-panel__pos-amounts {
    width: 100%;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
}
.corp-section--payment-orchestration-commission > .container {
  max-width: var(--content-max-width);
}
.payment-orchestration-commission__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 480px);
  gap: 48px;
  align-items: center;
}
.payment-orchestration-commission__header.corp-section-header {
  margin-bottom: 28px;
}
.payment-orchestration-savings-card {
  width: 100%;
  max-width: 380px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.payment-orchestration-savings-card__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.payment-orchestration-savings-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e1f5ee;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.payment-orchestration-savings-card__icon .ti {
  font-size: 18px;
  color: #0f6e56;
}
.payment-orchestration-savings-card__title {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
}
.payment-orchestration-savings-card__subtitle {
  margin: 0;
  font-size: 11.5px;
  color: var(--clr-gray-400);
}
.payment-orchestration-savings-card__amount {
  margin: 0 0 4px;
  font-size: 30px;
  font-weight: 500;
  color: #0f6e56;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.payment-orchestration-savings-card__pct {
  margin: 0 0 16px;
  font-size: 12.5px;
  color: var(--clr-gray-500);
}
.payment-orchestration-savings-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 0.5px solid var(--clr-gray-200);
  padding-top: 14px;
}
.payment-orchestration-savings-card__footer-label {
  font-size: 12px;
  color: var(--clr-gray-400);
}
.payment-orchestration-savings-card__footer-value {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-black);
  font-variant-numeric: tabular-nums;
}
.payment-orchestration-commission-compare {
  width: 100%;
  max-width: 480px;
  justify-self: end;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.payment-orchestration-commission-compare__head {
  margin-bottom: 16px;
}
.payment-orchestration-commission-compare__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.payment-orchestration-commission-compare__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.payment-orchestration-commission-compare__card-pill-wrap {
  margin-bottom: 18px;
}
.payment-orchestration-commission-compare__card-pill {
  display: inline-flex;
  background: #26215c;
  color: var(--clr-white);
  font-size: 12.5px;
  font-weight: 500;
  padding: 5px 14px;
  border-radius: var(--radius-md);
  transition: opacity 0.25s ease;
}
.payment-orchestration-commission-compare__card-pill.is-fading,
.payment-orchestration-commission-compare__compare-card.is-fading
  .payment-orchestration-commission-compare__compare-name,
.payment-orchestration-commission-compare__compare-card.is-fading
  .payment-orchestration-commission-compare__compare-rate {
  opacity: 0;
}
.payment-orchestration-commission-compare__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}
.payment-orchestration-commission-compare__compare-card {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 14px;
  text-align: center;
  transition:
    background 0.35s ease,
    opacity 0.25s ease;
}
.payment-orchestration-commission-compare__compare-card.is-winner {
  background: #e1f5ee;
}
.payment-orchestration-commission-compare__compare-name {
  margin: 0 0 6px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-black);
  transition: opacity 0.25s ease;
}
.payment-orchestration-commission-compare__compare-rate {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  color: var(--clr-black);
  font-variant-numeric: tabular-nums;
  transition: opacity 0.25s ease;
}
.payment-orchestration-commission-compare__compare-card.is-winner
  .payment-orchestration-commission-compare__compare-rate {
  color: #04342c;
}
.payment-orchestration-commission-compare__compare-label {
  margin: 2px 0 0;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.payment-orchestration-commission-compare__recommend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #eeedfe;
  border-radius: var(--radius-md);
  padding: 12px 14px;
}
.payment-orchestration-commission-compare__recommend-copy {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 12.5px;
  color: #26215c;
}
.payment-orchestration-commission-compare__recommend-copy .ti {
  flex-shrink: 0;
  font-size: 16px;
  color: #534ab7;
}
.payment-orchestration-commission-compare__recommend-pct {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 500;
  color: #26215c;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .payment-orchestration-commission__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .payment-orchestration-savings-card,
  .payment-orchestration-commission-compare {
    max-width: 480px;
  }
  .payment-orchestration-commission-compare {
    justify-self: start;
  }
}
@media (max-width: 767px) {
  .payment-orchestration-savings-card,
  .payment-orchestration-commission-compare {
    max-width: none;
    padding: 16px;
  }
  .payment-orchestration-commission-compare__recommend {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 479px) {
  .payment-orchestration-commission-compare__grid {
    grid-template-columns: 1fr;
  }
}
.corp-section--payment-orchestration-routing > .container {
  max-width: var(--content-max-width);
}
.payment-orchestration-routing__grid {
  display: grid;
  grid-template-columns: minmax(280px, 580px) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.payment-orchestration-routing-panel {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 580px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.payment-orchestration-routing__copy {
  grid-column: 2;
  grid-row: 1;
}
.payment-orchestration-routing__header.corp-section-header {
  margin-bottom: 28px;
}
.payment-orchestration-routing__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.payment-orchestration-routing__feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--clr-gray-700);
}
.payment-orchestration-routing__feature .bi {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1rem;
  color: #534ab7;
}
.payment-orchestration-routing-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.payment-orchestration-routing-panel__title {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-black);
}
.payment-orchestration-routing-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.payment-orchestration-routing-panel__add {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-black);
  cursor: default;
}
.payment-orchestration-routing-panel__add .ti {
  font-size: 14px;
}
.payment-orchestration-routing-panel__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.payment-orchestration-routing-panel__row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  transition: opacity 0.3s ease;
}
.payment-orchestration-routing-panel__row.is-disabled {
  opacity: 0.45;
}
.payment-orchestration-routing-panel__card-tag {
  min-width: 46px;
  height: 30px;
  padding: 0 8px;
  border-radius: var(--radius-md);
  background: #26215c;
  color: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  flex-shrink: 0;
  white-space: nowrap;
}
.payment-orchestration-routing-panel__flow {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: var(--clr-gray-500);
}
.payment-orchestration-routing-panel__flow .ti {
  flex-shrink: 0;
  font-size: 14px;
}
.payment-orchestration-routing-panel__target {
  font-weight: 500;
  color: var(--clr-black);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.payment-orchestration-routing-panel__priority {
  font-size: 11px;
  color: var(--clr-gray-400);
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  padding: 2px 7px;
  border-radius: var(--radius-md);
  flex-shrink: 0;
  white-space: nowrap;
}
.payment-orchestration-routing-panel__toggle {
  position: relative;
  width: 34px;
  height: 19px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: var(--clr-gray-300);
  flex-shrink: 0;
  cursor: pointer;
  transition: background 0.2s ease;
}
.payment-orchestration-routing-panel__toggle.is-on {
  background: #534ab7;
}
.payment-orchestration-routing-panel__toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--clr-white);
  transition: transform 0.2s ease;
}
.payment-orchestration-routing-panel__toggle.is-on
  .payment-orchestration-routing-panel__toggle-thumb {
  transform: translate(15px);
}
@media (max-width: 991px) {
  .payment-orchestration-routing__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .payment-orchestration-routing-panel,
  .payment-orchestration-routing__copy {
    grid-column: 1;
    grid-row: auto;
    max-width: 580px;
  }
  .payment-orchestration-routing__copy {
    order: 1;
  }
  .payment-orchestration-routing-panel {
    order: 2;
  }
}
@media (max-width: 767px) {
  .payment-orchestration-routing-panel,
  .payment-orchestration-routing__copy {
    max-width: none;
  }
  .payment-orchestration-routing-panel {
    padding: 16px;
  }
  .payment-orchestration-routing-panel__head {
    flex-direction: column;
    align-items: stretch;
  }
  .payment-orchestration-routing-panel__row {
    flex-wrap: wrap;
  }
  .payment-orchestration-routing-panel__flow {
    width: calc(100% - 58px);
  }
  .payment-orchestration-routing-panel__priority {
    margin-left: 58px;
  }
  .payment-orchestration-routing-panel__toggle {
    margin-left: auto;
  }
}
@media (max-width: 479px) {
  .payment-orchestration-routing-panel__flow {
    width: 100%;
    margin-left: 0;
  }
  .payment-orchestration-routing-panel__priority {
    margin-left: 0;
  }
}
@keyframes copilotTapRing {
  0% {
    transform: scale(0.3);
    opacity: 0.6;
  }
  to {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes copilotWaveAnim {
  0%,
  to {
    height: 6px;
  }
  50% {
    height: 20px;
  }
}
@keyframes copilotVoiceWaveAnim {
  0%,
  to {
    height: 6px;
  }
  50% {
    height: 26px;
  }
}
@keyframes copilotRingExpand {
  0% {
    transform: scale(0.6);
    opacity: 0.5;
  }
  to {
    transform: scale(1.8);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .copilot-panel__bubble,
  .copilot-panel__action-btn,
  .copilot-panel__typing-cursor,
  .copilot-panel__wave-bar,
  .copilot-query-panel__cursor,
  .copilot-query-panel__chip,
  .copilot-query-panel__metric,
  .copilot-query-panel__list-item,
  .copilot-query-panel__tap-ring,
  .copilot-actions-panel__cursor,
  .copilot-actions-panel__chip,
  .copilot-actions-panel__step,
  .copilot-actions-panel__success,
  .copilot-actions-panel__tap-ring,
  .copilot-actions-panel__typing-cursor,
  .copilot-voice-panel__ring,
  .copilot-voice-panel__wave-bar,
  .copilot-voice-panel__mic,
  .copilot-voice-panel__wave,
  .copilot-demo-result__step,
  .copilot-demo-result__success,
  .copilot-mention-panel__tag,
  .copilot-context-panel__context-badge {
    transition: none;
    animation: none;
  }
  .copilot-panel__bubble {
    opacity: 1;
  }
  .copilot-panel__wave-bar {
    height: 10px;
  }
  .copilot-query-panel__metric,
  .copilot-query-panel__list-item,
  .copilot-actions-panel__step,
  .copilot-actions-panel__success,
  .copilot-demo-result__step,
  .copilot-demo-result__success,
  .copilot-mention-panel__tag {
    opacity: 1;
    transform: none;
  }
  .copilot-query-panel__cursor,
  .copilot-actions-panel__cursor {
    opacity: 0;
  }
}
.corp-section--copilot-main,
.corp-section--copilot-query,
.corp-section--copilot-actions,
.corp-section--copilot-voice {
  --copilot-accent: #534ab7;
  --copilot-accent-soft: #eeedfe;
  --copilot-user-text: #26215c;
}
.corp-section--copilot-main {
  min-height: calc(100svh - var(--nav-height));
  padding-top: 72px;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
}
.corp-section--copilot-main > .container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-width: var(--content-max-width);
}
.corp-section--copilot-main .corp-section-header {
  margin-bottom: 32px;
  flex-shrink: 0;
}
.copilot-panel {
  width: 100%;
  max-width: 480px;
  margin-inline: auto;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.copilot-panel__sr-title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}
.copilot-panel__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.copilot-panel__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--copilot-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.copilot-panel__avatar i {
  font-size: 16px;
  color: var(--clr-white);
}
.copilot-panel__name {
  margin: 0;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.copilot-panel__status {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.copilot-panel__chat {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 14px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 14px;
}
.copilot-panel__bubble {
  font-size: 12.5px;
  line-height: 1.5;
  padding: 8px 12px;
  border-radius: var(--radius-md);
  max-width: 85%;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.copilot-panel__bubble.is-visible {
  opacity: 1;
}
.copilot-panel__bubble--user {
  background: var(--copilot-accent-soft);
  color: var(--copilot-user-text);
  align-self: flex-end;
}
.copilot-panel__bubble--bot {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  color: var(--clr-gray-900);
  align-self: flex-start;
}
.copilot-panel__composer {
  display: flex;
  align-items: center;
  gap: 8px;
}
.copilot-panel__input {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 0 12px;
  height: 38px;
  min-width: 0;
}
.copilot-panel__input i {
  font-size: 14px;
  color: var(--clr-gray-400);
  margin-right: 8px;
  flex-shrink: 0;
}
.copilot-panel__input-text {
  font-size: 12.5px;
  color: var(--clr-gray-400);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.copilot-panel__input-text--typed {
  color: var(--clr-gray-900);
}
.copilot-panel__typing-cursor {
  display: none;
  width: 1.5px;
  height: 14px;
  background: var(--clr-gray-600);
  margin-left: 2px;
  flex-shrink: 0;
}
.copilot-panel__typing-cursor.is-visible {
  display: inline-block;
}
.copilot-panel__action-btn {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-gray-50);
  color: var(--clr-gray-600);
  border: none;
  flex-shrink: 0;
  transition:
    background var(--transition),
    color var(--transition);
  cursor: default;
}
.copilot-panel__action-btn.is-active {
  background: var(--copilot-accent);
  color: var(--clr-white);
}
.copilot-panel__voice-wave {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-top: 12px;
  height: 20px;
}
.copilot-panel__voice-wave.is-visible {
  display: flex;
}
.copilot-panel__wave-bar {
  width: 3px;
  height: 6px;
  border-radius: 2px;
  background: var(--copilot-accent);
  animation: copilotWaveAnim 0.9s ease-in-out infinite;
}
.copilot-panel__wave-bar:nth-child(1) {
  animation-delay: 0s;
}
.copilot-panel__wave-bar:nth-child(2) {
  animation-delay: 0.1s;
}
.copilot-panel__wave-bar:nth-child(3) {
  animation-delay: 0.2s;
}
.copilot-panel__wave-bar:nth-child(4) {
  animation-delay: 0.3s;
}
.copilot-panel__wave-bar:nth-child(5) {
  animation-delay: 0.4s;
}
.copilot-panel__wave-bar:nth-child(6) {
  animation-delay: 0.3s;
}
.copilot-panel__wave-bar:nth-child(7) {
  animation-delay: 0.2s;
}
@media (max-width: 575.98px) {
  .copilot-panel {
    padding: 18px;
  }
  .copilot-panel__bubble {
    max-width: 92%;
  }
}
.corp-section--copilot-query > .container {
  max-width: var(--content-max-width);
}
.copilot-query__grid {
  display: grid;
  grid-template-columns: 1fr minmax(300px, 560px);
  gap: 48px;
  align-items: center;
}
.copilot-query__header.corp-section-header {
  margin-bottom: 0;
}
.copilot-query-panel {
  width: 100%;
  max-width: 560px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.copilot-query-panel__sr-title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}
.copilot-query-panel__head {
  margin-bottom: 16px;
}
.copilot-query-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.copilot-query-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.copilot-query-panel__templates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
  position: relative;
}
.copilot-query-panel__chip {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-600);
  cursor: default;
  transition:
    background var(--transition),
    color var(--transition),
    transform 0.15s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
.copilot-query-panel__chip i {
  font-size: 14px;
}
.copilot-query-panel__chip.is-active {
  background: var(--copilot-accent, #534ab7);
  color: var(--clr-white);
}
.copilot-query-panel__chip.is-pressed {
  transform: scale(0.94);
}
.copilot-query-panel__cursor {
  position: absolute;
  width: 18px;
  height: 18px;
  pointer-events: none;
  opacity: 0;
  transition:
    left 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    top 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.3s ease;
  z-index: 5;
}
.copilot-query-panel__cursor.is-visible {
  opacity: 1;
}
.copilot-query-panel__cursor svg {
  width: 100%;
  height: 100%;
}
.copilot-query-panel__tap-ring {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--copilot-accent, #534ab7);
  pointer-events: none;
  animation: copilotTapRing 0.5s ease-out forwards;
  z-index: 4;
}
.copilot-query-panel__response {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 16px;
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.copilot-query-panel__idle {
  margin: 0;
  font-size: 12.5px;
  color: var(--clr-gray-400);
}
.copilot-query-panel__metric {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}
.copilot-query-panel__metric.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.copilot-query-panel__metric-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.copilot-query-panel__metric-icon i {
  font-size: 18px;
}
.copilot-query-panel__metric-value {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.copilot-query-panel__metric-label {
  margin: 0;
  font-size: 12px;
  color: var(--clr-gray-600);
}
.copilot-query-panel__list {
  width: 100%;
}
.copilot-query-panel__list-heading {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-600);
}
.copilot-query-panel__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
  font-size: 12.5px;
  padding: 4px 0;
}
.copilot-query-panel__list-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.copilot-query-panel__list-name {
  color: var(--clr-gray-900);
  font-weight: 500;
}
.copilot-query-panel__list-value {
  color: var(--clr-gray-400);
}
@media (max-width: 991px) {
  .copilot-query__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .copilot-query-panel {
    max-width: 560px;
  }
}
@media (max-width: 767px) {
  .copilot-query-panel {
    max-width: none;
  }
}
.corp-section--copilot-actions > .container {
  max-width: var(--content-max-width);
}
.copilot-actions__grid {
  display: grid;
  grid-template-columns: minmax(300px, 560px) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.copilot-actions-panel {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 560px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.copilot-actions__copy {
  grid-column: 2;
  grid-row: 1;
}
.copilot-actions__header.corp-section-header {
  margin-bottom: 28px;
}
.copilot-actions__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.copilot-actions__feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--clr-gray-700);
}
.copilot-actions__feature .bi {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1rem;
  color: var(--copilot-accent, #534ab7);
}
.copilot-actions-panel__sr-title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}
.copilot-actions-panel__head {
  margin-bottom: 16px;
}
.copilot-actions-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.copilot-actions-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.copilot-actions-panel__templates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
  position: relative;
}
.copilot-actions-panel__chip {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-600);
  cursor: default;
  transition:
    background var(--transition),
    color var(--transition),
    transform 0.15s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
.copilot-actions-panel__chip i {
  font-size: 14px;
}
.copilot-actions-panel__chip.is-active {
  background: var(--copilot-accent, #534ab7);
  color: var(--clr-white);
}
.copilot-actions-panel__chip.is-pressed {
  transform: scale(0.94);
}
.copilot-actions-panel__cursor {
  position: absolute;
  width: 18px;
  height: 18px;
  pointer-events: none;
  opacity: 0;
  transition:
    left 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    top 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.3s ease;
  z-index: 5;
}
.copilot-actions-panel__cursor.is-visible {
  opacity: 1;
}
.copilot-actions-panel__cursor svg {
  width: 100%;
  height: 100%;
}
.copilot-actions-panel__tap-ring {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--copilot-accent, #534ab7);
  pointer-events: none;
  animation: copilotTapRing 0.5s ease-out forwards;
  z-index: 4;
}
.copilot-actions-panel__composer {
  margin-bottom: 14px;
}
.copilot-actions-panel__input {
  display: flex;
  align-items: center;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 0 12px;
  height: 38px;
  min-width: 0;
}
.copilot-actions-panel__input i {
  font-size: 14px;
  color: var(--clr-gray-400);
  margin-right: 8px;
  flex-shrink: 0;
}
.copilot-actions-panel__command-text {
  font-size: 12.5px;
  color: var(--clr-gray-400);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.copilot-actions-panel__command-text--typed {
  color: var(--clr-gray-900);
}
.copilot-actions-panel__typing-cursor {
  display: none;
  width: 1.5px;
  height: 14px;
  background: var(--clr-gray-600);
  margin-left: 2px;
  flex-shrink: 0;
}
.copilot-actions-panel__typing-cursor.is-visible {
  display: inline-block;
}
.copilot-actions-panel__result {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 16px;
  min-height: 80px;
}
.copilot-actions-panel__idle {
  margin: 0;
  font-size: 12.5px;
  color: var(--clr-gray-400);
}
.copilot-actions-panel__step {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
  font-size: 12.5px;
  padding: 5px 0;
  color: var(--clr-gray-600);
}
.copilot-actions-panel__step.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.copilot-actions-panel__step-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
  background: var(--copilot-accent-soft, #eeedfe);
  color: var(--copilot-accent, #534ab7);
}
.copilot-actions-panel__step-icon i {
  font-size: 12px;
}
.copilot-actions-panel__success {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #e1f5ee;
  border-radius: var(--radius-md);
  padding: 8px 12px;
  margin-top: 10px;
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
}
.copilot-actions-panel__success.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.copilot-actions-panel__success i {
  font-size: 16px;
  color: #04342c;
  flex-shrink: 0;
}
.copilot-actions-panel__success span {
  font-size: 12.5px;
  font-weight: 500;
  color: #04342c;
}
@media (max-width: 991px) {
  .copilot-actions__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .copilot-actions-panel,
  .copilot-actions__copy {
    grid-column: auto;
    grid-row: auto;
  }
  .copilot-actions-panel {
    max-width: 560px;
  }
}
@media (max-width: 767px) {
  .copilot-actions-panel {
    max-width: none;
  }
}
.corp-section--copilot-voice > .container {
  max-width: var(--content-max-width);
}
.copilot-voice__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 480px);
  grid-template-rows: auto auto;
  column-gap: 48px;
  row-gap: 56px;
  align-items: start;
}
.copilot-voice__header {
  grid-column: 1;
  grid-row: 1;
}
.copilot-voice__header.corp-section-header {
  margin-bottom: 0;
}
.copilot-voice__highlight {
  margin: 20px 0 0;
  padding-top: 20px;
  border-top: 0.5px solid var(--clr-gray-200);
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--clr-gray-600);
}
.copilot-voice__hero-panel {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  min-width: 0;
}
.copilot-voice__demos {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  padding-top: 32px;
  border-top: 0.5px solid var(--clr-gray-200);
}
.copilot-voice__demo-slot {
  display: flex;
  min-width: 0;
}
.copilot-voice-panel {
  width: 100%;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 32px 24px;
  box-shadow: var(--shadow-sm);
  text-align: center;
}
.copilot-voice-panel__sr-title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}
.copilot-voice-panel__title {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.copilot-voice-panel__status {
  margin: 0 0 24px;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.copilot-voice-panel__mic-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
  margin-bottom: 18px;
}
.copilot-voice-panel__ring {
  position: absolute;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #7f77dd;
  opacity: 0;
  z-index: 1;
}
.copilot-voice-panel__ring.is-active {
  animation: copilotRingExpand 1.6s ease-out infinite;
}
.copilot-voice-panel__ring--delayed.is-active {
  animation-delay: 0.8s;
}
.copilot-voice-panel__mic {
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--copilot-accent, #534ab7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: transform 0.2s ease;
}
.copilot-voice-panel__mic.is-pressed {
  transform: scale(0.92);
}
.copilot-voice-panel__mic i {
  font-size: 28px;
  color: var(--clr-white);
}
.copilot-voice-panel__wave {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 28px;
  margin-bottom: 16px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.copilot-voice-panel__wave.is-visible {
  opacity: 1;
}
.copilot-voice-panel__wave-bar {
  width: 3px;
  height: 6px;
  border-radius: 2px;
  background: var(--copilot-accent, #534ab7);
}
.copilot-voice-panel__wave-bar.is-animating {
  animation: copilotVoiceWaveAnim 0.9s ease-in-out infinite;
}
.copilot-voice-panel__wave-bar:nth-child(1) {
  animation-delay: 0s;
}
.copilot-voice-panel__wave-bar:nth-child(2) {
  animation-delay: 0.1s;
}
.copilot-voice-panel__wave-bar:nth-child(3) {
  animation-delay: 0.2s;
}
.copilot-voice-panel__wave-bar:nth-child(4) {
  animation-delay: 0.05s;
}
.copilot-voice-panel__wave-bar:nth-child(5) {
  animation-delay: 0.3s;
}
.copilot-voice-panel__wave-bar:nth-child(6) {
  animation-delay: 0.15s;
}
.copilot-voice-panel__wave-bar:nth-child(7) {
  animation-delay: 0.25s;
}
.copilot-voice-panel__wave-bar:nth-child(8) {
  animation-delay: 0.1s;
}
.copilot-voice-panel__wave-bar:nth-child(9) {
  animation-delay: 0.2s;
}
.copilot-voice-panel__transcript {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 12px 16px;
  min-height: 24px;
  text-align: left;
}
.copilot-voice-panel__transcript-text {
  font-size: 13px;
  color: var(--clr-gray-900);
}
.copilot-voice-panel__transcript-cursor {
  display: none;
  width: 1.5px;
  height: 14px;
  background: var(--clr-gray-600);
  margin-left: 2px;
  vertical-align: middle;
}
.copilot-voice-panel__transcript-cursor.is-visible {
  display: inline-block;
}
@media (max-width: 991px) {
  .copilot-voice__layout {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
  .copilot-voice__header,
  .copilot-voice__hero-panel,
  .copilot-voice__demos {
    grid-column: 1;
  }
  .copilot-voice__hero-panel {
    max-width: 480px;
  }
  .copilot-voice__demos {
    padding-top: 24px;
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .copilot-voice__hero-panel {
    max-width: none;
  }
  .copilot-voice__demos {
    grid-template-columns: 1fr;
  }
}
.copilot-demo-result {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 16px;
  min-height: 120px;
  margin-top: auto;
}
.copilot-demo-result--empty {
  min-height: 120px;
  margin-top: auto;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
}
.copilot-demo-result__step {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
  font-size: 12.5px;
  padding: 5px 0;
  color: var(--clr-gray-600);
}
.copilot-demo-result__step.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.copilot-demo-result__step-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
  background: var(--copilot-accent-soft, #eeedfe);
  color: var(--copilot-accent, #534ab7);
}
.copilot-demo-result__step-icon i {
  font-size: 11px;
}
.copilot-demo-result__success {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #e1f5ee;
  border-radius: var(--radius-md);
  padding: 8px 12px;
  margin-top: 10px;
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
}
.copilot-demo-result__success.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.copilot-demo-result__success i {
  font-size: 16px;
  color: #04342c;
  flex-shrink: 0;
}
.copilot-demo-result__success span {
  font-size: 12.5px;
  font-weight: 500;
  color: #04342c;
}
.copilot-demo-panel {
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 24px;
  box-shadow: var(--shadow-sm);
}
.copilot-voice__demos .copilot-demo-panel {
  box-shadow: var(--shadow-md);
}
.copilot-demo-panel__head {
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 0.5px solid var(--clr-gray-100);
}
.copilot-demo-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--clr-gray-900);
}
.copilot-demo-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.copilot-demo-panel__composer {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 0 12px;
  height: 38px;
  min-width: 0;
}
.copilot-demo-panel__composer i {
  font-size: 14px;
  color: var(--clr-gray-400);
  margin-right: 0;
  flex-shrink: 0;
}
.copilot-demo-panel__command-text {
  font-size: 12.5px;
  color: var(--clr-gray-400);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.copilot-demo-panel__command-text--typed {
  color: var(--clr-gray-900);
}
.copilot-demo-panel__typing-cursor {
  display: none;
  width: 1.5px;
  height: 14px;
  background: var(--clr-gray-600);
  margin-left: 2px;
  flex-shrink: 0;
}
.copilot-demo-panel__typing-cursor.is-visible {
  display: inline-block;
}
.copilot-demo-panel__sr-title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}
.copilot-context-panel__browser {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: 14px;
  border: 0.5px solid var(--clr-gray-200);
}
.copilot-context-panel__browser-chrome {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 0.5px solid var(--clr-gray-200);
}
.copilot-context-panel__browser-dots {
  display: flex;
  gap: 5px;
}
.copilot-context-panel__browser-dots span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--clr-gray-300);
}
.copilot-context-panel__url-bar {
  flex: 1;
  background: var(--clr-white);
  border-radius: var(--radius-md);
  padding: 3px 10px;
  font-size: 11px;
  color: var(--clr-gray-400);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.copilot-context-panel__browser-body {
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 66px;
}
.copilot-context-panel__product-thumb {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-200);
  flex-shrink: 0;
}
.copilot-context-panel__product-name {
  margin: 0;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
  min-height: 1.2em;
}
.copilot-context-panel__product-price {
  margin: 0;
  font-size: 11.5px;
  color: var(--clr-gray-400);
  min-height: 1.2em;
}
.copilot-context-panel__context-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--copilot-accent-soft, #eeedfe);
  border-radius: var(--radius-md);
  padding: 9px 12px;
  margin-bottom: 14px;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.copilot-context-panel__context-badge.is-visible {
  opacity: 1;
}
.copilot-context-panel__context-badge i {
  font-size: 14px;
  color: var(--copilot-accent, #534ab7);
  flex-shrink: 0;
}
.copilot-context-panel__context-badge span {
  font-size: 12px;
  color: var(--copilot-user-text, #26215c);
}
.copilot-context-panel__context-badge strong {
  font-weight: 500;
}
.copilot-context-panel__composer {
  margin-bottom: 0;
}
.copilot-mention-panel__composer-wrap {
  position: relative;
  margin-bottom: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 210px;
}
.copilot-mention-panel__composer {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  min-height: 38px;
  flex-wrap: wrap;
}
.copilot-mention-panel__composer > i {
  font-size: 14px;
  color: var(--clr-gray-400);
  flex-shrink: 0;
}
.copilot-mention-panel__command-line {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.copilot-mention-panel__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--copilot-accent-soft, #eeedfe);
  color: var(--copilot-user-text, #26215c);
  font-size: 12px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: var(--radius-md);
  opacity: 0;
  transform: scale(0.9);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}
.copilot-mention-panel__tag.is-visible {
  opacity: 1;
  transform: scale(1);
}
.copilot-mention-panel__tag i {
  font-size: 11px;
}
.copilot-mention-panel__pending {
  font-size: 12.5px;
  color: var(--clr-gray-900);
}
.copilot-mention-panel__autocomplete {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  right: 0;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-300);
  border-radius: var(--radius-md);
  padding: 6px;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.copilot-mention-panel__autocomplete.is-visible {
  opacity: 1;
  box-shadow: var(--shadow-md);
}
.copilot-mention-panel__ac-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: var(--radius-md);
  font-size: 12.5px;
  color: var(--clr-gray-600);
  transition: background 0.15s ease;
}
.copilot-mention-panel__ac-item.is-highlighted {
  background: var(--clr-gray-50);
  color: var(--clr-gray-900);
}
.copilot-mention-panel__ac-item i {
  font-size: 13px;
}
.corp-section--forsid-ai-main {
  min-height: calc(100svh - var(--nav-height));
  padding-top: 72px;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
}
.corp-section--forsid-ai-main > .container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-width: var(--content-max-width);
}
.corp-section--forsid-ai-main .corp-section-header {
  margin-bottom: 32px;
  flex-shrink: 0;
}
.forsid-ai-panel {
  flex: 1;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 920px;
  margin-inline: auto;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 18px;
  box-shadow: var(--shadow-sm);
}
.forsid-ai-panel__demo {
  flex: 1;
  min-height: 0;
  height: 100%;
}
@media (max-width: 767.98px) {
  .corp-section--forsid-ai-main {
    padding-top: 56px;
    padding-bottom: 40px;
  }
  .corp-section--forsid-ai-main .corp-section-header {
    margin-bottom: 24px;
  }
  .forsid-ai-panel {
    min-height: 520px;
    padding: 14px;
  }
}
.corp-section--forsid-ai-product-description {
  --forsid-ai-accent: #534ab7;
  --forsid-ai-accent-soft: #eeedfe;
  --forsid-ai-success-bg: #e1f5ee;
  --forsid-ai-success-text: #04342c;
  --forsid-ai-success-dot: #1d9e75;
}
.corp-section--forsid-ai-product-description > .container {
  max-width: var(--content-max-width);
}
.forsid-ai-product-description__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 520px);
  gap: 48px;
  align-items: center;
}
.forsid-ai-product-description__header.corp-section-header {
  margin-bottom: 32px;
}
.forsid-ai-product-description__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
}
.forsid-ai-product-description__stat {
  margin: 0;
}
.forsid-ai-product-description__stat-value {
  margin: 0 0 4px;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--clr-black);
}
.forsid-ai-product-description__stat-label {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.forsid-ai-product-desc-panel {
  width: 100%;
  max-width: 520px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.forsid-ai-product-desc-panel__head {
  margin-bottom: 16px;
}
.forsid-ai-product-desc-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-ai-product-desc-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.forsid-ai-product-desc-panel__product {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--clr-gray-100);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  margin-bottom: 14px;
}
.forsid-ai-product-desc-panel__thumb {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-200);
  flex-shrink: 0;
}
.forsid-ai-product-desc-panel__product-info {
  flex: 1;
  min-width: 0;
}
.forsid-ai-product-desc-panel__product-name {
  margin: 0;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-ai-product-desc-panel__product-meta {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.forsid-ai-product-desc-panel__status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: var(--radius-md);
  transition:
    background 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}
.forsid-ai-product-desc-panel__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  transition: background 0.3s ease;
}
.forsid-ai-product-desc-panel__status--empty {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  color: var(--clr-gray-400);
}
.forsid-ai-product-desc-panel__status--empty .forsid-ai-product-desc-panel__status-dot {
  background: var(--clr-gray-400);
}
.forsid-ai-product-desc-panel__status--done {
  background: var(--forsid-ai-success-bg);
  color: var(--forsid-ai-success-text);
}
.forsid-ai-product-desc-panel__status--done .forsid-ai-product-desc-panel__status-dot {
  background: var(--forsid-ai-success-dot);
}
.forsid-ai-product-desc-panel__output {
  background: var(--clr-gray-100);
  border-radius: var(--radius-md);
  padding: 14px;
  min-height: 90px;
  margin-bottom: 12px;
}
.forsid-ai-product-desc-panel__text {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--clr-black);
}
.forsid-ai-product-desc-panel__cursor {
  display: inline-block;
  width: 1.5px;
  height: 14px;
  margin-left: 1px;
  background: var(--clr-gray-600);
  vertical-align: middle;
  animation: forsidAiDescCursorBlink 0.9s step-end infinite;
}
.forsid-ai-product-desc-panel__cursor--off {
  display: none;
}
.forsid-ai-product-desc-panel__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.forsid-ai-product-desc-panel__tone {
  display: flex;
  align-items: center;
  gap: 6px;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.forsid-ai-product-desc-panel__tone--visible {
  opacity: 1;
}
.forsid-ai-product-desc-panel__tone i {
  font-size: 13px;
  color: var(--forsid-ai-accent);
}
.forsid-ai-product-desc-panel__tone-label {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--forsid-ai-accent);
}
.forsid-ai-product-desc-panel__tone-seo {
  font-size: 11px;
  color: var(--clr-gray-400);
}
@keyframes forsidAiDescCursorBlink {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@media (max-width: 991px) {
  .forsid-ai-product-description__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .forsid-ai-product-desc-panel {
    max-width: 560px;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .forsid-ai-product-description__stats {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .forsid-ai-product-desc-panel {
    max-width: none;
    padding: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .forsid-ai-product-desc-panel__status,
  .forsid-ai-product-desc-panel__status-dot,
  .forsid-ai-product-desc-panel__tone,
  .forsid-ai-product-desc-panel__cursor {
    transition: none;
    animation: none;
  }
  .forsid-ai-product-desc-panel__tone {
    opacity: 1;
  }
}
.corp-section--forsid-ai-content-generation {
  --forsid-ai-accent: #534ab7;
  --forsid-ai-success-bg: #e1f5ee;
  --forsid-ai-success-text: #04342c;
  --forsid-ai-success-dot: #1d9e75;
}
.corp-section--forsid-ai-content-generation > .container {
  max-width: var(--content-max-width);
}
.forsid-ai-content-generation__grid {
  display: grid;
  grid-template-columns: minmax(280px, 540px) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.forsid-ai-content-panel {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 540px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.forsid-ai-content-generation__copy {
  grid-column: 2;
  grid-row: 1;
}
.forsid-ai-content-generation__header.corp-section-header {
  margin-bottom: 28px;
}
.forsid-ai-content-generation__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.forsid-ai-content-generation__feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--clr-gray-700);
}
.forsid-ai-content-generation__feature .bi {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1rem;
  color: var(--forsid-ai-accent);
}
.forsid-ai-content-panel__head {
  margin-bottom: 16px;
}
.forsid-ai-content-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-ai-content-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.forsid-ai-content-panel__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}
.forsid-ai-content-panel__tab {
  background: var(--clr-gray-100);
  border-radius: var(--radius-md);
  padding: 7px 13px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-600);
  transition:
    background 0.25s ease,
    color 0.25s ease;
}
.forsid-ai-content-panel__tab--active {
  background: var(--forsid-ai-accent);
  color: var(--clr-white);
}
.forsid-ai-content-panel__topic {
  margin-bottom: 14px;
}
.forsid-ai-content-panel__topic-label {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--clr-gray-400);
}
.forsid-ai-content-panel__topic-title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
  min-height: 1.4em;
}
.forsid-ai-content-panel__topic-sub {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
  min-height: 1.2em;
}
.forsid-ai-content-panel__sections {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}
.forsid-ai-content-panel__section {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--clr-gray-100);
  border-radius: var(--radius-md);
  padding: 9px 12px;
  opacity: 0;
  transform: translateY(4px);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
}
.forsid-ai-content-panel__section--show {
  opacity: 1;
  transform: translateY(0);
}
.forsid-ai-content-panel__section-check {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--clr-gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.25s ease;
}
.forsid-ai-content-panel__section-check i {
  font-size: 10px;
  color: var(--clr-white);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.forsid-ai-content-panel__section-check--done {
  background: var(--forsid-ai-success-dot);
}
.forsid-ai-content-panel__section-check--done i {
  opacity: 1;
}
.forsid-ai-content-panel__section-name {
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
  color: var(--clr-black);
}
.forsid-ai-content-panel__section-words {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.forsid-ai-content-panel__status {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--forsid-ai-success-bg);
  border-radius: var(--radius-md);
  padding: 9px 12px;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.forsid-ai-content-panel__status--visible {
  opacity: 1;
}
.forsid-ai-content-panel__status i {
  font-size: 15px;
  color: var(--forsid-ai-success-text);
}
.forsid-ai-content-panel__status span {
  font-size: 12px;
  font-weight: 500;
  color: var(--forsid-ai-success-text);
}
@media (max-width: 991px) {
  .forsid-ai-content-generation__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .forsid-ai-content-panel {
    grid-column: auto;
    grid-row: auto;
    max-width: 560px;
    margin-inline: auto;
  }
  .forsid-ai-content-generation__copy {
    grid-column: auto;
    grid-row: auto;
  }
}
@media (max-width: 767px) {
  .forsid-ai-content-panel {
    max-width: none;
    padding: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .forsid-ai-content-panel__tab,
  .forsid-ai-content-panel__section,
  .forsid-ai-content-panel__section-check,
  .forsid-ai-content-panel__section-check i,
  .forsid-ai-content-panel__status {
    transition: none;
  }
  .forsid-ai-content-panel__section {
    opacity: 1;
    transform: none;
  }
  .forsid-ai-content-panel__status {
    opacity: 1;
  }
}
.corp-section--forsid-ai-competitor-analysis {
  --forsid-ai-accent: #534ab7;
  --forsid-ai-success-bg: #e1f5ee;
  --forsid-ai-success-text: #04342c;
  --forsid-ai-danger-bg: #fcebeb;
  --forsid-ai-danger-text: #501313;
}
.corp-section--forsid-ai-competitor-analysis > .container {
  max-width: var(--content-max-width);
}
.forsid-ai-competitor-analysis__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 600px);
  gap: 48px;
  align-items: center;
}
.forsid-ai-competitor-analysis__header.corp-section-header {
  margin-bottom: 32px;
}
.forsid-ai-competitor-analysis__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}
.forsid-ai-competitor-analysis__stat-card {
  margin: 0;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 18px 20px;
  box-shadow: var(--shadow-sm);
}
.forsid-ai-competitor-analysis__stat-value {
  margin: 0 0 4px;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--clr-black);
}
.forsid-ai-competitor-analysis__stat-label {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.forsid-ai-competitor-panel {
  width: 100%;
  max-width: 600px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.forsid-ai-competitor-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.forsid-ai-competitor-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-ai-competitor-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.forsid-ai-competitor-panel__updated {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
  white-space: nowrap;
}
.forsid-ai-competitor-panel__products {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
}
.forsid-ai-competitor-panel__product-row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--clr-gray-100);
  border-radius: var(--radius-md);
  padding: 10px 12px;
}
.forsid-ai-competitor-panel__product-name {
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-ai-competitor-panel__price-group {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.forsid-ai-competitor-panel__price-item {
  text-align: center;
}
.forsid-ai-competitor-panel__price-value {
  margin: 0;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-600);
}
.forsid-ai-competitor-panel__price-value--ours {
  color: var(--forsid-ai-success-text);
}
.forsid-ai-competitor-panel__price-label {
  margin: 0;
  font-size: 10px;
  color: var(--clr-gray-400);
}
.forsid-ai-competitor-panel__advantage {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: var(--radius-md);
}
.forsid-ai-competitor-panel__advantage i {
  font-size: 11px;
}
.forsid-ai-competitor-panel__advantage--yes {
  background: var(--forsid-ai-success-bg);
  color: var(--forsid-ai-success-text);
}
.forsid-ai-competitor-panel__advantage--no {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  color: var(--clr-gray-400);
}
.forsid-ai-competitor-panel__rankings-heading {
  margin: 0 0 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-600);
}
.forsid-ai-competitor-panel__rankings {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.forsid-ai-competitor-panel__ranking-row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--clr-gray-100);
  border-radius: var(--radius-md);
  padding: 10px 12px;
}
.forsid-ai-competitor-panel__ranking-keyword {
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
  color: var(--clr-black);
}
.forsid-ai-competitor-panel__ranking-position {
  flex-shrink: 0;
  width: 56px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-black);
  text-align: right;
}
.forsid-ai-competitor-panel__ranking-change {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  flex-shrink: 0;
  width: 52px;
  font-size: 11.5px;
  font-weight: 500;
  padding: 2px 7px;
  border-radius: var(--radius-md);
}
.forsid-ai-competitor-panel__ranking-change i {
  font-size: 11px;
}
.forsid-ai-competitor-panel__ranking-change--up {
  background: var(--forsid-ai-success-bg);
  color: var(--forsid-ai-success-text);
}
.forsid-ai-competitor-panel__ranking-change--down {
  background: var(--forsid-ai-danger-bg);
  color: var(--forsid-ai-danger-text);
}
@media (max-width: 991px) {
  .forsid-ai-competitor-analysis__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .forsid-ai-competitor-panel {
    max-width: 600px;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .forsid-ai-competitor-analysis__stats {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .forsid-ai-competitor-panel {
    max-width: none;
    padding: 16px;
  }
  .forsid-ai-competitor-panel__head {
    flex-direction: column;
    align-items: stretch;
  }
  .forsid-ai-competitor-panel__product-row {
    flex-wrap: wrap;
  }
  .forsid-ai-competitor-panel__price-group {
    order: 3;
    width: 100%;
    justify-content: flex-start;
  }
  .forsid-ai-competitor-panel__advantage {
    margin-left: auto;
  }
}
@media (max-width: 479px) {
  .forsid-ai-competitor-panel__ranking-row {
    flex-wrap: wrap;
  }
  .forsid-ai-competitor-panel__ranking-position,
  .forsid-ai-competitor-panel__ranking-change {
    margin-left: auto;
  }
}
.corp-section--forsid-seo-main {
  --forsid-seo-teal-bg: #e1f5ee;
  --forsid-seo-teal-text: #04342c;
  --forsid-seo-teal-icon: #0f6e56;
  --forsid-seo-purple-bg: #eeedfe;
  --forsid-seo-purple-text: #26215c;
  --forsid-seo-purple-icon: #534ab7;
  --forsid-seo-blue-bg: #e6f1fb;
  --forsid-seo-blue-text: #042c53;
  --forsid-seo-blue-icon: #185fa5;
  --forsid-seo-amber-bg: #faeeda;
  --forsid-seo-amber-text: #412402;
  --forsid-seo-amber-icon: #854f0b;
  --forsid-seo-red-bg: #fcebeb;
  --forsid-seo-red-text: #501313;
  --forsid-seo-red-icon: #a32d2d;
}
.corp-section--forsid-seo-main > .container {
  max-width: var(--content-max-width);
}
.forsid-seo-panel {
  width: 100%;
}
.forsid-seo-panel__hero-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0.5rem 0 12px;
}
.forsid-seo-panel__feature-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.forsid-seo-hero-card {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 18px 22px;
}
.forsid-seo-hero-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: var(--radius-md);
  margin-bottom: 8px;
}
.forsid-seo-hero-card__badge .ti {
  font-size: 12px;
}
.forsid-seo-hero-card__badge--teal {
  background: var(--forsid-seo-teal-bg);
  color: var(--forsid-seo-teal-text);
}
.forsid-seo-hero-card__badge--purple {
  background: var(--forsid-seo-purple-bg);
  color: var(--forsid-seo-purple-text);
}
.forsid-seo-hero-card__title {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-black);
  line-height: 1.4;
}
.forsid-seo-hero-card__desc {
  margin: 0;
  font-size: 12.5px;
  color: var(--clr-gray-500);
  line-height: 1.6;
}
.forsid-seo-feature-card {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 14px;
  display: flex;
  flex-direction: column;
}
.forsid-seo-feature-card__icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.forsid-seo-feature-card__icon .ti {
  font-size: 18px;
}
.forsid-seo-feature-card__icon--teal {
  background: var(--forsid-seo-teal-bg);
  color: var(--forsid-seo-teal-icon);
}
.forsid-seo-feature-card__icon--purple {
  background: var(--forsid-seo-purple-bg);
  color: var(--forsid-seo-purple-icon);
}
.forsid-seo-feature-card__icon--blue {
  background: var(--forsid-seo-blue-bg);
  color: var(--forsid-seo-blue-icon);
}
.forsid-seo-feature-card__icon--amber {
  background: var(--forsid-seo-amber-bg);
  color: var(--forsid-seo-amber-icon);
}
.forsid-seo-feature-card__icon--red {
  background: var(--forsid-seo-red-bg);
  color: var(--forsid-seo-red-icon);
}
.forsid-seo-feature-card__pill {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: var(--radius-md);
  margin-bottom: 8px;
  width: fit-content;
}
.forsid-seo-feature-card__pill--teal {
  background: var(--forsid-seo-teal-bg);
  color: var(--forsid-seo-teal-text);
}
.forsid-seo-feature-card__pill--purple {
  background: var(--forsid-seo-purple-bg);
  color: var(--forsid-seo-purple-text);
}
.forsid-seo-feature-card__pill--blue {
  background: var(--forsid-seo-blue-bg);
  color: var(--forsid-seo-blue-text);
}
.forsid-seo-feature-card__pill--amber {
  background: var(--forsid-seo-amber-bg);
  color: var(--forsid-seo-amber-text);
}
.forsid-seo-feature-card__pill--red {
  background: var(--forsid-seo-red-bg);
  color: var(--forsid-seo-red-text);
}
.forsid-seo-feature-card__title {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
  line-height: 1.35;
}
.forsid-seo-feature-card__desc {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-500);
  line-height: 1.55;
}
@media (max-width: 1199px) {
  .forsid-seo-panel__feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .forsid-seo-panel__hero-grid {
    grid-template-columns: 1fr;
    padding-top: 0.5rem;
  }
  .forsid-seo-panel__feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .corp-section--forsid-seo-main {
    padding-top: 56px;
    padding-bottom: 40px;
  }
  .corp-section--forsid-seo-main .corp-section-header {
    margin-bottom: 24px;
  }
  .forsid-seo-hero-card {
    padding: 20px 22px;
  }
  .forsid-seo-panel__feature-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.corp-section--forsid-seo-meta-templates > .container {
  max-width: var(--content-max-width);
}
.forsid-seo-meta-templates__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 600px);
  gap: 48px;
  align-items: center;
}
.forsid-seo-meta-templates__header.corp-section-header {
  margin-bottom: 24px;
}
.forsid-seo-meta-templates__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.forsid-seo-meta-stat-card {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 14px;
  display: flex;
  flex-direction: column;
}
.forsid-seo-meta-stat-card__icon {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.forsid-seo-meta-stat-card__icon .ti {
  font-size: 18px;
}
.forsid-seo-meta-stat-card__icon--teal {
  background: #e1f5ee;
  color: #0f6e56;
}
.forsid-seo-meta-stat-card__icon--purple {
  background: #eeedfe;
  color: #534ab7;
}
.forsid-seo-meta-stat-card__icon--blue {
  background: #e6f1fb;
  color: #185fa5;
}
.forsid-seo-meta-stat-card__icon--amber {
  background: #faeeda;
  color: #854f0b;
}
.forsid-seo-meta-stat-card__icon--red {
  background: #fcebeb;
  color: #a32d2d;
}
.forsid-seo-meta-stat-card__value {
  margin: 0 0 4px;
  font-size: clamp(1.375rem, 2.2vw, 1.75rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--clr-black);
}
.forsid-seo-meta-stat-card__label {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.forsid-seo-meta-panel {
  width: 100%;
  max-width: 600px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.forsid-seo-meta-panel__head {
  margin-bottom: 16px;
}
.forsid-seo-meta-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-seo-meta-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.forsid-seo-meta-panel__field-label {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-gray-400);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.forsid-seo-meta-panel__field-label--spaced {
  margin-top: 14px;
}
.forsid-seo-meta-panel__template-box {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--clr-gray-500);
}
.forsid-seo-meta-panel__var-tag {
  background: #eeedfe;
  color: #26215c;
  font-weight: 500;
  padding: 1px 6px;
  border-radius: var(--radius-md);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11.5px;
}
.forsid-seo-meta-panel__plain {
  color: var(--clr-gray-500);
}
.forsid-seo-meta-panel__filled-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0 10px;
}
.forsid-seo-meta-panel__filled-hint .ti {
  font-size: 14px;
  color: var(--clr-gray-400);
  flex-shrink: 0;
}
.forsid-seo-meta-panel__filled-hint p {
  margin: 0;
  font-size: 11.5px;
  color: var(--clr-gray-400);
}
.forsid-seo-meta-panel__serp {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 14px 16px;
}
.forsid-seo-meta-panel__serp-site {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.forsid-seo-meta-panel__serp-favicon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--clr-gray-200);
  flex-shrink: 0;
}
.forsid-seo-meta-panel__serp-site-name {
  margin: 0;
  font-size: 12px;
  color: var(--clr-black);
  line-height: 1.3;
}
.forsid-seo-meta-panel__serp-url {
  margin: 0;
  font-size: 11px;
  color: #1d9e75;
  line-height: 1.3;
}
.forsid-seo-meta-panel__serp-title {
  margin: 4px 0;
  font-size: 14px;
  color: #1a0dab;
  font-weight: 400;
  line-height: 1.4;
}
.forsid-seo-meta-panel__serp-desc {
  margin: 0;
  font-size: 12px;
  color: var(--clr-gray-500);
  line-height: 1.6;
}
@media (max-width: 991px) {
  .forsid-seo-meta-templates__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .forsid-seo-meta-panel {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .forsid-seo-meta-templates__stats {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .forsid-seo-meta-panel {
    max-width: none;
    padding: 18px;
  }
}
.corp-section--forsid-seo-url-structure > .container {
  max-width: var(--content-max-width);
}
.forsid-seo-url-structure__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 560px);
  gap: 48px;
  align-items: center;
}
.forsid-seo-url-structure__copy {
  grid-column: 1;
  grid-row: 1;
}
.forsid-seo-url-panel {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  max-width: 560px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.forsid-seo-url-structure__header.corp-section-header {
  margin-bottom: 20px;
}
.forsid-seo-url-structure__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.forsid-seo-url-structure__feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--clr-gray-700);
}
.forsid-seo-url-structure__feature .bi {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1rem;
  color: #534ab7;
}
.forsid-seo-url-panel__head {
  margin-bottom: 18px;
}
.forsid-seo-url-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-seo-url-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.forsid-seo-url-panel__field-label {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-600);
}
.forsid-seo-url-panel__field-label--spaced {
  margin-top: 18px;
}
.forsid-seo-url-panel__options {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 8px;
}
.forsid-seo-url-panel__option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  background: var(--clr-gray-50);
  border: 0;
  border-radius: var(--radius-md);
  padding: 9px 12px;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s ease;
}
.forsid-seo-url-panel__option--active {
  background: #eeedfe;
}
.forsid-seo-url-panel__radio {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.5px solid var(--clr-gray-300);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.forsid-seo-url-panel__radio--active {
  border-color: #534ab7;
}
.forsid-seo-url-panel__radio-inner {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #534ab7;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.forsid-seo-url-panel__radio--active .forsid-seo-url-panel__radio-inner {
  opacity: 1;
}
.forsid-seo-url-panel__format {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  color: var(--clr-black);
}
.forsid-seo-url-panel__preview {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 9px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.forsid-seo-url-panel__preview-label {
  font-size: 10.5px;
  color: var(--clr-gray-400);
  flex-shrink: 0;
}
.forsid-seo-url-panel__preview-value {
  font-size: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: #04342c;
  font-weight: 500;
}
.forsid-seo-url-panel__warning {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: #faeeda;
  border-radius: var(--radius-md);
  padding: 10px 12px;
  margin-top: 16px;
}
.forsid-seo-url-panel__warning .ti {
  font-size: 14px;
  color: #412402;
  margin-top: 1px;
  flex-shrink: 0;
}
.forsid-seo-url-panel__warning p {
  margin: 0;
  font-size: 11.5px;
  color: #412402;
  line-height: 1.5;
}
.forsid-seo-url-panel__save {
  width: 100%;
  margin-top: 14px;
  padding: 12px 16px;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--clr-black);
  color: var(--clr-white);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  transition:
    background var(--transition),
    opacity var(--transition);
}
.forsid-seo-url-panel__save:hover:not(:disabled) {
  background: var(--clr-gray-800);
}
.forsid-seo-url-panel__save:disabled {
  opacity: 0.72;
  cursor: default;
}
@media (max-width: 991px) {
  .forsid-seo-url-structure__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .forsid-seo-url-structure__copy,
  .forsid-seo-url-panel {
    grid-column: 1;
    grid-row: auto;
  }
  .forsid-seo-url-structure__copy {
    order: 1;
  }
  .forsid-seo-url-panel {
    order: 2;
    max-width: 560px;
  }
}
@media (max-width: 767px) {
  .forsid-seo-url-panel {
    max-width: none;
    padding: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .forsid-seo-url-panel__option,
  .forsid-seo-url-panel__radio-inner {
    transition: none;
  }
}
.corp-section--forsid-seo-redirects > .container {
  max-width: var(--content-max-width);
}
.forsid-seo-redirects__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 600px);
  gap: 48px;
  align-items: center;
}
.forsid-seo-redirects__header.corp-section-header {
  margin-bottom: 0;
}
.forsid-seo-redirects-panel {
  width: 100%;
  max-width: 600px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.forsid-seo-redirects-panel__head {
  margin-bottom: 18px;
}
.forsid-seo-redirects-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-seo-redirects-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.forsid-seo-redirects-panel__form {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 14px;
  margin-bottom: 18px;
}
.forsid-seo-redirects-panel__form-title {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-600);
}
.forsid-seo-redirects-panel__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 8px;
}
.forsid-seo-redirects-panel__field-label {
  display: block;
  margin: 0 0 4px;
  font-size: 10.5px;
  color: var(--clr-gray-400);
}
.forsid-seo-redirects-panel__input {
  width: 100%;
  padding: 8px 10px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-sm);
  background: var(--clr-white);
  font-size: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--clr-black);
}
.forsid-seo-redirects-panel__input::placeholder {
  color: var(--clr-gray-400);
}
.forsid-seo-redirects-panel__input:focus {
  outline: 2px solid rgba(83, 74, 183, 0.25);
  border-color: #534ab7;
}
.forsid-seo-redirects-panel__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.forsid-seo-redirects-panel__code-buttons {
  display: flex;
  gap: 6px;
}
.forsid-seo-redirects-panel__code-btn {
  font-size: 11.5px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: var(--radius-md);
  background: var(--clr-white);
  color: var(--clr-gray-500);
  border: 0.5px solid var(--clr-gray-200);
  cursor: pointer;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}
.forsid-seo-redirects-panel__code-btn--active {
  background: #534ab7;
  color: var(--clr-white);
  border-color: #534ab7;
}
.forsid-seo-redirects-panel__add {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--clr-black);
  color: var(--clr-white);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background var(--transition);
}
.forsid-seo-redirects-panel__add .ti {
  font-size: 13px;
}
.forsid-seo-redirects-panel__add:hover {
  background: var(--clr-gray-800);
}
.forsid-seo-redirects-panel__history-label {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-600);
}
.forsid-seo-redirects-panel__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.forsid-seo-redirects-panel__row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  opacity: 0;
  transform: translateY(-4px);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
}
.forsid-seo-redirects-panel__row--show {
  opacity: 1;
  transform: translateY(0);
}
.forsid-seo-redirects-panel__code-pill {
  font-size: 10.5px;
  font-weight: 500;
  padding: 2px 7px;
  border-radius: var(--radius-md);
  flex-shrink: 0;
}
.forsid-seo-redirects-panel__code-pill--301 {
  background: #e1f5ee;
  color: #04342c;
}
.forsid-seo-redirects-panel__code-pill--302 {
  background: #e6f1fb;
  color: #042c53;
}
.forsid-seo-redirects-panel__urls {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.forsid-seo-redirects-panel__urls .ti {
  font-size: 12px;
  color: var(--clr-gray-400);
  flex-shrink: 0;
}
.forsid-seo-redirects-panel__url-old {
  color: var(--clr-gray-400);
  text-decoration: line-through;
}
.forsid-seo-redirects-panel__url-new {
  color: var(--clr-black);
  font-weight: 500;
}
.forsid-seo-redirects-panel__date {
  font-size: 11px;
  color: var(--clr-gray-400);
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .forsid-seo-redirects__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .forsid-seo-redirects-panel {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .forsid-seo-redirects-panel {
    max-width: none;
    padding: 18px;
  }
  .forsid-seo-redirects-panel__fields {
    grid-template-columns: 1fr;
  }
  .forsid-seo-redirects-panel__row {
    flex-wrap: wrap;
    gap: 8px;
  }
  .forsid-seo-redirects-panel__date {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .forsid-seo-redirects-panel__row,
  .forsid-seo-redirects-panel__code-btn {
    transition: none;
  }
  .forsid-seo-redirects-panel__row {
    opacity: 1;
    transform: none;
  }
}
.corp-section--forsid-seo-tracking-404 > .container {
  max-width: var(--content-max-width);
}
.forsid-seo-tracking-404__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 620px);
  gap: 48px;
  align-items: center;
}
.forsid-seo-tracking-404__copy {
  grid-column: 1;
  grid-row: 1;
}
.forsid-seo-404-panel {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  max-width: 620px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.forsid-seo-tracking-404__header.corp-section-header {
  margin-bottom: 24px;
}
.forsid-seo-tracking-404__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.forsid-seo-404-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.forsid-seo-404-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-seo-404-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.forsid-seo-404-panel__broken-badge {
  font-size: 11.5px;
  font-weight: 500;
  color: #501313;
  background: #fcebeb;
  padding: 3px 9px;
  border-radius: var(--radius-md);
  white-space: nowrap;
  flex-shrink: 0;
}
.forsid-seo-404-panel__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.forsid-seo-404-panel__row {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 8px 10px;
}
.forsid-seo-404-panel__icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.forsid-seo-404-panel__icon .ti {
  font-size: 14px;
}
.forsid-seo-404-panel__icon--red {
  background: #fcebeb;
  color: #501313;
}
.forsid-seo-404-panel__icon--amber {
  background: #faeeda;
  color: #412402;
}
.forsid-seo-404-panel__icon--blue {
  background: #e6f1fb;
  color: #042c53;
}
.forsid-seo-404-panel__icon--purple {
  background: #eeedfe;
  color: #26215c;
}
.forsid-seo-404-panel__info {
  flex: 1;
  min-width: 0;
}
.forsid-seo-404-panel__url {
  margin: 0;
  font-size: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--clr-black);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.forsid-seo-404-panel__source {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.forsid-seo-404-panel__meta {
  text-align: right;
  flex-shrink: 0;
}
.forsid-seo-404-panel__hits {
  margin: 0;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-seo-404-panel__date {
  margin: 0;
  font-size: 10.5px;
  color: var(--clr-gray-400);
}
.forsid-seo-404-panel__fix {
  font-size: 11px;
  font-weight: 500;
  padding: 6px 11px;
  border-radius: var(--radius-md);
  background: #534ab7;
  color: var(--clr-white);
  border: none;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition:
    background 0.2s ease,
    opacity 0.2s ease;
}
.forsid-seo-404-panel__fix .ti {
  font-size: 12px;
}
.forsid-seo-404-panel__fix:hover:not(:disabled) {
  background: #4340a0;
}
.forsid-seo-404-panel__fix--fixed {
  background: #e1f5ee;
  color: #04342c;
  cursor: default;
}
.forsid-seo-404-panel__fix:disabled {
  opacity: 1;
}
@media (max-width: 991px) {
  .forsid-seo-tracking-404__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .forsid-seo-tracking-404__copy,
  .forsid-seo-404-panel {
    grid-column: 1;
    grid-row: auto;
  }
  .forsid-seo-tracking-404__copy {
    order: 1;
  }
  .forsid-seo-404-panel {
    order: 2;
    max-width: 620px;
  }
}
@media (max-width: 767px) {
  .forsid-seo-tracking-404__stats {
    grid-template-columns: 1fr;
  }
  .forsid-seo-404-panel {
    max-width: none;
    padding: 18px;
  }
  .forsid-seo-404-panel__row {
    flex-wrap: wrap;
    gap: 10px;
  }
  .forsid-seo-404-panel__meta {
    text-align: left;
  }
  .forsid-seo-404-panel__fix {
    width: 100%;
    justify-content: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .forsid-seo-404-panel__fix {
    transition: none;
  }
}
.corp-section--forsid-seo-robots-txt > .container {
  max-width: var(--content-max-width);
}
.forsid-seo-robots-txt__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 600px);
  gap: 48px;
  align-items: center;
}
.forsid-seo-robots-txt__header.corp-section-header {
  margin-bottom: 0;
}
.forsid-seo-robots-panel {
  width: 100%;
  max-width: 600px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.forsid-seo-robots-panel__head {
  margin-bottom: 12px;
}
.forsid-seo-robots-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-seo-robots-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.forsid-seo-robots-panel__user-agent,
.forsid-seo-robots-panel__sitemap {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 8px 12px;
}
.forsid-seo-robots-panel__user-agent,
.forsid-seo-robots-panel__sitemap {
  margin-bottom: 12px;
}
.forsid-seo-robots-panel__user-agent .ti,
.forsid-seo-robots-panel__sitemap .ti {
  font-size: 14px;
  color: var(--clr-gray-400);
  flex-shrink: 0;
}
.forsid-seo-robots-panel__meta-label {
  font-size: 12px;
  color: var(--clr-gray-500);
}
.forsid-seo-robots-panel__meta-value {
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-black);
}
.forsid-seo-robots-panel__sitemap-url {
  font-size: 11.5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--clr-black);
}
.forsid-seo-robots-panel__rules {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 12px;
}
.forsid-seo-robots-panel__rule {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 7px 10px;
  transition: opacity 0.3s ease;
}
.forsid-seo-robots-panel__rule--disabled {
  opacity: 0.45;
}
.forsid-seo-robots-panel__directive {
  font-size: 10.5px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: var(--radius-md);
  flex-shrink: 0;
  width: 64px;
  text-align: center;
}
.forsid-seo-robots-panel__directive--allow {
  background: #e1f5ee;
  color: #04342c;
}
.forsid-seo-robots-panel__directive--disallow {
  background: #fcebeb;
  color: #501313;
}
.forsid-seo-robots-panel__path {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--clr-black);
}
.forsid-seo-robots-panel__label {
  font-size: 11px;
  color: var(--clr-gray-400);
  flex-shrink: 0;
}
.forsid-seo-robots-panel__toggle {
  position: relative;
  width: 32px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: var(--clr-gray-300);
  flex-shrink: 0;
  cursor: pointer;
  transition: background 0.2s ease;
}
.forsid-seo-robots-panel__toggle--on {
  background: #534ab7;
}
.forsid-seo-robots-panel__toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--clr-white);
  transition: transform 0.2s ease;
}
.forsid-seo-robots-panel__toggle--on .forsid-seo-robots-panel__toggle-thumb {
  transform: translate(14px);
}
.forsid-seo-robots-panel__preview-label {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-gray-400);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.forsid-seo-robots-panel__preview {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11.5px;
  line-height: 1.7;
  color: var(--clr-gray-500);
}
.forsid-seo-robots-panel__preview p {
  margin: 0;
}
@media (max-width: 991px) {
  .forsid-seo-robots-txt__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .forsid-seo-robots-panel {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .forsid-seo-robots-panel {
    max-width: none;
    padding: 18px;
  }
  .forsid-seo-robots-panel__rule {
    flex-wrap: wrap;
    gap: 8px;
  }
  .forsid-seo-robots-panel__label {
    order: 3;
    width: calc(100% - 42px);
  }
  .forsid-seo-robots-panel__toggle {
    order: 4;
  }
}
@media (prefers-reduced-motion: reduce) {
  .forsid-seo-robots-panel__rule,
  .forsid-seo-robots-panel__toggle,
  .forsid-seo-robots-panel__toggle-thumb {
    transition: none;
  }
}
.corp-section--forsid-seo-main,
.corp-section--forsid-seo-meta-templates,
.corp-section--forsid-seo-url-structure,
.corp-section--forsid-seo-redirects,
.corp-section--forsid-seo-tracking-404,
.corp-section--forsid-seo-robots-txt {
  padding: 72px 0;
}
.corp-section--forsid-seo-main {
  min-height: auto;
  padding-top: 64px;
  padding-bottom: 36px;
}
.corp-section--forsid-seo-main .corp-section-header {
  margin-bottom: 24px;
}
.forsid-seo-meta-templates__grid,
.forsid-seo-url-structure__grid,
.forsid-seo-redirects__grid,
.forsid-seo-tracking-404__grid,
.forsid-seo-robots-txt__grid {
  gap: 36px;
}
.forsid-seo-meta-panel,
.forsid-seo-url-panel,
.forsid-seo-redirects-panel,
.forsid-seo-404-panel,
.forsid-seo-robots-panel {
  padding: 18px;
}
@media (max-width: 991px) {
  .forsid-seo-meta-templates__grid,
  .forsid-seo-url-structure__grid,
  .forsid-seo-redirects__grid,
  .forsid-seo-tracking-404__grid,
  .forsid-seo-robots-txt__grid {
    gap: 28px;
  }
}
@media (max-width: 767px) {
  .corp-section--forsid-seo-main,
  .corp-section--forsid-seo-meta-templates,
  .corp-section--forsid-seo-url-structure,
  .corp-section--forsid-seo-redirects,
  .corp-section--forsid-seo-tracking-404,
  .corp-section--forsid-seo-robots-txt {
    padding: 56px 0;
  }
  .corp-section--forsid-seo-main {
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .forsid-seo-meta-panel,
  .forsid-seo-url-panel,
  .forsid-seo-redirects-panel,
  .forsid-seo-404-panel,
  .forsid-seo-robots-panel {
    padding: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-kit-integration-card,
  .site-kit-config-modal__toggle,
  .site-kit-config-modal__toggle-thumb,
  .site-kit-zero-code-panel__status-row,
  .site-kit-auto-events-panel__live-dot,
  .site-kit-auto-events-panel__row {
    transition: none;
  }
  .site-kit-zero-code-panel__status-row {
    opacity: 1;
    transform: none;
  }
  .site-kit-auto-events-panel__live-dot {
    animation: none;
  }
}
.corp-section--site-kit-main {
  --site-kit-brand: #534ab7;
  --site-kit-brand-dark: #26215c;
  --site-kit-brand-soft: #eeedfe;
  --site-kit-success-bg: #e1f5ee;
  --site-kit-success-text: #04342c;
  --site-kit-success-dot: #1d9e75;
  --site-kit-warning-bg: #faeeda;
  --site-kit-warning-text: #412402;
  --site-kit-warning-dot: #854f0b;
  --site-kit-error-bg: #fcebeb;
  --site-kit-error-text: #501313;
  min-height: calc(100svh - var(--nav-height));
  padding-top: 72px;
  padding-bottom: 48px;
}
.corp-section--site-kit-main > .container {
  max-width: var(--content-max-width);
}
.corp-section--site-kit-main .corp-section-header {
  margin-bottom: 32px;
}
.site-kit-integrations-panel {
  width: 100%;
  max-width: var(--content-max-width);
  margin-inline: auto;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 28px;
  box-shadow: var(--shadow-sm);
}
@media (max-width: 767px) {
  .corp-section--site-kit-main {
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .corp-section--site-kit-main .corp-section-header {
    margin-bottom: 24px;
  }
  .site-kit-integrations-panel {
    padding: 18px;
  }
}
.site-kit-setup-steps {
  margin-bottom: 24px;
}
.site-kit-setup-steps__title {
  margin: 0 0 14px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--clr-gray-500);
}
.site-kit-setup-steps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.site-kit-setup-steps__card {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 16px;
}
.site-kit-setup-steps__number {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--site-kit-brand);
  color: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78125rem;
  font-weight: 500;
  margin-bottom: 12px;
}
.site-kit-setup-steps__step-title {
  margin: 0 0 6px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--clr-black);
}
.site-kit-setup-steps__step-desc {
  margin: 0;
  font-size: 0.71875rem;
  color: var(--clr-gray-500);
  line-height: 1.55;
}
.site-kit-integrations-panel__tip {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: var(--site-kit-brand-soft);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  margin-bottom: 24px;
}
.site-kit-integrations-panel__tip .ti {
  font-size: 15px;
  color: var(--site-kit-brand-dark);
  margin-top: 1px;
  flex-shrink: 0;
}
.site-kit-integrations-panel__tip p {
  margin: 0;
  font-size: 0.78125rem;
  color: var(--site-kit-brand-dark);
  line-height: 1.6;
}
.site-kit-integrations-panel__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.site-kit-integration-card {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 14px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  transition: border-color 0.3s ease;
}
.site-kit-integration-card__top {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}
.site-kit-integration-card__icon {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.site-kit-integration-card__icon .ti {
  font-size: 16px;
}
.site-kit-integration-card__icon--amber {
  background: #faeeda;
  color: #412402;
}
.site-kit-integration-card__icon--blue {
  background: #e6f1fb;
  color: #042c53;
}
.site-kit-integration-card__icon--purple {
  background: #eeedfe;
  color: #26215c;
}
.site-kit-integration-card__icon--red {
  background: #fcebeb;
  color: #501313;
}
.site-kit-integration-card__name {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--clr-black);
  line-height: 1.35;
}
.site-kit-integration-card__desc {
  margin: 2px 0 0;
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
  line-height: 1.4;
}
.site-kit-integration-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
}
.site-kit-integration-card__status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.625rem;
  font-weight: 500;
  padding: 3px 7px;
  border-radius: var(--radius-md);
  transition:
    background 0.3s ease,
    color 0.3s ease;
  white-space: nowrap;
}
.site-kit-integration-card__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}
.site-kit-integration-card__status--connected {
  background: var(--site-kit-success-bg);
  color: var(--site-kit-success-text);
}
.site-kit-integration-card__status--connected .site-kit-integration-card__status-dot {
  background: var(--site-kit-success-dot);
}
.site-kit-integration-card__status--inactive {
  background: var(--clr-gray-50);
  color: var(--clr-gray-400);
  border: 0.5px solid var(--clr-gray-200);
}
.site-kit-integration-card__status--inactive .site-kit-integration-card__status-dot {
  background: var(--clr-gray-400);
}
.site-kit-integration-card__status--unconfigured {
  background: var(--site-kit-warning-bg);
  color: var(--site-kit-warning-text);
}
.site-kit-integration-card__status--unconfigured .site-kit-integration-card__status-dot {
  background: var(--site-kit-warning-dot);
}
.site-kit-integration-card__action {
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--site-kit-brand);
  cursor: default;
  pointer-events: none;
  padding: 0;
  white-space: nowrap;
  flex-shrink: 0;
}
.site-kit-config-modal {
  --site-kit-toggle-on: #1d9e75;
  --site-kit-toggle-on-dark: #0f6e56;
  --site-kit-toggle-on-soft: #e1f5ee;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1049;
  display: none;
  align-items: center;
  justify-content: center;
  background: #00000073;
  padding: 24px;
}
.site-kit-config-modal--open {
  display: flex;
}
.site-kit-config-modal__dialog {
  background: var(--clr-white);
  border-radius: var(--radius-lg);
  padding: 24px;
  width: min(100%, 380px);
}
.site-kit-config-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 18px;
}
.site-kit-config-modal__service {
  display: flex;
  align-items: center;
  gap: 10px;
}
.site-kit-config-modal__icon {
  width: 36px;
  height: 36px;
}
.site-kit-config-modal__name {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clr-black);
}
.site-kit-config-modal__desc {
  margin: 0;
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
}
.site-kit-config-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--clr-gray-400);
}
.site-kit-config-modal__close .ti {
  font-size: 16px;
}
.site-kit-config-modal__close:hover {
  color: var(--clr-gray-600);
}
.site-kit-config-modal__toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: var(--clr-gray-50);
  border: 1px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  margin-bottom: 16px;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
.site-kit-config-modal__toggle-row--on {
  background: var(--site-kit-toggle-on-soft);
  border-color: #1d9e7559;
  box-shadow: 0 0 0 3px #1d9e751a;
}
.site-kit-config-modal__toggle-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--clr-black);
}
.site-kit-config-modal__toggle-row--on .site-kit-config-modal__toggle-label {
  color: var(--site-kit-toggle-on-dark);
}
.site-kit-config-modal__toggle {
  position: relative;
  width: 44px;
  height: 24px;
  background: var(--clr-gray-300);
  border: none;
  border-radius: 12px;
  flex-shrink: 0;
  cursor: pointer;
  padding: 0;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease;
  box-shadow: inset 0 1px 2px #00000014;
}
.site-kit-config-modal__toggle.is-on {
  background: var(--site-kit-toggle-on);
  box-shadow:
    inset 0 1px 2px #0000000f,
    0 0 0 3px #1d9e7533;
}
.site-kit-config-modal__toggle-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--clr-white);
  box-shadow: 0 1px 3px #0000002e;
  transition: transform 0.2s ease;
}
.site-kit-config-modal__toggle.is-on .site-kit-config-modal__toggle-thumb {
  transform: translate(20px);
}
.site-kit-config-modal__field-label {
  display: block;
  margin: 0 0 6px;
  font-size: 0.71875rem;
  font-weight: 500;
  color: var(--clr-gray-500);
}
.site-kit-config-modal__input {
  width: 100%;
  margin-bottom: 8px;
  padding: 9px 12px;
  font-size: 0.8125rem;
  color: var(--clr-black);
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  outline: none;
  transition: border-color var(--transition);
}
.site-kit-config-modal__input:focus {
  border-color: var(--site-kit-brand);
}
.site-kit-config-modal__hint {
  margin: 0 0 18px;
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
  line-height: 1.5;
}
.site-kit-config-modal__test-result {
  display: none;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-md);
  padding: 9px 12px;
  margin-bottom: 14px;
  font-size: 0.75rem;
}
.site-kit-config-modal__test-result.is-visible {
  display: flex;
}
.site-kit-config-modal__test-result .ti {
  font-size: 14px;
}
.site-kit-config-modal__test-result--success {
  background: var(--site-kit-success-bg);
  color: var(--site-kit-success-text);
}
.site-kit-config-modal__test-result--error {
  background: var(--site-kit-error-bg);
  color: var(--site-kit-error-text);
}
.site-kit-config-modal__actions {
  display: flex;
  gap: 8px;
}
.site-kit-config-modal__btn {
  flex: 1;
  padding: 9px 12px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--clr-black);
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition:
    background var(--transition),
    border-color var(--transition),
    color var(--transition);
}
.site-kit-config-modal__btn:hover {
  border-color: var(--clr-gray-300);
}
.site-kit-config-modal__btn--primary {
  background: var(--site-kit-brand);
  color: var(--clr-white);
  border: none;
}
.site-kit-config-modal__btn--primary:hover {
  background: var(--site-kit-brand-dark);
}
@media (max-width: 991px) {
  .site-kit-integrations-panel__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .site-kit-setup-steps__grid,
  .site-kit-integrations-panel__grid {
    grid-template-columns: 1fr;
  }
  .site-kit-integration-card {
    padding: 16px;
  }
  .site-kit-integration-card__icon {
    width: 36px;
    height: 36px;
  }
  .site-kit-integration-card__icon .ti {
    font-size: 18px;
  }
  .site-kit-integration-card__name {
    font-size: 0.84375rem;
  }
  .site-kit-integration-card__action {
    font-size: 0.71875rem;
  }
  .site-kit-config-modal {
    padding: 16px;
  }
  .site-kit-config-modal__dialog {
    padding: 18px;
  }
}
@media (max-width: 480px) {
  .site-kit-config-modal__actions {
    flex-direction: column;
  }
}
.corp-section--site-kit-zero-code > .container {
  max-width: var(--content-max-width);
}
.site-kit-zero-code__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 620px);
  gap: 48px;
  align-items: center;
}
.site-kit-zero-code__header.corp-section-header {
  margin-bottom: 32px;
}
.site-kit-zero-code__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
}
.site-kit-zero-code__stat {
  margin: 0;
}
.site-kit-zero-code__stat-value {
  margin: 0 0 4px;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--clr-black);
}
.site-kit-zero-code__stat-label {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.site-kit-zero-code-panel {
  width: 100%;
}
.site-kit-zero-code-panel__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 1rem 0;
}
.site-kit-zero-code-panel__card {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 20px;
}
.site-kit-zero-code-panel__card--highlight {
  border: 2px solid rgba(83, 74, 183, 0.35);
  box-shadow: 0 0 0 3px #534ab714;
}
.site-kit-zero-code-panel__card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.site-kit-zero-code-panel__card-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.site-kit-zero-code-panel__card-icon .ti {
  font-size: 14px;
}
.site-kit-zero-code-panel__card-icon--error {
  background: #fcebeb;
  color: #a32d2d;
}
.site-kit-zero-code-panel__card-icon--success {
  background: #e1f5ee;
  color: #04342c;
}
.site-kit-zero-code-panel__card-title {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--clr-black);
}
.site-kit-zero-code-panel__card-desc {
  margin: 0 0 14px;
  font-size: 0.75rem;
  color: var(--clr-gray-500);
  line-height: 1.6;
}
.site-kit-zero-code-panel__code-mock {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.6875rem;
  line-height: 1.8;
  margin-bottom: 14px;
}
.site-kit-zero-code-panel__code-line {
  color: var(--clr-gray-500);
}
.site-kit-zero-code-panel__code-line--indent {
  padding-left: 16px;
}
.site-kit-zero-code-panel__code-tag {
  color: var(--clr-gray-400);
}
.site-kit-zero-code-panel__problems {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-kit-zero-code-panel__problem {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.71875rem;
  color: var(--clr-gray-500);
}
.site-kit-zero-code-panel__problem .ti {
  font-size: 12px;
  color: #a32d2d;
  flex-shrink: 0;
}
.site-kit-zero-code-panel__input-row {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.site-kit-zero-code-panel__input {
  flex: 1;
  min-width: 0;
  padding: 9px 12px;
  font-size: 0.75rem;
  color: var(--clr-black);
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  outline: none;
  transition: border-color var(--transition);
}
.site-kit-zero-code-panel__input:focus {
  border-color: #534ab7;
}
.site-kit-zero-code-panel__connect-btn {
  flex-shrink: 0;
  padding: 9px 14px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--clr-white);
  background: #534ab7;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background var(--transition);
}
.site-kit-zero-code-panel__connect-btn:hover:not(:disabled) {
  background: #26215c;
}
.site-kit-zero-code-panel__connect-btn:disabled {
  opacity: 0.85;
  cursor: default;
}
.site-kit-zero-code-panel__status {
  display: none;
  flex-direction: column;
  gap: 6px;
}
.site-kit-zero-code-panel__status.is-visible {
  display: flex;
}
.site-kit-zero-code-panel__status-row {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.71875rem;
  color: var(--clr-black);
  opacity: 0;
  transform: translateY(3px);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}
.site-kit-zero-code-panel__status-row.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.site-kit-zero-code-panel__status-row .ti {
  font-size: 13px;
  color: #1d9e75;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .site-kit-zero-code__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .site-kit-zero-code-panel__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .site-kit-zero-code__stats {
    gap: 16px;
  }
  .site-kit-zero-code-panel__card {
    padding: 16px;
  }
  .site-kit-zero-code-panel__input-row {
    flex-direction: column;
  }
  .site-kit-zero-code-panel__connect-btn {
    width: 100%;
  }
}
.corp-section--site-kit-auto-events > .container {
  max-width: var(--content-max-width);
}
.site-kit-auto-events__grid {
  display: grid;
  grid-template-columns: minmax(320px, 620px) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.site-kit-auto-events__header.corp-section-header {
  margin-bottom: 28px;
}
.site-kit-auto-events__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-kit-auto-events__feature-title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
}
.site-kit-auto-events__feature-desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--clr-gray-500);
}
.site-kit-auto-events-panel {
  width: 100%;
  max-width: 620px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.site-kit-auto-events-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.site-kit-auto-events-panel__title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clr-black);
}
.site-kit-auto-events-panel__subtitle {
  margin: 2px 0 0;
  font-size: 0.75rem;
  color: var(--clr-gray-400);
}
.site-kit-auto-events-panel__live {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.site-kit-auto-events-panel__live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1d9e75;
  animation: site-kit-live-pulse 1.8s ease-out infinite;
}
.site-kit-auto-events-panel__live-label {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #0f6e56;
}
@keyframes site-kit-live-pulse {
  0% {
    box-shadow: 0 0 #1d9e7580;
  }
  to {
    box-shadow: 0 0 0 6px #1d9e7500;
  }
}
.site-kit-auto-events-panel__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.site-kit-auto-events-panel__row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  transition: background 0.4s ease;
}
.site-kit-auto-events-panel__row--flash {
  background: #eeedfe;
}
.site-kit-auto-events-panel__icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.site-kit-auto-events-panel__icon .ti {
  font-size: 15px;
}
.site-kit-auto-events-panel__icon--purple {
  background: #eeedfe;
  color: #26215c;
}
.site-kit-auto-events-panel__icon--blue {
  background: #e6f1fb;
  color: #042c53;
}
.site-kit-auto-events-panel__icon--coral {
  background: #faece7;
  color: #4a1b0c;
}
.site-kit-auto-events-panel__icon--amber {
  background: #faeeda;
  color: #412402;
}
.site-kit-auto-events-panel__icon--green {
  background: #e1f5ee;
  color: #04342c;
}
.site-kit-auto-events-panel__info {
  flex: 1;
  min-width: 0;
}
.site-kit-auto-events-panel__name-row {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.site-kit-auto-events-panel__code {
  font-size: 0.78125rem;
  font-weight: 500;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--clr-black);
}
.site-kit-auto-events-panel__badge {
  font-size: 0.65625rem;
  color: #534ab7;
  background: #eeedfe;
  padding: 1px 6px;
  border-radius: var(--radius-md);
}
.site-kit-auto-events-panel__detail {
  margin: 1px 0 0;
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
}
.site-kit-auto-events-panel__targets {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.site-kit-auto-events-panel__target {
  font-size: 0.625rem;
  font-weight: 500;
  padding: 2px 7px;
  border-radius: var(--radius-md);
}
.site-kit-auto-events-panel__target--amber {
  background: #faeeda;
  color: #412402;
}
.site-kit-auto-events-panel__target--blue {
  background: #e6f1fb;
  color: #042c53;
}
.site-kit-auto-events-panel__target--purple {
  background: #eeedfe;
  color: #26215c;
}
.site-kit-auto-events-panel__time {
  font-size: 0.65625rem;
  color: var(--clr-gray-400);
  flex-shrink: 0;
  width: 64px;
  text-align: right;
}
@media (max-width: 991px) {
  .site-kit-auto-events__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .site-kit-auto-events-panel {
    max-width: none;
  }
}
@media (max-width: 767px) {
  .site-kit-auto-events-panel {
    padding: 18px;
  }
  .site-kit-auto-events-panel__row {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .site-kit-auto-events-panel__targets {
    width: 100%;
    justify-content: flex-start;
    padding-left: 44px;
  }
  .site-kit-auto-events-panel__time {
    margin-left: auto;
  }
}
.corp-section--site-kit-server-side > .container {
  max-width: var(--content-max-width);
}
.site-kit-server-side__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 600px);
  gap: 48px;
  align-items: center;
}
.site-kit-server-side__header.corp-section-header {
  margin-bottom: 28px;
}
.site-kit-server-side__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-kit-server-side__feature-title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
}
.site-kit-server-side__feature-desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--clr-gray-500);
}
.site-kit-server-side-panel {
  width: 100%;
  max-width: 600px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.site-kit-server-side-panel__head {
  margin-bottom: 18px;
}
.site-kit-server-side-panel__title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clr-black);
}
.site-kit-server-side-panel__subtitle {
  margin: 2px 0 0;
  font-size: 0.75rem;
  color: var(--clr-gray-400);
}
.site-kit-server-side-panel__tracks {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
}
.site-kit-server-side-panel__track {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 10px 12px;
}
.site-kit-server-side-panel__track--highlight {
  background: #e1f5ee;
}
.site-kit-server-side-panel__icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.site-kit-server-side-panel__icon .ti {
  font-size: 16px;
}
.site-kit-server-side-panel__icon--blue {
  background: #e6f1fb;
  color: #042c53;
}
.site-kit-server-side-panel__icon--purple {
  background: #eeedfe;
  color: #26215c;
}
.site-kit-server-side-panel__icon--green {
  background: #e1f5ee;
  color: #04342c;
}
.site-kit-server-side-panel__info {
  flex: 1;
  min-width: 0;
}
.site-kit-server-side-panel__name {
  margin: 0;
  font-size: 0.78125rem;
  font-weight: 500;
  color: var(--clr-black);
}
.site-kit-server-side-panel__method {
  margin: 0;
  font-size: 0.6875rem;
  color: var(--clr-gray-400);
}
.site-kit-server-side-panel__status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 3px 9px;
  border-radius: var(--radius-md);
  flex-shrink: 0;
  white-space: nowrap;
}
.site-kit-server-side-panel__status .ti {
  font-size: 11px;
}
.site-kit-server-side-panel__status--blockable {
  background: #fcebeb;
  color: #501313;
}
.site-kit-server-side-panel__status--safe {
  background: #1d9e75;
  color: var(--clr-white);
}
.site-kit-server-side-panel__benefits-title {
  margin: 0 0 8px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--clr-gray-500);
}
.site-kit-server-side-panel__benefits {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-kit-server-side-panel__benefit {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  color: var(--clr-gray-500);
}
.site-kit-server-side-panel__benefit .ti {
  font-size: 12px;
  color: #1d9e75;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .site-kit-server-side__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .site-kit-server-side-panel {
    max-width: none;
  }
}
@media (max-width: 767px) {
  .site-kit-server-side-panel {
    padding: 18px;
  }
  .site-kit-server-side-panel__track {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .site-kit-server-side-panel__status {
    margin-left: 44px;
  }
}
.corp-section--site-kit-supported-services > .container {
  max-width: var(--content-max-width);
}
.corp-section--site-kit-supported-services .corp-section-header {
  margin-bottom: 32px;
}
.site-kit-supported-services-panel {
  width: 100%;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 8px;
  box-shadow: var(--shadow-sm);
  overflow-x: auto;
}
.site-kit-supported-services-panel__header,
.site-kit-supported-services-panel__row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 640px;
}
.site-kit-supported-services-panel__header {
  padding: 8px 14px;
}
.site-kit-supported-services-panel__header-cell {
  font-size: 0.65625rem;
  font-weight: 500;
  color: var(--clr-gray-400);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.site-kit-supported-services-panel__header-cell--service,
.site-kit-supported-services-panel__service {
  flex: 1.6;
  min-width: 0;
}
.site-kit-supported-services-panel__header-cell--category,
.site-kit-supported-services-panel__category {
  flex: 1;
  min-width: 0;
}
.site-kit-supported-services-panel__header-cell--field,
.site-kit-supported-services-panel__field {
  flex: 1.3;
  min-width: 0;
}
.site-kit-supported-services-panel__header-cell--status {
  width: 84px;
  text-align: right;
  flex-shrink: 0;
}
.site-kit-supported-services-panel__list {
  display: flex;
  flex-direction: column;
}
.site-kit-supported-services-panel__row {
  padding: 12px 14px;
  border-top: 0.5px solid var(--clr-gray-200);
}
.site-kit-supported-services-panel__service {
  display: flex;
  align-items: center;
  gap: 10px;
}
.site-kit-supported-services-panel__icon {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.site-kit-supported-services-panel__icon .ti {
  font-size: 15px;
}
.site-kit-supported-services-panel__icon--amber {
  background: #faeeda;
  color: #412402;
}
.site-kit-supported-services-panel__icon--blue {
  background: #e6f1fb;
  color: #042c53;
}
.site-kit-supported-services-panel__icon--purple {
  background: #eeedfe;
  color: #26215c;
}
.site-kit-supported-services-panel__icon--red {
  background: #fcebeb;
  color: #501313;
}
.site-kit-supported-services-panel__icon--coral {
  background: #faece7;
  color: #4a1b0c;
}
.site-kit-supported-services-panel__name {
  font-size: 0.78125rem;
  font-weight: 500;
  color: var(--clr-black);
}
.site-kit-supported-services-panel__category,
.site-kit-supported-services-panel__field {
  font-size: 0.71875rem;
  color: var(--clr-gray-500);
}
.site-kit-supported-services-panel__status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.65625rem;
  font-weight: 500;
  padding: 3px 9px;
  border-radius: var(--radius-md);
  width: 84px;
  justify-content: center;
  flex-shrink: 0;
}
.site-kit-supported-services-panel__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}
.site-kit-supported-services-panel__status--ready {
  background: #e1f5ee;
  color: #04342c;
}
.site-kit-supported-services-panel__status--ready .site-kit-supported-services-panel__status-dot {
  background: #1d9e75;
}
.site-kit-supported-services-panel__status--soon {
  background: var(--clr-gray-50);
  color: var(--clr-gray-400);
  border: 0.5px solid var(--clr-gray-200);
}
.site-kit-supported-services-panel__status--soon .site-kit-supported-services-panel__status-dot {
  background: var(--clr-gray-400);
}
@media (max-width: 767px) {
  .corp-section--site-kit-supported-services .corp-section-header {
    margin-bottom: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-types-card,
  .product-types-standard-panel__cart-btn,
  .product-types-variant-panel__size-btn,
  .product-types-variant-panel__cart-btn,
  .product-types-external-panel__redirect-btn {
    transition: none;
  }
}
.corp-section--product-types-main {
  --product-types-brand: #534ab7;
  --product-types-brand-dark: #26215c;
  --product-types-brand-soft: #eeedfe;
  --product-types-blue-soft: #e6f1fb;
  --product-types-blue-dark: #042c53;
  --product-types-amber-soft: #faeeda;
  --product-types-amber-dark: #412402;
  --product-types-coral-soft: #faece7;
  --product-types-coral-dark: #4a1b0c;
  min-height: calc(100svh - var(--nav-height));
  padding-top: 72px;
  padding-bottom: 48px;
}
.corp-section--product-types-main > .container {
  max-width: var(--content-max-width);
}
.corp-section--product-types-main .corp-section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 32px;
}
.corp-section--product-types-main .corp-section-header .section-desc {
  max-width: 640px;
  margin-inline: auto;
}
.product-types-panel {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.product-types-panel__header {
  margin-bottom: 18px;
}
.product-types-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-panel__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-500);
}
.product-types-panel__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-types-card {
  display: flex;
  gap: 14px;
  width: 100%;
  text-align: left;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 18px;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.product-types-card:hover {
  border-color: var(--clr-gray-300);
}
.product-types-card--selected {
  border: 2px solid var(--product-types-brand);
}
.product-types-card__icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.product-types-card__icon .ti {
  font-size: 20px;
}
.product-types-card__icon--purple {
  background: var(--product-types-brand-soft);
  color: var(--product-types-brand-dark);
}
.product-types-card__icon--blue {
  background: var(--product-types-blue-soft);
  color: var(--product-types-blue-dark);
}
.product-types-card__icon--amber {
  background: var(--product-types-amber-soft);
  color: var(--product-types-amber-dark);
}
.product-types-card__icon--coral {
  background: var(--product-types-coral-soft);
  color: var(--product-types-coral-dark);
}
.product-types-card__body {
  flex: 1;
  min-width: 0;
}
.product-types-card__title {
  margin: 0 0 6px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-card__desc {
  margin: 0 0 12px;
  font-size: 11.5px;
  color: var(--clr-gray-600);
  line-height: 1.55;
}
.product-types-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.product-types-card__badge {
  font-size: 10.5px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
  color: var(--clr-gray-600);
}
@media (max-width: 767px) {
  .corp-section--product-types-main {
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .corp-section--product-types-main .corp-section-header {
    margin-bottom: 24px;
  }
  .product-types-panel {
    padding: 18px;
  }
  .product-types-card {
    padding: 16px;
  }
}
.corp-section--product-types-standard {
  --product-types-brand: #534ab7;
  --product-types-success-bg: #e1f5ee;
  --product-types-success-text: #04342c;
  --product-types-success-icon: #0f6e56;
  --product-types-warning-dot: #854f0b;
}
.corp-section--product-types-standard > .container {
  max-width: var(--content-max-width);
}
.product-types-standard__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 48px;
  align-items: center;
}
.product-types-standard__header.corp-section-header {
  margin-bottom: 28px;
}
.product-types-standard__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0 0 28px;
}
.product-types-standard__stat {
  margin: 0;
}
.product-types-standard__stat-value {
  margin: 0 0 4px;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--clr-black);
}
.product-types-standard__stat-label {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.product-types-standard__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-types-standard__feature-title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
}
.product-types-standard__feature-desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--clr-gray-500);
}
.product-types-standard-panel {
  width: 100%;
  max-width: 420px;
  margin-inline: auto;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.product-types-standard-panel__media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
  margin-bottom: 16px;
  padding: 24px;
  border-radius: var(--radius-lg);
  background: var(--clr-gray-100);
}
.product-types-standard-panel__media .ti {
  font-size: 56px;
  color: var(--clr-gray-400);
}
.product-types-standard-panel__name {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-standard-panel__sku {
  margin: 0 0 12px;
  font-size: 11px;
  color: var(--clr-gray-400);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.product-types-standard-panel__pricing {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.product-types-standard-panel__price {
  font-size: 22px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-standard-panel__compare-price {
  font-size: 14px;
  color: var(--clr-gray-400);
  text-decoration: line-through;
}
.product-types-standard-panel__discount {
  font-size: 11px;
  font-weight: 500;
  color: var(--product-types-success-text);
  background: var(--product-types-success-bg);
  padding: 2px 7px;
  border-radius: var(--radius-md);
}
.product-types-standard-panel__stock {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.product-types-standard-panel__stock-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--product-types-warning-dot);
  flex-shrink: 0;
}
.product-types-standard-panel__stock-text {
  font-size: 12px;
  color: var(--clr-gray-600);
}
.product-types-standard-panel__stock-text strong {
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-standard-panel__cart-btn {
  width: 100%;
  margin-bottom: 16px;
  padding: 12px 16px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--product-types-brand);
  color: var(--clr-white);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.product-types-standard-panel__cart-btn:hover {
  background: #433ba0;
}
.product-types-standard-panel__perks {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 14px 0 0;
  border-top: 0.5px solid var(--clr-gray-200);
  list-style: none;
}
.product-types-standard-panel__perk {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--clr-gray-600);
}
.product-types-standard-panel__perk .ti {
  font-size: 16px;
}
.product-types-standard-panel__perk-icon--green {
  color: var(--product-types-success-icon);
}
.product-types-standard-panel__perk-icon--muted {
  color: var(--clr-gray-400);
}
@media (max-width: 991px) {
  .product-types-standard__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .product-types-standard-panel {
    max-width: 480px;
  }
}
@media (max-width: 767px) {
  .product-types-standard__stats {
    gap: 16px;
  }
  .product-types-standard-panel {
    padding: 18px;
  }
  .product-types-standard-panel__media {
    height: 120px;
    padding: 20px;
  }
  .product-types-standard-panel__media .ti {
    font-size: 48px;
  }
}
.corp-section--product-types-variant {
  --product-types-brand: #534ab7;
  --product-types-success-bg: #e1f5ee;
  --product-types-success-text: #04342c;
  --product-types-warning-bg: #faeeda;
  --product-types-warning-text: #412402;
  --product-types-error-bg: #fcebeb;
  --product-types-error-text: #501313;
}
.corp-section--product-types-variant > .container {
  max-width: var(--content-max-width);
}
.product-types-variant__grid {
  display: grid;
  grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.product-types-variant__copy {
  grid-column: 2;
  grid-row: 1;
}
.product-types-variant__header.corp-section-header {
  margin-bottom: 28px;
}
.product-types-variant__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0 0 28px;
}
.product-types-variant__stat {
  margin: 0;
}
.product-types-variant__stat-value {
  margin: 0 0 4px;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--clr-black);
}
.product-types-variant__stat-label {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.product-types-variant__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-types-variant__feature-title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
}
.product-types-variant__feature-desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--clr-gray-500);
}
.product-types-variant-panel {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 420px;
  margin-inline: auto;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.product-types-variant-panel__media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  margin-bottom: 16px;
  padding: 24px;
  border-radius: var(--radius-lg);
  background: var(--clr-gray-100);
}
.product-types-variant-panel__name {
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-variant-panel__summary {
  margin: 0 0 16px;
  font-size: 11.5px;
  color: var(--clr-gray-400);
}
.product-types-variant-panel__summary span {
  color: var(--clr-gray-600);
}
.product-types-variant-panel__option-label {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-600);
}
.product-types-variant-panel__swatches {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.product-types-variant-panel__swatch {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 50%;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-types-variant-panel__swatch--selected {
  border-color: var(--product-types-brand);
}
.product-types-variant-panel__swatch-inner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 0.5px solid var(--clr-gray-200);
}
.product-types-variant-panel__sizes {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
}
.product-types-variant-panel__size-btn {
  width: 36px;
  height: 32px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
  color: var(--clr-gray-600);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
.product-types-variant-panel__size-btn--selected {
  background: var(--product-types-brand);
  color: var(--clr-white);
}
.product-types-variant-panel__size-btn--unavailable {
  opacity: 0.35;
  cursor: not-allowed;
}
.product-types-variant-panel__details {
  margin-bottom: 16px;
  padding: 14px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
}
.product-types-variant-panel__details-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.product-types-variant-panel__price {
  font-size: 20px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-variant-panel__stock-badge {
  font-size: 10.5px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: var(--radius-md);
  white-space: nowrap;
}
.product-types-variant-panel__stock-badge--success {
  background: var(--product-types-success-bg);
  color: var(--product-types-success-text);
}
.product-types-variant-panel__stock-badge--warning {
  background: var(--product-types-warning-bg);
  color: var(--product-types-warning-text);
}
.product-types-variant-panel__stock-badge--error {
  background: var(--product-types-error-bg);
  color: var(--product-types-error-text);
}
.product-types-variant-panel__meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.product-types-variant-panel__meta span span {
  color: var(--clr-gray-600);
}
.product-types-variant-panel__mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.product-types-variant-panel__cart-btn {
  width: 100%;
  padding: 12px 16px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--product-types-brand);
  color: var(--clr-white);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    opacity 0.2s ease;
}
.product-types-variant-panel__cart-btn:hover:not(:disabled) {
  background: #433ba0;
}
.product-types-variant-panel__cart-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media (max-width: 991px) {
  .product-types-variant__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .product-types-variant-panel,
  .product-types-variant__copy {
    grid-column: auto;
    grid-row: auto;
  }
  .product-types-variant-panel {
    max-width: 480px;
  }
}
@media (max-width: 767px) {
  .product-types-variant__stats {
    gap: 16px;
  }
  .product-types-variant-panel {
    padding: 18px;
  }
  .product-types-variant-panel__media {
    height: 140px;
    padding: 20px;
  }
}
.corp-section--product-types-external {
  --product-types-brand: #534ab7;
  --product-types-brand-soft: #eeedfe;
  --product-types-blue-soft: #e6f1fb;
  --product-types-blue-dark: #042c53;
  --product-types-success: #1d9e75;
}
.corp-section--product-types-external > .container {
  max-width: var(--content-max-width);
}
.product-types-external__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 48px;
  align-items: center;
}
.product-types-external__header.corp-section-header {
  margin-bottom: 28px;
}
.product-types-external__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0 0 28px;
}
.product-types-external__stat {
  margin: 0;
}
.product-types-external__stat-value {
  margin: 0 0 4px;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--clr-black);
}
.product-types-external__stat-label {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.product-types-external__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-types-external__feature-title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
}
.product-types-external__feature-desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--clr-gray-500);
}
.product-types-external-panel {
  width: 100%;
  max-width: 420px;
  margin-inline: auto;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.product-types-external-panel__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
  margin-bottom: 16px;
  padding: 24px;
  border-radius: var(--radius-lg);
  background: var(--clr-gray-100);
}
.product-types-external-panel__media > .ti {
  font-size: 56px;
  color: var(--clr-gray-400);
}
.product-types-external-panel__badge {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: var(--radius-md);
  background: var(--product-types-blue-soft);
  color: var(--product-types-blue-dark);
  font-size: 10.5px;
  font-weight: 500;
}
.product-types-external-panel__badge .ti {
  font-size: 11px;
}
.product-types-external-panel__name {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-external-panel__seller {
  margin: 0 0 14px;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.product-types-external-panel__pricing {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 16px;
}
.product-types-external-panel__price {
  font-size: 20px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-external-panel__redirect-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 12px 16px;
  overflow: hidden;
  border: none;
  border-radius: var(--radius-md);
  background: var(--product-types-brand);
  color: var(--clr-white);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.product-types-external-panel__redirect-btn:hover {
  background: #433ba0;
}
.product-types-external-panel__redirect-icon {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.product-types-external-panel__redirect-icon--shifted {
  transform: translate(2px, -2px);
}
.product-types-external-panel__cursor {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff9;
  opacity: 0;
  pointer-events: none;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease;
}
.product-types-external-panel__cursor--visible {
  opacity: 1;
}
.product-types-external-panel__flow {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.product-types-external-panel__flow-step {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
  font-size: 12px;
  color: var(--clr-gray-600);
  opacity: 0.35;
  transform: translateY(2px);
  transition:
    opacity 0.35s ease,
    transform 0.35s ease,
    background-color 0.35s ease;
}
.product-types-external-panel__flow-step--active {
  opacity: 1;
  transform: translateY(0);
  background: var(--product-types-brand-soft);
}
.product-types-external-panel__flow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--clr-white);
  color: var(--clr-gray-400);
  flex-shrink: 0;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}
.product-types-external-panel__flow-icon .ti {
  font-size: 13px;
}
.product-types-external-panel__flow-step--active .product-types-external-panel__flow-icon {
  background: var(--product-types-brand);
  color: var(--clr-white);
}
.product-types-external-panel__flow-text {
  flex: 1;
  min-width: 0;
}
.product-types-external-panel__flow-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--product-types-success);
  color: var(--clr-white);
  opacity: 0;
  transform: scale(0.6);
  flex-shrink: 0;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}
.product-types-external-panel__flow-check .ti {
  font-size: 11px;
}
.product-types-external-panel__flow-step--done .product-types-external-panel__flow-check {
  opacity: 1;
  transform: scale(1);
}
@media (max-width: 991px) {
  .product-types-external__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .product-types-external-panel {
    max-width: 480px;
  }
}
@media (max-width: 767px) {
  .product-types-external__stats {
    gap: 16px;
  }
  .product-types-external-panel {
    padding: 18px;
  }
  .product-types-external-panel__media {
    height: 120px;
    padding: 20px;
  }
  .product-types-external-panel__media > .ti {
    font-size: 48px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-types-external-panel__flow-step,
  .product-types-external-panel__flow-icon,
  .product-types-external-panel__flow-check,
  .product-types-external-panel__redirect-icon,
  .product-types-external-panel__cursor {
    transition: none;
  }
  .product-types-external-panel__flow-step {
    opacity: 1;
    transform: none;
  }
  .product-types-external-panel__flow-step--active .product-types-external-panel__flow-icon {
    background: var(--product-types-brand);
    color: var(--clr-white);
  }
  .product-types-external-panel__flow-step--done .product-types-external-panel__flow-check {
    opacity: 1;
    transform: none;
  }
}
.corp-section--product-types-quote {
  --product-types-brand: #534ab7;
  --product-types-success-bg: #e1f5ee;
  --product-types-success-text: #04342c;
}
.corp-section--product-types-quote > .container {
  max-width: var(--content-max-width);
}
.product-types-quote__grid {
  display: grid;
  grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}
.product-types-quote__copy {
  grid-column: 2;
  grid-row: 1;
}
.product-types-quote__header.corp-section-header {
  margin-bottom: 28px;
}
.product-types-quote__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0 0 28px;
}
.product-types-quote__stat {
  margin: 0;
}
.product-types-quote__stat-value {
  margin: 0 0 4px;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--clr-black);
}
.product-types-quote__stat-label {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.product-types-quote__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-types-quote__feature-title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
}
.product-types-quote__feature-desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--clr-gray-500);
}
.product-types-quote-panel {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 420px;
  margin-inline: auto;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.product-types-quote-panel__media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  margin-bottom: 16px;
  padding: 24px;
  border-radius: var(--radius-lg);
  background: var(--clr-gray-100);
}
.product-types-quote-panel__media .ti {
  font-size: 52px;
  color: var(--clr-gray-400);
}
.product-types-quote-panel__name {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-quote-panel__subtitle {
  margin: 0 0 14px;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.product-types-quote-panel__price-label {
  margin: 0 0 18px;
  font-size: 20px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-quote-panel__form {
  border-top: 0.5px solid var(--clr-gray-200);
  padding-top: 18px;
}
.product-types-quote-panel__form-title {
  margin: 0 0 12px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-600);
}
.product-types-quote-panel__fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.product-types-quote-panel__field {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 8px 12px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
  font-size: 13px;
  color: var(--clr-gray-900);
  overflow: hidden;
}
.product-types-quote-panel__field--tall {
  align-items: flex-start;
  height: 48px;
  padding-top: 9px;
}
.product-types-quote-panel__field-text {
  white-space: pre-wrap;
}
.product-types-quote-panel__caret {
  display: inline-block;
  width: 1.5px;
  height: 14px;
  margin-left: 2px;
  background: var(--clr-gray-600);
  animation: product-types-quote-caret-blink 0.9s steps(1) infinite;
}
@keyframes product-types-quote-caret-blink {
  50% {
    opacity: 0;
  }
}
.product-types-quote-panel__whatsapp-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 9px 12px;
  border-radius: var(--radius-md);
  background: var(--product-types-success-bg);
}
.product-types-quote-panel__whatsapp-hint .ti {
  font-size: 14px;
  color: var(--product-types-success-text);
  flex-shrink: 0;
}
.product-types-quote-panel__whatsapp-hint span {
  font-size: 11.5px;
  color: var(--product-types-success-text);
}
.product-types-quote-panel__submit-btn {
  position: relative;
  width: 100%;
  min-height: 44px;
  padding: 12px 16px;
  overflow: hidden;
  border: none;
  border-radius: var(--radius-md);
  background: var(--product-types-brand);
  color: var(--clr-white);
  font-size: 14px;
  font-weight: 500;
  cursor: default;
}
.product-types-quote-panel__ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff9;
  opacity: 0;
  pointer-events: none;
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
}
.product-types-quote-panel__ripple--visible {
  opacity: 1;
}
.product-types-quote-panel__redirect {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  margin-top: 12px;
  padding: 11px 12px;
  border-radius: var(--radius-md);
  background: var(--product-types-success-bg);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease;
}
.product-types-quote-panel__redirect--visible {
  opacity: 1;
  visibility: visible;
}
.product-types-quote-panel__redirect .ti {
  font-size: 16px;
  color: var(--product-types-success-text);
  flex-shrink: 0;
}
.product-types-quote-panel__redirect span {
  font-size: 12px;
  font-weight: 500;
  color: var(--product-types-success-text);
}
@media (max-width: 991px) {
  .product-types-quote__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .product-types-quote-panel,
  .product-types-quote__copy {
    grid-column: auto;
    grid-row: auto;
  }
  .product-types-quote-panel {
    max-width: 480px;
  }
}
@media (max-width: 767px) {
  .product-types-quote__stats {
    gap: 16px;
  }
  .product-types-quote-panel {
    padding: 18px;
  }
  .product-types-quote-panel__media {
    height: 110px;
    padding: 20px;
  }
  .product-types-quote-panel__media .ti {
    font-size: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-types-quote-panel__caret {
    animation: none;
  }
  .product-types-quote-panel__ripple {
    transition: none;
  }
}
.corp-section--product-types-comparison {
  --product-types-brand-dark: #26215c;
  --product-types-brand-soft: #eeedfe;
  --product-types-blue-soft: #e6f1fb;
  --product-types-blue-dark: #042c53;
  --product-types-amber-soft: #faeeda;
  --product-types-amber-dark: #412402;
  --product-types-coral-soft: #faece7;
  --product-types-coral-dark: #4a1b0c;
  --product-types-success: #1d9e75;
}
.corp-section--product-types-comparison > .container {
  max-width: var(--content-max-width);
}
.product-types-comparison__header.corp-section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 32px;
}
.product-types-comparison-table {
  width: 100%;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.product-types-comparison-table__header {
  margin-bottom: 16px;
}
.product-types-comparison-table__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.product-types-comparison-table__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.product-types-comparison-table__scroll {
  overflow-x: auto;
}
.product-types-comparison-table__grid {
  width: 100%;
  min-width: 560px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.product-types-comparison-table__col-feature {
  width: 34%;
}
.product-types-comparison-table__col-type {
  width: 16.5%;
}
.product-types-comparison-table__head-feature {
  text-align: left;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--clr-gray-400);
  padding: 8px 6px;
  border-bottom: 0.5px solid var(--clr-gray-200);
}
.product-types-comparison-table__head-type {
  text-align: center;
  font-size: 11.5px;
  font-weight: 500;
  padding: 8px 4px;
  border-bottom: 0.5px solid var(--clr-gray-200);
}
.product-types-comparison-table__head-type--purple {
  background: var(--product-types-brand-soft);
  color: var(--product-types-brand-dark);
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}
.product-types-comparison-table__head-type--blue {
  background: var(--product-types-blue-soft);
  color: var(--product-types-blue-dark);
}
.product-types-comparison-table__head-type--amber {
  background: var(--product-types-amber-soft);
  color: var(--product-types-amber-dark);
}
.product-types-comparison-table__head-type--coral {
  background: var(--product-types-coral-soft);
  color: var(--product-types-coral-dark);
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}
.product-types-comparison-table__row:last-child td,
.product-types-comparison-table__row:last-child th {
  border-bottom: none;
}
.product-types-comparison-table__feature-name,
.product-types-comparison-table__mark-cell {
  padding: 9px 6px;
  font-size: 12px;
  border-bottom: 0.5px solid var(--clr-gray-200);
}
.product-types-comparison-table__feature-name {
  font-weight: 400;
  text-align: left;
  color: var(--clr-gray-900);
}
.product-types-comparison-table__mark-cell {
  text-align: center;
}
.product-types-comparison-table__mark-yes {
  font-size: 15px;
  color: var(--product-types-success);
}
.product-types-comparison-table__mark-no {
  font-size: 13px;
  color: var(--clr-gray-300);
}
@media (max-width: 767px) {
  .product-types-comparison__header.corp-section-header {
    margin-bottom: 24px;
  }
  .product-types-comparison-table {
    padding: 18px;
  }
}
.forsid-pazarlama .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.forsid-pazarlama input[type="text"],
.forsid-pazarlama textarea {
  font-family: var(--font-family-base, "Geist", sans-serif);
  font-size: 12.5px;
  padding: 8px 10px;
  border-radius: var(--radius-md);
  border: 0.5px solid var(--clr-gray-200);
  background: var(--clr-white);
  color: var(--clr-gray-900);
  outline: none;
  transition: border-color 0.15s ease;
}
.forsid-pazarlama input[type="text"]:focus,
.forsid-pazarlama textarea:focus {
  border-color: var(--marketing-brand, #534ab7);
}
.forsid-pazarlama button {
  font-family: var(--font-family-base, "Geist", sans-serif);
  cursor: pointer;
  border: 0.5px solid var(--clr-gray-200);
  background: var(--clr-white);
  border-radius: var(--radius-md);
  color: var(--clr-gray-900);
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}
.forsid-pazarlama button:hover {
  background: var(--clr-gray-50);
}
.corp-section--marketing-main {
  min-height: calc(100svh - var(--nav-height));
  padding-top: 72px;
  padding-bottom: 48px;
}
.corp-section--marketing-main > .container {
  max-width: var(--content-max-width);
}
.corp-section--marketing-main .corp-section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 32px;
}
.corp-section--marketing-main .corp-section-header .section-desc {
  max-width: 640px;
}
.corp-section--marketing-split > .container {
  max-width: var(--content-max-width);
}
.marketing-split__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 1.05fr);
  gap: 48px;
  align-items: center;
}
.marketing-split__grid--reverse > .marketing-split__visual {
  order: -1;
}
.marketing-split__header.corp-section-header {
  margin-bottom: 0;
}
.marketing-feature-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.marketing-feature-tags__item {
  font-size: 10.5px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
  color: var(--clr-gray-600);
}
.marketing-soon-badge {
  display: inline-block;
  margin-bottom: 12px;
  font-size: 10.5px;
  font-weight: 500;
  color: var(--marketing-orange-text, #4a1b0c);
  background: var(--marketing-orange-soft, #faece7);
  padding: 4px 10px;
  border-radius: var(--radius-md);
}
.marketing-kvkk-note {
  margin: 16px 0 0;
  font-size: 0.8125rem;
  color: var(--clr-gray-400);
  line-height: 1.6;
}
.marketing-tools-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  max-width: 800px;
  margin: 0 auto;
}
.marketing-tool-card {
  position: relative;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 18px;
  box-shadow: var(--shadow-sm);
  transition:
    transform 0.25s var(--paz-ease-out),
    box-shadow 0.25s var(--paz-ease-out),
    border-color 0.25s ease;
}
.marketing-tool-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px #1a173014;
  border-color: var(--marketing-brand-soft, #eeedfe);
}
.marketing-tool-card--soon {
  background: var(--clr-gray-50);
}
.marketing-tool-card__icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  font-size: 20px;
  transition: transform 0.35s var(--paz-ease-spring);
}
.marketing-tool-card:hover .marketing-tool-card__icon {
  transform: scale(1.08);
}
.marketing-tool-card__icon--email {
  background: var(--marketing-blue-soft, #e6f1fb);
  color: var(--marketing-blue-text, #042c53);
}
.marketing-tool-card__icon--sms {
  background: var(--marketing-amber-soft, #faeeda);
  color: var(--marketing-amber-text, #412402);
}
.marketing-tool-card__icon--whatsapp {
  background: var(--marketing-green-soft, #e1f5ee);
  color: var(--marketing-green-text, #04342c);
}
.marketing-tool-card__icon--coupon {
  background: var(--marketing-brand-soft, #eeedfe);
  color: var(--marketing-brand-dark, #26215c);
}
.marketing-tool-card__icon--automation,
.marketing-tool-card__icon--fastcart {
  background: var(--marketing-orange-soft, #faece7);
  color: var(--marketing-orange-text, #4a1b0c);
}
.marketing-tool-card__title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
}
.marketing-tool-card__desc {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--clr-gray-500);
  line-height: 1.55;
}
.marketing-tool-card__soon-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 9.5px;
  font-weight: 500;
  color: var(--marketing-amber-text, #412402);
  background: var(--marketing-amber-soft, #faeeda);
  padding: 2px 8px;
  border-radius: var(--radius-md);
}
.paz-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.65s var(--paz-ease-out),
    transform 0.65s var(--paz-ease-out);
  transition-delay: var(--paz-delay, 0ms);
}
.paz-reveal.paz-is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .paz-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .marketing-tool-card:hover {
    transform: none;
    box-shadow: var(--shadow-sm);
  }
}
.marketing-panel,
.paz-panel {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  width: 100%;
  max-width: 680px;
  margin-inline: auto;
  box-shadow: var(--shadow-sm);
}
.marketing-split__visual .marketing-panel,
.marketing-split__visual .paz-panel {
  max-width: none;
  margin: 0;
}
#paz-email .marketing-split__visual .paz-panel {
  min-height: 480px;
}
#paz-sms .marketing-split__visual .paz-panel {
  min-height: 400px;
}
#paz-whatsapp .marketing-split__visual .paz-panel {
  min-height: 360px;
}
#paz-coupon .marketing-split__visual .paz-panel {
  min-height: 520px;
}
#paz-automation .marketing-split__visual .paz-panel {
  min-height: 340px;
}
#paz-fastcart .marketing-split__visual .paz-panel {
  min-height: 320px;
}
#paz-audience .marketing-split__visual {
  min-height: 300px;
}
.marketing-split__visual .paz-sms-grid {
  grid-template-columns: 1fr;
}
.marketing-split__visual .paz-phone {
  max-width: 100%;
}
.paz-panel__title {
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.paz-field__label {
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-500);
}
.paz-field__label--spaced {
  margin-bottom: 8px;
}
.paz-field__label--inline {
  margin: 0;
}
.paz-field__hint {
  color: var(--clr-gray-400);
  font-weight: 400;
}
.paz-field__input {
  width: 100%;
  margin-bottom: 12px;
}
.paz-field__input--mb-lg {
  margin-bottom: 16px;
}
.paz-field__input--mb-sm {
  margin-bottom: 14px;
}
.paz-mode-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.paz-mode-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-50);
  color: var(--clr-gray-500);
  cursor: pointer;
  border: none;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}
.paz-mode-tab--active {
  background: var(--marketing-brand, #534ab7);
  color: #fff;
}
.paz-email-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.paz-tmpl-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.paz-tmpl-row {
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-500);
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 7px 10px;
  cursor: pointer;
  border: none;
  text-align: left;
  width: 100%;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}
.paz-tmpl-row--selected {
  background: var(--marketing-brand-soft, #eeedfe);
  color: var(--marketing-brand-dark, #26215c);
}
.paz-email-body {
  min-height: 260px;
}
.paz-preview__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.paz-preview__live {
  font-size: 10px;
  color: #0f6e56;
  display: flex;
  align-items: center;
  gap: 3px;
}
.paz-preview__live-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--marketing-green, #1d9e75);
  display: inline-block;
}
.paz-preview-frame {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 16px;
  min-height: 140px;
}
.paz-preview-frame__title {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--clr-gray-900);
}
.paz-preview-frame__greeting {
  margin: 0 0 8px;
  font-size: 11px;
  color: var(--clr-gray-500);
}
.paz-preview-frame__body {
  margin: 0 0 10px;
  font-size: 11px;
  color: var(--clr-gray-500);
  line-height: 1.6;
}
.paz-preview-frame__cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  background: var(--marketing-brand, #534ab7);
  padding: 6px 12px;
  border-radius: var(--radius-md);
}
.paz-sms-grid {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
}
.paz-sms-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.paz-sms-toolbar__actions {
  display: flex;
  gap: 6px;
  margin-left: auto;
}
.paz-chip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 10.5px;
  color: var(--marketing-brand, #534ab7);
  background: var(--marketing-brand-soft, #eeedfe);
  padding: 3px 8px;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
}
.paz-chip:hover {
  background: #e0dff8;
}
.paz-sms-message {
  width: 100%;
  resize: vertical;
  padding: 10px 12px;
  min-height: 90px;
  line-height: 1.6;
}
.paz-sms-stats {
  display: flex;
  gap: 14px;
  margin-top: 8px;
  font-size: 11px;
  color: var(--clr-gray-400);
  font-variant-numeric: tabular-nums;
  min-height: 1.2em;
}
.paz-sms-stats strong {
  color: var(--clr-gray-500);
  display: inline-block;
  min-width: 1.5ch;
}
.paz-phone {
  background: var(--clr-gray-50);
  border-radius: 22px;
  padding: 8px;
  width: 100%;
  max-width: 240px;
}
.paz-phone__notch {
  width: 50px;
  height: 5px;
  border-radius: 3px;
  background: var(--clr-gray-300);
  margin: 0 auto 6px;
}
.paz-phone__screen {
  background: var(--clr-white);
  border-radius: 14px;
  overflow: hidden;
  min-height: 160px;
}
.paz-phone__header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-bottom: 0.5px solid var(--clr-gray-200);
}
.paz-phone__avatar {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: var(--marketing-brand, #534ab7);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 600;
}
.paz-phone__sender {
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.paz-phone__time {
  margin-left: auto;
  font-size: 9.5px;
  color: var(--clr-gray-400);
}
.paz-phone__body {
  padding: 10px 12px;
}
.paz-phone__bubble {
  background: var(--clr-gray-50);
  border-radius: 12px 12px 12px 4px;
  padding: 9px 11px;
  font-size: 10.5px;
  line-height: 1.5;
  color: var(--clr-gray-900);
  min-height: 48px;
}
.paz-wa-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.paz-wa-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 12px;
  transition: opacity 0.2s ease;
}
.paz-wa-row--soon {
  opacity: 0.6;
}
.paz-wa-row__icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--clr-white);
  color: var(--clr-gray-400);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
}
.paz-wa-row__icon--active {
  background: var(--marketing-green-soft, #e1f5ee);
  color: var(--marketing-green-text, #04342c);
}
.paz-wa-row__info {
  flex: 1;
  min-width: 0;
}
.paz-wa-row__title {
  margin: 0 0 3px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
  display: flex;
  align-items: center;
  gap: 6px;
}
.paz-wa-row__msg {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
  font-family: var(--font-mono);
}
.paz-wa-row__soon-tag {
  font-size: 9px;
  font-weight: 500;
  color: var(--marketing-amber-text, #412402);
  background: var(--marketing-amber-soft, #faeeda);
  padding: 1px 6px;
  border-radius: var(--radius-md);
  font-family: var(--font-family-base, "Geist", sans-serif);
}
.paz-toggle {
  position: relative;
  width: 30px;
  height: 17px;
  background: var(--clr-gray-300);
  border-radius: 9px;
  flex-shrink: 0;
  cursor: pointer;
  border: none;
  padding: 0;
  transition: background 0.2s ease;
}
.paz-toggle--on {
  background: var(--marketing-brand, #534ab7);
}
.paz-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.paz-toggle__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.2s ease;
  pointer-events: none;
}
.paz-toggle--on .paz-toggle__thumb {
  transform: translate(13px);
}
.paz-type-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 16px;
}
.paz-type-grid--cols-2 {
  grid-template-columns: 1fr 1fr;
}
.paz-type-tile {
  display: flex;
  flex-direction: column;
  gap: 3px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 12px 10px;
  text-align: center;
  cursor: pointer;
  border: 1.5px solid transparent;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}
.paz-type-tile:hover:not(.paz-type-tile--selected) {
  border-color: var(--clr-gray-200);
}
.paz-type-tile--selected {
  background: var(--marketing-brand-soft, #eeedfe);
  border-color: var(--marketing-brand, #534ab7);
}
.paz-type-tile__icon {
  font-size: 18px;
}
.paz-type-tile__name {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.paz-type-tile__sub {
  font-size: 10px;
  color: var(--clr-gray-400);
}
.paz-segment-pills {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.paz-segment-area {
  min-height: 58px;
}
.paz-segment-area--hidden {
  visibility: hidden;
  pointer-events: none;
}
.paz-segment-pill {
  font-size: 11.5px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-50);
  color: var(--clr-gray-500);
  cursor: pointer;
  border: none;
  transition:
    background 0.15s ease,
    color 0.15s ease;
  white-space: nowrap;
}
.paz-segment-pill--selected {
  background: var(--marketing-brand, #534ab7);
  color: #fff;
}
.paz-flow {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.paz-flow-step {
  display: flex;
  align-items: center;
  gap: 12px;
}
.paz-flow-step__dot {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 13px;
}
.paz-flow-step__dot--trigger {
  background: var(--marketing-brand, #534ab7);
}
.paz-flow-step__dot--wait {
  background: var(--clr-gray-400);
}
.paz-flow-step__dot--email {
  background: #185fa5;
}
.paz-flow-step__dot--condition {
  background: #854f0b;
}
.paz-flow-step__dot--sms {
  background: var(--marketing-green, #1d9e75);
}
.paz-flow-step__content {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 9px 12px;
  flex: 1;
}
.paz-flow-step__label {
  margin: 0;
  font-size: 10.5px;
  color: var(--clr-gray-400);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.paz-flow-step__value {
  margin: 1px 0 0;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.paz-flow__line {
  width: 2px;
  height: 14px;
  background: var(--clr-gray-200);
  margin-left: 14px;
}
.paz-cart-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}
.paz-cart-item {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 10px 12px;
}
.paz-cart-item__icon {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  background: var(--clr-white);
  color: var(--clr-gray-400);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}
.paz-cart-item__info {
  flex: 1;
  min-width: 0;
}
.paz-cart-item__name {
  margin: 0;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.paz-cart-item__qty {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.paz-cart-item__price {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
  flex-shrink: 0;
}
.paz-coupon-applied {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--marketing-green-soft, #e1f5ee);
  border-radius: var(--radius-md);
  padding: 9px 12px;
  margin-bottom: 16px;
}
.paz-coupon-applied__code {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--marketing-green-text, #04342c);
  font-family: var(--font-mono);
}
.paz-coupon-applied__status {
  font-size: 11px;
  color: var(--marketing-green-text, #04342c);
  margin-left: auto;
}
.paz-link-row {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  margin-bottom: 8px;
}
.paz-link-row__url {
  font-size: 11.5px;
  color: var(--clr-gray-500);
  font-family: var(--font-mono);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paz-link-row__copy {
  flex-shrink: 0;
  font-size: 11px;
  padding: 5px 10px;
  min-width: 76px;
  text-align: center;
}
.paz-link-row__copy--copied {
  background: var(--marketing-green-soft, #e1f5ee);
  border-color: var(--marketing-green, #1d9e75);
  color: var(--marketing-green-text, #04342c);
}
.paz-link-hint {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.paz-audience-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: 760px;
  margin: 0 auto 18px;
}
.marketing-split__visual .paz-audience-grid {
  grid-template-columns: 1fr;
  max-width: none;
  margin: 0;
  gap: 10px;
}
.marketing-split__visual .paz-audience-card {
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
  padding: 14px 16px;
}
.marketing-split__visual .paz-audience-card__icon {
  margin: 0;
  width: 40px;
  height: 40px;
  font-size: 18px;
  flex-shrink: 0;
}
.marketing-split__visual .paz-audience-card__body,
.marketing-split__visual .paz-audience-card__content {
  flex: 1;
  min-width: 0;
}
.marketing-split__visual .paz-audience-card__title {
  margin-bottom: 2px;
}
.marketing-split__visual .paz-audience-card__desc {
  margin-bottom: 0;
  font-size: 11px;
}
.marketing-split__visual .paz-audience-card__tag {
  display: none;
}
.paz-audience-card {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 20px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 0 1px transparent;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.paz-audience-card:hover:not(.paz-audience-card--selected) {
  border-color: var(--marketing-brand, #534ab7);
}
.paz-audience-card--selected {
  border-color: var(--marketing-brand, #534ab7);
  box-shadow: 0 0 0 1px var(--marketing-brand, #534ab7);
}
.paz-audience-card__icon {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
  font-size: 22px;
}
.paz-audience-card__icon--purple {
  background: var(--marketing-brand-soft, #eeedfe);
  color: var(--marketing-brand-dark, #26215c);
}
.paz-audience-card__icon--blue {
  background: var(--marketing-blue-soft, #e6f1fb);
  color: var(--marketing-blue-text, #042c53);
}
.paz-audience-card__icon--amber {
  background: var(--marketing-amber-soft, #faeeda);
  color: var(--marketing-amber-text, #412402);
}
.paz-audience-card__title {
  margin: 0 0 6px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.paz-audience-card__desc {
  margin: 0 0 10px;
  font-size: 11.5px;
  color: var(--clr-gray-500);
  line-height: 1.55;
}
.paz-audience-card__tag {
  font-size: 10.5px;
  font-weight: 500;
  color: var(--clr-gray-500);
  background: var(--clr-gray-50);
  padding: 3px 9px;
  border-radius: var(--radius-md);
}
.paz-kvkk-note {
  text-align: center;
  margin: 0;
  font-size: 11.5px;
  color: var(--clr-gray-400);
}
.paz-kvkk-note--left {
  text-align: left;
  margin-top: 16px;
}
.paz-section {
  padding: 100px 0;
  background: var(--clr-white);
}
.paz-section:nth-of-type(2n) {
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
}
.paz-section-header {
  margin-bottom: 0;
}
.paz-section-header__title {
  margin: 0 0 12px;
  font-size: clamp(1.75rem, 3vw, 2.625rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--clr-black);
}
.paz-section-header__desc {
  margin: 0 0 14px;
  font-size: 1rem;
  color: var(--clr-gray-500);
  line-height: 1.7;
}
.paz-section-header__desc--no-margin {
  margin-bottom: 0;
}
.paz-section-header__eyebrow {
  display: none;
}
.paz-section-header__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 20px;
}
.paz-badge {
  font-size: 10.5px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
  color: var(--clr-gray-600);
}
.paz-hero__title {
  margin: 0 0 12px;
  font-size: clamp(1.75rem, 3vw, 2.625rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--clr-black);
}
.paz-hero__desc {
  margin: 0;
  font-size: 1rem;
  color: var(--clr-gray-500);
  line-height: 1.7;
}
.paz-hero__eyebrow {
  display: none;
}
@media (max-width: 900px) {
  .marketing-split__grid {
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: start;
  }
  .marketing-split__copy,
  .marketing-split__visual {
    justify-content: flex-start;
  }
  .marketing-split__grid--reverse .marketing-split__copy,
  .marketing-split__grid--reverse .marketing-split__visual {
    order: unset;
  }
  #paz-email .marketing-split__visual .paz-panel,
  #paz-sms .marketing-split__visual .paz-panel,
  #paz-whatsapp .marketing-split__visual .paz-panel,
  #paz-coupon .marketing-split__visual .paz-panel,
  #paz-automation .marketing-split__visual .paz-panel,
  #paz-fastcart .marketing-split__visual .paz-panel,
  #paz-audience .marketing-split__visual {
    min-height: 0;
  }
}
@media (max-width: 767px) {
  .corp-section--marketing-main {
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .corp-section--marketing-main .corp-section-header {
    margin-bottom: 24px;
  }
  .marketing-tools-grid,
  .paz-audience-grid,
  .paz-type-grid,
  .paz-email-grid,
  .paz-sms-grid {
    grid-template-columns: 1fr;
  }
  .section-title {
    font-size: 26px;
  }
  .marketing-split__visual .paz-audience-card {
    flex-direction: column;
    text-align: center;
  }
  .marketing-split__visual .paz-audience-card__icon {
    margin: 0 auto;
  }
  .marketing-split__visual .paz-audience-card__tag {
    display: inline-block;
    margin-top: 8px;
  }
}
@media (max-width: 480px) {
  .paz-type-grid {
    grid-template-columns: 1fr;
  }
}
.corp-section--theme-block-main {
  min-height: calc(100svh - var(--nav-height));
  padding-top: 64px;
  padding-bottom: 48px;
}
@media (max-width: 767px) {
  .corp-section--theme-block-main {
    padding-top: 48px;
    padding-bottom: 40px;
  }
}
.corp-section--theme-block-library {
  padding-top: 48px;
  padding-bottom: 64px;
}
@media (max-width: 767px) {
  .corp-section--theme-block-library {
    padding-top: 40px;
    padding-bottom: 48px;
  }
}
.corp-section--theme-block-drag-reorder {
  padding-top: 48px;
  padding-bottom: 64px;
}
@media (max-width: 767px) {
  .corp-section--theme-block-drag-reorder {
    padding-top: 40px;
    padding-bottom: 48px;
  }
}
.corp-section--theme-block-instant-publish {
  padding-top: 48px;
  padding-bottom: 64px;
}
@media (max-width: 767px) {
  .corp-section--theme-block-instant-publish {
    padding-top: 40px;
    padding-bottom: 48px;
  }
}
.corp-section--theme-block-page-management {
  padding-top: 48px;
  padding-bottom: 64px;
}
@media (max-width: 767px) {
  .corp-section--theme-block-page-management {
    padding-top: 40px;
    padding-bottom: 48px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .theme-block-editor__tree-block,
  .theme-block-editor__canvas-block,
  .theme-block-editor__slide-row,
  .theme-block-editor__tree-block-delete,
  .theme-block-editor__canvas-section,
  .theme-block-editor__drop-zone,
  .theme-block-library-gallery__card,
  .theme-block-drag-reorder-panel__row,
  .theme-block-drag-reorder-panel__drop-line,
  .theme-block-drag-reorder-panel__cursor,
  .theme-block-page-management-panel__chip,
  .theme-block-page-management-panel__section,
  .theme-block-page-management-panel__toggle,
  .theme-block-page-management-panel__toggle-thumb,
  .theme-block-page-management-panel__add {
    transition: none;
  }
}
.corp-section--theme-block-main {
  --theme-block-brand: #534ab7;
  --theme-block-brand-dark: #26215c;
  --theme-block-brand-soft: #eeedfe;
  --theme-block-teal-soft: #e1f5ee;
  --theme-block-teal-dark: #04342c;
}
.corp-section--theme-block-main > .container {
  max-width: var(--content-max-width);
}
.corp-section--theme-block-main .corp-section-header {
  margin-bottom: 28px;
}
.corp-section--theme-block-main .corp-section-header .section-desc {
  max-width: 680px;
}
.theme-block-editor {
  width: 100%;
}
.theme-block-editor__shell {
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--clr-white);
  box-shadow: var(--shadow-sm);
}
.theme-block-editor__workspace {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr) 260px;
  min-height: 540px;
}
@media (max-width: 991px) {
  .theme-block-editor__workspace {
    grid-template-columns: 1fr;
    min-height: auto;
  }
}
.theme-block-editor__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 0.5px solid var(--clr-gray-200);
  background: var(--clr-white);
}
.theme-block-editor__toolbar-start {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.theme-block-editor__back-icon {
  font-size: 16px;
  color: var(--clr-gray-500);
  flex-shrink: 0;
}
.theme-block-editor__toolbar-title {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.theme-block-editor__toolbar-subtitle {
  margin: 0;
  font-size: 10.5px;
  color: var(--clr-gray-500);
}
.theme-block-editor__toolbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: var(--clr-gray-600);
  flex-shrink: 0;
}
.theme-block-editor__toolbar-page,
.theme-block-editor__toolbar-preview {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.theme-block-editor__toolbar-page .ti-home,
.theme-block-editor__toolbar-preview .ti-eye {
  font-size: 13px;
}
.theme-block-editor__chevron-sm {
  font-size: 11px;
}
.theme-block-editor__toolbar-locale {
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  padding: 3px 9px;
}
.theme-block-editor__publish-btn {
  background: var(--theme-block-brand);
  color: var(--clr-white);
  border: none;
  border-radius: var(--radius-md);
  padding: 6px 14px;
  font-size: 11.5px;
  font-weight: 500;
  cursor: default;
}
.theme-block-editor__tree {
  background: var(--clr-gray-50);
  padding: 14px 10px;
  border-right: 0.5px solid var(--clr-gray-200);
  overflow-y: auto;
}
.theme-block-editor__tree-label {
  margin: 0 0 8px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.theme-block-editor__tree-section {
  margin-bottom: 10px;
}
.theme-block-editor__tree-section-head {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  cursor: default;
}
.theme-block-editor__grip-icon {
  font-size: 12px;
  color: var(--clr-gray-500);
}
.theme-block-editor__tree-section-name {
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.theme-block-editor__tag {
  font-size: 9.5px;
  color: var(--clr-gray-500);
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  padding: 1px 6px;
  border-radius: var(--radius-md);
}
.theme-block-editor__section-delete {
  margin-left: auto;
  font-size: 12px;
  color: var(--clr-gray-500);
}
.theme-block-editor__tree-block {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 6px 8px 6px 24px;
  margin: 2px 0;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  font-size: 11.5px;
  color: var(--clr-gray-600);
  text-align: left;
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}
.theme-block-editor__tree-block.is-selected {
  background: var(--theme-block-brand-soft);
  color: var(--theme-block-brand-dark);
}
.theme-block-editor__tree-block .ti:first-child {
  font-size: 11px;
}
.theme-block-editor__tree-block-delete {
  margin-left: auto;
  font-size: 11px;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.theme-block-editor__tree-block:hover .theme-block-editor__tree-block-delete {
  opacity: 0.6;
}
.theme-block-editor__canvas {
  background: var(--clr-gray-100);
  padding: 18px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.theme-block-editor__canvas-section {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 12px;
}
.theme-block-editor__canvas-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.theme-block-editor__canvas-section-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.theme-block-editor__canvas-tag {
  font-size: 9.5px;
  font-weight: 400;
  color: var(--clr-gray-500);
  background: var(--clr-gray-50);
  padding: 1px 6px;
  border-radius: var(--radius-md);
}
.theme-block-editor__canvas-delete {
  font-size: 13px;
  color: var(--clr-gray-500);
}
.theme-block-editor__canvas-block {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: var(--clr-gray-50);
  border: 2px solid transparent;
  border-radius: var(--radius-md);
  padding: 10px 12px;
  margin-bottom: 6px;
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.theme-block-editor__canvas-block.is-selected {
  border-color: var(--theme-block-brand);
}
.theme-block-editor__canvas-block .ti {
  font-size: 12px;
  color: var(--clr-gray-500);
}
.theme-block-editor__canvas-block-name {
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.theme-block-editor__canvas-block-tag {
  margin-left: auto;
  font-size: 10.5px;
  color: var(--clr-gray-500);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.theme-block-editor__canvas-add {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-50);
  color: var(--clr-gray-500);
  cursor: default;
}
.theme-block-editor__canvas-add .ti {
  font-size: 14px;
}
.theme-block-editor__settings {
  background: var(--clr-white);
  padding: 16px;
  overflow-y: auto;
  border-left: 0.5px solid var(--clr-gray-200);
}
.theme-block-editor__settings-title {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.theme-block-editor__settings-slug {
  margin: 0 0 16px;
  font-size: 11px;
  color: var(--clr-gray-500);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.theme-block-editor__slides-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.theme-block-editor__slides-count {
  background: var(--theme-block-teal-soft);
  color: var(--theme-block-teal-dark);
  font-size: 11px;
  font-weight: 500;
  padding: 1px 8px;
  border-radius: var(--radius-md);
}
.theme-block-editor__slides {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
}
.theme-block-editor__slide-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: var(--clr-gray-50);
  border: none;
  border-radius: var(--radius-md);
  padding: 8px 10px;
  font-size: 12px;
  color: var(--clr-gray-900);
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}
.theme-block-editor__slide-row.is-selected {
  background: var(--theme-block-brand-soft);
  color: var(--theme-block-brand-dark);
}
.theme-block-editor__slide-delete {
  margin-left: auto;
  font-size: 13px;
}
.theme-block-editor__field-label {
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-gray-600);
}
.theme-block-editor__field-label--upper {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.theme-block-editor__field-label--inline {
  margin: 0;
}
.theme-block-editor__input {
  width: 100%;
  margin-bottom: 14px;
  padding: 8px 10px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background: var(--clr-white);
  font-size: 12px;
  color: var(--clr-gray-900);
}
.theme-block-editor__image-field {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.theme-block-editor__image-preview {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-50);
  flex-shrink: 0;
}
.theme-block-editor__image-action {
  font-size: 15px;
  color: var(--clr-gray-500);
  cursor: default;
}
.theme-block-editor__toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.theme-block-editor__toggle-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-600);
}
.theme-block-editor__toggle {
  position: relative;
  width: 30px;
  height: 17px;
  background: var(--clr-gray-300);
  border-radius: 9px;
  cursor: default;
}
.theme-block-editor__toggle.is-on {
  background: var(--theme-block-brand);
}
.theme-block-editor__toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--clr-white);
  transition: transform 0.15s ease;
}
.theme-block-editor__toggle.is-on .theme-block-editor__toggle-thumb {
  transform: translate(13px);
}
.theme-block-editor__color-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.theme-block-editor__color-field:last-of-type {
  margin-bottom: 18px;
}
.theme-block-editor__color-value {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--clr-gray-600);
}
.theme-block-editor__color-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
}
.theme-block-editor__color-dot.has-border {
  border: 0.5px solid var(--clr-gray-300);
}
.theme-block-editor__settings-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 0.5px solid var(--clr-gray-200);
  padding-top: 14px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.theme-block-editor__settings-footer .ti {
  font-size: 13px;
  color: var(--clr-gray-500);
}
@media (max-width: 991px) {
  .theme-block-editor__toolbar {
    flex-direction: column;
    align-items: flex-start;
  }
  .theme-block-editor__toolbar-actions {
    flex-wrap: wrap;
  }
  .theme-block-editor__tree,
  .theme-block-editor__canvas,
  .theme-block-editor__settings {
    border-right: none;
    border-left: none;
    border-bottom: 0.5px solid var(--clr-gray-200);
  }
  .theme-block-editor__settings {
    border-bottom: none;
  }
}
@media (max-width: 575px) {
  .theme-block-editor__toolbar-actions {
    font-size: 11px;
    gap: 6px;
  }
  .theme-block-editor__toolbar-page,
  .theme-block-editor__toolbar-preview {
    display: none;
  }
}
.theme-block-editor__canvas-wrap {
  position: relative;
  min-height: 0;
}
.theme-block-editor__canvas-blocks {
  display: flex;
  flex-direction: column;
}
.theme-block-editor__canvas-section {
  transition:
    border-color 0.2s ease,
    background 0.2s ease;
}
.theme-block-editor__canvas-block {
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    transform 0.25s ease,
    opacity 0.2s ease;
}
.theme-block-editor__drop-zone {
  height: 3px;
  margin: 2px 0;
  border-radius: 2px;
  background: var(--theme-block-brand);
  opacity: 0;
  transition: opacity 0.15s ease;
}
.theme-block-editor__cursor {
  position: absolute;
  z-index: 20;
  width: 20px;
  height: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.theme-block-editor__cursor svg {
  width: 20px;
  height: 20px;
}
.theme-block-editor__ghost {
  position: absolute;
  z-index: 19;
  display: flex;
  align-items: center;
  gap: 6px;
  opacity: 0;
  padding: 6px 10px;
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-md);
  background: var(--clr-white);
  box-shadow: var(--shadow-md);
  pointer-events: none;
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-gray-900);
  white-space: nowrap;
}
.theme-block-editor__ghost .ti-grip-vertical {
  font-size: 11px;
  color: var(--clr-gray-400);
}
.theme-block-editor__ghost-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--theme-block-brand-soft);
}
.theme-block-editor__ghost-icon .ti {
  font-size: 11px;
  color: var(--theme-block-brand);
}
.theme-block-editor__tooltip {
  position: absolute;
  z-index: 21;
  opacity: 0;
  padding: 4px 10px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-900);
  color: var(--clr-white);
  font-size: 10.5px;
  font-weight: 500;
  pointer-events: none;
  transform: translate(-50%);
  transition: opacity 0.2s ease;
  white-space: nowrap;
}
.theme-block-editor__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: #fafafab8;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.theme-block-editor__canvas-wrap.is-animating .theme-block-editor__overlay {
  opacity: 0;
}
.theme-block-editor__overlay-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  padding: 16px;
}
.theme-block-editor__overlay-inner .ti-hand-click {
  font-size: 22px;
  color: var(--theme-block-brand);
}
.theme-block-editor__overlay-inner p {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-gray-900);
}
.theme-block-editor__overlay-inner span {
  font-size: 11px;
  color: var(--clr-gray-500);
}
@media (prefers-reduced-motion: reduce) {
  .theme-block-editor__overlay,
  .theme-block-editor__cursor,
  .theme-block-editor__ghost,
  .theme-block-editor__tooltip {
    display: none;
  }
}
.corp-section--theme-block-library .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.corp-section--theme-block-library {
  --theme-block-brand: #534ab7;
  --theme-block-brand-dark: #26215c;
  --theme-block-brand-soft: #eeedfe;
}
.corp-section--theme-block-library > .container {
  max-width: var(--content-max-width);
}
.theme-block-library__grid {
  display: grid;
  grid-template-columns: minmax(280px, 520px) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.theme-block-library__header.corp-section-header {
  margin-bottom: 32px;
}
.theme-block-library__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
}
.theme-block-library__stat {
  margin: 0;
}
.theme-block-library__stat-value {
  margin: 0 0 4px;
  font-size: clamp(1.5rem, 2.5vw, 1.875rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--clr-black);
}
.theme-block-library__stat-label {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--clr-gray-500);
}
.theme-block-library-gallery {
  width: 100%;
  max-width: 520px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.theme-block-library-gallery__head {
  margin-bottom: 18px;
}
.theme-block-library-gallery__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.theme-block-library-gallery__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--clr-gray-400);
}
.theme-block-library-gallery__content {
  max-height: 420px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--clr-gray-300) transparent;
}
.theme-block-library-gallery__category + .theme-block-library-gallery__category {
  margin-top: 0;
}
.theme-block-library-gallery__category-label {
  margin: 0 0 10px;
  padding-top: 18px;
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-gray-400);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.theme-block-library-gallery__category:first-child .theme-block-library-gallery__category-label {
  padding-top: 0;
}
.theme-block-library-gallery__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.theme-block-library-gallery__grid > li {
  margin: 0;
}
.theme-block-library-gallery__card {
  width: 100%;
  background: var(--clr-gray-100);
  border: none;
  border-radius: var(--radius-md);
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  cursor: pointer;
  transition: background var(--transition);
}
.theme-block-library-gallery__card:hover {
  background: var(--clr-gray-200);
}
.theme-block-library-gallery__icon {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-block-library-gallery__icon .ti {
  font-size: 17px;
}
.theme-block-library-gallery__name {
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-black);
  line-height: 1.3;
}
@media (max-width: 991px) {
  .theme-block-library__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .theme-block-library-gallery {
    max-width: 560px;
    margin-inline: auto;
    order: 2;
  }
  .theme-block-library__copy {
    order: 1;
  }
}
@media (max-width: 767px) {
  .theme-block-library__stats {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .theme-block-library-gallery {
    max-width: none;
    padding: 16px;
  }
  .theme-block-library-gallery__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 479px) {
  .theme-block-library-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.corp-section--theme-block-drag-reorder .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.corp-section--theme-block-drag-reorder {
  --theme-block-brand: #534ab7;
  --theme-block-brand-dark: #26215c;
  --theme-block-brand-soft: #eeedfe;
}
.corp-section--theme-block-drag-reorder > .container {
  max-width: var(--content-max-width);
}
.theme-block-drag-reorder__grid {
  display: grid;
  grid-template-columns: minmax(280px, 440px) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.theme-block-drag-reorder__header.corp-section-header {
  margin-bottom: 28px;
}
.theme-block-drag-reorder__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.theme-block-drag-reorder__feature-title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
}
.theme-block-drag-reorder__feature-desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--clr-gray-500);
}
.theme-block-drag-reorder-panel {
  width: 100%;
  max-width: 440px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 20px;
  box-shadow: var(--shadow-sm);
}
.theme-block-drag-reorder-panel__head {
  margin-bottom: 6px;
}
.theme-block-drag-reorder-panel__title {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
}
.theme-block-drag-reorder-panel__subtitle {
  margin: 0;
  font-size: 11.5px;
  color: var(--clr-gray-400);
}
.theme-block-drag-reorder-panel__step {
  margin: 0 0 16px;
  min-height: 16px;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--theme-block-brand);
}
.theme-block-drag-reorder-panel__list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 4px;
}
.theme-block-drag-reorder-panel__row {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--clr-gray-100);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  position: relative;
  transition:
    transform 0.45s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}
.theme-block-drag-reorder-panel__row.is-lifted {
  background: var(--theme-block-brand-soft);
  box-shadow: 0 0 0 2px var(--theme-block-brand);
  z-index: 3;
}
.theme-block-drag-reorder-panel__grip {
  font-size: 14px;
  color: var(--clr-gray-400);
  flex-shrink: 0;
}
.theme-block-drag-reorder-panel__name {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-black);
}
.theme-block-drag-reorder-panel__code {
  margin-left: auto;
  font-size: 11px;
  color: var(--clr-gray-400);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.theme-block-drag-reorder-panel__drop-line {
  height: 2px;
  background: var(--theme-block-brand);
  border-radius: 1px;
  opacity: 0;
  margin: -3px 0;
  transition: opacity 0.2s ease;
}
.theme-block-drag-reorder-panel__drop-line.is-visible {
  opacity: 1;
}
.theme-block-drag-reorder-panel__cursor {
  position: absolute;
  width: 18px;
  height: 18px;
  opacity: 0;
  pointer-events: none;
  color: var(--theme-block-brand-dark);
  transition:
    left 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    top 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.2s ease;
}
@media (max-width: 991px) {
  .theme-block-drag-reorder__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .theme-block-drag-reorder-panel {
    max-width: 480px;
    margin-inline: auto;
    order: 2;
  }
  .theme-block-drag-reorder__copy {
    order: 1;
  }
}
@media (max-width: 767px) {
  .theme-block-drag-reorder-panel {
    max-width: none;
    padding: 16px;
  }
}
.corp-section--theme-block-instant-publish .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.corp-section--theme-block-instant-publish {
  --theme-block-brand: #534ab7;
  --theme-block-success-bg: #e1f5ee;
  --theme-block-success-text: #04342c;
  --theme-block-success-accent: #0f6e56;
  --theme-block-success-live: #1d9e75;
}
.corp-section--theme-block-instant-publish > .container {
  max-width: var(--content-max-width);
}
.theme-block-instant-publish__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 560px);
  gap: 48px;
  align-items: center;
}
.theme-block-instant-publish__header.corp-section-header {
  margin-bottom: 28px;
}
.theme-block-instant-publish__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.theme-block-instant-publish__feature-title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
}
.theme-block-instant-publish__feature-desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--clr-gray-500);
}
.theme-block-instant-publish-panel {
  width: 100%;
}
.theme-block-instant-publish-panel__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  padding: 1rem 0;
}
.theme-block-instant-publish-panel__timeline {
  position: relative;
  padding-left: 32px;
}
.theme-block-instant-publish-panel__timeline:before {
  content: "";
  position: absolute;
  left: 11px;
  top: 6px;
  bottom: 6px;
  width: 2px;
  background: var(--clr-gray-200);
}
.theme-block-instant-publish-panel__step {
  position: relative;
  margin-bottom: 28px;
}
.theme-block-instant-publish-panel__step.is-last {
  margin-bottom: 0;
}
.theme-block-instant-publish-panel__dot {
  position: absolute;
  left: -32px;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  background: var(--clr-gray-100);
  color: var(--clr-gray-400);
}
.theme-block-instant-publish-panel__dot .ti {
  font-size: 11px;
}
.theme-block-instant-publish-panel__dot.is-done {
  background: var(--theme-block-success-bg);
  color: var(--theme-block-success-text);
}
.theme-block-instant-publish-panel__dot.is-active {
  background: var(--theme-block-brand);
  color: var(--clr-white);
}
.theme-block-instant-publish-panel__dot.is-live {
  background: var(--theme-block-success-live);
  color: var(--clr-white);
}
.theme-block-instant-publish-panel__step-title {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--clr-black);
}
.theme-block-instant-publish-panel__step-duration {
  margin: 1px 0 4px;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.theme-block-instant-publish-panel__step-duration.is-highlight {
  color: var(--theme-block-success-accent);
  font-weight: 500;
}
.theme-block-instant-publish-panel__step-desc {
  margin: 0;
  font-size: 11.5px;
  color: var(--clr-gray-500);
  line-height: 1.5;
}
.theme-block-instant-publish-panel__compare {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.theme-block-instant-publish-panel__card {
  background: var(--clr-gray-100);
  border-radius: var(--radius-lg);
  padding: 18px;
}
.theme-block-instant-publish-panel__card.is-highlight {
  background: var(--theme-block-success-bg);
}
.theme-block-instant-publish-panel__card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-500);
}
.theme-block-instant-publish-panel__card-head .ti {
  font-size: 16px;
  color: var(--clr-gray-400);
}
.theme-block-instant-publish-panel__card-head.is-highlight,
.theme-block-instant-publish-panel__card-head.is-highlight .ti {
  color: var(--theme-block-success-accent);
}
.theme-block-instant-publish-panel__card-value {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  color: var(--clr-black);
}
.theme-block-instant-publish-panel__card-value.is-highlight {
  color: var(--theme-block-success-text);
}
.theme-block-instant-publish-panel__card-unit {
  font-size: 14px;
  font-weight: 400;
  color: var(--clr-gray-400);
}
.theme-block-instant-publish-panel__card-unit.is-highlight {
  color: var(--theme-block-success-accent);
}
@media (max-width: 991px) {
  .theme-block-instant-publish__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .theme-block-instant-publish-panel__layout {
    max-width: 560px;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .theme-block-instant-publish-panel__layout {
    grid-template-columns: 1fr;
    max-width: none;
    gap: 32px;
  }
}
.corp-section--theme-block-page-management .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.corp-section--theme-block-page-management {
  --theme-block-brand: #534ab7;
}
.corp-section--theme-block-page-management > .container {
  max-width: var(--content-max-width);
}
.theme-block-page-management__grid {
  display: grid;
  grid-template-columns: minmax(280px, 480px) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.theme-block-page-management__header.corp-section-header {
  margin-bottom: 28px;
}
.theme-block-page-management__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.theme-block-page-management__feature-title {
  margin: 0 0 6px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--clr-black);
}
.theme-block-page-management__feature-desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--clr-gray-500);
}
.theme-block-page-management-panel {
  width: 100%;
  max-width: 480px;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  box-shadow: var(--shadow-sm);
}
.theme-block-page-management-panel__title {
  margin: 0 0 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-black);
}
.theme-block-page-management-panel__label {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-gray-400);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.theme-block-page-management-panel__label + .theme-block-page-management-panel__sections {
  margin-top: 0;
}
.theme-block-page-management-panel__pages {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.theme-block-page-management-panel__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--clr-gray-100);
  border: none;
  border-radius: var(--radius-md);
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-500);
  cursor: pointer;
  transition:
    background var(--transition),
    color var(--transition);
}
.theme-block-page-management-panel__chip .ti {
  font-size: 13px;
}
.theme-block-page-management-panel__chip.is-active {
  background: var(--theme-block-brand);
  color: var(--clr-white);
}
.theme-block-page-management-panel__sections {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
.theme-block-page-management-panel__section {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--clr-gray-100);
  border-radius: var(--radius-md);
  padding: 10px 12px;
  transition: opacity 0.25s ease;
}
.theme-block-page-management-panel__section.is-disabled {
  opacity: 0.45;
}
.theme-block-page-management-panel__section-info {
  flex: 1;
  min-width: 0;
}
.theme-block-page-management-panel__section-name {
  margin: 0;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-black);
}
.theme-block-page-management-panel__section-blocks {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
}
.theme-block-page-management-panel__toggle {
  position: relative;
  width: 32px;
  height: 18px;
  background: var(--clr-gray-300);
  border: none;
  border-radius: 9px;
  flex-shrink: 0;
  cursor: pointer;
  transition: background 0.2s ease;
}
.theme-block-page-management-panel__toggle.is-on {
  background: var(--theme-block-brand);
}
.theme-block-page-management-panel__toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--clr-white);
  transition: transform 0.2s ease;
}
.theme-block-page-management-panel__toggle.is-on .theme-block-page-management-panel__toggle-thumb {
  transform: translate(14px);
}
.theme-block-page-management-panel__delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 14px;
  color: var(--clr-gray-400);
  cursor: pointer;
  flex-shrink: 0;
}
.theme-block-page-management-panel__delete:hover {
  color: var(--clr-gray-600);
}
.theme-block-page-management-panel__add {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
  font-size: 12.5px;
  font-weight: 500;
  color: var(--clr-gray-600);
  cursor: pointer;
  transition: background var(--transition);
}
.theme-block-page-management-panel__add .ti {
  font-size: 14px;
}
.theme-block-page-management-panel__add:hover {
  background: var(--clr-gray-200);
}
@media (max-width: 991px) {
  .theme-block-page-management__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .theme-block-page-management-panel {
    max-width: 520px;
    margin-inline: auto;
    order: 2;
  }
  .theme-block-page-management__copy {
    order: 1;
  }
}
@media (max-width: 767px) {
  .theme-block-page-management-panel {
    max-width: none;
    padding: 16px;
  }
}

/* ========== orphan: homepage-editor.css ========== */
/* === css/styles/homepage-editor.css === */
/* Editör önizlemesi — AppNavbar yokken hero üst boşluğu */
.forsid-homepage #hero {
  padding-top: 80px;
}

/* Bootstrap display yardımcıları (GrapesJS tuvalinde responsive katmanlar) */
.d-none {
  display: none !important;
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-block {
    display: block !important;
  }
}

.product-card-mini .img-ph img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.product-card-mini .img-ph {
  overflow: hidden;
}

/* Demo havuzu — <template> içinde; eski div havuzu için yedek gizleme */
#vssDemoPool:not(template),
.vss-demo-pool {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  clip: rect(0, 0, 0, 0) !important;
}

template#vssDemoPool {
  display: none !important;
}

/* Tema blok yönetimi — ikon hizası (GrapesJS tuvali) */
.vss-bdd__sb-row i,
.vss-bdd__blk-icon,
.vss-bdd__blk-icon i,
.vss-bdd__grip,
.vss-bdd__sec-icon,
.vss-bdd__add i {
  flex-shrink: 0;
  line-height: 1;
}

/* ========== orphan: copilot-editor.css ========== */
/* === css/styles/copilot-editor.css === */
/* Forsid Copilot renk tokenları — wrapper seviyesinde */
.forsid-copilot {
  --copilot-accent: #534ab7;
  --copilot-accent-soft: #eeedfe;
  --copilot-user-text: #26215c;
}

/* Kurumsal sayfa iskeleti */
.corp-page {
  background: var(--clr-white);
}

.corp-section {
  padding: 100px 0;
  background: var(--clr-white);
}

.corp-section--muted {
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
}

.corp-section-header {
  margin-bottom: 56px;
}

.corp-section-header--left .section-desc {
  margin-left: 0;
}

/* Standalone / GrapesJS tuvali */
body {
  margin: 0;
  font-family: var(--font-family-base, "Geist", sans-serif);
  font-optical-sizing: auto;
  color: var(--clr-black, #0a0a0a);
  background: var(--clr-white, #fff);
}

.forsid-copilot.corp-page {
  background: var(--clr-white);
}

.forsid-copilot .corp-section--copilot-main {
  min-height: auto;
  padding-top: calc(var(--nav-height, 72px) + 48px);
  padding-bottom: 48px;
}

.forsid-homepage .forsid-copilot.corp-page .corp-section--copilot-main {
  padding-top: 48px;
}

/* ========== orphan: forsid-ai-editor.css ========== */
/* === css/styles/forsid-ai-editor.css === */
.forsid-ai {
  --forsid-ai-accent: #534ab7;
  --forsid-ai-accent-soft: #eeedfe;
  --forsid-ai-success-bg: #e1f5ee;
  --forsid-ai-success-text: #04342c;
  --forsid-ai-danger-bg: #fcebeb;
  --forsid-ai-danger-text: #501313;
}

.corp-page {
  background: var(--clr-white);
}

.corp-section {
  padding: 100px 0;
  background: var(--clr-white);
}

.corp-section--muted {
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
}

.corp-section-header {
  margin-bottom: 56px;
}

.corp-section-header--left .section-desc {
  margin-left: 0;
}

body {
  margin: 0;
  font-family: var(--font-family-base, "Geist", sans-serif);
  font-optical-sizing: auto;
  color: var(--clr-black, #0a0a0a);
  background: var(--clr-white, #fff);
}

.forsid-ai.corp-page {
  background: var(--clr-white);
}

.forsid-ai .corp-section--forsid-ai-main {
  min-height: auto;
  padding-top: calc(var(--nav-height, 72px) + 48px);
  padding-bottom: 48px;
}

.forsid-homepage .forsid-ai.corp-page .corp-section--forsid-ai-main {
  padding-top: 48px;
}

/* ========== orphan: forsid-seo-editor.css ========== */
/* === css/styles/forsid-seo-editor.css === */
.corp-page {
  background: var(--clr-white);
}

.corp-section {
  padding: 100px 0;
  background: var(--clr-white);
}

.corp-section--muted {
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
}

.corp-section-header {
  margin-bottom: 56px;
}

.corp-section-header--left .section-desc {
  margin-left: 0;
}

body {
  margin: 0;
  font-family: var(--font-family-base, "Geist", sans-serif);
  font-optical-sizing: auto;
  color: var(--clr-black, #0a0a0a);
  background: var(--clr-white, #fff);
}

.forsid-seo.corp-page {
  background: var(--clr-white);
}

.forsid-seo .corp-section--forsid-seo-main {
  min-height: auto;
  padding-top: calc(var(--nav-height, 72px) + 48px);
  padding-bottom: 48px;
}

.forsid-homepage .forsid-seo.corp-page .corp-section--forsid-seo-main {
  padding-top: 48px;
}

/* ========== orphan: forsid-site-kit-editor.css ========== */
/* === css/styles/forsid-site-kit-editor.css === */
.corp-page {
  background: var(--clr-white);
}

.corp-section {
  padding: 100px 0;
  background: var(--clr-white);
}

.corp-section--muted {
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
}

.corp-section-header {
  margin-bottom: 56px;
}

.corp-section-header--left .section-desc {
  margin-left: 0;
}

body {
  margin: 0;
  font-family: var(--font-family-base, "Geist", sans-serif);
  font-optical-sizing: auto;
  color: var(--clr-black, #0a0a0a);
  background: var(--clr-white, #fff);
}

.forsid-site-kit.corp-page {
  background: var(--clr-white);
}

.forsid-site-kit .corp-section--site-kit-main {
  min-height: auto;
  padding-top: calc(var(--nav-height, 72px) + 48px);
  padding-bottom: 48px;
}

.forsid-homepage .forsid-site-kit.corp-page .corp-section--site-kit-main {
  padding-top: 48px;
}

/* ========== orphan: live-tracking-editor.css ========== */
/* === css/styles/live-tracking-editor.css === */
/* Kurumsal sayfa iskeleti (corp-page, corp-section, corp-section-header) */
.corp-page {
  background: var(--clr-white);
}

.corp-section {
  padding: 100px 0;
  background: var(--clr-white);
}

.corp-section--muted {
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
}

.corp-section-header {
  margin-bottom: 56px;
}

.corp-section-header--left .section-desc {
  margin-left: 0;
}

/* Editör önizlemesi — navbar yokken ana bölüm */
.forsid-live-tracking .corp-section--live-tracking-main {
  min-height: auto;
  padding-top: 48px;
}

/* ========== orphan: marketing-editor.css ========== */
/* === css/styles/marketing-editor.css === */
.forsid-pazarlama {
  --marketing-brand: #534ab7;
  --marketing-brand-dark: #26215c;
  --marketing-brand-soft: #eeedfe;
  --marketing-green: #1d9e75;
  --marketing-green-soft: #e1f5ee;
  --marketing-green-text: #04342c;
  --marketing-amber-soft: #faeeda;
  --marketing-amber-text: #412402;
  --marketing-orange-soft: #faece7;
  --marketing-orange-text: #4a1b0c;
  --marketing-blue-soft: #e6f1fb;
  --marketing-blue-text: #042c53;
  --paz-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --paz-ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
}

.forsid-pazarlama.corp-page {
  background: var(--clr-white);
}

/* ========== orphan: payment-orchestration-editor.css ========== */
/* === css/styles/payment-orchestration-editor.css === */
/* Ödeme orkestrasyonu renk tokenları — wrapper seviyesinde (GrapesJS class kaybına karşı) */
.forsid-odeme-orkestrasyonu {
  --payment-card-bg: #26215c;
  --payment-card-accent: #7f77dd;
  --payment-card-muted: #afaaec;
  --payment-card-icon: #cecaf6;
  --payment-pos-bg: #eeedfe;
  --payment-pos-text: #534ab7;
  --payment-savings: #0f6e56;
}

/* Kurumsal sayfa iskeleti */
.corp-page {
  background: var(--clr-white);
}

.corp-section {
  padding: 100px 0;
  background: var(--clr-white);
}

.corp-section--muted {
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
}

.corp-section-header {
  margin-bottom: 56px;
}

.corp-section-header--left .section-desc {
  margin-left: 0;
}

.payment-orchestration-integrations__stats {
  padding: 0;
}

/* Standalone / GrapesJS tuvali */
.forsid-odeme-orkestrasyonu.corp-page {
  background: var(--clr-white);
}

.forsid-odeme-orkestrasyonu .corp-section--payment-orchestration-main {
  min-height: auto;
  padding-top: calc(var(--nav-height, 72px) + 48px);
  padding-bottom: 48px;
}

/* ========== orphan: product-types-editor.css ========== */
/* === css/styles/product-types-editor.css === */
.corp-page {
  background: var(--clr-white);
}

.corp-section {
  padding: 100px 0;
  background: var(--clr-white);
}

.corp-section--muted {
  background: var(--clr-gray-50);
  border-top: 1px solid var(--clr-gray-100);
}

.corp-section-header {
  margin-bottom: 56px;
}

.corp-section-header--left .section-desc {
  margin-left: 0;
}

body {
  margin: 0;
  font-family: var(--font-family-base, "Geist", sans-serif);
  font-optical-sizing: auto;
  color: var(--clr-black, #0a0a0a);
  background: var(--clr-white, #fff);
}

.forsid-urun-tipleri.corp-page {
  background: var(--clr-white);
}

.forsid-urun-tipleri .corp-section--product-types-main {
  min-height: auto;
  padding-top: 48px;
}

.forsid-homepage .forsid-urun-tipleri .corp-section--product-types-main {
  padding-top: 48px;
}

/* ========== orphan: statistics-editor.css ========== */
/* === css/styles/sections/statistics/main.css === */
/* İstatistikler sayfası — GrapesJS / editör uyumlu BEM sınıfları */

.forsid-istatistik .sr-only,
.forsid-istatistik .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.forsid-istatistik button {
  font-family: var(--font-family-base, "Geist", sans-serif);
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0;
}

/* ─── Sayfa düzeni (kurumsal özellik sayfaları ile uyumlu) ─── */

.corp-section--statistics-main {
  min-height: calc(100svh - var(--nav-height));
  padding-top: 72px;
  padding-bottom: 48px;
}

.corp-section--statistics-main > .container {
  max-width: var(--content-max-width);
}

.corp-section--statistics-main .corp-section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 32px;
}

.corp-section--statistics-main .corp-section-header .section-desc {
  max-width: 640px;
}

.corp-section--statistics-split > .container {
  max-width: var(--content-max-width);
}

.statistics-split__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 1.05fr);
  gap: 48px;
  align-items: center;
}

.statistics-split__grid--reverse > .statistics-split__visual {
  order: -1;
}

.statistics-split__header.corp-section-header {
  margin-bottom: 0;
}

.statistics-feature-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.statistics-feature-tags__item {
  font-size: 10.5px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: var(--radius-md);
  background: var(--clr-gray-100);
  color: var(--clr-gray-600);
}

/* ─── Hero rapor kartları ─── */

.statistics-report-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  max-width: 800px;
  margin: 0 auto;
}

.statistics-report-card {
  position: relative;
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 18px;
  box-shadow: var(--shadow-sm);
  transition:
    transform 0.25s var(--ist-ease-out),
    box-shadow 0.25s var(--ist-ease-out),
    border-color 0.25s ease;
}

.statistics-report-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(26, 23, 48, 0.08);
  border-color: var(--ist-accent-soft);
}

.statistics-report-card__icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  font-size: 20px;
  transition: transform 0.35s var(--ist-ease-spring);
}

.statistics-report-card:hover .statistics-report-card__icon {
  transform: scale(1.08);
}

.statistics-report-card__icon--analytics {
  background: var(--ist-blue-soft);
  color: var(--ist-blue-text);
}
.statistics-report-card__icon--sales {
  background: var(--ist-green-soft);
  color: var(--ist-green-text);
}
.statistics-report-card__icon--product {
  background: var(--ist-amber-soft);
  color: var(--ist-amber-text);
}
.statistics-report-card__icon--conversion {
  background: var(--ist-accent-soft);
  color: var(--ist-purple-text);
}
.statistics-report-card__icon--customer {
  background: var(--ist-orange-soft);
  color: var(--ist-orange-text);
}
.statistics-report-card__icon--search {
  background: var(--ist-neutral-soft);
  color: var(--ist-neutral-text);
}

.statistics-report-card__title {
  margin: 0 0 6px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
}

.statistics-report-card__desc {
  margin: 0;
  font-size: 11.5px;
  color: var(--clr-gray-500);
  line-height: 1.55;
}

/* ─── Animasyonlar ─── */

@keyframes ist-live-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.35);
  }
}

.ist-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.65s var(--ist-ease-out),
    transform 0.65s var(--ist-ease-out);
  transition-delay: var(--ist-delay, 0ms);
}

.ist-reveal.ist-is-visible {
  opacity: 1;
  transform: translateY(0);
}

.ist-panel {
  transition:
    box-shadow 0.5s var(--ist-ease-out),
    transform 0.5s var(--ist-ease-out);
}

.ist-panel.ist-is-visible {
  box-shadow: 0 12px 40px rgba(26, 23, 48, 0.06);
}

.ist-panel.ist-is-refreshing .ist-kpi-grid,
.ist-panel.ist-is-refreshing .ist-source-list,
.ist-panel.ist-is-refreshing .ist-funnel,
.ist-panel.ist-is-refreshing .ist-customer-split,
.ist-panel.ist-is-refreshing .ist-search-columns,
.ist-panel.ist-is-refreshing .ist-stock-row {
  opacity: 0.4;
  transition: opacity 0.2s ease;
}

.ist-live-badge__dot {
  animation: ist-live-pulse 2s ease-in-out infinite;
}

.ist-kpi-tile {
  transition: transform 0.3s var(--ist-ease-out);
}

.ist-panel.ist-is-animated .ist-kpi-tile:hover {
  transform: translateY(-2px);
}

.ist-kpi-tile__value {
  font-variant-numeric: tabular-nums;
}

.ist-source-row__bar-fill {
  width: 0 !important;
  transition: width 1.1s var(--ist-ease-out);
  transition-delay: var(--ist-bar-delay, 0ms);
}

.ist-panel.ist-is-animated .ist-source-row__bar-fill {
  width: var(--ist-bar-width, 0) !important;
}

.ist-funnel__bar {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.75s var(--ist-ease-out);
  transition-delay: var(--ist-funnel-delay, 0ms);
}

.ist-panel.ist-is-animated .ist-funnel__bar {
  transform: scaleX(1);
}

.ist-funnel__drop {
  opacity: 0;
  transform: translateX(-8px);
  transition:
    opacity 0.4s ease,
    transform 0.4s var(--ist-ease-out);
  transition-delay: var(--ist-funnel-delay, 0ms);
}

.ist-panel.ist-is-animated .ist-funnel__drop {
  opacity: 1;
  transform: translateX(0);
}

.ist-donut__segment {
  stroke-dashoffset: 100.5;
  transition: stroke-dashoffset 1.2s var(--ist-ease-out);
  transition-delay: var(--ist-donut-delay, 0ms);
}

.ist-panel.ist-is-animated .ist-donut__segment {
  stroke-dashoffset: var(--ist-donut-offset, 25.1);
}

.ist-legend__row {
  opacity: 0;
  transform: translateX(-10px);
  transition:
    opacity 0.45s ease,
    transform 0.45s var(--ist-ease-out);
  transition-delay: var(--ist-legend-delay, 0ms);
}

.ist-panel.ist-is-animated .ist-legend__row {
  opacity: 1;
  transform: translateX(0);
}

.ist-stock-tile {
  transform: scale(0.92);
  opacity: 0;
  transition:
    transform 0.45s var(--ist-ease-spring),
    opacity 0.45s ease;
  transition-delay: var(--ist-stock-delay, 0ms);
}

.ist-panel.ist-is-animated .ist-stock-tile {
  transform: scale(1);
  opacity: 1;
}

.ist-term-row {
  opacity: 0;
  transform: translateX(-12px);
  transition:
    opacity 0.4s ease,
    transform 0.4s var(--ist-ease-out);
  transition-delay: var(--ist-term-delay, 0ms);
}

.ist-panel.ist-is-animated .ist-term-row {
  opacity: 1;
  transform: translateX(0);
}

.ist-empty-term {
  opacity: 0;
  transform: scale(0.8);
  transition:
    opacity 0.35s ease,
    transform 0.35s var(--ist-ease-spring);
  transition-delay: var(--ist-empty-delay, 0ms);
}

.ist-panel.ist-is-animated .ist-empty-term {
  opacity: 1;
  transform: scale(1);
}

.ist-period-tab {
  transition:
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s var(--ist-ease-spring);
}

.ist-period-tab:active {
  transform: scale(0.95);
}

@media (prefers-reduced-motion: reduce) {
  .ist-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .statistics-report-card:hover {
    transform: none;
    box-shadow: var(--shadow-sm);
  }

  .ist-live-badge__dot {
    animation: none;
  }

  .ist-source-row__bar-fill,
  .ist-funnel__bar,
  .ist-funnel__drop,
  .ist-donut__segment,
  .ist-legend__row,
  .ist-stock-tile,
  .ist-term-row,
  .ist-empty-term {
    opacity: 1;
    transform: none;
    transition: none;
    width: var(--ist-bar-width, auto) !important;
    stroke-dashoffset: var(--ist-donut-offset, 0);
  }

  .ist-funnel__bar {
    transform: scaleX(1);
  }
}

/* ─── Demo panelleri ─── */

#ist-analytics .statistics-split__visual .ist-panel {
  min-height: 420px;
}
#ist-sales .statistics-split__visual .ist-panel {
  min-height: 340px;
}
#ist-product .statistics-split__visual .ist-panel {
  min-height: 400px;
}
#ist-conversion .statistics-split__visual .ist-panel {
  min-height: 460px;
}
#ist-customer .statistics-split__visual .ist-panel {
  min-height: 400px;
}
#ist-search .statistics-split__visual .ist-panel {
  min-height: 420px;
}

.ist-panel {
  background: var(--clr-white);
  border: 0.5px solid var(--clr-gray-200);
  border-radius: var(--radius-lg);
  padding: 22px;
  width: 100%;
  box-shadow: var(--shadow-sm);
}

.ist-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 12px;
  flex-wrap: wrap;
}

.ist-panel__title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ist-panel__title {
  margin: 0;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--clr-gray-900);
}

.ist-panel__title-icon {
  font-size: 16px;
  color: var(--ist-accent);
}

.ist-live-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: var(--ist-green-label);
  background: var(--ist-green-soft);
  padding: 2px 8px;
  border-radius: var(--radius-md);
}

.ist-live-badge__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--ist-green);
  display: inline-block;
}

.ist-period-tabs {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.ist-period-tab {
  font-size: 11px;
  font-weight: 500;
  color: var(--clr-gray-500);
  background: var(--clr-gray-50);
  padding: 5px 10px;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.ist-period-tab:hover:not(.ist-period-tab--active) {
  background: var(--clr-gray-100);
}

.ist-period-tab--active {
  background: var(--ist-accent);
  color: #ffffff;
}

.ist-subsection-title {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-500);
}

.ist-subsection-title__hint {
  color: var(--clr-gray-400);
  font-weight: 400;
}

.ist-subsection-title__warn {
  color: var(--ist-red);
  font-weight: 500;
}

/* ─── KPI kartları ─── */

.ist-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}

.ist-kpi-grid--cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.ist-kpi-grid--no-margin {
  margin-bottom: 0;
}

.ist-kpi-tile {
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 12px;
}

.ist-kpi-tile--warn {
  background: var(--ist-amber-soft);
}

.ist-kpi-tile__label {
  margin: 0 0 4px;
  font-size: 10.5px;
  color: var(--clr-gray-400);
}

.ist-kpi-tile--warn .ist-kpi-tile__label {
  color: var(--ist-amber-label);
}

.ist-kpi-tile__value {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--clr-gray-900);
}

.ist-kpi-tile--warn .ist-kpi-tile__value {
  color: var(--ist-amber-text);
}

.ist-kpi-tile__delta {
  font-size: 10.5px;
  font-weight: 500;
}

.ist-kpi-tile__delta--down {
  color: var(--ist-red);
}
.ist-kpi-tile__delta--up {
  color: var(--ist-green-label);
}

.ist-kpi-tile__note {
  font-size: 10px;
  font-weight: 500;
  color: var(--ist-amber-label);
}

.ist-kpi-tile__note--muted {
  color: var(--clr-gray-400);
}

/* ─── Trafik kaynakları ─── */

.ist-source-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ist-source-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ist-source-row__icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  flex-shrink: 0;
}

.ist-source-row__icon--google {
  background: var(--ist-amber-soft);
  color: var(--ist-amber-text);
}
.ist-source-row__icon--direct {
  background: var(--clr-gray-50);
  color: var(--clr-gray-400);
}
.ist-source-row__icon--facebook {
  background: var(--ist-blue-soft);
  color: var(--ist-blue-text);
}

.ist-source-row__name {
  font-size: 12px;
  color: var(--clr-gray-900);
  width: 110px;
  flex-shrink: 0;
}

.ist-source-row__bar {
  flex: 1;
  height: 6px;
  background: var(--clr-gray-50);
  border-radius: 3px;
  overflow: hidden;
}

.ist-source-row__bar-fill {
  display: block;
  height: 100%;
  background: var(--ist-accent);
  border-radius: 3px;
}

.ist-source-row__count {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--clr-gray-500);
  width: 24px;
  text-align: right;
  flex-shrink: 0;
}

/* ─── Stok sağlığı ─── */

.ist-stock-row {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}

.ist-stock-tile {
  flex: 1;
  border-radius: var(--radius-md);
  padding: 12px;
  text-align: center;
}

.ist-stock-tile--healthy {
  background: var(--ist-green-soft);
}
.ist-stock-tile--critical {
  background: var(--ist-amber-soft);
}
.ist-stock-tile--out {
  background: var(--ist-red-soft);
}

.ist-stock-tile__value {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.ist-stock-tile--healthy .ist-stock-tile__value {
  color: var(--ist-green-text);
}
.ist-stock-tile--critical .ist-stock-tile__value {
  color: var(--ist-amber-text);
}
.ist-stock-tile--out .ist-stock-tile__value {
  color: var(--ist-red-text);
}

.ist-stock-tile__label {
  margin: 2px 0 0;
  font-size: 10.5px;
}

.ist-stock-tile--healthy .ist-stock-tile__label {
  color: var(--ist-green-label);
}
.ist-stock-tile--critical .ist-stock-tile__label {
  color: var(--ist-amber-label);
}
.ist-stock-tile--out .ist-stock-tile__label {
  color: var(--ist-red);
}

.ist-stock-footnote {
  margin: 0;
  font-size: 11px;
  color: var(--clr-gray-400);
}

/* ─── Dönüşüm hunisi ─── */

.ist-funnel {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ist-funnel__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border-radius: var(--radius-md);
  margin-bottom: 4px;
}

.ist-funnel__bar--step-1 {
  background: var(--ist-accent);
}
.ist-funnel__bar--step-2 {
  background: var(--ist-accent-mid);
}
.ist-funnel__bar--step-3 {
  background: var(--ist-accent-light);
}
.ist-funnel__bar--step-4 {
  background: var(--ist-accent-pale);
}

.ist-funnel__label {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
}

.ist-funnel__bar--step-4 .ist-funnel__label {
  color: var(--ist-purple-text);
}

.ist-funnel__value {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
}

.ist-funnel__bar--step-4 .ist-funnel__value {
  color: var(--ist-purple-text);
}

.ist-funnel__drop {
  font-size: 10.5px;
  color: var(--ist-red);
  margin: 2px 0 8px 14px;
}

/* ─── Müşteri tipi dağılımı ─── */

.ist-customer-split {
  display: flex;
  align-items: center;
  gap: 20px;
}

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

.ist-legend {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.ist-legend__row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ist-legend__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

.ist-legend__dot--new {
  background: var(--ist-accent);
}
.ist-legend__dot--repeat {
  background: var(--clr-gray-300);
}
.ist-legend__dot--guest {
  background: #d85a30;
}

.ist-legend__label {
  font-size: 12px;
  color: var(--clr-gray-900);
  flex: 1;
}

.ist-legend__value {
  font-size: 12px;
  font-weight: 500;
  color: var(--clr-gray-900);
}

/* ─── Arama raporu ─── */

.ist-search-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.ist-term-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.ist-term-row {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--clr-gray-50);
  border-radius: var(--radius-md);
  padding: 6px 10px;
  font-size: 11.5px;
}

.ist-term-row__rank {
  color: var(--clr-gray-400);
  width: 14px;
}

.ist-term-row__name {
  flex: 1;
  color: var(--clr-gray-900);
  font-weight: 500;
}

.ist-term-row__count {
  color: var(--clr-gray-400);
}

.ist-term-row__clicks {
  font-size: 10.5px;
  width: 28px;
  text-align: right;
  color: var(--ist-red);
}

.ist-term-row__clicks--success {
  color: var(--ist-green-label);
}

.ist-empty-terms {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ist-empty-term {
  font-size: 11px;
  font-weight: 500;
  color: var(--ist-red-text);
  background: var(--ist-red-soft);
  padding: 4px 9px;
  border-radius: var(--radius-md);
}

.ist-empty-terms__hint {
  margin: 10px 0 0;
  font-size: 11px;
  color: var(--clr-gray-400);
  line-height: 1.5;
}

/* ─── Responsive ─── */

@media (max-width: 900px) {
  .statistics-split__grid {
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: start;
  }

  .statistics-split__grid--reverse > .statistics-split__visual {
    order: unset;
  }

  #ist-analytics .statistics-split__visual .ist-panel,
  #ist-sales .statistics-split__visual .ist-panel,
  #ist-product .statistics-split__visual .ist-panel,
  #ist-conversion .statistics-split__visual .ist-panel,
  #ist-customer .statistics-split__visual .ist-panel,
  #ist-search .statistics-split__visual .ist-panel {
    min-height: 0;
  }
}

@media (max-width: 768px) {
  .statistics-report-grid,
  .ist-kpi-grid,
  .ist-kpi-grid--cols-4 {
    grid-template-columns: 1fr;
  }

  .ist-search-columns {
    grid-template-columns: 1fr;
  }

  .ist-customer-split {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* === css/styles/statistics-editor.css === */
.forsid-istatistik {
  --ist-accent: #534ab7;
  --ist-accent-soft: #eeedfe;
  --ist-accent-mid: #7a6fd1;
  --ist-accent-light: #9f97de;
  --ist-accent-pale: #c4bfe9;
  --ist-green: #1d9e75;
  --ist-green-soft: #e1f5ee;
  --ist-green-text: #04342c;
  --ist-green-label: #0f6e56;
  --ist-amber-soft: #faeeda;
  --ist-amber-text: #412402;
  --ist-amber-label: #854f0b;
  --ist-orange-soft: #faece7;
  --ist-orange-text: #4a1b0c;
  --ist-blue-soft: #e6f1fb;
  --ist-blue-text: #042c53;
  --ist-purple-text: #26215c;
  --ist-red: #a32d2d;
  --ist-red-soft: #fcebeb;
  --ist-red-text: #501313;
  --ist-neutral-soft: #f1efe8;
  --ist-neutral-text: #5c5c4a;
  --ist-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ist-ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
}

.forsid-istatistik.corp-page {
  background: var(--clr-white);
}

/* ========== orphan: theme-block-editor.css ========== */
/* === css/styles/theme-block-editor.css === */
.forsid-tema {
  --theme-block-brand: #534ab7;
  --theme-block-brand-dark: #26215c;
  --theme-block-brand-soft: #eeedfe;
  --theme-block-teal-soft: #e1f5ee;
  --theme-block-teal-dark: #04342c;
}

.forsid-tema.corp-page {
  background: var(--clr-white);
}

.forsid-tema .sr-only,
.forsid-tema .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.pricing-comparison-value--check .bi {
  color: #15803d;
  font-size: 1.125rem;
}
.pricing-comparison-value__dash {
  color: var(--clr-gray-400);
  font-weight: 600;
  font-size: 1rem;
}
.pricing-comparison-value__badge--optional {
  background: #f59e0b1a;
  color: #b45309;
}

.pricing-comparison-category {
  padding: 24px 4px 12px;
  border-bottom: 1px solid var(--clr-gray-200);
  margin-bottom: 6px;
}
.pricing-comparison__rows > .pricing-comparison-category:first-child,
.pricing-comparison-mobile__features > .pricing-comparison-category:first-child {
  padding-top: 6px;
}
.pricing-comparison-category__title {
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--clr-gray-900);
}