/* Stile "sala controllo" (approvato il 30/10/2026), comune alle pagine pubbliche.
   Si carica per ultimo: ridefinisce i colori e i caratteri delle pagine esistenti
   senza toccarne la struttura. Spigoli vivi, un solo accento ciano, niente bagliori. */
:root {
  --bg: #07090c; --bg2: #0a0d11; --bg3: #0c1015; --border: #19202a;
  --teal: #2ed3e6; --teal-d: #8be9f3; --text: #c9d3dd; --text2: #8a97a5;
  --green: #3fb68b; --amber: #d39a2c; --red: #e05555;
  --font: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --mono: 'IBM Plex Mono', 'Courier New', monospace;
  --radius: 2px;
  color-scheme: dark;
}
body { font-family: var(--font) !important; background: var(--bg); color: var(--text); }
code, pre, kbd, samp, .mono, [class*="mono"] { font-family: var(--mono) !important; }
h1, h2, h3, h4 { color: #e8eef4; font-weight: 600; }
body * { border-radius: 2px !important; }
.avail-dot, .legend-dot, .sp-dot, .spinner, [class*="spinner"], [class*="dot"] { border-radius: 50% !important; }
.hero-glow { display: none !important; }
.hero-grid { opacity: .35; }
nav, #nav { background: rgba(7,9,12,.9) !important; }
a.btn-primary, .btn-primary, .nav-btn, .btn-send { color: #07090c !important; box-shadow: none !important; }
.btn-primary:hover, .nav-btn:hover { background: var(--teal-d) !important; color: #07090c !important; transform: translateY(-1px); }
.btn-primary:active, .btn-ghost:active { transform: translateY(1px); }
[class*="card"]:hover, .plan, .plan.feat, .addon.feat, .srv { box-shadow: none !important; }
pre, code { background: #0c1015; border-color: var(--border); }
::selection { background: rgba(46,211,230,.3); color: #e8eef4; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .fade-up { opacity: 1 !important; transform: none !important; }
}