:root {
      /* Layout tokens */
      --wlcms-layout-max: 1240px;
      --wlcms-layout-reading: 760px;
      --wlcms-header-height: 76px;

      /* Spacing tokens */
      --wlcms-space-1: 4px;
      --wlcms-space-2: 8px;
      --wlcms-space-3: 12px;
      --wlcms-space-4: 16px;
      --wlcms-space-5: 20px;
      --wlcms-space-6: 24px;
      --wlcms-space-7: 32px;
      --wlcms-space-8: 40px;
      --wlcms-space-9: 48px;
      --wlcms-space-10: 64px;
      --wlcms-space-11: 80px;
      --wlcms-space-12: 96px;

      /* Color tokens */
      --wlcms-color-bg: #f7f8fc;
      --wlcms-color-surface: #ffffff;
      --wlcms-color-surface-subtle: #f3f4f8;
      --wlcms-color-surface-brand: #f5f3ff;
      --wlcms-color-text: #111827;
      --wlcms-color-text-soft: #475467;
      --wlcms-color-text-muted: #667085;
      --wlcms-color-border: #e4e7ec;
      --wlcms-color-border-strong: #d0d5dd;
      --wlcms-color-brand: #6757e8;
      --wlcms-color-brand-dark: #4f42c9;
      --wlcms-color-brand-soft: #eeebff;
      --wlcms-color-success: #067647;
      --wlcms-color-success-soft: #ecfdf3;
      --wlcms-color-navy: #111827;
      --wlcms-color-navy-soft: #1d2939;
      --wlcms-color-white: #ffffff;
      --wlcms-color-sidebar: #fbfbfd;
      --wlcms-color-preview-bg: #f8f9fc;
      --wlcms-color-preview-menu: #23282d;
      --wlcms-color-brand-border: #d9d4ff;
      --wlcms-color-pro-border: #cbc4ff;
      --wlcms-color-dark-muted: #cfd4dc;

      /* Typography tokens */
      --wlcms-font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --wlcms-font-size-xs: 12px;
      --wlcms-font-size-sm: 14px;
      --wlcms-font-size-md: 16px;
      --wlcms-font-size-lg: 18px;
      --wlcms-font-size-xl: 22px;
      --wlcms-font-size-2xl: 32px;
      --wlcms-font-size-3xl: clamp(40px, 5.2vw, 72px);
      --wlcms-line-tight: 1.08;
      --wlcms-line-normal: 1.55;

      /* Shape tokens */
      --wlcms-radius-sm: 10px;
      --wlcms-radius-md: 14px;
      --wlcms-radius-lg: 20px;
      --wlcms-radius-xl: 28px;
      --wlcms-radius-pill: 999px;

      /* Shadow tokens */
      --wlcms-shadow-sm: 0 8px 24px rgba(16, 24, 40, 0.06);
      --wlcms-shadow-md: 0 18px 52px rgba(16, 24, 40, 0.10);
      --wlcms-shadow-brand: 0 18px 44px rgba(103, 87, 232, 0.22);

      /* Motion tokens */
      --wlcms-motion-fast: 160ms;
      --wlcms-motion-normal: 260ms;
      --wlcms-ease: cubic-bezier(.2,.7,.2,1);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: var(--wlcms-font-family);
      color: var(--wlcms-color-text);
      background: var(--wlcms-color-bg);
      line-height: var(--wlcms-line-normal);
      -webkit-font-smoothing: antialiased;
    }
    img { max-width: 100%; display: block; }
    a { color: inherit; }
    button, input, select { font: inherit; }
    button { cursor: pointer; }
    :focus-visible {
      outline: 3px solid var(--wlcms-color-brand-soft);
      outline-offset: 3px;
    }

    .wlcms_shell {
      min-height: 100vh;
      overflow: clip;
    }

    .wlcms_container {
      width: min(var(--wlcms-layout-max), calc(100% - 48px));
      margin-inline: auto;
    }

    .wlcms_header {
      position: sticky;
      top: 0;
      z-index: 30;
      min-height: var(--wlcms-header-height);
      border-bottom: 1px solid color-mix(in srgb, var(--wlcms-color-border) 86%, transparent);
      background: color-mix(in srgb, var(--wlcms-color-bg) 92%, transparent);
      backdrop-filter: blur(18px);
    }
    .wlcms_header__inner {
      min-height: var(--wlcms-header-height);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--wlcms-space-6);
    }
    .wlcms_brand {
      display: inline-flex;
      align-items: center;
      gap: var(--wlcms-space-3);
      text-decoration: none;
      flex: 0 0 auto;
    }
    .wlcms_brand__logo {
      width: 48px;
      height: auto;
    }
    .wlcms_brand__text {
      display: grid;
      gap: 1px;
    }
    .wlcms_brand__name {
      font-weight: 850;
      letter-spacing: -.02em;
      font-size: 18px;
    }
    .wlcms_brand__tagline {
      color: var(--wlcms-color-text-muted);
      font-size: 11px;
    }
    .wlcms_nav {
      display: flex;
      align-items: center;
      gap: var(--wlcms-space-6);
    }
    .wlcms_nav__link {
      color: var(--wlcms-color-text-soft);
      font-size: var(--wlcms-font-size-sm);
      font-weight: 720;
      text-decoration: none;
      transition: color var(--wlcms-motion-fast) var(--wlcms-ease);
    }
    .wlcms_nav__link:hover { color: var(--wlcms-color-text); }
    .wlcms_header__actions {
      display: flex;
      align-items: center;
      gap: var(--wlcms-space-3);
    }
    .wlcms_menu-toggle {
      display: none;
      width: 42px;
      height: 42px;
      border: 1px solid var(--wlcms-color-border);
      border-radius: var(--wlcms-radius-sm);
      background: var(--wlcms-color-surface);
      color: var(--wlcms-color-text);
      align-items: center;
      justify-content: center;
    }

    .wlcms_button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--wlcms-space-2);
      min-height: 46px;
      padding: 0 20px;
      border: 1px solid var(--wlcms-color-border-strong);
      border-radius: var(--wlcms-radius-sm);
      background: var(--wlcms-color-surface);
      color: var(--wlcms-color-text);
      font-weight: 820;
      font-size: var(--wlcms-font-size-sm);
      text-decoration: none;
      white-space: nowrap;
      inline-size: max-content;
      max-inline-size: 100%;
      transition:
        transform var(--wlcms-motion-fast) var(--wlcms-ease),
        box-shadow var(--wlcms-motion-fast) var(--wlcms-ease),
        border-color var(--wlcms-motion-fast) var(--wlcms-ease);
    }
    .wlcms_button:hover {
      transform: translateY(-1px);
      box-shadow: var(--wlcms-shadow-sm);
    }
    .wlcms_button--primary {
      border-color: var(--wlcms-color-brand);
      background: var(--wlcms-color-brand);
      color: var(--wlcms-color-white);
      box-shadow: var(--wlcms-shadow-brand);
    }
    .wlcms_button--dark {
      border-color: var(--wlcms-color-navy);
      background: var(--wlcms-color-navy);
      color: var(--wlcms-color-white);
    }
    .wlcms_button--ghost {
      background: transparent;
    }

    .wlcms_section {
      padding-block: var(--wlcms-space-11);
    }
    .wlcms_section--tight {
      padding-block: var(--wlcms-space-10);
    }
    .wlcms_section--surface {
      background: var(--wlcms-color-surface);
    }
    .wlcms_section--dark {
      background: var(--wlcms-color-navy);
      color: var(--wlcms-color-white);
    }

    .wlcms_eyebrow {
      margin: 0 0 var(--wlcms-space-3);
      color: var(--wlcms-color-brand);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .wlcms_heading {
      margin: 0;
      letter-spacing: -.045em;
      line-height: var(--wlcms-line-tight);
    }
    .wlcms_heading--hero {
      font-size: var(--wlcms-font-size-3xl);
      max-width: 820px;
    }
    .wlcms_heading--section {
      font-size: clamp(32px, 4vw, 48px);
      max-width: 800px;
    }
    .wlcms_lead {
      max-width: var(--wlcms-layout-reading);
      margin: var(--wlcms-space-5) 0 0;
      color: var(--wlcms-color-text-soft);
      font-size: clamp(17px, 1.8vw, 20px);
      line-height: 1.65;
    }
    .wlcms_section--dark .wlcms_lead {
      color: #d0d5dd;
    }

    .wlcms_hero {
      padding-block: 88px 72px;
      background:
        radial-gradient(circle at 86% 18%, rgba(103,87,232,.18), transparent 28%),
        linear-gradient(180deg, var(--wlcms-color-surface) 0%, var(--wlcms-color-bg) 100%);
    }
    .wlcms_hero__grid {
      display: grid;
      grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
      align-items: center;
      gap: var(--wlcms-space-9);
    }
    .wlcms_hero__actions {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: var(--wlcms-space-3);
      margin-top: var(--wlcms-space-7);
    }
    .wlcms_hero__note {
      margin-top: var(--wlcms-space-4);
      color: var(--wlcms-color-text-muted);
      font-size: var(--wlcms-font-size-xs);
    }

    .wlcms_product {
      border: 1px solid var(--wlcms-color-border);
      border-radius: var(--wlcms-radius-xl);
      background: var(--wlcms-color-surface);
      box-shadow: var(--wlcms-shadow-md);
      overflow: hidden;
    }
    .wlcms_product__chrome {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 16px;
      border-bottom: 1px solid var(--wlcms-color-border);
      background: var(--wlcms-color-surface-subtle);
    }
    .wlcms_product__dots {
      display: flex;
      gap: 6px;
    }
    .wlcms_product__dot {
      width: 8px;
      height: 8px;
      border-radius: var(--wlcms-radius-pill);
      background: var(--wlcms-color-border-strong);
    }

    .wlcms_product__chrome-label {
      color: var(--wlcms-color-text-muted);
      font-size: 10px;
      font-weight: 800;
    }

    .wlcms_product__body {
      display: grid;
      grid-template-columns: 180px 1fr;
      min-height: 450px;
    }
    .wlcms_product__sidebar {
      padding: var(--wlcms-space-5);
      border-right: 1px solid var(--wlcms-color-border);
      background: var(--wlcms-color-sidebar);
    }
    .wlcms_product__side-title {
      margin-bottom: var(--wlcms-space-5);
      font-size: 12px;
      font-weight: 900;
    }
    .wlcms_product__side-group {
      margin-top: var(--wlcms-space-4);
    }
    .wlcms_product__side-label {
      margin-bottom: var(--wlcms-space-2);
      color: var(--wlcms-color-text-muted);
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .wlcms_product__side-item {
      padding: 8px 10px;
      border-radius: 8px;
      color: var(--wlcms-color-text-soft);
      font-size: 10px;
      font-weight: 760;
    }
    .wlcms_product__side-item--active {
      background: var(--wlcms-color-brand-soft);
      color: var(--wlcms-color-brand-dark);
    }
    .wlcms_product__main {
      padding: var(--wlcms-space-6);
      min-width: 0;
    }

    .wlcms_tabs {
      display: flex;
      gap: 7px;
      overflow-x: auto;
      padding-bottom: 2px;
      scrollbar-width: none;
    }
    .wlcms_tabs::-webkit-scrollbar { display: none; }
    .wlcms_tabs__button {
      flex: 0 0 auto;
      padding: 8px 10px;
      border: 1px solid transparent;
      border-radius: 8px;
      background: transparent;
      color: var(--wlcms-color-text-muted);
      font-size: 10px;
      font-weight: 850;
    }
    .wlcms_tabs__button--active {
      border-color: var(--wlcms-color-brand-border);
      background: var(--wlcms-color-brand-soft);
      color: var(--wlcms-color-brand-dark);
    }
    .wlcms_tabs__progress {
      height: 2px;
      margin: 10px 0 20px;
      overflow: hidden;
      border-radius: var(--wlcms-radius-pill);
      background: var(--wlcms-color-border);
    }
    .wlcms_tabs__progress-bar {
      width: 20%;
      height: 100%;
      background: var(--wlcms-color-brand);
      transition: transform var(--wlcms-motion-normal) var(--wlcms-ease);
      transform-origin: left center;
    }
    .wlcms_module {
      display: none;
      animation: wlcms_module_in var(--wlcms-motion-normal) var(--wlcms-ease);
    }
    .wlcms_module--active { display: block; }
    @keyframes wlcms_module_in {
      from { opacity: 0; transform: translateY(8px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .wlcms_module__title {
      margin: 0 0 4px;
      font-size: 18px;
      letter-spacing: -.025em;
    }
    .wlcms_module__desc {
      margin: 0 0 18px;
      color: var(--wlcms-color-text-muted);
      font-size: 11px;
    }
    .wlcms_module__panel {
      display: grid;
      gap: 9px;
    }
    .wlcms_setting {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: var(--wlcms-space-4);
      padding: 12px;
      border: 1px solid var(--wlcms-color-border);
      border-radius: 10px;
    }
    .wlcms_setting__label {
      font-size: 11px;
      font-weight: 800;
    }
    .wlcms_setting__help {
      margin-top: 2px;
      color: var(--wlcms-color-text-muted);
      font-size: 9px;
    }
    .wlcms_toggle {
      width: 36px;
      height: 20px;
      padding: 2px;
      border-radius: var(--wlcms-radius-pill);
      background: var(--wlcms-color-brand);
      display: flex;
      justify-content: flex-end;
    }
    .wlcms_toggle::after {
      content: "";
      width: 16px;
      height: 16px;
      border-radius: var(--wlcms-radius-pill);
      background: var(--wlcms-color-white);
      box-shadow: 0 2px 5px rgba(16,24,40,.16);
    }

    .wlcms_feature-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--wlcms-space-4);
      margin-top: var(--wlcms-space-8);
    }
    .wlcms_feature-card {
      min-height: 220px;
      padding: var(--wlcms-space-6);
      border: 1px solid var(--wlcms-color-border);
      border-radius: var(--wlcms-radius-lg);
      background: var(--wlcms-color-surface);
      box-shadow: var(--wlcms-shadow-sm);
    }
    .wlcms_feature-card__number {
      display: inline-flex;
      margin-bottom: var(--wlcms-space-5);
      color: var(--wlcms-color-brand);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .08em;
    }
    .wlcms_feature-card__title {
      margin: 0 0 var(--wlcms-space-2);
      font-size: 18px;
      letter-spacing: -.02em;
    }
    .wlcms_feature-card__text {
      margin: 0;
      color: var(--wlcms-color-text-muted);
      font-size: 13px;
      line-height: 1.6;
    }

    .wlcms_pro {
      display: grid;
      grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
      gap: var(--wlcms-space-9);
      align-items: center;
    }
    .wlcms_pro-list {
      display: grid;
      gap: var(--wlcms-space-4);
      margin-top: var(--wlcms-space-7);
    }
    .wlcms_pro-list__item {
      display: grid;
      grid-template-columns: 42px 1fr;
      gap: var(--wlcms-space-3);
      align-items: start;
    }
    .wlcms_pro-list__index {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      background: rgba(255,255,255,.09);
      font-size: 12px;
      font-weight: 900;
    }
    .wlcms_pro-list__title {
      display: block;
      margin-bottom: 2px;
      font-size: 15px;
    }
    .wlcms_pro-list__text {
      color: var(--wlcms-color-dark-muted);
      font-size: 12px;
      line-height: 1.55;
    }

    .wlcms_pro-preview {
      overflow: hidden;
      border-radius: var(--wlcms-radius-lg);
      background: var(--wlcms-color-surface);
      color: var(--wlcms-color-text);
      box-shadow: 0 26px 70px rgba(0,0,0,.28);
    }
    .wlcms_pro-preview__body {
      display: grid;
      grid-template-columns: 170px 1fr;
      min-height: 460px;
    }
    .wlcms_pro-preview__sidebar {
      padding: 18px 14px;
      border-right: 1px solid var(--wlcms-color-border);
    }
    .wlcms_pro-preview__brand {
      margin-bottom: 18px;
      font-size: 12px;
      font-weight: 900;
    }
    .wlcms_pro-preview__label {
      margin: 15px 8px 6px;
      color: var(--wlcms-color-text-muted);
      font-size: 8px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .wlcms_pro-preview__nav-item {
      padding: 7px 8px;
      border-radius: 7px;
      color: var(--wlcms-color-text-soft);
      font-size: 9px;
      font-weight: 760;
    }
    .wlcms_pro-preview__nav-item--active {
      background: var(--wlcms-color-brand-soft);
      color: var(--wlcms-color-brand-dark);
    }
    .wlcms_pro-preview__content {
      padding: 24px;
      background: var(--wlcms-color-preview-bg);
    }
    .wlcms_pro-preview__heading {
      margin: 0 0 5px;
      font-size: 19px;
    }
    .wlcms_pro-preview__copy {
      margin: 0 0 18px;
      color: var(--wlcms-color-text-muted);
      font-size: 10px;
    }
    .wlcms_pro-preview__stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 9px;
      margin-bottom: 14px;
    }
    .wlcms_pro-preview__stat {
      padding: 12px;
      border: 1px solid var(--wlcms-color-border);
      border-radius: 10px;
      background: var(--wlcms-color-surface);
    }
    .wlcms_pro-preview__stat small {
      display: block;
      margin-bottom: 5px;
      color: var(--wlcms-color-text-muted);
      font-size: 8px;
    }
    .wlcms_pro-preview__stat strong { font-size: 15px; }
    .wlcms_pro-preview__table {
      overflow: hidden;
      border: 1px solid var(--wlcms-color-border);
      border-radius: 10px;
      background: var(--wlcms-color-surface);
    }
    .wlcms_pro-preview__row {
      display: grid;
      grid-template-columns: 1.2fr .8fr .7fr;
      gap: 8px;
      align-items: center;
      padding: 11px 12px;
      border-bottom: 1px solid var(--wlcms-color-border);
      font-size: 9px;
    }
    .wlcms_pro-preview__row:last-child { border-bottom: 0; }
    .wlcms_status {
      width: max-content;
      padding: 4px 7px;
      border-radius: var(--wlcms-radius-pill);
      background: var(--wlcms-color-success-soft);
      color: var(--wlcms-color-success);
      font-size: 8px;
      font-weight: 850;
    }

    .wlcms_pro-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--wlcms-space-4);
      margin-top: var(--wlcms-space-8);
    }
    .wlcms_pro-card {
      min-height: 190px;
      padding: 22px;
      border: 1px solid var(--wlcms-color-border);
      border-radius: var(--wlcms-radius-lg);
      background: var(--wlcms-color-surface);
    }
    .wlcms_pro-card--featured {
      border-color: var(--wlcms-color-pro-border);
      background: linear-gradient(145deg, var(--wlcms-color-surface) 0%, var(--wlcms-color-surface-brand) 100%);
    }
    .wlcms_pro-card__tag {
      display: inline-flex;
      margin-bottom: var(--wlcms-space-4);
      padding: 5px 8px;
      border-radius: var(--wlcms-radius-pill);
      background: var(--wlcms-color-brand-soft);
      color: var(--wlcms-color-brand-dark);
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .wlcms_pro-card__title {
      margin: 0 0 7px;
      font-size: 17px;
    }
    .wlcms_pro-card__text {
      margin: 0;
      color: var(--wlcms-color-text-muted);
      font-size: 13px;
      line-height: 1.6;
    }

    .wlcms_steps {
      display: grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: var(--wlcms-space-4);
      margin-top: var(--wlcms-space-8);
    }
    .wlcms_step {
      padding: var(--wlcms-space-6);
      border-top: 1px solid var(--wlcms-color-border);
    }
    .wlcms_step__number {
      color: var(--wlcms-color-brand);
      font-size: 11px;
      font-weight: 900;
    }
    .wlcms_step__title {
      margin: var(--wlcms-space-3) 0 var(--wlcms-space-2);
      font-size: 18px;
    }
    .wlcms_step__text {
      margin: 0;
      color: var(--wlcms-color-text-muted);
      font-size: 13px;
      line-height: 1.6;
    }

    /* This CTA intentionally sits BEFORE pricing so its action moves the user forward. */
    .wlcms_pricing-cta {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: var(--wlcms-space-8);
      padding: clamp(32px, 5vw, 58px);
      border: 1px solid #ded9ff;
      border-radius: var(--wlcms-radius-xl);
      background:
        radial-gradient(circle at 93% 10%, rgba(103,87,232,.12), transparent 28%),
        linear-gradient(145deg, var(--wlcms-color-surface) 0%, #faf9ff 100%);
    }
    .wlcms_pricing-cta__content {
      min-width: 0;
      max-width: 780px;
    }
    .wlcms_pricing-cta__title {
      margin: 0;
      font-size: clamp(34px, 4.2vw, 54px);
      letter-spacing: -.045em;
      line-height: 1.08;
    }
    .wlcms_pricing-cta__text {
      margin: var(--wlcms-space-4) 0 0;
      color: var(--wlcms-color-text-soft);
      font-size: 17px;
      line-height: 1.6;
    }
    .wlcms_pricing-cta__action {
      justify-self: end;
    }
    .wlcms_pricing-cta__action .wlcms_button {
      min-width: 190px;
    }

    .wlcms_pricing-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--wlcms-space-4);
      margin-top: var(--wlcms-space-8);
      align-items: stretch;
    }
    .wlcms_price-card {
      position: relative;
      display: flex;
      flex-direction: column;
      padding: var(--wlcms-space-6);
      border: 1px solid var(--wlcms-color-border);
      border-radius: var(--wlcms-radius-lg);
      background: var(--wlcms-color-surface);
      box-shadow: var(--wlcms-shadow-sm);
    }
    .wlcms_price-card--featured {
      border-color: var(--wlcms-color-brand);
      box-shadow: var(--wlcms-shadow-brand);
    }
    .wlcms_price-card__badge {
      position: absolute;
      top: -12px;
      right: 18px;
      padding: 6px 9px;
      border-radius: var(--wlcms-radius-pill);
      background: var(--wlcms-color-brand);
      color: var(--wlcms-color-white);
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .05em;
      text-transform: uppercase;
    }
    .wlcms_price-card__name {
      font-size: 15px;
      font-weight: 900;
    }
    .wlcms_price-card__description {
      min-height: 64px;
      margin: 8px 0 16px;
      color: var(--wlcms-color-text-muted);
      font-size: 12px;
      line-height: 1.55;
    }
    .wlcms_price-card__price {
      margin-bottom: var(--wlcms-space-5);
      font-size: 34px;
      font-weight: 900;
      letter-spacing: -.04em;
    }
    .wlcms_price-card__price small {
      color: var(--wlcms-color-text-muted);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0;
    }
    .wlcms_price-card__features {
      display: grid;
      gap: 9px;
      margin: 0 0 var(--wlcms-space-6);
      padding: 0;
      list-style: none;
      color: var(--wlcms-color-text-soft);
      font-size: 12px;
    }
    .wlcms_price-card__features li {
      display: grid;
      grid-template-columns: 17px 1fr;
      gap: 8px;
      align-items: start;
    }
    .wlcms_price-card__features li::before {
      content: "✓";
      color: var(--wlcms-color-success);
      font-weight: 900;
    }
    .wlcms_price-card__button {
      margin-top: auto;
    }
    .wlcms_pricing__note {
      margin: var(--wlcms-space-5) auto 0;
      max-width: 760px;
      color: var(--wlcms-color-text-muted);
      text-align: center;
      font-size: 12px;
    }

    .wlcms_faq {
      display: grid;
      grid-template-columns: .82fr 1.18fr;
      gap: var(--wlcms-space-9);
      align-items: start;
    }
    .wlcms_faq__list {
      display: grid;
      gap: var(--wlcms-space-3);
    }
    .wlcms_faq__item {
      border: 1px solid var(--wlcms-color-border);
      border-radius: var(--wlcms-radius-md);
      background: var(--wlcms-color-surface);
      overflow: clip;
    }
    .wlcms_faq__question {
      padding: 18px 20px;
      font-size: 14px;
      font-weight: 850;
      cursor: pointer;
    }
    .wlcms_faq__answer {
      padding: 0 20px 18px;
      color: var(--wlcms-color-text-muted);
      font-size: 13px;
      line-height: 1.65;
    }

    .wlcms_footer {
      padding-block: var(--wlcms-space-8);
      border-top: 1px solid var(--wlcms-color-border);
      background: var(--wlcms-color-surface);
    }
    .wlcms_footer__inner {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: var(--wlcms-space-8);
      align-items: center;
    }
    .wlcms_footer__copy {
      margin: 6px 0 0;
      color: var(--wlcms-color-text-muted);
      font-size: 11px;
    }
    .wlcms_footer__links {
      display: flex;
      gap: var(--wlcms-space-5);
      flex-wrap: wrap;
    }
    .wlcms_footer__link {
      color: var(--wlcms-color-text-soft);
      font-size: 11px;
      font-weight: 760;
      text-decoration: none;
    }

    @media (max-width: 1100px) {
      .wlcms_hero__grid,
      .wlcms_pro {
        grid-template-columns: 1fr;
      }
      .wlcms_product { max-width: 820px; }
      .wlcms_pro-preview { max-width: 820px; }
      .wlcms_pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .wlcms_feature-grid,
      .wlcms_pro-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }


    .wlcms_nav__account-link {
      display: none;
    }

    .wlcms_header__login {
      gap: var(--wlcms-space-2);
    }

    .wlcms_header__login-icon {
      width: 16px;
      height: 16px;
      flex: 0 0 auto;
    }

    .wlcms_customer-callout {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--wlcms-space-6);
      margin-top: var(--wlcms-space-7);
      padding: 18px 20px;
      border: 1px solid var(--wlcms-color-border);
      border-radius: var(--wlcms-radius-md);
      background: var(--wlcms-color-surface-subtle);
    }

    .wlcms_customer-callout__content {
      min-width: 0;
    }

    .wlcms_customer-callout__title {
      margin: 0 0 3px;
      font-size: 14px;
      font-weight: 850;
    }

    .wlcms_customer-callout__text {
      margin: 0;
      color: var(--wlcms-color-text-muted);
      font-size: 12px;
      line-height: 1.55;
    }

    @media (max-width: 860px) {
      .wlcms_nav__account-link {
        display: block;
      }

      .wlcms_header__login {
        display: none !important;
      }

      .wlcms_customer-callout {
        align-items: stretch;
        flex-direction: column;
      }

      .wlcms_customer-callout .wlcms_button {
        width: 100%;
        inline-size: auto;
      }
    }

    @media (max-width: 860px) {
      .wlcms_nav {
        position: fixed;
        inset: var(--wlcms-header-height) 16px auto;
        display: none;
        padding: var(--wlcms-space-4);
        border: 1px solid var(--wlcms-color-border);
        border-radius: var(--wlcms-radius-md);
        background: var(--wlcms-color-surface);
        box-shadow: var(--wlcms-shadow-md);
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
      }
      .wlcms_nav--open { display: flex; }
      .wlcms_nav__link { padding: 10px 12px; border-radius: 8px; }
      .wlcms_menu-toggle { display: inline-flex; }
      .wlcms_header__actions .wlcms_button--ghost { display: none; }
      .wlcms_product__body { grid-template-columns: 150px 1fr; }
      .wlcms_faq { grid-template-columns: 1fr; }
      .wlcms_steps { grid-template-columns: 1fr; }
      .wlcms_pricing-cta {
        grid-template-columns: 1fr;
        gap: var(--wlcms-space-6);
      }
      .wlcms_pricing-cta__action { justify-self: start; }
    }

    @media (max-width: 680px) {
      .wlcms_container { width: min(100% - 28px, var(--wlcms-layout-max)); }
      .wlcms_header__actions > .wlcms_button--primary { display: none; }
      .wlcms_section { padding-block: var(--wlcms-space-10); }
      .wlcms_hero { padding-block: 58px 50px; }
      .wlcms_hero__actions { align-items: stretch; }
      .wlcms_hero__actions .wlcms_button { width: 100%; inline-size: auto; }
      .wlcms_product__body { grid-template-columns: 1fr; }
      .wlcms_product__sidebar { display: none; }
      .wlcms_feature-grid,
      .wlcms_pro-grid,
      .wlcms_pricing-grid { grid-template-columns: 1fr; }
      .wlcms_pro-preview__body { grid-template-columns: 1fr; }
      .wlcms_pro-preview__sidebar { display: none; }
      .wlcms_pro-preview__stats { grid-template-columns: 1fr; }
      .wlcms_pricing-cta__action {
        width: 100%;
      }
      .wlcms_pricing-cta__action .wlcms_button {
        width: 100%;
        inline-size: auto;
      }
      .wlcms_footer__inner { grid-template-columns: 1fr; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
      }
    }