/* Site-wide look (10/23/2026): Ledn-inspired colors + Hanken Grotesk type, matching the homepage.
   MileMethod app screenshots/mockups keep the app's own colors and font. Case study bar charts keep their green. */
:root{--ink:#102833;--paper:#F9F8F7;--sand:#EAE4DC;--mint:#80C4AE;--mint-deep:#2F7E66;--slate:#3E5A63;--bronze:#A37855;
 --background:#F9F8F7;--foreground:#102833;--card:#fff;--card-foreground:#102833;--primary:#102833;--primary-foreground:#F9F8F7;--primary-glow:#3E5A63;--secondary:#EAE4DC;--secondary-foreground:#102833;--muted:#EFEBE5;--muted-foreground:#3E5A63;--border:#DDD6CC;
 --font-sans:"Hanken Grotesk",Arial,sans-serif;--font-serif:"Hanken Grotesk",Arial,sans-serif;--gradient-radial:none}
body{background:#F9F8F7!important;background-image:none!important;color:#102833}
body,body *{font-family:"Hanken Grotesk",Arial,sans-serif!important}
h1{font-weight:400!important;letter-spacing:-.04em!important}
h2,.font-serif{font-weight:500!important;letter-spacing:-.035em!important}
h3{font-weight:500!important;letter-spacing:-.02em}
.eyebrow,.mm-eyebrow,.plan-eyebrow,.modal-eyebrow{color:var(--bronze)!important;font-weight:500!important}
/* logo wordmark */
.logo,.logo *,.footer-brand{font-family:"Archivo Black",Inter,sans-serif!important;letter-spacing:normal!important}
/* footer: links stay visible on hover; newsletter button stands out */
footer a:hover,.footer-links a:hover,.footer-contact a:hover,.footer-reach a:hover{color:var(--mint)!important}
.footer-sub-btn{background:var(--mint)!important;color:var(--ink)!important;border-color:var(--mint)!important}
.footer-sub-btn:hover{background:#8FD0B9!important}
footer{background:var(--ink)!important}
/* app screenshots/mockups keep the app's own colors and font */
.phone-wrap,.wg-vis,.product-showcase,.ps-visual{--background:oklch(0.99 0.005 250);--foreground:oklch(0.16 0.02 250);--card:oklch(1 0 0);--card-foreground:oklch(0.16 0.02 250);--primary:oklch(0.55 0.22 260);--primary-foreground:oklch(0.99 0.005 250);--primary-glow:oklch(0.62 0.21 260);--secondary:oklch(0.96 0.01 250);--muted:oklch(0.96 0.01 250);--muted-foreground:oklch(0.5 0.02 250);--border:oklch(0.92 0.01 250)}
.phone-wrap *,.wg-vis *,.ps-visual *{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important}

/* About page timeline: the first date in each entry is bold */
.tl-snippet__year{font-weight:700!important;color:var(--ink)!important}
.cta-banner-wrap{background:var(--ink)!important}
/* Header buttons on every page: same pill style as the homepage nav (menus unchanged) */
.site-header:not(.site-header--pill) .btn-outline,.site-header:not(.site-header--pill) .btn-primary{display:inline-flex!important;align-items:center;justify-content:center;height:48px;box-sizing:border-box;padding:0 21.6px!important;border-radius:9999px!important;font-size:14.4px!important;font-weight:600!important;line-height:1}
.site-header:not(.site-header--pill) .btn-outline{background:#fff!important;color:var(--ink)!important;border:1px solid var(--ink)!important;box-shadow:0 8px 24px -14px rgba(16,40,51,.35)!important}
.site-header:not(.site-header--pill) .btn-primary{background:var(--ink)!important;color:#F9F8F7!important;border:1px solid transparent!important;box-shadow:0 10px 24px -8px rgba(16,40,51,.6)!important}
.site-header:not(.site-header--pill) .btn-outline:hover,.site-header:not(.site-header--pill) .btn-primary:hover{transform:translateY(-1px)}