/* Grantkeeper home pages (/, /es/). Builds on styles.css; scoped to .gk-home. */
.gk-home .brand b { font: 400 32px/1.1 var(--serif); letter-spacing: -.035em; white-space: nowrap; }
.gk-home .brand span { font: 400 13px var(--sans); color: var(--muted); }
.gk-home .hero .content-header { border-bottom-color: #cdd2c499; }
.gk-product { margin-bottom: 18px; color: var(--muted); font-size: 14px; letter-spacing: .02em; }
.gk-home .gateways { display: grid; justify-items: center; gap: 6px; }
.gk-home .gateways > p { margin: 0; }
.gk-price-line { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 22px; font-size: 14px; }
.gk-price-line b { font-weight: 500; }
.gk-nowrap { white-space: nowrap; }

/* Example picker in the left column of the demo stage. */
.gk-picker { align-self: center; width: 100%; max-width: 270px; justify-self: end; padding: 22px 22px 24px; background: #f8f7ef; box-shadow: 0 12px 30px #2538291c; }
.gk-picker h2 { font-size: 29px; letter-spacing: -.02em; }
.gk-picker > p { margin-top: 14px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.gk-picker-list { display: grid; gap: 8px; margin-top: 20px; }
.gk-picker-list button { min-height: 44px; padding: 10px 14px; border: 0; border-radius: 12px; background: #fffdf8; box-shadow: inset 0 0 0 1px #bfc1b6; color: var(--ink); font: 500 14px/1.3 var(--sans); text-align: left; cursor: pointer; }
.gk-picker-list button:hover { background: #fff; box-shadow: inset 0 0 0 1px #8d9584; }
.gk-picker-list button[aria-pressed="true"] { color: #fff; background: linear-gradient(#444640, #252824); box-shadow: inset 0 1px 0 #62665e, 0 3px 7px #25282426; }
.gk-home .result-sheet { max-width: 300px; }
.gk-ad { margin-top: 16px; padding: 12px 13px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px #dcdfd3; font-size: 13px; line-height: 1.45; }
.gk-ad[hidden] { display: none; }
.gk-ad-url { color: var(--muted); font-size: 12px; }
.gk-ad-title { margin-top: 4px; color: #1a4fb0; font-size: 15px; line-height: 1.3; }
.gk-ad-text { margin-top: 4px; color: var(--ink); }
.gk-ad-counts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.gk-ad-counts span, .gk-pill { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #e5ead9; color: #3c4a2f; font-size: 12px; font-variant-numeric: tabular-nums; }
.gk-ad-links { margin-top: 8px; color: #1a4fb0; font-size: 12px; }

/* Short Ad Grants context. */
.gk-rules { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 32px; margin: 44px 0 0; padding: 0; counter-reset: rule; }
.gk-rules li { padding-top: 18px; border-top: 1px solid #b7bfaf; counter-increment: rule; }
.gk-rules strong { display: block; font: 400 24px/1.2 var(--serif); letter-spacing: -.02em; }
.gk-rules strong::before { content: counter(rule, decimal-leading-zero); display: block; margin-bottom: 10px; color: var(--muted); font: 500 12px var(--sans); letter-spacing: .06em; }
.gk-rules span { display: block; margin-top: 10px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.gk-note { margin-top: 34px; color: var(--muted); font-size: 13px; line-height: 1.6; max-width: 760px; }
.gk-note a, .gk-home .section-intro a, .gk-home .faq a, .gk-home .business-note a { text-decoration: underline; text-underline-offset: 3px; }

/* Sample ad check. */
.gk-check-section { border-top: 1px solid #d1d4c8; }
.gk-check { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 34px; margin-top: 40px; align-items: start; }
.gk-check-input { display: grid; gap: 16px; }
.gk-sample-label { color: var(--muted); font-size: 13px; }
.gk-check label { display: grid; gap: 7px; font-size: 14px; font-weight: 500; }
.gk-check input, .gk-check select, .gk-check textarea { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid #9aa58e; border-radius: 10px; background: #faf9f4; color: var(--ink); font: 400 14px/1.5 var(--sans); }
.gk-check textarea { resize: vertical; }
.gk-check-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.gk-check-actions .button { border: 0; cursor: pointer; font-family: var(--sans); }
.gk-check-result { position: sticky; top: 24px; padding: 24px 26px; background: #f8f7ef; box-shadow: 0 12px 30px #2538291c; }
.gk-check-empty { margin-top: 16px; color: var(--muted); font-size: 14px; }
.gk-check-list { list-style: none; margin: 14px 0 0; padding: 0; }
.gk-check-row { padding: 14px 0; border-bottom: 1px solid #dcdfd3; }
.gk-check-row > p:not(.gk-check-head) { margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
.gk-check-head { display: flex; align-items: center; gap: 10px; font-size: 15px; }
.gk-check-head strong { font-weight: 500; }
.is-fix .gk-pill { background: #f6e3cf; color: #7a3f0e; }

/* Weekly work: same grid as the real-estate home. */
.gk-home .business-examples { padding-block: 88px; border-top: 1px solid #d1d4c8; }
.gk-home .business-examples h2 { max-width: 700px; margin: 0 0 20px; font: 400 clamp(32px, 4vw, 48px)/1.15 var(--serif); }
.gk-home .business-examples > p { max-width: 700px; font-size: 14px; line-height: 1.7; color: var(--muted); }
.gk-home .business-categories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 40px; margin-top: 48px; }
.gk-home .business-categories h3 { margin: 0 0 20px; padding-top: 20px; border-top: 1px solid #a9afa5; font: 400 24px/1.2 var(--serif); }
.gk-home .business-categories ul { list-style: none; margin: 0; padding: 0; }
.gk-home .business-categories li { margin-bottom: 14px; font-size: 14px; line-height: 1.7; }
.gk-home .business-examples .business-note { max-width: none; margin: 40px 0 0; font-size: 13px; }

/* Tools: six tiles, the first four link to their integration pages. */
.gk-apps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gk-apps > a, .gk-apps > div { display: block; border-top: 1px solid #b7bfaf; padding-top: 18px; }
.gk-apps > a:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.gk-price { margin-top: 20px; font: 400 22px/1.35 var(--serif); }

@media (max-width: 1100px) { .gk-picker { max-width: 240px; padding: 18px; } .gk-picker h2 { font-size: 26px; } }
@media (max-width: 900px) {
  .gk-picker { grid-column: 1 / -1; grid-row: 1; max-width: 640px; justify-self: center; text-align: center; padding: 18px; }
  .gk-picker > p { display: none; }
  .gk-picker h2 { font-size: 26px; }
  .gk-picker-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gk-picker-list button { text-align: center; }
  .gk-rules { grid-template-columns: 1fr 1fr; }
  .gk-check { grid-template-columns: 1fr; }
  .gk-check-result { position: static; }
  .gk-apps { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) { .gk-home .business-examples { padding-block: 56px; } .gk-home .business-categories { grid-template-columns: 1fr; gap: 32px; } }
@media (max-width: 600px) {
  .gk-home .brand b { font-size: 20px; }
  .gk-product { font-size: 13px; margin-bottom: 14px; }
  .gk-price-line { font-size: 13px; }
  .gk-picker { grid-row: 1; width: 100%; max-width: 350px; }
  .gk-picker h2 { font-size: 24px; }
  .gk-picker-list { gap: 6px; }
  .gk-picker-list button { padding: 9px 10px; font-size: 13px; }
  .gk-home .phone-wrap { grid-row: 2; }
  .gk-rules { grid-template-columns: 1fr; gap: 22px; margin-top: 30px; }
  .gk-rules strong { font-size: 22px; }
  .gk-check { margin-top: 28px; gap: 24px; }
  .gk-check-result { padding: 20px; }
  .gk-apps { grid-template-columns: 1fr 1fr; }
  .gk-price { font-size: 20px; }
}