/* Base comune della landing (home, contatti, startup-innovativa).
 *
 * ⚠️ I COLORI SONO QUELLI DELL'APP (ramo dev, `src/index.css`), copiati e non
 *    importati: la landing sta su `main` e l'app su `dev`, due rami e due deploy.
 *    Se l'app cambia tavolozza, questo file va riallineato a mano. Le regole:
 *      · neutri LAVANDA (un velo di viola, scelta «B» di Gabriele del 7/10);
 *      · si FA in viola (pulsanti, link), ci si ORIENTA in blu (dove sei,
 *        avanzamento), si TOGLIE in cremisi (qui: solo gli errori dei form).
 *
 * ⚠️ Fraunces è ospitato qui (`/fonts/`, licenza OFL accanto), come nell'app:
 *    niente Google Fonts, nessuna richiesta a terzi per aprire la pagina.
 */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 700;font-display:swap;src:url('/fonts/fraunces-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 700;font-display:swap;src:url('/fonts/fraunces-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:300 700;font-display:swap;src:url('/fonts/fraunces-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:300 700;font-display:swap;src:url('/fonts/fraunces-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  color-scheme:light;
  --bg:hsl(257 47% 97%); --surface:#fff; --soft:hsl(260 40% 94%); --tint:hsl(259 67% 95%);
  --fg:hsl(263 34% 12%); --fg-soft:hsl(263 20% 30%); --muted:hsl(263 12% 47%); --line:hsl(263 32% 89%);
  --viola:hsl(262 83% 58%); --viola-deep:hsl(263 69% 42%); --on-viola:#fff;
  --blu:hsl(215 45% 45%); --blu-testo:hsl(215 48% 40%); --blu-tint:hsl(215 50% 94%);
  --errore:hsl(348 71% 45%);
  --band:hsl(263 30% 10%); --on-band:hsl(256 44% 95%); --on-band-soft:hsl(258 20% 72%);
  --display:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --shadow:0 2px 4px hsl(258 30% 18% / .05),0 8px 20px hsl(262 55% 42% / .12);
  --shadow-lg:0 6px 12px hsl(258 30% 18% / .07),0 20px 44px hsl(262 60% 45% / .18);
}
@media (prefers-color-scheme:dark){
  :root{
    color-scheme:dark;
    --bg:hsl(263 30% 8%); --surface:hsl(259 28% 14%); --soft:hsl(258 26% 17%); --tint:hsl(259 30% 20%);
    --fg:hsl(256 44% 95%); --fg-soft:hsl(258 25% 80%); --muted:hsl(258 15% 64%); --line:hsl(258 22% 24%);
    --viola:hsl(258 90% 66%); --viola-deep:hsl(258 90% 78%);
    --blu:hsl(215 44% 51%); --blu-testo:hsl(216 57% 72%); --blu-tint:hsl(215 30% 20%);
    --errore:hsl(350 75% 70%);
    --band:hsl(259 32% 13%);
    --shadow:0 2px 6px hsl(0 0% 0% / .3); --shadow-lg:0 12px 36px hsl(0 0% 0% / .4);
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--viola-deep)}
h1,h2,h3{text-wrap:balance}
.display,h1,h2{font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.015em}
:focus-visible{outline:2px solid var(--viola);outline-offset:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 20px;font:600 16px/1 var(--sans);cursor:pointer;text-decoration:none;white-space:nowrap}
.btn-viola{background:var(--viola);color:var(--on-viola)}
.btn-viola:hover{background:hsl(263 69% 48%)}
.btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--viola)}
.btn:disabled{opacity:.6;cursor:progress}

/* Le pagine interne: una colonna, il ritorno alla home in alto. */
.iwrap{max-width:720px;margin:0 auto;padding:40px 16px 96px}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--fg-soft);text-decoration:none;font-size:15px;margin-bottom:28px}
.back:hover{color:var(--viola-deep)}
.iwrap h1{font-size:clamp(34px,5vw,44px);line-height:1.1;font-weight:500;margin:0 0 8px}
.isub{color:var(--fg-soft);margin:0 0 28px;font-size:16px}