footer{background:#081d15;color:#e8f1ed;padding:42px 0;overflow:hidden}
footer .wrap{width:min(100% - 40px,1180px);max-width:1180px;margin:0 auto;padding:0}
footer .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:800;letter-spacing:.01em;white-space:nowrap}
footer .btn-green{background:#5de28d;color:#081d15;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.footer-brand{color:white;font:800 24px "IBM Plex Mono",system-ui,sans-serif;letter-spacing:.16em;text-decoration:none;flex:none}
.footer-links{display:flex;justify-content:flex-end;gap:16px 24px;font-size:13px;flex-wrap:wrap;line-height:1.4;max-width:820px}
.footer-links a{color:#e8f1ed;text-decoration:none;white-space:nowrap}
.footer-links a:hover{color:white}
.footer-about{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:30px}
.footer-about h2{color:white;font:800 clamp(26px,3.2vw,38px)/1.1 "IBM Plex Mono",system-ui,sans-serif;letter-spacing:-.03em;margin:0 0 16px}
.footer-about p{max-width:760px;margin:0 0 20px;color:#e8f1ed;line-height:1.6;font-size:15px}
.footer-about a:not(.btn){color:#f0f8f5;font-weight:700}
.footer-mission{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.footer-mission p{max-width:760px;margin:0;color:#e8f1ed;line-height:1.55;font-size:14px;min-width:0}
.footer-mission a:not(.btn){color:#f0f8f5;font-weight:700}
.footer-base{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;gap:22px;font-size:12px;color:#c5d5ce;line-height:1.5}
.footer-base span:last-child{text-align:right}
@media(max-width:900px){
  .footer-top,.footer-mission,.footer-base{align-items:flex-start;flex-direction:column}
  .footer-links{justify-content:flex-start;max-width:none}
  .footer-base span:last-child{text-align:left}
}
@media(max-width:600px){
  footer{padding:34px 0}
  footer .wrap{width:min(100% - 28px,1180px)}
  .footer-links{gap:12px 16px;font-size:12px}
}