/* MissionBridgeHQ - Compiled CSS */
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather+Sans:wght@400;600;700&display=swap');

/* CSS Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body { min-height: 100vh; line-height: 1.5; }
img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; }
input, button, textarea, select { font: inherit; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
ul, ol { list-style: none; }
a { text-decoration: none; color: inherit; }
button { background: none; border: none; cursor: pointer; }
:focus { outline: none; }
:focus-visible { outline: 2px solid #3A7DFF; outline-offset: 2px; }

/* Typography */
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #1C2A3A; background-color: #FFFFFF; }
h1, h2, h3, h4, h5, h6 { font-family: 'Merriweather Sans', Georgia, 'Times New Roman', serif; font-weight: 700; line-height: 1.25; color: #1C2A3A; margin-bottom: 1rem; }
h1 { font-size: 2.25rem; } @media (min-width: 768px) { h1 { font-size: 3rem; } } @media (min-width: 1024px) { h1 { font-size: 3.75rem; } }
h2 { font-size: 1.875rem; } @media (min-width: 768px) { h2 { font-size: 2.25rem; } } @media (min-width: 1024px) { h2 { font-size: 3rem; } }
h3 { font-size: 1.5rem; font-family: 'Inter', sans-serif; font-weight: 600; } @media (min-width: 768px) { h3 { font-size: 1.875rem; } }
h4 { font-size: 1.25rem; font-family: 'Inter', sans-serif; font-weight: 600; } @media (min-width: 768px) { h4 { font-size: 1.5rem; } }
h5 { font-size: 1.125rem; font-family: 'Inter', sans-serif; font-weight: 600; }
h6 { font-size: 1rem; font-family: 'Inter', sans-serif; font-weight: 600; }
p { margin-bottom: 1.5rem; line-height: 1.75; } p:last-child { margin-bottom: 0; }
.text-lead { font-size: 1.125rem; line-height: 1.75; color: #4B5563; } @media (min-width: 768px) { .text-lead { font-size: 1.25rem; } }
.text-small { font-size: 0.875rem; }
.text-primary { color: #1C2A3A; }
.text-secondary { color: #4B5563; }
.text-light { color: #9CA3AF; }
.text-white { color: #FFFFFF; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.font-regular { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
a { color: #3A7DFF; transition: color 200ms ease-in-out; }
a:hover { color: #1e5ad6; }
a:focus-visible { outline: 2px solid #3A7DFF; outline-offset: 2px; border-radius: 0.25rem; }

/* Base Styles */
::selection { background-color: #A9D4FF; color: #1C2A3A; }
::-moz-selection { background-color: #A9D4FF; color: #1C2A3A; }
.container { max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }
.section { padding: 6rem 0; } @media (min-width: 768px) { .section { padding: 8rem 0; } }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.skip-link { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.skip-link:focus { position: fixed; top: 1rem; left: 1rem; width: auto; height: auto; padding: 1rem; background-color: #3A7DFF; color: #FFFFFF; border-radius: 0.5rem; z-index: 1050; clip: auto; }
.mt-sm { margin-top: 0.5rem; } .mt-md { margin-top: 1rem; } .mt-lg { margin-top: 1.5rem; } .mt-xl { margin-top: 2rem; } .mt-2xl { margin-top: 3rem; }
.mb-sm { margin-bottom: 0.5rem; } .mb-md { margin-bottom: 1rem; } .mb-lg { margin-bottom: 1.5rem; } .mb-xl { margin-bottom: 2rem; } .mb-2xl { margin-bottom: 3rem; }

/* Buttons */
.c-button { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem 2rem; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1rem; line-height: 1.25; text-decoration: none; border: none; border-radius: 0.75rem; cursor: pointer; transition: all 200ms ease-in-out; }
.c-button:focus-visible { outline: 2px solid #3A7DFF; outline-offset: 2px; }
.c-button:disabled { opacity: 0.5; cursor: not-allowed; }
.c-button--primary { background-color: #3A7DFF; color: #FFFFFF; }
.c-button--primary:hover:not(:disabled) { background-color: #1e5ad6; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.c-button--primary:active:not(:disabled) { transform: translateY(0); }
.c-button--secondary { background-color: transparent; color: #3A7DFF; border: 2px solid #3A7DFF; }
.c-button--secondary:hover:not(:disabled) { background-color: #3A7DFF; color: #FFFFFF; }
.c-button--success { background-color: #2E8F6E; color: #FFFFFF; }
.c-button--success:hover:not(:disabled) { background-color: #1f6348; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.c-button--dark { background-color: #1C2A3A; color: #FFFFFF; }
.c-button--dark:hover:not(:disabled) { background-color: #2e4357; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.c-button--light { background-color: #FFFFFF; color: #1C2A3A; }
.c-button--light:hover:not(:disabled) { background-color: #F3F4F6; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.c-button--small { padding: 0.5rem 1.5rem; font-size: 0.875rem; }
.c-button--large { padding: 1.5rem 3rem; font-size: 1.125rem; }
.c-button--block { width: 100%; }

/* Cards */
.c-card { background-color: #FFFFFF; border-radius: 0.75rem; padding: 2rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); transition: box-shadow 200ms ease-in-out; }
.c-card--hover { transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out; }
.c-card--hover:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
.c-card--feature { text-align: center; padding: 3rem; } @media (min-width: 768px) { .c-card--feature { padding: 4rem; } }
.c-card__header { margin-bottom: 1.5rem; }
.c-card__header h3, .c-card__header h4 { margin-bottom: 0.5rem; }
.c-card__footer { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #E5E7EB; }
.c-card__icon { width: 48px; height: 48px; margin: 0 auto 1.5rem; display: flex; align-items: center; justify-content: center; background-color: #A9D4FF; border-radius: 0.75rem; color: #3A7DFF; }
.c-card__icon svg { width: 24px; height: 24px; }
.c-card__icon--green { background-color: #CFF5E7; color: #2E8F6E; }
.c-card-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }
@media (min-width: 768px) { .c-card-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .c-card-grid--four-col { grid-template-columns: repeat(4, 1fr); } }

/* Navigation */
.c-nav { background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); position: sticky; top: 0; z-index: 1020; }
.c-nav__container { max-width: 1280px; margin-left: auto; margin-right: auto; padding: 1.5rem; display: flex; align-items: center; justify-content: space-between; }
.c-nav__brand { display: flex; align-items: center; gap: 1rem; font-family: 'Merriweather Sans', serif; font-weight: 700; font-size: 1.25rem; color: #1C2A3A; }
.c-nav__brand img, .c-nav__brand svg { height: 32px; width: auto; }
.c-nav__brand:hover { color: #3A7DFF; }
.c-nav__toggle { display: flex; flex-direction: column; gap: 4px; padding: 0.5rem; cursor: pointer; }
@media (min-width: 1024px) { .c-nav__toggle { display: none; } }
.c-nav__toggle span { display: block; width: 24px; height: 2px; background-color: #1C2A3A; transition: all 200ms ease-in-out; }
.c-nav__toggle--active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.c-nav__toggle--active span:nth-child(2) { opacity: 0; }
.c-nav__toggle--active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }
.c-nav__menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #FFFFFF; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); padding: 1.5rem; }
@media (min-width: 1024px) { .c-nav__menu { display: flex; position: static; box-shadow: none; padding: 0; align-items: center; gap: 2rem; } }
.c-nav__menu--open { display: block; }
.c-nav__links { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.5rem; }
@media (min-width: 1024px) { .c-nav__links { flex-direction: row; gap: 2rem; margin-bottom: 0; } }
.c-nav__link { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 1rem; color: #1C2A3A; padding: 0.5rem 0; transition: color 200ms ease-in-out; }
.c-nav__link:hover { color: #3A7DFF; }
.c-nav__link--active { color: #3A7DFF; font-weight: 600; }
@media (min-width: 1024px) { .c-nav__cta { margin-left: 1.5rem; } }

/* Hero */
.c-hero { position: relative; padding: 6rem 0; background: linear-gradient(135deg, #1C2A3A 0%, #2e4357 100%); color: #FFFFFF; }
@media (min-width: 768px) { .c-hero { padding: 8rem 0; } }
.c-hero__container { max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }
.c-hero__content { max-width: 800px; margin: 0 auto; text-align: center; }
@media (min-width: 1024px) { .c-hero__content { max-width: 900px; } }
.c-hero__content--left { text-align: left; margin: 0; }
.c-hero__title { color: #FFFFFF; margin-bottom: 1.5rem; }
.c-hero__title .highlight { color: #A9D4FF; }
.c-hero__description { font-size: 1.125rem; line-height: 1.75; color: rgba(255, 255, 255, 0.9); margin-bottom: 3rem; }
@media (min-width: 768px) { .c-hero__description { font-size: 1.25rem; } }
.c-hero__actions { display: flex; flex-direction: column; gap: 1rem; align-items: center; }
@media (min-width: 768px) { .c-hero__actions { flex-direction: row; justify-content: center; } }
.c-hero--light { background: linear-gradient(135deg, #A9D4FF 0%, #FFFFFF 100%); color: #1C2A3A; }
.c-hero--light .c-hero__title { color: #1C2A3A; }
.c-hero--light .c-hero__title .highlight { color: #3A7DFF; }
.c-hero--light .c-hero__description { color: #4B5563; }
.c-hero--pattern::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 20% 50%, rgba(169, 212, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(169, 212, 255, 0.1) 0%, transparent 50%); pointer-events: none; }

/* Footer */
.l-footer { background-color: #1C2A3A; color: #FFFFFF; padding: 6rem 0 2rem; }
.l-footer__container { max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }
.l-footer__content { display: grid; grid-template-columns: 1fr; gap: 4rem; margin-bottom: 4rem; }
@media (min-width: 768px) { .l-footer__content { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .l-footer__content { grid-template-columns: 2fr 1fr 1fr 1fr; } }
.l-footer__column h3 { color: #FFFFFF; font-size: 1.125rem; margin-bottom: 1.5rem; }
.l-footer__column p { color: rgba(255, 255, 255, 0.8); line-height: 1.75; }
.l-footer__logo { margin-bottom: 1.5rem; }
.l-footer__logo img, .l-footer__logo svg { height: 40px; width: auto; }
.l-footer__tagline { font-size: 1.125rem; font-weight: 500; color: #A9D4FF; margin-bottom: 1rem; }
.l-footer__links { display: flex; flex-direction: column; gap: 1rem; }
.l-footer__links a { color: rgba(255, 255, 255, 0.8); transition: color 200ms ease-in-out; }
.l-footer__links a:hover { color: #A9D4FF; }
.l-footer__bottom { padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; flex-direction: column; gap: 1rem; align-items: center; text-align: center; }
@media (min-width: 768px) { .l-footer__bottom { flex-direction: row; justify-content: space-between; text-align: left; } }
.l-footer__copyright { color: rgba(255, 255, 255, 0.6); font-size: 0.875rem; }
.l-footer__legal { display: flex; gap: 1.5rem; }
.l-footer__legal a { color: rgba(255, 255, 255, 0.6); font-size: 0.875rem; transition: color 200ms ease-in-out; }
.l-footer__legal a:hover { color: #FFFFFF; }

/* Grid Layout */
.l-grid { display: grid; gap: 2rem; }
.l-grid--cols-1 { grid-template-columns: 1fr; }
.l-grid--cols-2 { grid-template-columns: 1fr; } @media (min-width: 768px) { .l-grid--cols-2 { grid-template-columns: repeat(2, 1fr); } }
.l-grid--cols-3 { grid-template-columns: 1fr; } @media (min-width: 768px) { .l-grid--cols-3 { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .l-grid--cols-3 { grid-template-columns: repeat(3, 1fr); } }
.l-grid--gap-lg { gap: 3rem; }

/* Page-specific */
.p-home__pillars { background-color: #F9FAFB; }
.p-home__pillar-intro { max-width: 700px; margin: 0 auto 4rem; text-align: center; }
.p-home__cta { background: linear-gradient(135deg, #3A7DFF 0%, #1C2A3A 100%); color: #FFFFFF; text-align: center; padding: 6rem 0; }
@media (min-width: 768px) { .p-home__cta { padding: 8rem 0; } }
.p-home__cta h2 { color: #FFFFFF; margin-bottom: 1.5rem; }
.p-home__cta p { font-size: 1.125rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto; }

/* About page */
.p-about__story { max-width: 800px; margin: 0 auto; }
.p-about__story h2 { margin-bottom: 2rem; }
.p-about__story p { font-size: 1.125rem; line-height: 1.75; margin-bottom: 1.5rem; }
.p-about__mvv { background-color: #F9FAFB; }
.p-about__mvv-grid { display: grid; grid-template-columns: 1fr; gap: 4rem; }
@media (min-width: 768px) { .p-about__mvv-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .p-about__mvv-grid { grid-template-columns: repeat(3, 1fr); } }
.p-about__mvv-item { text-align: center; }
.p-about__mvv-item .mvv-icon { width: 64px; height: 64px; margin: 0 auto 1.5rem; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #3A7DFF, #A9D4FF); border-radius: 9999px; color: #FFFFFF; }
.p-about__mvv-item .mvv-icon svg { width: 32px; height: 32px; }
.p-about__mvv-item h3 { margin-bottom: 1rem; color: #3A7DFF; }
.p-about__values-list { display: grid; grid-template-columns: 1fr; gap: 3rem; }
@media (min-width: 768px) { .p-about__values-list { grid-template-columns: repeat(2, 1fr); } }
.p-about__values .value-item h4 { color: #2E8F6E; margin-bottom: 0.5rem; }
.p-about__values .value-item h4::before { content: '✓ '; color: #2E8F6E; }
.p-about__founder { background: linear-gradient(135deg, #1C2A3A 0%, #2e4357 100%); color: #FFFFFF; }
.p-about__founder-content { max-width: 800px; margin: 0 auto; text-align: center; }
.p-about__founder-content h2 { color: #FFFFFF; margin-bottom: 2rem; }
.p-about__founder-content p { font-size: 1.125rem; line-height: 1.75; color: rgba(255, 255, 255, 0.9); }
.p-about__founder-content .founder-quote { font-size: 1.25rem; font-style: italic; font-family: 'Merriweather Sans', serif; color: #A9D4FF; margin: 3rem 0; padding: 2rem; border-left: 4px solid #A9D4FF; text-align: left; }