/* The one top bar and footer of every public page (Arvind, 2026-11-07: "the top navigation menu should be same for all
   pages"). Markup: content/partials/nav.html and footer.html, put into each page's <!-- @nav --> / <!-- @footer --> by
   scripts/postbuild.mjs. Scoped to header.hnav / footer.hfoot so it wins over site.css and growth.css on any page. */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@600;700&display=swap");
@font-face{font-family:"Inter";src:url(fonts/inter-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

/* Top bar */
header.hnav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#fffcf9e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #E7DDD4;box-shadow:none}
header.hnav .wrap{display:flex;align-items:center;gap:24px;height:64px;max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
header.hnav .logo{flex:none;display:flex;align-items:center;gap:8px;font:600 19px/1 "Inter",system-ui,sans-serif;letter-spacing:-.01em;text-decoration:none;color:#1E1B1A}
header.hnav .nav-links{display:flex;gap:24px;margin-left:auto;font:500 14px/1.6 "Inter",system-ui,sans-serif;color:#4a4341}
header.hnav .nav-links a{text-decoration:none;color:inherit;padding:0;white-space:nowrap}
header.hnav .nav-links a::after{display:none}
header.hnav .nav-links a:hover{color:#1E1B1A}
header.hnav .nav-login{margin-left:-8px;font:600 14px/1.6 "Inter",system-ui,sans-serif;color:#1E1B1A;text-decoration:none;white-space:nowrap;padding:8px 4px}
header.hnav .nav-login:hover{color:#B8402D}
header.hnav .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14px/1 "Inter",system-ui,sans-serif;border-radius:12px;padding:11px 15px;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;margin-left:0}
header.hnav .btn-coral{background:#E8553F;color:#fff;box-shadow:0 8px 20px -10px #E8553F}
header.hnav .btn-coral:hover{background:#B8402D}
header.hnav .nav-login.btn{margin-left:0;color:#fff}
header.hnav .btn-dark{background:#1E1B1A;color:#fff;box-shadow:none}
header.hnav .btn-dark:hover{background:#000}
header.hnav .btn .s{display:none}
header.hnav .progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#E8553F;transform-origin:left;transform:scaleX(0)}

/* Footer */
footer.hfoot{background:#1E1B1A;padding:56px 0 28px;margin:0;color:#ffffffa6;font:400 13.5px/1.6 "Inter",system-ui,sans-serif;overflow:hidden;border:0}
footer.hfoot .wrap{max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
footer.hfoot p{margin:0;font-size:13.5px;line-height:1.6;color:#ffffffa6}
footer.hfoot .foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:36px}
footer.hfoot .foot-brand{display:grid;gap:14px;align-content:start;max-width:340px}
footer.hfoot .logo{display:flex;align-items:center;gap:8px;justify-self:start;font:600 19px/1 "Inter",system-ui,sans-serif;letter-spacing:-.01em;text-decoration:none;color:#fff}
footer.hfoot .logo svg{background:none;padding:0;border-radius:0}
footer.hfoot .foot-brand .tagline{margin:0;font:700 18px/1.3 "Outfit","Inter",system-ui,sans-serif;letter-spacing:-.02em;color:#fff}
footer.hfoot .foot-wa{justify-self:start;color:#fff;text-decoration:none;font-weight:600;border:1px solid #ffffff2e;border-radius:10px;padding:9px 12px;background:none}
footer.hfoot .foot-contact{display:grid;gap:8px}
footer.hfoot h3{margin:4px 0 12px;font:700 10.5px/1 "Inter",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73}
footer.hfoot .foot-contact h3{margin-bottom:2px}
footer.hfoot .foot-contact a{justify-self:start;color:#ffffffcc;text-decoration:none}
footer.hfoot .foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
footer.hfoot .foot-col li{margin:0;padding:0}
footer.hfoot .foot-col a{text-decoration:none;color:#ffffffcc;font-size:13.5px}
footer.hfoot .foot-col .all{color:#ff8a78;font-weight:600}
footer.hfoot .wordmark-wrap{container-type:inline-size;margin-top:56px;position:relative;user-select:none}
footer.hfoot .wordmark{font:700 18.6cqi/.8 "Inter",system-ui,sans-serif;letter-spacing:-.06em;text-align:center;white-space:nowrap;padding-bottom:.18em;margin-bottom:-.1em;background:linear-gradient(180deg,#ffffff4d 0%,#ffffff1c 55%,#ffffff05 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
footer.hfoot .wordmark span{background:linear-gradient(180deg,#ff8a78 0%,#e04f3b8c 55%,#e04f3b0d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
footer.hfoot .foot-bottom{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff1a;font-size:12.5px;color:#ffffff80}
footer.hfoot .foot-bottom nav{display:flex;gap:18px}
footer.hfoot .foot-bottom a{text-decoration:none;color:#ffffff99}

@media (max-width:900px){
  header.hnav .nav-links{display:none}
  header.hnav .nav-login,header.hnav .nav-login.btn{margin-left:auto}
  footer.hfoot .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer.hfoot .foot-brand{grid-column:1/-1;max-width:none}
}
@media (max-width:760px){header.hnav .btn .l{display:none}header.hnav .btn .s{display:inline}}
@media (max-width:600px){
  header.hnav .wrap{gap:14px}
  footer.hfoot .foot-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:400px){
  header.hnav .wrap{gap:10px}
  header.hnav .logo{font-size:17px;gap:6px}
  header.hnav .logo svg{width:24px;height:24px}
  header.hnav .nav-login{font-size:13.5px}
  header.hnav .nav-login:not(.btn){white-space:normal;line-height:1.25;text-align:center;max-width:70px}
  header.hnav .btn{padding:10px 12px;font-size:13.5px}
}