/* DACSO — stile condiviso per sottopagine e blog */
:root{--ease:cubic-bezier(.2,.7,.2,1)}
h1,h2,h3{font-family:"Bricolage Grotesque",Manrope,Arial,sans-serif}
h2,h3{letter-spacing:-.035em}
::selection{background:rgba(115,230,255,.3)}
header{position:sticky;top:0;z-index:30;background:rgba(6,16,28,.74);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.eyebrow{text-transform:none;letter-spacing:0;font-size:14px}
.hero{position:relative}
.hero::before{content:"";position:absolute;inset:-60px -10% auto;height:460px;background:radial-gradient(closest-side,rgba(115,230,255,.13),transparent);pointer-events:none;z-index:-1}
.hero>*{opacity:0;transform:translateY(16px);animation:up .8s var(--ease) forwards}
.hero>:nth-child(2){animation-delay:.08s}.hero>:nth-child(3){animation-delay:.18s}.hero>:nth-child(4){animation-delay:.3s}
@keyframes up{to{opacity:1;transform:none}}
.card,.post-card{position:relative;overflow:hidden;transition:border-color .3s ease}
.card::before,.post-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(115,230,255,.16),transparent 45%);transition:opacity .3s ease}
.card:hover::before,.post-card:hover::before{opacity:1}
.card:hover,.post-card:hover{border-color:rgba(115,230,255,.4);transform:none}
.card>*,.post-card>*{position:relative}
.step{transition:border-color .3s ease,background .3s ease}
.step:hover{border-left-color:var(--accent);background:rgba(255,255,255,.06)}
.cta{display:inline-block;transition:transform .25s ease,box-shadow .25s ease}
.cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(104,222,255,.2)}
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rv.in{opacity:1;transform:none}
.article p,.article li{font-size:18px;line-height:1.85}
.article p{max-width:68ch}
.article h2{margin-top:56px}
.read-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--primary),var(--accent))}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* ===== Restyling 2026: sistema "un solo filo" (scuro) — sovrascrive servizi.css e blog.css ===== */
:root{--bg:#050506;--panel:#0d0e11;--line:#1d1d20;--text:#ededeb;--muted:#a3a3a0;--primary:#22d3ee;--accent:#22d3ee;--c2:#2563eb;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
body{background:var(--bg)!important;color:var(--text);font-family:"Inter Tight",Inter,system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Inter Tight",Inter,system-ui,sans-serif!important;font-weight:600;letter-spacing:-.035em;color:#fff}
h1{font-size:clamp(42px,6.4vw,92px)!important;line-height:.98!important;letter-spacing:-.045em!important}
p,li{color:var(--muted)}
::selection{background:#22d3ee;color:#050506}
header{background:rgba(5,5,6,.8)!important;border-bottom:1px solid var(--line)}
.site-links{font:500 12px/1 var(--mono)!important;letter-spacing:.06em;text-transform:uppercase}
.site-links>a,.site-links summary,.site-mobile summary{color:#bdbdb9}
.site-links>a:hover,.back:hover,.links a:hover{color:#fff}
.site-dropdown{background:#0d0e11!important;border-color:var(--line)!important;border-radius:0!important;box-shadow:0 30px 60px rgba(0,0,0,.6)!important;text-transform:none;letter-spacing:0;font-family:"Inter Tight",sans-serif}
.site-dropdown a{color:#ededeb!important;border-radius:0!important}
.site-dropdown a:hover{background:#15161a!important}
.site-mobile summary{border-radius:0!important;font:500 12px var(--mono);text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#7c7c7c!important;font:500 12px/1.4 var(--mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.eyebrow::before{content:"§";color:#fff}
.cta{background:transparent!important;color:#ededeb!important;border:1px solid #3a3a3e;border-radius:0!important;box-shadow:none!important;transition:background .4s,color .4s,border-color .4s!important}
.cta:hover{background:#ededeb!important;color:#050506!important;border-color:#ededeb;transform:none!important}
.hero::before{background:radial-gradient(closest-side,rgba(37,99,235,.2),rgba(34,211,238,.06) 50%,transparent)!important}
.card,.post-card{background:#0b0b0d!important;border:1px solid var(--line)!important;border-radius:0!important}
.card::before,.post-card::before{background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(34,211,238,.08),transparent 50%)!important}
.card:hover,.post-card:hover{border-color:#3a3a3e!important}
.section{border-top-color:var(--line)!important}
.step{border-left:0!important;border-top:1px solid #3a3a3e;background:transparent!important;padding:18px 0 6px!important}
.step:hover{border-top-color:#22d3ee}
.step strong{color:#fff}
.final,.cta-box{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(34,211,238,.05))!important;border:1px solid var(--line)!important;border-radius:0!important}
.final p,.cta-box p{color:#b4b4b0!important}
.final .cta,.cta-box .cta{background:#ededeb!important;color:#050506!important;border-color:#ededeb}
.final .cta:hover,.cta-box .cta:hover{background:#22d3ee!important;border-color:#22d3ee}
.links{border-top-color:var(--line)!important;font:500 12px var(--mono)!important;text-transform:uppercase;letter-spacing:.05em}
.links a{color:#bdbdb9!important}
.read-bar{background:linear-gradient(90deg,#22d3ee,#2563eb)!important;height:2px}
.article p,.article li{color:#b4b4b0}
.article a{color:#22d3ee}
.byline,.meta{color:#7c7c7c!important;font-family:var(--mono)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#22d3ee}
.site-footer{background:#000;color:#8a8a8a;padding:48px 0 32px;margin-top:56px;border-top:1px solid var(--line);font-size:14px}
.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;align-items:center}
.site-footer img{width:120px;height:auto}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.site-footer a{color:#8a8a8a;text-decoration:none}
.site-footer a:hover{color:#fff}
.site-footer .legal{flex-basis:100%;padding-top:18px;border-top:1px solid var(--line);font:400 12px/1.6 var(--mono)}

/* L'alone .hero::before (inset -10%) sporgeva oltre la finestra: stessa larghezza, ma mai oltre il viewport (nessuno scorrimento orizzontale, nessun bordo netto) */
.hero::before{left:50%;right:auto;width:min(120%,100vw);transform:translateX(-50%)}