.arf-mechanical-modal {
  width:min(calc(100% - 32px),540px);
  max-width:none;
  padding:0;
  border:1px solid rgba(76,155,255,.38);
  border-radius:24px;
  background:#0C2036;
  color:#F4F8FF;
  box-shadow:0 30px 80px rgba(2,8,16,.78);
  font-family:'Hanken Grotesk',sans-serif;
}
.arf-mechanical-modal::backdrop {
  background:rgba(2,8,16,.78);
  backdrop-filter:blur(5px);
}
.arf-mechanical-modal__inner { padding:34px; }
.arf-mechanical-modal__eyebrow {
  margin:0 0 12px;
  color:#7FB6FF;
  font-family:'Space Grotesk',monospace;
  font-size:12px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.arf-mechanical-modal h2 {
  margin:0 0 16px;
  font-family:'Archivo',sans-serif;
  font-size:clamp(27px,5vw,36px);
  line-height:1.08;
  letter-spacing:-.02em;
}
.arf-mechanical-modal p {
  margin:0;
  color:#B7C6D8;
  font-size:16px;
  line-height:1.6;
}
.arf-mechanical-modal__close {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
  min-height:46px;
  margin-top:26px;
  padding:12px 22px;
  border:1px solid #4C9BFF;
  border-radius:999px;
  background:#2E82F2;
  color:#06111F;
  font:700 16px/1 'Hanken Grotesk',sans-serif;
  cursor:pointer;
}
.arf-mechanical-modal__close:focus-visible {
  outline:3px solid rgba(127,182,255,.7);
  outline-offset:3px;
}
@media (max-width:600px) {
  .arf-mechanical-modal__inner { padding:28px 24px 24px; }
  .arf-mechanical-modal__close { width:100%; }
}