/* Extracted from style.css: home styles */

/* Home page content styles */
/* Home page content only. Shared site chrome is in common.css. */
/* Shared stylesheet for GetACalculator.com
   Page-specific rules are scoped by the layout wrapper in index.php. */

.home-content {
      --brand-blue: #3657E8;
      --brand-blue-dark: #263B9C;
      --brand-magenta: #E83E8C;
      --brand-magenta-dark: #C92F75;
      --brand-soft-blue: #EEF2FF;
      --brand-soft-magenta: #FFF0F7;
      --ink: #1f2836;
      --muted: #667085;
      --border: #cfd4dc;
      --page: #f3f4f7;
      --surface: #fff;
      --stripe: #2B3340;
}

.home-content * {
      box-sizing: border-box;
}

html {
      scroll-behavior: smooth;
}

.home-content {
      margin: 0;
      background: var(--page);
      color: var(--ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.home-content a {
      color: inherit;
}

.home-content .hero {
      background: #fff;
      border-bottom: 1px solid #dfe3e8;
      padding: clamp(2.2rem, 5vw, 4.8rem) 0;
}

.home-content .hero-kicker {
      color: var(--brand-magenta-dark);
      font-size: .78rem;
      font-weight: 850;
      letter-spacing: .12em;
      text-transform: uppercase;
}

.home-content .hero h1 {
      max-width: 900px;
      margin: .65rem auto .8rem;
      font-size: clamp(2.2rem, 5vw, 4.5rem);
      line-height: .98;
      letter-spacing: -.055em;
      font-weight: 900;
}

.home-content .hero h1 .blue {
      color: var(--brand-blue);
}

.home-content .hero h1 .magenta {
      color: var(--brand-magenta);
}

.home-content .hero-copy {
      max-width: 760px;
      margin-inline: auto;
      color: var(--muted);
      font-size: clamp(1rem, 1.7vw, 1.2rem);
}

.home-content .hero-search {
      max-width: 820px;
      margin: 1.8rem auto 0;
}

.home-content .hero-search .form-control,
.home-content .hero-search .btn {
      min-height: 56px;
      border-radius: 0;
}

.home-content .hero-search .form-control {
      border: 2px solid #8d95a0;
      font-size: 1.05rem;
}

.home-content .hero-search .form-control:focus {
      border-color: var(--brand-blue);
      box-shadow: none;
}

.home-content .hero-search .btn {
      min-width: 68px;
      background: #139FF0;
      border-color: #139FF0;
      color: #fff;
}

.home-content .hero-search .btn:hover {
      background: #0D8DCC;
      border-color: #0D8DCC;
}

.home-content .quick-links {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: .55rem;
      margin-top: 1.1rem;
}

.home-content .quick-links a {
      padding: .48rem .75rem;
      border: 1px solid #c9ced6;
      background: #fff;
      text-decoration: none;
      font-size: .85rem;
      font-weight: 650;
}

.home-content .quick-links a:hover {
      border-color: var(--brand-blue);
      color: var(--brand-blue-dark);
      background: var(--brand-soft-blue);
}

.home-content .section-wrap {
      padding: 2rem 0;
}

.home-content .section-title {
      margin: 0;
      font-size: clamp(1.35rem, 2vw, 1.8rem);
      font-weight: 850;
      letter-spacing: -.025em;
}

.home-content .section-copy {
      color: var(--muted);
      margin: .35rem 0 0;
}

.home-content .panel {
      background: #fff;
      border: 1px solid var(--border);
}

.home-content .panel-strip {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 48px;
      padding: .75rem 1rem;
      background: var(--stripe);
      color: #fff;
      font-size: .82rem;
      font-weight: 850;
      letter-spacing: .055em;
      text-transform: uppercase;
}

.home-content .panel-body {
      padding: 1rem;
}

.home-content .calculator-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      background: var(--border);
      border: 1px solid var(--border);
}

.home-content .calc-card {
      position: relative;
      min-width: 0;
      min-height: 148px;
      padding: 1.05rem 3.15rem 1.05rem 1.05rem;
      background: #fff;
      transition: background .12s ease;
}

.home-content .calc-card:hover {
      background: #fafbff;
}

.home-content .calc-arrow {
      position: absolute;
      top: .85rem;
      right: .85rem;
      display: inline-grid;
      place-items: center;
      width: 34px;
      height: 34px;
      border: 1px solid #cfd4dc;
      background: #fff;
      color: var(--brand-blue);
      text-decoration: none;
}

.home-content .calc-arrow:hover,
.home-content .calc-arrow:focus {
      background: var(--brand-soft-blue);
      border-color: var(--brand-blue);
      color: var(--brand-blue-dark);
}

.home-content .calc-category {
      margin-bottom: .55rem;
      color: var(--brand-magenta-dark);
      font-size: .74rem;
      font-weight: 650;
      letter-spacing: .06em;
      text-transform: uppercase;
}

.home-content .calc-name {
      font-weight: 650;
      line-height: 1.25;
}

.home-content .calc-desc {
      margin-top: .35rem;
      color: var(--muted);
      font-size: .86rem;
      line-height: 1.42;
}

.home-content .blog-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
}

.home-content .blog-card {
      background: #fff;
      border: 1px solid var(--border);
      min-width: 0;
}

.home-content .blog-card img {
      display: block;
      width: 100%;
      aspect-ratio: 16 / 9;
      object-fit: cover;
}

.home-content .blog-card-body {
      padding: 1rem;
}

.home-content .blog-card h3 {
      margin: 0 0 .45rem;
      font-size: 1.02rem;
      font-weight: 650;
      line-height: 1.3;
}

.home-content .blog-card h3 a {
      color: inherit;
      text-decoration: none;
}

.home-content .blog-card h3 a:hover {
      color: var(--brand-blue);
}

.home-content .blog-card p {
      margin: 0;
      color: var(--muted);
      font-size: .86rem;
      line-height: 1.5;
}

.home-content .category-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1rem;
}

.home-content .category-card {
      position: relative;
      min-height: 150px;
      padding: 1rem;
      border: 1px solid var(--border);
      background: #fff;
      text-decoration: none;
      overflow: hidden;
}

.home-content .category-card::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 5px;
      background: var(--brand-blue);
}

.home-content .category-card:nth-child(even)::before {
      background: var(--brand-magenta);
}

.home-content .category-card h3 {
      margin: 0 0 .45rem;
      font-size: 1.05rem;
      font-weight: 850;
}

.home-content .category-card p {
      margin: 0;
      color: var(--muted);
      font-size: .86rem;
}

.home-content .category-card .count {
      position: absolute;
      right: .9rem;
      bottom: .75rem;
      color: #8a93a1;
      font-size: .76rem;
      font-weight: 700;
}

.home-content .category-card:hover {
      border-color: var(--brand-blue);
}

.home-content .list-links {
      margin: 0;
      padding: 0;
      list-style: none;
}

.home-content .list-links li+li {
      border-top: 1px solid #e7e9ed;
}

.home-content .list-links a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: .88rem .15rem;
      text-decoration: none;
      font-weight: 700;
}

.home-content .list-links a:hover {
      color: var(--brand-blue);
}

.home-content .rank {
      display: inline-grid;
      place-items: center;
      width: 28px;
      height: 28px;
      margin-right: .65rem;
      background: #eef0f4;
      color: #4f5968;
      font-size: .8rem;
      font-weight: 850;
}

.home-content .list-links li:nth-child(1) .rank {
      background: var(--brand-soft-magenta);
      color: var(--brand-magenta-dark);
}

.home-content .list-links li:nth-child(2) .rank {
      background: var(--brand-soft-blue);
      color: var(--brand-blue-dark);
}

.home-content .feature-band {
      background: var(--brand-blue-dark);
      color: #fff;
}

.home-content .feature-band .feature-cell {
      padding: 1.6rem;
      border-right: 1px solid rgba(255, 255, 255, .18);
}

.home-content .feature-band .feature-cell:last-child {
      border-right: 0;
}

.home-content .feature-band i {
      color: #ff7db1;
      font-size: 1.35rem;
}

.home-content .feature-band strong {
      display: block;
      margin-top: .55rem;
}

.home-content .feature-band p {
      margin: .3rem 0 0;
      color: rgba(255, 255, 255, .75);
      font-size: .86rem;
}

@media (max-width: 991.98px) {
      .home-content .calculator-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .home-content .blog-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .home-content .blog-card:last-child {
            grid-column: 1 / -1;
      }

      .home-content .category-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .home-content .feature-band .feature-cell:nth-child(2) {
            border-right: 0;
      }

      .home-content .feature-band .feature-cell:nth-child(-n

            /**/
            +2) {
            border-bottom: 1px solid rgba(255, 255, 255, .18);
      }
}

@media (max-width: 767.98px) {
      .home-content .desktop-search {
            display: none !important;
      }

      .home-content .hero {
            padding-top: 2.3rem;
      }

      .home-content .hero h1 {
            line-height: 1.04;
      }

      .home-content .hero-search .form-control,
      .home-content .hero-search .btn {
            min-height: 50px;
      }

      .home-content .calculator-grid {
            grid-template-columns: 1fr;
      }

      .home-content .blog-grid {
            grid-template-columns: 1fr;
      }

      .home-content .blog-card:last-child {
            grid-column: auto;
      }

      .home-content .category-grid {
            grid-template-columns: 1fr;
      }

      .home-content .feature-band .feature-cell {
            border-right: 0 !important;
            border-bottom: 1px solid rgba(255, 255, 255, .18);
      }

      .home-content .feature-band .feature-cell:last-child {
            border-bottom: 0;
      }
}

.home-content .hero-kicker {
      font-weight: 700;
}

.home-content .hero h1 {
      font-weight: 760;
}

.home-content .quick-links a {
      font-weight: 550;
}

.home-content .section-title {
      font-weight: 700;
}

.home-content .panel-strip {
      font-weight: 700;
}

.home-content .calc-name {
      font-weight: 650;
}

.home-content .category-card h3 {
      font-weight: 700;
}

.home-content .category-card .count {
      font-weight: 550;
}

.home-content .list-links a {
      font-weight: 600;
}

.home-content .rank {
      font-weight: 700;
}

.home-content .feature-band {
      background: #ffffff;
      color: var(--ink);
      border: 1px solid var(--border);
}

.home-content .feature-band .feature-cell {
      border-right: 1px solid #e1e4e9;
}

.home-content .feature-band i {
      color: var(--brand-magenta);
}

.home-content .feature-band strong {
      font-weight: 650;
}

.home-content .feature-band p {
      color: var(--muted);
}



/* Home */
.home-content { background:#fff; }
.home-content .hero {
  margin:0;
  padding:clamp(3.5rem,7vw,6.5rem) 0;
  background:#0d5f3a;
  border:0;
}
.home-content .hero-kicker {
  display:inline-block;
  margin-bottom:.4rem;
  color:#d9f5e7;
  font-size:.77rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.home-content .hero h1 {
  max-width:980px;
  margin:.55rem auto 1rem;
  color:#fff;
  font-size:clamp(2.7rem,6.4vw,5.9rem);
  line-height:.93;
  letter-spacing:-.065em;
  font-weight:800;
}
.home-content .hero h1 .blue,
.home-content .hero h1 .magenta { color:#7ee2ae; }
.home-content .hero-copy { max-width:720px; color:#e5f5ed; line-height:1.65; }
.home-content .hero-search { max-width:760px; margin-top:1.8rem; }
.home-content .hero-search .input-group {
  padding:0;
  border:0;
  border-radius:4px;
  overflow:hidden;
  background:#fff;
  box-shadow:none;
}
.home-content .hero-search .form-control,
.home-content .hero-search .btn { min-height:58px; border-radius:0!important; }
.home-content .hero-search .form-control { border:0; padding-left:1.1rem; background:#fff; font-size:1rem; }
.home-content .hero-search .btn { min-width:68px; border:0; background:var(--green); color:#fff; }
.home-content .hero-search .btn:hover { background:var(--green-dark); }
.home-content .quick-links { gap:.55rem; margin-top:1.2rem; }
.home-content .quick-links a {
  padding:.48rem .72rem;
  border:1px solid rgba(255,255,255,.45);
  border-radius:4px;
  background:transparent;
  color:#fff;
  font-size:.8rem;
  font-weight:600;
}
.home-content .quick-links a:hover { border-color:#fff; background:#fff; color:var(--green-deep); }

.home-content .section-wrap { padding:3.2rem 0; }
.home-content .section-title { color:var(--charcoal); font-size:clamp(1.55rem,2vw,2rem); font-weight:700; letter-spacing:-.035em; }
.home-content .section-copy { color:#74767e; }
.home-content .category-grid { gap:16px; background:transparent; border:0; }
.home-content .category-card {
  min-height:165px;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  box-shadow:none;
  transition:border-color .18s ease,transform .18s ease;
}
.home-content .category-card::before { width:4px; background:var(--green); }
.home-content .category-card:nth-child(even)::before { background:var(--green); }
.home-content .category-card:hover { transform:translateY(-3px); border-color:#b5b6ba; }
.home-content .category-card h3 { letter-spacing:-.02em; }
.home-content .category-card .count { display:inline-flex; padding:.25rem .48rem; border-radius:4px; background:#f5f5f5; color:#74767e; font-size:.72rem; font-weight:600; }

.home-content .blog-grid { gap:18px; }
.home-content .blog-card {
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  box-shadow:none;
  transition:transform .18s ease,border-color .18s ease;
}
.home-content .blog-card:hover { transform:translateY(-3px); border-color:#b5b6ba; }
.home-content .blog-card img { aspect-ratio:16/9; object-fit:cover; }
.home-content .blog-card-body { padding:1.2rem; }
.home-content .blog-card h3 a:hover { color:var(--green-dark); }

.home-content .calculator-grid { gap:16px; background:transparent; border:0; }
.home-content .calc-card {
  min-height:170px;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  box-shadow:none;
  transition:transform .18s ease,border-color .18s ease;
}
.home-content .calc-card:hover { transform:translateY(-3px); background:#fff; border-color:#b5b6ba; }
.home-content .calc-category { color:var(--green-dark); }
.home-content .calc-arrow { border:0; border-radius:50%; background:#f5f5f5; color:var(--charcoal); transition:background .18s ease,color .18s ease; }
.home-content .calc-card:hover .calc-arrow { background:var(--green); color:#fff; }
.home-content .feature-band { overflow:hidden; border:0; border-radius:8px; background:#f5f5f5; }
.home-content .feature-cell { color:var(--charcoal); border-color:#e4e5e7!important; }
.home-content .feature-cell i { display:inline-grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#e4f6ed; color:var(--green-dark); }
.home-content .feature-cell p { color:#74767e; }