/* Single-service landing pages (LLC Registration, ITIN): quick appointment card under the
   header, "why" copy beside four pastel cards, the homepage step timeline, a find-strip,
   and the Pricing consultation card (pricing-v2.css). */

/* quick appointment */
.sl-quick-sec { margin-top: -28px; position: relative; z-index: 2; }
.sl-quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 12px; align-items: center; padding: 14px; border-radius: 28px; background: #fff;
  box-shadow: 0 0 0 1px var(--line), 0 30px 50px -36px rgba(10, 26, 63, .45); }
.sl-quick .hv-btn { height: 58px; white-space: nowrap; }
.sl-quick-captcha { grid-column: 1 / -1; }
.sl-quick-captcha:empty { display: none; }

/* why */
.sl-why { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 56px; align-items: center; }
.sl-why-copy .hv-lead { margin-top: 18px; }
.sl-why-copy .hv-btn { margin-top: 30px; }
.sl-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.sl-why-card { display: flex; flex-direction: column; padding: 28px; border-radius: 28px; background: var(--p-blue); transition: transform .3s cubic-bezier(.22, .8, .24, 1); }
.sl-why-card--sky { background: var(--p-sky); }
.sl-why-card--lav { background: var(--p-lav); }
.sl-why-card--mint { background: var(--p-mint); }
.sl-why-card:hover { transform: translateY(-5px); }
.sl-why-ic { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 18px; background: #fff; }
.sl-why-ic img { width: 34px; height: 36px; object-fit: contain; }
.sl-why-card h3 { margin-top: 22px; font-size: 20px; line-height: 1.25; font-weight: 700; letter-spacing: -0.02em; }
.sl-why-card p { margin-top: 8px; font-size: 15px; line-height: 1.6; color: var(--body); }

/* how does it work (homepage timeline, copy-only cards) */
.sl-work-lead { margin-top: 18px; }
.sl-work-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.sl-work-actions .hv-btn { margin-top: 0 !important; }
.sl-step { grid-template-columns: 1fr; padding-bottom: 0; }
.hv-step-no { font-size: 17px; }

/* find strip */
.sl-find { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 32px; padding: 32px 40px; border-radius: 32px; background: var(--tint); }
.sl-find .hv-h3 { margin: 0; }

/* pop-up */
.sl-pp-head { position: relative; margin-bottom: 20px; }
.sl-pp-head .pp-title { margin: 0; }
.sl-pp-head .close-btn { position: absolute; right: -8px; top: -8px; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--alt); font-size: 24px; line-height: 1; color: var(--ink); cursor: pointer; }
.sl-pp-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

@media (max-width: 1000px) {
  .sl-quick { grid-template-columns: 1fr 1fr; }
  .sl-quick .hv-btn { grid-column: 1 / -1; }
  .sl-why { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 600px) {
  .sl-quick-sec { margin-top: -18px; }
  .sl-quick { grid-template-columns: 1fr; padding: 12px; border-radius: 24px; }
  .sl-why-grid { grid-template-columns: 1fr; }
  .sl-find { padding: 26px 22px; }
  .sl-find .hv-btn { width: 100%; }
  .sl-pp-row { grid-template-columns: 1fr; }
}