/* Home page redesign: skyline hero with an action panel, and a card grid with one Quote button and a More info link each. */
main.home-redesign { --orange: #f07d1a; --orange-dark: #d96a0b; --ink: #1f2328; }

/* Buttons */
.home-btn { display: block; text-align: center; font-weight: 700; font-size: 1.05rem; padding: 14px 24px; border-radius: 8px; text-decoration: none !important; transition: background .15s, transform .15s; }
.home-btn-primary { background: var(--orange); color: #fff !important; }
.home-btn-primary:hover { background: var(--orange-dark); transform: translateY(-1px); }
.home-btn-secondary { background: #fff; color: var(--ink) !important; border: 2px solid var(--ink); }
.home-btn-secondary:hover { background: var(--ink); color: #fff !important; }
.home-call { display: block; text-align: center; margin-top: 14px; font-weight: 600; color: inherit; text-decoration: none; }
.home-call:hover { text-decoration: underline; }

/* Hero */
.home-hero { padding: 72px 0 56px; }
.home-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; align-items: center; }
.home-hero h1 { font-family: inherit; font-size: 3rem; font-weight: 800; line-height: 1.1; margin: 0 0 22px !important; }
.home-points { list-style: none; margin: 0; padding: 0; }
.home-points li { position: relative; padding-left: 32px; margin-bottom: 12px; line-height: 1.45; }
.home-points li:before { content: "\2713"; position: absolute; left: 0; top: 1px; width: 22px; height: 22px; border-radius: 50%; background: var(--ink); color: #fff; font-size: 13px; line-height: 22px; text-align: center; }
.home-actions { background: #fff; color: var(--ink); border-radius: 16px; padding: 24px; box-shadow: 0 8px 30px rgba(0, 0, 0, .15); }
.home-actions .home-btn + .home-btn { margin-top: 12px; }

/* Cards */
.home-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding: 48px 0 24px; }
.home-card { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, .12); display: flex; flex-direction: column; }
.home-card img { display: block; width: 100%; height: 190px; object-fit: cover; }
.home-card-body { padding: 20px 22px 22px; text-align: center; display: flex; flex-direction: column; flex: 1; }
.home-card h2 { font-family: inherit; font-size: 1.25rem; font-weight: 700; margin: 0 0 8px; }
.home-card p { font-size: .95rem; line-height: 1.5; color: #444; margin: 0 0 18px; flex: 1; }
.home-more { display: inline-block; margin-top: 12px; font-weight: 600; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.home-more:hover { color: var(--orange-dark); }

/* Skyline photo behind the hero, white text */
.home-redesign .home-hero { color: #fff; background: linear-gradient(rgba(20, 22, 26, .72), rgba(20, 22, 26, .72)), url(/wp-content/uploads/2019/08/AdobeStock_223705742-Tampa-Skyline-1-e1569549811849.jpeg) center / cover no-repeat; padding: 88px 0 72px; }
.home-redesign .home-hero h1 { color: #fff; text-shadow: 0 3px 8px rgba(0, 0, 0, .4); }
.home-redesign .home-points li:before { background: var(--orange); }

/* Small orange kicker over a large headline, quieter points */
.home-eyebrow { color: var(--orange); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: .9rem; margin: 0 0 8px; }
.home-redesign .home-hero h1 { font-size: 3.6rem; }
.home-points { font-size: .95rem; opacity: .9; margin-top: 4px; }

@media (max-width: 991px) {
  .home-hero-inner { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .home-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .home-redesign .home-hero { padding: 64px 0 32px; }
  .home-redesign .home-hero h1 { font-size: 2.1rem; }
  .home-cards { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 28px; }
  .home-actions .home-btn { width: 100%; }
}