@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400..1000;1,400..1000&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Montserrat:ital,wght@0,300..900;1,300..900&display=swap');

:root{
  --mc-navy:#284450; --mc-green:#83bb81; --mc-mist:#e1e7de; --mc-cream:#f9f0dd; --mc-orange:#e04c12;
  --navy-900:#152730; --navy-800:#1d3540; --navy-700:#284450; --navy-600:#3a5b68; --navy-500:#52737f; --navy-300:#8ea5ad; --navy-100:#c9d5da;
  --green-800:#3f6b45; --green-700:#5d9a62; --green-600:#6faa6e; --green-500:#83bb81; --green-400:#9dcb9b; --green-200:#c5e0c3; --green-100:#e4f1e3;
  --orange-700:#b03a0b; --orange-600:#c8430f; --orange-500:#e04c12; --orange-400:#ea7448; --orange-300:#f39a72; --orange-100:#fbe0d5;
  --cream-100:#fdf9f1; --cream-200:#f9f0dd; --cream-300:#f0e3c8;
  --mist-100:#f2f5f0; --mist-200:#e1e7de; --mist-300:#cbd4c7;
  --white:#ffffff; --grey-400:#a9b1ad; --grey-600:#6d7873;

  --text-strong:var(--navy-700); --text-body:var(--navy-700); --text-muted:var(--navy-500); --text-faint:var(--navy-300);
  --text-inverse:var(--white); --text-link:var(--orange-500); --text-link-hover:var(--orange-700);

  --surface-page:var(--white); --surface-card:var(--white); --surface-sunken:var(--mist-100); --surface-warm:var(--cream-200);
  --surface-brand:var(--green-500); --surface-dark:var(--navy-700);

  --border-subtle:#e6eae5; --border-default:#d5ddd3; --border-strong:var(--navy-700); --border-brand:var(--green-500);

  --action-primary:var(--orange-500); --action-primary-hover:var(--orange-600);
  --action-secondary:var(--green-500); --action-secondary-hover:var(--green-600);
  --action-dark:var(--navy-700); --action-dark-hover:var(--navy-800);
  --focus-ring:rgba(131,187,129,.55);
  --state-disabled-bg:var(--mist-200); --state-disabled-fg:var(--grey-400);

  --font-rounded:'Nunito','Museo Sans Rounded',system-ui,sans-serif;
  --font-sans:'Nunito Sans','Museo Sans',system-ui,sans-serif;
  --font-poster:'Montserrat','Nunito Sans',system-ui,sans-serif;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extrabold:800; --fw-black:900;
  --fs-3xs:11px; --fs-2xs:12px; --fs-xs:13px; --fs-sm:14px; --fs-base:16px; --fs-md:18px; --fs-lg:20px;
  --fs-xl:24px; --fs-2xl:30px; --fs-3xl:38px; --fs-4xl:48px; --fs-5xl:64px; --fs-6xl:84px;
  --lh-tight:1.05; --lh-snug:1.18; --lh-heading:1.25; --lh-body:1.55; --lh-loose:1.7;
  --ls-tighter:-0.02em; --ls-tight:-0.01em; --ls-wide:0.04em; --ls-wider:0.10em; --ls-widest:0.22em;

  --space-4:16px; --space-6:24px; --container-max:1180px;

  --radius-xs:6px; --radius-sm:10px; --radius-md:14px; --radius-lg:20px; --radius-xl:28px; --radius-pill:999px;

  --shadow-xs:0 1px 2px rgba(40,68,80,.06); --shadow-sm:0 2px 6px rgba(40,68,80,.08);
  --shadow-md:0 6px 18px rgba(40,68,80,.10); --shadow-lg:0 14px 38px rgba(40,68,80,.14);
  --shadow-card:0 2px 10px rgba(40,68,80,.07),0 0 0 1px rgba(40,68,80,.05);

  --dur-fast:120ms; --dur-base:180ms; --ease-standard:cubic-bezier(.22,.61,.36,1);
  --press-scale:.97;
}

html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-family:var(--font-sans);font-weight:var(--fw-bold);line-height:var(--lh-heading);letter-spacing:var(--ls-tight);color:var(--text-strong)}
p{margin:0 0 var(--space-4)}
a{color:var(--text-link);text-decoration:none;font-weight:var(--fw-semibold);transition:color var(--dur-fast) var(--ease-standard)}
a:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}
img{max-width:100%;display:block}

/* ---- Eyebrow ---- */
.mc-eyebrow{font-family:var(--font-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;line-height:1.4;display:block}
.mc-eyebrow--green{color:var(--green-700)}
.mc-eyebrow--inverse{color:rgba(255,255,255,.85)}

/* ---- Button ---- */
.mc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);border:2px solid transparent;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none !important;white-space:nowrap;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);font-size:var(--fs-md);padding:15px 34px}
.mc-btn:active{transform:scale(var(--press-scale))}
.mc-btn--primary{background:var(--action-primary);color:var(--white);border-color:var(--action-primary)}
.mc-btn--primary:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover);color:var(--white)}
.mc-btn--inverse{background:var(--white);color:var(--navy-700);border-color:var(--white)}
.mc-btn--inverse:hover{background:var(--cream-200);color:var(--navy-700)}
.mc-btn--ghost{background:transparent;color:var(--navy-700);border-color:transparent}
.mc-btn--ghost.mc-btn--onbrand{border-color:#1e4551;color:#1e4551}
.mc-btn--ghost.mc-btn--onbrand:hover{background:rgba(30,69,81,.08)}
.mc-btn--ghost.mc-btn--ondark{border-color:rgba(255,255,255,.5);color:#fff}
.mc-btn--ghost.mc-btn--ondark:hover{background:rgba(255,255,255,.1)}

/* ---- Badge ---- */
.mc-badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;line-height:1.3;white-space:nowrap;font-size:var(--fs-2xs);padding:5px 12px}
.mc-badge--greenSoft{background:var(--green-100);color:var(--green-800)}
.mc-badge--cream{background:var(--cream-200);color:var(--navy-700)}
.mc-badge--orangeSoft{background:var(--orange-100);color:var(--orange-700)}
.mc-badge--outline{background:transparent;color:var(--navy-700);box-shadow:inset 0 0 0 1.5px var(--navy-700)}

/* ---- Card ---- */
.mc-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}
.mc-card--navy{background:var(--navy-700);color:var(--white);box-shadow:none}

/* ---- StatusMark ---- */
.mc-status{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--green-500);flex:0 0 auto}
.mc-status svg{width:11px;height:11px}

/* ---- SectionHeading ---- */
.mc-heading{font-family:var(--font-sans);font-weight:var(--fw-extrabold);font-size:var(--fs-4xl);line-height:var(--lh-snug);letter-spacing:var(--ls-tighter);margin:0;color:var(--navy-700)}
.mc-heading .accent{color:var(--green-500)}
.mc-heading-sub{margin-top:var(--space-4);color:var(--text-muted);font-size:var(--fs-md);line-height:var(--lh-body);max-width:56ch}

/* ---- Notch divider ---- */
.mc-notch{line-height:0}
.mc-notch svg{display:block;width:100%;height:20px}

/* ---- Layout helpers ---- */
.mc-wrap{max-width:var(--container-max);margin:0 auto;padding-left:32px;padding-right:32px}
.mc-dash-rule{height:1px;background-image:repeating-linear-gradient(90deg,var(--border-default) 0 8px,transparent 8px 16px)}

@media (max-width:760px){
  section{padding-left:20px !important;padding-right:20px !important}
  header > div{padding-left:20px !important;padding-right:20px !important}
  footer > div{padding-left:20px !important;padding-right:20px !important}
  .mc-header-inner{flex-wrap:wrap !important;gap:10px !important}
  .mc-hero-grid{grid-template-columns:1fr !important;gap:28px !important;padding-top:44px !important;padding-bottom:36px !important;text-align:left}
  .mc-hero-photo{display:none !important}
  .mc-hero-card{transform:none !important}
  .mc-compare-row{grid-template-columns:92px 1fr 56px !important;gap:8px !important}
  .mc-benefits-grid{grid-template-columns:1fr !important}
  .mc-benefits-grid img{order:-1 !important;width:70% !important;height:280px !important;object-fit:cover !important;object-position:top center !important;margin:0 auto !important;border-radius:var(--radius-lg) !important}
  .mc-benefit-row{grid-template-columns:40px 1fr !important;gap:12px 14px !important}
  .mc-benefit-row > div:last-child{grid-column:2;text-align:left !important;margin-top:2px}
  .mc-founder-grid{grid-template-columns:1fr !important}
  .mc-founder-grid img{order:-1 !important;width:70% !important;height:280px !important;object-fit:cover !important;object-position:top center !important;margin:0 auto !important;border-radius:var(--radius-lg) !important}
}