/* Styles for index page */

/* .list-centered {
    display: inline-block;
    text-align: left;
    padding-left: 0;
} */

    :root {
      --cressit-blue: #0d6efd;
      --cressit-dark: #162033;
      --cressit-soft: #f5f8fc;
      --cressit-border: #d9e2ef;
    }

    /* body {
      color: #243044;
      background: #fff;
    } */

    .hero {
      background:
        linear-gradient(135deg, rgba(13, 110, 253, 0.10), rgba(22, 32, 51, 0.06)),
        var(--cressit-soft);
      border-bottom: 1px solid var(--cressit-border);
    }

    .eyebrow {
      display: inline-block;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--cressit-blue);
      margin-bottom: 0.75rem;
    }

    .hero h1 {
      color: var(--cressit-dark);
      font-weight: 800;
      letter-spacing: -0.035em;
    }

    .hero-lead {
      font-size: 1.2rem;
      /* max-width: 720px; */
    }

    .section-title {
      color: var(--cressit-dark);
      font-weight: 750;
      letter-spacing: -0.025em;
    }

    .offer-card {
      height: 100%;
      border: 1px solid var(--cressit-border);
      border-radius: 1rem;
      box-shadow: 0 0.5rem 1.25rem rgba(22, 32, 51, 0.06);
      transition: transform 0.15s ease, box-shadow 0.15s ease;
    }

    .offer-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 0.75rem 1.75rem rgba(22, 32, 51, 0.10);
    }

    .offer-icon {
      width: 3rem;
      height: 3rem;
      border-radius: 0.9rem;
      background: rgba(13, 110, 253, 0.10);
      color: var(--cressit-blue);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      margin-bottom: 1rem;
    }

    .feature-list {
      padding-left: 1.1rem;
      margin-bottom: 0;
    }

    .feature-list li {
      margin-bottom: 0.4rem;
    }

    .soft-panel {
      background: var(--cressit-soft);
      border: 1px solid var(--cressit-border);
      border-radius: 1.25rem;
    }

    .cta-band {
      background: var(--cressit-dark);
      color: #fff;
      border-radius: 1.25rem;
    }

    .cta-band .text-muted {
      color: rgba(255, 255, 255, 0.72) !important;
    }

    .support-note {
      border-left: 4px solid var(--cressit-blue);
      background: #fff;
      border-radius: 0.75rem;
      box-shadow: 0 0.35rem 1rem rgba(22, 32, 51, 0.05);
    }

    .small-muted {
      color: #64748b;
      font-size: 0.95rem;
    }


    .hero-squirrel {
  max-height: 230px;
  object-fit: contain;
  filter: drop-shadow(0 1rem 1.5rem rgba(22, 32, 51, 0.18));
}

@media (max-width: 991px) {
  .hero-squirrel {
    max-height: 180px;
  }
}