/* [project]/src/shared/theme/styles/landing.css [app-client] (css) */
.landing-page {
  --lp-bg: #0e0b09;
  --lp-bg-sand: #14100c;
  --lp-surface: #fffcf8;
  --lp-surface-elevated: #fffefc;
  --lp-surface-soft: #faf4ec;
  --lp-surface-recessed: #f3ebe2;
  --lp-surface-hover: #f0e6da;
  --lp-shell-fill: #f7efe6;
  --lp-module-fill-top: #fffefc;
  --lp-module-fill-mid: #fffcf8;
  --lp-module-fill-bot: #faf4ec;
  --lp-bay: #e8d9c8;
  --lp-bay-mid: #d9c8b4;
  --lp-bay-deep: #d0bda8;
  --lp-espresso: #16110e;
  --lp-espresso-soft: #1f1814;
  --lp-espresso-mid: #2a211c;
  --lp-espresso-hi: #3a2c26;
  --lp-espresso-rail-top: #3a2c26;
  --lp-espresso-rail-deep: #16110e;
  --lp-espresso-border: #3a2a22;
  --lp-ink: #14100c;
  --lp-text: #14100c;
  --lp-text-secondary: #3a2a22;
  --lp-text-muted: #5c4a40;
  --lp-cream: #fbf7f2;
  --lp-cream-soft: #e8d9ca;
  --lp-on-espresso: #fbf6f0;
  --lp-canvas-text: #fbf7f2;
  --lp-canvas-text-muted: #e8d9ca;
  --lp-brand: #c4896a;
  --lp-brand-strong: #6b3a28;
  --lp-brand-soft: #d4a574;
  --lp-brand-deep: #8f5a42;
  --lp-brand-dark: #a86b4e;
  --lp-brand-hover: #b57a5c;
  --lp-champagne: #e0b888;
  --lp-champagne-hi: #f0c9a0;
  --lp-on-brand: #120e0b;
  --lp-accent: #b76e79;
  --lp-border: #b89f84;
  --lp-border-soft: #d4c0ae;
  --lp-focus: #c4896a;
  --lp-success: #2f6149;
  --lp-success-soft: #3d7a5c;
  --lp-warn: #8f5a42;
  --lp-danger: #c45c5c;
  --lp-metal: color-mix(in srgb, var(--lp-champagne-hi) 42%, var(--lp-brand-deep));
  --lp-radius: 6px;
  --lp-radius-shell: 8px;
  --lp-max: 1140px;
  --lp-nav-h: 56px;
  --lp-font: var(--font-sans, "IBM Plex Sans", system-ui, sans-serif);
  --lp-mono: var(--font-mono, "IBM Plex Mono", ui-monospace, monospace);
  --lp-t: .16s ease;
  --lp-shell-shadow: 0 1px 0 #ffffff8c inset,
    0 0 0 1px #6b3a2814,
    0 16px 36px #14100c24,
    0 40px 80px #14100c29;
  --lp-module-shadow: 0 1px 0 #fffffff2 inset,
    0 0 0 1px #6b3a281a,
    0 2px 4px #14100c1a,
    0 12px 28px #1a141124,
    0 28px 56px #1a14112e;
  isolation: isolate;
  box-sizing: border-box;
  min-height: 100vh;
  font-family: var(--lp-font);
  color: var(--lp-canvas-text);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  background: radial-gradient(ellipse 90% 60% at 10% -10%,
      color-mix(in srgb, var(--lp-champagne) 22%, transparent),
      transparent 50%),
    radial-gradient(ellipse 70% 50% at 100% 100%,
      color-mix(in srgb, var(--lp-accent) 16%, transparent),
      transparent 48%),
    linear-gradient(160deg,
      color-mix(in srgb, var(--lp-bg) 88%, #1c1612) 0%,
      var(--lp-bg) 50%,
      color-mix(in srgb, #000 35%, var(--lp-bg)) 100%);
  background-color: var(--lp-bg);
  position: relative;
  overflow-x: clip;
}

:is(body:has(.landing-page), html:has(.landing-page)) {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background-color: #0e0b09;
}

@media (prefers-reduced-motion: reduce) {
  .landing-page {
    scroll-behavior: auto;
  }
}

.landing-page *, .landing-page :before, .landing-page :after {
  box-sizing: border-box;
}

.landing-skip-link {
  z-index: 2000;
  border-radius: var(--lp-radius);
  background: var(--lp-espresso);
  min-height: 44px;
  color: var(--lp-cream);
  font-family: var(--lp-mono);
  align-items: center;
  padding: 10px 16px;
  font-size: .75rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  position: absolute;
  top: -100px;
  left: 12px;
}

.landing-skip-link:focus {
  outline: 2px solid var(--lp-focus);
  outline-offset: 2px;
  top: 12px;
}

.landing-canvas {
  z-index: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.landing-canvas-orb {
  filter: blur(16px);
  opacity: .45;
  border-radius: 50%;
  position: absolute;
}

.landing-canvas-orb-a {
  background: radial-gradient(circle, color-mix(in srgb, var(--lp-brand) 22%, transparent) 0%, transparent 70%);
  width: min(40vw, 400px);
  height: min(40vw, 400px);
  top: -16%;
  left: -10%;
}

.landing-canvas-orb-b {
  background: radial-gradient(circle, color-mix(in srgb, var(--lp-accent) 14%, transparent) 0%, transparent 70%);
  width: min(36vw, 360px);
  height: min(36vw, 360px);
  bottom: -14%;
  right: -8%;
}

.landing-main {
  z-index: 1;
  width: 100%;
  padding: calc(var(--lp-nav-h) + 16px) 20px 18px;
  position: relative;
}

.landing-main-pricing {
  padding: calc(var(--lp-nav-h) + 28px) 20px 48px;
}

.landing-main > section {
  scroll-margin-top: calc(var(--lp-nav-h) + 16px);
}

.lp-container {
  max-width: var(--lp-max);
  width: 100%;
  margin: 0 auto;
}

.lp-section {
  z-index: 1;
  margin-bottom: 18px;
  position: relative;
}

.lp-section-hero {
  margin-bottom: 18px;
}

.landing-main-pricing .lp-section-spacious, .landing-main-pricing .lp-section {
  margin-bottom: 56px;
}

.landing-main-pricing .lp-section-hero {
  margin-bottom: 48px;
}

.landing-main-pricing .cta-section {
  margin-top: 8px;
  margin-bottom: 32px;
}

.lp-shell {
  width: 100%;
  max-width: var(--lp-max);
  min-height: min(640px, calc(100vh - var(--lp-nav-h) - 48px));
  border-radius: var(--lp-radius-shell);
  z-index: 2;
  background: var(--lp-shell-fill);
  box-shadow: var(--lp-shell-shadow);
  color: var(--lp-text);
  border: 1px solid #896f58;
  margin: 0 auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lp-shell-compact {
  min-height: 0;
}

.lp-brand-rail {
  z-index: 1;
  color: var(--lp-on-espresso);
  background: linear-gradient(165deg, #3a2c26 0%, #2a211c 28%, #1f1814 58%, #16110e 100%);
  border-right: 1px solid #1d1511;
  flex-direction: column;
  flex: 0 0 min(400px, 38%);
  justify-content: space-between;
  padding: 32px 30px 28px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset -16px 0 36px #00000061, inset 0 1px #d4a5741f, inset 0 -1px #0006;
}

.lp-brand-rail:after {
  content: "";
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(#e0b88873 0%, #c4896a8c 35%, #8f5a4266 70%, #d4a5741f 100%);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.lp-brand-rail:before {
  content: "";
  pointer-events: none;
  z-index: 2;
  opacity: .85;
  background: linear-gradient(#e0b888 0%, #c4896a 40%, #8f5a428c 100%);
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.lp-brand-rail-short {
  flex-basis: min(320px, 34%);
  justify-content: flex-start;
  gap: 16px;
  padding: 28px 26px;
}

.lp-brand-rail .lp-brand-medallion, .landing-page .brandMedallion, .landing-page .brandRing {
  animation: none !important;
}

.lp-brand-content {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  max-width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.landing-main-home .lp-section-hero .px-hero-rail {
  isolation: isolate;
}

.landing-main-home .lp-section-hero .lp-brand-content {
  z-index: 2;
}

.lp-brand-top {
  flex: none;
}

.lp-brand-meta {
  font-family: var(--lp-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #e5d5c6ad;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  font-size: .625rem;
  font-weight: 600;
  display: flex;
}

.lp-brand-meta-tag {
  color: #e0b888;
  letter-spacing: .14em;
  font-weight: 700;
}

.lp-brand-meta-sep {
  opacity: .4;
  color: #d4a574b3;
}

.lp-brand-heading {
  letter-spacing: -.035em;
  text-wrap: balance;
  color: #fbf6f0;
  margin: 0 0 14px;
  font-size: clamp(1.45rem, 2.4vw, 1.75rem);
  font-weight: 700;
  line-height: 1.12;
}

.lp-brand-heading-accent {
  background: linear-gradient(100deg, #e0b888 0%, #d4a574 45%, #c4896a 100%);
  color: #0000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .lp-brand-heading-accent {
    color: #e0b888;
    -webkit-text-fill-color: #e0b888;
  }
}

.lp-brand-title {
  letter-spacing: -.035em;
  color: var(--lp-on-espresso);
  margin: 0;
  font-size: clamp(1.35rem, 2.2vw, 1.65rem);
  font-weight: 700;
  line-height: 1.12;
}

.lp-brand-title-center {
  text-align: center;
  max-width: 18ch;
}

.lp-brand-lede {
  text-wrap: pretty;
  color: #e2e6ef;
  max-width: 34ch;
  margin: 0;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.6;
}

.lp-brand-lede-lead {
  letter-spacing: -.02em;
  color: #fbf6f0;
  max-width: 28ch;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.4;
}

.lp-brand-value-block {
  flex: none;
}

.lp-brand-value-label {
  font-family: var(--lp-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #e0b888cc;
  margin: 0 0 10px;
  font-size: .625rem;
  font-weight: 700;
}

.lp-brand-value-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.lp-brand-value-line {
  border-bottom: 1px solid #e5d5c61a;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  display: flex;
}

.lp-brand-value-line:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.lp-brand-value-icon {
  color: #f0c9a0;
  background: linear-gradient(160deg, #49392c 0%, #2b201a 100%);
  border: 1px solid #b1815f;
  border-radius: 4px;
  flex-shrink: 0;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 13px;
  display: grid;
  box-shadow: inset 0 1px #e0b88838, inset 0 -1px #00000059, 0 1px 3px #0000004d;
}

.lp-brand-value-text {
  color: #fbf6f0;
  letter-spacing: -.01em;
  font-size: .84375rem;
  font-weight: 500;
  line-height: 1.35;
}

.lp-brand-agent {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 14px;
  min-height: 0;
  padding: 12px 0;
  display: flex;
}

.lp-brand-agent-frame {
  aspect-ratio: 1;
  background: linear-gradient(165deg,
      color-mix(in srgb, var(--lp-espresso-rail-top) 80%, var(--lp-espresso-rail-deep)) 0%,
      var(--lp-espresso) 100%);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 32%, var(--lp-espresso-border));
  width: min(100%, 260px);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 14%, transparent),
    0 12px 28px color-mix(in srgb, var(--lp-espresso) 40%, transparent);
  border-radius: 10px;
  place-items: center;
  padding: 6px;
  display: grid;
  overflow: hidden;
}

.lp-brand-agent-img {
  object-fit: contain;
  object-position: center;
  border-radius: 6px;
  width: 100% !important;
  height: 100% !important;
}

.lp-brand-voice {
  text-align: center;
  max-width: 28ch;
  color: color-mix(in srgb, var(--lp-cream-soft) 90%, transparent);
  margin: 0;
  font-size: .875rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.45;
}

.lp-brand-foot {
  border-top: 1px solid color-mix(in srgb, var(--lp-brand-soft) 14%, transparent);
  color: color-mix(in srgb, var(--lp-cream-soft) 70%, var(--lp-text-muted));
  margin: 0;
  padding-top: 12px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.45;
}

.lp-bay {
  z-index: 2;
  min-width: 0;
  min-height: 0;
  color: var(--lp-text);
  background: linear-gradient(165deg, #e8d9c8 0%, #d9c8b4 48%, #d0bda8 100%);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 28px 32px;
  display: flex;
  position: relative;
}

.lp-module {
  border-radius: var(--lp-radius);
  isolation: isolate;
  width: 100%;
  max-width: 480px;
  box-shadow: var(--lp-module-shadow);
  color: var(--lp-text);
  background: linear-gradient(#fffefc 0%, #fffcf8 55%, #faf4ec 100%);
  border: 1px solid #856851;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.lp-module:before {
  content: "";
  pointer-events: none;
  z-index: 4;
  background: linear-gradient(#e0b888 0%, #d4a574 18%, #c4896a 42%, #a86b4e 72%, #6b3a288c 100%);
  width: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.lp-module-cta {
  max-width: none;
}

.lp-bezel {
  color: var(--lp-cream-soft);
  background: linear-gradient(#2f2420 0%, #241c18 48%, #1c1512 100%);
  border-bottom: 1px solid #201713;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 16px 10px 18px;
  display: flex;
  box-shadow: inset 0 1px #d4a57424, 0 1px #0003;
}

.lp-bezel-left {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: inline-flex;
}

.lp-bezel-mark {
  background: linear-gradient(90deg,
      var(--lp-brand-deep) 0%,
      var(--lp-brand) 40%,
      var(--lp-champagne-hi) 100%);
  width: 14px;
  height: 2px;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--lp-espresso) 35%, transparent),
    0 0 6px color-mix(in srgb, var(--lp-brand-soft) 35%, transparent);
  border-radius: 1px;
  flex-shrink: 0;
}

.lp-bezel-label {
  font-family: var(--lp-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #f3e8d3;
  font-size: .72rem;
  font-weight: 650;
}

.lp-bezel-status {
  font-family: var(--lp-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #e5d5c6;
  font-variant-numeric: tabular-nums;
  background: #1f1814;
  border: 1px solid #654c39;
  border-radius: 2px;
  flex-shrink: 0;
  padding: 3px 9px;
  font-size: .6875rem;
  font-weight: 600;
}

.lp-bezel-ready {
  color: #d1e5d6;
  background: #202a21;
  border-color: #49634d;
  box-shadow: 0 0 0 1px #5ba8821f;
}

.lp-module-body {
  padding: 22px 22px 24px;
  position: relative;
}

.lp-module-body-tight {
  padding: 8px 18px 16px;
}

.lp-module-body:before {
  content: "";
  background: linear-gradient(90deg,
      color-mix(in srgb, var(--lp-brand-soft) 55%, transparent) 0%,
      color-mix(in srgb, var(--lp-brand) 22%, transparent) 40%,
      transparent 100%);
  pointer-events: none;
  height: 1px;
  position: absolute;
  top: 0;
  left: 3px;
  right: 0;
}

.lp-display-title {
  letter-spacing: -.035em;
  color: var(--lp-text);
  margin: 0 0 12px;
  font-size: clamp(1.5rem, 2.6vw, 1.85rem);
  font-weight: 700;
  line-height: 1.08;
}

.lp-display-accent {
  background: linear-gradient(100deg, #8f5a42 0%, #c4896a 45%, #d4a574 100%);
  color: #0000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .lp-display-accent {
    color: #8f5a42;
    -webkit-text-fill-color: #8f5a42;
  }
}

.lp-module-title {
  letter-spacing: -.03em;
  text-wrap: balance;
  color: var(--lp-text);
  margin: 0 0 8px;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.15;
}

.lp-body {
  text-wrap: pretty;
  color: var(--lp-text);
  max-width: 42ch;
  margin: 0 0 10px;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.55;
}

.lp-body-muted {
  text-wrap: pretty;
  color: var(--lp-text-secondary);
  max-width: 44ch;
  margin: 0 0 18px;
  font-size: .875rem;
  line-height: 1.55;
}

.lp-actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.lp-footnote {
  border-top: 1px solid color-mix(in srgb, var(--lp-brand-strong) 12%, var(--lp-border-soft));
  color: var(--lp-text-muted);
  font-size: .75rem;
  line-height: 1.45;
  font-family: var(--lp-mono);
  letter-spacing: .02em;
  margin: 10px 0 0;
  padding-top: 10px;
}

.lp-support {
  color: var(--lp-text-muted);
  margin: 14px 0 0;
  font-size: .8125rem;
  line-height: 1.5;
}

.lp-support a, .lp-support-link {
  color: var(--lp-brand-deep);
  vertical-align: middle;
  align-items: center;
  min-height: 44px;
  padding: 0 2px;
  font-weight: 600;
  display: inline-flex;
}

.lp-value-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.lp-value-line {
  border-bottom: 1px solid color-mix(in srgb, var(--lp-brand-strong) 10%, var(--lp-border-soft));
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  display: flex;
}

.lp-value-line:last-child {
  border-bottom: none;
}

.lp-value-icon {
  width: 30px;
  height: 30px;
  color: var(--lp-brand-deep);
  background: linear-gradient(160deg, var(--lp-surface-hover) 0%, var(--lp-surface-recessed) 100%);
  border: 1px solid color-mix(in srgb, var(--lp-brand-strong) 18%, var(--lp-border));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-surface-elevated) 60%, transparent);
  border-radius: 4px;
  flex-shrink: 0;
  place-items: center;
  font-size: 13px;
  display: grid;
}

.lp-value-text {
  color: var(--lp-text);
  letter-spacing: -.01em;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.35;
}

.lp-fact-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-fact-line {
  border-bottom: 1px solid color-mix(in srgb, var(--lp-brand-strong) 10%, var(--lp-border-soft));
  padding: 14px 0;
}

.lp-fact-line:last-child {
  border-bottom: none;
}

.lp-fact-label {
  font-family: var(--lp-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lp-brand-deep);
  margin: 0 0 6px;
  font-size: .625rem;
  font-weight: 700;
}

.lp-fact-body {
  color: var(--lp-text-secondary);
  margin: 0;
  font-size: .84375rem;
  line-height: 1.5;
}

.lp-inline-link {
  color: var(--lp-brand-deep);
  text-underline-offset: 2px;
  font-weight: 600;
  text-decoration: underline;
}

.lp-inline-link:focus-visible {
  outline: 2px solid var(--lp-focus);
  outline-offset: 2px;
  border-radius: 2px;
}

.lp-brand-foot-link {
  color: color-mix(in srgb, var(--lp-brand-soft) 90%, var(--lp-on-espresso));
  text-underline-offset: 2px;
  font-weight: 600;
  text-decoration: underline;
}

.lp-brand-foot-link:hover {
  color: var(--lp-on-espresso);
}

.lp-brand-foot-link:focus-visible {
  outline: 2px solid var(--lp-focus);
  outline-offset: 2px;
  border-radius: 2px;
}

.lp-brand-rail:has(.lp-plan-stack) {
  justify-content: flex-start;
  gap: 12px;
}

.lp-brand-rail:has(.lp-plan-stack) .lp-brand-agent {
  flex: 0 auto;
  gap: 10px;
  padding: 4px 0 8px;
}

.lp-brand-rail:has(.lp-plan-stack) .lp-brand-agent-frame {
  width: min(100%, 200px);
}

.lp-brand-rail:has(.lp-plan-stack) .lp-brand-foot {
  margin-top: auto;
}

.lp-plan-stack {
  border-top: 1px solid color-mix(in srgb, var(--lp-brand-soft) 14%, transparent);
  flex-direction: column;
  flex-shrink: 0;
  gap: 0;
  margin: 0 0 8px;
  padding: 10px 0 0;
  list-style: none;
  display: flex;
}

.lp-plan-stack-line {
  border-bottom: 1px solid color-mix(in srgb, var(--lp-brand-soft) 10%, transparent);
  grid-template-columns: minmax(5.75rem, auto) 1fr;
  align-items: baseline;
  gap: 10px;
  padding: 8px 0;
  display: grid;
}

.lp-plan-stack-names .lp-plan-stack-line {
  grid-template-columns: 1fr;
}

.lp-plan-stack-line:last-child {
  border-bottom: none;
}

.lp-plan-stack-tier {
  font-family: var(--lp-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #f5dcb3;
  font-size: .75rem;
  font-weight: 750;
}

.lp-plan-stack-detail {
  color: #e2e6ef;
  font-size: .9rem;
  font-weight: 450;
  line-height: 1.4;
}

.lp-section-head {
  max-width: 40rem;
  margin: 0 0 18px;
}

.lp-section-head-center {
  text-align: center;
  max-width: 36rem;
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;
}

.lp-section-head-pricing {
  max-width: 40rem;
  margin-bottom: 36px;
}

.lp-section-head-center .lp-kicker {
  display: block;
}

.lp-kicker {
  font-family: var(--lp-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--lp-champagne-hi, #f0c9a0);
  margin: 0 0 10px;
  font-size: .72rem;
  font-weight: 700;
}

.lp-section-title {
  letter-spacing: -.025em;
  text-wrap: balance;
  color: var(--lp-canvas-text, var(--lp-cream, #fbf7f2));
  margin: 0 0 12px;
  font-size: clamp(1.65rem, 2.8vw, 2.2rem);
  font-weight: 750;
  line-height: 1.2;
}

.lp-section-lede {
  text-wrap: pretty;
  color: var(--lp-canvas-text-muted, var(--lp-cream-soft, #e8d9ca));
  max-width: 64ch;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 450;
  line-height: 1.6;
}

.lp-section-head-center .lp-section-lede {
  margin-left: auto;
  margin-right: auto;
}

.cmp-block {
  margin: 0 0 48px;
}

.cmp-block:last-child {
  margin-bottom: 0;
}

.cmp-block-head {
  text-align: center;
  max-width: 40rem;
  margin: 0 auto 28px;
}

.cmp-block-title {
  text-wrap: balance;
  color: var(--lp-canvas-text, var(--lp-cream, #fbf7f2));
  margin: 0 0 10px;
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  font-weight: 700;
  line-height: 1.25;
}

.cmp-block-lede {
  text-wrap: pretty;
  max-width: 48ch;
  color: var(--lp-canvas-text-muted, var(--lp-cream-soft, #e8d9ca));
  margin: 0 auto;
  font-size: .98rem;
  font-weight: 450;
  line-height: 1.55;
}

.cmp-block-matrix {
  border-top: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 14%, transparent);
  padding-top: 8px;
}

.cmp-block-proplus {
  border-top: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 14%, transparent);
  margin-top: 8px;
  padding-top: 16px;
}

.px-channel-head {
  text-align: left;
  max-width: 42rem;
  margin: 0 auto 28px;
}

.px-channel-head-page {
  border-bottom: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 18%, transparent);
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.px-channel-id {
  font-family: var(--lp-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--lp-champagne-hi, #f0c9a0);
  border-bottom: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 45%, transparent);
  margin: 0 0 10px;
  padding: 4px 0;
  font-size: .68rem;
  font-weight: 700;
  display: inline-block;
}

.px-channel-title {
  text-wrap: balance;
  color: var(--lp-canvas-text, var(--lp-cream, #fbf7f2));
  letter-spacing: -.02em;
  margin: 0 0 10px;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 750;
  line-height: 1.2;
}

.px-channel-title-lg {
  font-size: clamp(1.75rem, 3vw, 2.35rem);
}

.px-channel-lede {
  text-wrap: pretty;
  max-width: 52ch;
  color: var(--lp-canvas-text-muted, var(--lp-cream-soft, #e8d9ca));
  margin: 0;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.55;
}

.px-block .px-channel-head {
  margin-bottom: 24px;
}

.px-hero-shell {
  min-height: min(420px, calc(100vh - var(--lp-nav-h) - 80px));
}

.px-hero-title {
  max-width: 14ch;
}

.landing-main-pricing .px-hero-shell, .landing-main-pricing .px-ticket, .landing-main-pricing .cmp-bay, .landing-main-pricing .cmp-proplus-module, .landing-main-pricing .px-account-module {
  will-change: transform, opacity;
}

.landing-main-pricing .landing-canvas-orb {
  will-change: transform;
}

.landing-main-home .lp-shell, .landing-main-home .lp-tile, .landing-main-home .lp-path-step, .landing-main-home .lp-close, .landing-main-home .lp-close-agent-img {
  will-change: transform, opacity;
}

.landing-main-home .landing-canvas-orb {
  will-change: transform;
}

@media (prefers-reduced-motion: no-preference) {
  .landing-main-home.lp-motion-ready .lp-section-hero .lp-shell, .landing-main-home.lp-motion-ready .lp-section-hero .lp-brand-meta, .landing-main-home.lp-motion-ready .lp-section-hero .lp-brand-lede, .landing-main-home.lp-motion-ready .lp-section-hero .lp-brand-value-block, .landing-main-home.lp-motion-ready .lp-section-hero .lp-brand-value-line, .landing-main-home.lp-motion-ready .lp-section-hero .lp-brand-foot, .landing-main-home.lp-motion-ready .lp-section-hero .lp-module, .landing-main-home.lp-motion-ready .lp-section-hero .lp-bezel, .landing-main-home.lp-motion-ready .lp-section-hero .lp-module-body > *, .landing-main-home.lp-motion-ready .lp-section-hero .lp-actions > *, .landing-main-home.lp-motion-ready #workspace .lp-band-head, .landing-main-home.lp-motion-ready #workspace .lp-tile, .landing-main-home.lp-motion-ready #access .lp-path-intro, .landing-main-home.lp-motion-ready #access .lp-path-step, .landing-main-home.lp-motion-ready #start .lp-close, .landing-main-home.lp-motion-ready #start .lp-close-copy, .landing-main-home.lp-motion-ready #start .lp-close-copy > *, .landing-main-home.lp-motion-ready #start .lp-actions > * {
    opacity: 0;
  }

  .landing-main-home.lp-motion-ready #start .lp-close-agent-img {
    opacity: 0;
    filter: blur(14px);
    transform-origin: 50% 60%;
    transform: scale(.55)translateY(18px);
  }

  .landing-main-home.lp-motion-reduced .lp-shell, .landing-main-home.lp-motion-reduced .lp-tile, .landing-main-home.lp-motion-reduced .lp-path-step, .landing-main-home.lp-motion-reduced .lp-close, .landing-main-home.lp-motion-reduced .lp-close-agent-img {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  .landing-main-pricing.px-motion-ready .px-hero-shell, .landing-main-pricing.px-motion-ready .px-hero-rail .lp-brand-meta, .landing-main-pricing.px-motion-ready .px-hero-title, .landing-main-pricing.px-motion-ready .px-hero-rail .lp-brand-lede, .landing-main-pricing.px-motion-ready .px-hero-module, .landing-main-pricing.px-motion-ready #pricing-title-wrap, .landing-main-pricing.px-motion-ready .cmp-billing-toggle, .landing-main-pricing.px-motion-ready .px-ticket, .landing-main-pricing.px-motion-ready .cmp-block-matrix > .px-channel-head, .landing-main-pricing.px-motion-ready .cmp-block-matrix .cmp-bay, .landing-main-pricing.px-motion-ready .cmp-block-matrix .cmp-shell, .landing-main-pricing.px-motion-ready .cmp-block-matrix .cmp-bezel, .landing-main-pricing.px-motion-ready .cmp-block-matrix thead th, .landing-main-pricing.px-motion-ready .cmp-block-matrix tbody tr, .landing-main-pricing.px-motion-ready .cmp-block-proplus > .px-channel-head, .landing-main-pricing.px-motion-ready .cmp-proplus-module, .landing-main-pricing.px-motion-ready .cmp-proplus-feature-item, .landing-main-pricing.px-motion-ready .cmp-proplus-metric-box, .landing-main-pricing.px-motion-ready .px-account > .lp-container > .px-channel-head, .landing-main-pricing.px-motion-ready .px-account-module, .landing-main-pricing.px-motion-ready .px-account .lp-actions > * {
    opacity: 0;
  }

  .landing-main-pricing.px-motion-ready .cmp-block-matrix tbody tr, .landing-main-pricing.px-motion-ready .cmp-block-matrix .cmp-bay, .landing-main-pricing.px-motion-ready .cmp-block-matrix .cmp-shell {
    will-change: transform, opacity;
  }

  .landing-main-pricing.px-motion-ready .px-account .lp-cta-agent-img {
    opacity: 0;
    filter: blur(14px);
    transform-origin: 50% 60%;
    will-change: transform, opacity, filter;
    transform: scale(.55)translateY(18px);
  }

  .landing-main-pricing.px-motion-reduced [style], .landing-main-pricing.px-motion-reduced .px-hero-shell, .landing-main-pricing.px-motion-reduced .px-ticket, .landing-main-pricing.px-motion-reduced .lp-cta-agent-img {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}

.px-hero-rail {
  isolation: isolate;
}

.px-hero-agent-backdrop {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.px-hero-agent-glow {
  filter: blur(16px);
  opacity: .4;
  will-change: transform, opacity;
  background: radial-gradient(58% 48% at 50% 62%, #00b4ff61 0%, #00d4ff24 44%, #0000 74%);
  border-radius: 50%;
  width: min(108%, 400px);
  height: min(72%, 340px);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.px-hero-agent-core {
  filter: blur(10px);
  opacity: .45;
  will-change: transform, opacity;
  background: radial-gradient(circle, #00d4ff94 0%, #00b4ff33 48%, #0000 74%);
  border-radius: 50%;
  width: min(40%, 150px);
  height: min(26%, 110px);
  position: absolute;
  bottom: 18%;
  left: 50%;
  transform: translateX(-50%);
}

.px-hero-agent-figure {
  opacity: .92;
  will-change: transform, opacity, filter;
  filter: drop-shadow(0 16px 32px #0000008c);
  width: min(104%, 360px);
  max-width: 360px;
  position: absolute;
  bottom: -6%;
  left: 54%;
  -webkit-mask-image: radial-gradient(88% 92% at 50% 48%, #000 0% 70%, #000000bf 86%, #0000 100%);
  mask-image: radial-gradient(88% 92% at 50% 48%, #000 0% 70%, #000000bf 86%, #0000 100%);
}

.px-hero-agent-img {
  object-fit: contain;
  object-position: center bottom;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  width: 100%;
  height: auto;
  display: block;
}

.px-hero-agent-scrim {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(#16110ed1 0%, #16110e7a 22%, #16110e1a 42%, #0000 62%);
  position: absolute;
  inset: 0;
}

.px-hero-module .lp-module-body {
  gap: 12px;
}

.px-hero-rail .lp-brand-content {
  z-index: 2;
  flex-direction: column;
  min-height: 100%;
  display: flex;
  position: relative;
}

.px-ticket {
  border-radius: var(--lp-radius-shell, 8px);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 22%, var(--lp-espresso-border));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 12%, transparent),
    0 14px 36px -12px #0000008c;
  background: linear-gradient(#1c1612 0%, #120e0b 100%);
  padding: 0;
  overflow: hidden;
}

.px-ticket.is-featured {
  border-color: color-mix(in srgb, var(--lp-champagne-hi) 55%, var(--lp-brand));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 28%, transparent),
    0 16px 40px -10px #0009,
    0 0 0 1px color-mix(in srgb, var(--lp-brand) 25%, transparent);
}

.px-ticket-bezel {
  border-bottom: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 18%, transparent);
  background: linear-gradient(#503f35 0%, #241c18 46%, #1a1411 100%);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 11px 14px 11px 12px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #f0c9a024, inset 0 -1px #00000059;
}

.px-ticket-bezel:before {
  content: "";
  opacity: .9;
  pointer-events: none;
  background: linear-gradient(#f0c9a0bf 0%, #c4896ab3 55%, #8f5a4273 100%);
  border-radius: 0 1px 1px 0;
  width: 2px;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
}

.px-ticket.is-featured .px-ticket-bezel {
  border-bottom-color: color-mix(in srgb, var(--lp-champagne-hi) 28%, transparent);
  background: linear-gradient(#655041 0%, #2a211c 48%, #1c1612 100%);
  box-shadow: inset 0 1px #f0c9a038, inset 0 -1px #0000004d;
}

.px-ticket-tag {
  z-index: 1;
  max-width: min(100%, 11.5rem);
  min-height: 24px;
  font-family: var(--lp-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 92%, #fff 8%);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 28%, transparent);
  background: linear-gradient(165deg, #715b4b 0%, #2e221c 100%);
  border-radius: 9999px;
  align-items: center;
  gap: 7px;
  padding: 4px 9px 4px 7px;
  font-size: .62rem;
  font-weight: 700;
  line-height: 1.15;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fff6e81a, 0 1px #00000059;
}

.px-ticket-tag:before {
  content: "";
  background: radial-gradient(circle at 35% 35%, #f8e2c0 0%, #d4a574 55%, #a66b4f 100%);
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 1px #f0c9a059, 0 0 8px #f0c9a059;
}

.px-ticket.is-featured .px-ticket-tag {
  color: #17110a;
  background: linear-gradient(135deg, #f5dcb3 0%, #e0b888 48%, #d4a574 100%);
  border-color: #dcac88;
  box-shadow: inset 0 1px #ffffff73, 0 2px 8px #d4a57447;
}

.px-ticket.is-featured .px-ticket-tag:before {
  background: radial-gradient(circle at 35% 35%, #2a211c 0%, #17110a 100%);
  box-shadow: 0 0 0 1px #17110a66;
}

.px-ticket-flag {
  z-index: 1;
  min-height: 24px;
  font-family: var(--lp-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #17110a;
  background: linear-gradient(135deg, #f5dcb3 0%, #e0b888 52%, #d4a574 100%);
  border: 1px solid #daa985;
  border-radius: 9999px;
  flex: none;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  font-size: .6rem;
  font-weight: 700;
  line-height: 1.15;
  display: inline-flex;
  position: relative;
  box-shadow: inset 0 1px #ffffff6b, 0 2px 8px #d4a57440;
}

.px-ticket-flag .anticon {
  opacity: .9;
  font-size: .7rem;
}

.px-ticket-flag-quiet {
  color: color-mix(in srgb, var(--lp-cream-soft, #e8d9ca) 78%, #f0c9a0 22%);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 26%, transparent);
  background: linear-gradient(#2a211ccc 0%, #16110eeb 100%);
  box-shadow: inset 0 1px #f0c9a014, inset 0 -1px #0000004d;
}

.px-ticket-body {
  margin-bottom: 0;
  padding: 18px 18px 0;
}

.px-ticket .cmp-plan-card-name {
  margin-bottom: 8px;
  font-size: 1.55rem;
}

.px-ticket-price {
  border-top: 1px dashed color-mix(in srgb, var(--lp-champagne-hi) 22%, transparent);
  margin: 14px 18px 0;
  padding: 12px 0 4px;
}

.px-ticket .cmp-plan-card-action {
  margin-top: auto;
  padding: 16px 18px 18px;
}

.px-ticket:hover {
  transform: translateY(-2px);
}

.px-account .px-channel-head {
  margin-bottom: 22px;
}

.px-account-module {
  max-width: 720px;
  margin: 0 auto;
}

@media (max-width: 720px) {
  .px-channel-head, .px-channel-head-page {
    text-align: left;
  }

  .px-hero-agent-figure {
    opacity: .78;
    width: min(92%, 300px);
    bottom: -10%;
  }

  .px-hero-agent-glow {
    width: min(100%, 300px);
    height: min(64%, 260px);
  }

  .px-hero-agent-scrim {
    background: linear-gradient(#16110ee0 0%, #16110e94 28%, #16110e2e 48%, #0000 70%);
  }
}

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

.cmp-bay {
  border-radius: var(--lp-radius-shell);
  background: radial-gradient(ellipse 80% 60% at 50% -20%,
      color-mix(in srgb, var(--lp-champagne-hi) 8%, transparent) 0%,
      transparent 60%),
    linear-gradient(165deg, #1e1812 0%, #15110d 100%);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 22%, #ffffff0a);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 10%, transparent),
    0 16px 40px -8px #0009;
  padding: 14px;
  position: relative;
}

.cmp-shell {
  border-radius: var(--lp-radius);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 18%, #ffffff0a);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 12%, transparent),
    0 4px 20px #0006;
  color: #e2e6ef;
  background: #18130f;
  position: relative;
  overflow: hidden;
}

.cmp-shell:before {
  content: "";
  background: linear-gradient(180deg,
      var(--lp-champagne-hi) 0%,
      var(--lp-brand-soft) 30%,
      var(--lp-brand) 70%,
      var(--lp-brand-dark) 100%);
  z-index: 5;
  pointer-events: none;
  width: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.cmp-bezel {
  z-index: 4;
  position: relative;
}

.cmp-scroll {
  -webkit-overflow-scrolling: touch;
  outline: none;
  position: relative;
  overflow-x: auto;
}

.cmp-scroll:focus-visible {
  box-shadow: inset 0 0 0 2px var(--lp-focus);
}

.cmp-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 760px;
  font-size: .9rem;
}

.cmp-table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 25%, transparent);
  text-align: center;
  z-index: 2;
  background: #13100c;
  padding: 18px 14px 16px;
  position: sticky;
  top: 0;
}

.cmp-feature-col {
  font-family: var(--lp-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #f3e8d3;
  z-index: 3;
  width: 13rem;
  min-width: 13rem;
  box-shadow: 1px 0 0 color-mix(in srgb, var(--lp-champagne-hi) 20%, transparent);
  background: #13100c;
  font-size: .7rem;
  font-weight: 750;
  position: sticky;
  left: 0;
  text-align: left !important;
  padding-left: 18px !important;
}

.cmp-plan-col.is-featured {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lp-champagne-hi) 30%, transparent),
    inset 3px 0 0 color-mix(in srgb, var(--lp-champagne-hi) 55%, transparent);
  background: #f4dcb30f;
}

.cmp-plan-head {
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 7.75rem;
  display: flex;
}

.cmp-plan-badge {
  font-family: var(--lp-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #17110a;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--lp-champagne-hi) 30%, transparent);
  background: linear-gradient(135deg, #f5dcb3 0%, #d8ab64 100%);
  border-radius: 4px;
  padding: 3px 10px;
  font-size: .7rem;
  font-weight: 750;
  line-height: 1.3;
}

.cmp-plan-badge-spacer {
  visibility: hidden;
  box-shadow: none;
  background: none;
}

.cmp-plan-name {
  letter-spacing: -.02em;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 750;
}

.cmp-plan-price {
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 3px;
  display: flex;
}

.cmp-plan-price-main {
  font-family: var(--lp-mono);
  letter-spacing: -.02em;
  color: #fff0d4;
  font-variant-numeric: tabular-nums;
  font-size: 1.35rem;
  font-weight: 750;
}

.cmp-plan-price-sub {
  font-family: var(--lp-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #e2e6ef;
  font-size: .8rem;
  font-weight: 600;
}

.cmp-group-row th {
  text-align: left;
  font-family: var(--lp-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #f3e8d3;
  border-top: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 20%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 10%, transparent);
  z-index: 1;
  background: #fff0d40a;
  padding: 12px 18px 8px;
  font-size: .7rem;
  font-weight: 750;
  position: sticky;
  left: 0;
}

.cmp-feature-label {
  text-align: left;
  color: #fff;
  z-index: 1;
  background: #18130f;
  border-bottom: 1px solid #fff0d412;
  width: 13rem;
  min-width: 13rem;
  padding: 13px 14px 13px 18px;
  font-size: .9rem;
  font-weight: 550;
  position: sticky;
  left: 0;
  box-shadow: 1px 0 #fff0d414;
}

.cmp-table tbody tr:hover .cmp-feature-label {
  background: #221a13;
}

.cmp-table tbody tr:hover .cmp-cell {
  background: #f3e8d30a;
}

.cmp-table tbody tr:hover .cmp-cell.is-featured {
  background: #f4dcb31a;
}

.cmp-cell {
  text-align: center;
  color: #e2e6ef;
  vertical-align: middle;
  transition: background var(--lp-t);
  background: #18130f;
  border-bottom: 1px solid #fff0d412;
  padding: 13px 14px;
  font-size: .88rem;
  font-weight: 500;
}

.cmp-cell.is-featured {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--lp-champagne-hi) 50%, transparent);
  background: #f4dcb30f;
}

.cmp-cell.is-out {
  color: #6b7280;
}

.cmp-yes {
  color: #17110a;
  background: linear-gradient(135deg, #f5dcb3 0%, #d8ab64 100%);
  border: 1px solid #fff0d4;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 11px;
  display: inline-flex;
  box-shadow: 0 2px 6px #0000004d;
}

.cmp-no {
  color: #8c92a4;
  opacity: .85;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  display: inline-flex;
}

.cmp-text {
  font-family: var(--lp-mono);
  letter-spacing: .02em;
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-size: .85rem;
  font-weight: 650;
}

.cmp-cta-cell {
  vertical-align: middle;
  background: #13100c;
  border-bottom: none;
  padding: 14px 10px 16px;
}

.cmp-cta-cell.is-featured {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--lp-champagne-hi) 55%, transparent);
  background: #f4dcb30f;
}

.cmp-cta-cell .landing-btn {
  white-space: normal;
  width: 100%;
  min-height: 40px;
  padding: 0 10px;
  font-size: .75rem;
  line-height: 1.25;
}

.cmp-billing-toggle-wrap {
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 8px;
  display: flex;
}

.cmp-billing-toggle {
  background: color-mix(in srgb, var(--lp-brand-deep) 30%, #14100ceb);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 30%, var(--lp-espresso-border));
  isolation: isolate;
  border-radius: 9999px;
  align-items: center;
  gap: 0;
  padding: 4px;
  display: inline-flex;
  position: relative;
  box-shadow: inset 0 2px 4px #0006, 0 4px 16px #00000040;
}

.cmp-toggle-thumb {
  z-index: 0;
  pointer-events: none;
  width: 0;
  height: calc(100% - 8px);
  box-shadow: 0 2px 10px color-mix(in srgb, var(--lp-champagne-hi) 40%, transparent),
    inset 0 1px 0 #fff6e88c;
  will-change: transform, width;
  background: linear-gradient(135deg, #f5dcb3 0%, #d8ab64 100%);
  border-radius: 9999px;
  position: absolute;
  top: 4px;
  left: 4px;
}

.cmp-toggle-btn {
  z-index: 1;
  color: #c8cedb;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 9999px;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 18px;
  font-size: .88rem;
  font-weight: 600;
  transition: color .16s ease-out;
  display: flex;
  position: relative;
}

.cmp-toggle-btn:focus-visible {
  outline: 2px solid var(--lp-focus, #c4896a);
  outline-offset: 2px;
}

.cmp-toggle-btn.is-active {
  color: #17110a;
  box-shadow: none;
  background: none;
  font-weight: 700;
}

.cmp-toggle-savings {
  text-transform: uppercase;
  background: color-mix(in srgb, var(--lp-brand) 40%, #14100ce6);
  color: var(--lp-champagne-hi);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 35%, transparent);
  font-variant-numeric: tabular-nums;
  border-radius: 9999px;
  padding: 2px 8px;
  font-size: .68rem;
  font-weight: 700;
}

.cmp-toggle-btn.is-active .cmp-toggle-savings {
  color: #fff0d4;
  background: #17110a;
  border-color: #d8ab64;
}

.cmp-plan-cards-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  margin-top: 8px;
  margin-bottom: 0;
  display: grid;
}

.cmp-block .cmp-billing-toggle-wrap {
  margin-top: 22px;
  margin-bottom: 0;
}

.cmp-plan-card {
  border-radius: var(--lp-radius-shell, 8px);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 20%, var(--lp-espresso-border));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 15%, transparent),
    0 12px 32px -8px #00000080;
  background: linear-gradient(#1c1612 0%, #120e0b 100%);
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 24px;
  transition: transform .16s ease-out, border-color .16s ease-out, box-shadow .16s ease-out;
  display: flex;
  position: relative;
}

.cmp-plan-card:hover {
  border-color: color-mix(in srgb, var(--lp-champagne-hi) 45%, var(--lp-espresso-border));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 30%, transparent),
    0 20px 44px -10px #000000a6;
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .cmp-plan-card, .cmp-toggle-btn {
    transition: none;
  }

  .cmp-plan-card:hover {
    transform: none;
  }

  .cmp-toggle-thumb {
    will-change: auto;
    transition: none;
  }
}

.cmp-plan-card.is-featured {
  border-color: color-mix(in srgb, var(--lp-champagne-hi) 60%, var(--lp-brand));
  background: radial-gradient(140% 140% at 85% -10%,
      color-mix(in srgb, var(--lp-champagne-hi) 18%, transparent) 0%,
      color-mix(in srgb, var(--lp-brand) 20%, transparent) 45%,
      transparent 70%),
    linear-gradient(165deg, #221a12 0%, #14100b 100%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 40%, transparent),
    0 18px 48px -10px #000000b3,
    0 0 32px color-mix(in srgb, var(--lp-brand) 22%, transparent);
}

.cmp-plan-card.is-current {
  border-color: color-mix(in srgb, var(--lp-brand) 80%, var(--lp-champagne-hi));
}

.cmp-plan-card-badge {
  color: #17110a;
  text-transform: uppercase;
  letter-spacing: .08em;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--lp-champagne-hi) 35%, transparent);
  white-space: nowrap;
  background: linear-gradient(135deg, #f5dcb3 0%, #d8ab64 100%);
  border-radius: 9999px;
  align-items: center;
  padding: 4px 14px;
  font-size: .7rem;
  font-weight: 800;
  display: flex;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
}

.cmp-plan-card-header {
  margin-bottom: 16px;
}

.cmp-plan-card-tag {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--lp-champagne-hi);
  margin-bottom: 6px;
  font-size: .68rem;
  font-weight: 700;
  display: block;
}

.cmp-plan-card-name {
  color: #fff;
  letter-spacing: -.015em;
  text-wrap: balance;
  margin: 0 0 6px;
  font-size: 1.45rem;
  font-weight: 700;
}

.cmp-plan-card-desc {
  color: #c8cedb;
  text-wrap: pretty;
  min-height: 0;
  margin: 0;
  font-size: .88rem;
  font-weight: 450;
  line-height: 1.5;
}

.cmp-plan-card-pricing {
  border-bottom: none;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 8px;
  margin: 16px 0 20px;
  padding-bottom: 0;
  display: flex;
}

.cmp-plan-card-save {
  text-transform: uppercase;
  color: #17110a;
  background: var(--lp-champagne-hi, #f0c9a0);
  font-variant-numeric: tabular-nums;
  border-radius: 9999px;
  margin-left: auto;
  padding: 3px 8px;
  font-size: .68rem;
  font-weight: 700;
}

.cmp-annual-ladder-slot {
  justify-content: center;
  align-items: center;
  min-height: 3.25rem;
  margin-top: 12px;
  display: flex;
  overflow: hidden;
}

.cmp-annual-ladder-slot[data-open="false"] .cmp-annual-ladder {
  pointer-events: none;
}

.cmp-annual-ladder-slot[data-open="false"] .cmp-annual-ladder-rule, .cmp-annual-ladder-slot[data-open="false"] .cmp-annual-ladder-kicker, .cmp-annual-ladder-slot[data-open="false"] .cmp-annual-tier {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .cmp-annual-ladder-slot[data-open="true"] .cmp-annual-ladder-rule, .cmp-annual-ladder-slot[data-open="true"] .cmp-annual-ladder-kicker, .cmp-annual-ladder-slot[data-open="true"] .cmp-annual-tier {
    opacity: 1;
    transform: none;
  }
}

.cmp-annual-ladder {
  text-align: center;
  width: 100%;
  max-width: 40rem;
  color: var(--lp-canvas-text-muted, var(--lp-cream-soft, #e8d9ca));
  font-variant-numeric: tabular-nums;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
  display: flex;
}

.cmp-annual-ladder-rule {
  background: linear-gradient(90deg,
      transparent 0%,
      color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 55%, transparent) 22%,
      color-mix(in srgb, var(--lp-brand, #c4896a) 70%, transparent) 50%,
      color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 55%, transparent) 78%,
      transparent 100%);
  transform-origin: 50%;
  will-change: transform, opacity;
  border-radius: 1px;
  width: min(14rem, 56%);
  height: 1px;
  display: block;
}

.cmp-annual-ladder-kicker {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 82%, #fff 18%);
  will-change: transform, opacity;
  font-size: .68rem;
  font-weight: 650;
}

.cmp-annual-ladder-tiers {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px 8px;
  display: flex;
}

.cmp-annual-tier {
  color: var(--lp-canvas-text-muted, #e8d9ca);
  background: color-mix(in srgb, #1c1612 88%, var(--lp-champagne-hi, #f0c9a0) 12%);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 22%, transparent);
  will-change: transform, opacity;
  border-radius: 9999px;
  align-items: baseline;
  gap: 5px;
  padding: 4px 10px;
  font-size: .78rem;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffff0f;
}

.cmp-annual-tier-name {
  opacity: .88;
  font-weight: 500;
}

.cmp-annual-tier-pct {
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 90%, #fff 10%);
  font-weight: 700;
}

@media (max-width: 520px) {
  .cmp-annual-ladder-slot {
    min-height: 4.5rem;
  }

  .cmp-annual-tier {
    padding: 4px 8px;
    font-size: .74rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cmp-annual-ladder-rule, .cmp-annual-ladder-kicker, .cmp-annual-tier {
    will-change: auto;
  }
}

.cmp-block-matrix .cmp-bay {
  margin-top: 4px;
  padding: 18px;
}

.cmp-plan-card-price {
  color: #fff;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1;
}

.cmp-plan-card-period {
  color: #bdc4d4;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  font-size: .84rem;
  font-weight: 450;
}

.cmp-plan-card-bullets {
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  display: flex;
}

.cmp-plan-card-bullets li {
  color: #d8dde8;
  align-items: flex-start;
  gap: 10px;
  font-size: .88rem;
  font-weight: 450;
  line-height: 1.5;
  display: flex;
}

.cmp-card-check {
  color: #f5dcb3;
  flex-shrink: 0;
  margin-top: 3px;
  font-size: 13px;
}

.cmp-plan-card-action {
  margin-top: auto;
}

.cmp-proplus {
  margin-top: 36px;
}

@keyframes proplusPulseGlow {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .72;
  }
}

.cmp-proplus-module {
  border-radius: var(--lp-radius-shell, 16px);
  background: radial-gradient(130% 150% at 90% -30%,
      color-mix(in srgb, var(--lp-champagne-hi) 18%, transparent) 0%,
      color-mix(in srgb, var(--lp-brand) 16%, transparent) 40%,
      transparent 70%),
    radial-gradient(100% 120% at 10% 120%,
      color-mix(in srgb, var(--lp-brand-deep) 25%, transparent) 0%,
      transparent 65%),
    linear-gradient(165deg,
      #1c1610 0%,
      #130f0b 100%);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 45%, var(--lp-espresso-border));
  max-width: 860px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 35%, transparent),
    0 20px 48px -12px #000000a6;
  margin: 0 auto;
  transition: transform .16s ease-out, border-color .16s ease-out, box-shadow .16s ease-out;
  position: relative;
  overflow: hidden;
}

.cmp-proplus-module:hover {
  border-color: color-mix(in srgb, var(--lp-champagne-hi) 65%, var(--lp-espresso-border));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 50%, transparent),
    0 26px 56px -10px #000000bf;
  transform: translateY(-2px);
}

.cmp-proplus-glow {
  background: radial-gradient(circle, color-mix(in srgb, var(--lp-champagne-hi) 14%, transparent) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
  border-radius: 50%;
  width: 320px;
  height: 320px;
  position: absolute;
  top: -120px;
  right: -120px;
}

.cmp-proplus-module:before {
  content: "";
  background: linear-gradient(180deg,
      #fff0d4 0%,
      var(--lp-champagne-hi) 30%,
      var(--lp-champagne) 65%,
      var(--lp-brand-deep) 100%);
  z-index: 5;
  pointer-events: none;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.cmp-proplus-bezel {
  border-bottom: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 20%, #ffffff0f);
  background: #120e0ae0;
}

.cmp-proplus-pulse {
  background: var(--lp-champagne-hi);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  animation: none;
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  .cmp-proplus-module {
    transition: none;
  }

  .cmp-proplus-module:hover {
    transform: none;
  }

  .cmp-proplus-pulse {
    animation: none;
  }
}

.cmp-proplus-bezel-label {
  color: var(--lp-champagne-hi);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 600;
}

.cmp-proplus-status {
  color: #fff0d4;
  border-color: color-mix(in srgb, var(--lp-champagne-hi) 45%, transparent);
  background: color-mix(in srgb, var(--lp-brand-deep) 35%, #14100ccc);
  box-shadow: 0 0 12px color-mix(in srgb, var(--lp-champagne-hi) 15%, transparent);
  border-radius: 9999px;
  padding: 4px 12px;
  font-size: .75rem;
  font-weight: 600;
}

.cmp-proplus-body {
  z-index: 2;
  padding: 32px 36px 36px;
  position: relative;
}

.cmp-proplus-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

.cmp-proplus-title-group {
  flex: 1;
  min-width: 280px;
}

.cmp-proplus-badge-row {
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.cmp-proplus-kicker {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--lp-champagne-hi);
  font-size: .72rem;
  font-weight: 700;
}

.cmp-proplus-pill {
  text-transform: uppercase;
  letter-spacing: .06em;
  background: color-mix(in srgb, var(--lp-champagne-hi) 12%, transparent);
  color: color-mix(in srgb, var(--lp-champagne-hi) 90%, #fff);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 25%, transparent);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: .68rem;
  font-weight: 600;
}

.cmp-proplus-title {
  color: #fff;
  letter-spacing: -.015em;
  background: linear-gradient(180deg, #fff 40%, color-mix(in srgb, var(--lp-champagne-hi) 85%, #fff) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
}

.cmp-proplus-metric-box {
  background: color-mix(in srgb, var(--lp-brand-deep) 20%, #140f0abf);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 32%, transparent);
  text-align: center;
  min-width: 160px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi) 20%, transparent), 0 8px 20px #0000004d;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 14px 20px;
}

.cmp-proplus-metric-label {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #f5dcb3;
  margin-bottom: 2px;
  font-size: .72rem;
  font-weight: 650;
}

.cmp-proplus-metric-value {
  color: #fff0d4;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.1;
  display: flex;
}

.cmp-proplus-metric-from {
  color: #bdc4d4;
  font-size: 1.25rem;
}

.cmp-proplus-metric-arrow {
  color: var(--lp-champagne-hi);
  font-size: 1.1rem;
}

.cmp-proplus-metric-to {
  color: var(--lp-champagne-hi);
  text-shadow: 0 0 12px color-mix(in srgb, var(--lp-champagne-hi) 40%, transparent);
  font-size: 2.1rem;
}

.cmp-proplus-metric-sub {
  color: #c8cedb;
  margin-top: 2px;
  font-size: .75rem;
  font-weight: 500;
}

.cmp-proplus-lede {
  color: #d8dde8;
  margin-top: 18px;
  margin-bottom: 24px;
  font-size: 1rem;
  font-weight: 430;
  line-height: 1.65;
}

.cmp-proplus-lede strong {
  color: var(--lp-champagne-hi);
  font-weight: 600;
}

.cmp-proplus-features-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin-bottom: 28px;
  display: grid;
}

.cmp-proplus-feature-item {
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 16%, #ffffff0a);
  background: #ffffff08;
  border-radius: 10px;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  transition: background .2s, border-color .2s;
  display: flex;
}

.cmp-proplus-feature-item:hover {
  background: color-mix(in srgb, var(--lp-champagne-hi) 6%, #ffffff0a);
  border-color: color-mix(in srgb, var(--lp-champagne-hi) 32%, transparent);
}

.cmp-proplus-feature-icon {
  background: color-mix(in srgb, var(--lp-brand-deep) 40%, #f3e8d31a);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 35%, transparent);
  width: 34px;
  height: 34px;
  color: var(--lp-champagne-hi);
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  display: flex;
  box-shadow: 0 2px 8px #0003;
}

.cmp-proplus-feature-content {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.cmp-proplus-feature-title {
  color: #fff;
  font-size: .84rem;
  font-weight: 600;
}

.cmp-proplus-feature-desc {
  color: #bdc4d4;
  font-size: .8rem;
  font-weight: 430;
  line-height: 1.45;
}

.cmp-proplus-actions {
  border-top: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 16%, #ffffff0d);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 10px;
  display: flex;
}

.cmp-proplus-btn {
  color: #17110a !important;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--lp-champagne-hi) 30%, transparent) !important;
  background: linear-gradient(135deg, #f5dcb3 0%, #d8ab64 50%, #b88944 100%) !important;
  border: 1px solid #fff0d4 !important;
  font-weight: 700 !important;
  transition: all .2s cubic-bezier(.16, 1, .3, 1) !important;
}

.cmp-proplus-btn:hover {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--lp-champagne-hi) 45%, transparent) !important;
  background: linear-gradient(135deg, #fff0d4 0%, #e6ba75 50%, #c99a52 100%) !important;
  transform: translateY(-1px) !important;
}

.cmp-proplus-guarantee {
  color: #c8cedb;
  align-items: center;
  font-size: .82rem;
  font-weight: 450;
  display: flex;
}

@media (max-width: 640px) {
  .cmp-proplus-body {
    padding: 20px 18px 24px;
  }

  .cmp-proplus-header {
    flex-direction: column;
  }

  .cmp-proplus-metric-box {
    width: 100%;
  }

  .cmp-proplus-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .cmp-proplus-btn {
    justify-content: center;
    width: 100%;
  }
}

.lp-cta-body {
  align-items: center;
  gap: 24px;
  display: flex;
}

.lp-cta-agent {
  isolation: isolate;
  background: linear-gradient(165deg, var(--lp-surface-soft) 0%, var(--lp-surface-recessed) 100%);
  border: 1px solid color-mix(in srgb, var(--lp-brand-strong) 16%, var(--lp-border));
  width: 128px;
  height: 128px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-surface-elevated) 70%, transparent);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  padding: 4px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.landing-main-pricing .px-account .lp-cta-agent:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .85;
  background: radial-gradient(70% 65% at 50% 58%, #00b4ff38 0%, #0000 62%), radial-gradient(90% 90%, #16110e8c 0%, #0000 72%);
  border-radius: 6px;
  position: absolute;
  inset: 3px;
}

.lp-cta-agent-img {
  z-index: 1;
  object-fit: contain;
  border-radius: 6px;
  position: relative;
  width: 100% !important;
  height: 100% !important;
}

.lp-cta-copy {
  flex: 1;
  min-width: 0;
}

.landing-btn {
  min-height: 44px;
  font-family: var(--lp-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background var(--lp-t), border-color var(--lp-t), box-shadow var(--lp-t), filter var(--lp-t), color var(--lp-t);
  border: 1px solid #0000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: .75rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

a.landing-btn {
  color: unset;
}

.landing-btn:focus-visible {
  outline: 2px solid var(--lp-focus);
  outline-offset: 2px;
}

.landing-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.landing-btn-primary {
  text-shadow: none;
  background: linear-gradient(#f7dcb4 0%, #f0c9a0 18%, #e8c49a 42%, #e0b888 72%, #d4a574 100%);
  border-color: #f0c9a0;
  box-shadow: inset 0 1px #ffffff8c, 0 2px 10px #e0b88859;
  color: #0e0b09 !important;
}

.landing-btn-primary:hover:not(:disabled) {
  filter: brightness(1.06);
  box-shadow: inset 0 1px #ffffff80, 0 4px 16px #e0b88866;
  color: #0e0b09 !important;
}

.landing-btn-primary:active:not(:disabled) {
  filter: brightness(.96);
  color: #0e0b09 !important;
}

.landing-btn-quiet {
  background: linear-gradient(#2a211c 0%, #1c1612 100%);
  border-color: #5e3e2f;
  box-shadow: inset 0 1px #e0b8881f, 0 1px 3px #14100c24;
  color: #fbf7f2 !important;
}

.landing-btn-quiet:hover:not(:disabled) {
  background: linear-gradient(#3a2e26 0%, #241c18 100%);
  border-color: #c4896a;
  color: #fbf7f2 !important;
}

.lp-module .landing-btn-quiet {
  background: linear-gradient(#fffcf8 0%, #f3ebe2 100%);
  border-color: #aa876d;
  box-shadow: inset 0 1px #ffffffb3;
  color: #3a2a22 !important;
}

.lp-module .landing-btn-quiet:hover:not(:disabled) {
  background: linear-gradient(#fffefc 0%, #e8d9c8 100%);
  border-color: #c4896a;
  color: #14100c !important;
}

.landing-btn-lg {
  min-height: 48px;
  padding: 0 20px;
  font-size: .8125rem;
}

.landing-btn-block {
  width: 100%;
  min-width: 0;
}

.landing-btn-arrow {
  opacity: 1;
  color: inherit;
  font-size: .9em;
}

.landing-navbar {
  z-index: 1000;
  height: var(--lp-nav-h);
  color: var(--lp-canvas-text);
  background: linear-gradient(#241c18 0%, #191410 100%);
  border-bottom: 1px solid #4a3a32;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 1px #e0b88814, 0 4px 16px #00000059;
}

.landing-navbar-container {
  max-width: var(--lp-max);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
  height: 100%;
  margin: 0 auto;
  padding: 0 22px;
  display: flex;
}

.landing-navbar-brand {
  min-height: 44px;
  color: inherit;
  border-radius: 6px;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  padding: 2px 4px 2px 2px;
  text-decoration: none;
  display: inline-flex;
}

.landing-navbar-brand:focus-visible {
  outline: 2px solid var(--lp-focus);
  outline-offset: 3px;
}

.landing-brand-mark {
  background: linear-gradient(145deg,
      var(--lp-espresso-rail-top) 0%,
      var(--lp-espresso) 55%,
      var(--lp-espresso-rail-deep) 100%);
  border: 1px solid var(--lp-metal);
  width: 44px;
  height: 44px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne) 22%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--lp-espresso) 40%, transparent),
    0 1px 3px color-mix(in srgb, var(--lp-ink) 14%, transparent);
  border-radius: 7px;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.landing-brand-mark-img {
  object-fit: contain;
  object-position: center 42%;
  transform: scale(1.12);
  width: 42px !important;
  height: 42px !important;
}

.landing-brand-text {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.landing-brand-name {
  letter-spacing: -.03em;
  color: var(--lp-canvas-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.05;
}

.landing-brand-sub {
  font-family: var(--lp-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #e0b888;
  font-size: .625rem;
  font-weight: 700;
  line-height: 1;
}

.landing-navbar-links {
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.landing-nav-link {
  min-height: 44px;
  font-family: var(--lp-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--lp-canvas-text-muted);
  white-space: nowrap;
  transition: color var(--lp-t), background var(--lp-t), border-color var(--lp-t);
  border: 1px solid #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  font-size: .6875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.landing-nav-link:hover {
  color: var(--lp-canvas-text);
  background: #2a211ccc;
}

.landing-nav-link:focus-visible {
  outline: 2px solid var(--lp-champagne);
  outline-offset: 2px;
}

.landing-nav-link.is-active {
  color: #f0c9a0;
  background: #34261e;
  border-color: #7a624e;
  box-shadow: inset 0 1px #e0b8881f;
}

.landing-navbar-actions {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.landing-footer {
  z-index: 1;
  color: var(--lp-canvas-text-muted);
  background: linear-gradient(#1c1612 0%, #14100c 100%);
  border-top: 1px solid #5f4c3e;
  padding: 16px 0 20px;
  position: relative;
}

.landing-footer-inner {
  max-width: var(--lp-max);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin: 0 auto;
  padding: 0 22px;
  display: flex;
}

.landing-footer-brand {
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.landing-footer-mark {
  background: linear-gradient(145deg, var(--lp-espresso-rail-top) 0%, var(--lp-espresso) 100%);
  border: 1px solid var(--lp-metal);
  border-radius: 6px;
  flex-shrink: 0;
  place-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: grid;
  overflow: hidden;
}

.landing-footer-mark-img {
  object-fit: contain;
  width: 28px !important;
  height: 28px !important;
}

.landing-footer-brand-name {
  color: var(--lp-canvas-text);
  font-size: .8125rem;
  font-weight: 700;
}

.landing-footer-links {
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 4px;
  display: flex;
}

.landing-footer-link {
  font-family: var(--lp-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--lp-canvas-text-muted);
  border-radius: 4px;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  font-size: .6875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.landing-footer-link:hover {
  color: #f0c9a0;
  background: #2a211cb3;
}

.landing-footer-link:focus-visible {
  outline: 2px solid var(--lp-focus);
  outline-offset: 2px;
}

.landing-footer-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.landing-status-pill {
  min-height: 44px;
  font-family: var(--lp-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  border: 1px solid var(--lp-border-soft);
  background: var(--lp-surface);
  color: var(--lp-text-secondary);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: .625rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.landing-status-dot {
  background: var(--lp-success);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.landing-status-ok .landing-status-dot {
  background: var(--lp-success);
}

.landing-status-warn .landing-status-dot {
  background: var(--lp-warn);
}

.landing-status-down .landing-status-dot {
  background: var(--lp-danger);
}

.landing-top-btn {
  cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--lp-brand-strong) 18%, var(--lp-border));
  background: linear-gradient(180deg, var(--lp-surface-elevated) 0%, var(--lp-surface-hover) 100%);
  min-height: 32px;
  font-family: var(--lp-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--lp-text);
  border-radius: 4px;
  padding: 0 12px;
  font-size: .625rem;
  font-weight: 700;
}

.landing-top-btn:hover {
  border-color: color-mix(in srgb, var(--lp-brand-strong) 30%, var(--lp-border));
  color: var(--lp-brand-strong);
}

.landing-top-btn:focus-visible {
  outline: 2px solid var(--lp-focus);
  outline-offset: 2px;
}

.lp-band {
  max-width: var(--lp-max);
  z-index: 2;
  margin: 0 auto;
  position: relative;
}

.lp-section-title {
  color: var(--lp-canvas-text, var(--lp-cream, #fbf7f2));
}

.lp-section-lede {
  color: var(--lp-canvas-text-muted, var(--lp-cream-soft, #e8d9ca));
}

.lp-section-lattice {
  margin-bottom: 28px;
}

.lp-band-lattice {
  box-shadow: none;
  color: var(--lp-canvas-text, var(--lp-cream, #fbf7f2));
  background: none;
  border: none;
  border-radius: 0;
  padding: 8px 4px 4px;
}

.lp-band-lattice .lp-section-title {
  color: var(--lp-canvas-text, #fbf7f2);
}

.lp-band-lattice .lp-section-lede {
  color: var(--lp-canvas-text-muted, #e8d9ca);
}

.lp-band-lattice .lp-tile-title {
  color: #fff;
}

.lp-band-lattice .lp-tile-text {
  color: #c8cedb;
}

.lp-band-lattice .lp-kicker {
  color: #e0b888;
}

.lp-band-head {
  border-bottom: 1px solid color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 18%, transparent);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px 28px;
  margin-bottom: 22px;
  padding-bottom: 18px;
  display: flex;
}

.lp-band-head-copy {
  flex: 280px;
  min-width: 0;
  max-width: 40rem;
}

.lp-band-head .lp-section-title {
  margin: 0 0 10px;
}

.lp-band-note {
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi) 22%, var(--lp-espresso-border, #3a2a22));
  color: color-mix(in srgb, var(--lp-cream-soft, #e8d9ca) 88%, transparent);
  font-size: .75rem;
  line-height: 1.45;
  font-family: var(--lp-mono);
  letter-spacing: .02em;
  background: linear-gradient(#1c1612 0%, #120e0b 100%);
  border-radius: 6px;
  flex: 0 220px;
  margin: 0;
  padding: 12px 14px;
}

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

.lp-tile {
  border-radius: var(--lp-radius-shell, 8px);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 22%, var(--lp-espresso-border, #3a2a22));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 12%, transparent),
    0 14px 36px -12px #0000008c;
  color: var(--lp-cream, #fbf7f2);
  background: linear-gradient(#1c1612 0%, #120e0b 100%);
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
  margin: 0;
  padding: 18px 18px 20px;
  transition: transform .16s ease-out, border-color .16s ease-out, box-shadow .16s ease-out;
  display: flex;
}

.lp-tile:hover {
  border-color: color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 45%, var(--lp-espresso-border, #3a2a22));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 28%, transparent),
    0 20px 44px -10px #000000a6;
  transform: translateY(-2px);
}

.lp-tile-top {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.lp-tile-icon {
  width: 36px;
  height: 36px;
  color: color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 92%, #fff 8%);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 28%, transparent);
  background: linear-gradient(165deg, #715b4b 0%, #2e221c 100%);
  border-radius: 6px;
  place-items: center;
  font-size: 1rem;
  display: grid;
  box-shadow: inset 0 1px #fff6e81a, 0 1px #00000059;
}

.lp-tile-tier {
  font-family: var(--lp-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--lp-cream-soft, #e8d9ca) 78%, #f0c9a0 22%);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 26%, transparent);
  background: linear-gradient(#2a211ccc 0%, #16110eeb 100%);
  border-radius: 9999px;
  padding: 4px 9px;
  font-size: .6rem;
  font-weight: 700;
  box-shadow: inset 0 1px #f0c9a014, inset 0 -1px #0000004d;
}

.lp-tile-title {
  letter-spacing: -.015em;
  color: #fff;
  text-wrap: balance;
  margin: 4px 0 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
}

.lp-tile-text {
  color: #c8cedb;
  text-wrap: pretty;
  flex: 1;
  margin: 0;
  font-size: .88rem;
  font-weight: 450;
  line-height: 1.5;
}

.lp-section-path {
  margin-bottom: 28px;
}

.lp-band-path {
  padding: 8px 4px 4px;
}

.lp-path-intro {
  text-align: center;
  max-width: 36rem;
  color: var(--lp-canvas-text);
  margin: 0 auto 28px;
}

.lp-path-intro .lp-kicker {
  color: #e0b888;
  display: block;
}

.lp-path-intro .lp-section-title {
  color: var(--lp-canvas-text);
}

.lp-path-intro .lp-section-lede {
  color: var(--lp-canvas-text-muted);
  margin-left: auto;
  margin-right: auto;
}

.lp-path-aside {
  color: var(--lp-text-muted);
  font-size: .75rem;
  font-family: var(--lp-mono);
  letter-spacing: .02em;
  margin: 12px 0 0;
}

.lp-path {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  position: relative;
}

.lp-path-step {
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  display: flex;
  position: relative;
}

.lp-path-rail {
  flex-direction: column;
  align-items: center;
  min-height: 36px;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.lp-path-num {
  font-family: var(--lp-mono);
  letter-spacing: .1em;
  color: #0e0b09;
  z-index: 1;
  width: 40px;
  height: 40px;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--lp-brand) 30%, transparent);
  background: linear-gradient(#f0c9a0 0%, #e0b888 100%);
  border: 1px solid #f0c9a0;
  border-radius: 50%;
  place-items: center;
  font-size: .75rem;
  font-weight: 700;
  display: grid;
}

.lp-path-connector {
  background: linear-gradient(90deg,
      color-mix(in srgb, var(--lp-brand) 55%, transparent),
      color-mix(in srgb, var(--lp-brand) 15%, transparent));
  pointer-events: none;
  width: calc(100% - 32px);
  height: 1px;
  position: absolute;
  top: 50%;
  left: calc(50% + 24px);
  transform: translateY(-50%);
}

.lp-path-step:last-child .lp-path-connector {
  display: none;
}

.lp-path-card {
  border-radius: var(--lp-radius-shell, 8px);
  border: 1px solid color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 22%, var(--lp-espresso-border, #3a2a22));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 12%, transparent),
    0 14px 36px -12px #0000008c;
  text-align: left;
  min-height: 140px;
  color: var(--lp-cream, #fbf7f2);
  background: linear-gradient(#1c1612 0%, #120e0b 100%);
  padding: 18px 16px 20px;
  transition: transform .16s ease-out, border-color .16s ease-out, box-shadow .16s ease-out;
}

.lp-path-step:hover .lp-path-card {
  border-color: color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 45%, var(--lp-espresso-border, #3a2a22));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne-hi, #f0c9a0) 28%, transparent),
    0 20px 44px -10px #000000a6;
  transform: translateY(-2px);
}

.lp-path-label {
  letter-spacing: -.015em;
  color: #fff;
  text-wrap: balance;
  margin: 0 0 8px;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.25;
}

.lp-path-body {
  color: #c8cedb;
  text-wrap: pretty;
  margin: 0;
  font-size: .88rem;
  font-weight: 450;
  line-height: 1.5;
}

.lp-path-body .lp-inline-link {
  color: var(--lp-champagne-hi, #f0c9a0);
  text-underline-offset: 2px;
  font-weight: 600;
}

.lp-path-body .lp-inline-link:hover {
  color: #f5dcb3;
}

.lp-section-close {
  margin-bottom: 8px;
}

.lp-close {
  border-radius: var(--lp-radius-shell);
  max-width: var(--lp-max);
  border: 1px solid color-mix(in srgb, var(--lp-brand) 28%, var(--lp-border));
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne) 14%, transparent),
    0 16px 40px #00000073;
  background: linear-gradient(125deg, #1a1411 0%, #0e0b09 42%, #16120f 100%);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.lp-close-glow {
  pointer-events: none;
  background: radial-gradient(ellipse 55% 80% at 8% 50%,
      color-mix(in srgb, var(--lp-brand) 18%, transparent),
      transparent 60%),
    radial-gradient(ellipse 40% 60% at 100% 0%,
      color-mix(in srgb, var(--lp-accent) 10%, transparent),
      transparent 55%);
  position: absolute;
  inset: 0;
}

.lp-close-inner {
  z-index: 1;
  align-items: center;
  gap: 28px;
  padding: 28px 28px 26px;
  display: flex;
  position: relative;
}

.lp-close-agent {
  isolation: isolate;
  border: 1px solid color-mix(in srgb, var(--lp-brand) 32%, var(--lp-border));
  width: 140px;
  height: 140px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--lp-champagne) 14%, transparent);
  background: linear-gradient(165deg, #2a211c 0%, #14100c 100%);
  border-radius: 10px;
  flex: 0 0 140px;
  place-items: center;
  padding: 6px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.lp-close-agent-window:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .85;
  background: radial-gradient(70% 65% at 50% 58%, #00b4ff38 0%, #0000 62%), radial-gradient(90% 90%, #16110e8c 0%, #0000 72%);
  border-radius: 8px;
  position: absolute;
  inset: 4px;
}

.lp-close-agent-img {
  z-index: 1;
  object-fit: contain;
  position: relative;
  width: 100% !important;
  height: 100% !important;
}

.lp-close-copy {
  flex: 1;
  min-width: 0;
}

.lp-kicker-on-dark {
  color: var(--lp-brand) !important;
}

.lp-close-title {
  letter-spacing: -.03em;
  color: var(--lp-cream);
  margin: 0 0 10px;
  font-size: clamp(1.4rem, 2.6vw, 1.85rem);
  font-weight: 700;
  line-height: 1.15;
}

.lp-close-lede {
  color: var(--lp-text-secondary);
  max-width: 48ch;
  margin: 0 0 18px;
  font-size: .9375rem;
  line-height: 1.55;
}

.lp-support-on-dark {
  color: var(--lp-text-muted);
  margin-top: 14px;
}

.lp-support-on-dark a {
  color: var(--lp-brand);
  font-weight: 600;
}

@media (max-width: 960px) {
  .lp-shell, .lp-shell-compact {
    flex-direction: column;
    min-height: 0;
  }

  .lp-lattice {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lp-path {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .lp-path-connector {
    display: none;
  }

  .lp-path-rail {
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 10px;
  }

  .lp-path-intro {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  .lp-path-intro .lp-section-lede {
    margin-left: 0;
    margin-right: 0;
  }

  .lp-close-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px 18px;
  }

  .lp-band-lattice {
    padding: 4px 0;
  }

  .lp-band-head {
    flex-direction: column;
    align-items: stretch;
  }

  .lp-band-note {
    flex: none;
  }

  .lp-brand-rail, .lp-brand-rail-short {
    border-right: none;
    border-bottom: 1px solid color-mix(in srgb, var(--lp-espresso) 50%, var(--lp-text-secondary));
    flex: none;
  }

  .lp-brand-rail:after {
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--lp-champagne-hi) 45%, transparent) 0%,
        color-mix(in srgb, var(--lp-brand) 55%, transparent) 50%,
        transparent 100%);
    width: auto;
    height: 1px;
    inset: auto 0 0;
  }

  .lp-bay {
    padding: 22px 18px;
  }

  .lp-cta-body {
    flex-direction: column;
    align-items: flex-start;
  }

  .cmp-bay {
    padding: 10px;
  }

  .lp-plan-stack-line {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

@media (max-width: 900px) {
  .landing-navbar-links {
    display: none;
  }
}

@media (max-width: 720px) {
  .landing-brand-sub {
    display: none;
  }

  .landing-main {
    padding: calc(var(--lp-nav-h) + 12px) 12px 12px;
  }

  .lp-module {
    max-width: none;
  }

  .landing-footer-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .lp-lattice {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-btn, .landing-footer-link, .landing-nav-link {
    transition: none;
  }

  .px-hero-agent-figure, .px-hero-agent-glow, .px-hero-agent-core {
    will-change: auto;
    transition: none !important;
    animation: none !important;
  }

  .px-hero-agent-figure {
    opacity: .88;
    filter: none;
  }

  .px-hero-agent-glow {
    opacity: .4;
  }

  .px-hero-agent-core {
    opacity: .45;
  }
}

.lp-lattice-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lp-path-cta {
  justify-content: flex-start;
  margin-top: 18px;
  display: flex;
}

.lp-inline-link {
  color: color-mix(in srgb, var(--lp-brand, #c9a227) 88%, white 12%);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.lp-inline-link:hover {
  color: color-mix(in srgb, var(--lp-brand, #c9a227) 70%, white 30%);
}

@media (max-width: 900px) {
  .lp-lattice-three {
    grid-template-columns: 1fr;
  }
}

.lp-lattice-four {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

@media (min-width: 960px) {
  .lp-lattice-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.lp-band-surfaces, .lp-band-plans, .lp-band-faq {
  margin-top: 8px;
}

.lp-plan-strip {
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

@media (min-width: 720px) {
  .lp-plan-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .lp-plan-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.lp-plan-card {
  border: 1px solid color-mix(in srgb, var(--lp-border, #e4d5c3) 80%, transparent);
  background: linear-gradient(165deg,
    var(--lp-surface-elevated, #fffefc) 0%,
    var(--lp-surface-soft, #faf4ec) 100%);
  border-radius: 14px;
  flex-direction: column;
  gap: 8px;
  min-height: 100%;
  padding: 16px 14px;
  display: flex;
  box-shadow: inset 0 1px #ffffff8c;
}

.lp-plan-card-featured {
  border-color: color-mix(in srgb, var(--lp-brand, #c9a227) 55%, var(--lp-border, #e4d5c3));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--lp-brand, #c9a227) 28%, transparent),
    inset 0 1px 0 #fff9;
}

.lp-plan-badge {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--lp-brand, #c9a227) 88%, #5a4a2a 12%);
  margin: 0;
  font-size: .72rem;
  font-weight: 600;
}

.lp-plan-name {
  color: var(--lp-ink, #1c1610);
  margin: 0;
  font-size: 1.05rem;
  font-weight: 650;
}

.lp-plan-price {
  letter-spacing: -.02em;
  color: var(--lp-ink, #1c1610);
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
}

.lp-plan-period {
  color: color-mix(in srgb, var(--lp-ink, #1c1610) 55%, transparent);
  margin-left: 2px;
  font-size: .85rem;
  font-weight: 500;
}

.lp-plan-blurb {
  color: color-mix(in srgb, var(--lp-ink, #1c1610) 72%, transparent);
  flex: 1;
  margin: 0;
  font-size: .88rem;
  line-height: 1.45;
}

.lp-plan-link {
  color: color-mix(in srgb, var(--lp-brand, #c9a227) 85%, #3a2e12 15%);
  margin-top: 6px;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
}

.lp-plan-link:hover {
  text-underline-offset: 2px;
  text-decoration: underline;
}

.lp-faq-list {
  flex-direction: column;
  gap: 10px;
  max-width: 820px;
  display: flex;
}

.lp-faq-item {
  border: 1px solid color-mix(in srgb, var(--lp-border, #e4d5c3) 85%, transparent);
  background: var(--lp-surface-elevated, #fffefc);
  border-radius: 12px;
  padding: 0 14px;
}

.lp-faq-q {
  cursor: pointer;
  color: var(--lp-ink, #1c1610);
  padding: 14px 0;
  font-size: 1rem;
  font-weight: 600;
  list-style: none;
}

.lp-faq-q::-webkit-details-marker {
  display: none;
}

.lp-faq-item[open] .lp-faq-q {
  border-bottom: 1px solid color-mix(in srgb, var(--lp-border, #e4d5c3) 70%, transparent);
}

.lp-faq-a {
  color: color-mix(in srgb, var(--lp-ink, #1c1610) 78%, transparent);
  margin: 0;
  padding: 12px 0 16px;
  font-size: .95rem;
  line-height: 1.55;
}

.lp-band-head {
  align-items: flex-start;
  gap: 12px;
}

@media (min-width: 800px) {
  .lp-band-head {
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }
}

/*# sourceMappingURL=src_shared_theme_styles_landing_0bp9h52.css.map*/