/* ═══ Sermidigital — pagine legali (Framer dark) ═══ */
:root{
  --canvas:#090909; --surface-1:#141414; --ink:#fff; --ink-muted:#999;
  --hairline:#262626; --hairline-soft:#1a1a1a; --accent-blue:#0099ff;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:dark}
body{
  font-family:'Inter',system-ui,sans-serif;
  font-feature-settings:'cv11' 1,'ss03' 1;
  background:var(--canvas); color:var(--ink);
  -webkit-font-smoothing:antialiased; line-height:1.6; letter-spacing:-0.1px;
  position:relative; overflow-x:hidden;
  scrollbar-color:#262626 #090909; scrollbar-width:thin;
}
/* luce blu come la home */
body::before{
  content:''; position:absolute; top:-120px; left:50%; transform:translateX(-50%);
  width:900px; height:600px; max-width:100vw;
  background:radial-gradient(closest-side, rgba(106,76,245,0.22), transparent 70%);
  filter:blur(20px); pointer-events:none; z-index:0;
}
a{color:inherit;text-decoration:none}
img{display:block}
::selection{background:rgba(0,153,255,.30)}

/* nav */
.lg-nav{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;justify-content:space-between;
  height:64px;padding:0 24px;
  background:rgba(9,9,9,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--hairline);
}
.lg-nav img{height:32px;width:auto;opacity:.65}
.lg-back{font-size:14px;font-weight:500;color:var(--ink-muted);transition:color .2s}
.lg-back:hover{color:var(--ink)}

/* content */
.lg-wrap{max-width:760px;margin:0 auto;padding:80px 24px 96px;position:relative;z-index:1}
.lg-eyebrow{
  font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-muted);margin-bottom:20px;display:inline-flex;align-items:center;gap:9px;
}
.lg-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent-blue);box-shadow:0 0 10px rgba(0,153,255,.8)}
.lg-title{font-size:clamp(34px,6vw,56px);font-weight:600;letter-spacing:-.04em;line-height:1.03;margin-bottom:14px}
.lg-meta{font-size:14px;color:var(--ink-muted);margin-bottom:44px;padding-bottom:28px;border-bottom:1px solid var(--hairline-soft)}
.lg-meta a{color:var(--accent-blue)}

.lg-body h2{font-size:21px;font-weight:600;letter-spacing:-.02em;margin:42px 0 14px;color:var(--ink)}
.lg-body h3{font-size:16px;font-weight:600;margin:26px 0 8px;color:var(--ink)}
.lg-body p{font-size:15px;color:var(--ink-muted);margin-bottom:14px;line-height:1.75}
.lg-body ul{margin:0 0 16px 20px}
.lg-body li{font-size:15px;color:var(--ink-muted);margin-bottom:8px;line-height:1.7}
.lg-body a{color:var(--accent-blue)}
.lg-body strong{color:var(--ink);font-weight:600}
.lg-body .small{font-size:13px;color:#6a6a6a}

/* footer */
.lg-footer{border-top:1px solid var(--hairline);padding:44px 24px;text-align:center;position:relative;z-index:1}
.lg-footer .links{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;margin-bottom:22px}
.lg-footer .links a{font-size:13px;color:var(--ink-muted);transition:color .2s}
.lg-footer .links a:hover,.lg-footer .links a[aria-current]{color:var(--ink)}
.lg-footer .copy{font-size:12px;color:#5a5a5a;line-height:1.6}

@media(max-width:600px){.lg-wrap{padding:56px 20px 72px}.lg-nav{padding:0 18px}}
@supports not (translate: 1px){
  .lg-eyebrow::before{margin-right:9px}
  .lg-footer .links>*+*{margin-left:20px}
}