/* דפי נחיתה לפי תחום (/for/*). נבנים על home.css + pricing.css. נוצרים ע"י scripts/marketing/build-seo.mjs */
.v-crumbs { padding-top: 22px; font-size: 13px; color: var(--muted); }
.v-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.v-crumbs li + li::before { content: "‹"; margin-inline-end: 6px; color: #a6bbd4; }
.v-crumbs a { text-decoration: underline; text-underline-offset: 3px; }
.v-hero { padding-top: 32px; }
.v-hero h1 { max-width: 900px; margin-inline: auto; }
.v-offer { display: inline-block; max-width: 720px; margin: 18px auto 0; background: #ffe8e4; color: #833f38; border-radius: 14px; padding: 10px 16px; font-size: 15px; line-height: 1.5; }
.v-cta { justify-content: center; margin-top: 22px; }
.v-note { margin: 14px 0 0; font-size: 13px; color: var(--muted); }
.v-section { padding-block: 72px; }

.pain-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.pain { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px 26px; }
.pain h3 { font-size: 20px; margin: 0; }
.pain p { margin: 6px 0 0; color: var(--muted); line-height: 1.65; }
.pain-label { display: inline-block; font-size: 12px; font-weight: 700; border-radius: 999px; padding: 3px 10px; margin-bottom: 10px; }
.pain-label.problem { background: #ffe8e4; color: #833f38; }
.pain-label.fix { background: var(--accent-soft); color: #254f9f; margin: 16px 0 0; }

.steps.v-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.v-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; }
.v-plan { background: var(--white); border: 1px solid var(--line); border-radius: 18px; padding: 20px 22px; }
.v-plan h3 { margin: 0 0 8px; font-size: 20px; }
.v-plan .price strong { font-size: 36px; }
.v-plan .vat { margin: 6px 0 0; }
.v-plan p { margin: 8px 0 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.v-plan-hint { margin: 18px 0 0; background: var(--accent-soft); border-radius: 14px; padding: 12px 16px; line-height: 1.6; }

.cta-band .v-offer { margin: 0 auto 18px; }
.cta-band .text-link { color: #fff; }

.v-more-section { padding-top: 0; }
.v-more-title { font-size: 24px; letter-spacing: -.4px; margin-bottom: 16px; }
.v-more { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.v-more-center { justify-content: center; }
.v-more a { display: inline-block; border: 1px solid #cddcf9; background: var(--white); border-radius: 999px; padding: 8px 16px; font-weight: 600; font-size: 15px; }
.v-more a:hover, .v-more a:focus-visible { border-color: var(--primary); color: var(--primary); }

.v-hub h2 { font-size: 20px; letter-spacing: -.3px; margin: 0 0 6px; }
.v-hub h2 a { color: var(--ink); }
.v-hub h2 a:hover { color: var(--primary); }
.v-hub .cap { position: relative; }
.v-hub h2 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }

@media (max-width: 900px) {
  .pain-grid, .v-plans { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .steps.v-steps { grid-template-columns: 1fr; }
  .v-section { padding-block: 52px; }
  .v-hero h1 { font-size: clamp(30px, 8vw, 40px); }
}