/* HOW IT WORKS */
  #how{background:var(--bg);}
  @media (min-width:761px){
    #how{padding-top:24px;}
  }
  .how-head{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:12px;}
  @media (min-width:761px){
    .how-head{gap:28px;}
  }
  .how-badge{
    width:58px;height:58px;flex-shrink:0;border-radius:28%;
    background:linear-gradient(160deg,var(--green-bright),var(--green));
    display:flex;align-items:center;justify-content:center;
    transform:rotate(-8deg);
    box-shadow:0 0 0 4px var(--white),0 8px 16px -4px rgba(95,138,30,.5);
  }
  .how-badge svg{width:30px;height:30px;transform:rotate(8deg);}
  .how-head h2{margin:0;color:var(--ink);}
  .steps{max-width:820px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  @media (max-width:820px){ .steps{grid-template-columns:1fr;} }
  .step{
    background:var(--white);border:1px solid var(--line);border-radius:16px;
    padding:26px 22px;display:flex;gap:16px;align-items:flex-start;
    box-shadow:0 1px 2px rgba(25,28,25,.04);
  }
  .step .num{
    font-family:'Fredoka';color:var(--blue-dark);background:var(--blue-light);
    font-weight:700;font-size:1.05rem;width:34px;height:34px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .how-subhead{margin:8px 0 0;color:var(--ink);opacity:.75;font-size:1.05rem;text-align:center;}
  .step-text h3{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:var(--ink);}
  .step-text p{color:var(--ink);font-size:1.02rem;font-weight:400;line-height:1.5;letter-spacing:.01em;margin:0;}