/* Pagine di approfondimento SEO · DevaMED */
.seo-page{background:var(--bg);color:var(--fg)}
.seo-page .skip{z-index:100}
.seo-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:72px;padding:0 var(--gutter);background:rgba(7,12,20,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.seo-brand{display:flex;align-items:center;flex:none}.seo-brand img{display:block;width:auto;height:30px}
.seo-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,28px);min-width:0}.seo-nav a{color:var(--mute);font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.seo-nav a:hover,.seo-nav a[aria-current="page"]{color:var(--acc)}
.seo-contact{flex:none;color:var(--fg);font-size:14px;font-weight:700}.seo-contact:hover{color:var(--acc)}
.seo-hero{position:relative;isolation:isolate;overflow:clip;border-bottom:1px solid var(--line);padding:clamp(72px,10vw,136px) var(--gutter) clamp(64px,8vw,112px)}
.seo-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 84% 26%,rgba(79,209,197,.15),transparent 34%),radial-gradient(circle at 0% 100%,rgba(74,163,255,.11),transparent 38%)}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(36px,7vw,96px);align-items:center}.seo-crumb{display:flex;flex-wrap:wrap;gap:9px;color:var(--mute2);font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.seo-crumb a{color:var(--mute2)}.seo-crumb a:hover{color:var(--acc)}
.seo-hero .eyebrow{margin-top:28px}.seo-h1{margin-top:20px;max-width:13ch;font-family:var(--f-display);font-size:clamp(48px,7.1vw,94px);font-weight:200;line-height:.98;letter-spacing:-.035em;text-wrap:balance}.seo-lead{margin-top:28px;max-width:57ch;color:var(--soft);font-size:clamp(17px,1.35vw,21px);line-height:1.65;text-wrap:pretty}.seo-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.seo-hero-actions .btn-primary,.seo-hero-actions .btn-ghost{min-height:46px;padding:0 20px}
.seo-hero-media{position:relative}.seo-hero-media img{width:100%;max-height:600px;object-fit:cover;aspect-ratio:1.12;object-position:center;border-radius:16px;border:1px solid var(--line3);background:var(--bg2)}.seo-hero-media::after{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none}
.seo-facts{padding:0 var(--gutter);border-bottom:1px solid var(--line)}.seo-facts .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:0 28px}.seo-fact{padding:25px 0 28px;border-top:1px solid var(--line3)}.seo-fact .k{display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--mute2)}.seo-fact .v{display:block;margin-top:8px;color:var(--fg);font-family:var(--f-display);font-size:clamp(21px,2.1vw,30px);font-weight:300;line-height:1.18;text-wrap:balance}
.seo-section{padding:clamp(70px,10vw,132px) var(--gutter);border-bottom:1px solid var(--line)}.seo-section.alt{background:var(--bg2)}.seo-section-grid{display:grid;grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);gap:clamp(32px,8vw,124px);align-items:start}.seo-section-title{position:sticky;top:112px}.seo-section-title h2{margin-top:20px;max-width:11ch;font-family:var(--f-display);font-size:clamp(36px,4.5vw,66px);font-weight:300;line-height:1.03;letter-spacing:-.03em;text-wrap:balance}.seo-section-copy{max-width:65ch}.seo-section-copy p{color:var(--mute);font-size:17px;line-height:1.75;text-wrap:pretty}.seo-section-copy p+p{margin-top:20px}.seo-rule-list{margin-top:32px;border-top:1px solid var(--line3)}.seo-rule{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line2)}.seo-rule .n{color:var(--acc);font-family:var(--f-mono);font-size:11px;letter-spacing:.1em}.seo-rule .t{color:var(--soft);font-size:15px;line-height:1.65}
.seo-note{margin-top:32px;padding:20px 22px;background:rgba(79,209,197,.08);border:1px solid rgba(79,209,197,.24);border-radius:12px;color:var(--soft);font-size:14px;line-height:1.65}.seo-note strong{color:var(--acc)}
.seo-related{padding:clamp(68px,9vw,116px) var(--gutter);background:var(--bg2)}.seo-related-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.seo-related h2{max-width:15ch;font-family:var(--f-display);font-size:clamp(35px,4.5vw,64px);font-weight:300;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}.seo-related-list{margin-top:clamp(36px,5vw,64px);border-top:1px solid var(--line3)}.seo-related-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid var(--line2);color:var(--fg)}.seo-related-item:hover{color:var(--acc)}.seo-related-item .n{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--mute3)}.seo-related-item .name{font-family:var(--f-display);font-weight:300;font-size:clamp(22px,2.5vw,34px);line-height:1.12}.seo-related-item .type{display:block;margin-top:5px;color:var(--mute2);font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.seo-related-item .arrow{font-size:24px;line-height:1}
.seo-footer{position:relative;overflow:clip;padding:clamp(70px,10vw,140px) var(--gutter) 36px;background:var(--bg)}.seo-footer::before{content:"";position:absolute;right:-12%;bottom:-50%;width:75vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(79,209,197,.14),transparent 63%);pointer-events:none}.seo-footer .wrap{position:relative}.seo-footer h2{margin-top:18px;max-width:13ch;font-family:var(--f-display);font-size:clamp(42px,6vw,84px);font-weight:200;line-height:1;letter-spacing:-.035em;text-wrap:balance}.seo-footer .mail{display:inline-block;margin-top:28px;color:var(--acc);font-family:var(--f-display);font-size:clamp(25px,3vw,42px);font-weight:300;line-height:1.12}.seo-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px 48px;margin-top:70px;padding-top:22px;border-top:1px solid var(--line3)}.seo-footer-grid p{color:var(--mute);font-size:14px;line-height:1.65}.seo-footer-grid .label{display:block;margin-bottom:7px}.seo-footer .legal{margin-top:54px;color:var(--mute2);font-size:12px;line-height:1.65;max-width:80ch}
@media (max-width:850px){.seo-header{min-height:64px}.seo-nav{justify-content:flex-start;overflow-x:auto;padding:5px 0;scrollbar-width:none}.seo-nav::-webkit-scrollbar{display:none}.seo-contact{display:none}.seo-hero-grid,.seo-section-grid{grid-template-columns:1fr}.seo-hero-media{max-width:680px}.seo-section-title{position:static}.seo-section-title h2{max-width:16ch}.seo-related-item{grid-template-columns:28px minmax(0,1fr) auto}.seo-related-item .type{margin-top:4px}}
@media (max-width:520px){.seo-header{padding-left:20px;padding-right:20px;gap:16px}.seo-brand img{height:26px}.seo-nav{gap:18px}.seo-hero,.seo-facts,.seo-section,.seo-related,.seo-footer{padding-left:20px;padding-right:20px}.seo-hero{padding-top:56px}.seo-h1{font-size:clamp(44px,13vw,64px)}.seo-hero-media img{border-radius:12px}.seo-related-item .name{font-size:23px}.seo-footer-grid{margin-top:50px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important;animation-iteration-count:1!important}}
