:root{--bg:#0b1020;--panel:#121a2f;--panel2:#0f1730;--line:#273453;--text:#f3f6ff;--muted:#aab4cf;--accent:#8bb8ff;--accent2:#c7a7ff;--good:#8fe0b0;--bad:#ff9aa8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,#18264a 0,#0b1020 38%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.wrap,.article{max-width:900px;margin:auto;padding:0 24px}header{position:sticky;top:0;z-index:20;background:rgba(11,16,32,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0}.brand{font-weight:800}.menu{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}.article-hero{padding:68px 0 20px}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}h1{font-size:clamp(38px,6vw,64px);line-height:1.04;margin:12px 0 18px;letter-spacing:-.03em}h2{font-size:28px;margin:0 0 12px}.lead{font-size:20px;color:var(--muted);max-width:760px}.article section{background:linear-gradient(180deg,var(--panel),#10172b);border:1px solid var(--line);border-radius:18px;padding:26px;margin:18px 0}.article p{color:var(--muted)}.takeaway,.example{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:18px;margin:18px 0}.example.bad{border-color:rgba(255,154,168,.4)}.example.good{border-color:rgba(143,224,176,.4)}.label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--accent);margin-bottom:8px}.nextnav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 60px}.nextnav a{padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font-weight:700}footer{padding:30px 0 46px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.credit{margin-top:6px;color:#dce6ff}@media(max-width:700px){.menu{display:none}}

/* === Sfondo DNA e punti luce: identici alla home v3.6 approvata === */
body{position:relative;isolation:isolate;}
body::before{
  content:"";
  position:fixed;
  inset:-4vh -4vw;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(9,14,31,.90), rgba(11,16,32,.92)),
    url("dna-bg.jpg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:.43;
  filter:saturate(.88) contrast(.96) brightness(.84);
  transform:scale(1.025) translate3d(0,0,0);
  animation:dnaDrift 34s ease-in-out infinite alternate;
  will-change:transform,background-position;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 12%, rgba(79,140,255,.07), transparent 34%),
    radial-gradient(circle at 82% 48%, rgba(156,107,255,.045), transparent 38%),
    linear-gradient(180deg,rgba(10,15,31,.18),rgba(14,21,48,.24) 45%,rgba(11,16,32,.25));
}
@keyframes dnaDrift{
  0%{transform:scale(1.025) translate3d(-.35%, -.2%, 0);background-position:48% 50%;}
  50%{transform:scale(1.04) translate3d(.25%, .15%, 0);background-position:51% 48%;}
  100%{transform:scale(1.028) translate3d(.4%, .25%, 0);background-position:52% 51%;}
}
#dnaLights{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  z-index:0;
  pointer-events:none;
  opacity:.86;
  mix-blend-mode:screen;
}
header,main,footer{position:relative;z-index:1}
@media (prefers-reduced-motion: reduce){body::before{animation:none}#dnaLights{display:none}}