@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");

:root{
  --ms-paper:#F2F0EB;
  --ms-paper-2:#E8E5DD;
  --ms-ink:#15171C;
  --ms-ink-soft:#3A3D45;
  --ms-muted:#787A82;
  --ms-line:#D6D2C8;
  --ms-red:#E4002B;
  --ms-red-deep:#B80023;
  --ms-white:#FCFBF8;
  --ms-radius:14px;
  --ms-maxw:1180px;
  --ms-ease:cubic-bezier(.22,.61,.36,1);
}

.ms-home{
  background:var(--ms-paper);
  color:var(--ms-ink);
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

.ms-home button,
.ms-home input,
.ms-home select,
.ms-home textarea{
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ms-home h1,
.ms-home h2,
.ms-home h3,
.ms-home h4,
.ms-logo,
.ms-price,
.ms-stat-number,
.ms-avatar{
  font-family:"Space Grotesk", Inter, system-ui, sans-serif;
  letter-spacing:0;
}

.ms-home,
.ms-home *{
  box-sizing:border-box;
}

.ms-home a{
  color:inherit;
  text-decoration:none;
}

.ms-wrap{
  max-width:var(--ms-maxw);
  margin:0 auto;
  padding:0 24px;
}

.ms-section{
  position:relative;
  padding:90px 0;
}

.ms-section.is-tight{
  padding-top:0;
}

.ms-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  color:var(--ms-red);
  font-family:"JetBrains Mono", monospace;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.ms-eyebrow::before{
  content:"";
  width:22px;
  height:1px;
  background:var(--ms-red);
}

.ms-section-head{
  max-width:640px;
  margin-bottom:48px;
}

.ms-section-head.is-center{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.ms-section-head.is-center .ms-eyebrow{
  justify-content:center;
}

.ms-section-head h2,
.ms-home h1,
.ms-home h2,
.ms-home h3,
.ms-home h4{
  margin:0;
  color:var(--ms-ink);
  line-height:1.08;
  font-weight:600;
}

.ms-section-head h2{
  margin-bottom:16px;
  font-size:clamp(30px,4vw,44px);
}

.ms-section-head p{
  margin:0;
  color:var(--ms-ink-soft);
  font-size:17px;
  line-height:1.6;
}

.ms-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:48px;
  padding:14px 26px;
  border:1.5px solid transparent;
  border-radius:999px;
  cursor:pointer;
  font-weight:600;
  font-size:15px;
  line-height:1;
  transition:transform .25s var(--ms-ease), background .25s, box-shadow .25s, border-color .25s;
}

.ms-btn:hover{
  transform:translateY(-2px);
}

.ms-btn-red{
  background:var(--ms-red);
  color:#fff;
}

.ms-btn-red:hover{
  background:var(--ms-red-deep);
  box-shadow:0 14px 30px -12px rgba(228,0,43,.55);
  color:#fff;
}

.ms-btn-dark{
  background:var(--ms-ink);
  color:var(--ms-white);
}

.ms-btn-dark:hover{
  background:#000;
  color:#fff;
}

.ms-btn-ghost{
  background:transparent;
  color:var(--ms-ink);
  border-color:var(--ms-line);
}

.ms-btn-ghost:hover{
  border-color:var(--ms-ink);
}

.ms-btn .ms-arr{
  transition:transform .25s var(--ms-ease);
}

.ms-btn:hover .ms-arr{
  transform:translateX(4px);
}

.ms-trust-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:26px;
}

.ms-trust-item{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--ms-muted);
  font-size:13.5px;
  font-weight:500;
}

.ms-trust-item svg{
  width:17px;
  height:17px;
  color:var(--ms-red);
  flex:0 0 auto;
}

.ms-check{
  width:17px;
  height:17px;
  border-radius:50%;
  background:var(--ms-red);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.ms-check::before{
  content:"";
  width:8px;
  height:5px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) translateY(-1px);
}

.ms-reveal{
  opacity:1;
  transform:none;
  transition:opacity .7s var(--ms-ease), transform .7s var(--ms-ease);
}

.ms-js .ms-reveal{
  opacity:0;
  transform:translateY(26px);
}

.ms-reveal.in{
  opacity:1;
  transform:none;
}

.ms-logo-mark{
  width:42px;
  height:42px;
  border:2px solid var(--ms-ink);
  border-radius:8px;
  background:var(--ms-white);
  overflow:hidden;
  flex:0 0 auto;
}

.ms-logo-mark svg{
  width:100%;
  height:100%;
  display:block;
}