:root {
      --navy:#0B1F3A;
      --cyan:#00C8FF;
      --cyan-soft:#D9F7FF;
      --ink:#071423;
      --muted:#64748B;
      --bg:#F8FBFF;
      --card:#FFFFFF;
      --line:#E5EEF7;
      --dark:#07111F;
      --radius:24px;
      --shadow:0 24px 80px rgba(11,31,58,.12);
    }
    * { 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(--ink);
      background:linear-gradient(180deg,#ffffff 0%, var(--bg) 45%, #ffffff 100%);
      line-height:1.65;
    }
    a { color:inherit; text-decoration:none; }
    .container { width:min(1180px, calc(100% - 40px)); margin:0 auto; }
    header {
      position:sticky; top:0; z-index:50;
      backdrop-filter:blur(18px);
      background:rgba(255,255,255,.78);
      border-bottom:1px solid rgba(229,238,247,.9);
    }
    .nav { display:flex; align-items:center; justify-content:space-between; height:76px; gap:24px; }
    .brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.04em; color:var(--navy); }
    .brand-logo { width:154px; height:auto; display:block; }
    .brand span { display:none; }
    .nav-links { display:flex; gap:22px; color:#334155; font-size:14px; font-weight:650; }
    .btn { display:inline-flex; align-items:center; justify-content:center; padding:13px 20px; border-radius:999px; font-weight:800; border:1px solid transparent; transition:.2s ease; }
    .btn-primary { background:var(--cyan); color:var(--navy); box-shadow:0 12px 35px rgba(0,200,255,.28); }
    .btn-secondary { background:white; color:var(--navy); border-color:var(--line); }
    .btn:hover { transform:translateY(-2px); }

    .breadcrumb { padding:20px 0 0; color:var(--muted); font-size:14px; font-weight:650; }
    .breadcrumb .container { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
    .breadcrumb a { color:var(--navy); }
    .breadcrumb strong { color:var(--cyan); }

    .hero { padding:72px 0 56px; position:relative; overflow:hidden; }
    .hero::before {
      content:""; position:absolute; inset:-220px -160px auto auto; width:620px; height:620px;
      background:radial-gradient(circle, rgba(0,200,255,.23), transparent 62%); pointer-events:none;
    }
    .hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:54px; align-items:center; position:relative; }
    .eyebrow { display:inline-flex; gap:9px; align-items:center; padding:8px 12px; border:1px solid var(--line); border-radius:999px; background:white; color:var(--navy); font-size:13px; font-weight:800; }
    .dot { width:8px; height:8px; background:var(--cyan); border-radius:999px; box-shadow:0 0 0 5px rgba(0,200,255,.14); }
    h1 { margin:22px 0 18px; font-size:clamp(42px, 7vw, 78px); line-height:.95; letter-spacing:-.02em; color:var(--navy); }
    h2 { margin:10px 0 12px; font-size:clamp(31px,4vw,48px); line-height:1.05; letter-spacing:-.04em; color:var(--navy); }
    h3 { color:var(--navy); margin:0 0 10px; font-size:21px; letter-spacing:-.02em; }
    p { margin:0 0 18px; }
    .lead { font-size:clamp(18px, 2vw, 22px); line-height:1.55; color:#334155; max-width:760px; margin:0 0 30px; }
    .hero-actions { display:flex; gap:14px; flex-wrap:wrap; }
    .hero-card {
      background:radial-gradient(circle at 15% 10%, rgba(0,200,255,.25), transparent 35%), linear-gradient(135deg,#07111F,#0B1F3A);
      color:white;
      border-radius:34px;
      box-shadow:var(--shadow);
      padding:34px;
      position:relative;
      overflow:hidden;
    }
    .hero-card h3 { color:white; font-size:31px; }
    .hero-card p { color:#D9E8F8; }
    .metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:22px; }
    .metric { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:18px; padding:18px; }
    .metric strong { display:block; font-size:24px; color:var(--cyan); }
    .metric span { color:#D9E8F8; font-size:13px; font-weight:650; }

    section { padding:74px 0; }
    .section-head { max-width:860px; margin-bottom:32px; }
    .kicker { color:var(--cyan); font-weight:900; text-transform:uppercase; letter-spacing:.16em; font-size:12px; }
    .section-head p { color:#475569; font-size:18px; line-height:1.65; margin:0 0 18px; }
    .grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; align-items:start; }
    .cards { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
    .card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:26px; box-shadow:0 14px 45px rgba(11,31,58,.06); }
    .card p, .card li { color:#475569; line-height:1.62; }
    .media { overflow:hidden; border-radius:24px; border:1px solid var(--line); background:#fff; box-shadow:0 14px 45px rgba(11,31,58,.06); }
    .media img { display:block; width:100%; height:auto; }
    .caption { padding:16px 18px; color:var(--muted); font-size:14px; background:#fff; border-top:1px solid var(--line); }
    .panel-dark { background:radial-gradient(circle at 15% 10%, rgba(0,200,255,.25), transparent 35%), linear-gradient(135deg,#07111F,#0B1F3A); color:white; border-radius:32px; padding:34px; box-shadow:var(--shadow); }
    .panel-dark h2,.panel-dark h3 { color:white; }
    .panel-dark p { color:#D9E8F8; line-height:1.65; }
    .result-list { display:grid; gap:12px; padding:0; list-style:none; margin:0; }
    .result-list li { margin:0; padding:16px 18px 16px 46px; background:#fff; border:1px solid var(--line); border-radius:16px; position:relative; color:#475569; }
    .result-list li::before { content:""; position:absolute; left:18px; top:23px; width:10px; height:10px; border-radius:50%; background:var(--cyan); }
    .partner-card { border-left:4px solid var(--cyan); }
    .partner-card strong { color:var(--navy); font-size:18px; display:block; margin-bottom:8px; }
    .cta { padding:88px 0; }
    .cta-box { border-radius:36px; padding:44px; background:linear-gradient(135deg,var(--navy),#06101D); color:white; display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; overflow:hidden; position:relative; }
    .cta-box::after { content:""; position:absolute; right:-80px; bottom:-90px; width:300px; height:300px; background:radial-gradient(circle, rgba(0,200,255,.45), transparent 65%); }
    .cta-box h2 { color:white; margin-top:0; }
    .cta-box p { color:#D9E8F8; max-width:760px; font-size:18px; line-height:1.6; }
    .img-banner {height:90px;width:auto;margin-top:20px;max-width:100%;}
    footer { border-top:1px solid var(--line); padding:30px 0; color:#64748B; font-size:14px; }
    .banner-loghi { text-align:center; }
    .img-partner { width: 100%; margin-bottom: 20px; max-height: 136px; display: block; margin-left: auto; margin-right: auto;}
    .partners { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px;}
    .partner { padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: #fff;}

    @media (max-width:900px) {
      .hero-grid,.grid-2,.cta-box { grid-template-columns:1fr; }
      .cards { grid-template-columns:1fr; }
      .nav-links { display:none; }
      .img-banner {height:auto;width:auto;max-width:800px;margin-top:20px;}
	  .partners {grid-template-columns: 1fr;}
	  .img-partner {max-width:150px;}
    }
    @media (max-width:560px) {
      .container { width:min(100% - 24px, 1180px); }
      .metrics { grid-template-columns:1fr; }
      .hero { padding-top:54px; }
      .hero-card { padding:24px; }
      .cta-box { padding:28px; }
      .img-banner {height:auto;width:auto;max-width:400px;margin-top:20px;}
	  .partners {grid-template-columns: 1fr;}
	  .img-partner {max-width:150px;}
    }