:root { --cd-primary: #0071e3; --cd-primary-hover: #0077ed; --cd-ink: #1a1d21; --cd-muted: #6c757d; --cd-surface: #f7f9fc; }
    .shipping-rules-lp { font-family: inherit; color: var(--cd-ink); -webkit-font-smoothing: antialiased; }
    .shipping-rules-lp .btn-primary { --bs-btn-bg: var(--cd-primary); --bs-btn-hover-bg: var(--cd-primary-hover); font-weight: 500; }
    .shipping-rules-lp .btn-outline-primary { --bs-btn-color: var(--cd-primary); --bs-btn-border-color: var(--cd-primary); }
    .shipping-rules-lp .hero-gradient { background: linear-gradient(180deg, #fbfbfd 0%, #ffffff 52%, #f5f5f7 100%); border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
    .shipping-rules-lp .hero-badge { font-size: .8rem; font-weight: 600; color: #1d1d1f; background: rgba(0, 0, 0, 0.05); border-radius: 980px; padding: .35rem .85rem; display: inline-block; }
    .shipping-rules-lp .display-heading { font-weight: 700; letter-spacing: -.02em; }
    .shipping-rules-lp .lead-tight { max-width: 38rem; color: var(--cd-muted); }
    .shipping-rules-lp .floating-card { border-radius: 1rem; box-shadow: 0 .5rem 2rem rgba(0,40,100,.08); border: 1px solid rgba(0,0,0,.05); background: #fff; }
    .shipping-rules-lp .mini-stat { font-size: .85rem; color: var(--cd-muted); }
    .shipping-rules-lp .icon-circle { width: 3rem; height: 3rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 1.35rem; }
    .shipping-rules-lp .section-alt { background: var(--cd-surface); }
    .shipping-rules-lp .step-num { width: 2rem; height: 2rem; border-radius: 50%; background: var(--cd-primary); color: #fff; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; font-size: .9rem; }
    .shipping-rules-lp .cta-band { background: linear-gradient(120deg, #0071e3, #0058b0); color: #fff; border-radius: 1rem; }
    @media (max-width: 767.98px) { .shipping-rules-lp .display-4 { font-size: 1.85rem; } }

    /* Hero rule examples demo card — restrained Apple-like neutrals + blue accent */
    .shipping-rules-lp .floating-card.cd-rule-examples {
      position: relative;
      background: linear-gradient(165deg, rgba(0, 113, 227, 0.045) 0%, transparent 55%), #ffffff;
    }

    .shipping-rules-lp .floating-card.cd-rule-examples::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 2px;
      border-radius: 1rem 0 0 1rem;
      background: rgba(0, 113, 227, 0.22);
      pointer-events: none;
    }

    .shipping-rules-lp .cd-rule-examples__head-badge {
      width: 2.75rem;
      height: 2.75rem;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      color: #ffffff;
      flex-shrink: 0;
      background: #0071e3;
      box-shadow: 0 4px 16px rgba(0, 113, 227, 0.2);
    }

    .shipping-rules-lp .cd-rule-examples__title {
      letter-spacing: 0.04em;
    }

    .shipping-rules-lp .cd-rule-examples__list {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    .shipping-rules-lp .cd-rule-examples__item {
      display: grid;
      grid-template-columns: auto auto minmax(0, 1fr);
      gap: 0.6rem 0.72rem;
      align-items: start;
      padding: 0.75rem 0.85rem;
      border-radius: 0.65rem;
      border: 1px solid rgba(0, 0, 0, 0.06);
      background: #fbfbfc;
      transition:
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.3s ease,
        border-color 0.25s ease,
        background-color 0.25s ease;
    }

    .shipping-rules-lp .cd-rule-examples__item:hover {
      transform: translateX(3px);
      border-color: rgba(0, 113, 227, 0.18);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
      background: #ffffff;
    }

    .shipping-rules-lp .cd-rule-examples__item--b:hover,
    .shipping-rules-lp .cd-rule-examples__item--c:hover {
      border-color: rgba(0, 113, 227, 0.18);
    }

    .shipping-rules-lp .cd-rule-examples__idx {
      font-size: 0.7rem;
      font-weight: 700;
      color: #ffffff;
      min-width: 1.35rem;
      height: 1.35rem;
      padding: 0 0.35rem;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      background: #0071e3;
    }

    .shipping-rules-lp .cd-rule-examples__item--a .cd-rule-examples__idx,
    .shipping-rules-lp .cd-rule-examples__item--b .cd-rule-examples__idx,
    .shipping-rules-lp .cd-rule-examples__item--c .cd-rule-examples__idx {
      background: #0071e3;
    }

    .shipping-rules-lp .cd-rule-examples__ico {
      width: 2.1rem;
      height: 2.1rem;
      border-radius: 0.55rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.05rem;
      transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
      color: #1d1d1f;
      background: rgba(0, 0, 0, 0.04);
    }

    .shipping-rules-lp .cd-rule-examples__item--a .cd-rule-examples__ico,
    .shipping-rules-lp .cd-rule-examples__item--b .cd-rule-examples__ico,
    .shipping-rules-lp .cd-rule-examples__item--c .cd-rule-examples__ico {
      color: #1d1d1f;
      background: rgba(0, 0, 0, 0.04);
    }

    .shipping-rules-lp .cd-rule-examples__item:hover .cd-rule-examples__ico {
      transform: scale(1.06);
    }

    .shipping-rules-lp .cd-rule-examples__rule {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0.35rem 0.5rem;
      font-size: 0.9rem;
      line-height: 1.55;
      color: var(--cd-ink);
    }

    .shipping-rules-lp .cd-rule-examples__if {
      font-weight: 600;
      font-size: 0.68rem;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #6e6e73;
      background: rgba(0, 0, 0, 0.05);
      padding: 0.15rem 0.42rem;
      border-radius: 0.35rem;
    }

    .shipping-rules-lp .cd-rule-examples__cond {
      font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        "Liberation Mono",
        "Courier New",
        monospace;
      font-size: 0.845rem;
      color: #2c3138;
      word-break: break-word;
    }

    .shipping-rules-lp .cd-rule-examples__arr {
      color: var(--cd-muted);
      opacity: 0.72;
      font-weight: 500;
      padding: 0 0.05rem;
    }

    .shipping-rules-lp .cd-rule-examples__out {
      font-weight: 600;
      color: #1a2840;
      flex-basis: 100%;
      padding-left: 0;
      margin-left: 0;
    }

    @media (min-width: 480px) {
      .shipping-rules-lp .cd-rule-examples__out {
        flex-basis: auto;
      }
    }

    .shipping-rules-lp section.hero-gradient.cd-reveal--visible .cd-rule-examples__head {
      opacity: 0;
      animation: cd-lp-rise-subtle 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
      animation-delay: 0.04s;
    }

    .shipping-rules-lp section.hero-gradient.cd-reveal--visible .cd-rule-examples__item {
      opacity: 0;
      animation: cd-lp-rise-subtle 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    .shipping-rules-lp section.hero-gradient.cd-reveal--visible .cd-rule-examples__item:nth-child(1) {
      animation-delay: 0.1s;
    }

    .shipping-rules-lp section.hero-gradient.cd-reveal--visible .cd-rule-examples__item:nth-child(2) {
      animation-delay: 0.22s;
    }

    .shipping-rules-lp section.hero-gradient.cd-reveal--visible .cd-rule-examples__item:nth-child(3) {
      animation-delay: 0.34s;
    }

    @media (prefers-reduced-motion: reduce) {
      .shipping-rules-lp section.hero-gradient.cd-reveal--visible .cd-rule-examples__head,
      .shipping-rules-lp section.hero-gradient.cd-reveal--visible .cd-rule-examples__item {
        animation: none !important;
        opacity: 1 !important;
      }

      .shipping-rules-lp .cd-rule-examples__item:hover {
        transform: none;
      }

      .shipping-rules-lp .cd-rule-examples__item:hover .cd-rule-examples__ico {
        transform: none;
      }
    }

    .shipping-rules-lp .cd-ship-rule-modal-preview {
      overflow: hidden;
      border: 1px solid rgba(15, 23, 42, 0.08);
      border-radius: 1.2rem;
      background: #f7f8fa;
      box-shadow:
        0 1.5rem 3.2rem rgba(0, 40, 100, 0.13),
        0 1px 0 rgba(255, 255, 255, 0.92) inset;
    }
    @keyframes cd-ship-rule-row-in {
      from {
        opacity: 0;
        transform: translateY(8px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    @keyframes cd-ship-rule-highlight {
      0%,
      100% {
        box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08) inset;
        background: #f8fafc;
      }
      45%,
      68% {
        box-shadow:
          0 0 0 1px rgba(63, 199, 125, 0.28) inset,
          0 0.55rem 1.2rem rgba(63, 199, 125, 0.12);
        background: rgba(63, 199, 125, 0.1);
      }
    }
    @keyframes cd-ship-rule-save {
      0%,
      100% {
        transform: translateY(0);
      }
      55% {
        transform: translateY(-2px);
      }
    }
    @keyframes cd-ship-rule-action-glow {
      0%,
      100% {
        border-color: rgba(15, 23, 42, 0.07);
      }
      50% {
        border-color: rgba(0, 113, 227, 0.18);
      }
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.95rem 1rem;
      border-bottom: 1px solid rgba(15, 23, 42, 0.07);
      background: #fff;
      color: #111827;
      font-weight: 900;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__grid {
      display: grid;
      grid-template-columns: 1fr 0.42fr;
      gap: 0.7rem;
      padding: 0.9rem 1rem;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__grid label {
      color: #64748b;
      font-size: 0.68rem;
      font-weight: 700;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__grid span,
    .shipping-rules-lp .cd-ship-rule-modal-preview__condition span,
    .shipping-rules-lp .cd-ship-rule-modal-preview__condition strong,
    .shipping-rules-lp .cd-ship-rule-modal-preview__action span,
    .shipping-rules-lp .cd-ship-rule-modal-preview__action strong {
      display: block;
      margin-top: 0.25rem;
      padding: 0.48rem 0.58rem;
      border: 1px solid rgba(15, 23, 42, 0.08);
      border-radius: 0.55rem;
      background: #fff;
      color: #111827;
      font-size: 0.72rem;
      font-weight: 800;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__panel {
      margin: 0 1rem 0.8rem;
      padding: 0.9rem;
      border-radius: 0.9rem;
      background: #fff;
      box-shadow: 0 0.7rem 1.5rem rgba(0, 40, 100, 0.055);
      animation: cd-ship-rule-action-glow 4.8s ease-in-out infinite;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__panel-head {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      margin-bottom: 0.7rem;
      color: #64748b;
      font-size: 0.68rem;
      font-weight: 800;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__panel-head span {
      color: #111827;
      font-size: 0.78rem;
      font-weight: 900;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__panel-head em {
      font-style: normal;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__panel-head button {
      margin-left: auto;
      border: 1px solid rgba(63, 199, 125, 0.28);
      border-radius: 0.55rem;
      background: rgba(63, 199, 125, 0.08);
      color: #178542;
      padding: 0.42rem 0.58rem;
      font-size: 0.66rem;
      font-weight: 900;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__condition,
    .shipping-rules-lp .cd-ship-rule-modal-preview__action {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) minmax(0, 0.62fr) minmax(0, 1fr) auto;
      gap: 0.55rem;
      align-items: center;
      margin-top: 0.45rem;
      animation: cd-ship-rule-row-in 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__condition:nth-of-type(3) {
      animation-delay: 0.12s;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__condition b,
    .shipping-rules-lp .cd-ship-rule-modal-preview__action b {
      color: #111827;
      font-size: 0.78rem;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__condition strong,
    .shipping-rules-lp .cd-ship-rule-modal-preview__action strong {
      background: #f8fafc;
      animation: cd-ship-rule-highlight 4.8s ease-in-out infinite;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__condition:nth-of-type(3) strong {
      animation-delay: 0.5s;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__action strong {
      animation-delay: 1s;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__panel--action {
      margin-bottom: 1rem;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__action {
      grid-template-columns: auto minmax(0, 0.8fr) minmax(0, 1.8fr);
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__foot {
      display: flex;
      justify-content: flex-end;
      gap: 0.55rem;
      padding: 0.9rem 1rem;
      border-top: 1px solid rgba(15, 23, 42, 0.07);
      background: #fff;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__foot button {
      border: 0;
      border-radius: 0.55rem;
      background: #e5e7eb;
      color: #111827;
      padding: 0.52rem 0.72rem;
      font-size: 0.7rem;
      font-weight: 900;
    }
    .shipping-rules-lp .cd-ship-rule-modal-preview__foot .is-save {
      background: #3fc77d;
      color: #fff;
      box-shadow: 0 0.55rem 1.1rem rgba(63, 199, 125, 0.22);
      animation: cd-ship-rule-save 4.8s ease-in-out infinite;
    }
    @media (max-width: 575.98px) {
      .shipping-rules-lp .cd-ship-rule-modal-preview__grid,
      .shipping-rules-lp .cd-ship-rule-modal-preview__condition,
      .shipping-rules-lp .cd-ship-rule-modal-preview__action {
        grid-template-columns: 1fr;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .shipping-rules-lp .cd-ship-rule-modal-preview__panel,
      .shipping-rules-lp .cd-ship-rule-modal-preview__condition,
      .shipping-rules-lp .cd-ship-rule-modal-preview__action,
      .shipping-rules-lp .cd-ship-rule-modal-preview__condition strong,
      .shipping-rules-lp .cd-ship-rule-modal-preview__action strong,
      .shipping-rules-lp .cd-ship-rule-modal-preview__foot .is-save {
        animation: none !important;
      }
    }

    /* Shipping rule conditions reference — monochrome + blue */
    .shipping-rules-lp .cd-ship-req__card {
      position: relative;
      transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease,
        border-color 0.25s ease;
      border: 1px solid rgba(0, 0, 0, 0.06) !important;
      background: #ffffff;
    }

    .shipping-rules-lp .cd-ship-req__card::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 2px;
      border-radius: 1rem 1rem 0 0;
      background: rgba(0, 0, 0, 0.07);
    }

    .shipping-rules-lp .cd-ship-req__card:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07) !important;
    }

    .shipping-rules-lp .cd-ship-req__card:hover .cd-ship-req__ico {
      transform: scale(1.04);
    }

    .shipping-rules-lp .cd-ship-req__ico {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 0.85rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
      color: #1d1d1f;
      background: #f5f5f7;
    }

    .shipping-rules-lp .cd-ship-req__ico--channels,
    .shipping-rules-lp .cd-ship-req__ico--sku,
    .shipping-rules-lp .cd-ship-req__ico--ref,
    .shipping-rules-lp .cd-ship-req__ico--ean,
    .shipping-rules-lp .cd-ship-req__ico--country,
    .shipping-rules-lp .cd-ship-req__ico--weight,
    .shipping-rules-lp .cd-ship-req__ico--items {
      color: #1d1d1f;
      background: #f5f5f7;
    }

    .shipping-rules-lp .cd-ship-req__anatomy {
      background: #fafafa;
      border: 1px solid rgba(0, 0, 0, 0.06);
      box-shadow: 0 2px 14px rgba(0, 0, 0, 0.04);
    }

    .shipping-rules-lp .cd-ship-req__anatomy-heading {
      letter-spacing: 0.07em;
    }

    .shipping-rules-lp .cd-ship-req__flow-step {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.38rem 0.45rem;
      padding: 0.45rem 0.72rem;
      border-radius: 0.65rem;
      background: #ffffff;
      border: 1px solid rgba(0, 0, 0, 0.07);
      font-size: 0.875rem;
    }

    .shipping-rules-lp .cd-ship-req__flow-step--action {
      border-color: rgba(0, 113, 227, 0.16);
      background: rgba(0, 113, 227, 0.04);
    }

    .shipping-rules-lp .cd-ship-req__flow-dot {
      width: 1.38rem;
      height: 1.38rem;
      border-radius: 50%;
      background: #0071e3;
      color: #fff;
      font-weight: 700;
      font-size: 0.72rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
    }

    .shipping-rules-lp .cd-ship-req__flow-step--action .cd-ship-req__flow-dot {
      background: #0071e3;
    }

    .shipping-rules-lp .cd-ship-req__flow-lbl {
      font-weight: 600;
      color: var(--cd-ink);
    }

    .shipping-rules-lp .cd-ship-req__flow-hint {
      display: block;
      font-size: 0.72rem;
      font-weight: 500;
      color: var(--cd-muted);
      width: 100%;
    }

    @media (min-width: 576px) {
      .shipping-rules-lp .cd-ship-req__flow-hint {
        display: inline;
        width: auto;
        margin-left: 0.2rem;
        font-size: 0.8rem;
      }

      .shipping-rules-lp .cd-ship-req__flow-step--action {
        flex-wrap: nowrap;
      }
    }

    .shipping-rules-lp .cd-ship-req__flow-join {
      font-size: 0.75rem;
      opacity: 0.65;
      user-select: none;
    }

    .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .cd-ship-req__card {
      opacity: 0;
      animation: cd-lp-rise-subtle 0.52s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .col:nth-child(1) .cd-ship-req__card {
      animation-delay: 0.04s;
    }

    .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .col:nth-child(2) .cd-ship-req__card {
      animation-delay: 0.1s;
    }

    .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .col:nth-child(3) .cd-ship-req__card {
      animation-delay: 0.16s;
    }

    .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .col:nth-child(4) .cd-ship-req__card {
      animation-delay: 0.22s;
    }

    .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .col:nth-child(5) .cd-ship-req__card {
      animation-delay: 0.28s;
    }

    .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .col:nth-child(6) .cd-ship-req__card {
      animation-delay: 0.34s;
    }

    .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .col:nth-child(7) .cd-ship-req__card {
      animation-delay: 0.4s;
    }

    .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .cd-ship-req__anatomy {
      opacity: 0;
      animation: cd-lp-rise-subtle 0.58s cubic-bezier(0.22, 1, 0.36, 1) forwards;
      animation-delay: 0.2s;
    }

    @media (prefers-reduced-motion: reduce) {
      .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .cd-ship-req__card,
      .shipping-rules-lp section.cd-ship-req.cd-reveal--visible .cd-ship-req__anatomy {
        animation: none !important;
        opacity: 1 !important;
      }

      .shipping-rules-lp .cd-ship-req__card:hover {
        transform: none;
      }

      .shipping-rules-lp .cd-ship-req__card:hover .cd-ship-req__ico {
        transform: none;
      }
    }

    /* Shipping rule actions (outcomes tied to assigning a method) */
    .shipping-rules-lp section.cd-ship-act.section-alt {
      background: #fbfbfc;
    }

    .shipping-rules-lp .cd-ship-act__card {
      position: relative;
      border: 1px solid rgba(0, 0, 0, 0.06) !important;
      background: #ffffff;
      transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease;
    }

    .shipping-rules-lp .cd-ship-act__card::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 2px;
      border-radius: 1rem 1rem 0 0;
      background: rgba(0, 0, 0, 0.07);
    }

    .shipping-rules-lp .cd-ship-act__card:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07) !important;
    }

    .shipping-rules-lp .cd-ship-act__ico {
      width: 2.55rem;
      height: 2.55rem;
      border-radius: 0.85rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.18rem;
      color: #1d1d1f;
      background: #f5f5f7;
    }

    .shipping-rules-lp section.cd-ship-act.cd-reveal--visible .cd-ship-act__card {
      opacity: 0;
      animation: cd-lp-rise-subtle 0.52s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    .shipping-rules-lp section.cd-ship-act.cd-reveal--visible .row .col:nth-child(1) .cd-ship-act__card {
      animation-delay: 0.03s;
    }

    .shipping-rules-lp section.cd-ship-act.cd-reveal--visible .row .col:nth-child(2) .cd-ship-act__card {
      animation-delay: 0.09s;
    }

    .shipping-rules-lp section.cd-ship-act.cd-reveal--visible .row .col:nth-child(3) .cd-ship-act__card {
      animation-delay: 0.15s;
    }

    .shipping-rules-lp section.cd-ship-act.cd-reveal--visible .row .col:nth-child(4) .cd-ship-act__card {
      animation-delay: 0.21s;
    }

    @media (prefers-reduced-motion: reduce) {
      .shipping-rules-lp section.cd-ship-act.cd-reveal--visible .cd-ship-act__card {
        animation: none !important;
        opacity: 1 !important;
      }

      .shipping-rules-lp .cd-ship-act__card:hover {
        transform: none;
      }

      .shipping-rules-lp .cd-ship-works:hover {
        transform: none;
      }

      .shipping-rules-lp .cd-ship-works:hover .cd-ship-works__ico {
        transform: none;
      }
    }

    /* "Works with" integrations callout — three-layer section sidebar */
    .shipping-rules-lp .cd-ship-works {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      border: 1px solid rgba(0, 0, 0, 0.06);
      background: linear-gradient(165deg, rgba(0, 113, 227, 0.055) 0%, transparent 48%), #ffffff;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.052);
      transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease;
    }

    .shipping-rules-lp .cd-ship-works::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 2px;
      background: linear-gradient(90deg, rgba(0, 113, 227, 0.08), rgba(0, 113, 227, 0.28), rgba(0, 113, 227, 0.08));
    }

    .shipping-rules-lp .cd-ship-works::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 3px;
      border-radius: 1rem 0 0 1rem;
      background: linear-gradient(180deg, rgba(0, 113, 227, 0.52), rgba(0, 113, 227, 0.1));
      pointer-events: none;
      z-index: 0;
    }

    .shipping-rules-lp .cd-ship-works:hover {
      transform: translateY(-5px);
      box-shadow: 0 14px 44px rgba(0, 0, 0, 0.075);
    }

    .shipping-rules-lp .cd-ship-works__head {
      position: relative;
      z-index: 1;
    }

    .shipping-rules-lp .cd-ship-works__ico {
      flex-shrink: 0;
      width: 2.85rem;
      height: 2.85rem;
      border-radius: 0.95rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      color: #ffffff;
      background: #0071e3;
      box-shadow: 0 4px 18px rgba(0, 113, 227, 0.28);
      transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .shipping-rules-lp .cd-ship-works:hover .cd-ship-works__ico {
      transform: scale(1.05);
    }

    .shipping-rules-lp .cd-ship-works__eyebrow {
      letter-spacing: 0.04em;
      font-size: 0.7rem !important;
    }

    .shipping-rules-lp .cd-ship-works__copy {
      font-size: 0.9375rem;
      line-height: 1.55;
      color: var(--cd-muted);
    }