/* The homepage header and footer (assets/landing/css/styles.css), scoped so they sit on any page. */
header.nav,footer.lf{--bg:#fff8ec;--paper:#fff;--dark:#241a0e;--honey:#ffc53d;--honey-deep:#eda600;--line:#eedfc2;--on-dark:#fff8ec;--on-dark-muted:#d6c6a8;
--display:'Manrope','Segoe UI',system-ui,sans-serif;--body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-family:var(--body);line-height:1.55;box-sizing:border-box}
header.nav *,footer.lf *{box-sizing:border-box}
header.nav a,footer.lf a{color:inherit}
header.nav .wrap,footer.lf .wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.ls-sprite{position:absolute;width:0;height:0;overflow:hidden}
header.nav svg.i{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
header.nav .logo,footer.lf .logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.03em;position:relative}
header.nav .logo img,footer.lf .logo img{display:block}
header.nav .ls-2{height:42px;width:auto}
footer.lf .ls-13{border-radius:12px}

header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:70;transition:transform .45s cubic-bezier(.2,.8,.2,1);background:rgba(255,248,236,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);color:var(--dark);font-size:16px}
header.nav.nav-hide{transform:translateY(calc(-100% - env(safe-area-inset-top,0px) - 2px))}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;flex-wrap:wrap;padding-block:8px}
header.nav .links{display:flex;gap:22px;font-weight:600;font-size:15px;flex-wrap:wrap}
header.nav .links a{text-decoration:none}
header.nav .links a:hover{color:var(--honey-deep)}
header.nav .right{display:flex;align-items:center;gap:10px}
header.nav .locale{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);font-size:14px;font-weight:600;background:var(--paper);color:var(--dark);cursor:pointer}
header.nav .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--dark);font-size:15px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
header.nav .btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 -1px var(--dark)}
header.nav .btn-dark{background:var(--dark);color:var(--on-dark)}
header.nav .logo .logo-word{display:none}
header.nav .nav-menu{display:none;width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;border-radius:12px;transition:transform .25s}
header.nav .nav-menu img{display:block;width:44px;height:44px}
header.nav .nav-menu.on{transform:rotate(-8deg) scale(.92)}
header.nav .nav-menu:focus-visible{outline:3px solid var(--dark);outline-offset:2px}
header.nav .nav-drop{position:absolute;left:12px;right:12px;top:100%;z-index:200;display:flex;flex-direction:column;gap:2px;background:var(--paper);border:2px solid var(--dark);border-radius:20px;padding:10px;box-shadow:6px 6px 0 var(--honey)}
header.nav .nav-drop[hidden]{display:none}
header.nav .nav-drop a{text-decoration:none;font-weight:700;font-size:16px;color:var(--dark);padding:12px 14px;border-radius:12px}
header.nav .nav-drop a:hover{background:var(--bg)}
header.nav .nav-drop a.btn,header.nav .nav-drop a.btn:hover{margin-top:6px;justify-content:center;background:var(--dark);color:var(--on-dark)}
header.nav .wp-btn{min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);font-size:14px;font-weight:600;background:var(--paper);color:var(--dark);font-family:var(--body);white-space:nowrap;cursor:pointer}
header.nav .wp-btn:hover{border-color:var(--dark)}
header.nav .wp-pop{color:var(--dark)}
@media (max-width:1120px){header.nav .locale,header.nav .wp{display:none}header.nav .links{gap:16px}}
@media (max-width:820px){
  header.nav .links{display:none}
  header.nav .wrap{min-height:60px;flex-wrap:nowrap}
  header.nav .logo img{height:34px}
  header.nav .nav-login{display:none}
  header.nav .nav-menu{display:inline-flex}
  header.nav .logo .ls-2{display:none}
  header.nav .logo .logo-word{display:block;height:18px;width:auto}
}
@media (min-width:821px){header.nav .nav-drop{display:none!important}}

footer.lf{background:var(--dark);color:var(--on-dark-muted);font-size:14px;padding-block:70px 40px}
footer.lf .about{display:flex;flex-direction:column;gap:16px;max-width:520px}
footer.lf .about p{color:var(--on-dark-muted);margin:0}
footer.lf .logo{color:var(--on-dark);font-size:24px;gap:12px}
footer.lf .fcols{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:32px}
footer.lf h4{font:800 13px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--honey);margin:0 0 14px}
footer.lf .fcols ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
footer.lf .fcols a{text-decoration:none;color:var(--on-dark)}
footer.lf .fcols a:hover,footer.lf .cloud a:hover{color:var(--honey)}
footer.lf .fcols address{font-style:normal;display:flex;flex-direction:column;gap:12px}
footer.lf .fcols address b{color:var(--on-dark)}
footer.lf .cloud{margin-top:44px;border-top:1px solid #4a3a24;padding-top:30px}
footer.lf .cloud div{display:flex;flex-wrap:wrap;gap:8px 18px}
footer.lf .cloud a{text-decoration:none;color:var(--on-dark-muted)}
footer.lf .legal{margin-top:44px;border-top:1px solid #4a3a24;padding-top:24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer.lf .legal b{color:var(--on-dark)}