/* MetricMind's original identity: unchanged logo asset, type stack and palette. */
:root {
  --ink: #102033;
  --navy: #143f67;
  --blue: #1b5b89;
  --teal: #2f8178;
  --copper: #bd6b3a;
  --paper: #f6f3ed;
  --paper-2: #ebe7de;
  --soft: #eeeae2;
  --muted: #5f6f7d;
  --line: #d8d3c8;
  --cyan: #b8d5d2;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
}
body { background: linear-gradient(180deg, #f8f6f1 0%, #f0ece4 100%); }
h1,h2,h3,h4 { letter-spacing: 0; font-weight: 750; }
h2 { font-size: clamp(2rem, 3.8vw, 3.3rem); line-height: 1.08; }
h3 { font-size: 1.4375rem; line-height: 1.2; }
p { line-height: 1.65; }
.wrap { width: min(1320px, calc(100% - 112px)); }
.header { position: fixed; top: 0; left: 0; right: 0; background: rgba(246,243,237,.9); border-color: rgba(20,63,103,.14); backdrop-filter: blur(18px); }
.header-inner { min-height: 90px; }
.brand-logo { width: 276px; height: 57px; object-fit: contain; }
.nav { gap: 5px; }
.nav>a:not(.btn) { font-size: .875rem; font-weight: 720; padding: 11px 14px; border-radius: 8px; }
.nav>a:not(.btn):hover,.nav>a:not(.btn)[aria-current="page"] { color: var(--navy); background: rgba(20,63,103,.08); }
.nav>a[aria-current="page"]:after { display: none; }
.nav>.btn { margin-left: 12px; font-weight: 750; font-size: .875rem; min-height: 44px; padding: 12px 18px; }
.nav>.btn[aria-current="page"] { color: white; }
.btn { border-radius: 8px; font-weight: 750; gap: 20px; }
.btn-primary,.btn-dark { background: var(--navy); color: white; }
.btn-primary:hover,.btn-dark:hover { background: #0e3151; }
.btn-outline { border-color: #b8bebf; background: rgba(246,243,237,.6); }
.btn-outline:hover { background: var(--paper-2); }
.text-link { border-color: #aeb9bc; font-weight: 700; }
.eyebrow { color: var(--teal); font-size: .8125rem; font-weight: 800; letter-spacing: .16em; }
.eyebrow:before { display: none; }
.hero {
  min-height: min(820px, 94vh);
  padding: 155px 0 75px;
  display: flex;
  align-items: center;
  background-image: linear-gradient(90deg, rgba(16,32,51,.90) 0%, rgba(16,32,51,.74) 35%, rgba(16,32,51,.28) 68%, rgba(16,32,51,.12) 100%), url('/assets/metricmind-hero.png');
  background-position: center;
  background-size: cover;
  color: white;
}
.hero-copy { max-width: 850px; }
.hero .eyebrow { color: #b8d5d2; margin-bottom: 24px; }
.hero h1 { font-size: clamp(2.8rem, 6.1vw, 5.35rem); line-height: 1.01; letter-spacing: 0; font-weight: 750; margin-bottom: 27px; }
.hero h1 em { color: #b8d5d2; font-style: normal; }
.hero-copy p { max-width: 645px; font-size: clamp(1.125rem,1.65vw,1.375rem); line-height: 1.55; color: rgba(255,255,255,.85); }
.hero .actions { margin-top: 32px; gap: 14px; }
.hero .btn-primary { background: var(--paper); color: var(--navy); }
.hero .btn-primary:hover { background: #e7e2d8; }
.hero .btn-outline { color: white; border-color: #ffffff80; background: rgba(16,32,51,.2); }
.hero .btn-outline:hover { background: rgba(16,32,51,.5); }
.hero-context { margin-top: 46px; max-width: 640px; display: flex; align-items: center; gap: 15px; color: #d1e0e2; font-size: .8125rem; }
.hero-context:before { content: ''; display: block; width: 32px; height: 1px; background: #90b9b5; }
.capabilities { background: var(--paper-2); border-color: #d8d3c8; padding: 27px 0; }
.capability-inner>span { color: var(--muted); font-weight: 650; }
.capability-inner strong { color: var(--navy); font-weight: 700; letter-spacing: 0; }
.section { padding: 88px 0; }
.section-head { gap: 55px; margin-bottom: 38px; }
.section-head h2 { max-width: 800px; }
.section-head p { max-width: 420px; font-size: 1.0625rem; }
.soft { background: #eae6dd; }
.service-grid { border: 0; gap: 18px; }
.service-card { border: 1px solid var(--line); border-radius: 8px; padding: 30px; background: rgba(246,243,237,.75); box-shadow: 0 12px 30px rgba(16,32,51,.035); }
.service-card p { line-height: 1.65; }
.service-icon { color: var(--teal); stroke: var(--teal); margin-bottom: 27px; }
.service-card h3 { margin-bottom: 14px; }
.work-visual { border-radius: 8px; background: #ccd7d9; }
.work-type { color: var(--teal); font-weight: 800; }
.work-details h3 { font-size: 1.75rem; letter-spacing: 0; }
.demo-preview { background: #cbd7d8; }
.mini-dashboard,.dashboard { background: #f9f7f2; border-color: #d2d3ca; border-radius: 8px; }
.mini-stats strong { letter-spacing: 0; }
.sample-label { background: #e1ebe7; color: #315f59; }
.mini-chart span { background: #bbcfcf; }
.mini-chart span:nth-child(n+6) { background: var(--teal); }
.step-no { color: var(--teal); border-color: var(--teal); font-weight: 700; }
.dark-section { background: #132a42; }
.dark-section .eyebrow { color: #b8d5d2; }
.dark-section h2 { line-height: 1.08; }
.dark-section .btn-white { background: var(--paper); }
.principle h3 { letter-spacing: 0; font-weight: 750; }
.principle { border-color: #496078; }
.cta-band { background: #dce5df; border-top: 1px solid #ccd7cf; }
.cta-inner h2 { font-size: clamp(2rem,3.2vw,3rem); letter-spacing: 0; }
.footer { background: #e5e0d6; }
.footer-main p { margin-top: 20px; }
.footer-bottom { border-color: #ccc6ba; }
.footer-links strong { color: #536573; }
.page-hero { background: #132a42; color: white; padding: 164px 0 68px; border-color: #244964; }
.page-hero h1 { font-size: clamp(2.65rem,5vw,4.6rem); line-height: 1.04; font-weight: 750; }
.page-hero .eyebrow { color: #b8d5d2; }
.page-hero p { color: #c7d3db; max-width: 820px; }
.breadcrumbs { color: #a9c2cf; }
.breadcrumbs a:hover { color: white; }
.service-detail h2 { font-size: 2rem; }
.engagement { background: rgba(246,243,237,.7); border-radius: 8px; }
.engagement .tag { color: var(--teal); font-weight: 700; }
.tool-row span { letter-spacing: 0; }
.contact-form { background: #ebe7de; border-radius: 10px; border: 1px solid #d4cec1; box-shadow: 0 18px 45px #1020330b; padding: 38px; }
.contact-form h2 { letter-spacing: 0; }
input,select,textarea { background: #faf8f3; border-color: #babfb9; border-radius: 6px; }
input:focus,select:focus,textarea:focus { outline-color: #87b7b2; }
.field label { color: var(--ink); }
.form-status { border-radius: 4px; background: #d9e8dd; border-color: var(--teal); color: #234e3e; }
.form-status[data-state="error"] { background: #f1dfd4; border-color: #ab593b; color: #773b28; }
.form-status[data-state="pending"] { background: #dee8eb; border-color: var(--navy); color: var(--navy); }
.contact-form button[disabled] { opacity: .65; cursor: wait; transform: none; }
.spam-field { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.check-field { display: flex; gap: 11px; align-items: start; font-size: .875rem; line-height: 1.6; }
.check-field input { width: 18px; min-width: 18px; height: 18px; min-height: 18px; margin-top: 3px; accent-color: var(--teal); }
.check-field a { text-decoration: underline; }
.sample-notice { background: #e0e8e3; border-color: var(--teal); color: #365a50; }
.kpi { background: #eeeae1; border-color: #b9cdc6; }
.kpi-value { letter-spacing: 0; }
.bar { background: var(--navy); }
.bar.cost { background: #8bb3ad; }
.legend span:before { background: var(--navy); }
.legend span:last-child:before { background: #8bb3ad; }
.meter span { background: var(--teal); }
.data-table th { background: #ebe7de; }
.quote-card { background: #ebe7de; border-color: var(--teal); }
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.brand-logo{width:245px;height:51px}.nav>a:not(.btn){padding:11px 10px}.nav>.btn{margin-left:5px}.hero{min-height:740px}.hero h1{font-size:4.4rem}.section-head{gap:35px}}
@media(max-width:850px){.header-inner{min-height:82px}.nav{background:var(--paper)}.nav>a:not(.btn){padding:13px!important}.nav>.btn{margin-left:0}.hero{padding:150px 0 65px;min-height:740px}.hero h1{font-size:4.2rem}.hero-copy{max-width:690px}.hero-copy p{max-width:600px}.hero{background-position:60% center}.section{padding:68px 0}.section-head h2{font-size:2.6rem}.page-hero{padding-top:145px}.contact-form{padding:32px}.service-card{padding:27px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:78px}.brand-logo{width:228px;height:47px}.menu-toggle{background:#ece7dd;border-color:#d0c9bc;font-size:.8125rem}.hero{min-height:700px;min-height:90svh;padding:136px 0 55px;background-position:62% center;background-image:linear-gradient(90deg,rgba(16,32,51,.9),rgba(16,32,51,.64)),url('/assets/metricmind-hero.png')}.hero h1{font-size:clamp(2.6rem,10.6vw,3.8rem);line-height:1.04;max-width:500px}.hero-copy p{font-size:1.125rem}.hero .eyebrow{font-size:.6875rem;max-width:290px;line-height:1.6}.hero .actions{align-items:start;gap:12px}.hero .btn{min-height:48px;padding:12px 16px;font-size:.875rem}.hero-context{margin-top:34px;font-size:.75rem;line-height:1.65;gap:12px}.capability-inner{gap:15px 24px}.capability-inner>span{max-width:none}.capability-inner strong{font-size:.9375rem}.section{padding:55px 0}.section-head h2{font-size:2.3rem}.service-grid{gap:14px}.page-hero{padding:130px 0 46px}.page-hero h1{font-size:clamp(2.35rem,9.4vw,3.25rem)}.contact-form{padding:25px 20px}.contact-form h2{font-size:1.5rem}.cta-inner h2{font-size:2.25rem}.footer .brand-logo{width:228px}.engagement{padding:26px}.service-detail h2{font-size:1.75rem}.chart-layout{grid-template-columns:1fr}}
@media(max-width:365px){.brand-logo{width:204px;height:43px}.header-inner{gap:10px}.menu-toggle{padding:9px 10px}.hero h1{font-size:2.55rem}}
@media print{body{background:white}.hero,.page-hero{background:none;color:var(--ink);padding:20px 0;min-height:0}.page-hero p{color:var(--muted)}.wrap{width:100%}.page-hero h1{font-size:32pt}}