/* Vets page extras (shared components live in styles.css) */
.hero--vet .btn { background: #fff; color: var(--primary); }
.hero--vet .btn:hover { background: var(--sage-soft); }
.hero--vet .btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.6); }
.hero--vet .btn--ghost:hover { background: #fff; color: var(--primary); }
.hero--vet .ico-badge { background: #e3edf3; color: var(--vet); }
.hero--vet .accent { color: #bfe0f2; }

.vt-sample { margin-top: 14px; font-size: 12.5px; color: var(--ink-2); text-align: center; position: relative; z-index: 2; }
.section--dark .vt-sample, .hero--dark .vt-sample { color: rgba(255,255,255,.65); }





.vt-note { display: flex; gap: 14px; align-items: flex-start; }
.vt-note .ico-badge { flex: none; }
.vt-pair { margin-top: 20px; }
.steps--vet .step::before { background: var(--vet); }
.steps--vet .step { box-shadow: var(--shadow); }
.plan-card { max-width: 440px; width: 100%; }
.plan-card h3 { margin-bottom: 8px; }
.chip--vet { background: var(--vet); color: #fff; }
.mt-0 { margin-top: 0; }
.hero--vet .fc-1 { top: 40%; left: -6%; }
@media (max-width: 560px) { .hero--vet .fc-1 { top: 2%; left: 0; } }