:root{
  --mn-bg:#fbfaf6;
  --mn-paper:#ffffff;
  --mn-ink:#1b1b1b;
  --mn-mute:#6e6e6e;
  --mn-rule:#e6e2d8;
  --mn-accent:#7a6b54;
  --mn-soft:#f0ebe0;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.mn-body{
  background:var(--mn-bg);
  color:var(--mn-ink);
  font-family:'Roboto',system-ui,sans-serif;
  font-weight:400;font-size:16.5px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.mn-box{max-width:880px;margin:0 auto;padding:0 28px}

/* Header */
.mn-line{border-bottom:1px solid var(--mn-rule);background:var(--mn-bg)}
.mn-line__row{display:flex;align-items:center;justify-content:space-between;height:64px}
.mn-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--mn-ink);font-weight:500;font-size:15px}
.mn-logo img{width:28px;height:28px}
.mn-line__menu{display:flex;gap:24px}
.mn-line__menu a{color:var(--mn-mute);text-decoration:none;font-size:14px;font-weight:400}
.mn-line__menu a:hover{color:var(--mn-ink)}

/* Stack */
.mn-stack{padding:0 0 40px}
.mn-pad{padding:64px 0}
.mn-intro{padding:80px 0 60px}
.mn-eyebrow{
  text-transform:uppercase;letter-spacing:2.2px;font-size:11px;
  color:var(--mn-accent);font-weight:500;margin:0 0 18px;
}
.mn-intro__h{
  font-size:40px;font-weight:300;line-height:1.18;
  letter-spacing:-.4px;margin:0 0 24px;max-width:720px;
}
.mn-intro__p{font-size:18px;color:var(--mn-mute);font-weight:300;max-width:640px;margin:0 0 32px}
.mn-link-cta{
  display:inline-block;color:var(--mn-ink);text-decoration:none;font-size:15px;
  font-weight:500;border-bottom:1px solid var(--mn-ink);padding-bottom:3px;
}
.mn-link-cta:hover{color:var(--mn-accent);border-color:var(--mn-accent)}

.mn-h2{font-size:28px;font-weight:300;letter-spacing:-.2px;margin:0 0 22px;line-height:1.25}
.mn-text{font-size:16px;color:var(--mn-ink)}
.mn-text--mute{color:var(--mn-mute)}
.mn-cols-2{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
.mn-hr{border:0;border-top:1px solid var(--mn-rule);margin:0 auto;max-width:824px}

/* Steps */
.mn-steps{display:flex;flex-direction:column;gap:0}
.mn-steps > *{
  padding:22px 0;border-top:1px solid var(--mn-rule);
  display:flex;gap:24px;align-items:baseline;
}
.mn-steps > *:last-child{border-bottom:1px solid var(--mn-rule)}

/* Q&A */
.mn-qa{display:flex;flex-direction:column}
.mn-qa details{padding:18px 0;border-top:1px solid var(--mn-rule)}
.mn-qa details:last-child{border-bottom:1px solid var(--mn-rule)}
.mn-qa summary{cursor:pointer;font-size:16px;font-weight:500;list-style:none;color:var(--mn-ink)}
.mn-qa summary::-webkit-details-marker{display:none}
.mn-qa summary::after{content:" +";color:var(--mn-accent);font-weight:300}
.mn-qa details[open] summary::after{content:" −"}

/* Request form */
.mn-request{padding:80px 0}
.mn-request__form{display:flex;flex-direction:column;gap:22px}
.mn-line-field{position:relative;border-bottom:1px solid var(--mn-rule);padding-top:18px}
.mn-line-field input{
  width:100%;border:0;background:transparent;font-family:inherit;
  font-size:17px;color:var(--mn-ink);padding:8px 0 10px;outline:0;
}
.mn-line-field label{
  position:absolute;left:0;top:22px;color:var(--mn-mute);font-size:14px;
  transition:.2s;pointer-events:none;
}
.mn-line-field input:focus + label,
.mn-line-field input:not(:placeholder-shown) + label{
  top:0;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mn-accent);
}
.mn-line-field input:focus{border-color:var(--mn-accent)}
.mn-consent{display:flex;gap:10px;font-size:13px;color:var(--mn-mute);align-items:flex-start}
.mn-submit{
  align-self:flex-start;
  background:var(--mn-ink);color:#fff;border:0;font-family:inherit;
  font-size:14px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
  padding:16px 32px;cursor:pointer;transition:.2s;
}
.mn-submit:hover{background:var(--mn-accent)}
.mn-feedback{min-height:18px;margin:0;font-size:13px;color:var(--mn-mute)}
.mn-feedback.is-ok{color:#3d6b3a}
.mn-feedback.is-err{color:#a83a2b}

.mn-foot{padding:28px 0;border-top:1px solid var(--mn-rule);background:var(--mn-bg)}
.mn-foot__row{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--mn-mute);flex-wrap:wrap}

@media(max-width:760px){
  .mn-cols-2{grid-template-columns:1fr;gap:24px}
  .mn-intro__h{font-size:30px}
  .mn-h2{font-size:24px}
}