/* Medora brand polish — marketing pages only (2026-09-04).
   Loaded AFTER page CSS; raises type, depth and color to brand canon
   without touching layout. App pages never include this file. */

:root{
  --mp-ink:#0B1220; --mp-muted:#5A6678; --mp-line:#E5E9F0;
  --mp-cyan:#12A2E0; --mp-cyan-deep:#0A6E99; --mp-cyan-soft:#E8F6FE;
}

/* ---- Type: Geist carries the brand ---- */
body{
  font-family:'Geist','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--mp-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,.hero-title,.section-title,.feature-title,.solution-title,.pillar-title{
  font-family:'Geist','Inter',system-ui,sans-serif;
  letter-spacing:-0.025em;
  color:var(--mp-ink);
}
.hero-title{font-weight:750;letter-spacing:-0.032em;text-wrap:balance}
.section-title{font-weight:700;text-wrap:balance}
.hero-subtitle,.section-subtitle,.feature-description,
.solution-description,.pillar-description{color:var(--mp-muted)}

/* Eyebrows / badges: quiet, technical */
.hero-badge,.feature-label{
  letter-spacing:.14em;font-weight:650;color:var(--mp-cyan);
}

/* ---- Buttons: brand gradient, real press feel ---- */
.btn.btn-primary{
  background:linear-gradient(158deg,#25C2F7,#12A2E0 46%,#0A6E99);
  border:none;color:#fff;font-weight:650;
  box-shadow:0 1px 2px rgba(10,110,153,.25),0 6px 18px -6px rgba(18,162,224,.45);
  transition:transform .15s ease,box-shadow .15s ease;
}
.btn.btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(10,110,153,.28),0 10px 26px -6px rgba(18,162,224,.5);
}
.btn.btn-primary:active{transform:translateY(0)}
.btn.btn-secondary{
  border:1px solid var(--mp-line);color:var(--mp-ink);font-weight:600;
  background:#fff;transition:border-color .15s ease,box-shadow .15s ease;
}
.btn.btn-secondary:hover{border-color:#C9D4E0;box-shadow:0 4px 14px -6px rgba(11,18,32,.18)}

/* ---- Nav: glass bar, quiet links ---- */
header{
  background:rgba(255,255,255,.82);
  -webkit-backdrop-filter:saturate(1.6) blur(14px);
  backdrop-filter:saturate(1.6) blur(14px);
  border-bottom:1px solid rgba(11,18,32,.06);
}
.nav-links a{color:#3A4657;font-weight:550}
.nav-links a:hover{color:var(--mp-ink)}

/* ---- Cards: 1px line + layered depth on hover ---- */
.pillar-card,.solution-card,.feature-visual,.pricing-card{
  border:1px solid var(--mp-line);border-radius:14px;background:#fff;
  box-shadow:0 1px 2px rgba(11,18,32,.04);
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;
}
.pillar-card:hover,.solution-card:hover,.pricing-card:hover{
  border-color:#D6DEE8;transform:translateY(-2px);
  box-shadow:0 1px 2px rgba(11,18,32,.04),0 14px 34px -12px rgba(11,18,32,.16);
}

/* ---- Hero atmosphere: faint brand wash, no noise ---- */
.hero{position:relative}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(640px 320px at 84% 0%,rgba(37,194,247,.06),transparent 64%);
}
.hero>*{position:relative}

/* Hero media: device-frame treatment */
.hero-video video,.hero-visual img{
  border-radius:14px;
  box-shadow:0 1px 2px rgba(11,18,32,.08),0 24px 60px -18px rgba(11,18,32,.35);
}

/* ---- Numbers stay tabular where they line up ---- */
.pricing-card,.price,.stat{font-variant-numeric:tabular-nums}

/* ---- Footer: calmer ---- */
footer{border-top:1px solid var(--mp-line)}

/* Reduced motion: no lifts */
@media (prefers-reduced-motion:reduce){
  .btn.btn-primary,.pillar-card,.solution-card,.pricing-card{transition:none}
}