/* Indexable, user-visible first paint. React replaces the content on mount. */
#root > [data-mpa-seo-entry]{min-height:100vh;padding:0 0 64px;background:#090e18;color:#f1f5fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[data-mpa-seo-entry] *{box-sizing:border-box}
[data-mpa-seo-entry] .mpa-seo-container{width:min(1080px,calc(100% - 36px));margin:0 auto}
[data-mpa-seo-entry] header{padding:76px 0 46px;background:radial-gradient(ellipse at top left,rgba(37,99,235,.18),transparent 64%);border-bottom:1px solid #273448}
[data-mpa-seo-entry] .mpa-seo-kicker{color:#b9dcfc;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
[data-mpa-seo-entry] h1{max-width:850px;margin:18px 0 16px;font-size:clamp(32px,5vw,55px);line-height:1.11;letter-spacing:-.035em}
[data-mpa-seo-entry] .mpa-seo-lead{max-width:800px;font-size:clamp(17px,2.1vw,21px);line-height:1.65;color:#c3d0e4}
[data-mpa-seo-entry] nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}
[data-mpa-seo-entry] a{color:#92caff;text-decoration:underline;text-underline-offset:3px}
[data-mpa-seo-entry] nav a{padding:10px 16px;border:1px solid #45617e;border-radius:10px;color:#f7fafc;text-decoration:none}
[data-mpa-seo-entry] nav a:first-child{background:#2563eb;border-color:#2563eb}
[data-mpa-seo-entry] main{padding-top:22px}
[data-mpa-seo-entry] section{padding:24px 0;border-bottom:1px solid #243248}
[data-mpa-seo-entry] h2{font-size:clamp(22px,2.8vw,29px);margin:0 0 10px;letter-spacing:-.015em}
[data-mpa-seo-entry] p{color:#c3d0e4;line-height:1.77;margin:0 0 12px}
[data-mpa-seo-entry] section ul{display:flex;gap:10px 20px;flex-wrap:wrap;list-style:none;padding:0;margin:10px 0}
[data-mpa-seo-entry] section li{font-size:14px}
[data-mpa-seo-entry] footer{padding-top:26px;font-size:13px;color:#9cacc1}
@media(prefers-reduced-motion:reduce){[data-mpa-seo-entry] *{scroll-behavior:auto}}

/*
 * The HTML SEO snapshot is kept in the first response for discovery and for
 * visitors without JavaScript. With JavaScript enabled, avoid flashing this
 * temporary (sometimes incorrect) page while the SPA is bootstrapping.
 * React replaces the snapshot, so this loader removes itself automatically.
 */
html.mpa-js-booting #root > [data-mpa-seo-entry] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 24px;
  background: var(--public-bg, #090e18);
  color: var(--public-text, #f7fafc);
}
html.mpa-js-booting #root > [data-mpa-seo-entry] > * { display: none; }
html.mpa-js-booting #root > [data-mpa-seo-entry]::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border: 3px solid rgba(148, 163, 184, .26);
  border-top-color: #38bdf8;
  border-radius: 50%;
  animation: mpa-seo-boot-spin .8s linear infinite;
}
html.mpa-js-booting #root > [data-mpa-seo-entry]::after {
  content: "Caricamento MyProAssistant…";
  display: block;
  color: var(--public-muted, #93a3b6);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
@keyframes mpa-seo-boot-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  html.mpa-js-booting #root > [data-mpa-seo-entry]::before { animation: none; }
}