.wb-footer{
  --footer-bg:#1c1d1f;
  --footer-text:#f5f5f3;
  --footer-muted:#a6a7a9;
  box-sizing:border-box;
  width:calc(100% - 32px);
  margin:16px 16px 20px;
  overflow:hidden;
  border:1px solid #343537;
  border-radius:28px;
  background:var(--footer-bg);
  color:var(--footer-text);
  font-family:'Inter','Inter Tight',-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:14px;
  line-height:1.6;
  letter-spacing:-.02em;
  -webkit-font-smoothing:antialiased;
}
.wb-footer *,
.wb-footer *::before,
.wb-footer *::after{box-sizing:border-box}
.wb-footer a{color:inherit;text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease}
.wb-footer a:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:4px}
.wb-footer__inner{width:100%;max-width:1280px;margin:0 auto}
.wb-footer__top{
  padding:66px 64px 78px;
  border-bottom:1px solid rgba(255,255,255,.05);
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:30px 30px;
}
.wb-footer__intro{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.wb-footer__title{margin:0;font-size:clamp(30px,3.25vw,50px);font-weight:400;line-height:1.14;letter-spacing:-.045em}
.wb-footer__title > span{display:block;margin-bottom:4px;color:var(--footer-muted)}
.wb-footer__title .wb-type-char{display:inline;position:relative;margin:0;color:inherit}
.wb-footer__title--typing .wb-type-char:not(.is-typed){visibility:hidden}
.wb-footer__title .wb-type-char.is-caret::after{content:"";position:absolute;left:100%;top:.12em;width:1px;height:.85em;background:currentColor;animation:wb-footer-caret .8s steps(1) infinite}
@keyframes wb-footer-caret{0%,100%{opacity:1}50%{opacity:0}}
.wb-footer__contact{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 390px;max-width:100%;padding:5px 5px 5px 20px;border-radius:999px;background:#f8f8f6;color:#56575a}
.wb-footer__email{min-width:0;font-size:14px;letter-spacing:-.02em}
.wb-footer__email:hover{color:#111214}
.wb-footer__contact a:focus-visible{outline-color:#303134;outline-offset:2px;border-radius:999px}
.wb-footer a.wb-footer__button{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:44px;padding:10px 19px;border-radius:999px;background:#151618;color:#fff;font-size:13px;white-space:nowrap}
.wb-footer a.wb-footer__button:hover{background:#3a3b3e}
.wb-footer__button svg{width:15px;height:15px;flex:none}
.wb-footer__body{padding:36px 64px 46px}
.wb-footer__main{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,max-content);gap:48px;min-height:240px}
.wb-footer__brand{display:inline-flex;align-items:center;max-width:150px}
.wb-footer__logo{display:block;width:138px;height:auto;filter:brightness(0) invert(1)}
.wb-footer__description{margin:30px 0 0;max-width:235px;color:var(--footer-muted);font-size:14px;line-height:1.75}
.wb-footer__heading{margin:2px 0 20px;color:var(--footer-muted);font-size:10px;font-weight:400;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.wb-footer__links{display:flex;align-items:flex-start;flex-direction:column;gap:11px;color:#c4c5c6}
.wb-footer__links a:hover{color:#fff}
.wb-footer__links a{display:inline-flex;align-items:center;gap:7px}
.wb-footer__legal .wb-footer__links span{display:block;max-width:250px}
.wb-footer__links svg{width:13px;height:13px;flex:none;color:var(--footer-muted)}
.wb-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:56px}
.wb-footer__project{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:5px 5px 5px 19px;border:1px solid #4b4c4f;border-radius:999px;color:#c4c5c6!important}
.wb-footer__project:hover{border-color:#898a8d;background-color:rgba(255,255,255,.03)}
.wb-footer__project-icon{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:50%;background:#f5f5f3;color:#1c1d1f}
.wb-footer__project-icon svg{width:18px;height:18px}
.wb-footer__credits{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 28px;color:var(--footer-muted);font-size:12px;line-height:1.6;letter-spacing:-.01em}
.wb-footer__credits p{margin:0}
@media(min-width:1500px){
  .wb-footer__top{padding-top:70px;padding-bottom:82px}
  .wb-footer__main{min-height:250px}
  .wb-footer__bottom{margin-top:64px}
}
@media(max-width:1100px){
  .wb-footer__top{padding:56px 40px 64px}
  .wb-footer__intro{align-items:flex-start;flex-direction:column;gap:32px}
  .wb-footer__title{font-size:42px}
  .wb-footer__contact{flex-basis:auto;width:390px}
  .wb-footer__body{padding:36px 40px 36px}
  .wb-footer__main{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;min-height:220px}
  .wb-footer__identity{grid-column:1 / -1}
  .wb-footer__bottom{align-items:flex-start;margin-top:44px;gap:28px}
  .wb-footer__credits{flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
}
@media(max-width:700px){
  .wb-footer{width:calc(100% - 24px);margin:12px 12px 16px;border-radius:22px}
  .wb-footer__top{padding:42px 24px 44px}
  .wb-footer__title{font-size:clamp(27px,5.5vw,38px);line-height:1.2}
  .wb-footer__title > span{margin-bottom:6px}
  .wb-footer__intro{gap:28px}
  .wb-footer__contact{width:100%;gap:8px;padding-left:14px}
  .wb-footer__email{font-size:12px}
  .wb-footer a.wb-footer__button{gap:8px;padding:10px 14px;font-size:12px}
  .wb-footer__body{padding:32px 24px}
  .wb-footer__main{grid-template-columns:1fr 1fr;gap:36px 24px;min-height:0}
  .wb-footer__identity{grid-column:1 / -1}
  .wb-footer__main > nav:last-child{grid-column:1 / -1}
  .wb-footer__description{margin-top:18px;max-width:260px}
  .wb-footer__logo{width:125px}
  .wb-footer__heading{margin-bottom:18px}
  .wb-footer__links{font-size:13px;gap:12px}
  .wb-footer__bottom{flex-direction:column;align-items:flex-start;margin-top:44px;gap:28px}
  .wb-footer__project{font-size:13px;gap:22px}
  .wb-footer__credits{align-items:flex-start;text-align:left;font-size:11px}
}
@media(max-width:360px){
  .wb-footer__top,.wb-footer__body{padding-left:18px;padding-right:18px}
  .wb-footer__contact{padding-left:12px;gap:6px}
  .wb-footer a.wb-footer__button{padding-left:12px;padding-right:12px}
  .wb-footer__button svg{display:none}
  .wb-footer__main{grid-template-columns:1fr;gap:30px}
  .wb-footer__identity{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .wb-footer a{transition:none}
  .wb-footer__title--typing .wb-type-char:not(.is-typed){visibility:visible}
  .wb-footer__title .wb-type-char.is-caret::after{display:none}
}
@media print{
  .wb-footer__title--typing .wb-type-char:not(.is-typed){visibility:visible}
  .wb-footer__title .wb-type-char.is-caret::after{display:none}
}
