/* P2 · Ethereal Glass (zinc, cyan, not purple) · prompt is the hero */
body.lp-p2 {
  --page: #09090b;
  --lp-ink: #f4f4f5;
  --lp-mute: #a1a1aa;
  --lp-line: rgb(255 255 255 / 0.12);
  --lp-surface: #121215;
  --lp-accent: #22bbff;
  --lp-on-accent: #050505;
  --lp-ico-bg: rgb(5 5 5 / 0.18);
  --lp-bezel: rgb(255 255 255 / 0.035);
  background: #09090b;
  color: #f4f4f5;
}

.p2-hero {
  display: grid;
  gap: 36px;
  padding: 28px 0 80px;
}
.p2-hero h1 {
  margin: 0 0 12px;
  font-size: clamp(2rem, 5vw, 3.8rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
  font-weight: 800;
  max-width: 20ch;
}
.p2-hero .lead {
  margin: 0 0 8px;
  color: #a1a1aa;
  max-width: 38ch;
  font-size: 1.05rem;
}

.p2-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 0 96px;
}
.p2-chips a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgb(255 255 255 / 0.14);
  color: #e4e4e7;
  background: rgb(255 255 255 / 0.03);
  font-weight: 700;
  font-size: 0.88rem;
}
.p2-chips a:hover { color: #fff; border-color: #22bbff; }

.p2-clock { padding: 24px 0 96px; }
.p2-clock p { margin: 0; color: #a1a1aa; max-width: 58ch; }
.p2-clock a { color: #70f0ff; }

.p2-price { padding: 40px 0 96px; }
.p2-price-num {
  font-size: clamp(3rem, 7vw, 5rem);
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 0.95;
}
.p2-price p { color: #a1a1aa; max-width: 42ch; }

.p2-faq { padding: 72px 0; border-top: 1px solid rgb(255 255 255 / 0.08); }
.p2-faq h2 { margin: 0 0 16px; letter-spacing: -0.03em; }

.p2-end { padding: 96px 0 72px; }
.p2-end h2 {
  margin: 0 0 12px;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  letter-spacing: -0.035em;
}

@media (min-width: 1024px) {
  .p2-hero { padding-top: 36px; }
}
@media (max-width: 768px) {
  .p2-hero, .p2-clock, .p2-price, .p2-end, .p2-faq { padding-top: 48px; padding-bottom: 48px; }
  .p2-hero h1 { max-width: none; }
}