/* ============================================================
   GRN — shared public-website navbar (Home / Network /
   Discussions / Events / Peer Insights).
   Single source of truth for the header: landing.blade.php's
   own markup+CSS is the design reference (see landing.css's
   "header" section) — these are the exact same rules, extracted
   so the guest branch of layouts/app.blade.php can reuse the
   identical classes/markup instead of a hand-duplicated copy.
   Loaded only for guests (@guest in layouts/app.blade.php's
   <head>); landing.blade.php keeps using its own landing.css.
   ============================================================ */
.lp-container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;}
.ico{width:16px;height:16px;flex-shrink:0;}

.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:'Inter',sans-serif;font-weight:600;font-size:14px;
  padding:11px 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;white-space:nowrap;
  transition:transform .16s cubic-bezier(.34,1.5,.64,1),box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease;}
.lp-btn-sm{padding:8px 14px;font-size:12.5px;border-radius:8px;}
.lp-btn-ghost{background:#fff;color:#14141F;border-color:#E7E7F0;}
.lp-btn-ghost:hover{border-color:#6F72D8;color:#5457BE;transform:translateY(-2px);box-shadow:0 1px 2px rgba(20,20,45,.04), 0 18px 40px -20px rgba(74,77,180,.25);}
.lp-btn-dark{background:#5457BE;color:#fff;box-shadow:0 8px 18px -8px rgba(84,87,190,.5);}
.lp-btn-dark:hover{background:#6F72D8;transform:translateY(-2px);}

.lp-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid #E7E7F0;}
.lp-header::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7C7FE6 0%,#5B5EC9 50%,#4A4DB4 100%);}
.lp-header-in{display:flex;align-items:center;gap:20px;height:66px;position:relative;}
.lp-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.lp-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#7C7FE6 0%,#5B5EC9 55%,#4A4DB4 100%);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:15px;box-shadow:0 6px 16px -6px rgba(84,87,190,.55);}
.lp-brandname{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;color:#14141F;letter-spacing:.01em;}
.lp-brand-img{height:42px;width:auto;max-width:200px;display:block;}
@media(max-width:400px){.lp-brand-img{height:34px;}}
.lp-search{flex:1;max-width:340px;display:flex;align-items:center;gap:8px;background:#F6F6FB;
  border:1px solid #E7E7F0;border-radius:9px;padding:8px 12px;color:#7B7B88;}
.lp-search .ico{color:#A0A0AC;}
.lp-search input{flex:1;min-width:0;width:auto;padding:0;border:none;border-radius:0;background:transparent;outline:none;font-size:13px;font-family:inherit;color:#14141F;}
.lp-search input::placeholder{color:#A0A0AC;}
.lp-search kbd{font-size:10px;font-weight:700;color:#7B7B88;background:#fff;border:1px solid #E7E7F0;border-radius:5px;padding:2px 6px;}
.lp-nav{display:flex;align-items:center;gap:2px;margin-left:auto;}
.lp-nav>a{padding:9px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:#43434F;transition:background .15s,color .15s;}
.lp-nav>a:hover{background:#F6F6FB;color:#14141F;}
.lp-nav>a.active{background:rgba(111,114,216,.14);color:#5457BE;}
.lp-nav-cta{display:flex;align-items:center;gap:10px;margin-left:10px;}
.lp-burger{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center;
  background:#fff;border:1px solid #E7E7F0;border-radius:10px;cursor:pointer;flex-shrink:0;margin-left:auto;}
.lp-burger span{width:18px;height:2px;background:#14141F;border-radius:2px;transition:.2s;}

@media (max-width:900px){
  .lp-search{display:none;}
}
@media (max-width:720px){
  .lp-nav{position:absolute;top:66px;left:-24px;right:-24px;flex-direction:column;align-items:stretch;gap:2px;
    background:#fff;border-bottom:1px solid #E7E7F0;padding:12px 24px 20px;
    box-shadow:0 22px 32px -18px rgba(20,20,45,.28);display:none;max-height:calc(100vh - 66px);overflow-y:auto;}
  .lp-nav.open,.lp-header.open .lp-nav{display:flex;}
  .lp-nav>a{padding:13px 10px;}
  .lp-nav-cta{margin:10px 0 0;flex-direction:column;align-items:stretch;gap:9px;}
  .lp-nav-cta .lp-btn{width:100%;}
  .lp-burger{display:flex;}
}