/* Profit Bid — overrides on theme marketing.css */

@import "./app/_loading-lottie.css";

/* Marketing pages — shared hero background (navy + dot field) */
.pm-marketing-page-band {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 100%;
  color: #ffffff;
  background:
    radial-gradient(110% 90% at 12% 0%, rgba(52, 199, 89, 0.2) 0%, transparent 54%),
    radial-gradient(85% 75% at 90% 12%, rgba(99, 102, 241, 0.18) 0%, transparent 50%),
    linear-gradient(180deg, #070d19 0%, #0b1224 68%, #0b1224 100%);
}

.pm-marketing-page-band > .pm-saas-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.pm-marketing-page-band__content {
  position: relative;
  z-index: 1;
  padding-top: var(--pm-header-float-height);
}

/* Homepage keeps its own dark band — avoid double background */
.pm-marketing-page-band:has(.pm-home-dark-band) {
  background: transparent;
}

.pm-marketing-page-band:has(.pm-home-dark-band) > .pm-saas-hero__bg {
  display: none;
}

.pm-marketing-page-band:has(.pm-home-dark-band) .pm-marketing-page-band__content {
  padding-top: 0;
}

.pm-main-content:has(> .pm-marketing-page-band) {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  overflow-x: clip;
  background: #070d19;
}

.pm-main-content > .pm-marketing-page-band {
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
}

html:has(.pm-marketing-page-band),
body:has(.pm-marketing-page-band) {
  overflow-x: clip;
  background: #070d19;
}

body:has(.pm-marketing-page-band) .pm-footer {
  border-top-color: rgba(99, 102, 241, 0.22);
}

body:has(.pm-marketing-page-band) .pm-footer-menu a,
body:has(.pm-marketing-page-band) .pm-footer-secondary-text {
  color: #94a3b8;
}

body:has(.pm-marketing-page-band) .pm-footer-nav-title {
  color: #f8fafc;
  background: rgba(99, 102, 241, 0.16);
  border-color: rgba(99, 102, 241, 0.38);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 1px 8px rgba(0, 0, 0, 0.18);
}

body:has(.pm-marketing-page-band) .pm-footer-menu a:hover {
  color: #e2e8f0;
}

/* Dark floating header on all marketing pages with hero background */
body:has(.pm-marketing-page-band) .pm-header.pm-header--floating .pm-header-bar {
  border-color: rgba(99, 102, 241, 0.24);
  background: rgba(15, 23, 42, 0.92);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

body:has(.pm-marketing-page-band) .pm-header.pm-header--floating .pm-menu a,
body:has(.pm-marketing-page-band) .pm-header.pm-header--floating .pm-header-nav-dropdown__trigger {
  color: #cbd5e1;
}

body:has(.pm-marketing-page-band) .pm-header.pm-header--floating .pm-menu a:hover,
body:has(.pm-marketing-page-band) .pm-header.pm-header--floating .pm-header-nav-dropdown__trigger:hover,
body:has(.pm-marketing-page-band) .pm-header.pm-header--floating .pm-header-nav-dropdown.is-open .pm-header-nav-dropdown__trigger {
  color: #e2e8f0;
  background: rgba(99, 102, 241, 0.16);
}

body:has(.pm-marketing-page-band) .pm-header.pm-header--floating .pm-account-icon {
  border-color: rgba(99, 102, 241, 0.24);
  background: rgba(15, 23, 42, 0.75);
  color: #cbd5e1;
}

body:has(.pm-marketing-page-band) .pm-header.pm-header--floating .pm-account-icon:hover {
  color: #e2e8f0;
  border-color: rgba(31, 97, 255, 0.45);
  background: rgba(20, 30, 58, 0.95);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

body:has(.pm-marketing-page-band) .pm-site-logo-text {
  color: #f1f5f9;
}

body:has(.pm-marketing-page-band) .pm-header.pm-header--floating .pm-sidebar-toggle {
  border-color: rgba(99, 102, 241, 0.24);
  background: rgba(15, 23, 42, 0.92);
  color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}

/* Page shells — transparent so hero background shows through */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-page,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo.pm-saas-section {
  background: transparent;
}

/* Features / reviews — light typography on dark page canvas */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-hero h1,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-workflow-header h2,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-integrations h2,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-section-header h2,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-title {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-big-num {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-big-count {
  color: rgba(226, 232, 240, 0.82);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-divider {
  background: rgba(148, 163, 184, 0.35);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-hero p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-workflow-header p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-integrations > p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-section-header p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-subtitle {
  color: rgba(226, 232, 240, 0.82);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-section-label,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-label {
  color: #7dd3fc;
}

/* Reviews page — dark cards and platform blocks */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platforms .pm-platform-badge--hero,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .pm-platform-badge--hero {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.18), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(11, 18, 36, 0.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 16px 40px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .pm-platform-badge--hero .pm-platform-badge__label {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .pm-platform-badge__hero-note {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .pm-platform-badge--hero .pm-platform-badge__tile {
  background: rgba(11, 18, 36, 0.92);
  border-color: rgba(99, 102, 241, 0.22);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .pm-platform-badge--hero .pm-platform-badge__tile:hover {
  border-color: rgba(96, 165, 250, 0.45);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-head {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%, rgba(99, 102, 241, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.9) 0%, rgba(11, 18, 36, 0.95) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 32px rgba(0, 0, 0, 0.24);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-logo-tile {
  background: rgba(11, 18, 36, 0.95);
  border-color: rgba(99, 102, 241, 0.22);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-kicker {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-title,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-score {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-scorecard {
  background: rgba(11, 18, 36, 0.88);
  border-color: rgba(99, 102, 241, 0.22);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-count {
  color: rgba(226, 232, 240, 0.68);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-opt {
  background: rgba(15, 23, 42, 0.88);
  border-color: rgba(99, 102, 241, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-opt__name {
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-opt.is-selected,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-opt:has(input:checked) {
  background: rgba(30, 58, 138, 0.35);
  border-color: rgba(96, 165, 250, 0.5);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.18);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-opt.is-selected .wt-rv-platform-opt__name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-platform-opt:has(input:checked) .wt-rv-platform-opt__name {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-card {
  background: rgba(15, 23, 42, 0.88);
  border-color: rgba(99, 102, 241, 0.22);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-card:hover {
  background: rgba(17, 28, 50, 0.95);
  border-color: rgba(99, 102, 241, 0.38);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
  transform: translateY(-4px);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-card-text {
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-card-author {
  border-top-color: rgba(148, 163, 184, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-author-name {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv-author-date {
  color: rgba(226, 232, 240, 0.62);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-hero-stat-value {
  color: #6ee7b7;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-hero-stat-label {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-workflow-step h3 {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-workflow-step p {
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-workflow-step-num {
  background: rgba(15, 23, 42, 0.88);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features {
  padding-top: clamp(32px, 5vw, 56px);
}

/* Features page — full-bleed iOS layout from wootrack-features plugin */
.pm-main-content:has(.wtrk-features-page) {
  padding: 0;
  max-width: none;
  overflow-x: clip;
}

html:has(.wtrk-features-page),
body:has(.wtrk-features-page) {
  overflow-x: clip;
}

.wtrk-features-page {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.wtrk-features-page .wtrk-features {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

/* Features — supported platforms strip */
.wtrk-platforms-section {
  margin-bottom: 88px;
}

.wtrk-platforms-section__header {
  margin-bottom: 36px !important;
}

.wtrk-platforms-logos {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}

.wtrk-platforms-logos__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 22px 16px;
  background: var(--wtrk-card, #fff);
  border: 1px solid var(--wtrk-border, rgba(0, 0, 0, 0.08));
  border-radius: 20px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

.wtrk-platforms-logos__img {
  width: auto !important;
  height: 36px !important;
  max-width: 100%;
  object-fit: contain;
}

.wtrk-platforms-logos__img.platform-brand-image--shopware {
  border-radius: 8px;
}

.wtrk-platforms-logos__name {
  font-size: 13px;
  font-weight: 600;
  color: var(--wtrk-text-secondary, #6b7280);
  text-align: center;
}

.wtrk-platforms-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.wtrk-platforms-highlight {
  padding: 28px 24px;
  background: var(--wtrk-card, #fff);
  border-radius: 20px;
  border: 1px solid var(--wtrk-border, rgba(0, 0, 0, 0.08));
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
}

.wtrk-platforms-highlight h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  color: var(--wtrk-text, #111);
}

.wtrk-platforms-highlight p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--wtrk-text-secondary, #6b7280);
}

/* Features page — dark surfaces on marketing navy canvas */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-features {
  --wtrk-bg: rgba(11, 18, 36, 0.88);
  --wtrk-card: rgba(15, 23, 42, 0.92);
  --wtrk-text: #f8fafc;
  --wtrk-text-secondary: rgba(226, 232, 240, 0.78);
  --wtrk-border: rgba(99, 102, 241, 0.24);
  background: transparent;
  color: rgba(226, 232, 240, 0.92);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-platforms-logos__item,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-platforms-highlight,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-ad-platforms-chip,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-highlight-section,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-menu-section,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-flow-section,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-features-ai-agent,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-feature-card:not(.featured):not(.featured-green):not(.featured-orange),
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-integration-icon {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(11, 18, 36, 0.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 12px 32px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-flow-step,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-preset-card,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-menu-item,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-workflow-step-num,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__card {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(11, 18, 36, 0.9);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-platforms-highlight h3,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-platforms-logos__name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-ad-platforms-chip__name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-highlight-header h2,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-highlight-header p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-flow-header h2,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-flow-header p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-flow-step h4,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-preset-name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-menu-text h4,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-integration-name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-feature-title,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__card-body h3,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__intro .pm-saas-heading,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__intro .pm-saas-lead,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__proby-intro {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-platforms-highlight p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-flow-step p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-preset-desc,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-menu-text p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-feature-desc,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-feature-list li,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__card-body p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__detail {
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-ad-platforms-chip:hover,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-menu-item:hover {
  border-color: rgba(96, 165, 250, 0.38);
  background: rgba(20, 30, 58, 0.96);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-ad-platforms-chip__badge {
  color: rgba(226, 232, 240, 0.72);
  background: rgba(255, 255, 255, 0.08);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-ad-platforms-chip__badge--live {
  color: #6ee7b7;
  background: rgba(52, 199, 89, 0.16);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-features-ai-agent.pm-saas-section--muted {
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(11, 18, 36, 0.96) 100%);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__visual {
  border-color: rgba(99, 102, 241, 0.28);
  background:
    radial-gradient(ellipse 70% 60% at 20% 20%, rgba(99, 102, 241, 0.18), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 44px rgba(0, 0, 0, 0.32);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__visual-stack::before {
  background: radial-gradient(
    circle,
    rgba(99, 102, 241, 0.24) 0%,
    rgba(99, 102, 241, 0.08) 42%,
    transparent 74%
  );
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__lottie {
  border-color: rgba(99, 102, 241, 0.32);
  background: rgba(11, 18, 36, 0.94);
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent__card:hover {
  border-color: rgba(96, 165, 250, 0.38);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.32);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-feature-list li {
  border-top-color: rgba(99, 102, 241, 0.18);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-preset-card:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-saas-kicker {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-workflow-step-num {
  background: rgba(11, 18, 36, 0.92);
}

/* Features compact layout — dark surfaces */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-stack,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-cap-card,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-label-strip__chip,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-how-timeline__step,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-workspace-list,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-stack-stores__item {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(11, 18, 36, 0.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 8px 24px rgba(0, 0, 0, 0.24);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-stack-extra,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-preset-tag--inline {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(11, 18, 36, 0.88);
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-cap-card h3,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-label-strip__name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-how-timeline__body h3,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-workspace-list strong,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-stack-stores__name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-stack-row__label {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-cap-card p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-label-strip__range,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-how-timeline__body p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-workspace-list li {
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-label-strip__action {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .pm-home-ai-agent--compact {
  margin-bottom: 48px;
}

/* Features — ad platforms chip grid */
.wtrk-ad-platforms-section {
  margin-bottom: 88px;
}

.wtrk-ad-platforms-section__header {
  margin-bottom: 32px !important;
}

.wtrk-ad-platforms-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 8px 6px 0;
  list-style: none;
  overflow: visible;
}

@media (min-width: 640px) {
  .wtrk-ad-platforms-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .wtrk-ad-platforms-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.wtrk-ad-platforms-grid > li {
  min-width: 0;
  overflow: visible;
}

.wtrk-ad-platforms-chip {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 10px 14px;
  overflow: visible;
  border-radius: 12px;
  border: 1px solid var(--wtrk-border, rgba(0, 0, 0, 0.08));
  background: var(--wtrk-card, #fff);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  color: var(--wtrk-text, #111);
  font-size: 0.875rem;
  font-weight: 500;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.wtrk-ad-platforms-chip:hover {
  border-color: rgba(0, 0, 0, 0.14);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.wtrk-ad-platforms-chip--soon {
  opacity: 0.92;
}

.wtrk-ad-platforms-chip--in-progress {
  border-color: rgba(255, 149, 0, 0.35);
  background: rgba(255, 149, 0, 0.08);
}

.wtrk-ad-platforms-chip__logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

.wtrk-ad-platforms-chip__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wtrk-ad-platforms-chip__badge {
  position: absolute;
  top: -7px;
  right: -6px;
  z-index: 1;
  margin: 0;
  flex-shrink: 0;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  color: var(--wtrk-text-secondary, #6b7280);
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.wtrk-ad-platforms-chip__badge--live {
  color: #0d7a4d;
  background: rgba(13, 122, 77, 0.1);
}

.wtrk-ad-platforms-chip__badge--in-progress {
  color: #9a5b00;
  background: rgba(255, 149, 0, 0.16);
}

/* Features — integration logos */
.wtrk-integration-icon--logo {
  padding: 14px;
  font-size: 0;
}

.wtrk-integration-logo {
  width: auto !important;
  height: 44px !important;
  max-width: 72px;
  object-fit: contain;
}

.wtrk-integration-logo.platform-brand-image--shopware {
  border-radius: 8px;
}

.wtrk-integration-logo--google-ads {
  width: auto !important;
  height: 48px !important;
  max-width: 64px;
  object-fit: contain;
}

.wtrk-integration-logo--enhanced {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px;
  object-fit: contain;
}

/* Features — hero stagger on first paint */
@keyframes pm-features-hero-fade-up {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.pm-reveal-features-hero.pm-reveal--visible .pm-reveal-features-hero__item {
  animation: pm-features-hero-fade-up 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-reveal-features-hero.pm-reveal--visible .pm-reveal-features-hero__item:nth-child(1) {
  animation-delay: 0.05s;
}
.pm-reveal-features-hero.pm-reveal--visible .pm-reveal-features-hero__item:nth-child(2) {
  animation-delay: 0.14s;
}
.pm-reveal-features-hero.pm-reveal--visible .pm-reveal-features-hero__item:nth-child(3) {
  animation-delay: 0.22s;
}
.pm-reveal-features-hero.pm-reveal--visible .pm-reveal-features-hero__item:nth-child(4) {
  animation-delay: 0.3s;
}

.pm-reveal-features-hero.pm-reveal--ready:not(.pm-reveal--visible) .pm-reveal-features-hero__item {
  opacity: 0;
}

@media (max-width: 1100px) {
  .wtrk-platforms-logos {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 768px) {
  .wtrk-features-page .wtrk-hero,
  .wtrk-features-page .wtrk-platforms-section,
  .wtrk-features-page .wtrk-ad-platforms-section,
  .wtrk-features-page .wtrk-workflow,
  .wtrk-features-page .wtrk-integrations {
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .wtrk-features-page .wtrk-platforms-logos {
    padding-left: 0;
    padding-right: 0;
  }

  .wtrk-features-page .wtrk-flow-section,
  .wtrk-features-page .wtrk-menu-section {
    padding: 24px 16px !important;
  }

  .wtrk-features-page .wtrk-features-ai-agent {
    overflow-x: clip;
  }

  .wtrk-features-page .wtrk-features-ai-agent .pm-home-ai-agent__visual {
    overflow: hidden;
  }

  .wtrk-features-page .wtrk-features-ai-agent .pm-home-ai-agent__visual-stack {
    max-width: 100%;
    margin: 0 auto;
  }

  .wtrk-features-page .wtrk-automation-grid,
  .wtrk-features-page .wtrk-menu-grid,
  .wtrk-features-page .wtrk-benefits-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .wtrk-features-page .wtrk-flow-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .wtrk-features-page .wtrk-labels-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .wtrk-features-page .wtrk-presets-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .wtrk-features-page .wtrk-workflow-steps {
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
  }

  .wtrk-features-page .wtrk-workflow-steps::before {
    display: block;
    top: 22px;
    left: 8%;
    right: 8%;
    height: 2px;
  }

  .wtrk-features-page .pm-reveal--ready.pm-reveal--left:not(.pm-reveal--visible),
  .wtrk-features-page .pm-reveal--ready.pm-reveal--right:not(.pm-reveal--visible) {
    transform: translate3d(0, 24px, 0);
  }

  .wtrk-platforms-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 900px) {
  .wtrk-platforms-highlights {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .wtrk-platforms-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-reveal-features-hero.pm-reveal--visible .pm-reveal-features-hero__item {
    animation: none;
    opacity: 1;
  }
}



/* Reviews page — full-bleed layout */
.pm-main-content:has(.wt-rv-page) {
  padding: 0;
  max-width: none;
}

.wt-rv-page .wt-rv {
  width: 100%;
}

/* Features grid — 2 cards per row on desktop, 1 on mobile */
.wtrk-features-page .wtrk-features-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wtrk-features-page .wtrk-feature-card.featured,
.wtrk-features-page .wtrk-feature-card.featured-green,
.wtrk-features-page .wtrk-feature-card.featured-orange {
  grid-column: span 1;
}

/* Row wrappers participate in the parent 2-column grid */
.wtrk-features-page .wtrk-features-row-3 {
  display: contents;
}

.wtrk-features-row-3 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin-bottom: 28px;
}

.wtrk-features-grid > .wtrk-features-row-3:last-of-type {
  margin-bottom: 0;
}

.wtrk-feature-card--compact {
  padding: 28px 24px;
}

.wtrk-feature-card--compact .wtrk-feature-icon {
  width: 52px;
  height: 52px;
  font-size: 26px;
  margin-bottom: 18px;
}

.wtrk-feature-card--compact .wtrk-feature-title {
  font-size: 20px;
  margin-bottom: 10px;
}

.wtrk-feature-card--compact .wtrk-feature-desc {
  font-size: 15px;
  margin: 0;
  line-height: 1.55;
}

/* Featured wide cards — icon + title on one row */
.wtrk-feature-card.featured .wtrk-feature-head,
.wtrk-feature-card.featured-green .wtrk-feature-head,
.wtrk-feature-card.featured-orange .wtrk-feature-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
}

.wtrk-feature-card.featured .wtrk-feature-head .wtrk-feature-icon,
.wtrk-feature-card.featured-green .wtrk-feature-head .wtrk-feature-icon,
.wtrk-feature-card.featured-orange .wtrk-feature-head .wtrk-feature-icon {
  margin-bottom: 0;
  flex-shrink: 0;
}

.wtrk-feature-card.featured .wtrk-feature-head .wtrk-feature-title,
.wtrk-feature-card.featured-green .wtrk-feature-head .wtrk-feature-title,
.wtrk-feature-card.featured-orange .wtrk-feature-head .wtrk-feature-title {
  margin: 0;
  color: #fff;
}

/* Labels section — tighter spacing */
.wtrk-features-page .wtrk-labels-section {
  padding: 44px 36px !important;
  margin-bottom: 72px !important;
}

.wtrk-features-page .wtrk-labels-section h2 {
  margin-bottom: 10px !important;
  font-size: clamp(28px, 4vw, 34px) !important;
}

.wtrk-features-page .wtrk-labels-section > p {
  margin-bottom: 28px !important;
  font-size: 16px !important;
}

.wtrk-features-page .wtrk-labels-grid {
  gap: 18px !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wtrk-features-page .wtrk-label-card {
  padding: 24px 28px !important;
  min-width: 200px;
}

.wtrk-features-page .wtrk-label-letter {
  width: 64px !important;
  height: 64px !important;
  font-size: 32px !important;
  margin-bottom: 12px !important;
  border-radius: 16px !important;
}

.wtrk-features-page .wtrk-label-card h4 {
  margin-bottom: 6px !important;
  font-size: 20px !important;
}

.wtrk-features-page .wtrk-label-card p {
  margin-bottom: 10px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.wtrk-features-page .wtrk-label-action {
  padding: 6px 12px !important;
  font-size: 12px !important;
}

@media (max-width: 768px) {
  .wtrk-features-page .wtrk-labels-section {
    padding: 28px 20px !important;
    margin-bottom: 48px !important;
  }

  .wtrk-features-page .wtrk-labels-section > p {
    margin-bottom: 20px !important;
  }

  .wtrk-features-page .wtrk-labels-grid {
    gap: 12px !important;
  }

  .wtrk-features-page .wtrk-label-card {
    padding: 14px 8px !important;
    min-width: 0;
    width: 100%;
  }

  .wtrk-features-page .wtrk-label-letter {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
    margin-bottom: 8px !important;
    border-radius: 10px !important;
  }

  .wtrk-features-page .wtrk-label-card h4 {
    font-size: 13px !important;
    margin-bottom: 4px !important;
  }

  .wtrk-features-page .wtrk-label-card p {
    font-size: 10px !important;
    margin-bottom: 6px !important;
    line-height: 1.35 !important;
  }

  .wtrk-features-page .wtrk-label-action {
    padding: 4px 6px !important;
    font-size: 9px !important;
    display: block;
    line-height: 1.3;
  }
}

/* Strategy presets — tag pinned to card bottom */
.wtrk-features-page .wtrk-highlight-section {
  padding: 44px 36px !important;
  margin-bottom: 72px !important;
}

.wtrk-features-page .wtrk-highlight-header {
  margin-bottom: 28px !important;
}

.wtrk-features-page .wtrk-highlight-header h2 {
  margin-bottom: 8px !important;
  font-size: clamp(26px, 4vw, 32px) !important;
}

.wtrk-features-page .wtrk-presets-grid {
  gap: 16px !important;
  align-items: stretch;
}

.wtrk-features-page .wtrk-preset-card {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  padding: 22px 20px !important;
}

.wtrk-features-page .wtrk-preset-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px !important;
  min-height: 62px;
}

.wtrk-features-page .wtrk-preset-icon__img {
  width: auto !important;
  height: 56px !important;
  max-width: 100%;
  object-fit: contain;
}

.wtrk-features-page .wtrk-preset-name {
  margin-bottom: 8px !important;
  font-size: 18px !important;
}

.wtrk-features-page .wtrk-preset-desc {
  flex: 1 1 auto;
  margin-bottom: 14px !important;
  font-size: 13px !important;
}

.wtrk-features-page .wtrk-preset-tag {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  align-self: center;
}

/* Benefits section — tighter spacing */
.wtrk-features-page .wtrk-benefits-section {
  padding: 44px 36px !important;
  margin-bottom: 72px !important;
}

.wtrk-features-page .wtrk-benefits-section h2 {
  margin-bottom: 10px !important;
  font-size: clamp(28px, 4vw, 34px) !important;
}

.wtrk-features-page .wtrk-benefits-section > p {
  margin-bottom: 28px !important;
  font-size: 16px !important;
}

.wtrk-features-page .wtrk-benefits-grid {
  gap: 18px !important;
}

.wtrk-features-page .wtrk-benefit-card {
  padding: 24px 22px !important;
  text-align: left;
}

.wtrk-features-page .wtrk-benefit-card h4 {
  margin-bottom: 8px !important;
  font-size: 20px !important;
}

.wtrk-features-page .wtrk-benefit-card p {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

@media (max-width: 768px) {
  .wtrk-features-page .wtrk-highlight-section,
  .wtrk-features-page .wtrk-benefits-section {
    padding: 28px 20px !important;
    margin-bottom: 48px !important;
  }

  .wtrk-features-page .wtrk-highlight-header {
    margin-bottom: 20px !important;
  }

  .wtrk-features-page .wtrk-benefits-section > p {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 768px) {
  .wtrk-features-page .wtrk-features-grid {
    grid-template-columns: 1fr;
  }
}

/* Features — automation cards without icons */
.wtrk-features-page .wtrk-automation-card {
  text-align: left;
  padding: 24px 22px !important;
}

.wtrk-features-page .wtrk-automation-card h4 {
  margin-top: 0;
}

/* Features — flow section (horizontal decision pipeline) */
.wtrk-features-page .wtrk-flow-section {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid var(--wtrk-border, rgba(0, 0, 0, 0.08));
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.04);
}

.wtrk-features-page .wtrk-flow-header {
  margin-bottom: 28px !important;
}

.wtrk-features-page .wtrk-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.wtrk-features-page .wtrk-flow-step {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  row-gap: 6px;
  align-items: center;
  text-align: left;
  background: #fff;
  border: 1px solid var(--wtrk-border, rgba(0, 0, 0, 0.08));
  border-radius: 14px;
  padding: 16px 14px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.wtrk-features-page .wtrk-flow-num {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  box-shadow: none;
}

.wtrk-features-page .wtrk-flow-step:nth-child(1) .wtrk-flow-num {
  background: linear-gradient(135deg, #34c759, #28a745);
}

.wtrk-features-page .wtrk-flow-step:nth-child(2) .wtrk-flow-num {
  background: linear-gradient(135deg, #007aff, #5856d6);
}

.wtrk-features-page .wtrk-flow-step:nth-child(3) .wtrk-flow-num {
  background: linear-gradient(135deg, #ff9500, #e68a00);
}

.wtrk-features-page .wtrk-flow-step:nth-child(4) .wtrk-flow-num {
  background: linear-gradient(135deg, #8e8e93, #636366);
}

.wtrk-features-page .wtrk-flow-step h4 {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
}

.wtrk-features-page .wtrk-flow-step p {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

/* Features — workflow steps on one row */
.wtrk-features-page .wtrk-workflow-steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
}

.wtrk-features-page .wtrk-workflow-steps::before {
  top: 28px;
  left: 6%;
  right: 6%;
  height: 2px;
}

.wtrk-features-page .wtrk-workflow-step {
  min-width: 0;
  flex: 1 1 0;
}

.wtrk-features-page .wtrk-workflow-step-num {
  width: 56px;
  height: 56px;
  font-size: 22px;
  margin-bottom: 12px;
  border-width: 3px;
}

.wtrk-features-page .wtrk-workflow-step h3 {
  font-size: 14px;
  margin-bottom: 6px;
}

.wtrk-features-page .wtrk-workflow-step p {
  font-size: 11px;
  max-width: none;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .wtrk-features-page .wtrk-flow-section {
    padding: 24px 12px !important;
  }

  .wtrk-features-page .wtrk-flow-grid {
    gap: 8px;
  }

  .wtrk-features-page .wtrk-flow-step {
    padding: 12px 8px;
    border-radius: 12px;
    column-gap: 8px;
    row-gap: 4px;
  }

  .wtrk-features-page .wtrk-flow-num {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }

  .wtrk-features-page .wtrk-flow-step h4 {
    font-size: 11px;
    line-height: 1.3;
  }

  .wtrk-features-page .wtrk-flow-step p {
    font-size: 10px;
    line-height: 1.35;
  }

  .wtrk-features-page .wtrk-workflow-step-num {
    width: 40px;
    height: 40px;
    font-size: 16px;
    margin-bottom: 8px;
    border-width: 2px;
  }

  .wtrk-features-page .wtrk-workflow-step h3 {
    font-size: 11px;
  }

  .wtrk-features-page .wtrk-workflow-step p {
    font-size: 9px;
  }

  .wtrk-features-page .wtrk-presets-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wtrk-features-page .wtrk-preset-card {
    padding: 16px 12px !important;
  }

  .wtrk-features-page .wtrk-preset-icon {
    min-height: 48px;
    margin-bottom: 8px !important;
  }

  .wtrk-features-page .wtrk-preset-icon__img {
    height: 44px !important;
  }

  .wtrk-features-page .wtrk-preset-name {
    font-size: 14px !important;
  }

  .wtrk-features-page .wtrk-preset-desc {
    font-size: 11px !important;
    margin-bottom: 10px !important;
  }
}

/* Features CTA — iOS green background + multi-plan summary */
.wtrk-features-page .wtrk-cta {
  background: var(--pm-cta-green-gradient);
  box-shadow: 0 16px 48px var(--pm-cta-green-shadow);
  border: none;
}

.wtrk-features-page .wtrk-cta__lead {
  max-width: 42rem;
}

.wtrk-cta-from {
  margin: 0 0 1.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.88);
}

.wtrk-cta-from strong {
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.02em;
}

.wtrk-cta-from span {
  font-size: 1.125rem;
  font-weight: 500;
  opacity: 0.85;
}

.wtrk-cta-plans {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: min(90%, 56rem);
  max-width: min(90%, 56rem);
  margin: 0 auto 1.75rem;
  padding-top: 0.75rem;
  text-align: left;
  overflow: visible;
}

.wtrk-cta-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
  min-height: 7.75rem;
  padding: 14px 14px 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
  overflow: visible;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.wtrk-cta-plan:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.18);
}

.wtrk-cta-plan:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.wtrk-cta-plan.is-featured {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.42);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.wtrk-cta-plan.is-featured:hover {
  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}

.wtrk-cta-plan__badge {
  position: absolute;
  top: -0.6rem;
  right: 0.75rem;
  z-index: 2;
  margin: 0;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #1d7a34;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  pointer-events: none;
}

.wtrk-cta-plan__name {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #fff;
}

.wtrk-cta-plan__price {
  font-size: 1.25rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
}

.wtrk-cta-plan__price span {
  font-size: 0.8125rem;
  font-weight: 600;
  opacity: 0.8;
}

.wtrk-cta-plan__summary {
  margin-top: auto;
  margin-bottom: 4px;
  font-size: 0.75rem;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.78);
}

.wtrk-cta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem 1.25rem;
  margin-bottom: 0.25rem;
}

.wtrk-cta-link {
  font-size: 0.9375rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.92) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wtrk-cta-link:hover {
  color: #fff !important;
}

.wtrk-features-page .wtrk-cta-features span::before {
  color: rgba(255, 255, 255, 0.95);
}

.wtrk-features-page .wtrk-cta-btn:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
}

@media (max-width: 900px) {
  .wtrk-cta-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
    padding-top: 0.85rem;
  }

  .wtrk-cta-plan__badge {
    top: -0.65rem;
    right: 0.5rem;
    font-size: 8px;
    padding: 3px 7px;
  }
}

@media (max-width: 500px) {
  .wtrk-features-page .wtrk-flow-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .wtrk-features-page .wtrk-presets-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wtrk-features-page .wtrk-cta-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 90%;
    max-width: 90%;
  }

  .wtrk-cta-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 90%;
    max-width: 90%;
  }

  .wtrk-cta-actions {
    flex-direction: column;
    width: 100%;
  }

  .wtrk-features-page .wtrk-cta-btn {
    width: 100%;
    justify-content: center;
  }
}

.pm-header-cta-orange {
  background: linear-gradient(120deg, #ff8a1a 0%, #ff6b00 100%);
  box-shadow: 0 6px 16px rgba(255, 107, 0, 0.32);
}

.pm-header-cta-special {
  background: var(--pm-cta-gradient);
  box-shadow: 0 6px 16px var(--pm-accent-shadow);
}

.pm-header-right .pm-header-cta:last-of-type,
.pm-header-cta--ios-green,
.pm-cta-ios-green {
  background: linear-gradient(180deg, #34c759 0%, #2fb350 100%);
  border-color: transparent;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(52, 199, 89, 0.32);
}

.pm-header-cta--ios-green:hover,
.pm-cta-ios-green:hover {
  color: #ffffff;
  filter: brightness(0.97);
}

.pm-header.pm-header--floating .pm-header-right .pm-header-cta:last-of-type,
.pm-header.pm-header--floating .pm-header-cta--ios-green {
  background: linear-gradient(180deg, #34c759 0%, #2fb350 100%);
  box-shadow: 0 6px 16px rgba(52, 199, 89, 0.32);
}

.pm-mobile-sidebar-actions .pm-header-cta:last-of-type,
.pm-mobile-sidebar-actions .pm-header-cta--ios-green {
  background: linear-gradient(180deg, #34c759 0%, #2fb350 100%);
  box-shadow: 0 8px 22px rgba(52, 199, 89, 0.32);
}

.pm-mobile-sidebar-actions .pm-header-cta:last-of-type.pm-mobile-sidebar-cta,
.pm-mobile-sidebar-actions .pm-header-cta--ios-green.pm-mobile-sidebar-cta {
  background: linear-gradient(180deg, #34c759 0%, #2fb350 100%);
  box-shadow: 0 8px 22px rgba(52, 199, 89, 0.32);
}

/* Mobile sidebar — brand row (logo + title + close) */
.pm-mobile-sidebar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  padding: 12px 12px 10px;
  border-bottom: 1px solid rgba(99, 102, 241, 0.2);
}

.pm-mobile-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  text-decoration: none;
  color: #f8fafc;
}

.pm-mobile-sidebar-brand__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  padding: 8px;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.pm-mobile-sidebar-brand__logo-img {
  flex: 0 0 auto;
  object-fit: contain;
  object-position: center;
  display: block;
}

.pm-mobile-sidebar-brand__name {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pm-mobile-sidebar-head .pm-sidebar-close {
  position: static;
  top: auto;
  right: auto;
  flex-shrink: 0;
}

.pm-mobile-sidebar-scroll {
  padding-top: 14px;
}

/* Floating glass header — fixed overlay (does not push page content) */
:root {
  --pm-header-float-height: 88px;
  --pm-header-bar-inset: clamp(20px, 4vw, 48px);
}

.pm-header.pm-header--floating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  padding: 12px 0 0;
  border-bottom: none;
  background: transparent;
  pointer-events: none;
}

.pm-header.pm-header--floating .pm-header-bar {
  pointer-events: auto;
  box-sizing: border-box;
  width: calc(100% - (2 * var(--pm-header-bar-inset)));
  max-width: calc(var(--pm-max-width) - (2 * var(--pm-header-bar-inset)));
  margin-left: auto;
  margin-right: auto;
  transform-origin: top center;
  animation: pm-header-bar-enter 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
  will-change: transform, opacity;
}

@keyframes pm-header-bar-enter {
  from {
    opacity: 0;
    transform: translate3d(0, -10px, 0) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.pm-main-content:not(:has(.pm-home-dark-band)):not(:has(> .pm-marketing-page-band)) {
  padding-top: var(--pm-header-float-height);
}

.pm-header-bar {
  border-radius: 20px;
  border: 1px solid rgba(196, 210, 245, 0.95);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(20px) saturate(1.2);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  box-shadow: 0 4px 20px rgba(34, 65, 184, 0.08);
}

.pm-header.pm-header--floating .pm-header-desktop {
  min-height: 68px;
  gap: 20px;
}

.pm-header.pm-header--floating .pm-menu {
  gap: 6px;
}

.pm-header.pm-header--floating .pm-menu a,
.pm-header.pm-header--floating .pm-header-nav-dropdown__trigger {
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: var(--pm-text-muted);
  transition:
    color 0.2s ease,
    background 0.2s ease;
}

.pm-header.pm-header--floating .pm-menu a:hover,
.pm-header.pm-header--floating .pm-header-nav-dropdown__trigger:hover,
.pm-header.pm-header--floating .pm-header-nav-dropdown.is-open .pm-header-nav-dropdown__trigger {
  color: #1f61ff;
  background: rgba(31, 97, 255, 0.08);
}

.pm-header.pm-header--floating .pm-header-cta,
.pm-header.pm-header--floating .pm-header-cta-special,
.pm-header.pm-header--floating .pm-header-cta-orange {
  padding: 9px 16px;
  font-size: 13px;
  box-shadow: 0 4px 14px rgba(34, 65, 184, 0.14);
}

.pm-header.pm-header--floating .pm-header-right .pm-header-cta:last-of-type {
  box-shadow: 0 6px 16px var(--pm-cta-green-shadow);
}

.pm-header.pm-header--floating .pm-sidebar-toggle {
  color: #0f172a;
}

.pm-header.pm-header--floating .pm-account-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: 2px;
  border-radius: 50%;
  border: 1px solid rgba(196, 210, 245, 0.9);
  background: rgba(255, 255, 255, 0.85);
  color: var(--pm-text-muted);
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.pm-header.pm-header--floating .pm-account-icon:hover {
  color: #1f61ff;
  border-color: rgba(31, 97, 255, 0.35);
  background: #fff;
  box-shadow: 0 6px 16px rgba(34, 65, 184, 0.1);
}

.pm-header.pm-header--floating .pm-account-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
}

/* Homepage — dark floating header (matches navy hero) */
body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-header-bar {
  border-color: rgba(99, 102, 241, 0.24);
  background: rgba(15, 23, 42, 0.92);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-menu a,
body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-header-nav-dropdown__trigger {
  color: #cbd5e1;
}

body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-menu a:hover,
body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-header-nav-dropdown__trigger:hover,
body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-header-nav-dropdown.is-open .pm-header-nav-dropdown__trigger {
  color: #e2e8f0;
  background: rgba(99, 102, 241, 0.16);
}

body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-account-icon {
  border-color: rgba(99, 102, 241, 0.24);
  background: rgba(15, 23, 42, 0.75);
  color: #cbd5e1;
}

body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-account-icon:hover {
  color: #e2e8f0;
  border-color: rgba(31, 97, 255, 0.45);
  background: rgba(20, 30, 58, 0.95);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

body:has(.pm-saas-hero) .pm-site-logo-text {
  color: #f1f5f9;
}

body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-sidebar-toggle,
body:has(.pm-home-dark-band) .pm-header.pm-header--floating .pm-sidebar-toggle {
  border-color: rgba(99, 102, 241, 0.24);
  background: rgba(15, 23, 42, 0.92);
  color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}

.pm-logo-link .pm-custom-logo-img {
  max-height: none;
  max-width: none;
  width: 100% !important;
  height: 100% !important;
  display: block;
  border-radius: 50%;
  background: #ffffff;
  object-fit: contain;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}

/* Logo sizing wrapper — static inside animated header bar. */
.pm-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  padding: 6px;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
}

.pm-header.pm-header--floating .pm-logo-link {
  flex-direction: row;
  align-items: center;
  gap: 0;
}

@media (max-width: 900px) {
  :root {
    --pm-header-float-height: 64px;
    --pm-header-bar-inset: clamp(10px, 3vw, 16px);
  }

  .pm-header.pm-header--floating {
    padding-top: 10px;
    padding-bottom: 0;
    max-width: 100vw;
    overflow: hidden;
  }

  .pm-header.pm-header--floating .pm-header-bar {
    width: min(100% - (2 * var(--pm-header-bar-inset)), 100vw);
    max-width: 100%;
    overflow: hidden;
  }

  .pm-header-bar {
    border-radius: 18px;
  }

  .pm-header.pm-header--floating .pm-header-mobile {
    min-height: 52px;
    padding: 6px 10px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .pm-header.pm-header--floating .pm-sidebar-toggle {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(196, 210, 245, 0.85);
    background: rgba(255, 255, 255, 0.9);
    color: #0f172a;
    box-shadow: 0 2px 8px rgba(34, 65, 184, 0.06);
  }

  .pm-header.pm-header--floating .pm-sidebar-toggle .pm-icon-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 1;
  }

  .pm-header.pm-header--floating .pm-sidebar-toggle .pm-icon-menu::before {
    display: block;
    line-height: 1;
  }

  body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-sidebar-toggle,
  body:has(.pm-home-dark-band) .pm-header.pm-header--floating .pm-sidebar-toggle {
    border-color: rgba(99, 102, 241, 0.24);
    background: rgba(15, 23, 42, 0.92);
    color: #cbd5e1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  }

  .pm-header.pm-header--floating .pm-account-icon {
    width: 40px;
    height: 40px;
  }

  body:has(.pm-saas-hero) .pm-header.pm-header--floating .pm-account-icon {
    border-color: rgba(99, 102, 241, 0.24);
    background: rgba(15, 23, 42, 0.75);
    color: #94a3b8;
  }

  .pm-header.pm-header--floating .pm-logo-link.pm-logo-mobile,
  .pm-logo-mobile {
    gap: 10px;
  }

  .pm-logo-mobile .pm-logo-wrap {
    padding: 5px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
    overflow: hidden;
  }

  .pm-logo-mobile .pm-custom-logo-img {
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    max-height: none;
    border-radius: 50%;
    background: #ffffff;
    object-fit: contain;
    object-position: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-header.pm-header--floating,
  .pm-header-bar,
  .pm-mobile-sidebar {
    transition: none;
  }

  .pm-header.pm-header--floating .pm-header-bar {
    animation: none;
    opacity: 1;
    transform: none;
    will-change: auto;
  }
}

/* Platform logos — available now + more to come */
.pm-platform-badge {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: 4px;
}

/* Scroll reveal — transition stays on .pm-reveal--ready (both states) */
.pm-reveal {
  opacity: 1;
  transform: none;
}

.pm-reveal.pm-reveal--ready {
  transition:
    opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--pm-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.pm-reveal.pm-reveal--ready:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
}

.pm-reveal--ready.pm-reveal--up:not(.pm-reveal--visible) {
  transform: translate3d(0, 40px, 0);
}

.pm-reveal--ready.pm-reveal--left:not(.pm-reveal--visible) {
  transform: translate3d(-56px, 0, 0);
}

.pm-reveal--ready.pm-reveal--right:not(.pm-reveal--visible) {
  transform: translate3d(56px, 0, 0);
}

.pm-reveal--ready.pm-reveal--down:not(.pm-reveal--visible) {
  transform: translate3d(0, -32px, 0);
}

.pm-reveal--ready.pm-reveal--none:not(.pm-reveal--visible) {
  transform: none;
}

.pm-reveal--ready.pm-reveal--scale:not(.pm-reveal--visible) {
  transform: translate3d(0, 32px, 0) scale(0.96);
}

.pm-reveal.pm-reveal--ready.pm-reveal--visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.pm-reveal--ready.pm-reveal--visible.pm-reveal--scale {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Touch devices — skip scroll-reveal hiding (iOS tiled paint during fast scroll) */
@media (hover: none) and (pointer: coarse) {
  .pm-reveal.pm-reveal--ready:not(.pm-reveal--visible) {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .pm-reveal.pm-reveal--ready {
    will-change: auto;
  }

  .pm-reveal.pm-saas-pillar.pm-reveal--ready:not(.pm-reveal--visible),
  .pm-reveal.pm-saas-step-card.pm-reveal--ready:not(.pm-reveal--visible),
  .pm-reveal.pm-poas-card.pm-reveal--ready:not(.pm-reveal--visible),
  .pm-reveal.pm-home-ai-agent__visual.pm-reveal--ready:not(.pm-reveal--visible),
  .pm-reveal.pm-home-ai-agent__intro.pm-reveal--ready:not(.pm-reveal--visible),
  .pm-reveal.pm-home-ai-agent__card.pm-reveal--ready:not(.pm-reveal--visible),
  .pm-reveal.pm-reveal-pricing-hero.pm-reveal--ready:not(.pm-reveal--visible),
  .pm-reveal.pm-reveal-pricing-card.pm-reveal--ready:not(.pm-reveal--visible),
  .pm-reveal.pm-reveal-pricing-foot.pm-reveal--ready:not(.pm-reveal--visible),
  .pm-reveal.pm-subscribe-plans__enter-head.pm-reveal--ready:not(.pm-reveal--visible),
  .pm-reveal.pm-subscribe-plans__enter-billing.pm-reveal--ready:not(.pm-reveal--visible) {
    opacity: 1;
    transform: none;
    transition: none;
    animation: none;
    filter: none;
  }

  .pm-reveal--ready .pm-saas-label-letter-pop {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .pm-saas-enter,
  .pm-saas-enter-right,
  .pm-saas-mesh-enter,
  .pm-saas-gradient-enter,
  .pm-platform-badge__tile.pm-saas-logo-enter,
  .pm-saas-chip-enter,
  .pm-saas-hero__browser,
  .pm-saas-hero__metric,
  .pm-saas-hero__chart-bar,
  .pm-saas-hero__blob {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }
}

html.pm-instant-reveal .pm-reveal.pm-reveal--ready:not(.pm-reveal--visible) {
  opacity: 1;
  transform: none;
  transition: none;
}

/* Pillars — keyframed slide (avoids transition snap on reveal) */
.pm-saas-pillars > li {
  overflow: clip;
}

@keyframes pm-reveal-slide-from-left {
  from {
    opacity: 0;
    transform: translate3d(-96px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pm-reveal-slide-from-right {
  from {
    opacity: 0;
    transform: translate3d(96px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pm-reveal-slide-up {
  from {
    opacity: 0;
    transform: translate3d(0, 48px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.pm-reveal.pm-saas-pillar.pm-reveal--ready {
  transition: none;
}

.pm-reveal.pm-saas-pillar.pm-reveal--ready.pm-reveal--left:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translate3d(-96px, 0, 0);
}

.pm-reveal.pm-saas-pillar.pm-reveal--ready.pm-reveal--right:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translate3d(96px, 0, 0);
}

.pm-reveal.pm-saas-pillar.pm-reveal--left.pm-reveal--visible {
  animation: pm-reveal-slide-from-left 1s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

.pm-reveal.pm-saas-pillar.pm-reveal--right.pm-reveal--visible {
  animation: pm-reveal-slide-from-right 1s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

/* Steps — slide up (no overflow:clip — it was clipping right borders) */
.pm-saas-steps > li {
  overflow: visible;
  padding: 4px;
  box-sizing: border-box;
  min-width: 0;
}

.pm-reveal.pm-saas-step-card.pm-reveal--ready {
  transition: none;
}

.pm-reveal.pm-saas-step-card.pm-reveal--ready:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translate3d(0, 48px, 0);
}

.pm-reveal.pm-saas-step-card.pm-reveal--visible {
  animation: pm-reveal-slide-up 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

/* POAS compare cards — horizontal slide */
.pm-reveal.pm-poas-card.pm-reveal--ready {
  transition: none;
}

.pm-reveal.pm-poas-card.pm-reveal--ready.pm-reveal--left:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translate3d(-96px, 0, 0);
}

.pm-reveal.pm-poas-card.pm-reveal--ready.pm-reveal--right:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translate3d(96px, 0, 0);
}

.pm-reveal.pm-poas-card.pm-reveal--left.pm-reveal--visible {
  animation: pm-reveal-slide-from-left 1s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

.pm-reveal.pm-poas-card.pm-reveal--right.pm-reveal--visible {
  animation: pm-reveal-slide-from-right 1s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

/* Hero enter — critical rules live in hero-motion-critical.css (LCP-safe first viewport).
   Keep opacity:1 for copy/CTA/hub so Speed Index is not delayed by fade-ins. */
.pm-saas-hero .pm-saas-enter,
.pm-saas-hero .pm-saas-enter--1,
.pm-saas-hero .pm-saas-enter--2,
.pm-saas-hero .pm-saas-enter--3,
.pm-saas-hero .pm-saas-enter--4,
.pm-saas-hero .pm-saas-enter--5 {
  animation: pm-saas-fade-up-lcp 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 0s;
}

.pm-saas-hero .pm-saas-enter-right {
  animation: pm-saas-enter-right 1s cubic-bezier(0.22, 1, 0.36, 1) 0.32s both;
}

.pm-saas-hero .pm-saas-mesh-enter {
  animation: pm-saas-mesh-in 1.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-saas-hero .pm-saas-gradient-enter {
  animation: none;
  opacity: 1;
  filter: none;
}

@keyframes pm-saas-fade-up-lcp {
  from {
    opacity: 1;
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Tile-only entrance — no opacity/transform on ancestors of logo <img> (Safari blur). */
.pm-saas-hero .pm-platform-badge__tile.pm-saas-logo-enter {
  animation: pm-saas-tile-enter 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes pm-saas-tile-enter {
  from {
    box-shadow: 0 2px 8px rgba(34, 65, 184, 0);
    border-color: rgba(196, 210, 245, 0.15);
  }
  to {
    box-shadow: 0 2px 8px rgba(34, 65, 184, 0.04);
    border-color: rgba(196, 210, 245, 0.55);
  }
}

.pm-saas-hero .pm-saas-chip-enter {
  animation: pm-saas-chip-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes pm-saas-enter-right {
  from {
    opacity: 0;
    transform: translate3d(48px, 0, 0) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes pm-saas-mesh-in {
  from {
    opacity: 0;
    filter: blur(12px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes pm-saas-gradient-in {
  from {
    opacity: 0;
    filter: blur(6px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes pm-saas-chip-in {
  from {
    opacity: 0;
    transform: translate3d(0, 8px, 0) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes pm-saas-fade-up {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pm-saas-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -8px, 0);
  }
}

@keyframes pm-saas-metric-in {
  from {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Hero — SaaS split layout (flush to top; header floats above) */
.pm-home-dark-band {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  z-index: 1;
  color: #ffffff;
  background:
    radial-gradient(110% 90% at 12% 0%, rgba(52, 199, 89, 0.2) 0%, transparent 54%),
    radial-gradient(85% 75% at 90% 12%, rgba(99, 102, 241, 0.18) 0%, transparent 50%),
    linear-gradient(180deg, #070d19 0%, #0b1224 68%, #0b1224 100%);
}

.pm-home-dark-band .pm-saas-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.pm-home-dark-band .pm-saas-hero,
.pm-home-dark-band .pm-home-scale,
.pm-home-dark-band .pm-home-tracking-pixel,
.pm-home-dark-band .pm-home-security,
.pm-home-dark-band .pm-signal-pipeline-section,
.pm-home-dark-band .pm-order-attribution-section,
.pm-home-dark-band .pm-saas-home,
.pm-home-dark-band .pm-home-poas-compare {
  position: relative;
  z-index: 1;
  margin-top: 0;
  background: transparent;
  color: #ffffff;
}

.pm-home-dark-band .pm-saas-hero {
  overflow: visible;
}

.pm-home-dark-band .pm-home-scale {
  padding: clamp(28px, 4.5vw, 52px) 0 clamp(20px, 3vw, 36px);
}

.pm-home-dark-band .pm-home-tracking-pixel {
  padding: clamp(28px, 4.5vw, 52px) 0 clamp(40px, 6vw, 72px);
}

.pm-home-dark-band .pm-home-security {
  padding: clamp(28px, 4.5vw, 52px) 0 clamp(40px, 6vw, 72px);
}

.pm-saas-hero {
  position: relative;
  overflow: hidden;
  padding: var(--pm-header-float-height) 0 0;
  isolation: isolate;
  z-index: 1;
  color: #ffffff;
  background: transparent;
}

.pm-home-dark-band > .pm-saas-hero {
  padding-bottom: 0;
}

.pm-saas-hero:not(.pm-home-dark-band .pm-saas-hero) {
  background:
    radial-gradient(110% 90% at 12% 0%, rgba(52, 199, 89, 0.2) 0%, transparent 54%),
    radial-gradient(85% 75% at 90% 12%, rgba(99, 102, 241, 0.18) 0%, transparent 50%),
    linear-gradient(180deg, #070d19 0%, #0b1224 68%, #0b1224 100%);
}

.pm-saas-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.pm-saas-hero__bg-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(72px);
  opacity: 0.5;
}

.pm-saas-hero__bg-glow--left {
  width: min(44vw, 440px);
  height: min(44vw, 440px);
  left: -10%;
  top: 6%;
  background: rgba(52, 199, 89, 0.32);
}

.pm-saas-hero__bg-glow--right {
  width: min(38vw, 380px);
  height: min(38vw, 380px);
  right: -8%;
  top: 18%;
  background: rgba(99, 102, 241, 0.26);
}

.pm-saas-hero__dot-field {
  position: absolute;
  inset: 0;
  opacity: 0.28;
  background-image: radial-gradient(rgba(255, 255, 255, 0.55) 0.55px, transparent 0.55px);
  background-size: 22px 22px;
  mask-image: radial-gradient(ellipse 90% 75% at 50% 18%, #000 15%, transparent 72%);
}

.pm-saas-hero__vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 90% 65% at 50% 0%, transparent 45%, rgba(7, 13, 25, 0.35) 100%);
}

.pm-saas-hero__aurora {
  display: none;
}

.pm-saas-hero__blob {
  display: none;
}

.pm-saas-hero__mesh {
  display: none;
}

.pm-saas-hero__wrap {
  position: relative;
  z-index: 1;
}

.pm-saas-hero__grid {
  display: grid;
  gap: clamp(32px, 5vw, 56px);
  align-items: center;
  margin-top: 10px;
}

@media (min-width: 1024px) {
  .pm-saas-hero__grid {
    grid-template-columns: 1fr 1.05fr;
    gap: 48px;
  }

  .pm-saas-hero__grid--copy {
    grid-template-columns: 1fr;
    gap: 0;
    width: 100%;
    max-width: none;
  }
}

.pm-saas-hero__copy {
  width: 100%;
  max-width: none;
}

.pm-saas-hero__title {
  margin: 0 0 14px;
  max-width: 14ch;
  font-size: clamp(2.25rem, 6vw, 3.75rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.04em;
  color: #ffffff;
}

@media (min-width: 1024px) {
  .pm-saas-hero__title {
    max-width: none;
  }
}

.pm-saas-hero__gradient-text {
  background: linear-gradient(120deg, #1f61ff 0%, #34c759 55%, #6366f1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.pm-saas-hero__lead {
  margin: 0 0 10px;
  max-width: 34rem;
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  line-height: 1.6;
  color: rgba(226, 232, 240, 0.88);
}

.pm-saas-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}

.pm-saas-hero__cta.pm-cta-primary {
  min-height: 48px;
  padding: 12px 28px;
  border-radius: 999px;
  font-size: 1rem;
}

.pm-saas-hero__cta.pm-cta-ios-green {
  background: linear-gradient(180deg, #34c759 0%, #2fb350 100%);
  border-color: transparent;
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(52, 199, 89, 0.32);
}

.pm-saas-hero__cta.pm-cta-ios-green:hover {
  color: #ffffff;
  filter: brightness(0.97);
  box-shadow: 0 10px 26px rgba(52, 199, 89, 0.36);
}

.pm-saas-hero__platforms {
  position: relative;
  z-index: 2;
}

@media (max-width: 1023px) {
  .pm-saas-hero__copy {
    display: flex;
    flex-direction: column;
  }

  .pm-saas-hero__top {
    display: contents;
  }

  .pm-saas-hero__title {
    order: 1;
  }

  .pm-saas-hero__lead {
    order: 2;
  }

  .pm-saas-hero__actions {
    order: 3;
  }
}

@media (min-width: 1024px) {
  .pm-saas-hero__copy {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    row-gap: 14px;
  }

  .pm-saas-hero__top {
    grid-row: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(20px, 3vw, 40px);
    min-width: 0;
    width: 100%;
  }

  .pm-saas-hero__top .pm-saas-hero__title {
    grid-column: 1;
    min-width: 0;
    margin-bottom: 0;
  }

  .pm-saas-hero__top .pm-saas-hero__actions {
    grid-column: 2;
    justify-content: flex-end;
    flex-wrap: nowrap;
    margin-bottom: 0;
    width: auto;
  }

  .pm-saas-hero__lead {
    grid-row: 2;
    margin-bottom: 0;
  }
}

.pm-saas-hero__platforms .pm-platform-badge--hero {
  padding: 16px 18px 18px;
  border-radius: 18px;
  border: 1px solid rgba(196, 210, 245, 0.65);
  background: linear-gradient(155deg, #ffffff 0%, #f4f8ff 100%);
  box-shadow:
    0 10px 28px rgba(34, 65, 184, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.pm-platform-badge__row--hero {
  gap: 14px;
}

.pm-platform-badge__hero-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  width: 100%;
}

.pm-platform-badge--hero .pm-platform-badge__label {
  font-size: 11px;
  letter-spacing: 0.12em;
  color: #1f61ff;
}

.pm-platform-badge__hero-note {
  font-size: 12px;
  font-weight: 500;
  color: var(--pm-text-muted);
  line-height: 1.3;
}

.pm-platform-badge--hero .pm-platform-badge__logos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.pm-platform-badge--hero .pm-platform-badge__logos > li {
  display: flex;
  width: 100%;
  min-width: 0;
}

.pm-platform-badge--hero .pm-platform-badge__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(196, 210, 245, 0.55);
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(34, 65, 184, 0.04);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.pm-platform-badge--hero .pm-platform-badge__tile:hover {
  border-color: rgba(31, 97, 255, 0.35);
  box-shadow: 0 6px 16px rgba(31, 97, 255, 0.1);
  transform: translateY(-1px);
}

.pm-platform-badge--hero .pm-platform-badge__logo {
  height: 28px;
  max-height: 28px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}

/* Hero — ad platforms badge */
.pm-platform-badge--ad-platforms .pm-platform-badge__logos--ad {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pm-platform-badge__tile--ad {
  position: relative;
}

.pm-platform-badge__tile--ad-active {
  border-color: rgba(52, 199, 89, 0.42);
  animation: pm-ad-tile-glow 2.8s ease-in-out infinite;
}

.pm-platform-badge__tile--ad-in-progress {
  border-color: rgba(255, 149, 0, 0.42);
  background: rgba(255, 149, 0, 0.1);
}

@keyframes pm-ad-tile-glow {
  0%,
  100% {
    box-shadow:
      0 2px 8px rgba(34, 65, 184, 0.04),
      0 0 0 0 rgba(52, 199, 89, 0.08);
  }

  50% {
    box-shadow:
      0 8px 20px rgba(52, 199, 89, 0.18),
      0 0 0 4px rgba(52, 199, 89, 0.1);
  }
}

.pm-platform-badge__tile--ad-soon {
  border-color: rgba(196, 210, 245, 0.55);
  background: rgba(248, 250, 255, 0.96);
}

.pm-platform-badge__tile--ad-soon:hover {
  transform: none;
  border-color: rgba(196, 210, 245, 0.55);
  box-shadow: 0 2px 8px rgba(34, 65, 184, 0.04);
}

.pm-platform-badge__tile--ad-soon .pm-platform-badge__logo {
  filter: grayscale(1);
  opacity: 0.55;
}

.pm-platform-badge__status-badge {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  pointer-events: none;
  white-space: nowrap;
}

.pm-platform-badge__status-badge--soon {
  border: 1px solid rgba(196, 210, 245, 0.9);
  background: #f4f6fb;
  color: #6b7a99;
}

.pm-platform-badge__status-badge--active {
  border: 1px solid rgba(28, 140, 62, 0.35);
  background: #34c759;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(52, 199, 89, 0.3);
}

.pm-platform-badge__status-badge--in-progress {
  border: 1px solid rgba(255, 149, 0, 0.45);
  background: #ff9500;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(255, 149, 0, 0.3);
}

@media (prefers-reduced-motion: reduce) {
  .pm-platform-badge__tile--ad-active {
    animation: none;
  }
}

.pm-saas-hero__visual {
  position: relative;
}

.pm-saas-hero__browser {
  position: relative;
  z-index: 1;
  border-radius: 20px;
  border: 1px solid rgba(196, 210, 245, 0.9);
  background: linear-gradient(165deg, #ffffff 0%, #f4f7ff 100%);
  box-shadow:
    0 24px 60px rgba(34, 65, 184, 0.14),
    0 1px 0 rgba(255, 255, 255, 0.9) inset;
  animation: pm-saas-float 6s ease-in-out 1.1s infinite;
}

.pm-saas-hero__browser-bar {
  display: flex;
  gap: 6px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(196, 210, 245, 0.6);
}

.pm-saas-hero__browser-bar span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(196, 210, 245, 0.9);
}

.pm-saas-hero__browser-bar span:first-child {
  background: #ff5f57;
}

.pm-saas-hero__browser-bar span:nth-child(2) {
  background: #febc2e;
}

.pm-saas-hero__browser-bar span:nth-child(3) {
  background: #28c840;
}

.pm-saas-hero__browser-body {
  padding: 18px 18px 20px;
}

.pm-saas-hero__browser-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.pm-saas-hero__browser-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pm-text-muted);
}

.pm-saas-hero__browser-live {
  font-size: 11px;
  font-weight: 700;
  color: #34c759;
}

.pm-saas-hero__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.pm-saas-hero__metric {
  padding: 12px 10px;
  border-radius: 12px;
  background: rgba(247, 249, 255, 0.95);
  border: 1px solid rgba(196, 210, 245, 0.65);
  animation: pm-saas-metric-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-saas-hero__metric-label {
  display: block;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--pm-text-muted);
}

.pm-saas-hero__metric strong {
  display: block;
  margin: 4px 0 2px;
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  color: var(--pm-text);
}

.pm-saas-hero__metric-trend {
  font-size: 10px;
  font-weight: 600;
  color: var(--pm-text-muted);
}

.pm-saas-hero__metric-trend--up {
  color: #34c759;
}

.pm-saas-hero__chart {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  height: 88px;
  margin-bottom: 14px;
  padding: 10px 12px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(31, 97, 255, 0.04) 0%, transparent 100%);
}

.pm-saas-hero__chart-bar {
  flex: 1;
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, #1f61ff 0%, #5b8dff 100%);
  transform-origin: bottom;
  animation: pm-saas-bar-grow 1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-saas-hero__chart-bar:nth-child(odd) {
  background: linear-gradient(180deg, #34c759 0%, #6ee7a0 100%);
}

@keyframes pm-saas-bar-grow {
  from {
    transform: scaleY(0.2);
    opacity: 0.4;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}

.pm-saas-hero__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pm-saas-hero__label {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.pm-saas-hero__label--a {
  background: rgba(52, 199, 89, 0.12);
  color: #1a7a3a;
}

.pm-saas-hero__label--c {
  background: rgba(255, 149, 0, 0.12);
  color: #b35c00;
}

.pm-saas-hero__label--x {
  background: rgba(255, 59, 48, 0.1);
  color: #c41e14;
}

/* Hero — integration hub (store → Profit Bid → Google Ads) */
.pm-integration-hub--below {
  position: relative;
  width: 100%;
  margin-top: clamp(20px, 3.5vw, 36px);
  margin-bottom: 0;
}

.pm-integration-hub__card {
  position: relative;
  z-index: 1;
  isolation: isolate;
  padding: clamp(16px, 3vw, 24px) clamp(12px, 2.5vw, 20px);
  border-radius: 20px;
  border: 1px solid rgba(196, 210, 245, 0.9);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.97) 0%, rgba(244, 247, 255, 0.94) 100%),
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(31, 97, 255, 0.05), transparent 70%);
  box-shadow:
    0 24px 60px rgba(34, 65, 184, 0.14),
    0 1px 0 rgba(255, 255, 255, 0.9) inset;
  overflow: visible;
}

.pm-integration-hub__pcb-grid {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  overflow: hidden;
  background-image: radial-gradient(
    circle at center,
    rgba(148, 163, 184, 0.42) 1px,
    transparent 1px
  );
  background-size: 16px 16px;
  opacity: 0.45;
  animation: pm-hub-pcb-pulse 3.6s ease-in-out infinite;
}

.pm-integration-hub__pcb-grid::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    circle at center,
    rgba(148, 163, 184, 0.28) 0.85px,
    transparent 0.85px
  );
  background-size: 16px 16px;
  background-position: 8px 8px;
  animation: pm-hub-pcb-pulse 3.6s ease-in-out infinite 1.8s;
}

@keyframes pm-hub-pcb-pulse {
  0%,
  100% {
    opacity: 0.28;
  }

  50% {
    opacity: 0.62;
  }
}

.pm-integration-hub__labels {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.5fr);
  gap: clamp(10px, 2vw, 24px);
  margin-bottom: 8px;
  padding: 0 4px;
}

.pm-integration-hub__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pm-text-muted);
}

.pm-integration-hub__label--sources {
  text-align: left;
}

.pm-integration-hub__label--dest {
  grid-column: 3;
  text-align: right;
}

.pm-integration-hub__label--dest-mobile {
  display: none;
}

.pm-integration-hub__svg {
  position: absolute;
  inset: 36px 8px 12px;
  width: calc(100% - 16px);
  height: calc(100% - 48px);
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.pm-integration-hub__svg--visible {
  opacity: 1;
}

.pm-integration-hub__trace {
  fill: none;
  stroke-linecap: round;
}

.pm-integration-hub__trace--bg {
  stroke: rgba(31, 97, 255, 0.1);
  stroke-width: 3;
}

.pm-integration-hub__trace--fg {
  stroke: url(#pm-hub-trace-gradient);
  stroke-width: 1.5;
  stroke-dasharray: 6 10;
  animation: pm-hub-trace-flow 2.8s linear infinite;
}

.pm-integration-hub__trace--out {
  stroke-dasharray: 5 8;
  animation-duration: 2.2s;
}

@keyframes pm-hub-trace-flow {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -32;
  }
}

.pm-integration-hub__pad {
  fill: #34c759;
  filter: url(#pm-hub-glow);
  animation: pm-hub-pad-blink 2.4s ease-in-out infinite;
}

.pm-integration-hub__pad--stacked,
.pm-integration-hub__packet--stacked {
  filter: none;
  shape-rendering: geometricPrecision;
}

@keyframes pm-hub-pad-blink {
  0%,
  100% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
}

.pm-integration-hub__packet {
  filter: url(#pm-hub-glow);
  opacity: 0.95;
}

.pm-integration-hub__columns {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.5fr);
  align-items: center;
  gap: clamp(10px, 2vw, 24px);
  min-height: clamp(240px, 30vw, 300px);
}

.pm-integration-hub__hub {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(88px, 16vw, 112px);
  height: clamp(88px, 16vw, 112px);
  flex-shrink: 0;
}

.pm-integration-hub__destinations-zone {
  margin-left: auto;
  align-self: stretch;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  min-height: 100%;
  min-width: 0;
}

.pm-integration-hub__dest-columns {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  height: 100%;
  gap: clamp(10px, 1.5vw, 14px);
  margin: 0;
  padding: 0;
}

.pm-integration-hub__dest-col {
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.2vw, 10px);
  margin: 0;
  padding: 6px 6px 0 0;
  list-style: none;
  overflow: visible;
}

.pm-integration-hub__dest-col--active {
  justify-content: center;
  flex: 0 0 clamp(76px, 11vw, 96px);
  min-width: 76px;
  max-width: 96px;
}

.pm-integration-hub__dest-col--in-progress {
  justify-content: center;
  flex: 0 0 clamp(76px, 11vw, 90px);
  min-width: 76px;
  max-width: 90px;
}

.pm-integration-hub__dest-col--soon {
  justify-content: center;
  flex: 0 0 clamp(76px, 11vw, 90px);
  min-width: 76px;
  max-width: 90px;
}

/* Legacy alias — mobile rules still reference dest-grid */
.pm-integration-hub__dest-grid {
  display: flex;
  align-items: stretch;
  gap: clamp(10px, 1.5vw, 14px);
  margin: 0;
  margin-block: 0;
  padding: 0;
  list-style: none;
}

.pm-integration-hub__dest-item {
  margin: 0;
  min-width: 0;
  display: flex;
  overflow: visible;
}

.pm-integration-hub__dest-item .pm-integration-hub__logo-tile--dest,
.pm-integration-hub__dest-item .pm-integration-hub__logo-tile--dest-active,
.pm-integration-hub__dest-item .pm-integration-hub__logo-tile--dest-in-progress {
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
}

.pm-integration-hub__dest-item--active {
  position: relative;
  z-index: 4;
}

.pm-integration-hub__dest-item--in-progress {
  position: relative;
  z-index: 3;
}

.pm-integration-hub__sources {
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 1.2vw, 10px);
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: flex-start;
}

.pm-integration-hub__logo-item {
  animation: pm-hub-logo-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Transform-only — opacity:0 here delayed Speed Index on mobile Slow 4G. */
@keyframes pm-hub-logo-in {
  from {
    opacity: 1;
    transform: translate3d(-6px, 0, 0) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.pm-integration-hub__logo-item--dest {
  animation-name: pm-hub-logo-in-right;
}

@keyframes pm-hub-logo-in-right {
  from {
    opacity: 1;
    transform: translate3d(6px, 0, 0) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.pm-integration-hub__sources .pm-integration-hub__logo-tile,
.pm-integration-hub__logo-tile--source {
  width: clamp(80px, 14vw, 96px);
  height: clamp(38px, 5.5vw, 44px);
  padding: 8px 12px;
  border-radius: 12px;
  overflow: visible;
}

.pm-integration-hub__logo-tile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(72px, 14vw, 92px);
  height: clamp(32px, 5.5vw, 38px);
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 4px 14px rgba(34, 65, 184, 0.08);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.pm-integration-hub__logo-tile:hover {
  transform: translateY(-1px);
  border-color: rgba(31, 97, 255, 0.35);
  box-shadow: 0 8px 20px rgba(31, 97, 255, 0.12);
}

.pm-integration-hub__logo-tile--dest {
  width: clamp(68px, 11vw, 84px);
  height: clamp(32px, 4.5vw, 38px);
}

.pm-integration-hub__logo-tile--dest-active {
  width: clamp(80px, 12vw, 96px);
  height: clamp(38px, 5vw, 44px);
  border-color: rgba(31, 97, 255, 0.28);
  box-shadow: 0 6px 18px rgba(31, 97, 255, 0.14);
  background: rgba(255, 255, 255, 0.98);
}

.pm-integration-hub__logo-tile--dest-in-progress {
  width: clamp(76px, 11vw, 90px);
  height: clamp(36px, 5vw, 42px);
  border-color: rgba(255, 149, 0, 0.42);
  background: rgba(255, 149, 0, 0.14);
  box-shadow: 0 6px 18px rgba(255, 149, 0, 0.18);
}

.pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest:not(.pm-integration-hub__logo-tile--dest-active):not(.pm-integration-hub__logo-tile--dest-in-progress),
.pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest:not(.pm-integration-hub__logo-tile--dest-active):not(.pm-integration-hub__logo-tile--dest-in-progress) {
  width: clamp(76px, 11vw, 90px);
  height: clamp(36px, 5vw, 42px);
  padding: 5px 9px;
}

.pm-integration-hub__logo-tile--soon {
  opacity: 0.88;
  border-color: rgba(196, 210, 245, 0.55);
  background: rgba(248, 250, 255, 0.92);
  box-shadow: none;
}

.pm-integration-hub__logo-tile--soon:hover {
  transform: none;
  border-color: rgba(196, 210, 245, 0.55);
  box-shadow: none;
}

.pm-integration-hub__logo-tile--soon img {
  filter: grayscale(1);
  opacity: 0.58;
}

.pm-integration-hub__status-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  padding: 2px 5px;
  border-radius: 999px;
  font-size: 7px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  pointer-events: none;
  white-space: nowrap;
  transform: translate(32%, -42%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
}

.pm-integration-hub__logo-tile--dest .pm-integration-hub__status-badge,
.pm-integration-hub__logo-tile--dest-active .pm-integration-hub__status-badge,
.pm-integration-hub__logo-tile--dest-in-progress .pm-integration-hub__status-badge {
  top: 0;
  right: 0;
  transform: translate(30%, -44%);
}

.pm-integration-hub__status-badge--soon {
  border: 1px solid rgba(196, 210, 245, 0.9);
  background: #f4f6fb;
  color: #4f5d78;
  box-shadow: 0 2px 6px rgba(34, 65, 184, 0.1);
}

.pm-integration-hub__status-badge--active {
  border: 1px solid rgba(28, 140, 62, 0.35);
  background: #34c759;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(52, 199, 89, 0.35);
}

.pm-integration-hub__status-badge--in-progress {
  border: 1px solid rgba(255, 149, 0, 0.45);
  background: #ff9500;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(255, 149, 0, 0.35);
}

.pm-integration-hub__logo-tile--dest-active .pm-integration-hub__status-badge--active {
  font-size: 7px;
  padding: 2px 6px;
  transform: translate(28%, -44%);
}

.pm-integration-hub__logo-tile--dest-in-progress .pm-integration-hub__status-badge--in-progress {
  font-size: 6px;
  padding: 2px 5px;
  letter-spacing: 0.03em;
  transform: translate(26%, -44%);
}

.pm-integration-hub__logo-tile img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 22px;
  object-fit: contain;
}

.pm-integration-hub__sources .pm-integration-hub__logo-tile img,
.pm-integration-hub__logo-tile--source img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 26px;
  object-fit: contain;
  object-position: center;
  border-radius: 6px;
}

.pm-integration-hub__logo-tile--dest img {
  max-height: 26px;
}

.pm-integration-hub__logo-tile--dest-active img {
  max-height: 32px;
}

.pm-integration-hub__logo-tile--dest-in-progress img {
  max-height: 28px;
  filter: none;
  opacity: 1;
}

.pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest:not(.pm-integration-hub__logo-tile--dest-active):not(.pm-integration-hub__logo-tile--dest-in-progress) img,
.pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest:not(.pm-integration-hub__logo-tile--dest-active):not(.pm-integration-hub__logo-tile--dest-in-progress) img {
  max-height: 26px;
}

.pm-integration-hub__hub-ring {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1px dashed rgba(31, 97, 255, 0.28);
  animation: pm-hub-ring-spin 18s linear infinite;
}

@keyframes pm-hub-ring-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.pm-integration-hub__hub-core {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 50%;
  border: 1px solid rgba(31, 97, 255, 0.22);
  background: #ffffff;
  box-shadow:
    0 12px 32px rgba(31, 97, 255, 0.18),
    0 0 0 6px rgba(31, 97, 255, 0.06);
}

.pm-integration-hub__hub-core img {
  display: block;
  width: 68%;
  height: 68%;
  max-width: 68%;
  max-height: 68%;
  margin: 0;
  padding: 6px;
  border-radius: 50%;
  background: #ffffff;
  box-sizing: border-box;
  object-fit: contain;
  object-position: center;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.14);
}

@media (max-width: 768px) {
  .pm-integration-hub__labels {
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: 18px;
    padding-bottom: 4px;
  }

  .pm-integration-hub__label--sources {
    display: block;
    margin-bottom: 10px;
  }

  .pm-integration-hub__label--dest-desktop {
    display: none;
  }

  .pm-integration-hub__label--dest-mobile {
    display: block;
    text-align: left;
    width: 100%;
    margin: 0 0 18px;
    padding: 0 2px;
  }

  .pm-integration-hub__svg {
    inset: 28px 6px 8px;
    width: calc(100% - 12px);
    height: calc(100% - 36px);
  }

  .pm-integration-hub__columns {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    align-items: stretch;
    min-height: auto;
    gap: 20px;
  }

  .pm-integration-hub__sources {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    align-items: center;
    margin-top: 0;
    margin-bottom: 8px;
    padding-top: 0;
  }

  .pm-integration-hub__hub {
    margin: 8px auto 4px;
  }

  .pm-integration-hub__hub-core {
    padding: 14px;
  }

  .pm-integration-hub__hub-core img {
    width: 80%;
    height: 80%;
    max-width: 80%;
    max-height: 80%;
  }

  .pm-integration-hub__destinations-zone {
    flex-direction: column;
    align-items: stretch;
    align-self: start;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
    justify-content: flex-start;
  }

  .pm-integration-hub__dest-columns,
  .pm-integration-hub__dest-grid {
    display: grid;
    height: auto;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: auto;
    gap: 10px;
    align-items: stretch;
    justify-items: stretch;
  }

  .pm-integration-hub__dest-col {
    display: contents;
  }

  .pm-integration-hub__dest-col--active {
    justify-content: unset;
  }

  .pm-integration-hub__card[data-pm-hub-layout="stacked"] {
    padding-bottom: 10px;
  }

  .pm-integration-hub__card[data-pm-hub-layout="stacked"] .pm-integration-hub__label--dest-mobile {
    margin-bottom: 12px;
  }

  .pm-integration-hub__dest-item--active,
  .pm-integration-hub__dest-item--in-progress,
  .pm-integration-hub__dest-item--soon {
    grid-column: auto;
    grid-row: auto;
    display: flex;
    width: 100%;
    min-width: 0;
    height: 54px;
  }

  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest,
  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest-active,
  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest-in-progress,
  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--soon,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest-active,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest-in-progress,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--soon {
    width: 100% !important;
    min-width: 0;
    height: 54px !important;
    min-height: 54px;
    max-height: 54px;
    padding: 7px 10px !important;
    box-sizing: border-box;
    flex: 1 1 auto;
  }

  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest-in-progress,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest-in-progress {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px;
    max-height: 54px;
    padding: 7px 10px !important;
  }

  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest img,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest-active img,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest-in-progress img {
    max-height: 28px;
  }

  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest-active img,
  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest-in-progress img {
    max-height: 32px;
  }

  /* Keep status badges inside tile bounds — avoid overlapping the adjacent column */
  .pm-integration-hub__dest-item .pm-integration-hub__logo-tile--dest,
  .pm-integration-hub__dest-item .pm-integration-hub__logo-tile--dest-active,
  .pm-integration-hub__dest-item .pm-integration-hub__logo-tile--dest-in-progress {
    overflow: hidden;
  }

  .pm-integration-hub__logo-tile--dest .pm-integration-hub__status-badge,
  .pm-integration-hub__logo-tile--dest-active .pm-integration-hub__status-badge,
  .pm-integration-hub__logo-tile--dest-in-progress .pm-integration-hub__status-badge,
  .pm-integration-hub__logo-tile--dest-in-progress .pm-integration-hub__status-badge--in-progress,
  .pm-integration-hub__logo-tile--dest-active .pm-integration-hub__status-badge--active {
    top: 3px;
    right: 3px;
    left: auto;
    max-width: calc(100% - 6px);
    transform: none;
    font-size: 8px;
    padding: 3px 6px;
    letter-spacing: 0.04em;
    line-height: 1.15;
  }

  .pm-integration-hub__sources .pm-integration-hub__logo-tile,
  .pm-integration-hub__logo-tile--source {
    width: 88px;
    height: 42px;
    padding: 7px 10px;
  }

  .pm-integration-hub__sources .pm-integration-hub__logo-tile img,
  .pm-integration-hub__logo-tile--source img {
    max-height: 26px;
  }

  .pm-integration-hub__pad--stacked,
  .pm-integration-hub__packet--stacked {
    filter: none;
    animation: pm-hub-pad-blink-stacked 2.8s ease-in-out infinite;
  }

  @keyframes pm-hub-pad-blink-stacked {
    0%,
    100% {
      opacity: 0.35;
    }
    50% {
      opacity: 0.95;
    }
  }
}

@media (max-width: 520px) {
  .pm-integration-hub__card {
    padding: 14px 10px;
  }

  .pm-integration-hub__logo-tile {
    width: 76px;
    height: 36px;
    padding: 5px 8px;
  }

  .pm-integration-hub__sources .pm-integration-hub__logo-tile,
  .pm-integration-hub__logo-tile--source {
    width: 92px;
    height: 44px;
    padding: 8px 10px;
  }

  .pm-integration-hub__logo-tile img {
    max-height: 20px;
  }

  .pm-integration-hub__sources .pm-integration-hub__logo-tile img,
  .pm-integration-hub__logo-tile--source img {
    max-height: 28px;
  }

  .pm-integration-hub__hub {
    width: 84px;
    height: 84px;
  }

  .pm-integration-hub__hub-core {
    padding: 12px;
  }

  .pm-integration-hub__hub-core img {
    width: 82%;
    height: 82%;
    max-width: 82%;
    max-height: 82%;
  }

  .pm-integration-hub__columns {
    min-height: auto;
    gap: 16px;
  }

  .pm-integration-hub__sources {
    margin-bottom: 10px;
  }

  .pm-integration-hub__dest-columns,
  .pm-integration-hub__dest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-width: 100%;
    height: auto;
  }

  .pm-integration-hub__dest-item--active,
  .pm-integration-hub__dest-item--in-progress,
  .pm-integration-hub__dest-item--soon {
    height: 52px;
  }

  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest,
  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest-active,
  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest-in-progress,
  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--soon,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest-active,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest-in-progress,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--soon {
    height: 52px !important;
    min-height: 52px;
    max-height: 52px;
    padding: 7px 10px !important;
  }

  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest img,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest-active img,
  .pm-integration-hub__dest-grid .pm-integration-hub__logo-tile--dest-in-progress img,
  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest-active img,
  .pm-integration-hub__dest-columns .pm-integration-hub__logo-tile--dest-in-progress img {
    max-height: 30px;
  }

  .pm-integration-hub__logo-tile--dest .pm-integration-hub__status-badge,
  .pm-integration-hub__logo-tile--dest-active .pm-integration-hub__status-badge,
  .pm-integration-hub__logo-tile--dest-in-progress .pm-integration-hub__status-badge,
  .pm-integration-hub__logo-tile--dest-in-progress .pm-integration-hub__status-badge--in-progress,
  .pm-integration-hub__logo-tile--dest-active .pm-integration-hub__status-badge--active {
    top: 2px;
    right: 2px;
    max-width: calc(100% - 4px);
    transform: none;
    font-size: 7px;
    padding: 2px 5px;
    letter-spacing: 0.03em;
    line-height: 1.15;
  }

  .pm-integration-hub__status-badge {
    font-size: 7px;
    padding: 2px 5px;
    top: 2px;
    right: 2px;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-integration-hub__trace--fg,
  .pm-integration-hub__pad,
  .pm-integration-hub__hub-ring,
  .pm-integration-hub__logo-item,
  .pm-integration-hub__pcb-grid,
  .pm-integration-hub__pcb-grid::after {
    animation: none !important;
  }

  .pm-integration-hub__pad {
    opacity: 0.7;
  }

  .pm-integration-hub__pcb-grid {
    opacity: 0.4;
  }
}

.pm-platform-badge__row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.pm-platform-badge__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pm-text-muted);
}

.pm-platform-badge__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-platform-badge__logo {
  display: block;
  width: auto;
  height: 22px;
  max-width: 110px;
  object-fit: contain;
  object-position: left center;
  image-rendering: auto;
}

.pm-platform-badge__logo--rounded {
  border-radius: 8px;
}

.pm-hero-ios-card .pm-platform-badge__logo--rounded {
  border-radius: 10px;
}

.pm-platform-badge--compact .pm-platform-badge__logo {
  height: 16px;
  max-width: 72px;
}

.pm-platform-badge__row--soon .pm-platform-badge__logo {
  opacity: 0.55;
  filter: grayscale(0.25);
}

.pm-logo-mobile .pm-platform-badge {
  display: none;
}

.pm-footer-top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  margin-bottom: 8px;
}

.pm-footer-top::after {
  display: none;
}

.pm-footer-logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 52px;
  height: 52px;
  padding: 8px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
  line-height: 0;
  overflow: hidden;
}

.pm-footer-logo-link .pm-footer-logo {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: none;
  margin: 0;
  float: none;
  border-radius: 50%;
  object-fit: contain;
}

.pm-footer-legal-notice {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding-top: 4px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--pm-text-muted);
}

@media (max-width: 900px) {
  .pm-footer-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 12px;
  }

  .pm-footer-legal-notice {
    flex: 1 1 0;
    min-width: 0;
    padding-top: 2px;
    font-size: 12px;
    line-height: 1.55;
  }

  .pm-footer-menus {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .pm-footer-menus {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .pm-footer-nav-stack {
    gap: 18px;
  }
}

.pm-site-logo-text {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--pm-text);
  line-height: 1.1;
}

.pm-logo-link .pm-site-logo-text {
  display: block;
}

.pm-logo-mobile .pm-site-logo-text {
  font-size: 16px;
  font-weight: 800;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Auth pages — match theme my-account login (pm-account-shell + pm-loginform) */
.pm-auth-page-wrap {
  padding: 32px 0 64px;
  background: #f3f4f7;
}

.pm-auth-page-wrap .pm-account-shell {
  margin-top: 4px;
  color: var(--pm-text);
}

.pm-auth-page-wrap .pm-account-title {
  color: var(--pm-text);
}

.pm-auth-page-wrap .pm-auth-card {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
}

.pm-auth-page-wrap .pm-account-tabs .pm-account-tab {
  text-decoration: none;
  text-align: center;
  font: inherit;
  appearance: none;
  -webkit-appearance: none;
}

.pm-auth-page-wrap .pm-auth-field {
  margin: 0 0 12px;
}

.pm-auth-page-wrap .pm-auth-field label {
  display: block;
  font-weight: 600;
  margin: 0 0 6px;
  color: var(--pm-text);
}

.pm-auth-page-wrap .pm-auth-field .input,
.pm-auth-page-wrap #pm-loginform .input {
  width: 100%;
  border: 1px solid var(--pm-border);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 15px;
  color: var(--pm-text);
  background: #fff;
}

.pm-auth-page-wrap #pm-loginform .login-username,
.pm-auth-page-wrap #pm-loginform .login-password,
.pm-auth-page-wrap #pm-loginform .pm-login-remember,
.pm-auth-page-wrap #pm-loginform .login-submit {
  margin: 0 0 12px;
}

.pm-auth-page-wrap #pm-loginform label {
  display: block;
  font-weight: 600;
  margin: 0 0 6px;
  color: var(--pm-text);
}

/* Password toggle button */
.pm-password-wrap {
  position: relative;
  display: block;
}

.pm-password-wrap .input {
  padding-right: 42px !important;
}

.pm-password-toggle {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #94a3b8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: color 0.15s;
}

.pm-password-toggle:hover {
  color: #475569;
}

.pm-auth-page-wrap #pm-loginform .pm-login-remember {
  margin-bottom: 0;
}

.pm-auth-page-wrap #pm-loginform .pm-login-remember .pm-signup-terms__text {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.45;
  cursor: pointer;
}

.pm-auth-page-wrap #pm-loginform .login-submit {
  margin: 10px 0 0;
  text-align: center;
}

.pm-auth-page-wrap .pm-auth-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 40px;
  cursor: pointer;
}

.pm-auth-page-wrap .pm-auth-submit__spinner {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: pm-auth-submit-spin 0.65s linear infinite;
  flex-shrink: 0;
}

@keyframes pm-auth-submit-spin {
  to {
    transform: rotate(360deg);
  }
}

.pm-auth-page-wrap #pm-loginform .button-primary:disabled,
.pm-auth-page-wrap .pm-auth-submit:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.pm-auth-page-wrap .pm-signup-submit:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.pm-auth-page-wrap #pm-signup-form .pm-signup-terms,
.pm-auth-page-wrap #pm-loginform .pm-signup-terms {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px 0 0;
}

.pm-auth-page-wrap #pm-signup-form .pm-signup-terms__checkbox,
.pm-auth-page-wrap #pm-loginform .pm-signup-terms__checkbox {
  margin: 0;
  flex-shrink: 0;
}

.pm-auth-page-wrap #pm-signup-form .pm-signup-terms__text,
.pm-auth-page-wrap #pm-loginform .pm-signup-terms__text {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.45;
  cursor: pointer;
}

/* Auth pages — dark canvas (marketing band) */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-back-home {
  border-color: rgba(99, 102, 241, 0.35);
  background: rgba(11, 18, 36, 0.88);
  color: #7dd3fc;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-back-home:hover {
  border-color: rgba(96, 165, 250, 0.45);
  background: rgba(20, 30, 58, 0.96);
  color: #bae6fd;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-shell {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(11, 18, 36, 0.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 16px 40px rgba(0, 0, 0, 0.28);
  color: rgba(226, 232, 240, 0.9);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-header {
  border-bottom-color: rgba(99, 102, 241, 0.22);
  background: radial-gradient(circle at top right, rgba(99, 102, 241, 0.14), transparent 55%);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-kicker {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-title {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-tabs {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(11, 18, 36, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-tab {
  color: rgba(226, 232, 240, 0.65);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-tab:hover {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-tab.is-active,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-tab[aria-selected="true"] {
  background: rgba(20, 30, 58, 0.96);
  color: #7dd3fc;
  box-shadow: inset 0 -3px 0 #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-tab-intro,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-card p {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-field label,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap #pm-loginform label,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap #pm-signup-form .pm-signup-terms__text {
  color: rgba(226, 232, 240, 0.88);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-field .input,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap #pm-loginform .input {
  border-color: rgba(99, 102, 241, 0.28);
  background: rgba(11, 18, 36, 0.88);
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-field .input::placeholder,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap #pm-loginform .input::placeholder {
  color: rgba(148, 163, 184, 0.75);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-field .input:focus,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap #pm-loginform .input:focus {
  border-color: rgba(96, 165, 250, 0.55);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-password-toggle {
  color: rgba(148, 163, 184, 0.85);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-password-toggle:hover {
  color: #e2e8f0;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-divider {
  color: rgba(148, 163, 184, 0.8);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-divider::before,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-divider::after {
  background: rgba(99, 102, 241, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-card .pm-google-oauth-btn {
  border-color: rgba(96, 165, 250, 0.45);
  background: rgba(11, 18, 36, 0.88);
  color: #bae6fd;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-card .pm-google-oauth-btn:hover {
  border-color: rgba(125, 211, 252, 0.65);
  background: rgba(20, 30, 58, 0.96);
  color: #e0f2fe;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-login-message-error {
  border-color: rgba(248, 113, 113, 0.35);
  background: rgba(127, 29, 29, 0.28);
  color: #fecaca;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-login-message-success {
  border-color: rgba(52, 211, 153, 0.35);
  background: rgba(6, 78, 59, 0.28);
  color: #a7f3d0;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-login-forgot,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-login-forgot a,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-links a,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-resend-link {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-login-forgot a:hover,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-account-links a:hover,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-auth-resend-link:hover {
  color: #bae6fd;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-signup-terms,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-signup-email-disabled {
  color: rgba(226, 232, 240, 0.72);
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(11, 18, 36, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-signup-terms a {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-signup-terms a:hover {
  color: #bae6fd;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-signup-terms__checkbox {
  border-color: rgba(99, 102, 241, 0.45);
  background: rgba(11, 18, 36, 0.88);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-signup-terms__checkbox:checked {
  border-color: #7dd3fc;
  background: #0ea5e9;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-password-req {
  color: rgba(226, 232, 240, 0.65);
}

/* Account deleted modal — match dark auth canvas */
.pm-marketing-page-band .vx-account-deleted-modal,
html[data-theme="dark"] .vx-account-deleted-modal {
  background: rgb(7 13 25 / 72%);
}

.pm-marketing-page-band .vx-account-deleted-modal__card,
html[data-theme="dark"] .vx-account-deleted-modal__card {
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.98) 0%, rgba(11, 18, 36, 0.99) 100%);
  border: 1px solid rgba(99, 102, 241, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 24px 48px rgba(0, 0, 0, 0.45);
  color: rgba(226, 232, 240, 0.92);
}

.pm-marketing-page-band .vx-account-deleted-modal__title,
html[data-theme="dark"] .vx-account-deleted-modal__title {
  color: #f8fafc;
}

.pm-marketing-page-band .vx-account-deleted-modal__text,
html[data-theme="dark"] .vx-account-deleted-modal__text {
  color: rgba(203, 213, 225, 0.92);
}

.pm-marketing-page-band .vx-account-deleted-modal__text a,
html[data-theme="dark"] .vx-account-deleted-modal__text a {
  color: #7dd3fc;
}

.pm-marketing-page-band .vx-account-deleted-modal__text a:hover,
html[data-theme="dark"] .vx-account-deleted-modal__text a:hover {
  color: #bae6fd;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-auth-page-wrap .pm-password-req--met {
  color: #6ee7b7;
}

/* Agency page — dark canvas (marketing band) */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-apply-form,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-showcase-card,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-success {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.14), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(11, 18, 36, 0.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 20px 48px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-form-badge,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-showcase-eyebrow {
  color: #7dd3fc;
  background: rgba(59, 130, 246, 0.14);
  border-color: rgba(96, 165, 250, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-apply-title,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-showcase h4,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-showcase-subhead,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-success h3,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-benefit-card strong {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-apply-subtitle,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-section-label,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-showcase-lead,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-showcase-lead-sm,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-showcase-stat__label,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-benefit-card p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-success p {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-field label,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-checkbox-wrap span,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-feature-item {
  color: rgba(226, 232, 240, 0.88);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-info-btn {
  border-color: rgba(99, 102, 241, 0.28);
  background: rgba(11, 18, 36, 0.88);
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-info-btn:hover {
  border-color: rgba(96, 165, 250, 0.45);
  background: rgba(20, 30, 58, 0.96);
  color: #bae6fd;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-info-panel {
  border-color: rgba(96, 165, 250, 0.28);
  background: rgba(30, 41, 59, 0.72);
  color: rgba(226, 232, 240, 0.88);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-field input,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-field select {
  border-color: rgba(99, 102, 241, 0.28);
  background-color: rgba(11, 18, 36, 0.88);
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-field input::placeholder {
  color: rgba(148, 163, 184, 0.75);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-field input:focus,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-field select:focus {
  border-color: rgba(96, 165, 250, 0.55);
  background-color: rgba(15, 23, 42, 0.96);
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.18);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-password-toggle {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-password-toggle:hover {
  background: rgba(59, 130, 246, 0.12);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-checkbox-wrap {
  background: rgba(11, 18, 36, 0.72);
  border-color: rgba(99, 102, 241, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-checkbox-wrap a {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-error {
  background: rgba(127, 29, 29, 0.28);
  color: #fecaca;
  border-color: rgba(248, 113, 113, 0.35);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-showcase-hero {
  border-bottom-color: rgba(99, 102, 241, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-showcase-stat {
  background: rgba(11, 18, 36, 0.88);
  border-color: rgba(99, 102, 241, 0.22);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-showcase-stat__value {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-benefit-card,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-feature-item {
  background: rgba(11, 18, 36, 0.88);
  border-color: rgba(99, 102, 241, 0.22);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-benefit-card__icon {
  color: #7dd3fc;
  background: linear-gradient(135deg, rgba(30, 58, 138, 0.45), rgba(59, 130, 246, 0.18));
  border-color: rgba(96, 165, 250, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-feature-item svg {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-success svg {
  color: #34c759;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal {
  border: 1px solid rgba(99, 102, 241, 0.24);
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.98) 0%, rgba(11, 18, 36, 0.98) 100%);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__head h2,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__field span {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__head p {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__close {
  background: rgba(30, 41, 59, 0.9);
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__close:hover {
  background: rgba(51, 65, 85, 0.95);
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__field input {
  border-color: rgba(99, 102, 241, 0.28);
  background: rgba(11, 18, 36, 0.88);
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__field input:focus {
  border-color: rgba(96, 165, 250, 0.55);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__info {
  color: #6ee7b7;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__error {
  color: #fca5a5;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__resend {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-verify-modal__cancel {
  border-color: rgba(99, 102, 241, 0.28);
  background: rgba(11, 18, 36, 0.88);
  color: rgba(226, 232, 240, 0.88);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .pm-password-req {
  color: rgba(226, 232, 240, 0.65);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .pm-password-req--met {
  color: #6ee7b7;
}

/* Trial page — dark canvas (marketing band) */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-container {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(11, 18, 36, 0.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 16px 40px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-header {
  padding: 28px 24px 24px;
  text-align: center;
  border-bottom: 1px solid rgba(99, 102, 241, 0.22);
  background:
    radial-gradient(ellipse 90% 80% at 50% 0%, rgba(99, 102, 241, 0.18), transparent 62%),
    linear-gradient(180deg, rgba(20, 30, 58, 0.72) 0%, rgba(11, 18, 36, 0.35) 100%);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-header h2 {
  margin: 0 0 8px;
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #f8fafc !important;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-header p {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  color: rgba(226, 232, 240, 0.78) !important;
  opacity: 1;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-body {
  color: rgba(226, 232, 240, 0.88);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-benefit {
  color: rgba(226, 232, 240, 0.9);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-benefit svg {
  color: #6ee7b7;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-excluded {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(11, 18, 36, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-excluded__title {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-excluded__item {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-excluded__item svg {
  color: rgba(148, 163, 184, 0.85);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-form input[type="email"],
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-form input[type="text"] {
  border-color: rgba(99, 102, 241, 0.28);
  background: rgba(11, 18, 36, 0.88);
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-form input[type="email"]::placeholder,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-form input[type="text"]::placeholder {
  color: rgba(148, 163, 184, 0.75);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-form input[type="email"]:focus,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-form input[type="text"]:focus {
  border-color: rgba(96, 165, 250, 0.55);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-consent,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-note {
  color: rgba(226, 232, 240, 0.68);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-consent a {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-consent a:hover {
  color: #bae6fd;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-form button,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-download-btn {
  background: var(--pm-cta-green-gradient);
  box-shadow: 0 8px 22px var(--pm-cta-green-shadow);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-form button:hover,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-download-btn:hover {
  box-shadow: 0 10px 28px rgba(52, 199, 89, 0.38);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-error {
  border-color: rgba(248, 113, 113, 0.35);
  background: rgba(127, 29, 29, 0.28);
  color: #fecaca;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success h3 {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success__lead {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success__icon {
  background: rgba(110, 231, 183, 0.12);
  color: #6ee7b7;
  box-shadow: inset 0 0 0 1px rgba(110, 231, 183, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success-details {
  background: rgba(11, 18, 36, 0.72);
  border-color: rgba(99, 102, 241, 0.22);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success-details__label {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success-details__key {
  background: rgba(15, 23, 42, 0.92);
  border-color: rgba(99, 102, 241, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success-details__key code {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success-details__copy {
  color: #e0f2fe;
  background: rgba(30, 58, 138, 0.55);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success-details__copy:hover {
  background: rgba(37, 99, 235, 0.55);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success-details__copy.is-copied {
  color: #d1fae5;
  background: rgba(6, 95, 70, 0.45);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success-details__value {
  color: rgba(248, 250, 252, 0.92);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-success-details__notice {
  border-top-color: rgba(148, 163, 184, 0.22);
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-license-platforms--trial-hero,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-license-platforms__tile {
  background: rgba(11, 18, 36, 0.88);
  border-color: rgba(99, 102, 241, 0.22);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-license-platforms__tile:hover {
  border-color: rgba(96, 165, 250, 0.45);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-license-platforms__tile.is-selected {
  background: rgba(30, 58, 138, 0.35);
  border-color: rgba(96, 165, 250, 0.55);
  box-shadow:
    0 0 0 1px rgba(96, 165, 250, 0.25),
    0 8px 20px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-license-platforms--trial-hero .wtrk-license-platforms__label {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-license-platforms__hero-note,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-license-platforms__hint {
  color: rgba(226, 232, 240, 0.72);
}

/* Onboarding keeps compact card */
.pm-onboarding-card {
  width: min(100%, 480px);
  padding: 28px 24px;
  border-radius: 16px;
  border: 1px solid var(--pm-border);
  background: #fff;
  box-shadow: 0 12px 32px rgba(17, 25, 54, 0.08);
}

.pm-auth-page-wrap.pm-auth-page-wrap--onboarding {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 48px 16px 72px;
}

.pm-auth-home-link {
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pm-accent-2);
}

.pm-auth-home-link:hover {
  color: var(--pm-accent);
}

.pm-auth-card-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--pm-text);
}

.pm-auth-card-lead {
  margin: 8px 0 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--pm-text-muted);
}

.pm-auth-card-body {
  margin-top: 24px;
}

.pm-auth-card-body label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
  font-size: 0.875rem;
  color: var(--pm-text-muted);
}

.pm-auth-card-body input[type="email"],
.pm-auth-card-body input[type="password"],
.pm-auth-card-body input[type="text"] {
  border: 1px solid var(--pm-border);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 1rem;
  color: var(--pm-text);
  background: #fff;
}

.pm-auth-card-body input:focus {
  outline: none;
  border-color: var(--pm-accent);
  box-shadow: 0 0 0 3px rgba(var(--pm-accent-rgb), 0.15);
}

.pm-auth-card-body button[type="submit"] {
  width: 100%;
  margin-top: 8px;
  padding: 12px 16px;
  border: none;
  border-radius: 999px;
  background: var(--pm-cta-green-gradient);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 6px 16px var(--pm-cta-green-shadow);
}

.pm-auth-card-body button[type="submit"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* POAS: third field full width on 2-col grid */
.pm-poas-calculator-shell-simple .pm-poas-calculator-grid .pm-poas-field:last-child {
  grid-column: 1 / -1;
}

/* POAS calculator — simplified palette */
#poas-calculator {
  scroll-margin-top: calc(var(--pm-header-float-height, 72px) + 16px);
}

.pm-poas-calculator-shell-simple .pm-poas-calculator-ios-card {
  background: #fff;
  border: 1px solid var(--pm-border, #e2e8f4);
  box-shadow: 0 8px 28px rgba(17, 25, 54, 0.06);
}

.pm-poas-calculator-shell-simple .pm-poas-calculator-kicker {
  color: var(--pm-accent, #1f61ff);
}

.pm-poas-calculator-shell-simple .pm-poas-calculator-head p {
  color: var(--pm-text-muted, #5a6b8a);
}

.pm-poas-calculator-shell-simple .pm-poas-field-label {
  color: var(--pm-text, #111936);
}

.pm-poas-calculator-shell-simple .pm-poas-manual-input {
  border-color: var(--pm-border, #e2e8f4);
  background: #f8f9fc;
  color: var(--pm-text, #111936);
}

.pm-poas-calculator-shell-simple .pm-poas-manual-input:focus {
  border-color: var(--pm-accent, #1f61ff);
  box-shadow: 0 0 0 3px rgba(31, 97, 255, 0.12);
  background: #fff;
}

.pm-poas-calculator-shell-simple .pm-poas-slider {
  background: #e2e8f4;
}

.pm-poas-calculator-shell-simple .pm-poas-slider::-webkit-slider-thumb {
  background: var(--pm-accent, #1f61ff);
  box-shadow: 0 2px 6px rgba(31, 97, 255, 0.35);
}

.pm-poas-calculator-shell-simple .pm-poas-slider::-moz-range-thumb {
  background: var(--pm-accent, #1f61ff);
  box-shadow: 0 2px 6px rgba(31, 97, 255, 0.35);
}

.pm-poas-calculator-shell-simple .pm-poas-results {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pm-poas-calculator-shell-simple .pm-poas-result-card {
  background: #f8f9fc;
  border: 1px solid var(--pm-border, #e2e8f4);
}

.pm-poas-calculator-shell-simple .pm-poas-result-card p {
  color: var(--pm-text-muted, #5a6b8a);
}

.pm-poas-calculator-shell-simple .pm-poas-result-card strong {
  color: var(--pm-text, #111936);
}

/* Row 1: Gross profit | POAS — Row 2: ROAS | Net profit */
.pm-poas-calculator-shell-simple .pm-poas-result-card-alert {
  grid-column: auto;
  background: #fff5f5;
  border-color: #f5c2c7;
}

.pm-poas-calculator-shell-simple .pm-poas-result-card-alert.is-positive {
  background: #f0faf3;
  border-color: #b8e6c8;
}

.pm-poas-calculator-shell-simple .pm-poas-message {
  color: var(--pm-text-muted, #5a6b8a);
  font-weight: 500;
}

.pm-poas-calculator-shell-simple .pm-poas-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 999px;
  background: var(--pm-accent, #1f61ff);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.pm-poas-calculator-shell-simple .pm-poas-cta:hover {
  filter: brightness(1.05);
}

/* Legal pages */
.pm-legal-page {
  padding: 48px 0 80px;
  background: #f3f4f7;
}

.pm-legal-page .pm-legal-back {
  margin-bottom: 28px;
  text-decoration: none;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.pm-legal-page .pm-legal-back:hover {
  text-decoration: none;
  transform: translateX(-2px);
}

.pm-legal-page .pm-legal-back:focus-visible {
  outline: 2px solid var(--pm-accent);
  outline-offset: 3px;
}

.pm-legal-back__icon {
  font-size: 14px;
  line-height: 1;
  opacity: 0.9;
}

.pm-legal-back__label {
  letter-spacing: 0.01em;
  text-transform: none;
}

.pm-legal-title {
  margin: 0 0 24px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--pm-text);
}

.pm-legal-content {
  padding: 28px 24px;
  border-radius: 16px;
  border: 1px solid var(--pm-border);
  background: #fff;
  color: var(--pm-text-muted);
  line-height: 1.65;
}

.pm-legal-content h2 {
  margin: 28px 0 8px;
  font-size: 1.125rem;
  color: var(--pm-text);
}

.pm-legal-content p {
  margin: 0 0 12px;
}

.pm-legal-content ul {
  margin: 0 0 16px;
  padding-left: 1.25rem;
}

.pm-legal-content a {
  color: var(--pm-accent);
  font-weight: 600;
}

.pm-legal-content h3 {
  margin: 20px 0 8px;
  font-size: 1rem;
  color: var(--pm-text);
}

.pm-legal-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 16px;
  font-size: 0.9375rem;
}

.pm-legal-content th,
.pm-legal-content td {
  border: 1px solid var(--pm-border);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}

.pm-legal-content th {
  background: rgba(248, 250, 252, 0.9);
  color: var(--pm-text);
  font-weight: 600;
}

/* Legal pages — dark canvas (marketing band) */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-page .pm-legal-back {
  border-color: rgba(99, 102, 241, 0.35);
  background: rgba(11, 18, 36, 0.88);
  color: #7dd3fc;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-page .pm-legal-back:hover {
  border-color: rgba(96, 165, 250, 0.45);
  background: rgba(20, 30, 58, 0.96);
  color: #bae6fd;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-title {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-content {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(11, 18, 36, 0.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 16px 40px rgba(0, 0, 0, 0.28);
  color: rgba(226, 232, 240, 0.82);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-content h2,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-content h3 {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-content a {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-content a:hover {
  color: #bae6fd;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-content th,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-content td {
  border-color: rgba(99, 102, 241, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-content th {
  background: rgba(11, 18, 36, 0.92);
  color: #f8fafc;
}

/* Homepage — SaaS sections */
html:has(.pm-saas-hero),
html:has(.pm-home-dark-band),
body:has(.pm-saas-hero),
body:has(.pm-home-dark-band) {
  overflow-x: clip;
}

.pm-main-content:has(> .pm-home-dark-band),
.pm-main-content:has(> .pm-marketing-page-band > .pm-marketing-page-band__content > .pm-home-dark-band) {
  overflow-x: clip;
  background: #070d19;
}

.pm-saas-home {
  position: relative;
  z-index: 0;
  width: 100%;
  background: transparent;
}

.pm-saas-section {
  position: relative;
  z-index: 1;
  padding: clamp(48px, 8vw, 96px) 0;
  background: #ffffff;
  color: var(--pm-text, #1d1d1f);
}

.pm-saas-section--stats {
  margin-top: clamp(-56px, -7vw, -88px);
  padding-top: clamp(24px, 4vw, 40px);
  padding-bottom: clamp(32px, 5vw, 56px);
  border-bottom: none;
  background: transparent;
}

.pm-saas-section--stats-hero {
  margin-top: clamp(12px, 2vw, 20px);
  padding: 0;
}

.pm-saas-section--stats-hero .pm-saas-stats {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .pm-home-dark-band .pm-integration-hub--below {
    margin-top: clamp(12px, 3.5vw, 18px);
  }

  .pm-home-dark-band .pm-saas-section--stats-hero {
    margin-top: 0;
    padding-top: 0;
  }

  .pm-home-dark-band .pm-integration-hub__sources {
    margin-top: 0;
    margin-bottom: 6px;
    padding-top: 0;
  }

  .pm-home-dark-band .pm-integration-hub__columns {
    gap: 16px;
  }

  .pm-home-dark-band .pm-integration-hub__card[data-pm-hub-layout="stacked"] {
    padding-bottom: 8px;
  }
}

/* Hero — dark surfaces for integration hub + stats on navy homepage */
.pm-saas-hero .pm-integration-hub__card {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%),
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(31, 97, 255, 0.14), transparent 70%);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.38),
    0 1px 0 rgba(255, 255, 255, 0.05) inset;
}

.pm-saas-hero .pm-integration-hub__pcb-grid {
  opacity: 0.3;
  background-image: radial-gradient(
    circle at center,
    rgba(148, 163, 184, 0.28) 1px,
    transparent 1px
  );
}

.pm-saas-hero .pm-integration-hub__pcb-grid::after {
  background-image: radial-gradient(
    circle at center,
    rgba(148, 163, 184, 0.18) 0.85px,
    transparent 0.85px
  );
}

.pm-saas-hero .pm-integration-hub__label {
  color: #94a3b8;
}

.pm-saas-hero .pm-integration-hub__logo-tile {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(15, 23, 42, 0.82);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

.pm-saas-hero .pm-integration-hub__logo-tile:hover {
  border-color: rgba(31, 97, 255, 0.45);
  box-shadow: 0 8px 20px rgba(31, 97, 255, 0.18);
}

.pm-saas-hero .pm-integration-hub__logo-tile--dest-active {
  border-color: rgba(31, 97, 255, 0.42);
  background: rgba(20, 30, 58, 0.96);
  box-shadow: 0 6px 18px rgba(31, 97, 255, 0.22);
}

.pm-saas-hero .pm-integration-hub__logo-tile--dest-in-progress {
  border-color: rgba(255, 149, 0, 0.38);
  background: rgba(30, 22, 12, 0.92);
  box-shadow: 0 6px 18px rgba(255, 149, 0, 0.16);
}

.pm-saas-hero .pm-integration-hub__logo-tile--dest img,
.pm-saas-hero .pm-integration-hub__logo-tile--dest-active img,
.pm-saas-hero .pm-integration-hub__logo-tile--dest-in-progress img {
  opacity: 1;
  filter: none;
}

.pm-saas-hero .pm-integration-hub__logo-tile--soon {
  border-color: rgba(148, 163, 184, 0.2);
  background: rgba(11, 18, 36, 0.88);
  box-shadow: none;
}

.pm-saas-hero .pm-integration-hub__status-badge--soon {
  border-color: rgba(148, 163, 184, 0.28);
  background: rgba(30, 41, 59, 0.95);
  color: #cbd5e1;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.pm-saas-hero .pm-integration-hub__hub-core {
  border-color: rgba(31, 97, 255, 0.35);
  background: rgba(15, 23, 42, 0.96);
  box-shadow:
    0 12px 32px rgba(31, 97, 255, 0.16),
    0 0 0 6px rgba(31, 97, 255, 0.08);
}

.pm-saas-hero .pm-saas-section--stats-hero .pm-saas-stat,
.pm-saas-hero .pm-saas-section--stats-hero .pm-saas-stat.pm-reveal {
  border-color: rgba(99, 102, 241, 0.24);
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.pm-saas-hero .pm-saas-section--stats-hero .pm-saas-stat:hover {
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.36);
}

.pm-saas-hero .pm-saas-section--stats-hero .pm-saas-stat__label {
  color: #cbd5e1;
}

.pm-saas-section--pricing {
  padding-top: clamp(40px, 6vw, 72px);
  padding-bottom: clamp(32px, 5vw, 56px);
}

.pm-saas-section--pricing + .pm-saas-section--pillars {
  padding-top: 0;
}

/* Homepage — compact vertical rhythm between presentation sections */
.pm-saas-home > .pm-saas-section:not(:first-child) {
  padding-top: 0;
}

.pm-saas-home > .pm-saas-section {
  padding-bottom: clamp(24px, 4vw, 40px);
}

.pm-saas-home > .pm-saas-section--pricing {
  padding-top: clamp(40px, 6vw, 72px);
  padding-bottom: clamp(16px, 2.5vw, 24px);
}

.pm-saas-home > .pm-saas-section--cta {
  padding-bottom: clamp(40px, 6vw, 64px);
}

.pm-saas-home .pm-saas-section-head {
  margin-bottom: clamp(16px, 2.5vw, 24px);
}

.pm-saas-home .pm-saas-lead {
  margin-top: 10px;
}

.pm-saas-home .pm-home-ai-agent__layout {
  margin-top: 10px;
  margin-bottom: clamp(20px, 3vw, 28px);
  gap: clamp(20px, 3vw, 32px);
}

.pm-saas-home .pm-home-ai-agent__cards {
  gap: 12px;
}

@media (min-width: 640px) {
  .pm-saas-home .pm-home-ai-agent__cards {
    gap: 14px;
  }
}

.pm-saas-home .pm-saas-card {
  padding: 18px 16px;
}

.pm-saas-home .pm-saas-formula {
  padding: 22px 20px;
}

.pm-saas-home .pm-saas-label-card {
  padding: 20px 16px;
}

.pm-saas-home .pm-saas-label-card__letter {
  width: 42px;
  height: 42px;
  margin-bottom: 8px;
}

.pm-saas-home .pm-saas-step-card {
  padding: 16px 14px;
}

.pm-saas-home .pm-saas-cta-band {
  padding: clamp(28px, 4vw, 44px) clamp(20px, 4vw, 36px);
  border-radius: 22px;
}

.pm-saas-home .pm-saas-cta-band__body {
  margin-bottom: 18px;
}

/* Homepage — compact layouts (reduced DOM depth) */
.pm-saas-home .pm-saas-pillars--timeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-saas-home .pm-saas-pillar-timeline__step {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  row-gap: 8px;
  align-items: center;
  padding: 16px 14px;
  border-radius: 14px;
  border: 1px solid rgba(196, 210, 245, 0.7);
  background: linear-gradient(145deg, #ffffff 0%, #f7f9ff 100%);
  box-shadow: 0 8px 24px rgba(34, 65, 184, 0.06);
}

.pm-saas-home .pm-saas-pillar-timeline__num {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: 1;
  grid-row: 1;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #fff;
  background: var(--pm-accent, #1f61ff);
}

.pm-saas-home .pm-saas-pillar-timeline__step h3 {
  margin: 0;
  grid-column: 2;
  grid-row: 1;
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.pm-saas-home .pm-saas-pillar-timeline__step p {
  margin: 0;
  grid-column: 1 / -1;
  grid-row: 2;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--pm-text-muted);
}

.pm-saas-home .pm-saas-checklist--glass {
  margin: 0;
  padding: 18px 16px;
  list-style: none;
  display: grid;
  gap: 12px;
  border-radius: 18px;
  border: 1px solid rgba(196, 210, 245, 0.7);
  background: linear-gradient(145deg, #f7f9ff 0%, #ffffff 100%);
  box-shadow: 0 12px 36px rgba(34, 65, 184, 0.08);
}

.pm-saas-home .pm-saas-split {
  gap: 12px;
}

.pm-saas-home .pm-saas-cap-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-saas-home .pm-saas-cap-grid .pm-saas-card--feature {
  min-height: 0;
  height: 100%;
}

.pm-saas-home .pm-saas-label-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-saas-home .pm-saas-label-strip__chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 14px 10px;
  border-radius: 14px;
  border: 1px solid var(--pm-border);
  background: #fff;
  text-align: center;
}

.pm-saas-home .pm-saas-label-strip__chip--a {
  border-color: rgba(52, 199, 89, 0.35);
}

.pm-saas-home .pm-saas-label-strip__chip--c {
  border-color: rgba(255, 149, 0, 0.35);
}

.pm-saas-home .pm-saas-label-strip__chip--x {
  border-color: rgba(255, 59, 48, 0.35);
}

.pm-saas-home .pm-saas-label-strip__letter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 800;
  color: #fff;
}

.pm-saas-home .pm-saas-label-strip__chip--a .pm-saas-label-strip__letter {
  background: var(--pm-cta-green, #34c759);
}

.pm-saas-home .pm-saas-label-strip__chip--c .pm-saas-label-strip__letter {
  background: #ff9500;
}

.pm-saas-home .pm-saas-label-strip__chip--x .pm-saas-label-strip__letter {
  background: #ff3b30;
}

.pm-saas-home .pm-saas-label-strip__name {
  font-size: 14px;
  font-weight: 700;
  color: var(--pm-text);
}

.pm-saas-home .pm-saas-label-strip__range {
  font-size: 12px;
  color: var(--pm-text-muted);
}

.pm-saas-home .pm-saas-label-strip__action {
  font-size: 11px;
  font-weight: 600;
  color: var(--pm-accent, #1f61ff);
}

.pm-saas-home .pm-saas-steps--timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-saas-home .pm-saas-step-timeline__step {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 12px;
  border-radius: 14px;
  border: 1px solid rgba(196, 210, 245, 0.7);
  background: linear-gradient(145deg, #ffffff 0%, #f7f9ff 100%);
}

.pm-saas-home .pm-saas-step-timeline__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: var(--pm-accent, #1f61ff);
}

.pm-saas-home .pm-saas-step-timeline__step h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

.pm-saas-home .pm-saas-step-timeline__step p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--pm-text-muted);
}

.pm-saas-home .pm-saas-cta-band--slim {
  padding: clamp(24px, 3.5vw, 32px) clamp(18px, 3.5vw, 28px);
  border-radius: 20px;
}

.pm-saas-home .pm-saas-cta-band--slim .pm-saas-cta-band__title {
  margin-bottom: 8px;
}

.pm-saas-home .pm-saas-cta-band--slim .pm-saas-cta-band__body {
  margin-bottom: 14px;
  font-size: 0.9375rem;
}

.pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__layout {
  margin-bottom: clamp(16px, 2.5vw, 22px);
  gap: clamp(16px, 2.5vw, 24px);
}

.pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__visual--flat {
  padding: clamp(16px, 3vw, 24px);
  border-radius: 20px;
}

.pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__visual--flat .pm-home-ai-agent__proby-stage {
  min-height: min(220px, 52vw);
}

.pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__cards--compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__card {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 14px;
  row-gap: 4px;
  padding: 14px 12px;
}

.pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__card-icon {
  grid-row: 1 / span 2;
  width: 40px;
  height: 40px;
}

.pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__card > h3 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  align-self: end;
}

.pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__card > p {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--pm-text-muted);
  grid-column: 2;
}

.pm-home-dark-band .pm-saas-home .pm-saas-pillar-timeline__step,
.pm-home-dark-band .pm-saas-home .pm-saas-step-timeline__step,
.pm-home-dark-band .pm-saas-home .pm-saas-label-strip__chip {
  border-color: rgba(99, 102, 241, 0.24);
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.pm-home-dark-band .pm-saas-home .pm-saas-checklist--glass {
  border-color: rgba(99, 102, 241, 0.24);
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.88) 100%);
}

.pm-home-dark-band .pm-saas-home .pm-saas-pillar-timeline__step h3,
.pm-home-dark-band .pm-saas-home .pm-saas-step-timeline__step h3,
.pm-home-dark-band .pm-saas-home .pm-saas-label-strip__name {
  color: #f8fafc;
}

.pm-home-dark-band .pm-saas-home .pm-saas-pillar-timeline__step p,
.pm-home-dark-band .pm-saas-home .pm-saas-step-timeline__step p,
.pm-home-dark-band .pm-saas-home .pm-saas-label-strip__range {
  color: rgba(226, 232, 240, 0.78);
}

.pm-home-dark-band .pm-saas-home .pm-saas-label-strip__action {
  color: #7dd3fc;
}

.pm-home-dark-band .pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__card > h3 {
  color: #f8fafc;
}

.pm-home-dark-band .pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__card > p {
  color: rgba(226, 232, 240, 0.78);
}

@media (max-width: 900px) {
  .pm-saas-home .pm-saas-pillars--timeline {
    grid-template-columns: 1fr;
  }

  .pm-saas-home .pm-saas-steps--timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pm-saas-home .pm-saas-pillar-timeline__step,
  .pm-saas-home .pm-saas-step-timeline__step {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 10px;
    row-gap: 8px;
    align-items: center;
  }

  .pm-saas-home .pm-saas-pillar-timeline__num,
  .pm-saas-home .pm-saas-step-timeline__num {
    grid-column: 1;
    grid-row: 1;
  }

  .pm-saas-home .pm-saas-pillar-timeline__step h3,
  .pm-saas-home .pm-saas-step-timeline__step h3 {
    grid-column: 2;
    grid-row: 1;
  }

  .pm-saas-home .pm-saas-pillar-timeline__step p,
  .pm-saas-home .pm-saas-step-timeline__step p {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

@media (max-width: 640px) {
  .pm-saas-home .pm-saas-cap-grid,
  .pm-saas-home .pm-saas-steps--timeline {
    grid-template-columns: 1fr;
  }

  .pm-saas-home .pm-saas-label-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .pm-saas-home .pm-saas-label-strip__chip {
    padding: 10px 6px;
    gap: 2px;
  }

  .pm-saas-home .pm-saas-label-strip__letter {
    width: 24px;
    height: 24px;
    font-size: 13px;
  }

  .pm-saas-home .pm-saas-label-strip__name {
    font-size: 11px;
  }

  .pm-saas-home .pm-saas-label-strip__range {
    font-size: 10px;
  }

  .pm-saas-home .pm-saas-label-strip__action {
    font-size: 10px;
  }

  .pm-saas-home .pm-home-ai-agent--home-compact .pm-home-ai-agent__cards--compact {
    grid-template-columns: 1fr;
  }
}

.pm-saas-section--pricing:has(+ .pm-saas-section--pillars) {
  padding-bottom: clamp(16px, 2.5vw, 24px);
}

.pm-saas-section--pillars .pm-saas-section-head {
  margin-bottom: clamp(16px, 2.5vw, 24px);
}

.pm-saas-section--pillars .pm-saas-pillars {
  gap: clamp(14px, 2vw, 20px);
}

.pm-saas-section--pillars .pm-saas-pillar {
  gap: 14px;
  padding: clamp(16px, 2.5vw, 22px);
  border-radius: 18px;
}

@media (min-width: 900px) {
  .pm-saas-section--pillars .pm-saas-pillar {
    grid-template-columns: 1fr 0.85fr;
    gap: 24px;
  }
}

.pm-saas-section--pillars .pm-saas-pillar__step {
  margin-bottom: 6px;
}

.pm-saas-section--pillars .pm-saas-pillar__content h3 {
  margin: 0 0 6px;
  font-size: clamp(1.125rem, 2.2vw, 1.35rem);
}

.pm-saas-section--pillars .pm-saas-pillar__content p {
  font-size: 0.9375rem;
  line-height: 1.5;
}

.pm-saas-section--pillars .pm-saas-pillar__mock {
  min-height: 96px;
  padding: 12px 14px;
  border-radius: 12px;
}

.pm-home-pricing .pm-subscribe-plans {
  width: 100%;
  max-width: none;
}

/* Homepage — scale + integrations band */
.pm-home-scale {
  position: relative;
  overflow: hidden;
  margin-top: 0;
  background: transparent;
  color: #ffffff;
}

.pm-saas-hero + .pm-home-scale {
  margin-top: 0;
}

.pm-home-lazy-slot {
  min-height: 1px;
}

.pm-home-lazy-slot--badges {
  min-height: 12rem;
}

.pm-home-lazy-slot--section {
  min-height: 8rem;
  content-visibility: auto;
  contain-intrinsic-size: 1px 640px;
}

/* Below-fold homepage sections — skip layout/paint until near viewport. */
.pm-home-dark-band > .pm-home-scale,
.pm-home-dark-band > .pm-home-seo,
.pm-home-dark-band > .pm-signal-pipeline-section,
.pm-home-dark-band > .pm-home-tracking-pixel,
.pm-home-dark-band > .pm-saas-section:not(.pm-saas-hero):not(.pm-saas-section--stats-hero) {
  content-visibility: auto;
  contain-intrinsic-size: 1px 720px;
}

/* Seam between hero and scale — animated iOS-green chart line */
.pm-hero-scale-divider {
  position: relative;
  z-index: 2;
  height: clamp(48px, 6vw, 72px);
  margin-top: clamp(-20px, -2.5vw, -12px);
  margin-bottom: clamp(-20px, -2.5vw, -12px);
  pointer-events: none;
  overflow: visible;
  background: linear-gradient(
    180deg,
    rgba(7, 13, 25, 0) 0%,
    rgba(7, 13, 25, 0.35) 42%,
    rgba(11, 18, 36, 0.35) 58%,
    rgba(11, 18, 36, 0) 100%
  );
}

.pm-hero-scale-divider__svg {
  width: 100%;
  height: 100%;
  display: block;
}

.pm-hero-scale-divider__line {
  fill: none;
  stroke: url(#pm-hero-scale-divider-glow);
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 1400;
  stroke-dashoffset: 1400;
  animation: pm-hero-scale-divider-draw 5.5s ease-in-out infinite;
}

.pm-hero-scale-divider__line--glow {
  stroke: #34c759;
  stroke-width: 3.5;
  opacity: 0.14;
  filter: blur(1.5px);
  animation-delay: -0.15s;
}

@keyframes pm-hero-scale-divider-draw {
  0% {
    stroke-dashoffset: 1400;
    opacity: 0.2;
  }

  40%,
  60% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  100% {
    stroke-dashoffset: -1400;
    opacity: 0.2;
  }
}

.pm-home-scale__chart {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.9;
}

.pm-home-scale__chart-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.pm-home-scale__chart-line {
  fill: none;
  stroke: #34c759;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 1400;
  stroke-dashoffset: 1400;
  animation: pm-home-scale-chart-draw var(--pm-chart-duration, 16s) ease-in-out infinite;
  animation-delay: var(--pm-chart-delay, 0s);
}

.pm-home-scale__chart-area {
  opacity: 0.35;
  animation: pm-home-scale-chart-area 16s ease-in-out infinite;
}

@keyframes pm-home-scale-chart-draw {
  0%,
  100% {
    stroke-dashoffset: 1400;
    opacity: 0.25;
  }

  45%,
  55% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes pm-home-scale-chart-area {
  0%,
  100% {
    opacity: 0.15;
  }

  50% {
    opacity: 0.45;
  }
}

.pm-home-scale__inner {
  position: relative;
  z-index: 1;
  padding: clamp(56px, 8vw, 96px) 0 clamp(40px, 6vw, 64px);
}

.pm-home-scale__lead {
  max-width: 36rem;
  margin: 0;
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.9);
}

.pm-home-scale__lead strong {
  color: #ffffff;
  font-weight: 700;
}

.pm-home-scale__lead span {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}

.pm-home-scale__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 3vw, 32px);
  margin: clamp(40px, 6vw, 48px) 0 0;
  padding: 0;
  list-style: none;
}

.pm-home-scale__stats > li {
  min-width: 0;
}

.pm-home-scale__stat {
  height: 100%;
  padding: clamp(14px, 3vw, 20px);
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.pm-home-scale__stat-value {
  margin: 0;
  font-size: clamp(1.35rem, 5.5vw, 3rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.pm-home-scale__stat-label {
  margin: 8px 0 0;
  font-size: clamp(0.6875rem, 2.8vw, 0.875rem);
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.5);
}

.pm-home-scale__divider {
  position: relative;
  z-index: 1;
}

.pm-home-scale__divider-line {
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
}

.pm-home-scale__integrations {
  position: relative;
  z-index: 1;
  padding: 16px 0 clamp(56px, 8vw, 80px);
  text-align: center;
}

.pm-home-scale__integrations-title {
  margin: 0;
  font-size: clamp(1.35rem, 2.5vw, 1.5rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.pm-home-scale__integrations-lead {
  margin: 8px 0 0;
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.5);
}

.pm-home-scale__integration-groups {
  display: grid;
  gap: clamp(28px, 4vw, 40px);
  margin-top: clamp(24px, 4vw, 32px);
  text-align: left;
}

@media (min-width: 900px) {
  .pm-home-scale__integration-groups {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(32px, 5vw, 48px);
    align-items: start;
  }
}

.pm-home-scale__integration-group {
  min-width: 0;
}

.pm-home-scale__integration-label {
  margin: 0 0 14px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}

.pm-home-scale__integration-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 640px) {
  .pm-home-scale__integration-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.pm-home-scale__integration-grid > li {
  min-width: 0;
}

.pm-home-scale__integration-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.875rem;
  font-weight: 500;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.pm-home-scale__integration-chip:focus,
.pm-home-scale__integration-chip:focus-visible {
  outline: none;
}

.pm-home-scale__integration-chip:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 4px 14px rgba(0, 0, 0, 0.12);
}

@media (max-width: 639px) {
  .pm-home-scale__integration-chip {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.09);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      inset 0 0 0 1px rgba(255, 255, 255, 0.04),
      0 1px 3px rgba(0, 0, 0, 0.2);
  }
}

.pm-home-scale__integration-logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

.pm-home-scale__integration-chip span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
}

.pm-home-scale__hub-links {
  margin: clamp(28px, 4vw, 40px) 0 0;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72);
}

.pm-home-scale__hub-links a {
  color: rgba(255, 255, 255, 0.92);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(255, 255, 255, 0.35);
}

.pm-home-scale__hub-links a:hover {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0.65);
}

.pm-home-scale__enter {
  animation: pm-home-scale-enter 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-home-scale-delay, 0ms);
}

.pm-home-scale__enter--scale {
  animation-name: pm-home-scale-enter-scale;
}

@keyframes pm-home-scale-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pm-home-scale-enter-scale {
  from {
    opacity: 0;
    transform: translate3d(0, 8px, 0) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-home-scale__enter,
  .pm-home-scale__enter--scale {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-home-scale__chart-line,
  .pm-home-scale__chart-area,
  .pm-hero-scale-divider__line {
    animation: none;
    stroke-dashoffset: 0;
  }
}

/* Homepage — dark band overrides for below-fold sections */
.pm-home-dark-band .pm-signal-pipeline-section,
.pm-home-dark-band .pm-order-attribution-section {
  padding-top: clamp(24px, 4vw, 48px);
  padding-bottom: clamp(40px, 6vw, 72px);
}

.pm-home-dark-band .pm-signal-pipeline-card,
.pm-home-dark-band .pm-order-attribution-section .pm-signal-pipeline-card {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%),
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(31, 97, 255, 0.12), transparent 70%);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.38),
    0 1px 0 rgba(255, 255, 255, 0.05) inset;
}

.pm-home-dark-band .pm-signal-pipeline-card__header,
.pm-home-dark-band .pm-order-attribution-section .pm-signal-pipeline-card__header {
  border-bottom-color: rgba(99, 102, 241, 0.2);
  background: rgba(11, 18, 36, 0.72);
}

.pm-home-dark-band .pm-signal-pipeline-card__title,
.pm-home-dark-band .pm-order-attribution-section .pm-signal-pipeline-card__title {
  color: #94a3b8;
}

.pm-home-dark-band .pm-signal-pipeline-card__live {
  border-color: rgba(52, 199, 89, 0.35);
  background: rgba(52, 199, 89, 0.12);
  color: #6ee7a8;
}

.pm-home-dark-band .pm-signal-pipeline-card__body,
.pm-home-dark-band .pm-order-attribution__body {
  background: transparent;
}

.pm-home-dark-band .pm-signal-pipeline__steps-line {
  background: rgba(99, 102, 241, 0.28);
}

.pm-home-dark-band .pm-signal-pipeline__step-icon {
  border-color: rgba(99, 102, 241, 0.28);
  background: rgba(15, 23, 42, 0.92);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

.pm-home-dark-band .pm-signal-pipeline__step-title {
  color: #f8fafc;
}

.pm-home-dark-band .pm-signal-pipeline__step-sub,
.pm-home-dark-band .pm-signal-pipeline__destinations-label,
.pm-home-dark-band .pm-signal-pipeline__metric-label,
.pm-home-dark-band .pm-order-attribution-section .pm-order-attribution__panel .pm-signal-pipeline__destinations-label {
  color: #94a3b8;
}

.pm-home-dark-band .pm-signal-pipeline__destinations,
.pm-home-dark-band .pm-order-attribution__signals {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(11, 18, 36, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.pm-home-dark-band .pm-order-attribution__signals-label {
  color: #f8fafc;
}

.pm-home-dark-band .pm-order-attribution__signal {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(15, 23, 42, 0.88);
  color: #cbd5e1;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.pm-home-dark-band .pm-order-attribution__signal:hover {
  border-color: rgba(52, 199, 89, 0.35);
  box-shadow: 0 6px 18px rgba(52, 199, 89, 0.12);
}

.pm-home-dark-band .pm-order-attribution__signal code {
  color: #6ee7a8;
  background: rgba(52, 199, 89, 0.14);
}

.pm-home-dark-band .pm-signal-pipeline__destination {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(15, 23, 42, 0.82);
}

.pm-home-dark-band .pm-signal-pipeline__destination-name,
.pm-home-dark-band .pm-signal-pipeline__metric-value {
  color: #f8fafc;
}

.pm-home-dark-band .pm-signal-pipeline__metric {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(15, 23, 42, 0.82);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.pm-home-dark-band .pm-signal-pipeline__metric-delta {
  color: #6ee7a8;
}

.pm-home-dark-band .pm-order-attribution__footnote {
  border-color: rgba(99, 102, 241, 0.2);
  background: rgba(11, 18, 36, 0.72);
  color: #94a3b8;
}

.pm-home-dark-band .pm-order-attribution__strategy-badge {
  background: rgba(52, 199, 89, 0.16);
  color: #6ee7a8;
}

.pm-home-dark-band .pm-home-tracking-pixel__card {
  border-color: rgba(99, 102, 241, 0.24);
  background:
    linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%),
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(31, 97, 255, 0.12), transparent 70%);
  color: #f8fafc;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.38),
    0 1px 0 rgba(255, 255, 255, 0.05) inset;
}

.pm-home-dark-band .pm-home-tracking-pixel__card-head {
  border-bottom-color: rgba(99, 102, 241, 0.2);
  background: rgba(11, 18, 36, 0.72);
}

.pm-home-dark-band .pm-home-tracking-pixel__card-title {
  color: #94a3b8;
}

.pm-home-dark-band .pm-home-tracking-pixel__card-live {
  color: #6ee7a8;
}

.pm-home-dark-band .pm-home-security__scorecard {
  border-color: rgba(56, 189, 248, 0.22);
  background:
    linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%),
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(56, 189, 248, 0.1), transparent 70%);
  color: #f8fafc;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.38),
    0 1px 0 rgba(255, 255, 255, 0.05) inset;
}

.pm-home-dark-band .pm-home-security__scorecard-head {
  border-bottom-color: rgba(56, 189, 248, 0.18);
  background: rgba(11, 18, 36, 0.72);
}

.pm-home-dark-band .pm-home-security__scorecard-title {
  color: #94a3b8;
}

.pm-home-dark-band .pm-home-security__scorecard-live {
  color: #6ee7a8;
}

.pm-home-dark-band .pm-home-security__grade-caption {
  color: rgba(148, 163, 184, 0.92);
}

.pm-home-dark-band .pm-home-security__badge-detail {
  color: rgba(148, 163, 184, 0.88);
}

.pm-home-dark-band .pm-home-tracking-pixel__flow-line {
  background: rgba(99, 102, 241, 0.28);
}

.pm-home-dark-band .pm-home-tracking-pixel__flow-icon {
  border-color: rgba(52, 199, 89, 0.28);
  background: rgba(52, 199, 89, 0.12);
  color: #6ee7a8;
}

.pm-home-dark-band .pm-home-tracking-pixel__flow-title {
  color: #f8fafc;
}

.pm-home-dark-band .pm-home-tracking-pixel__flow-detail {
  color: #94a3b8;
}

.pm-home-dark-band .pm-home-tracking-pixel__flow-code {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(15, 23, 42, 0.88);
  color: #cbd5e1;
}

.pm-home-dark-band .pm-home-tracking-pixel__beacon-label {
  color: #6ee7a8;
}

.pm-home-dark-band .pm-saas-section {
  background: transparent;
  color: #f8fafc;
}

.pm-home-dark-band .pm-saas-section--muted {
  background: transparent;
}

.pm-home-dark-band .pm-saas-kicker {
  color: #6ee7a8;
}

.pm-home-dark-band .pm-saas-heading {
  color: #f8fafc;
}

.pm-home-dark-band .pm-saas-lead,
.pm-home-dark-band .pm-saas-card p,
.pm-home-dark-band .pm-saas-pillar__content p,
.pm-home-dark-band .pm-saas-label-card p,
.pm-home-dark-band .pm-saas-step-card p,
.pm-home-dark-band .pm-home-ai-agent__detail {
  color: #94a3b8;
}

.pm-home-dark-band .pm-saas-card,
.pm-home-dark-band .pm-saas-pillar,
.pm-home-dark-band .pm-saas-label-card,
.pm-home-dark-band .pm-saas-step-card,
.pm-home-dark-band .pm-saas-stat,
.pm-home-dark-band .pm-saas-stat.pm-reveal,
.pm-home-dark-band .pm-home-ai-agent__card {
  border-color: rgba(99, 102, 241, 0.24);
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
}

.pm-home-dark-band .pm-saas-card--glass {
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.88) 100%);
}

.pm-home-dark-band .pm-saas-card h3,
.pm-home-dark-band .pm-saas-pillar__content h3,
.pm-home-dark-band .pm-saas-label-card h3,
.pm-home-dark-band .pm-saas-step-card h3,
.pm-home-dark-band .pm-saas-checklist li,
.pm-home-dark-band .pm-home-ai-agent__card-body h3 {
  color: #f8fafc;
}

.pm-home-dark-band .pm-saas-pillar__step {
  color: #818cf8;
}

.pm-home-dark-band .pm-saas-pillar__mock {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(11, 18, 36, 0.72);
}

.pm-home-dark-band .pm-saas-pillar__node {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(15, 23, 42, 0.88);
  color: #f8fafc;
}

.pm-home-dark-band .pm-saas-pillar__gauge {
  border-color: rgba(52, 199, 89, 0.28);
  background: rgba(15, 23, 42, 0.88);
}

.pm-home-dark-band .pm-saas-pillar__gauge strong {
  color: #f8fafc;
}

.pm-home-dark-band .pm-saas-label-card--a {
  border-color: rgba(52, 199, 89, 0.32);
  background: linear-gradient(180deg, rgba(52, 199, 89, 0.12) 0%, rgba(11, 18, 36, 0.94) 100%);
}

.pm-home-dark-band .pm-saas-label-card--c {
  border-color: rgba(255, 149, 0, 0.32);
  background: linear-gradient(180deg, rgba(255, 149, 0, 0.1) 0%, rgba(11, 18, 36, 0.94) 100%);
}

.pm-home-dark-band .pm-saas-label-card--x {
  border-color: rgba(255, 59, 48, 0.28);
  background: linear-gradient(180deg, rgba(255, 59, 48, 0.08) 0%, rgba(11, 18, 36, 0.94) 100%);
}

.pm-home-dark-band .pm-home-ai-agent {
  border-top-color: rgba(99, 102, 241, 0.2);
}

.pm-home-dark-band .pm-home-ai-agent__visual {
  border-color: rgba(99, 102, 241, 0.28);
  background: linear-gradient(
    152deg,
    rgba(15, 23, 42, 0.92) 0%,
    rgba(11, 18, 36, 0.88) 42%,
    rgba(20, 30, 58, 0.9) 100%
  );
  box-shadow:
    0 22px 56px rgba(0, 0, 0, 0.35),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.pm-home-dark-band .pm-home-ai-agent__proby-intro {
  color: #f8fafc;
}

.pm-home-dark-band .pm-home-ai-agent__visual-stack::before {
  display: none;
}

.pm-home-dark-band .pm-home-ai-agent__proby-lottie {
  background: transparent;
}

.pm-home-dark-band .pm-home-ai-agent__lottie {
  border-color: rgba(99, 102, 241, 0.28);
  background: rgba(15, 23, 42, 0.88);
}

.pm-home-dark-band .pm-subscribe-plans__title {
  color: #f8fafc;
}

.pm-home-dark-band .pm-subscribe-plans__lead {
  color: #94a3b8;
}

.pm-home-dark-band .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) {
  border-color: rgba(99, 102, 241, 0.24);
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32);
}

.pm-home-dark-band .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__name,
.pm-home-dark-band .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__amount {
  color: #f8fafc;
}

.pm-home-dark-band .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__period,
.pm-home-dark-band .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__tagline,
.pm-home-dark-band .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__compare {
  color: #94a3b8;
}

.pm-home-dark-band .pm-subscribe-plan-card__feature--overage {
  color: #cbd5e1;
}

.pm-home-dark-band .pm-home-poas-compare .pm-poas-title {
  color: #f8fafc;
}

.pm-home-dark-band .pm-home-poas-compare .pm-poas-intro-copy p {
  color: #94a3b8;
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-calculator-ios-card {
  border-color: rgba(99, 102, 241, 0.24);
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-calculator-kicker {
  color: #6ee7a8;
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-calculator-head p,
.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-field-label {
  color: #94a3b8;
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-manual-input {
  border-color: rgba(99, 102, 241, 0.28);
  background: rgba(11, 18, 36, 0.88);
  color: #f8fafc;
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-manual-input:focus {
  border-color: rgba(52, 199, 89, 0.45);
  box-shadow: 0 0 0 3px rgba(52, 199, 89, 0.14);
  background: rgba(15, 23, 42, 0.96);
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-slider {
  background: rgba(99, 102, 241, 0.28);
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-result-card {
  border-color: rgba(99, 102, 241, 0.22);
  background: rgba(11, 18, 36, 0.72);
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-result-card p,
.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-result-card strong {
  color: #f8fafc;
}

.pm-home-dark-band .pm-pricing-billing-toggle {
  background: rgba(11, 18, 36, 0.88);
  border-color: rgba(99, 102, 241, 0.24);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28);
}

.pm-home-dark-band .pm-pricing-billing-toggle__btn {
  color: #94a3b8;
}

.pm-home-dark-band .pm-pricing-billing-toggle__btn:hover:not(.is-active) {
  color: #f8fafc;
  background: rgba(99, 102, 241, 0.14);
}

.pm-home-dark-band .pm-pricing-billing-toggle__btn.is-active {
  color: #f8fafc;
  background: rgba(15, 23, 42, 0.96);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

.pm-home-dark-band .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__features li {
  color: #cbd5e1;
}

.pm-home-dark-band .pm-saas-stat__value {
  color: #6ee7a8;
}

.pm-home-dark-band .pm-saas-stat__label {
  color: #94a3b8;
}

.pm-home-dark-band .pm-home-ai-agent__card-body p {
  color: #94a3b8;
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-result-card-alert {
  background: rgba(196, 41, 68, 0.16);
  border-color: rgba(255, 91, 110, 0.35);
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-result-card-alert.is-positive {
  background: rgba(52, 199, 89, 0.12);
  border-color: rgba(52, 199, 89, 0.32);
}

.pm-home-dark-band .pm-poas-calculator-shell-simple .pm-poas-message {
  color: #94a3b8;
}

/* Homepage — profit pipeline card */
.pm-signal-pipeline-section {
  padding-top: clamp(32px, 5vw, 56px);
  padding-bottom: clamp(40px, 6vw, 72px);
  background: linear-gradient(180deg, #070d19 0%, #ffffff 42%);
}

.pm-signal-pipeline-card {
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: #ffffff;
  box-shadow:
    0 24px 60px rgba(52, 199, 89, 0.08),
    0 0 0 1px rgba(52, 199, 89, 0.06);
}

.pm-signal-pipeline-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  border-bottom: 1px solid rgba(196, 210, 245, 0.65);
  background: #ffffff;
}

.pm-signal-pipeline-card__title {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pm-text);
}

.pm-signal-pipeline-card__live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(52, 199, 89, 0.28);
  background: rgba(52, 199, 89, 0.08);
  color: #1d8a42;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}

.pm-signal-pipeline-card__live-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #34c759;
  animation: pm-signal-pipeline-pulse 1.6s ease-in-out infinite;
}

@keyframes pm-signal-pipeline-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.55;
    transform: scale(0.85);
  }
}

.pm-signal-pipeline-card__body {
  padding: 20px;
  background: rgba(244, 247, 255, 0.85);
}

.pm-signal-pipeline__steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
}

@media (min-width: 768px) {
  .pm-signal-pipeline__steps {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }
}

.pm-signal-pipeline__steps-line {
  display: block;
  position: absolute;
  left: 10%;
  right: 10%;
  top: 16px;
  height: 1px;
  background: rgba(196, 210, 245, 0.9);
  overflow: visible;
  pointer-events: none;
}

@media (min-width: 768px) {
  .pm-signal-pipeline__steps-line {
    top: 20px;
  }
}

.pm-signal-pipeline__steps-flow {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #34c759;
  box-shadow: 0 0 6px rgba(52, 199, 89, 0.5);
  transform: translate(-50%, -50%);
  animation: pm-signal-pipeline-flow 3.2s ease-in-out infinite;
}

@keyframes pm-signal-pipeline-flow {
  0% {
    left: 0%;
    opacity: 0.4;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    left: 100%;
    opacity: 0.4;
  }
}

.pm-signal-pipeline__step {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
  text-align: center;
  opacity: 0;
  animation: pm-signal-pipeline-fade-in 0.55s ease-out forwards;
}

.pm-signal-pipeline__step-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border-radius: 12px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: #ffffff;
  color: #34c759;
  box-shadow: 0 2px 8px rgba(52, 199, 89, 0.08);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.pm-signal-pipeline__step:hover .pm-signal-pipeline__step-icon {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(52, 199, 89, 0.18);
}

.pm-signal-pipeline__step-title {
  margin: 8px 0 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--pm-text);
}

.pm-signal-pipeline__step-sub {
  margin: 2px 0 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--pm-text-muted);
}

@media (max-width: 767px) {
  .pm-signal-pipeline__step-icon {
    width: 32px;
    height: 32px;
    border-radius: 10px;
  }

  .pm-signal-pipeline__step-icon svg {
    width: 14px;
    height: 14px;
  }

  .pm-signal-pipeline__step-title {
    margin-top: 6px;
    font-size: 0.6875rem;
    line-height: 1.2;
  }

  .pm-signal-pipeline__step-sub {
    margin-top: 2px;
    font-size: 0.625rem;
    line-height: 1.25;
  }
}

.pm-signal-pipeline__destinations {
  margin-top: 24px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(34, 65, 184, 0.04);
  opacity: 0;
  animation: pm-signal-pipeline-fade-in 0.55s ease-out forwards;
}

.pm-signal-pipeline__destinations-label {
  margin: 0 0 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--pm-text-muted);
}

.pm-signal-pipeline__destinations-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 640px) {
  .pm-signal-pipeline__destinations-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.pm-signal-pipeline__destination {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 10px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: rgba(244, 247, 255, 0.9);
  opacity: 0;
  animation: pm-signal-pipeline-fade-in 0.45s ease-out forwards;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.pm-signal-pipeline__destination:hover {
  border-color: rgba(52, 199, 89, 0.35);
  box-shadow: 0 4px 12px rgba(52, 199, 89, 0.12);
}

.pm-signal-pipeline__destination-logo {
  width: 16px;
  height: 16px;
  object-fit: contain;
  flex-shrink: 0;
}

.pm-signal-pipeline__destination-name {
  flex: 1;
  min-width: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--pm-text);
}

.pm-signal-pipeline__destination-status {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pm-signal-pipeline__destination-status--active {
  background: #34c759;
}

.pm-signal-pipeline__destination-status--in_progress {
  background: #ff9500;
}

.pm-signal-pipeline__destination-status--soon {
  background: rgba(111, 122, 153, 0.45);
}

.pm-signal-pipeline__metrics {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 640px) {
  .pm-signal-pipeline__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.pm-signal-pipeline__metric {
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(34, 65, 184, 0.04);
  opacity: 0;
  animation: pm-signal-pipeline-fade-in 0.55s ease-out forwards;
  transition: box-shadow 0.2s ease;
}

.pm-signal-pipeline__metric:hover {
  box-shadow: 0 8px 20px rgba(34, 65, 184, 0.08);
}

.pm-signal-pipeline__metric-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.pm-signal-pipeline__metric-value {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--pm-text);
}

.pm-signal-pipeline__metric-delta {
  font-size: 0.75rem;
  font-weight: 600;
  color: #1d8a42;
}

.pm-signal-pipeline__metric-label {
  margin: 2px 0 0;
  font-size: 0.875rem;
  color: var(--pm-text-muted);
}

.pm-signal-pipeline__sparkline {
  display: block;
  width: 100%;
  height: 20px;
  margin-top: 8px;
}

.pm-signal-pipeline__spark-area {
  opacity: 0;
  animation: pm-signal-pipeline-area-in 0.8s ease-out forwards;
}

.pm-signal-pipeline__spark-line {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  animation: pm-signal-pipeline-draw-line 1.2s ease-out forwards;
}

.pm-signal-pipeline__spark-dot {
  animation:
    pm-signal-pipeline-dot-in 0.4s ease-out forwards,
    pm-signal-pipeline-dot-glow 2s ease-in-out infinite;
}

@keyframes pm-signal-pipeline-fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pm-signal-pipeline-area-in {
  to {
    opacity: 1;
  }
}

@keyframes pm-signal-pipeline-draw-line {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes pm-signal-pipeline-dot-in {
  to {
    r: 2;
  }
}

@keyframes pm-signal-pipeline-dot-glow {
  0%,
  100% {
    opacity: 0.75;
  }

  50% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-signal-pipeline__fade-in,
  .pm-signal-pipeline__destinations,
  .pm-signal-pipeline__destination,
  .pm-signal-pipeline__metric,
  .pm-signal-pipeline__step {
    opacity: 1;
    animation: none;
    transform: none;
  }

  .pm-signal-pipeline__steps-flow,
  .pm-signal-pipeline-card__live-dot {
    animation: none;
  }

  .pm-signal-pipeline__spark-line {
    stroke-dashoffset: 0;
    animation: none;
  }

  .pm-signal-pipeline__spark-area {
    opacity: 1;
    animation: none;
  }

  .pm-signal-pipeline__spark-dot {
    r: 2;
    animation: none;
  }
}

/* Homepage — order attribution card (below profit pipeline) */
.pm-order-attribution-section {
  padding-top: 0;
  padding-bottom: clamp(40px, 6vw, 72px);
  background: #ffffff;
}

.pm-order-attribution-section .pm-signal-pipeline-card {
  border-radius: 20px;
  border-color: rgba(196, 210, 245, 0.9);
  box-shadow:
    0 28px 64px rgba(34, 65, 184, 0.07),
    0 0 0 1px rgba(52, 199, 89, 0.05);
}

.pm-order-attribution-section .pm-signal-pipeline-card__header {
  padding: 16px 24px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(244, 247, 255, 0.65) 100%);
}

.pm-order-attribution-section .pm-signal-pipeline-card__title {
  font-size: 0.75rem;
  letter-spacing: 0.14em;
}

.pm-order-attribution__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 28px 24px 24px;
}

.pm-order-attribution__steps {
  padding-bottom: 4px;
}

.pm-order-attribution__signals {
  margin-top: clamp(20px, 3vw, 32px);
  margin-bottom: 0;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid rgba(196, 210, 245, 0.85);
  background: linear-gradient(180deg, #ffffff 0%, rgba(244, 247, 255, 0.55) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.pm-order-attribution__signals-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--pm-text);
}

.pm-order-attribution__signals-label-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #34c759;
  box-shadow: 0 0 0 3px rgba(52, 199, 89, 0.16);
  flex-shrink: 0;
}

.pm-order-attribution__signals-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-order-attribution__signal {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(196, 210, 245, 0.9);
  background: #ffffff;
  font-size: 0.8125rem;
  color: var(--pm-text-muted, #5c6370);
  box-shadow: 0 2px 6px rgba(34, 65, 184, 0.04);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.pm-order-attribution__signal:hover {
  border-color: rgba(52, 199, 89, 0.35);
  box-shadow: 0 4px 12px rgba(52, 199, 89, 0.1);
  transform: translateY(-1px);
}

.pm-order-attribution__signal code {
  font-size: 0.75rem;
  font-weight: 700;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: #1d8a42;
  background: rgba(52, 199, 89, 0.12);
  padding: 3px 7px;
  border-radius: 6px;
  letter-spacing: 0.02em;
}

.pm-order-attribution__panels {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 20px;
}

@media (min-width: 900px) {
  .pm-order-attribution__panels {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

.pm-order-attribution-section .pm-order-attribution__panel {
  margin-top: 0;
  height: 100%;
}

.pm-order-attribution-section .pm-order-attribution__panel .pm-signal-pipeline__destinations-label {
  margin-bottom: 10px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--pm-text);
}

.pm-order-attribution__metrics {
  margin-top: 24px;
}

.pm-order-attribution__strategy-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: rgba(52, 199, 89, 0.14);
  color: #1d8a42;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}

.pm-order-attribution__strategy-grid--compact {
  grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
}

.pm-order-attribution__footnote {
  margin: 20px 0 0;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid rgba(196, 210, 245, 0.65);
  background: rgba(255, 255, 255, 0.85);
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--pm-text-muted, #5c6370);
}

@media (max-width: 640px) {
  .pm-order-attribution__body {
    padding: 20px 16px 16px;
  }

  .pm-order-attribution__signals {
    margin-top: 18px;
    padding: 14px;
  }

  .pm-order-attribution__signals-list {
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pm-order-attribution__signal {
    justify-content: flex-start;
    font-size: 0.75rem;
    padding: 7px 10px;
  }
}

/* Homepage — first-party tracking pixel band */
.pm-home-tracking-pixel {
  position: relative;
  overflow: hidden;
  margin-top: 0;
  padding: clamp(48px, 7vw, 88px) 0 clamp(56px, 8vw, 96px);
  background: transparent;
  color: #ffffff;
}

.pm-home-dark-band .pm-home-tracking-pixel {
  padding-top: 0;
  padding-bottom: clamp(40px, 6vw, 72px);
}

.pm-home-tracking-pixel__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.pm-home-tracking-pixel__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(72px);
  opacity: 0.55;
}

.pm-home-tracking-pixel__glow--left {
  width: min(42vw, 420px);
  height: min(42vw, 420px);
  left: -8%;
  top: 8%;
  background: rgba(52, 199, 89, 0.35);
  animation: pm-home-tracking-pixel-glow 12s ease-in-out infinite;
}

.pm-home-tracking-pixel__glow--right {
  width: min(36vw, 360px);
  height: min(36vw, 360px);
  right: -6%;
  bottom: 4%;
  background: rgba(99, 102, 241, 0.28);
  animation: pm-home-tracking-pixel-glow 14s ease-in-out infinite reverse;
}

@keyframes pm-home-tracking-pixel-glow {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(12px, -18px, 0) scale(1.08);
  }
}

.pm-home-tracking-pixel__scanline {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  top: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(52, 199, 89, 0.35) 45%,
    rgba(52, 199, 89, 0.8) 50%,
    rgba(52, 199, 89, 0.35) 55%,
    transparent 100%
  );
  animation: pm-home-tracking-pixel-scan 5.5s linear infinite;
  opacity: 0.7;
}

@keyframes pm-home-tracking-pixel-scan {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  8% {
    opacity: 0.75;
  }
  92% {
    opacity: 0.75;
  }
  100% {
    transform: translateY(100vh);
    opacity: 0;
  }
}

.pm-home-tracking-pixel__pixel-grid {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-home-tracking-pixel__pixel {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 1px;
  opacity: 0.08;
  animation-name: pm-home-tracking-pixel-blink;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.pm-home-tracking-pixel__pixel--base {
  background: rgba(255, 255, 255, 0.55);
}

.pm-home-tracking-pixel__pixel--accent {
  background: #34c759;
  box-shadow: 0 0 8px rgba(52, 199, 89, 0.65);
}

.pm-home-tracking-pixel__pixel--blue {
  background: #818cf8;
  box-shadow: 0 0 8px rgba(129, 140, 248, 0.45);
}

@keyframes pm-home-tracking-pixel-blink {
  0%,
  100% {
    opacity: 0.06;
    transform: scale(1);
  }
  50% {
    opacity: 0.95;
    transform: scale(1.35);
  }
}

.pm-home-tracking-pixel__inner {
  position: relative;
  z-index: 1;
}

.pm-home-tracking-pixel__layout {
  display: grid;
  gap: clamp(28px, 5vw, 48px);
  align-items: center;
}

@media (min-width: 960px) {
  .pm-home-tracking-pixel__layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: clamp(40px, 6vw, 72px);
  }
}

.pm-home-tracking-pixel__kicker {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6ee7a8;
}

.pm-home-tracking-pixel__heading {
  margin: 0;
  font-size: clamp(1.75rem, 4.2vw, 2.65rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.08;
  color: #ffffff;
}

.pm-home-tracking-pixel__lead {
  margin: 14px 0 0;
  max-width: 36rem;
  font-size: 1.0625rem;
  line-height: 1.65;
  color: rgba(226, 232, 240, 0.88);
}

.pm-home-tracking-pixel__bullets {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.pm-home-tracking-pixel__bullets li {
  position: relative;
  padding-left: 1.25rem;
  font-size: 0.98rem;
  line-height: 1.55;
  color: rgba(203, 213, 225, 0.95);
}

.pm-home-tracking-pixel__bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #34c759;
  box-shadow: 0 0 10px rgba(52, 199, 89, 0.75);
}

.pm-home-tracking-pixel__cta {
  display: inline-flex;
  margin-top: 22px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  backdrop-filter: blur(8px);
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.pm-home-tracking-pixel__cta:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.45);
  transform: translateY(-1px);
}

.pm-home-tracking-pixel__card {
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(196, 210, 245, 0.22);
  background: rgba(255, 255, 255, 0.97);
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(52, 199, 89, 0.08);
  color: #0f172a;
}

.pm-home-tracking-pixel__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(196, 210, 245, 0.65);
  background: #ffffff;
}

.pm-home-tracking-pixel__card-title {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}

.pm-home-tracking-pixel__card-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #16a34a;
}

.pm-home-tracking-pixel__card-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #34c759;
  box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.55);
  animation: pm-home-tracking-pixel-live 1.8s ease-in-out infinite;
}

@keyframes pm-home-tracking-pixel-live {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.55);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(52, 199, 89, 0);
  }
}

.pm-home-tracking-pixel__card-body {
  position: relative;
  padding: 18px 18px 20px;
}

.pm-home-tracking-pixel__flow {
  position: relative;
}

.pm-home-tracking-pixel__flow-line {
  position: absolute;
  left: 17px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  border-radius: 999px;
  background: rgba(196, 210, 245, 0.9);
  overflow: hidden;
}

.pm-home-tracking-pixel__flow-pulse {
  display: block;
  width: 100%;
  height: 42%;
  border-radius: inherit;
  background: linear-gradient(180deg, transparent, #34c759, transparent);
  animation: pm-home-tracking-pixel-flow 2.8s ease-in-out infinite;
}

@keyframes pm-home-tracking-pixel-flow {
  0% {
    transform: translateY(-120%);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(260%);
    opacity: 0;
  }
}

.pm-home-tracking-pixel__flow-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

.pm-home-tracking-pixel__flow-step {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  opacity: 0;
  animation: pm-home-tracking-pixel-enter 0.55s ease-out forwards;
}

.pm-home-tracking-pixel__flow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
  color: #15803d;
  border: 1px solid rgba(52, 199, 89, 0.25);
}

.pm-home-tracking-pixel__flow-title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
}

.pm-home-tracking-pixel__flow-detail {
  margin: 2px 0 0;
  font-size: 0.82rem;
  line-height: 1.45;
  color: #64748b;
}

.pm-home-tracking-pixel__flow-code {
  display: inline-block;
  margin-top: 6px;
  padding: 3px 8px;
  border-radius: 6px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  font-size: 0.72rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  color: #334155;
}

.pm-home-tracking-pixel__beacon {
  position: absolute;
  right: 18px;
  bottom: 16px;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  opacity: 0;
  animation: pm-home-tracking-pixel-enter 0.55s ease-out forwards;
}

.pm-home-tracking-pixel__beacon-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(52, 199, 89, 0.45);
  animation: pm-home-tracking-pixel-beacon-ring 2.4s ease-out infinite;
}

.pm-home-tracking-pixel__beacon-core {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #34c759;
  box-shadow: 0 0 16px rgba(52, 199, 89, 0.85);
}

.pm-home-tracking-pixel__beacon-label {
  position: absolute;
  bottom: -2px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #16a34a;
}

@keyframes pm-home-tracking-pixel-beacon-ring {
  0% {
    transform: scale(0.55);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.35);
    opacity: 0;
  }
}

.pm-home-tracking-pixel__highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: clamp(28px, 4vw, 40px) 0 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .pm-home-tracking-pixel__highlights {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.pm-home-tracking-pixel__highlight {
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(6px);
  opacity: 0;
  animation: pm-home-tracking-pixel-enter 0.55s ease-out forwards;
}

.pm-home-tracking-pixel__highlight-value {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.pm-home-tracking-pixel__highlight-label {
  margin: 4px 0 0;
  font-size: 0.78rem;
  color: rgba(203, 213, 225, 0.85);
}

@keyframes pm-home-tracking-pixel-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-home-tracking-pixel__pixel,
  .pm-home-tracking-pixel__scanline,
  .pm-home-tracking-pixel__glow,
  .pm-home-tracking-pixel__flow-pulse,
  .pm-home-tracking-pixel__card-live-dot,
  .pm-home-tracking-pixel__beacon-ring,
  .pm-home-tracking-pixel__enter,
  .pm-home-tracking-pixel__flow-step,
  .pm-home-tracking-pixel__highlight {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Homepage — cyber security trust band */
.pm-home-security {
  position: relative;
  overflow: hidden;
  margin-top: 0;
  padding: clamp(48px, 7vw, 88px) 0 clamp(56px, 8vw, 96px);
  background: transparent;
  color: #ffffff;
}

.pm-home-dark-band .pm-home-security {
  padding-top: 0;
  padding-bottom: clamp(40px, 6vw, 72px);
}

.pm-home-security__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.pm-home-security__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(72px);
  opacity: 0.5;
}

.pm-home-security__glow--left {
  width: min(40vw, 400px);
  height: min(40vw, 400px);
  left: -6%;
  top: 12%;
  background: rgba(56, 189, 248, 0.28);
  animation: pm-home-security-glow 13s ease-in-out infinite;
}

.pm-home-security__glow--right {
  width: min(34vw, 340px);
  height: min(34vw, 340px);
  right: -4%;
  bottom: 8%;
  background: rgba(52, 199, 89, 0.22);
  animation: pm-home-security-glow 11s ease-in-out infinite reverse;
}

@keyframes pm-home-security-glow {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(-10px, 14px, 0) scale(1.06);
  }
}

.pm-home-security__scanline {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  top: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(56, 189, 248, 0.3) 45%,
    rgba(56, 189, 248, 0.75) 50%,
    rgba(56, 189, 248, 0.3) 55%,
    transparent 100%
  );
  animation: pm-home-security-scan 6s linear infinite;
  opacity: 0.65;
}

@keyframes pm-home-security-scan {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  8% {
    opacity: 0.7;
  }
  92% {
    opacity: 0.7;
  }
  100% {
    transform: translateY(100vh);
    opacity: 0;
  }
}

.pm-home-security__inner {
  position: relative;
  z-index: 1;
}

.pm-home-security__layout {
  display: grid;
  gap: clamp(28px, 5vw, 48px);
  align-items: center;
}

@media (min-width: 960px) {
  .pm-home-security__layout {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: clamp(40px, 6vw, 72px);
  }

  .pm-home-security__visual-stage {
    min-height: clamp(300px, 36vw, 400px);
  }

  .pm-home-security__scorecard {
    width: min(100%, 400px);
    border-radius: 18px;
  }

  .pm-home-security__scorecard-head {
    padding: 14px 22px;
  }

  .pm-home-security__scorecard-title {
    font-size: 0.88rem;
  }

  .pm-home-security__scorecard-live {
    font-size: 0.8rem;
  }

  .pm-home-security__scorecard-body {
    padding: 28px 24px 30px;
  }

  .pm-home-security__grade-ring {
    inset: 14px 28px auto;
    height: 140px;
  }

  .pm-home-security__grade-ring-pulse {
    width: 112px;
    height: 112px;
  }

  .pm-home-security__grade-label {
    font-size: 0.78rem;
  }

  .pm-home-security__grade-value {
    font-size: clamp(3.5rem, 6vw, 5rem);
  }

  .pm-home-security__grade-caption {
    font-size: 0.9rem;
    margin-top: 12px;
  }
}

.pm-home-security__visual-stage {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(250px, 34vw, 320px);
}

.pm-home-security__scorecard {
  position: relative;
  z-index: 1;
  width: min(100%, 320px);
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(196, 210, 245, 0.22);
  background: rgba(255, 255, 255, 0.97);
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(56, 189, 248, 0.08);
  color: #0f172a;
}

.pm-home-security__scorecard-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(196, 210, 245, 0.65);
  background: #ffffff;
}

.pm-home-security__scorecard-title {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}

.pm-home-security__scorecard-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #16a34a;
}

.pm-home-security__scorecard-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #34c759;
  box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.55);
  animation: pm-home-security-live 1.8s ease-in-out infinite;
}

@keyframes pm-home-security-live {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.55);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(52, 199, 89, 0);
  }
}

.pm-home-security__scorecard-body {
  position: relative;
  padding: 22px 20px 24px;
  text-align: center;
}

.pm-home-security__grade-ring {
  position: absolute;
  inset: 12px 24px auto;
  height: 120px;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.pm-home-security__grade-ring-pulse {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  border: 2px solid rgba(56, 189, 248, 0.35);
  animation: pm-home-security-grade-ring 2.4s ease-out infinite;
}

@keyframes pm-home-security-grade-ring {
  0% {
    transform: scale(0.7);
    opacity: 0.85;
  }
  100% {
    transform: scale(1.35);
    opacity: 0;
  }
}

.pm-home-security__grade-label {
  position: relative;
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b;
}

.pm-home-security__grade-value {
  position: relative;
  margin: 6px 0 0;
  font-size: clamp(3rem, 8vw, 4.25rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1;
  color: #0f172a;
}

.pm-home-dark-band .pm-home-security__grade-value {
  color: #ffffff;
}

.pm-home-security__grade-plus {
  color: #38bdf8;
}

.pm-home-security__grade-caption {
  position: relative;
  margin: 10px 0 0;
  font-size: 0.82rem;
  line-height: 1.5;
  color: #64748b;
}

.pm-home-security__kicker {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #7dd3fc;
}

.pm-home-security__heading {
  margin: 0;
  font-size: clamp(1.75rem, 4.2vw, 2.65rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.08;
  color: #ffffff;
}

.pm-home-security__lead {
  margin: 14px 0 0;
  max-width: 36rem;
  font-size: 1.0625rem;
  line-height: 1.65;
  color: rgba(226, 232, 240, 0.88);
}

.pm-home-security__bullets {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.pm-home-security__bullets li {
  position: relative;
  padding-left: 1.25rem;
  font-size: 0.98rem;
  line-height: 1.55;
  color: rgba(203, 213, 225, 0.95);
}

.pm-home-security__bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #38bdf8;
  box-shadow: 0 0 8px rgba(56, 189, 248, 0.55);
}

.pm-home-security__badges {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 12px;
  margin: clamp(28px, 4vw, 40px) 0 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 560px) {
  .pm-home-security__badges {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  .pm-home-security__badges {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.pm-home-security__badge {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(6px);
  opacity: 0;
  animation: pm-home-security-enter 0.55s ease-out forwards;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

.pm-home-security__badge:hover {
  border-color: rgba(56, 189, 248, 0.35);
  background: rgba(255, 255, 255, 0.07);
  transform: translateY(-2px);
}

.pm-home-security__badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(56, 189, 248, 0.14);
  color: #7dd3fc;
  border: 1px solid rgba(56, 189, 248, 0.22);
}

.pm-home-security__badge-copy {
  min-width: 0;
}

.pm-home-security__badge-label {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: rgba(203, 213, 225, 0.85);
}

.pm-home-security__badge-grade {
  margin: 4px 0 0;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.pm-home-security__badge-detail {
  margin: 4px 0 0;
  font-size: 0.8rem;
  line-height: 1.45;
  color: rgba(148, 163, 184, 0.9);
}

@keyframes pm-home-security-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-home-security__scanline,
  .pm-home-security__glow,
  .pm-home-security__scorecard-live-dot,
  .pm-home-security__grade-ring-pulse,
  .pm-home-security__enter,
  .pm-home-security__badge {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

.pm-saas-section--muted {
  background: linear-gradient(180deg, #f6f8fc 0%, #ffffff 100%);
}

.pm-saas-section-head {
  margin-bottom: clamp(28px, 4vw, 40px);
  max-width: 42rem;
}

.pm-saas-section-head--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.pm-saas-kicker {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1848c7;
}

.pm-saas-heading {
  margin: 0;
  font-size: clamp(1.75rem, 4.5vw, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.1;
  color: var(--pm-text);
}

.pm-saas-lead {
  margin: 14px 0 0;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--pm-text-muted);
}

.pm-saas-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .pm-saas-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.pm-saas-stat {
  padding: 22px 16px;
  text-align: center;
  border-radius: 16px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: #fff;
  box-shadow: 0 12px 32px rgba(34, 65, 184, 0.06);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.pm-saas-stat:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(34, 65, 184, 0.1);
}

.pm-saas-stat__value {
  display: block;
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--pm-accent);
}

.pm-saas-stat__label {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: var(--pm-text-muted);
}

.pm-saas-pillars {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: clamp(32px, 5vw, 56px);
}

.pm-saas-pillar {
  display: grid;
  gap: 24px;
  align-items: center;
  padding: clamp(24px, 4vw, 36px);
  border-radius: 24px;
  border: 1px solid rgba(196, 210, 245, 0.7);
  background: linear-gradient(145deg, #ffffff 0%, #f7f9ff 100%);
  box-shadow: 0 16px 48px rgba(34, 65, 184, 0.07);
}

@media (min-width: 900px) {
  .pm-saas-pillar {
    grid-template-columns: 1fr 0.85fr;
    gap: 40px;
  }

  .pm-saas-pillar--reverse {
    direction: rtl;
  }

  .pm-saas-pillar--reverse > * {
    direction: ltr;
  }
}

.pm-saas-pillar__step {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #1f61ff;
}

.pm-saas-pillar__content h3 {
  margin: 0 0 10px;
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.pm-saas-pillar__content p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--pm-text-muted);
}

.pm-saas-pillar__mock {
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 16px;
  background: rgba(247, 249, 255, 0.9);
  border: 1px dashed rgba(196, 210, 245, 0.9);
}

.pm-saas-pillar__mock--connect {
  gap: 8px;
  flex-wrap: wrap;
}

.pm-saas-pillar__node {
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  color: var(--pm-text, #1d1d1f);
  background: #fff;
  border: 1px solid var(--pm-border);
}

.pm-saas-pillar__node--accent {
  background: linear-gradient(135deg, var(--pm-accent) 0%, var(--pm-accent-end) 100%);
  color: #fff;
  border: none;
}

.pm-saas-pillar__line {
  width: 24px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #1f61ff, transparent);
}

.pm-saas-pillar__mock--optimize {
  gap: 16px;
}

.pm-saas-pillar__gauge {
  padding: 16px 20px;
  border-radius: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(52, 199, 89, 0.35);
  box-shadow: 0 8px 24px rgba(52, 199, 89, 0.1);
}

.pm-saas-pillar__gauge span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--pm-text-muted);
}

.pm-saas-pillar__gauge strong {
  display: block;
  margin-top: 4px;
  font-size: 1.5rem;
  color: #34c759;
}

.pm-saas-pillar__gauge--muted {
  border-color: rgba(196, 210, 245, 0.8);
  box-shadow: none;
  opacity: 0.75;
}

.pm-saas-pillar__gauge--muted strong {
  color: var(--pm-text-muted);
}

.pm-saas-pillar__mock--scale {
  gap: 12px;
}

.pm-saas-pillar__chip {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 1.25rem;
  font-weight: 800;
  color: #fff;
}

.pm-saas-pillar__chip--a {
  background: var(--pm-cta-green);
}

.pm-saas-pillar__chip--c {
  background: #ff9500;
}

.pm-saas-pillar__chip--x {
  background: #ff3b30;
}

.pm-saas-cards-grid {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .pm-saas-cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.pm-saas-cards-grid--labels {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(8px, 2.5vw, 16px);
}

.pm-saas-cards-grid--labels > li {
  min-width: 0;
}

@media (max-width: 767px) {
  .pm-saas-cards-grid--labels .pm-saas-label-card {
    padding: 12px 8px;
    border-radius: 14px;
    min-width: 0;
  }

  .pm-saas-cards-grid--labels .pm-saas-label-card__letter {
    width: 32px;
    height: 32px;
    margin-bottom: 6px;
    font-size: 0.95rem;
    border-radius: 8px;
  }

  .pm-saas-cards-grid--labels .pm-saas-label-card h3 {
    font-size: clamp(0.68rem, 2.8vw, 0.8rem);
    line-height: 1.2;
    margin-bottom: 2px;
  }

  .pm-saas-cards-grid--labels .pm-saas-label-card p {
    font-size: clamp(0.58rem, 2.2vw, 0.7rem);
    line-height: 1.25;
    margin-bottom: 4px;
  }

  .pm-saas-cards-grid--labels .pm-saas-label-card__action {
    font-size: clamp(0.58rem, 2.2vw, 0.7rem);
    line-height: 1.2;
  }
}

@media (max-width: 767px) {
  .pm-saas-home .pm-saas-cards-grid--labels .pm-saas-label-card {
    padding: 10px 6px;
  }

  .pm-saas-home .pm-saas-cards-grid--labels .pm-saas-label-card__letter {
    width: 28px;
    height: 28px;
    margin-bottom: 5px;
    font-size: 0.85rem;
  }
}

.pm-saas-card {
  height: 100%;
  padding: 24px 22px;
  border-radius: 20px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: #fff;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.pm-saas-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(34, 65, 184, 0.08);
}

.pm-saas-card h3 {
  margin: 0 0 8px;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--pm-text);
}

.pm-saas-card p {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--pm-text-muted);
}

.pm-saas-card--glass {
  background: linear-gradient(145deg, #f7f9ff 0%, #ffffff 100%);
  box-shadow: 0 12px 36px rgba(34, 65, 184, 0.08);
}

.pm-saas-split {
  display: grid;
  gap: 16px;
}

@media (min-width: 900px) {
  .pm-saas-split {
    grid-template-columns: 1.15fr 0.85fr;
    align-items: stretch;
  }
}

.pm-saas-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

.pm-saas-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--pm-text);
}

.pm-saas-checklist svg {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  color: var(--pm-cta-green);
}

.pm-saas-formula {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px 24px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--pm-accent) 0%, var(--pm-accent-end) 100%);
  color: #fff;
  box-shadow: 0 20px 48px var(--pm-accent-shadow-soft);
}

.pm-saas-formula__kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.92;
}

.pm-saas-formula__main {
  margin: 10px 0 8px;
  font-size: clamp(1.35rem, 3vw, 1.65rem);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.pm-saas-formula__note {
  margin: 0;
  font-size: 0.9rem;
  opacity: 0.92;
  line-height: 1.5;
}

.pm-saas-bento {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .pm-saas-bento {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pm-saas-bento__item--large {
    grid-column: span 2;
  }

  .pm-saas-bento__item--wide {
    grid-column: span 3;
  }
}

.pm-saas-card--feature {
  min-height: 100%;
}

.pm-saas-label-card {
  height: 100%;
  padding: 28px 20px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid var(--pm-border);
  background: #fff;
  transition: transform 0.35s ease;
}

.pm-saas-label-card:hover {
  transform: translateY(-4px);
}

.pm-saas-label-card--a {
  border-color: rgba(52, 199, 89, 0.35);
  background: linear-gradient(180deg, rgba(52, 199, 89, 0.08) 0%, #fff 100%);
}

.pm-saas-label-card--c {
  border-color: rgba(255, 149, 0, 0.35);
  background: linear-gradient(180deg, rgba(255, 149, 0, 0.08) 0%, #fff 100%);
}

.pm-saas-label-card--x {
  border-color: rgba(255, 59, 48, 0.25);
  background: linear-gradient(180deg, rgba(255, 59, 48, 0.06) 0%, #fff 100%);
}

.pm-saas-label-card__letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  border-radius: 12px;
  font-size: 1.25rem;
  font-weight: 800;
  color: #fff;
}

.pm-saas-label-card--a .pm-saas-label-card__letter {
  background: var(--pm-cta-green);
}

.pm-saas-label-card--c .pm-saas-label-card__letter {
  background: #ff9500;
}

.pm-saas-label-card--x .pm-saas-label-card__letter {
  background: #ff3b30;
}

.pm-saas-label-card h3 {
  margin: 0 0 4px;
  font-size: 1.1rem;
}

.pm-saas-label-card p {
  margin: 0 0 10px;
  font-size: 0.875rem;
  color: var(--pm-text-muted);
}

.pm-saas-label-card__action {
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--pm-accent);
}

.pm-reveal--ready .pm-saas-label-letter-pop {
  transform: scale(0.55);
  opacity: 0;
  transition:
    transform 0.55s cubic-bezier(0.34, 1.4, 0.64, 1),
    opacity 0.45s ease;
  transition-delay: var(--pm-reveal-delay, 0ms);
}

.pm-reveal--visible .pm-saas-label-letter-pop {
  transform: scale(1);
  opacity: 1;
}

.pm-saas-stats > li {
  height: 100%;
}

.pm-saas-stat.pm-reveal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 22px 16px;
  text-align: center;
  border-radius: 16px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: #fff;
  box-shadow: 0 12px 32px rgba(34, 65, 184, 0.06);
}

.pm-poas-calculator-reveal.pm-reveal {
  width: 100%;
}

.pm-saas-steps {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
}

@media (min-width: 900px) {
  .pm-saas-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.pm-saas-step-card {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 22px 18px;
  border-radius: 18px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: #fff;
  box-shadow: 0 10px 28px rgba(34, 65, 184, 0.05);
}

.pm-saas-step-card__num {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--pm-cta-gradient);
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
}

.pm-saas-step-card h3 {
  margin: 0 0 6px;
  font-size: 1rem;
  font-weight: 700;
}

.pm-saas-step-card p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--pm-text-muted);
}

.pm-saas-section--cta {
  padding-bottom: clamp(56px, 8vw, 100px);
}

.pm-saas-cta-band {
  text-align: center;
  padding: clamp(40px, 6vw, 64px) clamp(24px, 5vw, 48px);
  border-radius: 28px;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(255, 255, 255, 0.15), transparent),
    linear-gradient(135deg, #1f61ff 0%, #3d7bff 45%, #6366f1 100%);
  color: #fff;
  box-shadow: 0 24px 60px rgba(31, 97, 255, 0.28);
}

.pm-saas-cta-band__title {
  margin: 0 0 12px;
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 800;
  letter-spacing: -0.03em;
}

.pm-saas-cta-band__body {
  margin: 0 auto 24px;
  max-width: 32rem;
  font-size: 1.0625rem;
  line-height: 1.55;
  opacity: 0.92;
}

.pm-saas-cta-band__btn {
  min-height: 52px;
  padding: 14px 32px;
  border-radius: 999px;
  font-size: 1rem;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.pm-saas-cta-band__btn.pm-cta-ios-green {
  box-shadow: 0 12px 32px rgba(52, 199, 89, 0.28);
}

.pm-saas-cta-band__btn.pm-cta-ios-green:hover {
  box-shadow: 0 14px 36px rgba(52, 199, 89, 0.34);
}

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

  .pm-reveal.pm-saas-pillar.pm-reveal--visible,
  .pm-reveal.pm-saas-step-card.pm-reveal--visible,
  .pm-reveal.pm-poas-card.pm-reveal--visible,
  .pm-reveal.pm-home-ai-agent__visual.pm-reveal--visible,
  .pm-reveal.pm-home-ai-agent__intro.pm-reveal--visible,
  .pm-reveal.pm-home-ai-agent__card.pm-reveal--visible {
    animation: none;
  }

  .pm-reveal.pm-home-ai-agent__visual.pm-reveal--visible .pm-home-ai-agent__visual-enter,
  .pm-reveal.pm-home-ai-agent__intro.pm-reveal--visible .pm-home-ai-agent__intro-enter {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }

  .pm-saas-enter,
  .pm-saas-enter-right,
  .pm-saas-mesh-enter,
  .pm-saas-gradient-enter,
  .pm-platform-badge__tile.pm-saas-logo-enter,
  .pm-saas-chip-enter,
  .pm-saas-hero__browser,
  .pm-saas-hero__metric,
  .pm-saas-hero__chart-bar,
  .pm-saas-hero__blob {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }

  .pm-saas-label-letter-pop {
    transform: none;
    opacity: 1;
    transition: none;
  }
}

/* Features page — AI Agent (Proby) block */
.wtrk-features-page .wtrk-features-ai-agent {
  border-top: none;
  background: var(--wtrk-card, #fff);
  border: 1px solid var(--wtrk-border, #e5e5e7);
  border-radius: 32px;
  padding: clamp(28px, 4vw, 52px) clamp(20px, 3.5vw, 44px);
  margin-bottom: 72px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}

.wtrk-features-page .wtrk-features-ai-agent .pm-container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .wtrk-features-page .wtrk-features-ai-agent {
    padding: 24px 18px;
    margin-bottom: 48px;
    border-radius: 24px;
  }
}

.wtrk-features-page .wtrk-features-ai-agent .pm-home-ai-agent__visual {
  margin-top: 10px;
}

/* Homepage — AI Agent section */
.pm-home-ai-agent {
  border-top: 1px solid rgba(196, 210, 245, 0.5);
}

.pm-home-ai-agent__layout {
  display: grid;
  gap: clamp(28px, 5vw, 48px);
  align-items: center;
  margin-bottom: clamp(32px, 5vw, 48px);
}

@media (min-width: 900px) {
  .pm-home-ai-agent__layout {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: clamp(40px, 6vw, 72px);
  }
}

@keyframes pm-ai-agent-mesh-drift {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
  33% {
    transform: translate3d(16px, -20px, 0) scale(1.06);
    opacity: 0.92;
  }
  66% {
    transform: translate3d(-12px, 14px, 0) scale(0.97);
    opacity: 0.96;
  }
}

@keyframes pm-home-ai-agent-ios-enter {
  from {
    opacity: 0;
    transform: translate3d(-72px, 14px, 0) scale(0.94);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes pm-home-ai-agent-ios-enter-right {
  from {
    opacity: 0;
    transform: translate3d(72px, 14px, 0) scale(0.94);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes pm-home-ai-agent-ios-enter-up {
  from {
    opacity: 0;
    transform: translate3d(0, 48px, 0) scale(0.94);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes pm-home-ai-agent-content-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 22px, 0) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.pm-reveal.pm-home-ai-agent__visual.pm-reveal--ready {
  transition: none;
}

.pm-reveal.pm-home-ai-agent__visual.pm-reveal--ready.pm-reveal--left:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translate3d(-72px, 14px, 0) scale(0.94);
  filter: blur(10px);
}

.pm-reveal.pm-home-ai-agent__visual.pm-reveal--left.pm-reveal--visible {
  animation: pm-home-ai-agent-ios-enter 1.05s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

.pm-home-ai-agent__visual-enter {
  opacity: 0;
  transform: translate3d(0, 22px, 0) scale(0.97);
}

.pm-reveal.pm-home-ai-agent__visual.pm-reveal--visible .pm-home-ai-agent__visual-enter {
  animation: pm-home-ai-agent-content-enter 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-reveal.pm-home-ai-agent__visual.pm-reveal--visible .pm-home-ai-agent__visual-enter--1 {
  animation-delay: 0.18s;
}

.pm-reveal.pm-home-ai-agent__visual.pm-reveal--visible .pm-home-ai-agent__visual-enter--2 {
  animation-delay: 0.3s;
}

.pm-reveal.pm-home-ai-agent__intro.pm-reveal--ready {
  transition: none;
}

.pm-reveal.pm-home-ai-agent__intro.pm-reveal--ready.pm-reveal--right:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translate3d(72px, 14px, 0) scale(0.94);
  filter: blur(10px);
}

.pm-reveal.pm-home-ai-agent__intro.pm-reveal--right.pm-reveal--visible {
  animation: pm-home-ai-agent-ios-enter-right 1.05s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

.pm-home-ai-agent__intro-enter {
  opacity: 0;
  transform: translate3d(0, 18px, 0) scale(0.98);
}

.pm-reveal.pm-home-ai-agent__intro.pm-reveal--visible .pm-home-ai-agent__intro-enter {
  animation: pm-home-ai-agent-content-enter 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-reveal.pm-home-ai-agent__intro.pm-reveal--visible .pm-home-ai-agent__intro-enter--1 {
  animation-delay: 0.2s;
}

.pm-reveal.pm-home-ai-agent__intro.pm-reveal--visible .pm-home-ai-agent__intro-enter--2 {
  animation-delay: 0.32s;
}

.pm-reveal.pm-home-ai-agent__intro.pm-reveal--visible .pm-home-ai-agent__intro-enter--3 {
  animation-delay: 0.44s;
}

.pm-reveal.pm-home-ai-agent__intro.pm-reveal--visible .pm-home-ai-agent__intro-enter--4 {
  animation-delay: 0.56s;
}

.pm-reveal.pm-home-ai-agent__card.pm-reveal--ready {
  transition: none;
}

.pm-reveal.pm-home-ai-agent__card.pm-reveal--ready.pm-reveal--up:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translate3d(0, 48px, 0) scale(0.94);
  filter: blur(8px);
}

.pm-reveal.pm-home-ai-agent__card.pm-reveal--up.pm-reveal--visible {
  animation: pm-home-ai-agent-ios-enter-up 0.95s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

.pm-home-ai-agent__visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(24px, 4.5vw, 40px);
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  background: linear-gradient(
    152deg,
    rgba(247, 249, 255, 0.78) 0%,
    rgba(255, 255, 255, 0.58) 42%,
    rgba(224, 234, 255, 0.72) 100%
  );
  backdrop-filter: blur(24px) saturate(1.28);
  -webkit-backdrop-filter: blur(24px) saturate(1.28);
  box-shadow:
    0 22px 56px rgba(34, 65, 184, 0.13),
    0 1px 0 rgba(255, 255, 255, 0.85) inset,
    0 0 0 1px rgba(99, 102, 241, 0.1) inset;
  isolation: isolate;
}

.pm-home-ai-agent__visual-inner {
  position: relative;
  z-index: 1;
  width: 100%;
}

.pm-home-ai-agent__visual::before {
  content: "";
  position: absolute;
  inset: -35%;
  z-index: 0;
  border-radius: inherit;
  background:
    radial-gradient(ellipse 52% 48% at 18% 28%, rgba(31, 97, 255, 0.42), transparent 68%),
    radial-gradient(ellipse 46% 42% at 82% 22%, rgba(99, 102, 241, 0.34), transparent 64%),
    radial-gradient(ellipse 40% 36% at 58% 88%, rgba(79, 70, 229, 0.28), transparent 66%),
    radial-gradient(ellipse 34% 30% at 72% 62%, rgba(52, 199, 89, 0.1), transparent 58%);
  pointer-events: none;
  animation: pm-ai-agent-mesh-drift 9s ease-in-out infinite;
}

.pm-home-ai-agent__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background-image: radial-gradient(rgba(31, 97, 255, 0.18) 1px, transparent 1px);
  background-size: 18px 18px;
  mask-image: radial-gradient(ellipse 85% 85% at 50% 45%, black 25%, transparent 78%);
  -webkit-mask-image: radial-gradient(ellipse 85% 85% at 50% 45%, black 25%, transparent 78%);
  opacity: 0.55;
  pointer-events: none;
}

.pm-home-ai-agent__visual-stack {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(14px, 2.5vw, 20px);
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
}

.pm-home-ai-agent__proby-intro {
  margin: 0;
  max-width: 16rem;
  text-align: center;
  font-size: clamp(0.9375rem, 2.2vw, 1.0625rem);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--pm-text);
}

.pm-home-ai-agent__proby-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: min(280px, 62vw);
}

.pm-home-ai-agent__visual-stack::before {
  content: "";
  position: absolute;
  top: 18%;
  left: 50%;
  z-index: -1;
  width: 88%;
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 255, 255, 0.6) 40%,
    transparent 74%
  );
  pointer-events: none;
}

.pm-home-ai-agent__proby-lottie {
  position: relative;
  z-index: 2;
  width: min(260px, 68vw);
  height: min(260px, 68vw);
  max-width: 300px;
  max-height: 300px;
  margin: 0 auto;
}

.pm-home-ai-agent__proby-lottie svg {
  display: block;
  width: 100%;
  height: auto;
}

.pm-home-ai-agent__image {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  width: min(200px, 52vw);
  height: auto;
  object-fit: contain;
  opacity: 0.22;
  transform: translate(-50%, -46%) scale(1.08);
  filter: blur(0.4px);
  pointer-events: none;
}

.pm-home-ai-agent__lottie {
  position: absolute;
  z-index: 3;
  right: -4px;
  bottom: -6px;
  width: min(112px, 30vw);
  height: min(112px, 30vw);
  padding: 8px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  box-shadow:
    0 12px 32px rgba(34, 65, 184, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.pm-home-ai-agent__lottie svg {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 900px) {
  .pm-home-ai-agent__visual-stack {
    max-width: 360px;
  }

  .pm-home-ai-agent__proby-stage {
    min-height: 300px;
  }

  .pm-home-ai-agent__proby-lottie {
    width: min(280px, 100%);
    height: min(280px, 100%);
  }

  .pm-home-ai-agent__image {
    width: min(220px, 100%);
  }

  .pm-home-ai-agent__lottie {
    right: -10px;
    bottom: -8px;
    width: 124px;
    height: 124px;
    padding: 10px;
  }
}

.pm-home-ai-agent__intro .pm-saas-heading {
  max-width: 28rem;
}

.pm-home-ai-agent__detail {
  margin: 16px 0 0;
  font-size: 0.9375rem;
  line-height: 1.65;
  color: var(--pm-text-muted);
}

.pm-home-ai-agent__cards {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 640px) {
  .pm-home-ai-agent__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

.pm-home-ai-agent__card {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  height: 100%;
  padding: clamp(18px, 2.5vw, 22px);
  border-radius: 18px;
  border: 1px solid rgba(196, 210, 245, 0.75);
  background: #fff;
  box-shadow: 0 4px 20px rgba(34, 65, 184, 0.05);
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.pm-home-ai-agent__card:hover {
  border-color: rgba(99, 102, 241, 0.35);
  box-shadow: 0 12px 32px rgba(34, 65, 184, 0.1);
  transform: translateY(-3px);
}

.pm-home-ai-agent__card-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
}

.pm-home-ai-agent__card-icon svg {
  width: 22px;
  height: 22px;
}

.pm-home-ai-agent__card--poas .pm-home-ai-agent__card-icon {
  background: rgba(61, 123, 255, 0.12);
  color: #1f61ff;
}

.pm-home-ai-agent__card--scale .pm-home-ai-agent__card-icon {
  background: rgba(52, 199, 89, 0.12);
  color: #248a3d;
}

.pm-home-ai-agent__card--sku .pm-home-ai-agent__card-icon {
  background: rgba(255, 149, 0, 0.12);
  color: #c93400;
}

.pm-home-ai-agent__card--toggle .pm-home-ai-agent__card-icon {
  background: rgba(99, 102, 241, 0.12);
  color: #4f46e5;
}

.pm-home-ai-agent__card-body h3 {
  margin: 0 0 6px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--pm-text);
}

.pm-home-ai-agent__card-body p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--pm-text-muted);
}

@media (prefers-reduced-motion: reduce) {
  .pm-reveal.pm-home-ai-agent__visual.pm-reveal--ready.pm-reveal--left:not(.pm-reveal--visible),
  .pm-reveal.pm-home-ai-agent__intro.pm-reveal--ready.pm-reveal--right:not(.pm-reveal--visible),
  .pm-reveal.pm-home-ai-agent__card.pm-reveal--ready.pm-reveal--up:not(.pm-reveal--visible) {
    opacity: 1;
    transform: none;
    filter: none;
  }

  .pm-home-ai-agent__intro-enter {
    opacity: 1;
    transform: none;
  }

  .pm-home-ai-agent__visual::before {
    animation: none;
    transform: none;
    opacity: 1;
  }

  .pm-home-ai-agent__card:hover {
    transform: none;
  }

  .pm-home-ai-agent__proby-lottie,
  .pm-home-ai-agent__lottie {
    display: none;
  }

  .pm-home-ai-agent__image {
    position: relative;
    top: auto;
    left: auto;
    opacity: 1;
    transform: none;
    filter: none;
    width: min(220px, 58vw);
    margin: 0 auto;
  }
}

/* POAS compare — from poas-explainer (pm-poas-compare-inner) */
.pm-home-poas-compare-block {
  padding: 8px 0 36px;
}

.pm-home-poas-compare .pm-poas-compare-inner {
  display: grid;
  grid-template-columns: 0.92fr 1fr 1fr;
  gap: 20px;
  align-items: stretch;
  overflow: clip;
}

.pm-home-poas-compare .pm-poas-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 4px;
}

.pm-home-poas-compare .pm-poas-title {
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.1;
  color: var(--pm-text);
  margin: 0 0 18px;
}

.pm-home-poas-compare .pm-poas-title span {
  color: var(--pm-accent);
}

.pm-home-poas-compare .pm-poas-title sup {
  font-size: 0.35em;
  vertical-align: super;
}

.pm-home-poas-compare .pm-poas-intro-copy p {
  color: var(--pm-text-muted);
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 12px;
}

.pm-home-poas-compare .pm-poas-card {
  position: relative;
  border-radius: 16px;
  padding: 28px 24px 26px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  display: flex;
  flex-direction: column;
}

.pm-home-poas-compare .pm-poas-card-roas {
  background: linear-gradient(150deg, #ff5b6e 0%, #c42944 100%);
  box-shadow: 0 20px 50px rgba(196, 41, 68, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.pm-home-poas-compare .pm-poas-card-roas h3,
.pm-home-poas-compare .pm-poas-card-roas p,
.pm-home-poas-compare .pm-poas-card-roas span,
.pm-home-poas-compare .pm-poas-card-roas li {
  color: #fff;
}

.pm-home-poas-compare .pm-poas-card-roas .pm-poas-tag-roas {
  color: #c42944;
  background: #fff;
}

.pm-home-poas-compare .pm-poas-card-poas {
  background: linear-gradient(150deg, #1e7bff 0%, #0048b8 100%);
  box-shadow: 0 20px 50px rgba(30, 123, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.pm-home-poas-compare .pm-poas-tag {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 5px 12px;
  border-radius: 999px;
  text-transform: uppercase;
}

.pm-home-poas-compare .pm-poas-tag-poas {
  background: rgba(255, 255, 255, 0.95);
  color: #0048b8;
}

.pm-home-poas-compare .pm-poas-heading-wrap {
  margin-bottom: 18px;
}

.pm-home-poas-compare .pm-poas-heading-wrap h3 {
  font-size: clamp(28px, 3vw, 32px);
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0;
  color: #fff;
  line-height: 1;
}

.pm-home-poas-compare .pm-poas-subtitle {
  font-size: 14px;
  margin: 4px 0 0;
  color: rgba(255, 255, 255, 0.75);
}

.pm-home-poas-compare .pm-poas-metric-list,
.pm-home-poas-compare .pm-poas-result-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pm-home-poas-compare .pm-poas-metric-list li,
.pm-home-poas-compare .pm-poas-result-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 0;
  font-size: 14.5px;
  color: #fff;
  list-style: none;
}

.pm-home-poas-compare .pm-poas-metric-icon,
.pm-home-poas-compare .pm-poas-result-icon {
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  opacity: 0.9;
}

.pm-home-poas-compare .pm-poas-metric-list-muted li {
  color: rgba(255, 255, 255, 0.55);
}

.pm-home-poas-compare .pm-poas-metric-list-muted .pm-poas-metric-icon {
  opacity: 0.45;
}

.pm-home-poas-compare .pm-poas-card-roas .pm-poas-metric-list-muted .pm-poas-metric-icon,
.pm-home-poas-compare .pm-poas-card-roas .pm-poas-result-list-negative .pm-poas-result-icon {
  color: #fff;
  opacity: 0.9;
}

.pm-home-poas-compare .pm-poas-card-poas .pm-poas-metric-icon {
  color: #cfe4ff;
}

.pm-home-poas-compare .pm-poas-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  margin: 14px 0;
}

.pm-home-poas-compare .pm-poas-formula {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
  color: #fff;
  letter-spacing: -0.01em;
}

.pm-home-poas-compare .pm-poas-card-poas .pm-poas-formula {
  background: rgba(255, 255, 255, 0.2);
}

.pm-home-poas-compare .pm-poas-result-list-negative li {
  color: rgba(255, 255, 255, 0.75);
}

.pm-home-poas-compare .pm-poas-result-list-negative .pm-poas-result-icon {
  color: #fff;
  opacity: 0.85;
}

.pm-home-poas-compare .pm-poas-result-list-positive .pm-poas-result-icon {
  color: #7fffb4;
}

@media (max-width: 900px) {
  .pm-home-poas-compare .pm-poas-compare-inner {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .pm-home-poas-compare .pm-poas-intro {
    text-align: center;
    padding: 10px 0 4px;
  }
}

/* ── Pricing page (full width + scroll reveal) ── */
.pm-main-content:has(> .pm-marketing-page-band):has(.pm-pricing-page) {
  padding-left: 0;
  padding-right: 0;
}

.pm-main-content:has(.pm-pricing-page) {
  max-width: none;
  width: 100%;
}

.pm-pricing-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding:
    clamp(28px, 4vw, 56px)
    0
    clamp(48px, 6vw, 88px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pm-pricing-page__shell {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 3vw, 40px);
}

.pm-pricing-page__shell.pm-container {
  width: min(var(--pm-max-width), calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
}

.pm-pricing-page__shell:has(> .pm-pricing-hero--table) {
  gap: 0;
}

.pm-pricing-page__shell:has(> .pm-pricing-hero--table) > * + * {
  margin-top: clamp(20px, 3vw, 32px);
}

.pm-pricing-page__shell:has(> .pm-pricing-hero--table) > .pm-marketing-breadcrumbs + .pm-pricing-hero--table {
  margin-top: 10px;
}

.pm-pricing-checkout {
  width: 100%;
}

.pm-pricing-checkout .pm-subscribe-checkout,
#pm-subscribe-checkout {
  scroll-margin-top: calc(var(--pm-header-float-height) + 16px);
}

.pm-pricing-checkout .pm-subscribe-page__warn {
  margin: 0 0 12px;
}

/* Pricing page — dark marketing canvas */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-hero {
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.22), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(11, 18, 36, 0.96) 100%);
  border: 1px solid rgba(99, 102, 241, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 24px 60px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-eyebrow {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-title,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-price__amount {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-lead,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-price__period,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-plans__lead,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-foot,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-enterprise {
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-plans__title {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-billing-toggle {
  background: rgba(15, 23, 42, 0.75);
  border-color: rgba(99, 102, 241, 0.24);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-billing-toggle__btn {
  color: #94a3b8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-billing-toggle__btn:hover:not(.is-active) {
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.06);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-billing-toggle__btn.is-active {
  color: #f8fafc;
  background: rgba(30, 41, 59, 0.95);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured),
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout-card {
  background: rgba(15, 23, 42, 0.88);
  border-color: rgba(99, 102, 241, 0.24);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured):hover {
  border-color: rgba(99, 102, 241, 0.45);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-plan-card--selected:not(.pm-pricing-plan-card--featured),
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout-card--has-plan {
  border-color: rgba(96, 165, 250, 0.55);
  box-shadow:
    0 0 0 2px rgba(59, 130, 246, 0.2),
    0 16px 40px rgba(0, 0, 0, 0.34);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__amount,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout-card .pm-pricing-plan-card__name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout-card .pm-pricing-plan-card__amount {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__period,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__tagline,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__compare,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__features li,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-plan-card__feature--overage,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout-card .pm-pricing-plan-card__period,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout-card .pm-pricing-plan-card__tagline,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout-card .pm-pricing-plan-card__compare {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__billed,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout-card .pm-pricing-plan-card__billed {
  color: #6ee7b7;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__divider {
  background: rgba(148, 163, 184, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__check {
  color: #34c759;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout__totals {
  background: rgba(11, 18, 36, 0.92);
  border-color: rgba(99, 102, 241, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout__totals-overlay {
  background: rgba(7, 13, 25, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout__totals-overlay span,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout__totals-hint,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout__totals-grid dt,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout__totals-period {
  color: #94a3b8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout__totals-grid dd,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout__totals-row--emphasis dt,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout__totals-row--emphasis dd {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-checkout__totals-row--emphasis dd {
  color: #60a5fa;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-section-title,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-form-group label,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-label-optional {
  color: #94a3b8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-form-group input,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-form-group select {
  background: rgba(11, 18, 36, 0.95);
  border-color: rgba(99, 102, 241, 0.28);
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-form-group input::placeholder {
  color: #64748b;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-form-group input:focus,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-form-group select:focus {
  background: rgba(15, 23, 42, 0.98);
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-segmented {
  background: rgba(11, 18, 36, 0.92);
  border-color: rgba(99, 102, 241, 0.24);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-segmented span {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-segmented input:checked + span {
  background: rgba(30, 41, 59, 0.98);
  color: #93c5fd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-info-box,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-checkbox-wrap,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-plan-change-banner {
  background: rgba(11, 18, 36, 0.88);
  border-color: rgba(99, 102, 241, 0.22);
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-info-box strong,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-info-box summary,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-checkbox-wrap span {
  color: #e2e8f0;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-input-affix__trigger {
  background: rgba(15, 23, 42, 0.92);
  border-color: rgba(99, 102, 241, 0.28);
  color: #94a3b8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-input-affix__tooltip {
  background: rgba(15, 23, 42, 0.98);
  border-color: rgba(99, 102, 241, 0.35);
  color: #bfdbfe;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-license-platforms--trial-hero,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-license-platforms__tile {
  background: rgba(11, 18, 36, 0.88);
  border-color: rgba(99, 102, 241, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-license-platforms__tile.is-selected {
  background: rgba(30, 58, 138, 0.35);
  border-color: rgba(96, 165, 250, 0.55);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-license-platforms__label,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-license-platforms__hero-note,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-license-platforms__name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-license-platforms__hint {
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-license-platforms--trial-hero .wtrk-license-platforms__label {
  color: #7dd3fc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-feature {
  background: rgba(15, 23, 42, 0.88);
  border-color: rgba(99, 102, 241, 0.24);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-feature:hover {
  border-color: rgba(99, 102, 241, 0.42);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-feature__icon {
  background: rgba(52, 199, 89, 0.16);
  color: #6ee7b7;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-feature__title {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-feature__desc {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-enterprise__link,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-pricing-foot a {
  color: #6ee7b7;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-plan-change-banner strong {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-plan-change-banner__warn {
  color: #fbbf24;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-password-toggle,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-footer-note {
  color: #94a3b8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-password-toggle:hover {
  color: #93c5fd;
  background: rgba(59, 130, 246, 0.12);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-checkbox-wrap a,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-info-box summary::after {
  color: #60a5fa;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-pay-error {
  background: rgba(220, 38, 38, 0.12);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fca5a5;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .wtrk-pay-wrap.active,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-pay-wrap.active {
  background: rgba(11, 18, 36, 0.88);
  border-color: rgba(99, 102, 241, 0.22);
}

body:has(.pm-marketing-page-band:not(:has(.pm-home-dark-band))) .wtrk-pay-overlay {
  background:
    radial-gradient(110% 90% at 12% 0%, rgba(52, 199, 89, 0.16) 0%, transparent 54%),
    radial-gradient(85% 75% at 90% 12%, rgba(99, 102, 241, 0.14) 0%, transparent 50%),
    linear-gradient(180deg, #070d19 0%, #0b1224 68%, #0b1224 100%);
}

body:has(.pm-marketing-page-band:not(:has(.pm-home-dark-band))) .wtrk-pay-overlay__message-text {
  background: linear-gradient(90deg, #94a3b8 0%, #60a5fa 35%, #34d399 50%, #60a5fa 65%, #94a3b8 100%);
  background-size: 220% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body:has(.pm-marketing-page-band:not(:has(.pm-home-dark-band))) .wtrk-pay-overlay__dots span {
  color: #60a5fa;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page .pm-subscribe-page__warn {
  background: rgba(245, 158, 11, 0.14);
  border-color: rgba(251, 191, 36, 0.35);
  color: #fcd34d;
}

/* Subscribe page — dark marketing canvas (plan picker + checkout) */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-plans__title {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-plans__lead {
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-billing-toggle {
  background: rgba(15, 23, 42, 0.75);
  border-color: rgba(99, 102, 241, 0.24);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-billing-toggle__btn {
  color: #94a3b8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-billing-toggle__btn:hover:not(.is-active) {
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.06);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-billing-toggle__btn.is-active {
  color: #f8fafc;
  background: rgba(30, 41, 59, 0.95);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured),
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout-card {
  background: rgba(15, 23, 42, 0.88);
  border-color: rgba(99, 102, 241, 0.24);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured):hover {
  border-color: rgba(99, 102, 241, 0.45);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-plan-card--selected:not(.pm-pricing-plan-card--featured),
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout-card--has-plan {
  border-color: rgba(96, 165, 250, 0.55);
  box-shadow:
    0 0 0 2px rgba(59, 130, 246, 0.2),
    0 16px 40px rgba(0, 0, 0, 0.34);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__amount,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout-card .pm-pricing-plan-card__name,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout-card .pm-pricing-plan-card__amount {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__period,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__tagline,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__compare,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__features li,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-plan-card__feature--overage,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout-card .pm-pricing-plan-card__period,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout-card .pm-pricing-plan-card__tagline,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout-card .pm-pricing-plan-card__compare {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__billed,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout-card .pm-pricing-plan-card__billed {
  color: #6ee7b7;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__divider {
  background: rgba(148, 163, 184, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-pricing-plan-card:not(.pm-pricing-plan-card--featured) .pm-pricing-plan-card__check {
  color: #34c759;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout__totals {
  background: rgba(11, 18, 36, 0.92);
  border-color: rgba(99, 102, 241, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout__totals-overlay {
  background: rgba(7, 13, 25, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout__totals-overlay span,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout__totals-hint,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout__totals-grid dt,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout__totals-period {
  color: #94a3b8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout__totals-grid dd,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout__totals-row--emphasis dt,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout__totals-row--emphasis dd {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-checkout__totals-row--emphasis dd {
  color: #60a5fa;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-section-title,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-form-group label,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-label-optional {
  color: #94a3b8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-form-group input,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-form-group select {
  background: rgba(11, 18, 36, 0.95);
  border-color: rgba(99, 102, 241, 0.28);
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-form-group input::placeholder {
  color: #64748b;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-form-group input:focus,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-form-group select:focus {
  background: rgba(15, 23, 42, 0.98);
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.22);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-segmented {
  background: rgba(11, 18, 36, 0.92);
  border-color: rgba(99, 102, 241, 0.24);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-segmented span {
  color: rgba(226, 232, 240, 0.72);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-segmented input:checked + span {
  background: rgba(30, 41, 59, 0.98);
  color: #93c5fd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-info-box,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-checkbox-wrap,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-plan-change-banner {
  background: rgba(11, 18, 36, 0.88);
  border-color: rgba(99, 102, 241, 0.22);
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-info-box strong,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-info-box summary,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-checkbox-wrap span {
  color: #e2e8f0;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-input-affix__trigger {
  background: rgba(15, 23, 42, 0.92);
  border-color: rgba(99, 102, 241, 0.28);
  color: #94a3b8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-input-affix__tooltip {
  background: rgba(15, 23, 42, 0.98);
  border-color: rgba(99, 102, 241, 0.35);
  color: #bfdbfe;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-plan-change-banner strong {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-plan-change-banner__warn {
  color: #fbbf24;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-password-toggle,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-footer-note {
  color: #94a3b8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-password-toggle:hover {
  color: #93c5fd;
  background: rgba(59, 130, 246, 0.12);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-checkbox-wrap a,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-info-box summary::after {
  color: #60a5fa;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .wtrk-pay-error {
  background: rgba(220, 38, 38, 0.12);
  border-color: rgba(248, 113, 113, 0.35);
  color: #fca5a5;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-subscribe-page__warn {
  background: rgba(245, 158, 11, 0.14);
  border-color: rgba(251, 191, 36, 0.35);
  color: #fcd34d;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-password-req {
  color: rgba(226, 232, 240, 0.65);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-subscribe-page .pm-password-req--met {
  color: #6ee7b7;
}

.pm-pricing-hero {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: clamp(36px, 5vw, 56px) clamp(24px, 4vw, 48px);
  border-radius: clamp(20px, 2.5vw, 28px);
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.14), transparent 55%),
    linear-gradient(165deg, #f8fafc 0%, #eef2ff 48%, #fff 100%);
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 24px 60px rgba(15, 23, 42, 0.09);
}

/* Pricing scroll animations */
@keyframes pm-pricing-hero-item-in {
  from {
    opacity: 0;
    transform: translateY(18px);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}

@keyframes pm-pricing-hero-price-in {
  from {
    opacity: 0;
    transform: translateY(22px) scale(0.9);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}

@keyframes pm-pricing-hero-price-bit-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes pm-pricing-hero-cta-in {
  0% {
    opacity: 0;
    transform: translateY(16px) scale(0.94);
  }
  70% {
    opacity: 1;
    transform: translateY(-2px) scale(1.02);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes pm-pricing-card-in {
  from {
    opacity: 0;
    transform: translateY(28px);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}

@keyframes pm-pricing-foot-in {
  from {
    opacity: 0;
    transform: translateY(12px);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--ready,
.pm-reveal.pm-reveal-pricing-card.pm-reveal--ready,
.pm-reveal.pm-reveal-pricing-foot.pm-reveal--ready {
  transition: none;
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--ready.pm-reveal--none:not(.pm-reveal--visible) {
  opacity: 1;
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--ready .pm-pricing-hero__item {
  opacity: 0;
  transform: translateY(18px);
  filter: blur(6px);
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--ready .pm-pricing-hero__price-bit {
  opacity: 0;
  transform: translateY(12px);
  filter: none;
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible .pm-pricing-hero__item {
  animation: pm-pricing-hero-item-in 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--pm-pricing-hero-i, 0) * 85ms + 60ms);
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible .pm-pricing-eyebrow.pm-pricing-hero__item {
  --pm-pricing-hero-i: 0;
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible .pm-pricing-title.pm-pricing-hero__item {
  --pm-pricing-hero-i: 1;
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible .pm-pricing-price.pm-pricing-hero__item--price {
  --pm-pricing-hero-i: 2;
  animation-name: pm-pricing-hero-price-in;
  animation-duration: 0.82s;
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible .pm-pricing-hero__price-bit {
  animation: pm-pricing-hero-price-bit-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible .pm-pricing-price__amount.pm-pricing-hero__price-bit {
  animation-delay: calc(2 * 85ms + 140ms);
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible
  .pm-pricing-price__period.pm-pricing-hero__price-bit--suffix {
  animation-delay: calc(2 * 85ms + 220ms);
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible .pm-pricing-lead.pm-pricing-hero__item {
  --pm-pricing-hero-i: 3;
}

.pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible .pm-pricing-hero__item--cta {
  --pm-pricing-hero-i: 4;
  animation-name: pm-pricing-hero-cta-in;
  animation-duration: 0.78s;
}

.pm-reveal.pm-reveal-pricing-card.pm-reveal--ready.pm-reveal--up:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translateY(28px);
  filter: blur(6px);
}

.pm-reveal.pm-reveal-pricing-card.pm-reveal--ready.pm-reveal--up.pm-reveal--visible {
  animation: pm-pricing-card-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

.pm-reveal.pm-reveal-pricing-foot.pm-reveal--ready.pm-reveal--up:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translateY(12px);
}

.pm-reveal.pm-reveal-pricing-foot.pm-reveal--ready.pm-reveal--up.pm-reveal--visible {
  animation: pm-pricing-foot-in 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

.pm-pricing-eyebrow {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748b;
}

.pm-pricing-title {
  margin: 0 0 12px;
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #0f172a;
}

.pm-pricing-price {
  margin: 0 0 12px;
  line-height: 1.1;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.2em 0.35em;
}

.pm-pricing-price__amount {
  font-size: clamp(2.5rem, 6vw, 3.25rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #0f172a;
}

.pm-pricing-price__period {
  font-size: 1.125rem;
  font-weight: 600;
  color: #64748b;
}

.pm-pricing-lead {
  margin: 0 auto 24px;
  max-width: 42em;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: 1.55;
  color: #64748b;
}

.pm-btn-ios-green {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  border: none;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  background: linear-gradient(180deg, #5ce883 0%, #34c759 42%, #248a3d 100%);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.35) inset,
    0 8px 24px rgba(52, 199, 89, 0.45);
  transition:
    transform 0.12s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
}

.pm-btn-ios-green:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.35) inset,
    0 12px 28px rgba(52, 199, 89, 0.5);
}

.pm-pricing-cta {
  min-width: min(100%, 280px);
}

.pm-pricing-features {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

.pm-pricing-feature {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  height: 100%;
  padding: clamp(18px, 2.5vw, 24px);
  border-radius: clamp(14px, 1.5vw, 18px);
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.28);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.pm-pricing-feature:hover {
  border-color: rgba(99, 102, 241, 0.35);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  transform: translateY(-2px);
}

.pm-pricing-feature__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(52, 199, 89, 0.12);
  color: #248a3d;
}

.pm-pricing-feature__title {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
}

.pm-pricing-feature__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #475569;
}

.pm-pricing-foot {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: clamp(13px, 1.5vw, 14px);
  color: #64748b;
}

@media (max-width: 960px) {
  .pm-pricing-features {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible,
  .pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible .pm-pricing-hero__item,
  .pm-reveal.pm-reveal-pricing-hero.pm-reveal--visible .pm-pricing-hero__price-bit,
  .pm-reveal.pm-reveal-pricing-card.pm-reveal--visible,
  .pm-reveal.pm-reveal-pricing-foot.pm-reveal--visible {
    animation: none;
    filter: none;
    opacity: 1;
    transform: none;
  }

  .pm-pricing-feature:hover {
    transform: none;
  }

  .pm-pricing-plan-card:hover {
    transform: none;
  }
}

.pm-pricing-foot a {
  color: #248a3d;
  font-weight: 600;
  text-decoration: none;
}

/* Pricing table (plan cards) — compact hero (title only) */
.pm-pricing-hero--table {
  padding: 10px clamp(20px, 3vw, 32px);
  border-radius: clamp(14px, 2vw, 20px);
}

.pm-pricing-hero--table .pm-pricing-title {
  margin-bottom: 0;
  font-size: clamp(1.25rem, 2.8vw, 1.5rem);
  line-height: 1.15;
}

.pm-pricing-billing-bar {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 8px;
}

.pm-pricing-billing-bar .pm-pricing-billing-toggle {
  margin: 0;
}

.pm-pricing-billing-toggle {
  display: inline-flex;
  align-items: stretch;
  gap: 3px;
  padding: 5px;
  border-radius: 14px;
  background: #e8ecf1;
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, 0.06),
    0 2px 10px rgba(15, 23, 42, 0.06);
}

.pm-pricing-billing-toggle__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 108px;
  padding: 11px 18px;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #5c6578;
  background: transparent;
  cursor: pointer;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.pm-pricing-billing-toggle__btn:hover:not(.is-active) {
  color: #334155;
  background: rgba(255, 255, 255, 0.55);
}

.pm-pricing-billing-toggle__btn.is-active {
  color: #0f172a;
  font-weight: 700;
  background: #fff;
  box-shadow:
    0 1px 3px rgba(15, 23, 42, 0.12),
    0 4px 12px rgba(15, 23, 42, 0.08);
}

.pm-pricing-billing-toggle__btn.is-active:focus-visible,
.pm-pricing-billing-toggle__btn:focus-visible {
  outline: 2px solid var(--pm-accent, #007aff);
  outline-offset: 2px;
}

.pm-pricing-billing-toggle__save {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 999px;
  color: #fff;
  background: #34c759;
  box-shadow: 0 1px 2px rgba(28, 120, 52, 0.28);
}

.pm-pricing-plans-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  width: 100%;
  align-items: stretch;
  padding-top: 10px;
}

.pm-pricing-plans-grid--arrange > .pm-pricing-plan-card {
  opacity: 0;
  transform: translateY(40px) scale(0.94);
  filter: blur(10px);
  animation: pm-pricing-plan-grid-arrange 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-pricing-plans-grid--arrange > .pm-pricing-plan-card:nth-child(1) {
  animation-delay: 120ms;
}

.pm-pricing-plans-grid--arrange > .pm-pricing-plan-card:nth-child(2) {
  animation-delay: 200ms;
}

.pm-pricing-plans-grid--arrange > .pm-pricing-plan-card:nth-child(3) {
  animation-delay: 280ms;
}

.pm-pricing-plans-grid--arrange > .pm-pricing-plan-card:nth-child(4) {
  animation-delay: 360ms;
}

@keyframes pm-pricing-plan-grid-arrange {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.94);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}

.pm-subscribe-plans--enter
  .pm-reveal.pm-subscribe-plans__enter-head.pm-reveal--ready.pm-reveal--none:not(.pm-reveal--visible) {
  opacity: 0;
}

.pm-subscribe-plans--enter
  .pm-reveal.pm-subscribe-plans__enter-head.pm-reveal--ready.pm-reveal--none.pm-reveal--visible {
  animation: pm-pricing-plan-grid-arrange 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-subscribe-plans--enter
  .pm-reveal.pm-subscribe-plans__enter-billing.pm-reveal--ready.pm-reveal--up:not(.pm-reveal--visible) {
  opacity: 0;
  transform: translateY(20px);
  filter: blur(4px);
}

.pm-subscribe-plans--enter
  .pm-reveal.pm-subscribe-plans__enter-billing.pm-reveal--ready.pm-reveal--up.pm-reveal--visible {
  animation: pm-pricing-foot-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--pm-reveal-delay, 0ms);
}

.pm-subscribe-plans--static-enter .pm-subscribe-plans__enter-head {
  animation: pm-pricing-plan-grid-arrange 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.pm-subscribe-plans--static-enter .pm-subscribe-plans__enter-billing {
  animation: pm-pricing-foot-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) 50ms both;
}

@media (prefers-reduced-motion: reduce) {
  .pm-pricing-plans-grid--arrange > .pm-pricing-plan-card {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }

  .pm-subscribe-plans--enter .pm-reveal.pm-subscribe-plans__enter-head,
  .pm-subscribe-plans--enter .pm-reveal.pm-subscribe-plans__enter-billing {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  .pm-subscribe-plans--static-enter .pm-subscribe-plans__enter-head,
  .pm-subscribe-plans--static-enter .pm-subscribe-plans__enter-billing {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

@media (min-width: 640px) {
  .pm-pricing-plans-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (min-width: 1100px) {
  .pm-pricing-plans-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }
}

.pm-pricing-plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: #fff;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
  box-sizing: border-box;
  container-type: inline-size;
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.pm-pricing-plan-card:hover {
  border-color: var(--pm-accent, #007aff);
  box-shadow: 0 12px 32px var(--pm-accent-shadow-soft, rgba(79, 124, 255, 0.18));
  transform: translateY(-2px);
}

.pm-pricing-plan-card--featured {
  border: 2px solid var(--pm-accent-muted-border, rgba(79, 124, 255, 0.4));
  background: linear-gradient(165deg, #1e293b 0%, #0f172a 100%);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.2);
}

.pm-pricing-plan-card--featured:hover {
  border-color: var(--pm-accent, #007aff);
  box-shadow:
    0 0 0 1px var(--pm-accent, #007aff),
    0 20px 48px var(--pm-accent-shadow-soft, rgba(79, 124, 255, 0.22));
}

.pm-pricing-plan-card__badges {
  position: absolute;
  top: -11px;
  right: 12px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  pointer-events: none;
}

.pm-pricing-plan-card__badge {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  z-index: 1;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  color: #fff;
  background: var(--pm-accent, #007aff);
  box-shadow: 0 2px 8px var(--pm-accent-shadow-soft, rgba(79, 124, 255, 0.35));
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
}

.pm-pricing-plan-card__badge--current {
  background: linear-gradient(120deg, #34c759 0%, #28a745 100%);
  box-shadow: 0 2px 8px rgba(52, 199, 89, 0.35);
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__badge--current {
  color: #1a7f37;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pm-pricing-plan-card--current:not(.pm-subscribe-plan-card--selected) {
  border-color: rgba(52, 199, 89, 0.42);
  box-shadow:
    0 0 0 1px rgba(52, 199, 89, 0.14),
    0 12px 32px rgba(15, 23, 42, 0.08);
}

.pm-pricing-plan-card__name {
  display: block;
  margin: 0 0 12px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__name {
  color: rgba(255, 255, 255, 0.92);
}

.pm-pricing-plan-card__price-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}

.pm-pricing-plan-card__price-line,
.pm-pricing-plan-card__price-main {
  display: flex;
  align-items: baseline;
  gap: 0.25em;
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
}

.pm-pricing-plan-card__amount {
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  color: #0f172a;
  white-space: nowrap;
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__amount {
  color: #fff;
}

.pm-pricing-plan-card__period {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.2;
  color: #64748b;
  white-space: nowrap;
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__period {
  color: rgba(255, 255, 255, 0.7);
}

.pm-pricing-plan-card__compare {
  flex: 0 0 auto;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  color: #94a3b8;
  text-decoration: line-through;
  white-space: nowrap;
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__compare {
  color: rgba(255, 255, 255, 0.45);
}

@container (max-width: 210px) {
  .pm-pricing-plan-card__amount {
    font-size: 1.5rem;
  }

  .pm-pricing-plan-card__compare {
    font-size: 0.9375rem;
  }

  .pm-pricing-plan-card__price-row {
    flex-wrap: wrap;
    row-gap: 4px;
  }

  .pm-pricing-plan-card__compare {
    margin-left: auto;
  }
}

.pm-pricing-plan-card__tagline {
  margin: 0;
  min-height: calc(0.875rem * 1.45 * 2);
  font-size: 0.875rem;
  line-height: 1.45;
  color: #64748b;
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__tagline {
  color: rgba(255, 255, 255, 0.72);
}

.pm-pricing-plan-card__billed {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--pm-accent, #007aff);
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__billed {
  color: rgba(199, 210, 254, 0.95);
}

.pm-pricing-plan-card__divider {
  width: 100%;
  height: 1px;
  margin: 12px 0 20px;
  background: rgba(148, 163, 184, 0.35);
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__divider {
  background: rgba(255, 255, 255, 0.2);
}

.pm-pricing-plan-card__features-wrap {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  margin: 0 0 24px;
}

.pm-pricing-plan-card__features {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pm-pricing-plan-card__features--core {
  flex: 1 1 auto;
  min-height: 0;
}

.pm-pricing-plan-card__features--tail {
  flex: 0 0 auto;
  margin-top: auto;
  padding-top: 12px;
}

.pm-pricing-plan-card__features li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #64748b;
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__features li {
  color: rgba(255, 255, 255, 0.82);
}

.pm-pricing-plan-card__features li.is-capacity {
  font-weight: 600;
}

.pm-pricing-plan-card__features li.is-highlight {
  padding: 8px 10px;
  margin: 0 -10px;
  border-radius: 10px;
  background: rgba(0, 122, 255, 0.08);
  border: 1px solid rgba(0, 122, 255, 0.22);
  color: #0f172a;
  font-weight: 600;
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__features li.is-highlight {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}

.pm-pricing-plan-card__features li.is-highlight .pm-pricing-plan-card__check {
  color: #007aff;
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__features li.is-highlight .pm-pricing-plan-card__check {
  color: #86efac;
}

.pm-pricing-plan-card__feature-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  width: 100%;
}

.pm-pricing-plan-card__ad-logos {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pm-pricing-plan-card__ad-logos > li {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  min-width: 0;
  align-self: start;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  font-weight: 400;
  color: inherit;
  overflow: hidden;
  box-sizing: border-box;
}

.pm-pricing-plan-card__ad-logo {
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  object-fit: contain;
}

.pm-pricing-plan-card--featured .pm-pricing-plan-card__ad-logos > li {
  background: rgba(255, 255, 255, 0.95);
}

.pm-pricing-plan-card__check {
  flex-shrink: 0;
  margin-top: 2px;
  color: #22c55e;
}

.pm-pricing-plan-card__cta {
  display: flex;
  width: 100%;
  margin-top: auto;
  align-items: center;
  justify-content: center;
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  background: var(--pm-accent, #007aff);
  box-shadow: 0 4px 16px var(--pm-accent-shadow, rgba(79, 124, 255, 0.28));
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
}

.pm-pricing-plan-card__cta:hover {
  background: var(--pm-accent-end, #0066db);
  box-shadow: 0 8px 22px var(--pm-accent-shadow, rgba(79, 124, 255, 0.38));
}

.pm-pricing-plan-card__cta--featured {
  background: var(--pm-accent, #007aff);
  box-shadow: 0 4px 16px var(--pm-accent-shadow, rgba(79, 124, 255, 0.28));
}

.pm-pricing-plan-card__cta--featured:hover {
  background: var(--pm-accent-end, #0066db);
  box-shadow: 0 8px 22px var(--pm-accent-shadow, rgba(79, 124, 255, 0.38));
}

.pm-pricing-enterprise {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #64748b;
}

.pm-pricing-enterprise__link {
  padding: 0;
  border: 0;
  background: none;
  color: #248a3d;
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.pm-pricing-enterprise__link:hover {
  text-decoration: underline;
}

.pm-enterprise-modal-root {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}

.pm-enterprise-modal-overlay {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.52);
  cursor: pointer;
}

.pm-enterprise-modal {
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  max-height: min(90vh, 760px);
  overflow: auto;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.22);
}

.pm-enterprise-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 0;
}

.pm-enterprise-modal__head h2 {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.25;
  color: #0f172a;
}

.pm-enterprise-modal__head p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #64748b;
}

.pm-enterprise-modal__close {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.pm-enterprise-modal__close:hover {
  background: #e2e8f0;
}

.pm-enterprise-modal__form,
.pm-enterprise-modal__success {
  padding: 20px 24px 24px;
}

.pm-enterprise-modal__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pm-enterprise-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}

.pm-enterprise-modal__field--full {
  margin-top: 14px;
}

.pm-enterprise-modal__field span {
  font-size: 13px;
  font-weight: 600;
  color: #334155;
}

.pm-enterprise-modal__field input,
.pm-enterprise-modal__field textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #fff;
  color: #0f172a;
  font: inherit;
}

.pm-enterprise-modal__field textarea {
  resize: vertical;
  min-height: 112px;
}

.pm-enterprise-modal__field input:focus,
.pm-enterprise-modal__field textarea:focus {
  outline: 2px solid rgba(36, 138, 61, 0.25);
  border-color: #248a3d;
}

.pm-enterprise-modal__error {
  margin: 14px 0 0;
  font-size: 13px;
  color: #b42318;
}

.pm-enterprise-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.pm-enterprise-modal__cancel,
.pm-enterprise-modal__submit {
  border-radius: 999px;
  padding: 10px 18px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.pm-enterprise-modal__cancel {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #334155;
}

.pm-enterprise-modal__submit {
  border: 0;
  background: #248a3d;
  color: #fff;
}

.pm-enterprise-modal__submit:hover:not(:disabled) {
  background: #1f7534;
}

.pm-enterprise-modal__submit:disabled,
.pm-enterprise-modal__cancel:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.pm-enterprise-modal__success p {
  margin: 0 0 10px;
  color: #334155;
  line-height: 1.5;
}

@media (max-width: 640px) {
  .pm-enterprise-modal__grid {
    grid-template-columns: 1fr;
  }
}

/* ── Subscribe page ── */
.pm-subscribe-page {
  padding: 32px 0 64px;
}

.pm-subscribe-page__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.pm-subscribe-page #pm-subscribe-checkout {
  scroll-margin-top: calc(var(--pm-header-float-height) + 16px);
}

.pm-checkout-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(220px, 32vw, 320px);
  padding: 32px 16px;
  position: relative;
}

.pm-checkout-loading__lottie {
  width: min(168px, 38vw);
  height: min(168px, 38vw);
  margin: 0 auto;
  flex-shrink: 0;
}

.pm-checkout-loading__lottie svg {
  display: block;
  width: 100%;
  height: auto;
}

.pm-checkout-loading__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pm-subscribe-plans__head {
  text-align: center;
  margin-bottom: 8px;
}

.pm-subscribe-plans__title {
  margin: 0 0 8px;
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.pm-subscribe-plans__lead {
  margin: 0 auto;
  max-width: 36em;
  font-size: 14px;
  line-height: 1.5;
  color: #64748b;
}

.pm-subscribe-plans__grid {
  margin-top: 4px;
}

.pm-subscribe-plan-card {
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.pm-subscribe-plan-card--clickable {
  cursor: pointer;
}

.pm-subscribe-plan-card--clickable:focus-visible {
  outline: 2px solid var(--pm-accent, #007aff);
  outline-offset: 3px;
}

.pm-subscribe-plan-card--selected {
  border-color: var(--pm-accent, #007aff);
  box-shadow:
    0 0 0 2px rgba(0, 122, 255, 0.2),
    0 12px 32px rgba(15, 23, 42, 0.1);
}

.pm-subscribe-plan-card__select {
  width: 100%;
  border: none;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.pm-subscribe-plan-card__select.is-selected {
  background: linear-gradient(180deg, #34c759 0%, #2fb350 100%);
  color: #fff;
  box-shadow: 0 4px 16px rgba(52, 199, 89, 0.32);
}

.pm-subscribe-plan-card__select.is-selected:hover {
  filter: brightness(0.97);
}

.pm-subscribe-plan-card__select:focus-visible {
  outline: 2px solid var(--pm-accent, #007aff);
  outline-offset: 2px;
}

.pm-subscribe-plan-card__feature--overage {
  color: #475569;
  font-weight: 600;
}

/* Subscribe checkout — same card language as plan grid */
.pm-subscribe-checkout {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

.pm-subscribe-checkout-card {
  width: 100%;
  cursor: default;
}

.pm-subscribe-checkout-card:hover {
  transform: none;
}

.pm-subscribe-checkout-card--has-plan {
  border-color: var(--pm-accent, #007aff);
  box-shadow:
    0 0 0 2px rgba(0, 122, 255, 0.15),
    0 12px 32px rgba(15, 23, 42, 0.08);
}

.pm-subscribe-checkout__test-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(135deg, #f59e0b, #f97316);
  box-shadow: 0 2px 8px rgba(194, 65, 12, 0.28);
}

.pm-subscribe-checkout__totals {
  position: relative;
  margin: 0;
  padding: 14px 16px;
  min-height: 52px;
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.95);
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-sizing: border-box;
}

.pm-subscribe-checkout__totals--has-breakdown {
  min-height: 96px;
}

.pm-subscribe-checkout__totals-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  pointer-events: none;
}

.pm-subscribe-checkout__totals-overlay span {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #475569;
}

.pm-subscribe-checkout__totals-hint {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #64748b;
}

.pm-subscribe-checkout__totals-grid {
  display: grid;
  gap: 10px;
  margin: 0;
}

.pm-subscribe-checkout__totals-grid > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.pm-subscribe-checkout__totals-grid dt {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}

.pm-subscribe-checkout__totals-grid dd {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  text-align: right;
}

.pm-subscribe-checkout__totals-period {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: #94a3b8;
}

.pm-subscribe-checkout__totals-row--emphasis dt,
.pm-subscribe-checkout__totals-row--emphasis dd {
  font-size: 15px;
  color: #0f172a;
}

.pm-subscribe-checkout__totals-row--emphasis dd {
  color: var(--pm-accent, #007aff);
}

.pm-subscribe-checkout .wtrk-input-affix {
  position: relative;
}

.pm-subscribe-checkout .wtrk-input-affix input[type="email"] {
  padding-right: 42px;
}

.pm-subscribe-checkout .wtrk-input-affix__trigger {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  color: #64748b;
  cursor: pointer;
  font-family: inherit;
  transition:
    border-color 0.2s ease,
    color 0.2s ease,
    background 0.2s ease;
}

.pm-subscribe-checkout .wtrk-input-affix__trigger:hover,
.pm-subscribe-checkout .wtrk-input-affix__trigger[aria-expanded="true"] {
  border-color: var(--pm-accent, #007aff);
  color: var(--pm-accent, #007aff);
  background: rgba(239, 246, 255, 0.98);
}

.pm-subscribe-checkout .wtrk-input-affix__tooltip {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  z-index: 4;
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(165, 180, 252, 0.45);
  background: rgba(238, 242, 255, 0.98);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: #1e3a8a;
}

.pm-subscribe-checkout .wtrk-form-content {
  padding: 0;
}

.pm-subscribe-checkout .wtrk-form-grid {
  gap: 12px 16px;
}

.pm-subscribe-checkout .wtrk-form-row {
  display: grid;
  gap: 12px 16px;
  align-items: end;
}

.pm-subscribe-checkout .wtrk-section-title--billing {
  margin-top: 8px;
}

.pm-subscribe-checkout .wtrk-form-row--personal-line {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
}

.pm-subscribe-checkout .wtrk-form-row--credentials {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
}

.pm-subscribe-checkout .wtrk-form-row--street-phone {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 280px);
  align-items: end;
}

.pm-subscribe-checkout .wtrk-form-row--address-line {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pm-subscribe-checkout .wtrk-label-optional {
  color: #94a3b8;
  font-weight: 500;
}

@media (max-width: 760px) {
  .pm-subscribe-checkout .wtrk-form-row--personal-line,
  .pm-subscribe-checkout .wtrk-form-row--street-phone,
  .pm-subscribe-checkout .wtrk-form-row--address-line,
  .pm-subscribe-checkout .wtrk-form-row--credentials {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
}

.pm-subscribe-checkout .wtrk-section-title {
  font-size: 11px;
  letter-spacing: 0.06em;
  color: #64748b;
}

.pm-subscribe-checkout .wtrk-submit-btn.pm-pricing-plan-card__cta {
  margin-top: 4px;
}

.pm-subscribe-checkout .wtrk-pay-confirm.pm-pricing-plan-card__cta {
  margin-top: 12px;
}

@media (min-width: 1100px) {
  .pm-subscribe-checkout {
    max-width: none;
    margin: 0;
  }

  .pm-subscribe-page__inner:has(.pm-subscribe-plans) .pm-subscribe-checkout,
  .pm-pricing-page__shell:has(.pm-subscribe-plans) .pm-subscribe-checkout {
    grid-column: 1 / -1;
  }
}

.pm-subscribe-page__warn {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  color: #92400e;
  font-size: 13px;
}

/* ── Thank you ── */
.pm-thank-you {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50vh;
  padding: 48px 20px;
}

.pm-thank-you__card {
  max-width: 480px;
  text-align: center;
  padding: 36px 28px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.3);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.pm-thank-you__card h1 {
  margin: 0 0 12px;
  font-size: 1.75rem;
  font-weight: 800;
  color: #0f172a;
}

.pm-thank-you__card p {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.55;
  color: #475569;
}

.pm-thank-you__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.pm-thank-you__secondary {
  font-size: 14px;
  color: #64748b;
  text-decoration: none;
}

.pm-thank-you__secondary:hover {
  color: #0f172a;
}

/* SEO: breadcrumbs, cross-links, heading hierarchy helpers */
.pm-marketing-breadcrumbs {
  margin: 0 0 12px;
  width: 100%;
  align-self: stretch;
}

/* Page shells already clear the floating header via .pm-marketing-page-band__content */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-content-page,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-legal-page,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page {
  padding-top: 8px;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-features-page .wtrk-features {
  padding-top: 8px;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-page {
  padding-top: 0;
}

.pm-pricing-page .pm-marketing-breadcrumbs {
  margin: 10px 0 0;
  max-width: none;
  width: 100%;
  align-self: flex-start;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-page .wt-rv {
  padding-top: 8px;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-agency-page .wtrk-agency-apply-wrap:has(> .pm-marketing-breadcrumbs) {
  padding-top: 0;
}

.pm-marketing-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: rgba(100, 116, 139, 0.95);
}

.pm-marketing-breadcrumbs__item:not(:last-child)::after {
  content: "/";
  margin-left: 10px;
  color: rgba(148, 163, 184, 0.9);
}

.pm-marketing-breadcrumbs__item a {
  color: inherit;
  text-decoration: none;
}

.pm-marketing-breadcrumbs__item a:hover {
  color: #0f172a;
  text-decoration: underline;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-marketing-breadcrumbs__list {
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-marketing-breadcrumbs__item a:hover {
  color: #f8fafc;
}

.wtrk-form-header h1,
.wtrk-form-header h2 {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff !important;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-header h1,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-trial-page .wtrk-form-header h2 {
  margin: 0 0 8px;
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #f8fafc !important;
}

.wtrk-agency-page-intro {
  margin-bottom: 20px;
}

.wtrk-agency-page-h1 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 38px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: #0f172a;
}

.wtrk-agency-page-lead {
  margin: 0;
  max-width: 720px;
  font-size: 15px;
  line-height: 1.65;
  color: #64748b;
}

.wtrk-agency-page-lead a {
  color: #4f46e5;
  text-decoration: none;
}

.wtrk-agency-page-lead a:hover {
  text-decoration: underline;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-agency-page-h1 {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-agency-page-lead {
  color: rgba(226, 232, 240, 0.82);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wtrk-agency-page-lead a {
  color: #a5b4fc;
}

.wt-rv-cross-links,
.pm-pricing-cross-links,
.wtrk-form-cross-links,
.pm-saas-cta-band__links,
.pm-home-pricing__all-plans {
  text-align: center;
}

/* Reviews page — bottom CTA band */
.wt-rv-cta-band {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  justify-items: center;
  gap: clamp(10px, 2vw, 14px);
  margin-top: clamp(32px, 5vw, 56px);
  padding: 0 clamp(20px, 4vw, 48px) clamp(28px, 4.5vw, 48px);
  text-align: center;
  border-radius: clamp(20px, 3vw, 28px);
  border: 1px solid rgba(99, 102, 241, 0.28);
  background:
    radial-gradient(ellipse 90% 70% at 50% -20%, rgba(99, 102, 241, 0.35), transparent 55%),
    radial-gradient(ellipse 60% 50% at 100% 100%, rgba(52, 199, 89, 0.18), transparent 50%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.92) 100%);
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.wt-rv-cta-band__glow {
  position: absolute;
  inset: -40% -20% auto;
  height: 70%;
  background: radial-gradient(circle, rgba(129, 140, 248, 0.22), transparent 65%);
  pointer-events: none;
  z-index: 0;
}

.wt-rv-cta-band__kicker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: 10px 0 0;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(110, 231, 168, 0.35);
  background: rgba(110, 231, 168, 0.1);
  color: #6ee7a8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wt-rv-cta-band__title {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 28rem;
  font-size: clamp(1.5rem, 3.8vw, 2.25rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.12;
  color: #f8fafc;
}

.wt-rv-cta-band__lead {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 40rem;
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  line-height: 1.65;
  color: rgba(226, 232, 240, 0.82);
}

.wt-rv-cta-band__actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 44rem;
  margin-top: clamp(8px, 1.5vw, 12px);
}

.wt-rv-cta-band__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 28px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.wt-rv-cta-band__btn--primary {
  color: #ffffff;
  border: 1px solid transparent;
  background: linear-gradient(180deg, #34c759 0%, #2fb350 100%);
  box-shadow:
    0 10px 28px rgba(52, 199, 89, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.wt-rv-cta-band__btn--primary:hover {
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow:
    0 14px 34px rgba(52, 199, 89, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.wt-rv-cta-band__btn--ghost {
  color: #e2e8f0;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(8px);
}

.wt-rv-cta-band__btn--ghost:hover {
  color: #ffffff;
  border-color: rgba(129, 140, 248, 0.45);
  background: rgba(99, 102, 241, 0.18);
  transform: translateY(-2px);
}

.wt-rv-cta-band__note {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: clamp(6px, 1.5vw, 10px) 0 0;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(15, 23, 42, 0.45);
  font-size: 12px;
  font-weight: 600;
  color: rgba(226, 232, 240, 0.72);
}

@media (min-width: 768px) {
  .wt-rv-cta-band {
    gap: 14px;
    padding: 0 clamp(32px, 5vw, 64px) clamp(40px, 5vw, 56px);
  }

  .wt-rv-cta-band__title {
    max-width: 32rem;
  }

  .wt-rv-cta-band__actions {
    gap: 12px;
    margin-top: 12px;
  }

  .wt-rv-cta-band__btn {
    min-width: 220px;
    min-height: 48px;
    padding: 12px 28px;
    font-size: 15px;
  }
}

@media (max-width: 639px) {
  .wt-rv-cta-band {
    margin-top: 28px;
    padding: 0 16px 24px;
    border-radius: 18px;
  }

  .wt-rv-cta-band__title {
    max-width: none;
    font-size: clamp(1.35rem, 6vw, 1.65rem);
  }

  .wt-rv-cta-band__lead {
    font-size: 0.9375rem;
    line-height: 1.6;
  }

  .wt-rv-cta-band__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-top: 16px;
  }

  .wt-rv-cta-band__btn {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 12px 24px;
    white-space: normal;
    text-align: center;
  }

  .wt-rv-cta-band__note {
    margin-top: 12px;
    font-size: 11px;
  }
}

.wt-rv-cross-links {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.wt-rv-cross-links__lead {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 600;
  color: #1d1d1f;
}

.wt-rv-cross-links__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 18px;
}

.wt-rv-cross-links__primary,
.wt-rv-cross-links__secondary {
  font-size: 15px;
  text-decoration: none;
}

.wt-rv-cross-links__primary {
  color: #4f46e5;
  font-weight: 600;
}

.wt-rv-cross-links__secondary {
  color: #64748b;
}

.wt-rv-cross-links__secondary:hover,
.wt-rv-cross-links__primary:hover {
  text-decoration: underline;
}

.pm-pricing-cross-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 18px;
  margin-top: 28px;
  padding-top: 8px;
  font-size: 14px;
}

.pm-pricing-cross-links a {
  color: #64748b;
  text-decoration: none;
}

.pm-pricing-cross-links a:hover {
  color: #0f172a;
  text-decoration: underline;
}

.wtrk-form-cross-links {
  margin: 12px 0 0;
  font-size: 13px;
  color: #64748b;
}

.wtrk-form-cross-links a {
  color: #4f46e5;
  text-decoration: none;
}

.wtrk-form-cross-links a:hover {
  text-decoration: underline;
}

.pm-saas-cta-band__links {
  margin: 16px 0 0;
  font-size: 14px;
  color: rgba(226, 232, 240, 0.82);
}

.pm-saas-cta-band__links a {
  color: #c7d2fe;
  text-decoration: none;
}

.pm-saas-cta-band__links a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.pm-home-pricing__all-plans {
  margin: 18px 0 0;
  font-size: 14px;
}

.pm-home-pricing__all-plans a {
  color: rgba(226, 232, 240, 0.88);
  text-decoration: none;
}

.pm-home-pricing__all-plans a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.pm-home-badges-showcase__lead a {
  color: #4f46e5;
  text-decoration: none;
  font-weight: 600;
}

.pm-home-badges-showcase__lead a:hover {
  text-decoration: underline;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-cta-band {
  border-color: rgba(255, 255, 255, 0.16);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-cross-links {
  border-top-color: rgba(248, 250, 252, 0.12);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-cross-links__lead {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-cross-links__primary {
  color: #a5b4fc;
}

/* Header — Resources dropdown */
.pm-header-nav-dropdown {
  position: relative;
}

.pm-header-nav-dropdown__trigger {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--pm-text-muted);
  font: inherit;
  font-weight: 500;
  cursor: pointer;
  transition:
    color 0.2s ease,
    background 0.2s ease;
}

.pm-header-nav-dropdown__trigger:hover,
.pm-header-nav-dropdown.is-open .pm-header-nav-dropdown__trigger {
  color: var(--pm-text);
}

.pm-header-nav-dropdown__chevron {
  font-size: 0.75em;
  opacity: 0.75;
  transition: transform 0.15s ease;
}

.pm-header-nav-dropdown.is-open .pm-header-nav-dropdown__chevron {
  transform: rotate(180deg);
}

.pm-header-nav-dropdown__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 40;
  min-width: 200px;
  margin: 0;
  padding: 8px;
  list-style: none;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: rgba(15, 23, 42, 0.96);
  box-shadow: 0 16px 40px rgba(2, 6, 23, 0.45);
}

.pm-header-nav-dropdown__menu a {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  white-space: nowrap;
}

.pm-header-nav-dropdown__menu a:hover {
  background: rgba(99, 102, 241, 0.18);
}

.pm-mobile-menu__item--sub .pm-menu-item__label {
  padding-left: 28px;
  font-size: 14px;
  opacity: 0.92;
}

.pm-mobile-menu__item--sub a {
  min-height: 40px;
}

.pm-mobile-menu__item--group {
  margin-top: 6px;
}

.pm-mobile-menu__group-label {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  padding: 0 16px;
  color: rgba(226, 232, 240, 0.72);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: default;
  user-select: none;
}

.pm-mobile-menu__item--group + .pm-mobile-menu__item--sub .pm-menu-item__label {
  padding-left: 28px;
}

/* Collapsible group (accordion) in the mobile sidebar */
.pm-mobile-menu__item--group-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pm-mobile-menu__group-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  border-radius: 14px;
  border: 1px solid rgba(99, 102, 241, 0.22);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #e2e8f0;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

.pm-mobile-menu__group-toggle:hover,
.pm-mobile-menu__group-toggle:focus-visible,
.pm-mobile-menu__group-toggle.is-open {
  border-color: rgba(52, 199, 89, 0.42);
  background: linear-gradient(180deg, rgba(20, 30, 58, 0.98) 0%, rgba(15, 23, 42, 0.96) 100%);
  box-shadow: 0 6px 18px rgba(52, 199, 89, 0.12);
  color: #ffffff;
}

.pm-mobile-menu__group-chevron {
  margin-left: auto;
  font-size: 0.85em;
  opacity: 0.75;
  transition: transform 0.2s ease;
}

.pm-mobile-menu__group-toggle.is-open .pm-mobile-menu__group-chevron {
  transform: rotate(180deg);
}

.pm-mobile-menu__submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pm-mobile-menu__submenu[hidden] {
  display: none;
}

/* Contact page */
.pm-content-page--contact .pm-content-hero--compact {
  margin-bottom: 18px;
  padding-top: 0;
}

.pm-contact-form {
  max-width: 640px;
  margin: 0 auto 32px;
}

.pm-contact-form__card {
  padding: 22px 24px 24px;
  border-radius: 18px;
  border: 1px solid rgba(99, 102, 241, 0.24);
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, 0.12), transparent 55%),
    linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(11, 18, 36, 0.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 16px 40px rgba(0, 0, 0, 0.28);
  color: rgba(226, 232, 240, 0.9);
}

.pm-contact-form__intro {
  margin-bottom: 14px;
  text-align: center;
}

.pm-contact-form__title {
  margin: 0 0 6px;
  font-size: clamp(20px, 2.5vw, 24px);
  color: #f8fafc;
}

.pm-contact-form__lead {
  margin: 0;
  color: rgba(226, 232, 240, 0.72);
  line-height: 1.55;
  font-size: 15px;
}

.pm-contact-form__fields {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pm-contact-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}

.pm-contact-form__field span {
  font-size: 13px;
  font-weight: 600;
  color: rgba(226, 232, 240, 0.88);
}

.pm-contact-form__field input,
.pm-contact-form__field textarea,
.pm-contact-form__field select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(99, 102, 241, 0.28);
  border-radius: 10px;
  background: rgba(11, 18, 36, 0.88);
  color: #f8fafc;
  font: inherit;
}

.pm-contact-form__field select {
  cursor: pointer;
  appearance: none;
  padding-right: 36px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(226, 232, 240, 0.72) 50%),
    linear-gradient(135deg, rgba(226, 232, 240, 0.72) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% + 2px),
    calc(100% - 12px) calc(50% + 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.pm-contact-form__field select:invalid {
  color: rgba(226, 232, 240, 0.55);
}

.pm-contact-form__field input::placeholder,
.pm-contact-form__field textarea::placeholder {
  color: rgba(226, 232, 240, 0.42);
}

.pm-contact-form__field textarea {
  resize: vertical;
  min-height: 140px;
}

.pm-contact-form__field input:focus,
.pm-contact-form__field textarea:focus,
.pm-contact-form__field select:focus {
  outline: 2px solid rgba(52, 199, 89, 0.28);
  border-color: rgba(52, 199, 89, 0.55);
}

.pm-contact-form__field input:disabled,
.pm-contact-form__field textarea:disabled,
.pm-contact-form__field select:disabled {
  opacity: 0.72;
  cursor: not-allowed;
}

.pm-contact-form__error {
  margin: 0;
  font-size: 13px;
  color: #fca5a5;
}

.pm-contact-form__success-note {
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(52, 199, 89, 0.28);
  background: rgba(52, 199, 89, 0.12);
  color: #bbf7d0;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.pm-contact-form__actions {
  display: flex;
  justify-content: center;
  padding-top: 4px;
}

.pm-contact-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: min(100%, 220px);
  min-height: 48px;
  padding-inline: 28px;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}

.pm-contact-form__submit.is-loading {
  opacity: 0.92;
  cursor: wait;
}

.pm-contact-form__submit.is-sent {
  transform: scale(1.02);
  box-shadow:
    0 10px 24px rgba(52, 199, 89, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  cursor: default;
}

.pm-contact-form__submit-check {
  flex-shrink: 0;
}

.pm-contact-form__spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: pm-contact-form-spin 0.7s linear infinite;
}

@keyframes pm-contact-form-spin {
  to {
    transform: rotate(360deg);
  }
}

.pm-contact-support {
  margin-bottom: 36px;
}

.pm-contact-support__intro {
  max-width: 720px;
  margin: 0 auto 20px;
  text-align: center;
}

.pm-contact-support__title {
  margin: 0 0 10px;
  font-size: clamp(20px, 2.5vw, 24px);
  color: #f8fafc;
}

.pm-contact-support__summary,
.pm-contact-support__meta {
  margin: 0;
  color: var(--pm-text-muted);
  line-height: 1.6;
  font-size: 15px;
}

.pm-contact-support__summary {
  margin-bottom: 8px;
}

.pm-contact-support__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
}

.pm-contact-support__inbox a {
  font-weight: 700;
  color: inherit;
}

.pm-contact-support__dot {
  opacity: 0.55;
}

.pm-contact-support__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-contact-support__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 100%;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.35);
}

.pm-contact-support__card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.pm-contact-support__card h3 {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  color: #f8fafc;
}

.pm-contact-support__badge {
  flex-shrink: 0;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(99, 102, 241, 0.16);
  color: #c7d2fe;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.pm-contact-support__card p {
  flex: 1;
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--pm-text-muted);
}

.pm-contact-support__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(30, 41, 59, 0.92);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    transform 0.12s ease;
}

.pm-contact-support__link:hover {
  border-color: rgba(165, 180, 252, 0.45);
  background: rgba(51, 65, 85, 0.96);
  color: #fff !important;
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .pm-contact-support__grid {
    grid-template-columns: 1fr;
  }

  .pm-contact-support__meta {
    flex-direction: column;
    gap: 4px;
  }

  .pm-contact-support__dot {
    display: none;
  }
}

.pm-contact-channels__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}

.pm-contact-channel {
  padding: 18px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.35);
}

.pm-contact-channel h3 {
  margin: 0 0 8px;
  font-size: 17px;
}

.pm-contact-channel p {
  margin: 0 0 10px;
  color: var(--pm-text-muted);
  line-height: 1.55;
}

.pm-contact-channel__email {
  font-weight: 700;
}

.pm-content-related__card-desc {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: var(--pm-text-muted);
  line-height: 1.45;
}

/* 404 */
.pm-not-found {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: min(72vh, 720px);
  padding: 88px 0 104px;
  overflow: hidden;
}

.pm-not-found__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.pm-not-found__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(64px);
  opacity: 0.55;
}

.pm-not-found__glow--a {
  top: -12%;
  left: 50%;
  width: min(520px, 70vw);
  height: min(520px, 70vw);
  transform: translateX(-58%);
  background: radial-gradient(circle, rgba(52, 199, 89, 0.28) 0%, transparent 70%);
}

.pm-not-found__glow--b {
  bottom: -18%;
  right: 8%;
  width: min(420px, 60vw);
  height: min(420px, 60vw);
  background: radial-gradient(circle, rgba(59, 130, 246, 0.16) 0%, transparent 72%);
}

.pm-not-found__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 42%, #000 20%, transparent 75%);
}

.pm-not-found__inner {
  position: relative;
  max-width: 640px;
  text-align: center;
}

.pm-not-found__code {
  margin: 0 0 10px;
  font-size: clamp(64px, 14vw, 112px);
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.06em;
  background: linear-gradient(180deg, #111936 18%, rgba(17, 25, 54, 0.28) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.pm-not-found__title {
  margin: 0 0 12px;
  font-size: clamp(28px, 5vw, 42px);
  letter-spacing: -0.03em;
}

.pm-not-found__lead {
  margin: 0 auto 28px;
  max-width: 42ch;
  color: var(--pm-text-muted);
  line-height: 1.65;
  font-size: 1.05rem;
}

.pm-not-found__actions {
  display: flex;
  justify-content: center;
  margin-bottom: 22px;
}

.pm-not-found__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px;
  border-radius: 14px;
  background: var(--pm-cta-green-gradient);
  box-shadow: 0 10px 28px var(--pm-cta-green-shadow);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.pm-not-found__home:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(52, 199, 89, 0.42);
  color: #fff;
}

.pm-not-found__home:focus-visible {
  outline: 2px solid #34c759;
  outline-offset: 3px;
}

.pm-not-found__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.pm-not-found__link {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(255, 255, 255, 0.55);
  color: var(--pm-text);
  font-weight: 600;
  font-size: 0.92rem;
  text-decoration: none;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.pm-not-found__link:hover {
  border-color: rgba(52, 199, 89, 0.45);
  background: rgba(255, 255, 255, 0.9);
}

@media (prefers-reduced-motion: reduce) {
  .pm-not-found__home {
    transition: none;
  }

  .pm-not-found__home:hover {
    transform: none;
  }
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-cross-links__secondary,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-cross-links a {
  color: rgba(226, 232, 240, 0.78);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-pricing-cross-links a:hover,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .wt-rv-cross-links__secondary:hover {
  color: #f8fafc;
}

/* Homepage crawlable SEO narrative + FAQ prose block */
.pm-saas-prose {
  max-width: 760px;
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.pm-saas-prose--center {
  text-align: center;
}

.pm-saas-prose-subheading {
  margin: 6px 0 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--pm-saas-heading, #0f172a);
}

.pm-home-dark-band .pm-saas-prose-subheading {
  color: #f8fafc;
}

.pm-saas-prose p {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: var(--pm-saas-muted, rgba(71, 85, 105, 0.92));
}

.pm-home-dark-band .pm-saas-prose p {
  color: rgba(226, 232, 240, 0.82);
}

.pm-saas-prose a,
.pm-home-seo .pm-saas-card a {
  color: #34c759;
  font-weight: 600;
  text-decoration: none;
}

.pm-home-dark-band .pm-saas-prose a,
.pm-home-dark-band .pm-home-seo .pm-saas-card a {
  color: #6ee7a8;
}

.pm-saas-prose a:hover,
.pm-home-seo .pm-saas-card a:hover {
  text-decoration: underline;
}

/* Give the FAQ card copy room to breathe */
.pm-home-seo .pm-saas-card h3 {
  margin-bottom: 10px;
}

.pm-home-seo .pm-saas-card p {
  line-height: 1.6;
}

/* SEO narrative sections — shared layout (homepage + marketing pages) */
.pm-home-seo.pm-saas-section {
  padding: clamp(40px, 6vw, 72px) 0 clamp(48px, 7vw, 88px);
}

.pm-home-seo .pm-container {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 4vw, 40px);
}

.pm-home-seo .pm-saas-section-head {
  margin-bottom: 0;
  max-width: 48rem;
}

.pm-home-seo .pm-saas-section-head--center .pm-saas-lead {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

.pm-home-seo .pm-saas-kicker {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(110, 231, 168, 0.28);
  background: rgba(110, 231, 168, 0.1);
}

.pm-home-seo .pm-saas-prose {
  max-width: 52rem;
  gap: clamp(14px, 2.5vw, 20px);
  padding: clamp(20px, 3vw, 28px) clamp(18px, 3vw, 32px);
  border-radius: 20px;
  border: 1px solid rgba(99, 102, 241, 0.2);
  background: rgba(15, 23, 42, 0.42);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

.pm-home-seo .pm-saas-cards-grid {
  margin: 0;
  gap: clamp(14px, 2.5vw, 20px);
}

@media (min-width: 640px) {
  .pm-home-seo .pm-saas-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .pm-home-seo .pm-saas-cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* Exactly four FAQ cards — balanced 2×2 grid */
  .pm-home-seo .pm-saas-cards-grid:has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .pm-home-seo.pm-saas-section {
    padding: 32px 0 40px;
  }

  .pm-home-seo .pm-container {
    gap: 20px;
  }

  .pm-home-seo .pm-saas-prose {
    padding: 16px 14px;
    border-radius: 16px;
    text-align: left;
  }

  .pm-home-seo .pm-saas-prose--center {
    text-align: left;
  }

  .pm-home-seo .pm-saas-section-head--center {
    text-align: left;
  }

  .pm-home-seo .pm-saas-section-head--center .pm-saas-lead {
    margin-left: 0;
    margin-right: 0;
  }
}

/* SEO narrative blocks on marketing pages (features, pricing, reviews, etc.) */
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo.pm-saas-section,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo.pm-saas-section--muted {
  background: transparent;
  color: #f8fafc;
  border-top: 1px solid rgba(99, 102, 241, 0.2);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-kicker {
  color: #6ee7a8;
  border-color: rgba(110, 231, 168, 0.28);
  background: rgba(110, 231, 168, 0.1);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-heading {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-lead,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-prose p,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-card p {
  color: rgba(226, 232, 240, 0.82);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-prose {
  border-color: rgba(99, 102, 241, 0.24);
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.88) 0%, rgba(11, 18, 36, 0.72) 100%);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-card {
  border-color: rgba(99, 102, 241, 0.24);
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.96) 0%, rgba(11, 18, 36, 0.94) 100%);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-card:hover {
  border-color: rgba(99, 102, 241, 0.38);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.38);
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-card h3 {
  color: #f8fafc;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-prose a,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-card a {
  color: #6ee7a8;
}

.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-prose a:hover,
.pm-marketing-page-band:not(:has(.pm-home-dark-band)) .pm-home-seo .pm-saas-card a:hover {
  color: #86efac;
}

/* Homepage dark band — match SEO panel styling */
.pm-home-dark-band .pm-home-seo .pm-saas-kicker {
  border-color: rgba(110, 231, 168, 0.28);
  background: rgba(110, 231, 168, 0.1);
}

.pm-home-dark-band .pm-home-seo .pm-saas-prose {
  border-color: rgba(99, 102, 241, 0.24);
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.88) 0%, rgba(11, 18, 36, 0.72) 100%);
}

/* Footer social share buttons */
.pm-footer-social {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.pm-footer-social__label {
  font-size: 13px;
  font-weight: 600;
  color: var(--pm-muted, rgba(100, 116, 139, 0.9));
}

.pm-footer-social__list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-footer-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid var(--pm-border, rgba(148, 163, 184, 0.35));
  color: var(--pm-muted, rgba(71, 85, 105, 0.9));
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.pm-footer-social__link--copy {
  padding: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

.pm-footer-social__link svg {
  width: 16px;
  height: 16px;
}

.pm-footer-social__link:hover,
.pm-footer-social__link--copy:hover {
  color: #fff;
  background: #2fb350;
  border-color: #2fb350;
}

.pm-footer-social__link--copy.is-copied {
  color: #fff;
  background: #2fb350;
  border-color: #2fb350;
}

/* Footer presence (Find us) + case-study illustrative disclaimer */
.pm-footer-bottom__social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 16px 28px;
}

.pm-footer-presence {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.pm-footer-presence__label {
  font-size: 13px;
  font-weight: 600;
  color: var(--pm-muted, rgba(100, 116, 139, 0.9));
}

.pm-footer-presence__list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}

.pm-footer-presence__link {
  font-size: 13px;
  font-weight: 500;
  color: var(--pm-muted, rgba(71, 85, 105, 0.95));
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.pm-footer-presence__link:hover {
  color: #2fb350;
  border-bottom-color: #2fb350;
}

.pm-content-case-disclaimer {
  margin: 0 0 12px;
  padding: 10px 14px;
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--pm-muted, #475569);
  background: rgba(148, 163, 184, 0.12);
  border-left: 3px solid rgba(47, 179, 80, 0.65);
}