:root{
  --bg:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e2e8f0;
  --soft:#f8fafc;
  --dark:#07111f;
  --dark-2:#0f1f35;
  --accent:#4fd1c5;
  --accent-2:#b6f7e8;
  --card:#ffffff;
  --shadow:0 24px 70px rgba(15,23,42,.12);
  --radius:24px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max), calc(100% - 40px));margin:0 auto}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:20px;top:20px;width:auto;height:auto;background:#fff;padding:10px 14px;border-radius:10px;z-index:1000}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}
.brand{font-weight:800;font-size:1.35rem;letter-spacing:-.03em;white-space:nowrap}.brand span{color:var(--accent)}
.main-nav{display:flex;align-items:center;gap:18px;font-size:.92rem;color:#334155}.main-nav a{padding:8px 0}.main-nav a[aria-current="page"]{color:#0f172a;font-weight:700;border-bottom:2px solid var(--accent)}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;transition:.2s ease}.nav-cta{padding:10px 16px;background:var(--dark);color:white;font-size:.9rem}.nav-cta:hover,.button:hover{transform:translateY(-1px)}
.section{padding:88px 0}.section-dark{background:radial-gradient(circle at 20% 20%, rgba(79,209,197,.16), transparent 30%),linear-gradient(135deg,var(--dark),var(--dark-2));color:white}.section-muted{background:var(--soft)}
.hero{padding:108px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:900;color:var(--accent);margin:0 0 14px}.hero h1{font-size:clamp(2.7rem, 7vw, 5.9rem);line-height:.95;letter-spacing:-.07em;margin:0 0 24px;max-width:980px}.hero-lead{font-size:1.22rem;color:#dbeafe;max-width:760px;margin:0 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{padding:14px 22px;border:1px solid transparent}.button-primary{background:var(--accent);color:#04111f}.button-secondary{border-color:rgba(255,255,255,.24);color:white;background:rgba(255,255,255,.06)}
.hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.panel-title{font-size:1.05rem;font-weight:800;margin:0 0 16px}.hero-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}.hero-panel li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;color:#e0f2fe;font-size:.94rem}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card,.list-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:0 12px 40px rgba(15,23,42,.06)}.card-accent{border-color:rgba(79,209,197,.45);background:linear-gradient(180deg,#f0fdfa,#fff)}.card h2,.content-grid h2,.narrow h2,.related-pages h2,.cta-band h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 18px}.card p,.content-grid p,.narrow p{color:var(--muted);font-size:1rem}.text-link{display:inline-block;margin-top:14px;font-weight:800;color:#0f766e}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.content-grid.reverse{grid-template-columns:1fr 1fr}.content-grid h3{font-size:1.25rem;letter-spacing:-.025em;margin:30px 0 10px}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.feature-list li{position:relative;padding-left:26px;color:#334155}.feature-list li:before{content:"";position:absolute;left:0;top:.65em;width:10px;height:10px;border-radius:50%;background:var(--accent)}.technical{background:#081427;color:#fff;border-color:#15243a}.technical li{color:#dbeafe}.white{background:#fff}.target-box{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.target-box h3{margin:0 0 16px}.target-box ul{margin:0}.target-box .feature-list{grid-template-columns:repeat(4,minmax(0,1fr))}.keyword-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.keyword-strip span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:800;color:#334155}.cta-band{padding:64px 0}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:32px}.cta-grid h2{max-width:860px;color:#fff;margin:0}.narrow{max-width:860px}.faq-list{display:grid;gap:12px;margin-top:26px}.faq-item{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px 22px}.faq-item summary{cursor:pointer;font-weight:850;letter-spacing:-.02em}.faq-item p{margin:12px 0 0;color:var(--muted)}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.link-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.link-card span{font-weight:850}.link-card small{color:#0f766e;font-weight:800}.site-footer{background:#020817;color:white;padding:58px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px}.site-footer p{color:#cbd5e1}.footer-title{font-weight:850;color:white!important;margin:0 0 12px}.site-footer a:not(.brand){display:block;color:#cbd5e1;margin:8px 0}
@media (max-width:980px){.main-nav{display:none}.hero-grid,.two-col,.content-grid,.content-grid.reverse,.footer-grid{grid-template-columns:1fr}.hero{padding:82px 0}.section{padding:68px 0}.target-box .feature-list,.link-grid{grid-template-columns:1fr 1fr}.cta-grid{align-items:flex-start;flex-direction:column}}
@media (max-width:640px){.container{width:min(100% - 28px, var(--max))}.nav-cta{display:none}.hero-panel ul,.target-box .feature-list,.link-grid{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.card,.list-card{padding:24px}.section{padding:56px 0}}



/* CUSTOM ELEMNTS TESTATA */

.testata{
  position: fixed;
  top: 0;
  left: 0;

  width: 100%;
  padding: 0px 36px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  /* INIZIO: quasi trasparente */
  background: rgba(255,255,255,0.05);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  transition:
    background 0.4s ease,
    backdrop-filter 0.4s ease,
    padding 0.4s ease,
    box-shadow 0.4s ease;

  z-index: 1000;
}

/* SCROLL ↓ → blu glass */
.testata.scrolled{

  background: rgb(14 29 49 / 79%);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  box-shadow:
    0 8px 24px rgba(37, 99, 235, 0.18);

  padding: 0px 36px;
}

/* animazione interna */
.logo,
nav{
  transition: transform .35s ease;
}

.testata.scrolled .logo{
  transform: scale(.94);
}

.testata.scrolled nav{
  transform: scale(.97);
}

.logo{
  width:170px;
}

/* LINK MENU */
.main-nav a{
  position: relative;

  color: white;
  text-decoration: none;

  transition:
    color 0.3s ease,
    opacity 0.3s ease;
}

/* HOVER */
.main-nav a:hover,
.main-nav a.active{
  color: #41d1cf; /* blu soft */
  opacity: 0.85;
}

/* effetto underline fade */
.main-nav a::after{
  content: "";

  position: absolute;
  left: 0;
  bottom: -6px;

  width: 100%;
  height: 2px;

  background: #41d1cf;

  transform: scaleX(0);
  transform-origin: center;

  transition: transform 0.3s ease;
}

.main-nav a:hover::after,
.main-nav a.active::after{
  transform: scaleX(1);
}