/* Shared base styles for public Jinja templates (pricing, scenarios, roadmap,
   privacy, terms, risk). Page-specific layout stays inline in each template. */

@font-face{font-family:'MuseoModerno';font-style:normal;font-weight:100 900;font-display:swap;src:url('/static/fonts/museomoderno.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/static/fonts/dm-sans.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:italic;font-weight:100 1000;font-display:swap;src:url('/static/fonts/dm-sans-italic.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('/static/fonts/jetbrains-mono.woff2') format('woff2')}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --green:#00c896;
  --green-glow:rgba(0,200,150,0.3);
  --gold:#d19d01;
  --bg:#060e12;
  --fg:#dde3f0;
  --fg-dim:rgba(221,227,240,0.55);
  --border:rgba(255,255,255,0.1);
  --border-bright:rgba(255,255,255,0.14);
  --font-d:'MuseoModerno',cursive;
  --font-b:'DM Sans',sans-serif;
}

html{scroll-behavior:smooth}
body{background:#060e12;min-height:100vh;color:var(--fg);font-family:var(--font-b);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 10% 25%,rgba(139,92,246,0.4) 0%,transparent 45%),radial-gradient(circle at 50% 95%,rgba(16,185,129,0.4) 0%,transparent 45%),radial-gradient(circle at 90% 10%,rgba(255,110,0,0.4) 0%,transparent 35%),#060e12}

html.light{--fg:#1c1917;--fg-dim:rgba(28,25,23,0.6);--border:rgba(28,25,23,0.1);--border-bright:rgba(28,25,23,0.16)}
html.light body{background:#f5f5f4;color:#1c1917}
html.light body::before{background:#f5f5f4}

nav{position:fixed;top:0;left:0;right:0;z-index:200;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(6,14,18,0.85);backdrop-filter:blur(24px);border-bottom:1px solid rgba(150,100,20,0.3)}
html.light nav{background:rgba(231,229,228,0.74);border-bottom:1px solid rgba(28,25,23,0.08)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-text{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--fg);letter-spacing:-0.03em}
.logo-text em{color:var(--green);font-style:normal}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-back{font-size:14px;color:var(--fg-dim);text-decoration:none;font-weight:500;transition:color .15s;display:inline-flex;align-items:center;gap:6px}
.nav-back:hover{color:var(--fg)}
.theme-toggle{background:transparent;border:1px solid var(--border-bright);color:var(--fg-dim);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}
.theme-toggle:hover{color:var(--fg);border-color:var(--fg-dim)}

@media(max-width:768px){
  nav{padding:0 16px;height:60px}
  .logo-text{font-size:20px}
  .nav-back-label{display:none}
}