/* Shared across pricing.html, privacy.html, terms.html, refund.html —
   design tokens, reset, base nav/footer. index.html keeps its own
   (larger, animated) nav/footer and is not linked to this file. */
:root{
  --teal:#0d7c6e;--teal-lt:#14a896;--teal-dk:#085a50;
  --amber:#e07b1a;--amber-lt:#f59332;
  --navy:#0e1a2b;--navy2:#152236;--navy3:#1c2f47;
  --slate:#f0f4f8;--paper:#fafaf8;
  --muted:#5a6a7a;--border:#d4dde8;
  --white:#ffffff;--radius:10px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Instrument Sans',sans-serif;background:var(--paper);color:var(--navy);font-size:16px;line-height:1.6}

nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 4rem;height:68px;background:rgba(14,26,43,.97);backdrop-filter:blur(16px)}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.logo-badge{height:34px;width:auto;display:block}
.logo-stack{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1}
.logo-word{font-family:'Syne',sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.03em;color:var(--white)}
.logo-word-accent{color:var(--teal-lt)}
.logo-tag{font-family:'Syne',sans-serif;font-weight:700;font-size:.55rem;letter-spacing:.28em;color:var(--amber-lt)}
.nav-back{color:rgba(255,255,255,.6);text-decoration:none;font-size:.88rem;display:flex;align-items:center;gap:.4rem;transition:color .2s}
.nav-back:hover{color:var(--white)}

footer{background:var(--navy2);color:rgba(255,255,255,.5);padding:2rem 4rem;text-align:center;font-size:.82rem}
footer a{color:rgba(255,255,255,.5);text-decoration:none}
footer a:hover{color:var(--white)}

@media(max-width:900px){
  nav{padding:0 1.5rem}
  footer{padding:2rem 1.5rem}
}