/* Pagine legali e di supporto: stessi token della landing. */
:root{
  --bg:#050506; --panel:rgba(255,255,255,.05);
  --line:rgba(255,255,255,.12);
  --cyan:#8FE3FF; --deep:#06222F;
  --fg:#ffffff; --muted:rgba(255,255,255,.6); --muted2:rgba(255,255,255,.42);
  --sans:'Schibsted Grotesk',system-ui,sans-serif; --mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6;}
a{color:var(--cyan);text-decoration:none;}
a:hover{text-decoration:underline;}

.glow{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 40% at 80% 0%, rgba(143,227,255,.10), transparent 60%);}
.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;
  background-image:radial-gradient(rgba(255,255,255,.6) .5px, transparent .5px);background-size:3px 3px;}

.wrap{max-width:760px;margin:0 auto;padding:0 24px;position:relative;z-index:2;}

nav .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:22px 0;}
.brand{font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--fg);}
.brand:hover{text-decoration:none;}
.brand span{color:var(--cyan);}
.lang{display:flex;gap:2px;border:1px solid var(--line);border-radius:999px;padding:3px;}
.lang button{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--muted);
  background:none;border:none;border-radius:999px;padding:5px 11px;cursor:pointer;transition:.2s;}
.lang button.on{background:var(--cyan);color:var(--deep);font-weight:600;}

main{padding:40px 0 24px;}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--cyan);margin-bottom:14px;}
h1{font-size:clamp(32px,5vw,46px);line-height:1.05;letter-spacing:-1.5px;font-weight:800;}
.updated{font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:var(--muted2);margin-top:14px;}
h2{font-size:21px;letter-spacing:-.4px;font-weight:700;margin:40px 0 10px;}
p,li{color:var(--muted);font-size:16px;}
p{margin-bottom:12px;}
strong{color:var(--fg);font-weight:600;}
ul{padding-left:20px;margin-bottom:12px;}
li{margin-bottom:8px;}

.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;margin:26px 0;backdrop-filter:blur(18px);}
.box p:last-child{margin-bottom:0;}

/* Il blocco della lingua non attiva sparisce. */
[data-lang]{display:none;}
[data-lang].on{display:block;}

footer{border-top:1px solid var(--line);margin-top:64px;padding:30px 0 64px;position:relative;z-index:2;}
footer .wrap{color:var(--muted2);font-size:13px;}
footer a{margin-right:16px;}
footer .fine{margin-top:14px;font-family:var(--mono);font-size:11px;line-height:1.7;}

/* il segno del wordmark: il diaframma del kit, con il blink */
@keyframes irisBlade{
  0%,55%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.7,0,.45,1);}
  63%,69%{transform:rotate(21.5deg);animation-timing-function:cubic-bezier(.35,0,.25,1);}
  78%,100%{transform:rotate(0deg);}}
.brand{display:inline-flex;align-items:center;}
.brand .mk{margin:0 1px;vertical-align:middle;}
/* lo stroke scuro è la fessura fra le lamelle: senza, si fondono in un disco pieno */
.brand .mk .bl{transform-box:view-box;stroke:var(--bg);stroke-width:.8;stroke-linejoin:round;}
.brand .mk.wink .bl{animation:irisBlade 6.4s infinite;}
@media(prefers-reduced-motion:reduce){ .brand .mk.wink .bl{animation:none;} }