/* ATLAS — pagina «in arrivo». Palette di sito/PROGETTO.md (gettoni :root), caratteri di sistema, niente da scaricare. */
:root {
  --notte: #080d1b; --notte-2: #111a33; --indaco: #6f8cff; --linea: #bdd0ff;
  --fogli: #89e4c9; --chiaro: #e7ecfa; --chiaro-2: #aab6d6;
  --fondo: var(--notte); --testo: var(--chiaro); --testo-2: var(--chiaro-2); --tratto: var(--linea); --accento: var(--fogli);
  --aurora: rgba(111, 140, 255, .22); --aurora-2: rgba(137, 228, 201, .10);
}
@media (prefers-color-scheme: light) {
  :root { --fondo: #f7f8fc; --testo: #0b1222; --testo-2: #4a5675; --tratto: #0b1222; --accento: #13866a;
          --aurora: rgba(111, 140, 255, .16); --aurora-2: rgba(19, 134, 106, .08); }
}
* { box-sizing: border-box; margin: 0; }
html { height: 100%; }
body {
  min-height: 100%; display: flex; flex-direction: column; background: var(--fondo); color: var(--testo);
  font: 17px/1.55 -apple-system, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-image: radial-gradient(60rem 36rem at 78% -10%, var(--aurora), transparent 70%),
                    radial-gradient(40rem 30rem at 0% 110%, var(--aurora-2), transparent 70%);
  background-attachment: fixed;
}
.nascosto { position: absolute; }
main { flex: 1; width: 100%; max-width: 46rem; margin: 0 auto; padding: 18vh 24px 48px; }
.marchio { display: flex; align-items: center; gap: 14px; margin-bottom: 9vh; }
.a { stroke: var(--tratto); stroke-width: 2.6; filter: drop-shadow(0 0 6px rgba(189, 208, 255, .35)); }
.parola { font-size: 22px; font-weight: 500; letter-spacing: .32em; }
.servizio { font: 14px/1 Menlo, "SF Mono", ui-monospace, monospace; letter-spacing: .3em; color: var(--accento); text-transform: uppercase; }
h1 { font-size: clamp(40px, 8vw, 72px); line-height: 1.04; font-weight: 600; letter-spacing: -.025em; }
.punto { color: var(--accento); }
.sfumato { background: linear-gradient(92deg, var(--testo) 10%, var(--indaco) 95%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.testo { margin-top: 28px; max-width: 34rem; font-size: 19px; color: var(--testo-2); }
.testo.en { margin-top: 10px; font-size: 15px; opacity: .8; }
.vai { display: inline-block; margin-top: 40px; padding: 12px 22px; border-radius: 999px; text-decoration: none; font-weight: 500;
       color: var(--notte); background: var(--chiaro); }
@media (prefers-color-scheme: light) { .vai { color: #ffffff; background: #0b1222; } }
.vai:focus-visible { outline: 2px solid var(--indaco); outline-offset: 3px; }
footer { display: flex; gap: 10px; justify-content: center; padding: 28px 24px; font: 12px/1 Menlo, ui-monospace, monospace;
         letter-spacing: .12em; color: var(--testo-2); opacity: .75; }
@media (max-width: 480px) { main { padding-top: 12vh; } .marchio { margin-bottom: 7vh; } .testo { font-size: 17px; } }