.app-product-page--splitstack {
  --splitstack-blue: #0a64d8;
  --splitstack-navy: #071b3d;
  --splitstack-volt: #d7ff00;
  --splitstack-ivory: #f4f0e8;
  --app-feature-main-screen-width: 330px;
}

.app-product-page--splitstack .app-feature-hero {
  background:
    radial-gradient(circle at 14% 12%, rgba(10, 100, 216, 0.12), transparent 32%),
    linear-gradient(145deg, #ffffff 0%, var(--splitstack-ivory) 100%);
}

.app-product-page--splitstack .app-feature-kicker,
.app-product-page--splitstack .app-theme-picker__label {
  color: var(--splitstack-blue);
}

.app-product-page--splitstack .app-feature-release-note {
  border-left-color: var(--splitstack-blue);
}

.app-product-page--splitstack .app-theme-picker {
  border: 1px solid rgba(10, 100, 216, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 20px 48px rgba(7, 27, 61, 0.07);
}

.app-product-page--splitstack .app-theme-picker__list {
  gap: 16px;
}

.app-product-page--splitstack .app-theme-option:focus-visible {
  outline-color: rgba(10, 100, 216, 0.5);
}

.app-product-page--splitstack .app-theme-option.is-active .app-theme-option__phone {
  box-shadow:
    0 0 0 3px rgba(10, 100, 216, 0.2),
    0 14px 26px rgba(7, 27, 61, 0.2);
}

.app-product-page--splitstack .app-feature-panel {
  background:
    radial-gradient(circle at 100% 0%, rgba(215, 255, 0, 0.16), transparent 30%),
    #ffffff;
}

.app-product-page--splitstack .app-feature-panel__intro h2 {
  color: var(--splitstack-navy);
}

.app-product-page--splitstack .app-feature-crop {
  background: var(--splitstack-navy);
}

.app-product-page--splitstack .app-feature-crop img {
  object-position: center top;
}

.splitstack-status-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.splitstack-status-chips li {
  padding: 8px 12px;
  border: 1px solid rgba(10, 100, 216, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--splitstack-navy);
  font-size: 0.76rem;
  font-weight: 800;
}

.splitstack-training-note {
  margin: 28px 0 0;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(7, 27, 61, 0.05);
  color: #4f5968;
  font-size: 0.84rem;
  line-height: 1.7;
}

@media (max-width: 760px) {
  .app-product-page--splitstack {
    --app-feature-main-screen-width: 285px;
  }

  .app-product-page--splitstack .app-theme-picker__list {
    justify-content: space-between;
  }
}