/* Survey Harvest 2.0
   Mobile-first, lightweight, and Neocities-friendly.
*/

:root {
  --forest: #173d2b;
  --forest-2: #23533c;
  --leaf: #4e7658;
  --cream: #f7f3e9;
  --paper: #fffdf8;
  --wheat: #d8b86b;
  --wheat-soft: #f1e5c5;
  --ink: #20271f;
  --muted: #687067;
  --line: #ddd8cb;
  --white: #ffffff;
  --shadow: 0 18px 50px rgba(27, 48, 35, 0.10);
  --radius: 22px;
  --shell: 1120px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
}

body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  overflow-x: hidden;
}

a {
  color: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button {
  font: inherit;
}

.shell {
  width: min(calc(100% - 36px), var(--shell));
  margin-inline: auto;
}

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  background: var(--forest);
  color: white;
  border-radius: 8px;
  transform: translateY(-150%);
}

.skip-link:focus {
  transform: translateY(0);
}

/* Header */

.site-header {
  position: sticky;
  z-index: 100;
  top: 0;
  border-bottom: 1px solid rgba(23, 61, 43, 0.10);
  background: rgba(247, 243, 233, 0.95);
  backdrop-filter: blur(12px);
}

.nav-wrap {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--forest);
  text-decoration: none;
}

.brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 13px;
  background: var(--forest);
  color: var(--paper);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.brand strong,
.brand small {
  display: block;
}

.brand strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.12rem;
  line-height: 1.1;
}

.brand small {
  display: none;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.72rem;
}

.menu-button {
  min-width: 48px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper);
  color: var(--forest);
  cursor: pointer;
}

.menu-icon,
.menu-icon::before,
.menu-icon::after {
  width: 18px;
  height: 2px;
  display: block;
  position: relative;
  background: currentColor;
  border-radius: 3px;
}

.menu-icon::before,
.menu-icon::after {
  content: "";
  position: absolute;
  left: 0;
}

.menu-icon::before { top: -6px; }
.menu-icon::after { top: 6px; }

.menu-label {
  font-size: 0.86rem;
  font-weight: 700;
}

.site-nav {
  display: none;
  position: absolute;
  top: 72px;
  right: 18px;
  left: 18px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--paper);
  box-shadow: var(--shadow);
}

.site-nav.open {
  display: grid;
}

.site-nav a {
  padding: 12px 14px;
  border-radius: 10px;
  color: var(--forest);
  font-weight: 700;
  text-decoration: none;
}

.site-nav a:hover,
.site-nav a:focus-visible {
  background: var(--wheat-soft);
}

/* Type */

h1,
h2,
h3 {
  margin: 0;
  color: var(--forest);
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

h1 {
  max-width: 760px;
  font-size: clamp(2.55rem, 11vw, 5.5rem);
}

h1 em {
  color: var(--leaf);
  font-weight: inherit;
}

h2 {
  font-size: clamp(2rem, 7vw, 3.4rem);
}

h3 {
  font-size: clamp(1.8rem, 7vw, 2.5rem);
}

p {
  margin: 0;
}

.eyebrow {
  margin-bottom: 12px;
  color: var(--leaf);
  font-size: 0.77rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Hero */

.hero {
  position: relative;
  padding: 68px 0 58px;
  overflow: hidden;
}

.hero::after {
  content: "";
  width: 320px;
  height: 320px;
  position: absolute;
  z-index: -1;
  right: -170px;
  bottom: -110px;
  border: 1px solid rgba(78, 118, 88, 0.18);
  border-radius: 50%;
  box-shadow:
    0 0 0 42px rgba(78, 118, 88, 0.035),
    0 0 0 84px rgba(78, 118, 88, 0.025);
}

.hero-grid {
  display: grid;
  gap: 38px;
}

.hero-text {
  max-width: 670px;
  margin-top: 24px;
  color: #4f584f;
  font-size: 1.08rem;
}

.hero-actions {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}

.button {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border: 0;
  border-radius: 13px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.button-primary {
  background: var(--forest);
  color: var(--white);
  box-shadow: 0 8px 22px rgba(23, 61, 43, 0.16);
}

.button-primary:hover,
.button-primary:focus-visible {
  background: var(--forest-2);
}

.text-link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--forest);
  font-weight: 800;
  text-decoration: none;
}

.harvest-note {
  padding: 25px;
  border: 1px solid rgba(23, 61, 43, 0.12);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--shadow);
}

.note-top {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--leaf);
  font-size: 0.73rem;
  font-weight: 900;
  letter-spacing: 0.13em;
}

.sprout {
  color: var(--wheat);
}

.harvest-note > p {
  margin-top: 15px;
  color: var(--forest);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.2;
}

.harvest-note ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.harvest-note li {
  position: relative;
  padding: 9px 0 9px 28px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-weight: 650;
}

.harvest-note li::before {
  content: "✓";
  position: absolute;
  left: 2px;
  color: var(--leaf);
  font-weight: 900;
}

/* Sections */

.section {
  padding: 62px 0;
}

.section-heading {
  margin-bottom: 30px;
}

.section-heading > p {
  max-width: 590px;
  margin-top: 16px;
  color: var(--muted);
}

.site-grid {
  display: grid;
  gap: 22px;
}

.survey-card {
  position: relative;
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: 0 10px 32px rgba(31, 48, 36, 0.055);
  overflow: hidden;
}

.survey-card.featured {
  border-color: rgba(78, 118, 88, 0.35);
}

.survey-card.featured::before {
  content: "";
  height: 5px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: var(--leaf);
}

.card-topline {
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--leaf);
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--leaf);
  box-shadow: 0 0 0 4px rgba(78, 118, 88, 0.12);
}

.crop-number {
  color: #aaa79e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.9rem;
}

.card-intro {
  margin-top: 15px;
  color: var(--muted);
}

.offer-box {
  margin-top: 24px;
  padding: 18px;
  border: 1px solid #e5d7ae;
  border-radius: 16px;
  background: #fbf5e5;
}

.offer-label {
  display: block;
  margin-bottom: 7px;
  color: #726238;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.code-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.code-row code {
  color: var(--forest);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.55rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.copy-button {
  min-height: 46px;
  padding: 10px 16px;
  border: 1px solid rgba(23, 61, 43, 0.2);
  border-radius: 11px;
  background: var(--paper);
  color: var(--forest);
  font-weight: 850;
  cursor: pointer;
}

.offer-box p {
  margin-top: 13px;
  color: #756a4c;
  font-size: 0.9rem;
}

.quick-facts {
  margin-top: 24px;
  display: grid;
  gap: 10px;
}

.quick-facts > div {
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #faf9f5;
}

.quick-facts span,
.quick-facts strong {
  display: block;
}

.quick-facts span {
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 0.76rem;
}

.quick-facts strong {
  color: var(--forest);
}

.card-actions {
  margin-top: 24px;
}

.card-actions .button {
  width: 100%;
}

.fine-print {
  margin-top: 15px;
  color: #7b807a;
  font-size: 0.78rem;
  line-height: 1.5;
}

/* Rule / About / Disclosure */

.rule-section {
  background: var(--forest);
}

.rule-section h2,
.rule-section .eyebrow {
  color: var(--paper);
}

.rule-grid {
  display: grid;
  gap: 28px;
}

.rule-copy {
  display: grid;
  gap: 17px;
  color: #dfe8e0;
}

.about-card {
  display: grid;
  gap: 22px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.about-kicker {
  color: var(--wheat);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.3rem, 12vw, 5.5rem);
  font-weight: 800;
  line-height: 0.9;
  opacity: 0.5;
  overflow-wrap: anywhere;
}

.about-card h2 {
  max-width: 720px;
}

.about-card p:last-child {
  max-width: 730px;
  margin-top: 18px;
  color: var(--muted);
}

.disclosure-section {
  padding-top: 0;
}

.disclosure-box {
  padding: 24px;
  border-left: 4px solid var(--wheat);
  background: rgba(255, 253, 248, 0.7);
}

.disclosure-box h2 {
  font-size: 1.35rem;
  letter-spacing: -0.015em;
}

.disclosure-box p {
  margin-top: 10px;
  color: var(--muted);
  font-size: 0.92rem;
}

/* Footer */

.site-footer {
  padding: 34px 0;
  border-top: 1px solid var(--line);
  background: #eee8dc;
}

.footer-inner {
  display: grid;
  gap: 18px;
}

.site-footer strong {
  color: var(--forest);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
}

.site-footer p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.84rem;
}

.copyright {
  margin: 0 !important;
}

.sr-only {
  width: 1px;
  height: 1px;
  position: absolute;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

:focus-visible {
  outline: 3px solid var(--wheat);
  outline-offset: 3px;
}

/* Larger phones */

@media (min-width: 480px) {
  .brand small {
    display: block;
  }

  .hero-actions {
    flex-direction: row;
    align-items: center;
  }

  .button {
    padding-inline: 24px;
  }

  .code-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .copy-button {
    min-width: 120px;
  }
}

/* Tablet / desktop */

@media (min-width: 760px) {
  .shell {
    width: min(calc(100% - 64px), var(--shell));
  }

  .menu-button {
    display: none;
  }

  .site-nav,
  .site-nav.open {
    display: flex;
    position: static;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .site-nav a {
    padding: 9px 11px;
    font-size: 0.9rem;
  }

  .hero {
    padding: 96px 0 82px;
  }

  .hero-grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(270px, 0.75fr);
    align-items: end;
    gap: 60px;
  }

  .section {
    padding: 82px 0;
  }

  .section-heading {
    display: grid;
    grid-template-columns: 1fr minmax(280px, 0.65fr);
    align-items: end;
    gap: 50px;
  }

  .section-heading > p {
    margin-top: 0;
  }

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

  .survey-card {
    padding: 32px;
  }

  .rule-grid {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
    gap: 70px;
  }

  .about-card {
    grid-template-columns: 0.45fr 1.4fr;
    align-items: center;
    padding: 44px;
  }

  .footer-inner {
    grid-template-columns: 1fr auto;
    align-items: end;
  }
}

/* Respect reduced motion */

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}


/* ===== Polish pass ===== */

.hero-line {
  display: inline;
}

.review-link {
  min-height: 46px;
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--forest);
  font-weight: 850;
  text-decoration: none;
}

.review-link:hover,
.review-link:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.field-stamp {
  width: min(100%, 190px);
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  border: 1px solid #e5d7ae;
  border-radius: 18px;
  background: #fbf5e5;
  color: var(--forest);
}

.field-stamp span,
.field-stamp small {
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.field-stamp strong {
  margin: 3px 0;
  color: var(--wheat);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 3.7rem;
  line-height: 1;
}

.field-stamp small {
  color: var(--muted);
  letter-spacing: 0.07em;
}

@media (min-width: 760px) {
  h1 {
    font-size: clamp(3.8rem, 6.1vw, 5rem);
  }

  .hero-line {
    display: block;
  }

  .hero-copy {
    min-width: 0;
  }

  .about-card {
    grid-template-columns: 210px 1fr;
  }
}

@media (max-width: 759px) {
  .hero {
    padding-top: 54px;
  }

  h1 {
    font-size: clamp(2.55rem, 13vw, 4rem);
  }

  .field-stamp {
    width: 100%;
    min-height: auto;
  }

  .field-stamp strong {
    font-size: 3rem;
  }
}


/* Review pages */

.back-home {
  color: var(--forest);
  font-weight: 800;
  text-decoration: none;
}

.narrow {
  max-width: 820px;
}

.review-hero {
  padding: 72px 0 28px;
}

.review-hero h1 {
  font-size: clamp(3rem, 9vw, 5.2rem);
}

.review-lede {
  max-width: 650px;
  margin-top: 18px;
  color: var(--muted);
  font-size: 1.08rem;
}

.review-body {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.review-body h2 {
  font-size: clamp(2rem, 6vw, 3rem);
}

.review-body > p {
  margin-top: 16px;
  color: var(--muted);
}

.coming-note,
.review-referral {
  margin-top: 26px;
  padding: 20px;
  border-radius: 16px;
}

.coming-note {
  border: 1px solid var(--line);
  background: #faf9f5;
}

.coming-note strong {
  color: var(--forest);
}

.coming-note p {
  margin-top: 7px;
  color: var(--muted);
}

.review-referral {
  border: 1px solid #e5d7ae;
  background: #fbf5e5;
}

.review-referral > p {
  margin: 10px 0 18px;
  color: #756a4c;
}

.review-referral .button {
  width: 100%;
  margin-top: 18px;
}

@media (min-width: 760px) {
  .review-body {
    padding: 40px;
  }
}


/* ===== Prime researched referral block ===== */
.prime-referral h2 { margin-top: 8px; font-size: clamp(1.8rem, 6vw, 2.5rem); }
.prime-referral > p { margin-top: 12px; }
.prime-referral > .button { width: 100%; margin-top: 20px; }
.referral-divider {
  display: flex; align-items: center; gap: 12px; margin: 22px 0;
  color: var(--muted); font-size: .75rem; font-weight: 900;
  letter-spacing: .08em; text-transform: uppercase;
}
.referral-divider::before, .referral-divider::after {
  content: ""; height: 1px; flex: 1; background: var(--line);
}
.referral-fact {
  margin-top: 16px; padding: 16px 18px; border: 1px solid var(--line);
  border-radius: 14px; background: #faf9f5;
}
.referral-fact strong { color: var(--forest); }
.referral-fact p { margin-top: 5px; color: var(--muted); }


/* ===== Prime bonus-code directions ===== */
.bonus-code-steps {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fbf5e5;
}
.bonus-code-steps > strong { color: var(--forest); }
.bonus-code-steps > p { margin-top: 7px; color: var(--muted); }
.step-path {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}
.step-path span {
  padding: 6px 9px;
  border: 1px solid #e5d7ae;
  border-radius: 999px;
  background: var(--paper);
  color: var(--forest);
  font-size: .78rem;
  font-weight: 800;
}
.step-path b { color: var(--wheat); }

/* ===== Survey Harvest Guides ===== */
.mini-nav{display:flex;align-items:center;gap:18px}.mini-nav a{color:var(--forest);font-size:.88rem;font-weight:800;text-decoration:none}
.guide-index-hero,.focused-guide-hero{padding:72px 0 34px}.guide-index-hero h1,.focused-guide-hero h1{font-size:clamp(2.8rem,8vw,5rem)}
.guide-index-hero p:not(.eyebrow){max-width:650px;margin-top:16px;color:var(--muted);font-size:1.08rem}
.guide-grid{display:grid;gap:18px}.guide-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.guide-number{color:var(--leaf);font-size:.7rem;font-weight:900;letter-spacing:.12em}.guide-card h2{margin-top:9px;font-size:clamp(1.8rem,6vw,2.7rem)}
.guide-card h2 a{color:var(--forest);text-decoration:none}.guide-card>p{margin-top:12px;color:var(--muted)}
.answer-box{margin-top:28px;padding:22px;border-left:5px solid var(--wheat);border-radius:0 16px 16px 0;background:#fbf5e5}
.answer-box>strong{color:var(--forest);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.answer-box p{margin-top:8px;color:#5f5949;font-size:1.02rem;line-height:1.7}
.guide-body{padding-bottom:70px}.guide-body>section{padding:34px 0;border-top:1px solid var(--line)}.guide-body>section:first-child{border-top:0}
.guide-body h2{font-size:clamp(2rem,6vw,3rem)}.guide-body section>p:not(.eyebrow):not(.fine-print){margin-top:14px;color:var(--muted)}
.guide-next{padding:30px!important;border:1px solid #e5d7ae!important;border-radius:var(--radius);background:#fbf5e5}.guide-next .button{width:100%;margin-top:22px}
@media(max-width:620px){.mini-nav{gap:10px}.mini-nav a{font-size:.78rem}.guide-index-hero,.focused-guide-hero{padding-top:52px}}

/* ===== Guide referral footer ===== */
.guide-secondary-link{margin-top:16px!important;text-align:center}
.guide-secondary-link a{color:var(--leaf);font-weight:800;text-decoration:none}
.guide-secondary-link a:hover,.guide-secondary-link a:focus-visible{text-decoration:underline;text-underline-offset:4px}

/* Resource hub + guide 002 */
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.resource-tile{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #d8e3d8;border-radius:16px;padding:1.45rem;transition:transform .15s ease,border-color .15s ease}.resource-tile:hover,.resource-tile:focus-visible{transform:translateY(-2px);border-color:#538461}.resource-tile h3{margin:.6rem 0;font-size:1.2rem}.resource-tile p{color:#52645a;line-height:1.6}.resource-kicker{font-size:.72rem;font-weight:800;letter-spacing:.09em;color:#39734d}.resource-arrow{display:inline-block;margin-top:.5rem;font-weight:700;color:#205a37}.latest-guides{margin-top:2rem;padding:1.5rem;border-radius:16px;background:#eff5ec}.latest-guides h3{margin:.2rem 0 1rem}.latest-guide-links{display:grid;gap:.6rem}.latest-guide-links a{color:#205a37;font-weight:650}.instruction-list{padding-left:1.5rem;line-height:1.85}.instruction-list li{padding-left:.3rem;margin-bottom:.45rem}.guide-code-panel{border:1px solid #d4e0d0;border-radius:14px;padding:1.3rem;margin:1.5rem 0;background:#f1f7ee}.guide-code-value{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.guide-code-value code{font-size:1.65rem;font-weight:800;letter-spacing:.08em;color:#173d2b}.guide-referral-panel{background:#f1f7ee;border:1px solid #d4e0d0;border-radius:16px;padding:1.5rem;margin:2rem 0}.guide-referral-panel .fine-print{margin-top:1rem}.guide-back{margin:2rem 0}@media(max-width:760px){.resource-grid{grid-template-columns:1fr}.resource-tile{padding:1.2rem}}

/* Guide 003: readable proof images and payment table */
.payment-table-wrap{overflow-x:auto;margin:1.4rem 0}.payment-table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:12px}.payment-table th,.payment-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.payment-table td:last-child,.payment-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.payment-table tfoot{background:#edf4eb;color:var(--forest)}.proof-gallery{display:grid;gap:1.2rem;margin:1.5rem 0}.proof-gallery figure{margin:0;padding:1rem;background:var(--paper);border:1px solid var(--line);border-radius:16px}.proof-gallery img{display:block;max-width:100%;height:auto;border-radius:8px}.proof-gallery figcaption{margin-top:.7rem;color:var(--muted);font-size:.88rem}.guide-body a:not(.button){text-underline-offset:3px}

/* Survey Harvest footer information links */
.footer-links{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center}.footer-links a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-size:.88rem}


/* Guide visual polish — scoped to guide pages; no scripts required. */
.guide-index-hero,.focused-guide-hero {background:linear-gradient(155deg,#f5f6ed 0%,#eaf1e8 100%);border-bottom:1px solid var(--line);padding:66px 0 46px}
.guide-index-hero h1,.focused-guide-hero h1 {max-width:820px;line-height:1.1;letter-spacing:-.025em;overflow-wrap:break-word}
.guide-index-hero .eyebrow,.focused-guide-hero .eyebrow{margin-bottom:12px}
.guide-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.guide-card {display:flex;flex-direction:column;min-width:0;padding:30px;box-shadow:0 10px 28px rgba(23,61,43,.045);transition:transform .18s ease,border-color .18s ease}
.guide-card:hover{transform:translateY(-3px);border-color:#b2c8b3}
.guide-card h2 {font-size:clamp(1.55rem,3.5vw,2.2rem);line-height:1.2}
.guide-card .review-link {display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px;font-weight:800}
.guide-body{padding-top:30px;padding-bottom:80px}
.guide-body>section {margin:0 0 20px;padding:30px!important;background:var(--paper);border:1px solid var(--line)!important;border-radius:18px;box-shadow:0 5px 18px rgba(23,61,43,.025)}
.guide-body>section:first-child {border:1px solid var(--line)!important}
.guide-body h2{font-size:clamp(1.65rem,4vw,2.45rem);line-height:1.2;overflow-wrap:break-word}
.guide-body h2+p{margin-top:14px}
.guide-body img{max-width:100%;height:auto}
.answer-box{max-width:820px;box-shadow:0 6px 22px rgba(23,61,43,.035)}
.guide-body .eyebrow{margin-bottom:10px}
.guide-body .fine-print{font-size:.86rem;line-height:1.6}
.guide-body .earnings-summary {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;padding:24px;border:1px solid #d9e4d7;border-radius:16px;background:#f1f6ee}
.guide-body .earnings-main,.guide-body .earnings-split>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.guide-body .earnings-main>span,.guide-body .earnings-split span{font-size:.82rem;font-weight:750;color:var(--muted)}
.guide-body .earnings-main>strong{font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.15;color:var(--forest)}
.guide-body .earnings-main>small{color:var(--muted)}
.guide-body .earnings-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:center}
.guide-body .earnings-split>div{border-left:1px solid #d3e0d1;padding-left:14px}
.guide-body .earnings-split strong{font-size:1.45rem;color:var(--forest)}
.guide-body .payment-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.guide-body .payment-table{border:0}
.guide-body .payment-table thead{background:#eaf1e7}
.guide-body .payment-table tbody tr:nth-child(even){background:#f6f7f2}
.guide-body .proof-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.guide-body .proof-gallery figure{min-width:0}
.guide-body .proof-gallery img{width:100%;height:auto;object-fit:contain}
.guide-body .trait-proof{margin:24px 0 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f7f8f3}
.guide-body .trait-proof img{display:block;width:100%;max-width:740px;margin:auto;border-radius:9px}
.guide-body figcaption{margin-top:12px;font-size:.86rem;line-height:1.55;color:var(--muted)}
.guide-body .score-timeline{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 0}
.guide-body .score-timeline>div{display:flex;flex:1 1 112px;flex-direction:column;gap:7px;min-width:0;padding:14px;background:#edf4ea;border-radius:12px}
.guide-body .score-timeline>div span{font-size:.73rem;color:var(--muted)}
.guide-body .score-timeline>div strong{font-size:1.35rem;color:var(--forest)}
.guide-body .score-timeline>span{font-size:1.1rem;color:var(--leaf)}
.guide-body .score-timeline .score-max{background:#f8f0d8}
.guide-body .trait-warning{padding:20px;border-left:4px solid #b99a48;background:#fbf5e5;border-radius:0 12px 12px 0;margin:18px 0}
.guide-body .trait-warning p{margin-top:9px}
.guide-body .instruction-list{counter-reset:guide-step;list-style:none;padding:0;display:grid;gap:12px;margin:22px 0}
.guide-body .instruction-list li{counter-increment:guide-step;position:relative;min-height:54px;margin:0;padding:14px 16px 14px 58px;border:1px solid var(--line);border-radius:12px;background:#f7f8f3}
.guide-body .instruction-list li::before{content:counter(guide-step);position:absolute;left:15px;top:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--forest);color:white;font-weight:800;font-size:.85rem}
.guide-body .guide-code-panel{padding:24px}
.guide-body .guide-referral-panel,.guide-body .guide-next{background:#fbf5e5;border:1px solid #e5d7ae!important;border-radius:16px;padding:28px!important}
.guide-body .guide-next .button{width:auto;max-width:100%}
.guide-secondary-link{padding:0 18px 32px}
@media(max-width:760px){
 .guide-index-hero,.focused-guide-hero{padding:44px 0 32px}
 .guide-grid{grid-template-columns:1fr}
 .guide-card{padding:24px}
 .guide-body>section{padding:22px 18px!important}
 .guide-body .earnings-summary{grid-template-columns:1fr;padding:18px}
 .guide-body .earnings-split>div:first-child{border-left:0;padding-left:0}
 .guide-body .proof-gallery{grid-template-columns:1fr}
 .guide-body .score-timeline>span{display:none}
 .guide-body .score-timeline>div{flex:1 1 120px}
 .guide-body .guide-referral-panel,.guide-body .guide-next{padding:22px 18px!important}
}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}