/* ==========================================================================
   NAVON — shared chrome + content styles for static subpages
   Loaded after styles.css. LIGHT, matches the marketing homepage v3.
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,460;9..144,560;9..144,640&family=Inter:wght@400;500;600;700;800&display=swap");

:root{
  --bg:#FAF9F5; --bg-deep:#F2F1E9; --card:#FFFFFF; --card-soft:#FCFBF7;
  --ink:#101712; --body-c:#3D453F; --muted:#5C655E; --faint:#8B928A;
  --green:#123E30; --green-2:#1C4F3A; --green-ghost:#EDF4EE;
  --signal:#1F9D5B; --brass:#A97F35;
  --border:#E6E2D5; --border-strong:#D8D3C2;
  --sh-card:0 1px 2px rgba(16,23,18,.04),0 14px 40px rgba(16,23,18,.07);
  --fd:"Fraunces",Georgia,serif;
  --fb:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;}
html,body{overflow-x:hidden;max-width:100%;}
body{margin:0;font-family:var(--fb);background:var(--bg);color:var(--ink);
  -webkit-font-smoothing:antialiased;font-feature-settings:"tnum","lnum";line-height:1.5;}
a{color:inherit;text-decoration:none;}
img,svg{max-width:100%;}
.container{max-width:1120px;margin:0 auto;padding:0 28px;}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);}

/* ---------- buttons ---------- */
.n-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;
  border-radius:13px;font-family:var(--fb);font-size:15px;font-weight:600;
  letter-spacing:-0.005em;cursor:pointer;border:1px solid transparent;
  transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease);}
.n-btn--sm{height:38px;padding:0 16px;font-size:13.5px;border-radius:11px;}
.n-btn--primary{background:var(--green);color:#F5F2E9;box-shadow:0 10px 24px rgba(18,62,48,.25);}
.n-btn--primary:hover{background:var(--green-2);transform:translateY(-1px);}
.n-btn--primary:active{transform:translateY(.5px);}
.n-btn--secondary{background:var(--card);color:var(--ink);border-color:var(--border-strong);}
.n-btn--secondary:hover{border-color:var(--faint);transform:translateY(-1px);}
.n-btn i,.n-btn svg{width:16px;height:16px;}

/* ---------- nav ---------- */
.mk-nav{position:sticky;top:0;z-index:40;background:rgba(250,249,245,.82);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(16,23,18,.06);}
.mk-nav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:13px 28px;}
.mk-nav__links{display:flex;gap:26px;font-size:14.5px;font-weight:500;color:var(--muted);}
.mk-nav__links a{transition:color .15s;}
.mk-nav__links a:hover,.mk-nav__links a.is-active{color:var(--ink);}
.mk-nav__cta{display:flex;align-items:center;gap:18px;}
.mk-nav__signin{font-size:14.5px;font-weight:500;color:var(--muted);}
.mk-nav__signin:hover{color:var(--ink);}
.mk-nav__brand img{height:23px;display:block;}

/* ---------- page hero ---------- */
.page-hero{position:relative;padding:96px 28px 60px;overflow:hidden;}
.page-hero::before{content:"";position:absolute;top:-300px;left:50%;transform:translateX(-50%);
  width:1100px;height:640px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(31,157,91,.08),rgba(31,157,91,0) 70%);}
.page-hero__inner{position:relative;max-width:800px;}
.page-hero h1{font-family:var(--fd);font-size:56px;line-height:1.06;letter-spacing:-0.015em;font-weight:560;margin:16px 0 0;}
.page-hero p{font-size:18px;line-height:1.65;color:var(--muted);margin:22px 0 0;max-width:640px;}
.page-hero__actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap;}
/* hero with mascot figure */
.page-hero--fig .page-hero__inner{max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:48px;align-items:center;}
.page-hero__text{max-width:640px;}
.page-hero__mascot{width:250px;height:auto;pointer-events:none;user-select:none;
  filter:drop-shadow(0 24px 44px rgba(16,23,18,.18));}

/* ---------- generic section ---------- */
.section{padding:72px 0;border-top:1px solid var(--border);}
.section--tint{background:var(--bg-deep);}
.section__head{max-width:720px;margin-bottom:44px;}
.section__head h2{font-family:var(--fd);font-size:34px;letter-spacing:-0.015em;font-weight:560;margin:12px 0 0;}
.section__head p{font-size:16px;line-height:1.7;color:var(--muted);margin:14px 0 0;}

/* feature rows */
.frow{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:30px 0;
  border-top:1px solid var(--border);align-items:start;}
.frow:first-of-type{border-top:none;}
.frow__label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;color:var(--ink);}
.frow__icon{width:38px;height:38px;border-radius:11px;background:var(--green-ghost);
  color:var(--green);display:flex;align-items:center;justify-content:center;flex:none;}
.frow__icon i,.frow__icon svg{width:18px;height:18px;stroke-width:1.75;}
.frow__body h3{font-size:19px;font-weight:700;letter-spacing:-0.01em;margin:0 0 8px;}
.frow__body p{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:64ch;}
.frow__body ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;}
.frow__body li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.6;color:var(--body-c);}
.frow__body li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;
  background:var(--signal);}

/* card grid */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.card2{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:26px;
  box-shadow:var(--sh-card);transition:transform .25s var(--ease),box-shadow .25s var(--ease);}
.card2:hover{transform:translateY(-3px);box-shadow:0 2px 6px rgba(16,23,18,.05),0 24px 60px rgba(16,23,18,.11);}
.card2__icon{width:38px;height:38px;border-radius:11px;background:var(--green-ghost);
  color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.card2__icon i,.card2__icon svg{width:18px;height:18px;stroke-width:1.75;}
.card2 h3{font-size:16.5px;font-weight:700;letter-spacing:-0.01em;margin:0 0 6px;}
.card2 p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;}

/* stat band */
.statband{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px;}
.statband__stat{display:flex;flex-direction:column;gap:6px;padding-left:16px;
  border-left:2px solid rgba(18,62,48,.25);}
.statband__stat .v{font-size:38px;font-weight:800;letter-spacing:-0.02em;
  font-variant-numeric:tabular-nums;color:var(--ink);}
.statband__stat .l{font-size:13px;color:var(--muted);line-height:1.5;}

/* prose */
.prose{max-width:680px;}
.prose p{font-size:16.5px;line-height:1.8;color:var(--body-c);margin:0 0 20px;}
.prose p.lead{font-family:var(--fd);font-size:24px;line-height:1.4;color:var(--ink);font-weight:460;}
.prose h3{font-size:20px;font-weight:700;letter-spacing:-0.01em;margin:36px 0 12px;color:var(--ink);}

/* quote */
.pquote{background:var(--green);padding:88px 28px;text-align:center;color:#F5F2E9;}
.pquote .eyebrow{color:rgba(245,242,233,.65);}
.pquote blockquote{max-width:820px;margin:16px auto 0;font-family:var(--fd);font-weight:460;
  font-size:34px;line-height:1.3;letter-spacing:-0.01em;}
.pquote cite{display:block;margin-top:24px;font-style:normal;font-size:14px;letter-spacing:.06em;
  text-transform:uppercase;color:rgba(245,242,233,.6);}

/* cta */
.pcta{position:relative;padding:104px 28px;text-align:center;overflow:hidden;}
.pcta::before{content:"";position:absolute;bottom:-340px;left:50%;transform:translateX(-50%);
  width:1000px;height:620px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(31,157,91,.1),transparent 70%);}
.pcta h2{position:relative;font-family:var(--fd);font-size:44px;letter-spacing:-0.015em;font-weight:560;margin:0;}
.pcta p{position:relative;font-size:16px;color:var(--muted);margin:16px 0 0;}
.pcta__actions{position:relative;display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap;}

/* ---------- footer ---------- */
.mk-footer{background:var(--card-soft);border-top:1px solid var(--border);}
.mk-footer__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 2fr;
  gap:40px;padding:56px 28px 36px;}
.mk-footer__brand img{height:22px;display:block;}
.mk-footer__brand p{color:var(--muted);font-size:14px;margin:14px 0 0;}
.mk-footer__dot{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:12px;font-weight:600;color:var(--signal);}
.mk-footer__dot span{width:8px;height:8px;border-radius:50%;background:var(--signal);}
.mk-footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mk-footer__cols h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 14px;font-weight:800;}
.mk-footer__cols a{display:block;font-size:14px;color:var(--muted);margin-bottom:10px;
  transition:color .15s;}
.mk-footer__cols a:hover{color:var(--ink);}
.mk-footer__legal{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;
  padding:20px 28px;border-top:1px solid var(--border);font-size:13px;color:var(--faint);}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .cards{grid-template-columns:1fr 1fr;}
  .statband{grid-template-columns:1fr 1fr;}
  .page-hero__mascot{width:210px;}
}
@media(max-width:720px){
  .mk-nav__links,.mk-nav__signin{display:none;}
  .mk-nav__inner{padding:12px 18px;gap:12px;}
  .page-hero{padding:56px 18px 44px;}
  .page-hero h1{font-size:36px;}
  .page-hero p{font-size:16px;}
  .page-hero__actions{gap:10px;}
  .page-hero__actions .n-btn{flex:1 1 100%;}
  .page-hero--fig .page-hero__inner{grid-template-columns:1fr;gap:8px;}
  .page-hero__mascot{width:140px;justify-self:end;order:-1;margin-bottom:4px;}
  .container{padding:0 18px;}
  .section{padding:56px 0;}
  .section__head h2{font-size:27px;}
  .frow{grid-template-columns:1fr;gap:14px;padding:26px 0;}
  .cards{grid-template-columns:1fr;}
  .statband{grid-template-columns:1fr 1fr;gap:22px 18px;}
  .statband__stat .v{font-size:30px;}
  .pquote{padding:64px 20px;}
  .pquote blockquote{font-size:24px;}
  .pcta{padding:76px 18px;}
  .pcta h2{font-size:31px;}
  .pcta__actions .n-btn{flex:1 1 100%;}
  .mk-footer__inner{grid-template-columns:1fr;gap:32px;padding:48px 18px 32px;}
  .mk-footer__cols{grid-template-columns:1fr 1fr;gap:22px;}
  .mk-footer__legal{padding:18px;}
}
@media(max-width:380px){
  .page-hero h1{font-size:31px;}
  .section__head h2{font-size:24px;}
  .statband{grid-template-columns:1fr;}
}

/* ---------- customer spotlight ---------- */
.customer-hero{display:flex;align-items:center;gap:34px;flex-wrap:wrap;
  background:var(--card);border:1px solid var(--border);border-radius:18px;
  padding:30px 34px;box-shadow:var(--sh-card);}
.customer-hero__logo{height:56px;width:auto;flex:0 0 auto;}
.customer-hero__blurb{font-size:15px;color:var(--muted);margin:0;max-width:420px;line-height:1.6;}
@media(max-width:720px){
  .customer-hero{gap:18px;padding:22px;}
  .customer-hero__logo{height:42px;}
}

/* ---------- legal docs ---------- */
.legal-doc{max-width:760px;}
.legal-doc h1{display:none;}
.legal-doc h2{font-family:var(--fd);font-size:24px;font-weight:560;letter-spacing:-0.01em;margin:38px 0 12px;}
.legal-doc h2:first-of-type{margin-top:0;}
.legal-doc p,.legal-doc li{font-size:15px;line-height:1.75;color:var(--body-c);}
.legal-doc p{margin:0 0 14px;}
.legal-doc ul,.legal-doc ol{margin:0 0 14px;padding-left:22px;}
.legal-doc li{margin-bottom:8px;}
.legal-doc strong{color:var(--ink);}
.legal-doc a{color:var(--green);font-weight:600;}
.legal-doc a:hover{text-decoration:underline;}
.legal-doc blockquote{margin:0 0 16px;padding:12px 18px;border-left:2.5px solid var(--brass);
  background:linear-gradient(90deg,rgba(169,127,53,.06),transparent);border-radius:0 10px 10px 0;}
.legal-doc blockquote p{margin:0;font-size:14px;}
.legal-doc table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13.5px;
  background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:block;overflow-x:auto;}
.legal-doc th,.legal-doc td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--bg-deep);vertical-align:top;}
.legal-doc th{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);background:var(--card-soft);}
.legal-doc tr:last-child td{border-bottom:none;}
.doclink{color:var(--green);font-weight:700;font-size:13.5px;}
.doclink:hover{text-decoration:underline;}