:root {
  --mc-guide-teal: #006a72;
  --mc-guide-deep: #00545c;
  --mc-guide-gold: #c69343;
  --mc-guide-soft-gold: #e7c996;
  --mc-guide-ivory: #fff7ea;
  --mc-guide-mist: #b8ced0;
  --mc-guide-ink: #273536;
}

.mc-about-intro,
.mc-guide-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
}

.mc-about-intro__image img {
  display: block;
  width: min(100%, 520px);
  aspect-ratio: 1;
  margin-inline: auto;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 24px 70px rgba(0, 84, 92, .18);
}

.mc-about-intro h2,
.mc-about-belief h2,
.mc-about-next h2,
.mc-guide-intro h2,
.mc-guide-form-shell h2 {
  color: var(--mc-guide-deep);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  line-height: 1.08;
}

.mc-about-intro h2,
.mc-guide-intro h2 { font-size: clamp(2.25rem, 5vw, 4.5rem); }
.mc-about-intro p,
.mc-about-belief p,
.mc-about-next p,
.mc-guide-intro p,
.mc-guide-form-shell p { font-size: 1rem; line-height: 1.7; }

.mc-about-eyebrow {
  margin-bottom: .75rem;
  color: var(--mc-guide-gold);
  font-size: .82rem !important;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.mc-about-belief {
  max-width: 820px;
  margin: clamp(4rem, 9vw, 8rem) auto;
  padding: clamp(2rem, 5vw, 4rem);
  border-top: 1px solid var(--mc-guide-soft-gold);
  border-bottom: 1px solid var(--mc-guide-soft-gold);
  text-align: center;
}

.mc-about-belief h2 { font-size: clamp(2rem, 4.5vw, 3.75rem); }

.mc-about-framework {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-block: clamp(3rem, 7vw, 6rem);
}

.mc-about-framework article {
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border: 1px solid #d8c8ae;
  border-radius: 18px;
  background: #fffaf1;
}

.mc-about-framework span { color: var(--mc-guide-gold); font-size: .8rem; font-weight: 700; letter-spacing: .14em; }
.mc-about-framework h3 { margin: .8rem 0; color: var(--mc-guide-deep); font-family: Georgia, "Times New Roman", serif; font-size: 1.75rem; font-weight: 400; }
.mc-about-framework p { margin-bottom: 0; font-size: 1rem; line-height: 1.65; }

.mc-about-next {
  padding: clamp(2rem, 6vw, 4rem);
  border-radius: 22px;
  background: var(--mc-guide-mist);
  text-align: center;
}

.mc-about-next h2 { margin-top: 0; font-size: clamp(2rem, 4vw, 3rem); }
.mc-about-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 1.5rem; }

.mc-guide-layout {
  position: relative;
  left: 50%;
  width: min(1180px, calc(100vw - 2rem));
  max-width: none;
  grid-template-columns: minmax(0, 1.1fr) minmax(400px, .9fr);
  gap: clamp(2.5rem, 5vw, 4.5rem);
  align-items: start;
  margin-block: 1rem 3rem;
  transform: translateX(-50%);
}
.mc-guide-intro { position: sticky; top: 4rem; min-width: 0; padding-block: 1.5rem; }
.mc-guide-intro h2 {
  max-width: 12ch;
  font-size: clamp(2.5rem, 4vw, 3.9rem);
  overflow-wrap: normal;
  word-break: normal;
}
.mc-guide-lede { font-size: 1.12rem !important; }
.mc-guide-points { display: grid; gap: .8rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.mc-guide-points li { position: relative; padding-left: 1.7rem; }
.mc-guide-points li::before { content: "✦"; position: absolute; left: 0; color: var(--mc-guide-gold); }

.mc-guide-form-shell {
  padding: clamp(1.5rem, 5vw, 3rem);
  border: 1px solid #d8c8ae;
  border-radius: 22px;
  background: #fffaf1;
  box-shadow: 0 18px 50px rgba(0, 84, 92, .09);
}

.mc-guide-form-shell h2 { margin-top: 0; font-size: clamp(1.8rem, 3.5vw, 2.65rem); }
.mc-guide-form { display: grid; gap: .65rem; margin-top: 1.5rem; }
.mc-guide-form label:not(.mc-guide-consent) { margin-top: .75rem; color: var(--mc-guide-ink); font-size: .94rem; font-weight: 700; text-wrap: pretty; }
.mc-guide-form input[type="email"],
.mc-guide-form select,
.mc-guide-form textarea {
  width: 100%;
  min-height: 48px;
  padding: .8rem .9rem;
  border: 1px solid #9eaaa8;
  border-radius: 9px;
  background: #fff;
  color: var(--mc-guide-ink);
  font: inherit;
}
.mc-guide-form textarea { min-height: 112px; resize: vertical; }
.mc-guide-form input:focus,
.mc-guide-form select:focus,
.mc-guide-form textarea:focus { outline: 3px solid rgba(0, 106, 114, .2); border-color: var(--mc-guide-teal); }

.mc-guide-consent { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: .75rem; align-items: start; margin: 1rem 0 .6rem; font-size: .9rem; line-height: 1.5; }
.mc-guide-consent input { width: 18px; height: 18px; margin-top: .15rem; accent-color: var(--mc-guide-teal); }
.mc-guide-button {
  display: inline-block;
  width: fit-content;
  min-height: 48px;
  padding: .85rem 1.25rem;
  border: 0;
  border-radius: 999px;
  background: var(--mc-guide-teal);
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
}
.mc-guide-button:hover,
.mc-guide-button:focus { background: var(--mc-guide-deep); color: #fff; }
.mc-guide-text-link { color: var(--mc-guide-teal); font-weight: 700; }
.mc-guide-privacy { margin: .5rem 0 0; color: #5e6a69; font-size: .78rem !important; }
.mc-guide-error { padding: .8rem 1rem; border-left: 4px solid #a63d2f; background: #fff0ed; color: #6e271e; }
.mc-guide-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.mc-guide-success { text-align: center; }
.mc-guide-success > span { color: var(--mc-guide-gold); font-size: 2rem; }
.mc-guide-success .mc-guide-button { margin-top: 1rem; }
.mc-privacy-note { max-width: 760px; }

@media (max-width: 960px) {
  .mc-guide-layout { grid-template-columns: 1fr; gap: 2rem; }
  .mc-guide-intro { position: static; }
  .mc-guide-intro h2 { max-width: 15ch; }
}

@media (max-width: 781px) {
  .mc-about-intro { grid-template-columns: 1fr; }
  .mc-about-intro__image img { width: min(78vw, 380px); }
  .mc-about-framework { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .mc-guide-form-shell { padding: 1.25rem; border-radius: 16px; }
  .mc-about-actions .mc-guide-button { width: 100%; text-align: center; }
}