.ww {
  --ink:#2D2A26; --sec:#6B6560; --ter:#6F6962; --greenT:#3AB648; --hair:#E5DFD5;
  max-width:1240px; margin-inline:auto;
  padding-inline:clamp(1.5rem,4vw,2.5rem); padding-block:clamp(3.5rem,8vw,6.5rem);
  color:var(--ink);
}
.ww-eyebrow { margin:0 0 clamp(1.25rem,2.2vw,1.75rem); font-size:.75rem; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--greenT); }
.ww-head { margin:0; max-width:20ch; font-size:clamp(2rem,4.4vw,3.6rem); font-weight:600;
  letter-spacing:-.035em; line-height:1.04; text-wrap:balance; }

.ww-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.25rem,2.5vw,2rem); margin-top:clamp(2.25rem,4.5vw,3.25rem); }
.ww-c { padding-top:.9rem; border-top:2px solid var(--greenT);
  opacity:0; transform:translateY(12px);
  transition:opacity .6s ease var(--d,0ms),transform .6s cubic-bezier(.2,.7,.2,1) var(--d,0ms); }
.ww.in .ww-c { opacity:1; transform:none; }
.ww-c-k { margin:0; font-size:.72rem; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink); opacity:.72; }
.ww-c-w { margin:.6rem 0 0; font-size:clamp(.98rem,1.2vw,1.08rem); line-height:1.45; color:var(--ink); }
.ww-c-g { margin:.6rem 0 0; font-size:.875rem; line-height:1.45; color:var(--sec); }

.ww-point { margin:clamp(2rem,4vw,3rem) 0 0; max-width:64ch;
  font-size:clamp(1.02rem,1.3vw,1.16rem); line-height:1.55; color:var(--ink);
  opacity:0; transform:translateY(12px);
  transition:opacity .6s ease .2s,transform .6s cubic-bezier(.2,.7,.2,1) .2s; }
.ww.in .ww-point { opacity:1; transform:none; }

.ww-val { margin:clamp(2.25rem,4.5vw,3.25rem) 0 0; padding:clamp(1.3rem,2.6vw,2rem);
  border-radius:14px; background:rgba(58,182,72,.07); border:1px solid rgba(58,182,72,.28);
  max-width:70ch;
  opacity:0; transform:translateY(12px);
  transition:opacity .6s ease .3s,transform .6s cubic-bezier(.2,.7,.2,1) .3s; }
.ww.in .ww-val { opacity:1; transform:none; }
.ww-val-k { margin:0 0 .6rem; font-size:.72rem; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--greenT); }
.ww-val p { margin:0; font-size:clamp(.95rem,1.15vw,1.05rem); line-height:1.55; color:var(--ink); }

@media (max-width:860px) { .ww-grid { grid-template-columns:1fr; gap:clamp(1.5rem,3vw,2rem); } }
.ww-val-n { margin:.85rem 0 0 !important; font-size:.85rem !important; color:var(--sec) !important; }

#whywin { background:#FFFFFF; }