/* Grow Green page: page-specific styles (loads after css/pf-base.css) */
  /* Grow Green page */
  .gg-hero{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;padding:3.5rem 0 2.2rem}
  .gg-hero .gg-copy{flex:1 1 320px;min-width:280px}
  .gg-badge{flex:0 0 auto;width:200px;max-width:44vw;height:auto;display:block}
  .lead{font-size:1.12rem;color:var(--choc);font-weight:400;line-height:1.7;margin-top:1.2rem;max-width:60ch}
  .lead strong{font-weight:800}
  .pull{margin:1.6rem 0 0;font-family:var(--ff);font-weight:900;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.2;letter-spacing:-0.02em;color:var(--green)}
  .steps{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
  .step{background:var(--white);border:1.5px solid rgba(61,43,31,0.09);border-top:4px solid var(--green);border-radius:16px;padding:1.4rem 1.3rem}
  .step .num{font-family:var(--ff);font-weight:900;font-size:0.8rem;letter-spacing:0.08em;color:var(--green);text-transform:uppercase}
  .step h3{font-family:var(--ff);font-weight:900;font-size:1.05rem;color:var(--choc);margin:0.5rem 0 0.4rem;line-height:1.15}
  .step p{color:var(--slate);font-weight:300;font-size:0.94rem;line-height:1.6;margin:0}
  .cta-band{margin:2.6rem 0 0;background:var(--choc);border-radius:20px;padding:2.6rem 2rem;text-align:center}
  .cta-band h2{color:var(--white);font-family:var(--ff);font-weight:900;font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.15;letter-spacing:-0.02em;margin:0 auto;max-width:20ch;text-wrap:balance}
  .cta-band .gg{color:var(--green-light)}
  .cta-band p{color:rgba(255,255,255,0.75);font-weight:300;margin:0.9rem auto 0;max-width:52ch;font-size:0.98rem}
  .cta-band .cta-btn{display:inline-flex;align-items:center;gap:0.5rem;margin-top:1.5rem;font-family:var(--ff);font-weight:800;font-size:0.98rem;color:var(--choc);background:var(--green);padding:0.85rem 1.9rem;border-radius:999px;text-decoration:none;border:none;box-shadow:0 6px 20px rgba(141,182,0,0.35);transition:all .2s}
  .cta-band .cta-btn:hover{background:var(--green-light);transform:translateY(-2px);color:var(--choc);border:none}
  @media(max-width:640px){
    .steps{grid-template-columns:1fr}
    .gg-hero{gap:1.4rem}
    .gg-badge{order:-1}
  }
  @media print{ .cta-band{background:#fff;border:1px solid #ccc} .cta-band h2,.cta-band p{color:#000} .step{break-inside:avoid} }
