.ixir-wh-plans {
 position: relative;
 padding: 85px 0 95px;
 background-color: #f8fafc !important;
 border-top: 1px solid rgba(59, 130, 246, 0.12) !important;
 border-bottom: 1px solid rgba(59, 130, 246, 0.12) !important;
 overflow: visible;
}

.ixir-wh-plans::before {
 content: "";
 position: absolute;
 top: -60px;
 left: 50%;
 transform: translateX(-50%);
 width: 900px;
 height: 480px;
 background: radial-gradient(
  ellipse at center,
  rgba(59, 120, 231, 0.07) 0%,
  rgba(255, 255, 255, 0) 70%
 );
 pointer-events: none;
 z-index: 0;
}

.ixir-wh-plans .container {
 position: relative;
 z-index: 1;
}

.ixir-wh-plans-head {
 max-width: 980px;
 margin: 0 auto 48px;
 text-align: center;
}

.ixir-wh-plans-head h2,
.ixir-wh-plans-head .site-heading {
 margin: 0 0 14px;
 color: #0b2545;
 font-family: "Space Grotesk", "Roboto", sans-serif;
 letter-spacing: -0.02em;
}

.ixir-wh-plans-head p {
 margin: 0 auto;
 color: #64748b;
 font-size: 16px;
 line-height: 1.65;
}

.ixir-wh-grid {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 24px;
 align-items: stretch;
 padding-top: 26px;
}

.ixir-wh-grid.ixir-wh-grid--3,
.ixir-wh-grid--3 {
 grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ixir-wh-plan {
 position: relative;
 display: flex;
 flex-direction: column;
 min-width: 0;
 padding: 36px 24px 26px;
 border: 1px solid #eef2f6;
 border-radius: 24px;
 background: #fff;
 box-shadow:
  0 4px 20px -2px rgba(15, 23, 42, 0.04),
  0 2px 6px -1px rgba(15, 23, 42, 0.02);
 transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
 overflow: visible !important;
}

.ixir-wh-plan::before {
 content: "";
 position: absolute;
 top: 0;
 left: 20%;
 right: 20%;
 height: 3px;
 background: linear-gradient(90deg, transparent, #3b82f6, transparent);
 border-radius: 0 0 3px 3px;
 opacity: 0;
 transition: all 0.35s ease;
}

.ixir-wh-plan:hover {
 transform: translateY(-8px);
 border-color: rgba(59, 120, 231, 0.35);
 box-shadow:
  0 22px 42px -10px rgba(59, 120, 231, 0.15),
  0 10px 20px -6px rgba(15, 23, 42, 0.05);
}

.ixir-wh-plan:hover::before {
 left: 10%;
 right: 10%;
 opacity: 1;
}

.ixir-wh-plan--best {
 border-color: #93c5fd !important;
 box-shadow:
  0 16px 36px -6px rgba(59, 130, 246, 0.2),
  0 4px 12px rgba(15, 23, 42, 0.04);
 overflow: visible !important;
}

.ixir-wh-plan--best::before {
 opacity: 1;
 left: 8%;
 right: 8%;
 height: 3.5px;
 background: linear-gradient(90deg, #2563eb, #60a5fa);
}

.ixir-wh-plan-head {
 position: static;
}

.ixir-wh-badge {
 position: absolute;
 top: 0;
 left: 50%;
 transform: translate(-50%, -50%);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 0 16px;
 height: 28px;
 line-height: 28px;
 border-radius: 999px;
 background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
 color: #ffffff !important;
 font-family: "Space Grotesk", "Roboto", sans-serif;
 font-size: 11.5px;
 font-weight: 700;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4);
 white-space: nowrap;
 z-index: 10;
 pointer-events: none;
}

.ixir-wh-plan-head h3 {
 margin: 0 0 6px;
 color: #0b2545;
 font-family: "Space Grotesk", "Roboto", sans-serif;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: -0.02em;
}

.ixir-wh-plan-head p {
 margin: 0;
 color: #6b7280;
 font-size: 13px;
 line-height: 1.4;
}

.ixir-wh-price {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 column-gap: 10px;
 align-items: center;
 margin: 10px 0 8px;
}

.ixir-wh-price s {
 grid-column: 1 / -1;
 color: #a0a6b0;
 font-size: 13px;
 font-weight: 500;
 text-decoration: line-through;
 text-decoration-thickness: 1px;
}

.ixir-wh-amount {
 display: flex;
 align-items: flex-start;
 margin-top: 4px;
 color: #0b2545;
 line-height: 1;
}

.ixir-wh-amount b {
 font-family: "Space Grotesk", "Roboto", sans-serif;
 font-size: 44px;
 font-weight: 700;
 letter-spacing: -0.04em;
 line-height: 0.9;
}

.ixir-wh-amount > span {
 margin-top: 3px;
 font-size: 20px;
 font-weight: 700;
 letter-spacing: -0.03em;
 line-height: 1;
}

.ixir-wh-amount small {
 display: flex;
 flex-direction: column;
 margin: 5px 0 0 6px;
 color: #0b2545;
 font-size: 13px;
 font-weight: 700;
 line-height: 1;
}

.ixir-wh-amount small small {
 display: block;
 margin: 3px 0 0;
 color: #8b919c;
 font-size: 12px;
 font-weight: 500;
}

.ixir-wh-save {
 align-self: center;
 margin: 6px 0 0;
 padding: 5px 8px;
 border-radius: 999px;
 background: #fff4c2;
 color: #7a5b00;
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.01em;
 line-height: 1.2;
 white-space: nowrap;
}

.ixir-wh-plan:has(.ixir-wh-billing.is-open),
.ixir-wh-plan.is-billing-open {
 z-index: 100 !important;
 overflow: visible !important;
}

.ixir-wh-buy {
 display: flex;
 align-items: center;
 justify-content: center;
 height: 48px;
 margin-bottom: 18px;
 border-radius: 12px;
 background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
 color: #fff !important;
 font-family: "Space Grotesk", "Roboto", sans-serif;
 font-size: 14.5px;
 font-weight: 700;
 letter-spacing: 0.01em;
 text-align: center;
 text-decoration: none !important;
 box-shadow: 0 8px 20px -3px rgba(37, 99, 235, 0.38);
 transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.ixir-wh-buy.is-adding {
 pointer-events: none;
 opacity: 0.72;
}

.ixir-wh-buy:hover,
.ixir-wh-buy:focus {
 background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
 color: #fff !important;
 box-shadow: 0 12px 26px -3px rgba(37, 99, 235, 0.55);
 transform: translateY(-2px);
}

.ixir-wh-plan--best .ixir-wh-buy {
 background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
 color: #fff !important;
}

.ixir-wh-plan--best .ixir-wh-buy:hover,
.ixir-wh-plan--best .ixir-wh-buy:focus {
 background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
 color: #fff !important;
}

.ixir-wh-specs {
 margin: 0;
 padding: 0;
 list-style: none;
}

.ixir-wh-specs li {
 display: flex;
 align-items: baseline;
 justify-content: space-between;
 gap: 12px;
 padding: 9px 0;
 border-top: 1px solid #eef0f4;
 color: #6b7280;
 font-size: 13px;
}

.ixir-wh-specs b {
 color: #0b2545;
 font-weight: 700;
 text-align: right;
}

.ixir-wh-specs .fa-check {
 color: #3b78e7;
 font-size: 15px;
}

.ixir-wh-specs .fa-times {
 color: #e23b3b;
 font-size: 15px;
}

.ixir-wh-diff {
 position: relative;
 padding: 85px 0 95px;
 background: #ffffff;
 border-top: 1px solid #eef2f6;
 border-bottom: 1px solid #e2e8f0;
 overflow: hidden;
}

.ixir-wh-diff::before {
 content: "";
 position: absolute;
 top: -60px;
 left: 50%;
 transform: translateX(-50%);
 width: 900px;
 height: 480px;
 background: radial-gradient(
  ellipse at center,
  rgba(59, 120, 231, 0.07) 0%,
  rgba(255, 255, 255, 0) 70%
 );
 pointer-events: none;
 z-index: 0;
}

.ixir-wh-diff .container {
 position: relative;
 z-index: 1;
}

@media (min-width: 768px) {
 .ixir-wh-diff--wp .ixir-wh-diff-grid,
 .ixir-wh-diff--2col .ixir-wh-diff-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
}

.ixir-wh-diff--2col .ixir-wh-diff-head,
.ixir-wh-diff--mail .ixir-wh-diff-head {
 max-width: 920px;
}

.ixir-wh-diff.is-armed {
 overflow-x: clip;
}

.ixir-wh-diff.is-armed .ixir-wh-diff-head,
.ixir-wh-diff.is-armed .ixir-wh-diff-grid li {
 opacity: 0;
 transform: translate3d(112px, 0, 0);
 pointer-events: none;
 transition:
  transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) var(--ixir-enter-delay, 0ms),
  opacity 0.56s ease var(--ixir-enter-delay, 0ms);
}

.ixir-wh-diff.is-armed .ixir-wh-diff-head {
 --ixir-enter-delay: 0ms;
}

.ixir-wh-diff.is-armed .ixir-wh-diff-grid li:nth-child(1),
.ixir-wh-diff.is-armed .ixir-wh-diff-grid li:nth-child(2) {
 --ixir-enter-delay: 80ms;
}

.ixir-wh-diff.is-armed .ixir-wh-diff-grid li:nth-child(3),
.ixir-wh-diff.is-armed .ixir-wh-diff-grid li:nth-child(4) {
 --ixir-enter-delay: 160ms;
}

.ixir-wh-diff.is-armed .ixir-wh-diff-grid li:nth-child(5),
.ixir-wh-diff.is-armed .ixir-wh-diff-grid li:nth-child(6) {
 --ixir-enter-delay: 240ms;
}

.ixir-wh-diff.is-armed .ixir-wh-diff-head.is-in,
.ixir-wh-diff.is-armed .ixir-wh-diff-grid li.is-in,
.ixir-wh-diff.is-settled .ixir-wh-diff-head,
.ixir-wh-diff.is-settled .ixir-wh-diff-grid li {
 opacity: 1;
 transform: translate3d(0, 0, 0);
 pointer-events: auto;
}

.ixir-wh-diff.is-settled .ixir-wh-diff-head {
 transform: none;
 transition: none;
}

.ixir-wh-diff.is-settled .ixir-wh-diff-grid li {
 transform: none;
 transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.ixir-wh-diff-head {
 max-width: 760px;
 margin: 0 auto 52px;
 text-align: center;
}

.ixir-wh-diff-head h2,
.ixir-wh-diff-head .site-heading {
 margin: 0 0 14px;
 color: #0b2545;
 font-family: "Space Grotesk", "Roboto", sans-serif;
 letter-spacing: -0.02em;
}

.ixir-wh-diff-head p {
 margin: 0 auto;
 color: #64748b;
 font-size: 16px;
 line-height: 1.65;
}

.ixir-wh-diff-grid {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: 24px;
 margin: 0;
 padding: 0;
 list-style: none;
}

.ixir-wh-diff-grid li {
 position: relative;
 display: flex;
 align-items: flex-start;
 gap: 20px;
 min-width: 0;
 margin: 0;
 padding: 28px 24px 26px;
 border: 1px solid #eef2f6;
 border-radius: 20px;
 background: #ffffff;
 box-shadow:
  0 4px 20px -2px rgba(15, 23, 42, 0.04),
  0 2px 6px -1px rgba(15, 23, 42, 0.02);
 transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
 overflow: hidden;
}

.ixir-wh-diff-grid li::before {
 content: "";
 position: absolute;
 top: 0;
 left: 20%;
 right: 20%;
 height: 3px;
 background: linear-gradient(90deg, transparent, #3b82f6, transparent);
 border-radius: 0 0 3px 3px;
 opacity: 0;
 transition: all 0.35s ease;
}

.ixir-wh-diff-grid li:hover {
 transform: translateY(-6px);
 border-color: rgba(59, 120, 231, 0.35);
 box-shadow:
  0 20px 40px -10px rgba(59, 120, 231, 0.15),
  0 10px 20px -6px rgba(15, 23, 42, 0.05);
}

.ixir-wh-diff-grid li:hover::before {
 left: 8%;
 right: 8%;
 opacity: 1;
}

.ixir-wh-diff-icon {
 display: inline-flex;
 flex: 0 0 56px;
 align-items: center;
 justify-content: center;
 width: 56px;
 height: 56px;
 border-radius: 16px;
 background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
 border: 1.5px solid #dbeafe;
 color: #2563eb;
 box-shadow:
  0 8px 18px -4px rgba(59, 130, 246, 0.2),
  inset 0 1px 0 rgba(255, 255, 255, 0.9);
 transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.ixir-wh-diff-grid li:hover .ixir-wh-diff-icon {
 transform: translateY(-2px) scale(1.08);
 border-color: #93c5fd;
 box-shadow: 0 12px 24px -4px rgba(59, 130, 246, 0.35);
}

.ixir-wh-diff-icon i {
 color: #2563eb;
 font-size: 22px;
 line-height: 1;
}

.ixir-wh-diff-icon img {
 display: block;
 width: 40px;
 height: 40px;
}

.ixir-wh-diff-grid h3 {
 margin: 0 0 8px;
 color: #0b2545;
 font-family: "Space Grotesk", "Roboto", sans-serif;
 font-size: 17.5px;
 font-weight: 700;
 letter-spacing: -0.015em;
 line-height: 1.35;
 transition: color 0.25s ease;
}

.ixir-wh-diff-grid li:hover h3 {
 color: #2563eb;
}

.ixir-wh-diff-grid p {
 margin: 0;
 color: #64748b;
 font-size: 14.5px;
 line-height: 1.65;
}

.ixir-wh-diff-grid li > div:has(> p + p) {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 align-self: stretch;
 min-width: 0;
}

.ixir-wh-diff-grid li p + p {
 margin-top: auto;
 padding: 8px 10px;
 border-left: 3px solid #3b78e7;
 border-radius: 8px;
 background: #f5f8fe;
 color: #0b2545;
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.04em;
 line-height: 1.5;
 text-transform: uppercase;
}

.ixir-wh-diff-grid li > div:has(> p + p) > p:not(:last-child) {
 margin-bottom: 10px;
}

.ixir-wh-diff-grid li p + p strong {
 display: block;
 min-height: 3.2em;
 margin-top: 2px;
 color: #2f66cc;
 font-size: 12.5px;
 font-weight: 600;
 letter-spacing: 0;
 line-height: 1.6;
 text-transform: none;
 overflow-wrap: anywhere;
}

@media (max-width: 768px) {
 .ixir-wh-diff {
  padding: 28px 0;
 }

 .ixir-wh-diff-head {
  margin-bottom: 22px;
 }

 .ixir-wh-diff-grid {
  grid-template-columns: 1fr;
  gap: 12px;
 }

 .ixir-wh-diff-grid li {
  padding: 14px;
 }
}

.ixir-wh-apps {
 padding: 88px 0 80px;
 background-color: #091322 !important;
 background-image:
  radial-gradient(
   circle at 18% 25%,
   rgba(59, 130, 246, 0.18) 0%,
   transparent 45%
  ),
  radial-gradient(
   circle at 82% 70%,
   rgba(37, 99, 235, 0.16) 0%,
   transparent 50%
  ),
  linear-gradient(135deg, #070e1a 0%, #0c1a30 100%) !important;
 border-top: 1px solid rgba(255, 255, 255, 0.08);
 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
 color: #fff;
 text-align: center;
}

.bg-light-blue,
.bg-light {
 background-color: #f8fafc !important;
 background-image: none !important;
 border-top: 1px solid #eef2f6 !important;
 border-bottom: 1px solid #eef2f6 !important;
}

.bg-dark-blue,
.bg-dark {
 background-color: #091322 !important;
 background-image:
  radial-gradient(
   circle at 18% 25%,
   rgba(59, 130, 246, 0.18) 0%,
   transparent 45%
  ),
  radial-gradient(
   circle at 82% 70%,
   rgba(37, 99, 235, 0.16) 0%,
   transparent 50%
  ),
  linear-gradient(135deg, #070e1a 0%, #0c1a30 100%) !important;
 border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
 border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
 color: #fff !important;
}

.bg-dark-blue .site-heading,
.bg-dark .site-heading,
.bg-dark-blue h1,
.bg-dark-blue h2,
.bg-dark-blue h3,
.bg-dark-blue h4,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark-blue .ixir-wh-plans-head .site-heading,
.bg-dark-blue .ixir-wh-diff-head .site-heading,
.bg-dark-blue .ixir-ds-head .site-heading,
.bg-dark .ixir-wh-plans-head .site-heading,
.bg-dark .ixir-wh-diff-head .site-heading,
.bg-dark .ixir-ds-head .site-heading {
 color: #ffffff !important;
}

.bg-dark-blue p,
.bg-dark p,
.bg-dark-blue .ixir-wh-plans-head p,
.bg-dark-blue .ixir-wh-diff-head p,
.bg-dark-blue .ixir-ds-head p,
.bg-dark .ixir-wh-plans-head p,
.bg-dark .ixir-wh-diff-head p,
.bg-dark .ixir-ds-head p {
 color: rgba(255, 255, 255, 0.78) !important;
}

.ixir-wh-apps.is-armed {
 overflow-x: clip;
}

.ixir-wh-apps.is-armed .ixir-wh-apps-stack,
.ixir-wh-apps.is-armed h2,
.ixir-wh-apps.is-armed .ixir-wh-apps-lead,
.ixir-wh-apps.is-armed .ixir-wh-apps-copy,
.ixir-wh-apps.is-armed .ixir-wh-apps-list li {
 opacity: 0;
 transform: translate3d(-112px, 0, 0);
 pointer-events: none;
 transition:
  transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) var(--ixir-enter-delay, 0ms),
  opacity 0.56s ease var(--ixir-enter-delay, 0ms);
}

.ixir-wh-apps.is-armed .ixir-wh-apps-stack {
 --ixir-enter-delay: 0ms;
}

.ixir-wh-apps.is-armed h2 {
 --ixir-enter-delay: 70ms;
}

.ixir-wh-apps.is-armed .ixir-wh-apps-lead {
 --ixir-enter-delay: 120ms;
}

.ixir-wh-apps.is-armed .ixir-wh-apps-copy {
 --ixir-enter-delay: 180ms;
}

.ixir-wh-apps.is-armed .ixir-wh-apps-list li:nth-child(1) {
 --ixir-enter-delay: 240ms;
}

.ixir-wh-apps.is-armed .ixir-wh-apps-list li:nth-child(2) {
 --ixir-enter-delay: 290ms;
}

.ixir-wh-apps.is-armed .ixir-wh-apps-list li:nth-child(3) {
 --ixir-enter-delay: 340ms;
}

.ixir-wh-apps.is-armed .ixir-wh-apps-list li:nth-child(4) {
 --ixir-enter-delay: 390ms;
}

.ixir-wh-apps.is-armed .ixir-wh-apps-list li:nth-child(5) {
 --ixir-enter-delay: 440ms;
}

.ixir-wh-apps.is-armed .ixir-wh-apps-list li:nth-child(6) {
 --ixir-enter-delay: 490ms;
}

.ixir-wh-apps.is-armed .ixir-wh-apps-stack.is-in,
.ixir-wh-apps.is-armed h2.is-in,
.ixir-wh-apps.is-armed .ixir-wh-apps-lead.is-in,
.ixir-wh-apps.is-armed .ixir-wh-apps-copy.is-in,
.ixir-wh-apps.is-armed .ixir-wh-apps-list li.is-in,
.ixir-wh-apps.is-settled .ixir-wh-apps-stack,
.ixir-wh-apps.is-settled h2,
.ixir-wh-apps.is-settled .ixir-wh-apps-lead,
.ixir-wh-apps.is-settled .ixir-wh-apps-copy,
.ixir-wh-apps.is-settled .ixir-wh-apps-list li {
 opacity: 1;
 transform: translate3d(0, 0, 0);
 pointer-events: auto;
}

.ixir-wh-apps.is-settled .ixir-wh-apps-stack,
.ixir-wh-apps.is-settled h2,
.ixir-wh-apps.is-settled .ixir-wh-apps-lead,
.ixir-wh-apps.is-settled .ixir-wh-apps-copy,
.ixir-wh-apps.is-settled .ixir-wh-apps-list li {
 transform: none;
 transition: none;
}

.ixir-wh-apps-stack {
 position: relative;
 width: 142px;
 height: 116px;
 margin: 0 auto 28px;
}

.ixir-wh-apps h2 {
 margin: 0 0 10px;
 color: #fff;
 font-family: "Space Grotesk", "Roboto", sans-serif;
 font-size: clamp(34px, 3vw, 44px);
 font-weight: 700;
 letter-spacing: -0.02em;
 line-height: 1.15;
}

.ixir-wh-apps-lead {
 margin: 0 0 18px;
 color: #fff;
 font-size: clamp(28px, 2.5vw, 38px);
 font-weight: 500;
 letter-spacing: -0.02em;
 line-height: 1.3;
}

.ixir-wh-apps-copy {
 max-width: 820px;
 margin: 0 auto 44px;
 color: rgba(255, 255, 255, 0.72);
 font-size: 17px;
 line-height: 1.65;
}

.ixir-wh-apps-list {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 32px 44px;
 margin: 0;
 padding: 0;
 list-style: none;
}

.ixir-wh-apps-list li {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 10px;
 min-width: 96px;
 color: rgba(255, 255, 255, 0.82);
 font-size: 15px;
 font-weight: 500;
}

@media (max-width: 860px) {
 .ixir-wh-apps {
  padding: 52px 0 44px;
 }

 .ixir-wh-apps-copy {
  margin-bottom: 28px;
 }

 .ixir-wh-apps-list {
  gap: 20px 18px;
 }
}

.ixir-wh-compare {
 scroll-margin-top: 130px;
 padding: 36px 0 64px;
 background: #f6f7f9;
}

.ixir-wh-compare.is-armed {
 overflow-x: clip;
}

.ixir-wh-compare.is-armed .ixir-wh-plans-head,
.ixir-wh-compare.is-armed .ixir-wh-table-scroll {
 opacity: 0;
 transform: translate3d(112px, 0, 0);
 pointer-events: none;
 transition:
  transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) var(--ixir-enter-delay, 0ms),
  opacity 0.56s ease var(--ixir-enter-delay, 0ms);
}

.ixir-wh-compare.is-armed .ixir-wh-plans-head {
 --ixir-enter-delay: 0ms;
 transform: translate3d(64px, 0, 0);
}

.ixir-wh-compare.is-armed .ixir-wh-table-scroll {
 --ixir-enter-delay: 90ms;
}

.ixir-wh-compare.is-armed .ixir-wh-plans-head.is-in,
.ixir-wh-compare.is-armed .ixir-wh-table-scroll.is-in,
.ixir-wh-compare.is-settled .ixir-wh-plans-head,
.ixir-wh-compare.is-settled .ixir-wh-table-scroll {
 opacity: 1;
 transform: translate3d(0, 0, 0);
 pointer-events: auto;
}

.ixir-wh-compare.is-settled .ixir-wh-plans-head,
.ixir-wh-compare.is-settled .ixir-wh-table-scroll {
 transform: none;
 transition: none;
}

.ixir-wh-compare.ixir-slide--left.is-armed .ixir-wh-plans-head {
 transform: translate3d(-64px, 0, 0);
}

.ixir-wh-compare.ixir-slide--left.is-armed .ixir-wh-table-scroll {
 transform: translate3d(-112px, 0, 0);
}

.ixir-wh-compare.ixir-slide--left.is-armed .ixir-wh-plans-head.is-in,
.ixir-wh-compare.ixir-slide--left.is-armed .ixir-wh-table-scroll.is-in {
 transform: translate3d(0, 0, 0);
}

.ixir-wh-compare .ixir-wh-plans-head {
 margin-bottom: 22px;
}

.ixir-wh-shared-box {
 margin-top: 22px;
 padding: 24px;
 border: 1px solid #dbe5f8;
 border-radius: 16px;
 background: linear-gradient(180deg, #f7faff 0%, #fff 100%);
}

.ixir-wh-shared-head {
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 justify-content: space-between;
 gap: 4px 16px;
 margin-bottom: 18px;
}

.ixir-wh-shared-label {
 margin: 0 0 18px;
 color: #0b2545;
 font-family: "Space Grotesk", sans-serif;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: -0.01em;
 text-transform: none;
}

.ixir-wh-shared-head .ixir-wh-shared-label {
 margin: 0;
}

.ixir-wh-shared-head > span {
 color: #6b7280;
 font-size: 13px;
 line-height: 1.4;
}

.ixir-wh-shared {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 align-items: start;
 gap: 12px;
 margin: 0;
 padding: 0;
 list-style: none;
}

.ixir-wh-shared li {
 position: relative;
 display: grid;
 grid-template-columns: 36px minmax(0, 1fr) auto;
 align-items: center;
 column-gap: 12px;
 min-width: 0;
 padding: 14px;
 border: 1px solid #e6ebf5;
 border-radius: 12px;
 background: #fff;
 color: #0b2545;
 font-size: 14px;
 font-weight: 700;
 line-height: 1.3;
 transition:
  border-color 0.18s ease,
  box-shadow 0.18s ease,
  transform 0.18s ease;
}

.ixir-wh-shared li:hover {
 border-color: #c9d8f5;
 box-shadow: 0 10px 24px rgba(26, 86, 196, 0.08);
 transform: translateY(-2px);
}

.ixir-wh-shared > li > i {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 36px;
 width: 36px;
 height: 36px;
 border-radius: 10px;
 background: linear-gradient(135deg, #386ce0 0%, #1a56c4 100%);
 box-shadow: 0 6px 14px rgba(56, 108, 224, 0.28);
 color: #fff;
 font-size: 14px;
}

.ixir-wh-shared .ixir-wh-tip {
 display: contents;
}

.ixir-wh-shared .ixir-wh-tip-btn {
 grid-column: 3;
 grid-row: 1;
 font-size: 14px;
}

.ixir-wh-shared li:hover .ixir-wh-tip-btn,
.ixir-wh-shared li:focus-within .ixir-wh-tip-btn {
 color: #1a56c4;
}

.ixir-wh-shared .ixir-wh-tip .ixir-wh-tip-box {
 position: static;
 grid-column: 1 / -1;
 grid-row: 2;
 display: block;
 width: auto;
 max-height: 0;
 margin: 0;
 padding: 0 12px;
 overflow: hidden;
 border-radius: 8px;
 background: #f0f5ff;
 box-shadow: none;
 color: #3d4a63;
 font-size: 13px;
 font-weight: 500;
 line-height: 1.5;
 opacity: 0;
 transition:
  max-height 0.3s ease 0.15s,
  margin-top 0.3s ease 0.15s,
  padding 0.3s ease 0.15s,
  opacity 0.2s ease 0.15s;
}

.ixir-wh-shared li:hover .ixir-wh-tip .ixir-wh-tip-box,
.ixir-wh-shared li:focus-within .ixir-wh-tip .ixir-wh-tip-box {
 max-height: 240px;
 margin-top: 12px;
 padding: 10px 12px;
 opacity: 1;
 transition:
  max-height 0.6s ease,
  margin-top 0.5s ease,
  padding 0.5s ease,
  opacity 0.5s ease 0.1s;
}

.ixir-wh-plan:hover,
.ixir-wh-shared li:hover {
 z-index: 5;
}

.ixir-wh-shared[data-visible="10"] > li:nth-child(n + 11),
.ixir-wh-shared[data-visible="20"] > li:nth-child(n + 21) {
 display: none;
}

.ixir-wh-tip {
 position: relative;
 display: inline-flex;
 margin-left: 4px;
 vertical-align: middle;
}

.ixir-wh-tip-btn {
 padding: 0;
 border: 0;
 background: none;
 color: #9aa3b2;
 font-size: 12px;
 line-height: 1;
 cursor: help;
}

.ixir-wh-tip-box {
 display: none;
 position: absolute;
 z-index: 6;
 right: 0;
 bottom: calc(100% + 8px);
 width: 230px;
 padding: 8px 10px;
 border-radius: 8px;
 background: #0b2545;
 color: #fff;
 font-size: 12px;
 font-weight: 500;
 line-height: 1.45;
 letter-spacing: 0;
 text-align: left;
 text-transform: none;
 white-space: normal;
 box-shadow: 0 10px 24px rgba(36, 41, 53, 0.22);
}

.ixir-wh-tip:hover .ixir-wh-tip-box,
.ixir-wh-tip:focus-within .ixir-wh-tip-box {
 display: block;
}

@media (max-width: 1280px) {
 .ixir-wh-grid,
 .ixir-wh-assurances {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .ixir-wh-grid.ixir-wh-grid--3,
 .ixir-wh-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
 }

 .ixir-wh-shared {
  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}

@media (max-width: 1024px) {
 .ixir-wh-shared {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
}

@media (max-width: 768px) {
 .ixir-wh-assurances {
  grid-template-columns: minmax(0, 1fr);
 }
}

@media (max-width: 576px) {
 .ixir-wh-shared-box {
  padding: 18px 14px;
 }

 .ixir-wh-shared {
  grid-template-columns: minmax(0, 1fr);
 }
}

.ixir-wh-slider-nav {
 display: none;
}

.ixir-wh-slider-nav[hidden] {
 display: none !important;
}

.ixir-wh-slider-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 padding: 0;
 border: 1px solid #e6e8ee;
 border-radius: 50%;
 background: #fff;
 color: #0b2545;
 font-size: 14px;
 box-shadow: 0 6px 16px rgba(36, 41, 53, 0.08);
 cursor: pointer;
 transition:
  background 0.2s ease,
  color 0.2s ease,
  opacity 0.2s ease;
}

.ixir-wh-slider-btn:not(:disabled):hover,
.ixir-wh-slider-btn:not(:disabled):focus-visible {
 background: #0b2545;
 color: #fbd746;
}

.ixir-wh-slider-btn:disabled {
 opacity: 0.35;
 cursor: default;
 box-shadow: none;
}

.ixir-wh-slider-dots {
 display: flex;
 align-items: center;
 gap: 8px;
}

.ixir-wh-slider-dot {
 position: relative;
 width: 8px;
 height: 8px;
 padding: 0;
 border: 0;
 border-radius: 999px;
 background: #cfd4dc;
 cursor: pointer;
 transition:
  width 0.25s ease,
  background 0.25s ease;
}

.ixir-wh-slider-dot::before {
 content: "";
 position: absolute;
 inset: -10px -4px;
}

.ixir-wh-slider-dot.is-active {
 width: 24px;
 background: #0b2545;
}

@media (max-width: 1024px) {
 .ixir-wh-shared.ixir-wh-shared--slider {
  --ixir-shared-rows: 3;
  --ixir-shared-cols: 2;
  --ixir-shared-gap: 12px;
  grid-auto-flow: column;
  grid-template-columns: none;
  grid-template-rows: repeat(var(--ixir-shared-rows), auto);
  grid-auto-columns: calc(
   (100% - (var(--ixir-shared-cols) - 1) * var(--ixir-shared-gap)) /
    var(--ixir-shared-cols)
  );
  column-gap: var(--ixir-shared-gap);
  padding: 4px 0 16px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
 }

 .ixir-wh-shared--slider::-webkit-scrollbar {
  display: none;
 }

 .ixir-wh-shared--slider > .ixir-wh-shared-page {
  scroll-snap-align: start;
  scroll-snap-stop: always;
 }

 .ixir-wh-shared.ixir-wh-shared--slider[data-visible] > li:nth-child(n) {
  display: grid;
 }

 .ixir-wh-slider-nav--shared {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
 }
}

@media (max-width: 576px) {
 .ixir-wh-shared.ixir-wh-shared--slider {
  --ixir-shared-cols: 1;
  --ixir-shared-gap: 24px;
 }
}

@media (max-width: 1024px) {
 .ixir-wh-plans.ixir-slide.is-slide-in {
  transform: none;
 }

 .ixir-wh-grid {
  --ixir-plan-per-view: 2;
  --ixir-plan-gap: 16px;
  display: flex;
  gap: var(--ixir-plan-gap);
  margin: 0;
  padding: 24px 0 24px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-padding: 0;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
 }

 .ixir-wh-grid::-webkit-scrollbar {
  display: none;
 }

 .ixir-wh-grid > .ixir-wh-plan {
  flex: 0 0
   calc(
    (100% - (var(--ixir-plan-per-view) - 1) * var(--ixir-plan-gap)) /
     var(--ixir-plan-per-view)
   );
  scroll-snap-align: start;
  scroll-snap-stop: always;
  box-shadow: 0 6px 14px rgba(36, 41, 53, 0.06);
 }

 .ixir-wh-slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
 }
}

@media (max-width: 768px) {
 .ixir-wh-grid {
  --ixir-plan-per-view: 1;
  --ixir-plan-gap: calc(2 * var(--ixir-gutter, 16px));
  margin: 0 calc(-1 * var(--ixir-gutter, 16px));
  padding: 14px var(--ixir-gutter, 16px) 20px;
  scroll-padding: 0 var(--ixir-gutter, 16px);
 }
}

@media (min-width: 768px) {
 .ixir-wh-diff-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
}

@media (min-width: 1024px) {
 .ixir-wh-diff-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}

.ixir-wh-plans.is-armed {
 overflow-x: clip;
}

.ixir-wh-plans.is-armed .ixir-wh-plans-head,
.ixir-wh-plans.is-armed .ixir-wh-plan,
.ixir-wh-plans.is-armed .ixir-wh-shared-box {
 opacity: 0;
 transform: translate3d(112px, 0, 0);
 pointer-events: none;
 transition:
  transform 0.72s cubic-bezier(0.22, 1, 0.36, 1) var(--ixir-enter-delay, 0ms),
  opacity 0.56s ease var(--ixir-enter-delay, 0ms);
}

.ixir-wh-plans.is-armed .ixir-wh-plans-head {
 --ixir-enter-delay: 0ms;
 transform: translate3d(64px, 0, 0);
}

.ixir-wh-plans.is-armed .ixir-wh-plan:nth-child(1) {
 --ixir-enter-delay: 70ms;
}

.ixir-wh-plans.is-armed .ixir-wh-plan:nth-child(2) {
 --ixir-enter-delay: 140ms;
}

.ixir-wh-plans.is-armed .ixir-wh-plan:nth-child(3) {
 --ixir-enter-delay: 210ms;
}

.ixir-wh-plans.is-armed .ixir-wh-plan:nth-child(4) {
 --ixir-enter-delay: 280ms;
}

.ixir-wh-plans.is-armed .ixir-wh-shared-box {
 --ixir-enter-delay: 360ms;
}

.ixir-wh-plans.is-armed .ixir-wh-plans-head.is-in,
.ixir-wh-plans.is-armed .ixir-wh-plan.is-in,
.ixir-wh-plans.is-armed .ixir-wh-shared-box.is-in {
 opacity: 1;
 transform: translate3d(0, 0, 0);
 pointer-events: auto;
}

.ixir-wh-plans.is-settled .ixir-wh-plans-head,
.ixir-wh-plans.is-settled .ixir-wh-plan,
.ixir-wh-plans.is-settled .ixir-wh-shared-box {
 opacity: 1;
 transform: none;
 pointer-events: auto;
 transition: none;
}

@media (min-width: 1280px) {
 .ixir-wh-plans.is-armed .ixir-wh-plan:nth-child(1) {
  --ixir-enter-delay: 300ms;
 }

 .ixir-wh-plans.is-armed .ixir-wh-plan:nth-child(2) {
  --ixir-enter-delay: 210ms;
 }

 .ixir-wh-plans.is-armed .ixir-wh-plan:nth-child(3) {
  --ixir-enter-delay: 120ms;
 }

 .ixir-wh-plans.is-armed .ixir-wh-plan:nth-child(4) {
  --ixir-enter-delay: 40ms;
 }
}

@media (max-width: 1024px), (prefers-reduced-motion: reduce) {
 .ixir-wh-apps.is-armed {
  overflow-x: visible;
 }

 .ixir-wh-apps.is-armed .ixir-wh-apps-stack,
 .ixir-wh-apps.is-armed h2,
 .ixir-wh-apps.is-armed .ixir-wh-apps-lead,
 .ixir-wh-apps.is-armed .ixir-wh-apps-copy,
 .ixir-wh-apps.is-armed .ixir-wh-apps-list li,
 .ixir-wh-apps.is-armed .ixir-wh-apps-stack.is-in,
 .ixir-wh-apps.is-armed h2.is-in,
 .ixir-wh-apps.is-armed .ixir-wh-apps-lead.is-in,
 .ixir-wh-apps.is-armed .ixir-wh-apps-copy.is-in,
 .ixir-wh-apps.is-armed .ixir-wh-apps-list li.is-in {
  opacity: 1;
  transform: none;
  pointer-events: auto;
  transition: none;
 }

 .ixir-wh-compare.is-armed {
  overflow-x: visible;
 }

 .ixir-wh-compare.is-armed .ixir-wh-plans-head,
 .ixir-wh-compare.is-armed .ixir-wh-table-scroll,
 .ixir-wh-compare.is-armed .ixir-wh-plans-head.is-in,
 .ixir-wh-compare.is-armed .ixir-wh-table-scroll.is-in {
  opacity: 1;
  transform: none;
  pointer-events: auto;
  transition: none;
 }

 .ixir-wh-diff.is-armed {
  overflow-x: visible;
 }

 .ixir-wh-diff.is-armed .ixir-wh-diff-head,
 .ixir-wh-diff.is-armed .ixir-wh-diff-grid li,
 .ixir-wh-diff.is-armed .ixir-wh-diff-head.is-in,
 .ixir-wh-diff.is-armed .ixir-wh-diff-grid li.is-in {
  opacity: 1;
  transform: none;
  pointer-events: auto;
  transition: none;
 }

 .ixir-wh-plans.is-armed {
  overflow-x: visible;
 }

 .ixir-wh-plans.is-armed .ixir-wh-plans-head,
 .ixir-wh-plans.is-armed .ixir-wh-plan,
 .ixir-wh-plans.is-armed .ixir-wh-shared-box,
 .ixir-wh-plans.is-armed .ixir-wh-plans-head.is-in,
 .ixir-wh-plans.is-armed .ixir-wh-plan.is-in,
 .ixir-wh-plans.is-armed .ixir-wh-shared-box.is-in,
 .ixir-wh-assurances.is-pending li,
 .ixir-wh-assurances.is-pending.is-in li {
  opacity: 1;
  transform: none;
  pointer-events: auto;
  transition: none;
 }
}

.ixir-wh-story-features-head {
 max-width: 980px;
 margin: 0 auto 36px;
 text-align: center;
}

.ixir-wh-story-features-head h2 {
 margin: 0 0 10px;
 color: #fff;
}

.ixir-wh-story-features-head p {
 margin: 0 auto;
 color: rgba(255, 255, 255, 0.78);
 font-size: 15.5px;
 line-height: 1.6;
}

.ixir-wh-page--wp .ixir-wh-diff {
 background:
  radial-gradient(
   ellipse 55% 50% at 20% 0%,
   rgba(59, 120, 231, 0.16),
   transparent 65%
  ),
  #0b2545;
}

.ixir-wh-page--wp .ixir-wh-diff-head h2 {
 color: #fff;
}

.ixir-wh-page--wp .ixir-wh-diff-head p {
 color: rgba(255, 255, 255, 0.62);
}

.ixir-wh-page--wp .ixir-wh-diff--wp .ixir-wh-diff-grid li {
 padding: 18px 16px;
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 18px;
 background: rgba(255, 255, 255, 0.04);
}

.ixir-wh-page--wp .ixir-wh-diff-grid h3 {
 color: #fff;
}

.ixir-wh-page--wp .ixir-wh-diff-grid p {
 color: rgba(255, 255, 255, 0.66);
}

.ixir-wh-page--wp .ixir-wh-plans.is-armed .ixir-wh-plans-head:not(.is-in) {
 transform: translate3d(-64px, 0, 0);
}

.ixir-wh-page--wp .ixir-wh-plans.is-armed .ixir-wh-plan:not(.is-in),
.ixir-wh-plans.is-armed .ixir-wh-grid--3 .ixir-wh-plan:not(.is-in) {
 transform: translate3d(112px, 0, 0);
}

@media (min-width: 1024px) {
 .ixir-wh-plans.is-armed .ixir-wh-grid--3 .ixir-wh-plan:nth-child(3) {
  --ixir-enter-delay: 80ms;
 }

 .ixir-wh-plans.is-armed .ixir-wh-grid--3 .ixir-wh-plan:nth-child(2) {
  --ixir-enter-delay: 180ms;
 }

 .ixir-wh-plans.is-armed .ixir-wh-grid--3 .ixir-wh-plan:nth-child(1) {
  --ixir-enter-delay: 280ms;
 }
}

.ixir-wh-page--wp .ixir-wh-plans.is-armed .ixir-wh-shared-box:not(.is-in) {
 transform: translate3d(72px, 0, 0);
}

.ixir-wh-page--wp .ixir-wh-diff.is-armed .ixir-wh-diff-head:not(.is-in) {
 transform: translate3d(-64px, 0, 0);
}

.ixir-wh-page--wp
 .ixir-wh-diff.is-armed
 .ixir-wh-diff-grid
 li:nth-child(odd):not(.is-in) {
 transform: translate3d(-112px, 0, 0);
}

.ixir-wh-page--wp .ixir-wh-faq .ixir-wh-faq-item,
.ixir-wh-page--wp .ixir-wh-faq.is-armed .ixir-wh-faq-item {
 transform: none !important;
 opacity: 1 !important;
}

.ixir-wh-shared.ixir-wh-shared--click li:hover .ixir-wh-tip .ixir-wh-tip-box,
.ixir-wh-shared.ixir-wh-shared--click
 li:focus-within
 .ixir-wh-tip
 .ixir-wh-tip-box {
 max-height: 0;
 margin-top: 0;
 padding: 0 12px;
 opacity: 0;
 transition:
  max-height 0.3s ease,
  margin-top 0.3s ease,
  padding 0.3s ease,
  opacity 0.2s ease;
}

.ixir-wh-shared.ixir-wh-shared--click li.is-open .ixir-wh-tip .ixir-wh-tip-box {
 max-height: 240px;
 margin-top: 12px;
 padding: 10px 12px;
 opacity: 1;
 transition:
  max-height 0.5s ease,
  margin-top 0.4s ease,
  padding 0.4s ease,
  opacity 0.4s ease 0.05s;
}

.ixir-wh-shared.ixir-wh-shared--click li:focus-within .ixir-wh-tip-btn {
 color: #9aa3b2;
}

.ixir-wh-shared.ixir-wh-shared--click li:hover .ixir-wh-tip-btn,
.ixir-wh-shared.ixir-wh-shared--click li.is-open .ixir-wh-tip-btn {
 color: #1a56c4;
}

@media (min-width: 1280px) {
 .ixir-wh-shared--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
 }

 .ixir-wh-shared--5 li {
  grid-template-columns: 32px minmax(0, 1fr) auto;
  column-gap: 10px;
  padding: 12px;
  font-size: 13.5px;
 }

 .ixir-wh-shared.ixir-wh-shared--5 > li > i {
  width: 32px;
  height: 32px;
  font-size: 13px;
 }
}

.ixir-wh-shared > li.is-revealed {
 animation: ixirSharedIn 0.45s ease both;
}

@keyframes ixirSharedIn {
 from {
  opacity: 0;
  transform: translateY(10px);
 }

 to {
  opacity: 1;
  transform: none;
 }
}

.ixir-wh-shared-more {
 display: flex;
 justify-content: center;
 margin-top: 18px;
}

.ixir-wh-shared-more-btn {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 padding: 10px 14px 10px 20px;
 border: 1px solid #c9d8f5;
 border-radius: 999px;
 background: #fff;
 box-shadow: 0 6px 16px rgba(26, 86, 196, 0.08);
 color: #1a56c4;
 font-family: "Roboto", sans-serif;
 font-size: 14px;
 font-weight: 700;
 line-height: 1;
 cursor: pointer;
 transition:
  background-color 0.2s ease,
  border-color 0.2s ease,
  color 0.2s ease,
  box-shadow 0.2s ease;
}

.ixir-wh-shared-more-btn:hover,
.ixir-wh-shared-more-btn:focus-visible {
 border-color: #1a56c4;
 background: #1a56c4;
 box-shadow: 0 10px 22px rgba(26, 86, 196, 0.22);
 color: #fff;
 outline: none;
}

.ixir-wh-shared-more-count {
 padding: 4px 8px;
 border-radius: 999px;
 background: #eaf1ff;
 color: #1a56c4;
 font-size: 12px;
}

.ixir-wh-shared-more-count:empty {
 display: none;
}

.ixir-wh-shared-more-btn i {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 24px;
 height: 24px;
 border-radius: 50%;
 background: #eaf1ff;
 font-size: 11px;
 transition:
  transform 0.25s ease,
  background-color 0.2s ease;
}

.ixir-wh-shared-more-btn:hover i,
.ixir-wh-shared-more-btn:focus-visible i {
 background: rgba(255, 255, 255, 0.18);
 transform: translateY(2px);
}

.ixir-wh-shared-more-btn[aria-expanded="true"] i {
 transform: rotate(180deg);
}

.ixir-wh-shared-more-btn[aria-expanded="true"]:hover i,
.ixir-wh-shared-more-btn[aria-expanded="true"]:focus-visible i {
 transform: rotate(180deg) translateY(2px);
}

@media (prefers-reduced-motion: reduce) {
 .ixir-wh-shared > li.is-revealed {
  animation: none;
 }
}