.mw-services {
--mw-navy: #102033;
--mw-blue: #1f7a8c;
--mw-soft-blue: #f1f8f9;
--mw-ivory: #fbf8f2;
--mw-white: #ffffff;
--mw-stone: #e6e0d7;
--mw-charcoal: #2c2c2c;
--mw-muted: #68727c;

color: var(--mw-charcoal);
font-family: inherit;
line-height: 1.65;
}

.mw-services * {
box-sizing: border-box;
}

.mw-services h1,
.mw-services h2,
.mw-services h3,
.mw-services p {
margin-top: 0;
}

.mw-container {
max-width: 1040px;
margin: 0 auto;
padding: 0 24px;
}

.mw-section {
padding: 44px 0;
}

.mw-hero {
max-width: 1040px;
margin: 24px auto 24px;
padding: 52px 42px;
background: var(--mw-ivory);
border: 1px solid var(--mw-stone);
border-radius: 28px;
}

.mw-eyebrow {
color: var(--mw-blue);
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 13px;
font-weight: 700;
margin-bottom: 18px;
}

.mw-hero h1 {
color: var(--mw-navy);
font-size: clamp(36px, 5vw, 56px);
line-height: 1.06;
letter-spacing: -0.035em;
max-width: 780px;
margin-bottom: 22px;
}

.mw-hero p {
font-size: 20px;
max-width: 780px;
margin-bottom: 0;
}

.mw-heading {
max-width: 800px;
margin: 0 auto 34px;
text-align: center;
}

.mw-heading h2 {
color: var(--mw-navy);
font-size: clamp(28px, 4vw, 42px);
line-height: 1.15;
letter-spacing: -0.03em;
margin-bottom: 14px;
}

.mw-heading p {
color: var(--mw-muted);
font-size: 18px;
margin-bottom: 0;
}

.mw-service-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}

.mw-service-card {
background: var(--mw-white);
border: 1px solid var(--mw-stone);
border-radius: 24px;
padding: 28px;
box-shadow: 0 12px 30px rgba(16, 32, 51, 0.04);
}

.mw-service-card:first-child {
background: var(--mw-soft-blue);
border-color: rgba(31, 122, 140, 0.24);
}

.mw-service-card h3 {
color: var(--mw-navy);
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.02em;
margin-bottom: 12px;
}

.mw-service-card .mw-card-lead {
color: var(--mw-blue);
font-weight: 700;
margin-bottom: 14px;
}

.mw-service-card ul,
.mw-detail-card ul {
padding-left: 20px;
margin: 16px 0 0;
}

.mw-service-card li,
.mw-detail-card li {
margin-bottom: 8px;
}

.mw-best-for {
border-top: 1px solid rgba(16, 32, 51, 0.12);
padding-top: 16px;
margin-top: 18px;
color: var(--mw-muted);
font-size: 15px;
}

.mw-detail-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 22px;
}

.mw-detail-card {
background: var(--mw-white);
border: 1px solid var(--mw-stone);
border-radius: 24px;
padding: 28px;
}

.mw-detail-card h3 {
color: var(--mw-navy);
font-size: 22px;
line-height: 1.25;
margin-bottom: 12px;
}

.mw-detail-card p {
color: var(--mw-muted);
margin-bottom: 0;
}

.mw-process {
background: var(--mw-ivory);
border: 1px solid var(--mw-stone);
border-radius: 28px;
padding: 42px;
}

.mw-process-list {
display: grid;
gap: 14px;
}

.mw-process-item {
background: var(--mw-white);
border: 1px solid var(--mw-stone);
border-radius: 18px;
padding: 22px 24px;
display: grid;
grid-template-columns: 220px 1fr;
gap: 24px;
}

.mw-process-item h3 {
color: var(--mw-navy);
font-size: 20px;
line-height: 1.25;
margin-bottom: 0;
}

.mw-process-item p {
color: var(--mw-muted);
margin-bottom: 0;
}

.mw-cta {
background: var(--mw-navy);
color: #ffffff;
border-radius: 28px;
padding: 48px 42px;
text-align: center;
}

.mw-cta h2 {
color: #ffffff;
font-size: clamp(30px, 4vw, 44px);
line-height: 1.15;
letter-spacing: -0.03em;
margin-bottom: 16px;
}

.mw-cta p {
color: rgba(255,255,255,0.86);
font-size: 18px;
max-width: 700px;
margin: 0 auto 26px;
}

.mw-button {
display: inline-block;
background: #ffffff;
color: var(--mw-navy) !important;
text-decoration: none;
border-radius: 999px;
padding: 13px 22px;
font-size: 15px;
font-weight: 700;
}

.mw-button:hover {
opacity: 0.92;
}

@media (max-width: 900px) {
.mw-service-grid,
.mw-detail-grid {
grid-template-columns: 1fr;
}

.mw-process-item {
grid-template-columns: 1fr;
gap: 8px;
}
}

@media (max-width: 620px) {
.mw-container {
padding: 0 18px;
}

.mw-section {
padding: 34px 0;
}

.mw-hero,
.mw-process,
.mw-cta {
padding: 34px 24px;
border-radius: 22px;
}

.mw-hero p {
font-size: 18px;
}
}
.mw-service-grid {
grid-template-columns: 1fr !important;
max-width: 760px;
margin: 0 auto;
}

.mw-service-card {
padding: 34px !important;
}

.mw-service-card h3 {
font-size: 28px !important;
}

.mw-service-card .mw-card-lead {
font-size: 18px;
}

.mw-service-card p,
.mw-service-card li {
font-size: 16px;
}

.mw-detail-grid {
max-width: 760px;
margin: 0 auto;
}

.mw-cta {
max-width: 760px;
margin: 0 auto;
}

.mw-button {
margin-top: 6px;
}
.mw-service-card {
background: var(--mw-soft-blue) !important;
border-color: rgba(31, 122, 140, 0.24) !important;
}
/* Smallest Services page CTA box */
.mw-cta {
  max-width: 320px !important;
  padding: 18px 16px !important;
  margin: 0 auto !important;
  border-radius: 18px !important;
}/* Services page: align with Marta Warren brand palette while keeping the site clean */

.mw-services {
  --mw-navy: #0B1E33;
  --mw-blue: #007AFF;
  --mw-deep-blue: #005BB5;
  --mw-ivory: #F4F0E8;
  --mw-soft-blue: #F4F0E8;
  --mw-white: #ffffff;
  --mw-stone: #9C9388;
  --mw-charcoal: #222222;
  --mw-muted: #6f6861;
  --mw-gold: #BCA36A;

  color: #222222;
}

/* Keep the cards warm, soft and editorial */
.mw-service-card {
  background: #F4F0E8 !important;
  border: 1px solid rgba(156, 147, 136, 0.35) !important;
  box-shadow: 0 10px 26px rgba(11, 30, 51, 0.035) !important;
}

/* Headings: Ink Navy */
.mw-heading h1,
.mw-heading h2,
.mw-service-card h3,
.mw-detail-card h3 {
  color: #0B1E33 !important;
}

/* Lead lines: use navy, not green */
.mw-service-card .mw-card-lead {
  color: #0B1E33 !important;
  font-weight: 700;
}

/* Body text: clean charcoal */
.mw-services p,
.mw-services li {
  color: #222222;
}

/* Support text: softer, but not too pale */
.mw-heading p,
.mw-best-for,
.mw-detail-card p {
  color: #6f6861 !important;
}

/* Detail cards: keep them lighter so the page does not feel heavy */
.mw-detail-card {
  background: #ffffff !important;
  border: 1px solid rgba(156, 147, 136, 0.35) !important;
  box-shadow: 0 8px 22px rgba(11, 30, 51, 0.025) !important;
}

/* Subtle divider inside service cards */
.mw-best-for {
  border-top-color: rgba(156, 147, 136, 0.35) !important;
}

/* CTA: use Ink Navy, but keep the box compact */
.mw-cta {
  background: #0B1E33 !important;
  max-width: 380px !important;
  padding: 20px 18px !important;
  border-radius: 20px !important;
}

/* CTA button: AI Blue */
.mw-button {
  background: #007AFF !important;
  color: #ffffff !important;
}

/* Remove any green/teal leftovers */
.mw-eyebrow,
.mw-tag,
.mw-card-lead {
  color: #0B1E33 !important;
}/* Refine final CTA on Services page */
.mw-cta {
  background: transparent !important;
  max-width: 760px !important;
  padding: 20px 0 !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Keep the button as the visual focus */
.mw-cta .mw-button {
  background: #007AFF !important;
  color: #ffffff !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 24px rgba(0, 122, 255, 0.18) !important;
}