.pledge .pl:nth-child(1) .pi{background:var(--red-100);color:var(--red-600)}

.pledge .pl:nth-child(2) .pi{background:var(--blue-50);color:var(--brand)}

.pledge .pl:nth-child(3) .pi{background:oklch(0.93 0.05 150);color:oklch(0.5 0.13 150)}

.pledge .pl:nth-child(4) .pi{background:var(--blue-50);color:var(--brand)}

.pledge .pl h4{font-size:16px;margin-bottom:5px}

.pledge .pl p{font-size:13.5px;color:var(--ink-700);line-height:1.5}


/* ============================ REVEAL ============================ */

.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}

.reveal.in{opacity:1;transform:none}

.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}


/* ============================ RESPONSIVE ============================ */

@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-stage{order:-1;min-height:480px}
  .flow{grid-template-columns:1fr;gap:34px}
  .feat-grid{grid-template-columns:repeat(2,1fr)}
  .pledge{grid-template-columns:repeat(2,1fr)}
  .mission{padding:44px 32px}
  .free{grid-template-columns:1fr;gap:34px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:32px}
}

@media(max-width:760px){
  .wrap{padding:0 20px}
  .nav-links,.lang{display:none}
  .menu-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--blue-50);border:0;color:var(--ink-900);cursor:pointer}
  .menu-btn .material-symbols-rounded{font-size:24px}
  .cards3{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .pledge{grid-template-columns:1fr}
  .mission{padding:36px 22px}
  .band{padding:74px 0}
  .final{padding:42px 24px}
  .foot-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:520px){
  .feat-grid{grid-template-columns:1fr}
  .hero h1{font-size:34px}
  .hero h1 .hl{white-space:normal}
}