/* Prism Voyage · shared header, footer and step colours.
   Loaded after each page's own styles, so every page shares one header and one footer. */

:root{
  /* Plan · Book · Keep — deep jewel tones drawn from the Pearl mist (lavender · rose · aqua) */
  --s1:#5446b8;   /* I  · Plan  · violet */
  --s2:#9c4a7c;   /* II · Book  · plum   */
  --s3:#1f7a72;   /* III· Keep  · teal   */
}

/* ---------- header ---------- */
nav{position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:rgba(247,246,251,.8);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(27,29,51,.1)}
nav .nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px;max-width:1140px;margin:0 auto;padding-inline:24px}
nav .logo{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;min-width:0}
nav .logo b{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:18px;letter-spacing:.08em;text-transform:none}
nav .logo .dot{width:22px;height:22px;border-radius:50%;flex:none;
  background:conic-gradient(from 200deg,#ffb3d1,#c4b5fd,#fed7aa,#99f6e4,#bae6fd,#ffb3d1);box-shadow:0 0 16px rgba(196,181,253,.6)}
nav .links{display:flex;align-items:center;gap:4px}
nav .links a{font-family:'Jost',system-ui,sans-serif;text-decoration:none;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(27,29,51,.74);padding:6px 13px;border-radius:999px;white-space:nowrap;display:inline-block}
nav .links a:hover,nav .links a.on{color:#5b4bd6}
nav .links a.cta-mini{border:1px solid rgba(91,75,214,.3);color:#5b4bd6;margin-left:6px}
nav .links a.cta-mini:hover{background:#5b4bd6;color:#fff}
@media (max-width:760px){
  nav .nav-in{padding-inline:16px}
  nav .links a:not(.cta-mini){display:none}
}
@media (max-width:420px){nav .logo b{font-size:15px}nav .links a.cta-mini{padding:6px 10px;font-size:11px;letter-spacing:.1em}}

/* ---------- footer ---------- */
footer{border-top:1px solid rgba(27,29,51,.1);text-align:center;padding:44px 24px calc(56px + env(safe-area-inset-bottom,0px));
  color:rgba(27,29,51,.52);font-size:13px;font-family:'Jost',system-ui,sans-serif;position:relative;z-index:1}
footer .fw{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:.1em;font-size:17px;margin-bottom:12px;text-transform:none}
footer p{margin-top:4px}
footer a{color:rgba(27,29,51,.74);text-decoration:none;display:inline-block;padding:6px 2px}
footer a:hover{color:#5b4bd6}
footer .f-links{margin-bottom:6px}