/* SignalVC Main CSS - Public Pages
 * Premium Enterprise SaaS Aesthetic
 * ================================================== */
:root {
  --app-shell-900:#1e2f4c;
  --app-shell-800:#20334e;
  --app-shell-700:#36445a;
  --surface-0:#ffffff;
  --surface-50:#fdfdfd;
  --surface-sidebar:#f0f1f6;
  --surface-panel:#f6f6f7;
  --surface-selected:#e2e5eb;
  --border:#d9d9d8;
  --border-soft:#e3e4e5;
  --text-strong:#272629;
  --text:#626161;
  --text-muted:#8b8b90;
  --primary:#3469f3;
  --primary-600:#2e65f0;
  --primary-100:#e8f1fd;
  --primary-dark:#2e65f0;
  --dark:#272629;
  --light:#fdfdfd;
  --gray:#8b8b90;
}
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
body {
  background:linear-gradient(135deg, var(--app-shell-800) 0%, var(--app-shell-900) 50%, var(--app-shell-700) 100%);
  color:var(--dark);
  line-height:1.6;
  min-height:100vh;
}
/* Navigation */
.navbar {
  position:fixed;
  top:16px;
  left:16px;
  right:16px;
  height:60px;
  background:var(--surface-0);
  box-shadow:0 1px 2px rgba(15, 23, 42, 0.06);
  border-radius:16px;
  display:flex;
  align-items:center;
  padding:0 1.5rem;
  z-index:100;
}
.nav-brand {
  font-weight:700;
  background:linear-gradient(135deg, var(--app-shell-800) 0%, var(--app-shell-900) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-decoration:none;
  font-size:var(--fs-sm);
  margin-right:auto;
}
.nav-links {display:flex; gap:1.5rem; align-items:center; height:100%}
.nav-link {color:var(--text); text-decoration:none; font-weight:500; transition:color 0.2s; display:flex; align-items:center; height:100%}
.nav-link:hover {color:var(--primary)}
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0.625rem 1.25rem;
  border-radius:999px;
  font-weight:500;
  cursor:pointer;
  transition:all 0.2s;
  border:1px solid transparent;
  text-decoration:none;
}
.btn-outline {border-color:var(--border); color:var(--text-strong); height:auto; background-color:var(--surface-0)}
.btn-outline:hover {background-color:var(--surface-panel); border-color:var(--primary)}
.btn-primary {
  background:linear-gradient(135deg, var(--app-shell-800) 0%, var(--app-shell-900) 100%);
  color:white;
  box-shadow:0 2px 8px rgba(30, 47, 76, 0.25);
}
.btn-primary:hover {background:linear-gradient(135deg, var(--app-shell-700) 0%, var(--app-shell-800) 100%); box-shadow:0 4px 12px rgba(30, 47, 76, 0.35)}
/* Footer */
.footer {padding:3rem 2rem; background:var(--app-shell-900); color:white; margin:16px; border-radius:20px}
.footer-container {max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:2rem}
.footer-logo {font-weight:700; color:white; font-size:var(--fs-sm); margin-bottom:1rem; display:inline-block}
.footer-about {margin-bottom:1rem; color:var(--gray)}
.footer-title {font-weight:600; margin-bottom:1rem; font-size:var(--fs-sm)}
.footer-links {list-style:none}
.footer-link {margin-bottom:0.5rem}
.footer-link a {color:var(--gray); text-decoration:none; transition:color 0.2s}
.footer-link a:hover {color:white}
.copyright {
  text-align:center;
  margin-top:3rem;
  padding-top:1.5rem;
  border-top:1px solid rgba(255,255,255,0.1);
  color:var(--gray);
  font-size:var(--fs-body);
}
/* Main content area */
main {padding-top:92px; min-height:calc(100vh - 60px); margin:0 16px}
/* Responsive */
@media (max-width: 768px) {
  .navbar {padding:0 1rem; top:8px; left:8px; right:8px}
  .nav-links {display:none}
  .btn {width:100%; max-width:300px}
  .footer-container {grid-template-columns:1fr}
  main {padding-top:84px; margin:0 8px}
  .footer {margin:8px; border-radius:16px}
}