/* The Godfather Offer page, second half: components, why it is different,
   the calculator, proof, founding partners, FAQ, final call and the phone CTA. */

/* ---------- components ---------- */
.gf-comp { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gf-comp__card {
  padding: 26px 24px; border-radius: 18px;
  border: 1px solid var(--border); background: linear-gradient(180deg, var(--card), var(--bg-2));
  transition: border-color var(--t-med) var(--ease), transform var(--t-med) var(--ease);
}
.gf-comp__card:hover { border-color: var(--border-glow); transform: translateY(-3px); }
.gf-comp__n { font-family: var(--mono); font-size: 12px; color: var(--cyan); }
.gf-comp__card h3 { margin: 12px 0 8px; font-size: 20px; font-weight: 800; }
.gf-comp__card p { margin: 0; color: var(--muted); font-size: 15px; }
@media (max-width: 900px) { .gf-comp { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .gf-comp { grid-template-columns: 1fr; } }

/* ---------- why it is different ---------- */
.gf-diff { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.gf-diff__block {
  position: relative; overflow: hidden; padding: clamp(28px, 3vw, 40px);
  min-height: 220px; display: grid; align-content: start; gap: 12px;
  border-radius: 22px; border: 1px solid var(--border-glow);
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(61, 214, 245, .12), transparent 60%),
    linear-gradient(180deg, var(--card), var(--well));
}
.gf-diff__block:nth-child(2) { background: radial-gradient(80% 60% at 50% 0%, rgba(157, 92, 255, .16), transparent 60%), linear-gradient(180deg, var(--card), var(--well)); }
.gf-diff__block:nth-child(3) { background: radial-gradient(80% 60% at 100% 0%, rgba(255, 61, 184, .14), transparent 60%), linear-gradient(180deg, var(--card), var(--well)); }
.gf-diff__block h3 { margin: 0; font-size: clamp(22px, 2.2vw, 30px); font-weight: 900; letter-spacing: -.02em; }
.gf-diff__block p { margin: 0; color: var(--muted); font-size: 16px; }
@media (max-width: 900px) { .gf-diff { grid-template-columns: 1fr; } .gf-diff__block { min-height: 0; } }

/* ---------- the economics ---------- */
.gf-calc {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  border: 1px solid var(--border-glow); border-radius: 24px; overflow: hidden;
  background: var(--well); box-shadow: var(--sh-card);
}
.gf-calc__in { min-width: 0; padding: clamp(20px, 3vw, 40px); display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-content: start; border-right: 1px solid var(--border); }
.gf-calc__note { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--cyan); }
.gf-calc__field { display: grid; gap: 7px; min-width: 0; }
.gf-calc__field > span:first-child { font-size: 14px; color: var(--muted); }
.gf-calc__input {
  display: flex; align-items: center; gap: 8px; padding: 0 14px; min-height: 52px;
  border-radius: 12px; border: 1px solid var(--border-glow); background: var(--bg);
}
.gf-calc__input:focus-within { border-color: var(--purple); box-shadow: 0 0 0 3px rgba(157, 92, 255, .22); }
.gf-calc__input i { font-style: normal; color: var(--muted-2); font-weight: 700; }
.gf-calc__input input, .gf-calc__input select {
  flex: 1; min-width: 0; width: 100%; height: 50px; border: 0; background: transparent; color: var(--text);
  font: inherit; font-size: 18px; font-weight: 700; outline: none;
}
.gf-calc__input select option { background: var(--bg); }
.gf-calc__out {
  padding: clamp(24px, 3vw, 40px); display: grid; gap: 14px; align-content: center;
  background: radial-gradient(70% 60% at 100% 0%, rgba(157, 92, 255, .18), transparent 70%), linear-gradient(180deg, var(--card), var(--well));
}
.gf-calc__stat { display: grid; gap: 4px; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--border); background: color-mix(in srgb, var(--bg) 50%, transparent); }
.gf-calc__stat span { font-size: 14px; color: var(--muted); }
.gf-calc__stat b { font-size: clamp(28px, 3vw, 40px); font-weight: 900; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.gf-calc__stat--hero { border-color: var(--border-glow); }
.gf-calc__stat--hero b { background: var(--grad-hot); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: clamp(36px, 4vw, 56px); }
.gf-calc__stat em { font-style: normal; font-size: 14px; color: var(--live); }
.gf-calc__fine { margin: 4px 0 0; font-size: 13px; color: var(--muted-2); }
@media (max-width: 860px) {
  .gf-calc { grid-template-columns: minmax(0, 1fr); }
  .gf-calc__in { border-right: 0; border-bottom: 1px solid var(--border); }
}

/* ---------- proof ---------- */
.gf-proof__h { margin: 0 0 6px; font-size: clamp(20px, 2vw, 26px); font-weight: 800; }
.gf-proof__sub { margin: 0 0 22px; }
.gf-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gf-proof__card a {
  display: grid; gap: 6px; height: 100%; padding: 12px 12px 18px;
  border-radius: 16px; border: 1px solid var(--border); background: var(--card);
  transition: border-color var(--t-med) var(--ease), transform var(--t-med) var(--ease);
}
.gf-proof__card a:hover { border-color: var(--border-glow); transform: translateY(-3px); }
.gf-proof__card img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 10px; margin-bottom: 8px; }
.gf-proof__tag { padding-inline: 4px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--cyan); }
.gf-proof__card b { padding-inline: 4px; font-size: 17px; }
.gf-proof__more { padding-inline: 4px; font-size: 14px; font-weight: 700; color: var(--purple); }
.gf-results {
  margin-top: 40px; padding: clamp(22px, 3vw, 32px); border-radius: 18px;
  border: 1px dashed var(--border-glow); background: color-mix(in srgb, var(--well) 70%, transparent);
}
.gf-results p { margin: 0; color: var(--muted); max-width: 70ch; }
@media (max-width: 900px) { .gf-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .gf-proof { grid-template-columns: 1fr; } }

/* ---------- founding partners ---------- */
.gf-found {
  position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px);
  padding: clamp(28px, 4vw, 56px); border-radius: 26px;
  border: 1px solid transparent;
  background:
    linear-gradient(180deg, var(--card), var(--well)) padding-box,
    linear-gradient(120deg, var(--cyan), var(--purple), var(--pink)) border-box;
  box-shadow: 0 30px 90px rgba(157, 92, 255, .22);
}
.gf-found__copy { display: grid; gap: 16px; justify-items: start; align-content: start; }
.gf-found__copy .body { margin: 0; }
.gf-found__terms { padding: clamp(20px, 3vw, 30px); border-radius: 18px; border: 1px solid var(--border); background: color-mix(in srgb, var(--bg) 60%, transparent); }
.gf-found__terms h3 { margin: 0 0 14px; font-size: 14px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--cyan); }
.gf-found__terms ul { display: grid; gap: 12px; }
.gf-found__terms li { position: relative; padding-left: 28px; color: var(--text); font-size: 15.5px; line-height: 1.5; }
.gf-found__terms li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--live); font-weight: 900; }
@media (max-width: 900px) { .gf-found { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .gf-found__copy .btn { width: 100%; } }

/* ---------- final call ---------- */
.gf-final {
  position: relative; padding-block: clamp(90px, 12vw, 170px); text-align: center; overflow: hidden;
  background: radial-gradient(55% 60% at 50% 50%, rgba(157, 92, 255, .24), transparent 70%);
  border-top: 1px solid var(--border);
}
.gf-final__in { display: grid; gap: 20px; justify-items: center; max-width: 900px; }
.gf-final .gf-h2 { font-size: clamp(32px, 4.4vw, 64px); }
.gf-final .gf-big { font-size: clamp(28px, 3.8vw, 54px); }
.gf-final .btn { margin-top: 12px; }
.gf-final .fine { max-width: 56ch; }
@media (max-width: 520px) { .gf-final .btn { width: 100%; } }

/* ---------- phone: a sticky call to action once the hero is passed ---------- */
.gf-mcta { display: none; }
@media (max-width: 760px) {
  .gf-mcta {
    display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 55;
    padding: 10px 84px calc(10px + env(safe-area-inset-bottom)) 14px;
    background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(12px);
    border-top: 1px solid var(--border);
    transform: translateY(110%); transition: transform var(--t-med) var(--ease);
  }
  .gf-mcta.is-on { transform: none; }
  .gf-mcta .btn { width: 100%; }
  /* the page ends with room for the bar, so nothing sits under it */
  body:has(.gf-mcta) .foot__base { padding-bottom: 150px; }
}

/* the FAQ page spaces its groups apart; this list is one group */
#offer-faq .faq { gap: 12px; }