.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0 1.5rem}
.step{border:1px solid #eee;border-radius:14px;padding:1.25rem}
.step i{font-style:normal;font-family:var(--d);font-size:30px;line-height:1;color:var(--y);-webkit-text-stroke:.5px #000;display:block;margin-bottom:.4rem}
.step h3{font-family:var(--d);font-size:18px;letter-spacing:1px;margin-bottom:.3rem}
.step p{font-size:13px;color:#666;margin:0;line-height:1.7}
.rec{border:2px solid var(--y);border-radius:16px;padding:2rem;margin:1.5rem 0;background:#fffdf0}
.rt{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}
.rec h3{font-family:var(--d);font-size:26px;letter-spacing:1.5px}
.pr{font-family:var(--d);font-size:34px;letter-spacing:1px}
.rec p{margin-bottom:0}
.rec a,.alt a,.wrap p a{color:var(--bk);font-weight:500}
.split{display:grid;grid-template-columns:1fr 180px;gap:2rem;align-items:center;margin:1.5rem 0 2.5rem}
.split h2{margin-top:0}
.split figure img{width:100%;height:auto;border-radius:10px;display:block}
.figs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0 2.5rem}
.figs img{width:100%;height:auto;border-radius:12px;display:block}
figcaption{font-size:12px;color:#888;margin-top:.4rem}
.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.5rem;align-items:center;margin:1.5rem 0 2.5rem}
.logos img{height:76px;width:auto;max-width:100%;object-fit:contain;margin:0 auto;display:block}
.zone{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem}
.zone a{border:1px solid #ddd;border-radius:30px;padding:6px 14px;font-size:13px;color:var(--bk);text-decoration:none}
.zone a:hover{border-color:var(--y);background:#fffdf0}
@media(max-width:700px){.steps,.figs{grid-template-columns:1fr}.split{grid-template-columns:1fr}.split figure{max-width:160px}.logos{grid-template-columns:repeat(2,1fr)}}