/* HOMEPAGE ONLY: clear small borders on important elements */

.hero,
.section-card,
.hero-panel,
.metric,
.feature-item,
.plan-card,
.contact-card,
.footer,
.billing-toggle,
.discount-pill,
.plan-badge,
.plan-cta,
.hero-actions a,
.contact-form input,
.contact-form textarea,
.contact-form button,
.footer-links a {
  border: 1px solid rgba(255,255,255,0.22) !important;
}

/* rounded corners where needed */
.hero,
.section-card,
.hero-panel,
.metric,
.feature-item,
.plan-card,
.contact-card,
.footer {
  border-radius: 18px !important;
}

.billing-toggle,
.discount-pill,
.plan-badge,
.plan-cta,
.hero-actions a,
.contact-form input,
.contact-form textarea,
.contact-form button,
.footer-links a {
  border-radius: 14px !important;
}

/* slightly stronger on cards so they are clearly visible */
.hero,
.section-card,
.hero-panel,
.metric,
.feature-item,
.plan-card,
.contact-card,
.footer {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 8px 24px rgba(0,0,0,0.28) !important;
}

/* make plan cards and feature cards feel interactive */
.feature-item:hover,
.plan-card:hover,
.contact-card:hover {
  border-color: rgba(255,255,255,0.22) !important;
}

/* footer links should look like bordered chips */
.footer-links a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  background: rgba(255,255,255,0.03) !important;
}

/* keep buttons polished */
.plan-cta,
.hero-actions a,
.contact-form button {
  background-clip: padding-box !important;
}