.pmo-atlas-page .entry-content { margin-top: 0; }
.pmo-atlas { --atlas-gap: clamp(18px, 2.4vw, 31px); }

.pmo-atlas .pmo-redesign-intro {
  grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr);
  gap: clamp(16px, 2.5vw, 38px);
  min-height: 410px;
  margin-bottom: clamp(44px, 6vw, 84px);
  padding: clamp(24px, 5.1vw, 74px);
  border: 1px solid #514067;
  border-radius: clamp(16px, 2.5vw, 30px);
  background: radial-gradient(ellipse at 84% 37%, #35274f 0%, #20192f 50%, transparent 78%), #191426;
}
.pmo-atlas .pmo-redesign-intro .pmo-redesign-kicker { color: #d8c9f6; }
.pmo-atlas .pmo-redesign-intro #pmo-pricing-start {
  color: #fff8f1;
  font-size: clamp(2.65rem, 5.55vw, 5.9rem) !important;
  font-weight: 755;
  letter-spacing: -.064em;
  line-height: .99;
  margin: 14px 0 0 !important;
  text-wrap: balance;
}
.pmo-atlas #pmo-pricing-start span { display: block; color: #cfbbfc; }
.pmo-atlas .pmo-redesign-intro-copy > p:not(.pmo-redesign-kicker) { margin-top: 20px !important; max-width: 43ch; color: #eee4fb; }
.pmo-atlas .pmo-redesign-intro-actions { margin-top: 25px; }
.pmo-atlas .pmo-redesign-intro-actions .pmo-plan-cta { background: #fff5e9; color: #221735 !important; }
.pmo-atlas .pmo-redesign-intro-actions .pmo-plan-cta:hover { background: #e4d6ff; }
.pmo-atlas .pmo-redesign-intro-actions .pmo-scope-link { color: #fff8f2 !important; }

.pmo-atlas-hero-art { position: relative; isolation: isolate; min-width: 0; }
.pmo-atlas-hero-art::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #c3a5f924 1px, transparent 1px), linear-gradient(#c3a5f924 1px, transparent 1px);
  background-size: 35px 35px;
  mask-image: radial-gradient(ellipse, #000, transparent 70%);
  content: '';
}
.pmo-atlas .pmo-price-scene { width: 100%; height: auto; display: block; }
.pmo-atlas-hero-art .pmo-price-scene { margin: 0 auto; }
.pmo-atlas-hero-caption {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px 12px;
  width: 91%;
  margin: 0 auto;
  padding-top: 9px;
  border-top: 1px solid #cab6eb47;
  color: #e3d6f4;
  font-size: .7rem;
  font-weight: 680;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.pmo-atlas-hero-caption span::before { color: #cbb1fa; margin-right: 7px; content: '＋'; }

.pmo-atlas .pmo-redesign-featured > header { display: grid; max-width: none; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); align-items: end; column-gap: var(--atlas-gap); margin-bottom: var(--atlas-gap); }
.pmo-atlas .pmo-redesign-featured > header .pmo-redesign-kicker { grid-column: 1 / -1; }
.pmo-atlas .pmo-redesign-featured > header h2 { max-width: 20ch; text-wrap: balance; }
.pmo-atlas .pmo-redesign-featured > header p:not(.pmo-redesign-kicker) { margin: 0 !important; max-width: 44ch; font-size: clamp(.88rem,1.2vw,1rem) !important; }
.pmo-atlas .pmo-redesign-package-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--atlas-gap); }
.pmo-atlas .pmo-redesign-package {
  --atlas-art: #e0d2f8;
  --atlas-outline: #ac8adc;
  overflow: hidden;
  padding: 0;
  border-top: 1px solid var(--pmo-card-edge);
  border-radius: clamp(13px, 1.7vw, 21px);
}
.pmo-atlas .pmo-redesign-package[data-pmo-tone="teal"] { --atlas-art: #cbe9e0; --atlas-outline: #6caa9b; --pmo-card-fill: #f0f8f5; }
.pmo-atlas .pmo-redesign-package[data-pmo-tone="blue"] { --atlas-art: #253b63; --atlas-outline: #6087be; }
.pmo-atlas .pmo-redesign-package[data-pmo-tone="sand"] { --atlas-art: #efddca; --atlas-outline: #c89c71; --pmo-card-fill: #fbf3ea; }
[data-theme="dark"] .pmo-atlas .pmo-redesign-package[data-pmo-tone="teal"] { --atlas-art: #254c43; --atlas-outline: #569c8c; --pmo-card-fill: #1b342f; }
[data-theme="dark"] .pmo-atlas .pmo-redesign-package[data-pmo-tone="sand"] { --atlas-art: #513a2d; --atlas-outline: #9d6f52; --pmo-card-fill: #352820; }
[data-theme="dark"] .pmo-atlas .pmo-redesign-package[data-pmo-tone="violet"] { --atlas-art: #45325e; --atlas-outline: #9373bb; }
.pmo-atlas .pmo-atlas-package-lead { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); }
.pmo-atlas-package-art {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  min-width: 0;
  padding: 12px clamp(14px, 2.7vw, 36px);
  background: radial-gradient(ellipse at 60% 24%, var(--atlas-art), transparent 85%), var(--pmo-card-fill);
  border-bottom: 1px solid var(--pmo-card-edge);
}
.pmo-atlas-package-art::before {
  position: absolute;
  z-index: -1;
  inset: 10px;
  border: 1px dashed var(--atlas-outline);
  border-radius: 11px;
  opacity: .55;
  content: '';
}
.pmo-atlas-package-art .pmo-redesign-package-index { position: absolute; top: 17px; left: 21px; font-variant-numeric: tabular-nums; }
.pmo-atlas-package-art .pmo-price-scene { max-width: 520px; margin: 0 auto; }
.pmo-atlas-package-lead .pmo-atlas-package-art { grid-column: 2; grid-row: 1; border-bottom: 0; border-inline-start: 1px solid var(--pmo-card-edge); }
.pmo-atlas-package-body { flex: 1; display: flex; flex-direction: column; min-width: 0; padding: clamp(18px,2.6vw,37px); }
.pmo-atlas-package-lead .pmo-atlas-package-body { grid-column: 1; grid-row: 1; }
.pmo-atlas .pmo-atlas-package-body h3 { margin: 0 !important; max-width: 27ch; text-wrap: pretty; }
.pmo-atlas .pmo-atlas-package-lead h3 { font-size: clamp(1.65rem, 3.1vw, 3.05rem) !important; line-height: 1.05; }
.pmo-atlas .pmo-atlas-package-body .pmo-atlas-package-summary { margin: 10px 0 0 !important; color: var(--pmo-card-ink); font-weight: 650; }
.pmo-atlas .pmo-atlas-package-body .pmo-redesign-package-fit { margin: 7px 0 0 !important; }
.pmo-atlas .pmo-atlas-package-body .pmo-redesign-package-deliverables { margin: 15px 0 !important; }
.pmo-atlas-package-source { margin: 4px 0 6px; padding-top: 11px; border-top: 1px solid var(--pmo-card-edge); }
.pmo-atlas .pmo-atlas-package-source p { margin: 0 !important; color: var(--pmo-card-ink); font-size: .69rem !important; font-weight: 750; text-transform: uppercase; letter-spacing: .075em; }
.pmo-atlas .pmo-atlas-package-source .pmo-redesign-package-components { margin: 6px 0 3px !important; }
.pmo-atlas .pmo-redesign-package-components a { display: inline-block; padding-block: 3px; text-underline-offset: .2em; }
.pmo-atlas .pmo-redesign-package-components a:hover { text-decoration: underline !important; }
.pmo-atlas .pmo-redesign-package-actions { margin-top: auto; }
.pmo-atlas .pmo-redesign-package-actions .pmo-redesign-package-price { margin: 7px 0 11px; border-block-end: 0; font-size: .86rem; }
.pmo-atlas .pmo-redesign-package-actions .pmo-plan-cta { min-height: 44px; }

@media(max-width: 900px) {
  .pmo-atlas .pmo-redesign-intro { min-height: 0; }
  .pmo-atlas .pmo-redesign-package-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pmo-atlas .pmo-redesign-package-grid:has(> .pmo-atlas-package-lead) > :nth-child(4):last-child { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); }
}
@media(max-width: 680px) {
  .pmo-atlas .pmo-redesign-intro, .pmo-atlas .pmo-redesign-featured > header { grid-template-columns: minmax(0,1fr); }
  .pmo-atlas .pmo-redesign-intro { gap: 23px; }
  .pmo-atlas .pmo-redesign-intro #pmo-pricing-start { font-size: clamp(2.25rem, 8.8vw, 3.65rem) !important; text-wrap: wrap; }
  .pmo-atlas-hero-art { max-width: 470px; margin: 0 auto; }
  .pmo-atlas .pmo-redesign-featured > header p:not(.pmo-redesign-kicker) { margin-top: 8px !important; }
  .pmo-atlas .pmo-redesign-package-grid, .pmo-atlas .pmo-atlas-package-lead, .pmo-atlas .pmo-redesign-package-grid:has(> .pmo-atlas-package-lead) > :nth-child(4):last-child { grid-template-columns: minmax(0,1fr); }
  .pmo-atlas .pmo-atlas-package-lead :is(.pmo-atlas-package-art,.pmo-atlas-package-body) { grid-column: auto; grid-row: auto; }
  .pmo-atlas .pmo-atlas-package-lead .pmo-atlas-package-art { border-inline-start: 0; border-bottom: 1px solid var(--pmo-card-edge); }
}
@media(prefers-reduced-motion:no-preference) {
  .pmo-atlas-hero-art { animation: pmo-atlas-reveal .72s cubic-bezier(.2,.75,.24,1) both; }
  .pmo-atlas-package-art .pmo-price-scene { transition: transform .46s cubic-bezier(.2,.75,.24,1); }
  .pmo-atlas .pmo-redesign-package:focus-within .pmo-price-scene { transform: translateY(-2px); }
  @media(hover:hover) { .pmo-atlas .pmo-redesign-package:hover .pmo-price-scene { transform: translateY(-3px); } }
  @keyframes pmo-atlas-reveal { from { opacity: .76; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
}