.examples{padding:80px 0 60px;border-top:1px solid rgba(234,240,236,.14)}
.examples h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.03em;line-height:1.05;margin:10px 0 14px}
.examples .lead{max-width:62ch;color:var(--chalk-2);margin:0 0 30px;font-size:17px}
.exgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:rgba(234,240,236,.14);border:1px solid rgba(234,240,236,.25)}
.ex{background:rgba(10,46,51,.72);padding:24px 22px 26px;display:grid;gap:10px;align-content:start}
.ex .n{font-family:var(--f-m);font-size:11px;letter-spacing:.12em;color:var(--lemon)}
.ex h3{margin:0;font-size:21px;letter-spacing:-.02em;line-height:1.1}
.ex p{margin:0;font-size:14.5px;color:var(--chalk-2)}
.ex ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:5px;font-family:var(--f-m);font-size:11px;letter-spacing:.04em;color:var(--chalk-2)}
.ex li::before{content:"— ";color:var(--lemon)}
@media (max-width:1000px){.exgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.exgrid{grid-template-columns:1fr}}