.gutter-cleaning-guides-page {
  --hcg-blue: #2563eb;
  --hcg-blue-deep: #1d4ed8;
  --hcg-teal: #0f9aa8;
  --hcg-orange: #16a34a;
  --hcg-orange-deep: #15803d;
  --hcg-ink: #0f2233;
  --hcg-muted: #51677a;
  --hcg-border: #d9e8f5;
  --hcg-page: #f6fbff;
  color: var(--hcg-ink);
  font-size: 17px;
  background: var(--hcg-page);
}

.gutter-cleaning-guides-page .hcg-hero {
  background:
    radial-gradient(circle at 86% 15%, rgba(22, 163, 74, 0.18), transparent 29%),
    radial-gradient(circle at 12% 84%, rgba(37, 99, 235, 0.13), transparent 28%),
    linear-gradient(145deg, #ffffff 0%, #ecfdf5 52%, #eef8ff 100%);
}

.gutter-cleaning-guides-page .hcg-dot-field {
  background-image: radial-gradient(circle, #22c55e 2px, transparent 2.4px);
}

.gutter-cleaning-guides-page .hcg-pill-category {
  color: #166534;
  background: #dcfce7;
}

.gutter-cleaning-guides-page .hcg-guide-card,
.gutter-cleaning-guides-page .hcg-cta {
  border-color: var(--hcg-border);
  box-shadow: 0 18px 48px rgba(20, 81, 126, 0.08);
}

.gcg-house-scene {
  position: relative;
  display: grid;
  min-height: 390px;
  place-items: center;
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(145deg, #ecfdf5, #eef8ff);
}

.gcg-house-scene img {
  width: 112%;
  max-width: none;
  height: 112%;
  object-fit: cover;
  object-position: 55% center;
  filter: saturate(1.02) drop-shadow(0 20px 28px rgba(21, 128, 61, 0.14));
}

.gutter-cleaning-guides-page .hcg-guide-card p,
.gutter-cleaning-guides-page .hcg-section-heading p,
.gutter-cleaning-guides-page .hcg-cta-copy p {
  font-size: 1.0625rem;
  line-height: 1.7;
}

.gutter-cleaning-guides-page .hcg-card-link,
.gutter-cleaning-guides-page .hcg-cta-button {
  font-size: 1rem;
}

.gutter-cleaning-guides-page .hcg-cta {
  background:
    radial-gradient(circle at 88% 18%, rgba(110, 231, 183, 0.35), transparent 28%),
    linear-gradient(135deg, #ecfdf5, #eef8ff);
}

.gutter-cleaning-guides-page .hcg-cta-button {
  background: linear-gradient(135deg, #16a34a, #15803d);
}

.gutter-cleaning-guides-page .hcg-cta-button:hover {
  background: linear-gradient(135deg, #15803d, #14532d);
}

.gutter-cleaning-guides-page .hcg-mini-icon {
  background: #16a34a;
}

.gutter-cleaning-guides-page .hcg-checklist-card li span {
  background: #16a34a;
}

.gutter-cleaning-guides-page .hcg-cost-card span {
  color: #15803d;
}

.gutter-cleaning-guides-page .hcg-footer {
  background: #071d2b;
}

@media (max-width: 760px) {
  .gcg-house-scene {
    min-height: 270px;
  }
}