/* The iSingWorship welcome page builds on the shared website styles. */
.ising-hero { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 56px; padding-block: 72px 88px; }
.ising-hero h1 { font-size: clamp(2.6rem, 4.7vw, 4rem); text-wrap: balance; }
.ising-hero .lead { font-size: 1.16rem; }
.ising-page .actions { align-items: center; gap: 20px; }
.ising-hero .field-help { margin-top: 20px; }
.ising-preview { margin: 0; min-width: 0; }
.ising-preview img { display: block; width: 100%; border: 8px solid #30353a; border-radius: 14px; box-shadow: 0 16px 40px #0002; }
.ising-preview figcaption { margin-top: 16px; color: var(--muted); font-size: .85rem; text-align: center; }
.ising-intro { border-block: 1px solid var(--border); padding-block: 56px; }
.ising-intro p { color: var(--muted); }
.ising-intro p:last-child { margin-bottom: 0; }
.ising-benefits { padding-block: 80px; }
.ising-benefits .cards { margin-block: 40px 24px; }
.ising-benefits h3 { font-size: 1.25rem; }
.ising-benefits .availability-note { margin-bottom: 0; }
.ising-offer { background: var(--highlight); padding-block: 64px; }
.ising-offer h2 { max-width: 570px; margin-inline: auto; }
.ising-offer .actions { justify-content: center; margin-block: 28px 20px; }
.ising-offer .field-help { max-width: 560px; margin-inline: auto; }
.ising-start { padding-block: 80px; }
.ising-steps { list-style: none; padding: 0; counter-reset: start; }
.ising-steps li { counter-increment: start; position: relative; padding-left: 46px; }
.ising-steps li::before { content: counter(start, decimal-leading-zero); position: absolute; left: 0; top: 0; color: var(--muted); font-size: .9rem; }
.ising-steps p { color: var(--muted); }
.ising-questions { padding-block: 0 80px; max-width: 760px; }
.ising-help { border-top: 1px solid var(--border); padding-block: 64px 80px; }
.ising-help .actions { justify-content: center; }
@media (max-width: 700px) {
  .ising-hero { grid-template-columns: 1fr; gap: 40px; padding-block: 44px 56px; }
  .ising-preview { max-width: 520px; margin-inline: auto; }
  .ising-intro, .ising-offer { padding-block: 44px; }
  .ising-benefits, .ising-start { padding-block: 56px; }
  .ising-page .cards { grid-template-columns: 1fr; gap: 28px; }
  .ising-questions { padding-bottom: 56px; }
  .ising-help { padding-block: 48px 64px; }
}