/* Lipnote — shared stylesheet.
   Reset + base typography, the site shell layout, the sticky-nav responsive
   behaviour, and hover states for the shared header/footer. Page-specific
   design (hero, legal pages, hashed .scp hover rules, keyframes) ships inline
   with each page in source/pages/*.html. */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Schibsted Grotesk',system-ui,-apple-system,sans-serif;color:#171326;background:#FBFAFD;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(87,54,255,.18)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.lucide{stroke-width:1.75}
form button[type="submit"]:disabled{opacity:.62;cursor:progress}
footer a{white-space:nowrap}

/* Shell — wraps header + main + footer; keeps the footer at the bottom on
   short pages and clips the decorative hero blobs. */
.site-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}
.site-main{flex:1 1 auto}

/* Sticky nav — desktop links vs. mobile burger + slide-down panel. */
.nav-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:#171326;cursor:pointer;border-radius:11px;transition:background .18s ease}
.nav-burger:hover{background:#F1EFF7}
.nav-burger .burger-menu{display:inline-flex}
.nav-burger .burger-x{display:none}
.nav-burger[data-open="true"] .burger-menu{display:none}
.nav-burger[data-open="true"] .burger-x{display:inline-flex}
.nav-panel{display:none;overflow:hidden;max-height:0;opacity:0;transition:max-height .36s cubic-bezier(.4,0,.2,1),opacity .26s ease}
.nav-panel[data-open="true"]{max-height:78vh;opacity:1}
@media (max-width:880px){
  .nav-links{display:none !important}
  .nav-desktop-cta{display:none !important}
  .nav-burger{display:inline-flex !important}
  .nav-panel{display:block !important}
}

/* Shared header / footer hover states (replace the export's hashed .scp rules). */
.lnav-link{transition:color .15s}
.lnav-link:hover{color:#171326}
.lnav-cta{transition:transform .15s,background .2s}
.lnav-cta:hover{transform:translateY(-1px);background:var(--accent-strong,#4329D6)}
.lfoot-link{transition:color .15s}
.lfoot-link:hover{color:var(--accent,#5736FF)}