.pop98-hero,
.pop98-blueprint {
  width: min(100% - 32px, 1240px);
  margin-inline: auto;
  box-sizing: border-box;
}
.pop98-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 76px);
  padding: clamp(28px, 5vw, 70px) clamp(20px, 5vw, 68px);
  margin-block: 16px 20px;
  color: #fff8f0;
  background: radial-gradient(ellipse at top left, #382450, transparent 70%), #12101c;
  border: 1px solid #665074;
  border-radius: 24px;
}
.pop98-kicker {
  color: #e9c495;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  margin: 0 0 12px;
}
.pop98-hero h1 {
  margin: 0;
  font-size: clamp(2.15rem, 4.45vw, 4.65rem);
  line-height: 1.02;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.pop98-hero h1 span { color: #e3c2ff; }
.pop98-lede {
  max-width: 52ch;
  margin: 18px 0 22px;
  color: #e9deec;
  font-size: clamp(1rem, 1.5vw, 1.16rem);
  line-height: 1.55;
}
.pop98-actions, .pop98-picker { display: flex; flex-wrap: wrap; gap: 10px; }
.pop98-primary, .pop98-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45em;
  min-height: 44px;
  padding: 9px 16px;
  border: 1px solid #b994e1;
  border-radius: 10px;
  font: inherit;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.pop98-primary, .pop98-primary:visited { background: #e9c6ff; color: #221330; }
.pop98-secondary, .pop98-secondary:visited { background: #21172e; color: #fcf4ff; }
.pop98-primary:hover, .pop98-secondary:hover { filter: brightness(1.15); }
.pop98-hero :focus-visible, .pop98-blueprint :focus-visible { outline: 3px solid #ffe0a9; outline-offset: 4px; }
.pop98-note { margin: 12px 0 0; font-size: .86rem; color: #d8c7dc; }
.pop98-proof {
  overflow: hidden;
  background: #191526;
  border: 1px solid #745b83;
  border-radius: 18px;
}
.pop98-proof-body { padding: 20px; }
.pop98-proof h2, .pop98-blueprint h2 { margin: 0; font-size: clamp(1.35rem, 2.5vw, 2rem); line-height: 1.15; }
.pop98-proof-body > p:not(.pop98-kicker), .pop98-blueprint p:not(.pop98-kicker) { color: #e6dce9; margin: 8px 0; line-height: 1.45; }
.pop98-proof a, .pop98-template-link { color: #f0d0ff; font-weight: 800; }
.pop98-proof img { display: block; width: 100%; height: auto; aspect-ratio: 2.1; object-fit: cover; object-position: top; }
.pop98-blueprint {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 16px 30px;
  padding: clamp(18px, 3vw, 36px);
  color: #fff8f0;
  background: #191225;
  border: 1px solid #5e466e;
  border-radius: 18px;
  scroll-margin-top: 140px;
}
.pop98-picker select { flex: 1 1 160px; min-width: 0; }
.pop98-template-link { display: inline-block; margin-top: 8px; }
.pop-free-demo-nav { text-decoration: none; }
@media (max-width: 800px) {
  .pop98-hero, .pop98-blueprint { grid-template-columns: minmax(0, 1fr); }
  .pop98-proof img { display: none; }
}
@media (max-width: 440px) {
  .pop98-actions > *, .pop98-picker > * { width: 100%; }
}