/* Shared chrome (header + footer) — self-contained colors so it's identical on
   every page (landing.css and site.css use different variable names). */

/* ── Header ── */
.ghdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid #E9EDF3;font-family:'Inter',system-ui,sans-serif}
.ghdr__in{max-width:1200px;margin:0 auto;padding:15px 28px;display:flex;align-items:center;justify-content:space-between}
.ghdr__logo{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:19px;color:#0F172A;text-decoration:none;letter-spacing:-.01em}
.ghdr__dot{width:13px;height:13px;border-radius:4px;background:#10B981}
.ghdr__links{display:flex;gap:28px}
.ghdr__links a{color:#5B6472;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}
.ghdr__links a:hover,.ghdr__links a.is-active{color:#0F172A}
.ghdr__cta{display:flex;align-items:center;gap:6px}
.ghdr__ghost{color:#5B6472;font-size:14px;font-weight:600;text-decoration:none;padding:9px 12px}
.ghdr__ghost:hover,.ghdr__ghost.is-active{color:#0F172A}
.ghdr__btn{display:inline-flex;align-items:center;background:#10B981;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;border-radius:100px;text-decoration:none;transition:background .2s,border-color .2s,color .2s;border:1px solid transparent}
.ghdr__btn:hover{background:#059669}
.ghdr__btn--line{background:#fff;color:#0F172A;border-color:#DCE3EC}
.ghdr__btn--line:hover{background:#fff;border-color:#10B981;color:#10B981}
@media(max-width:760px){.ghdr__links{display:none}.ghdr__in{padding:13px 20px}}

/* ── Footer ── */
.ftr{background:#F8FAFC;border-top:1px solid #E9EDF3;font-family:'Inter',system-ui,sans-serif;position:relative;z-index:1}
.ftr__in{max-width:1120px;margin:0 auto;padding:60px 28px 44px;display:grid;grid-template-columns:1.3fr 3fr;gap:56px}
.ftr__logo{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:20px;color:#0F172A;text-decoration:none}
.ftr__dot{width:13px;height:13px;border-radius:4px;background:#10B981}
.ftr__tag{color:#5B6472;font-size:14px;line-height:1.65;margin-top:16px;max-width:320px}
.ftr__made{color:#94A3B8;font-size:13px;margin-top:14px}
.ftr__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ftr__col h4{font-size:12px;font-weight:700;color:#0F172A;margin-bottom:16px;letter-spacing:.06em;text-transform:uppercase}
.ftr__col a{display:block;color:#5B6472;font-size:14px;text-decoration:none;margin-bottom:11px;transition:color .2s}
.ftr__col a:hover{color:#10B981}
.ftr__bar{border-top:1px solid #E9EDF3}
.ftr__bar{max-width:1120px;margin:0 auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;color:#94A3B8;font-size:13px;gap:12px;flex-wrap:wrap}
.ftr__barlinks{display:flex;gap:20px}
.ftr__barlinks a{color:#94A3B8;text-decoration:none}
.ftr__barlinks a:hover{color:#10B981}
@media(max-width:760px){
  .ftr__in{grid-template-columns:1fr;gap:40px;padding:48px 24px 32px}
  .ftr__cols{grid-template-columns:repeat(2,1fr);gap:32px 24px}
  .ftr__bar{flex-direction:column;gap:10px;align-items:flex-start}
}