.elementor-15153 .elementor-element.elementor-element-3ddfc9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1a4ed5d */#idcert-lp{
  --ink:#171635;
  --navy:#232250;
  --navy-deep:#171635;
  --blu:#0073E6;
  --blu-800:#14498F;
  --blu-100:#DCE9FA;
  --green:#18A06E;
  --green-700:#0E7A54;
  --yellow:#FFD60A;

  --paper:#FFFFFF;
  --canvas:#FCFAF4;
  --slate-100:#F4F4F6;
  --slate-300:#D3D4D9;
  --slate-500:#757983;
  --slate-600:#5C6070;
  --slate-900:#1F222E;

  --on-navy:#CDD6EC;
  --on-navy-soft:#C5CEE4;
  --on-navy-accent:#8FC0FF;
  --on-navy-muted:#9FABCA;

  --f-title:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-body:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --maxw:1140px;
  --radius:14px;
  --radius-lg:24px;
  --radius-pill:999px;
  --radius-btn:8px;   /* shadcn: rounded-lg */
  --header-h:70px;
  --sticky-h:96px;   /* fallback: sincronizzato via JS sull'altezza reale */

  --sh-1:0 1px 3px rgba(23,22,53,.05);
  --sh-2:0 10px 26px rgba(23,22,53,.10);
  --sh-3:0 14px 34px rgba(23,22,53,.14);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
#idcert-lp,#idcert-lp *{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;color-scheme:light;scroll-behavior:smooth}
body{background:var(--canvas)}
#idcert-lp img{max-width:100%;height:auto;display:block}
#idcert-lp ul,#idcert-lp ol{list-style:none}
#idcert-lp a{color:inherit;text-decoration:none}
#idcert-lp{
  font-family:var(--f-body);font-size:16px;line-height:1.6;
  color:var(--ink);background:var(--canvas);
  overflow-x:hidden;overflow-wrap:break-word;
  -webkit-tap-highlight-color:rgba(0,115,230,.18);
}
#idcert-lp a,#idcert-lp button,#idcert-lp summary{touch-action:manipulation}
#idcert-lp h1,#idcert-lp h2,#idcert-lp h3,#idcert-lp h4{
  font-family:var(--f-title);line-height:1.12;letter-spacing:-.01em;
  font-weight:700;color:var(--ink);text-wrap:balance
}
#idcert-lp p,#idcert-lp li{text-wrap:pretty}
#idcert-lp .wrap{max-width:var(--maxw);margin-inline:auto;
  padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right))}
@media (min-width:768px){#idcert-lp .wrap{
  padding-inline:max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-right))}}
#idcert-lp .blk{padding-block:clamp(46px,7vw,70px)}

/* ---------- A11y ---------- */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#idcert-lp :focus{outline:none}
#idcert-lp :focus-visible{outline:3px solid var(--blu);outline-offset:3px;border-radius:4px}
#idcert-lp .on-dark :focus-visible{outline-color:var(--yellow)}
/* la CTA sticky non deve coprire l'elemento con focus (WCAG 2.4.11) */
#idcert-lp [id]{scroll-margin-top:calc(var(--header-h) + 16px);scroll-margin-bottom:calc(var(--sticky-h) + 16px)}
.skip{position:absolute;left:12px;top:12px;z-index:100;background:var(--paper);color:var(--ink);
  font-family:var(--f-title);font-weight:600;padding:12px 20px;border-radius:var(--radius);
  box-shadow:var(--sh-3);transform:translateY(-160%);transition:transform .15s}
.skip:focus{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ---------- Buttons ---------- */
#idcert-lp .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--f-title);font-weight:600;font-size:15px;line-height:1.2;
  padding:14px 24px;min-height:48px;border-radius:var(--radius-btn);
  border:1.5px solid transparent;cursor:pointer;text-align:center;
  transition:background .15s,border-color .15s,color .15s,transform .1s;
}
#idcert-lp .btn:active{transform:translateY(1px)}
#idcert-lp .btn-primary{background:var(--blu);color:#fff}
#idcert-lp .btn-primary:hover{background:var(--blu-800)}
#idcert-lp .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
#idcert-lp .btn-ghost:hover{border-color:#fff}
#idcert-lp .btn-ghost-dark{background:transparent;color:var(--blu-800);border-color:var(--slate-300)}
#idcert-lp .btn-ghost-dark:hover{border-color:var(--blu-800)}
#idcert-lp .btn-sm{font-size:14px;padding:10px 18px;min-height:44px}
#idcert-lp .btn-lg{font-size:16px;padding:16px 30px;min-height:54px}
#idcert-lp .cta-row{margin-top:clamp(26px,3.5vw,34px)}
#idcert-lp .cta-note{font-family:var(--f-mono);font-size:12.5px;color:var(--slate-600);margin-top:12px}
#idcert-lp .on-dark .cta-note{color:var(--on-navy-muted)}

/* ---------- Kickers / heading ---------- */
#idcert-lp .kicker{
  display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);
  font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;
  color:var(--on-navy);border:1px solid rgba(255,255,255,.22);
  padding:8px 15px;border-radius:var(--radius-pill);margin-bottom:22px;
}
#idcert-lp .kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);flex:none}
#idcert-lp .sec-kicker{
  font-family:var(--f-mono);font-size:13px;font-weight:600;text-transform:uppercase;
  letter-spacing:.1em;color:var(--blu-800);margin-bottom:14px;display:block
}
#idcert-lp .h2{font-size:clamp(27px,3.6vw,38px);max-width:22ch}
#idcert-lp .head{max-width:64ch}
#idcert-lp .head p{color:var(--slate-600);font-size:clamp(15px,1.3vw,17px);margin-top:16px}
#idcert-lp .ck{flex:none;width:20px;height:20px;margin-top:1px;color:var(--green-700)}

/* Callout per le precisazioni normative */
#idcert-lp .note{background:var(--slate-100);border-left:3px solid var(--slate-300);
  border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin-top:20px;
  font-size:14.5px;color:var(--slate-600);max-width:70ch}
#idcert-lp .on-dark .note{background:rgba(255,255,255,.06);border-left-color:rgba(255,255,255,.25);
  color:var(--on-navy-soft)}
#idcert-lp .note+.note{margin-top:12px}

/* ============================================================
   1. HEADER
   ============================================================ */
#idcert-lp .hdr{
  position:sticky;top:0;z-index:50;
  background:rgba(252,250,244,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--slate-300);
}
#idcert-lp .hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--header-h)}
#idcert-lp .hdr .wrap>*{min-width:0}
#idcert-lp .hdr .logo{width:140px}
@media (min-width:768px){#idcert-lp .hdr .logo{width:190px}}
#idcert-lp .hdr-r{display:flex;align-items:center;gap:clamp(10px,2vw,20px)}
/* CTA header su mobile: una riga, compatta (target 38px > 24px AA) */
@media (max-width:767px){
  #idcert-lp .hdr .btn-sm{font-size:12.5px;padding:8px 13px;min-height:38px;
    white-space:nowrap;border-width:1px}
}
#idcert-lp .nv{display:none;font-family:var(--f-title);font-size:14px;font-weight:600;
  align-items:center;gap:8px;min-height:44px;padding-inline:4px}
#idcert-lp .nv .nv-l{font-family:var(--f-mono);font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;color:var(--slate-600)}
@media (min-width:900px){#idcert-lp .nv{display:inline-flex}}

/* ============================================================
   2. HERO
   ============================================================ */
#idcert-lp .hero{
  background:linear-gradient(160deg,var(--navy),var(--navy-deep));
  color:#fff;padding-block:clamp(44px,6vw,78px) clamp(38px,5vw,64px);
}
#idcert-lp .hero-grid{display:grid;grid-template-columns:1fr;gap:clamp(32px,4vw,52px);align-items:center}
@media (min-width:900px){#idcert-lp .hero-grid{grid-template-columns:1.45fr .8fr}}
#idcert-lp .hero-art{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-3);
  border:1px solid rgba(255,255,255,.14)}
#idcert-lp .hero-art img{width:100%;aspect-ratio:1/1;object-fit:cover}
@media (min-width:900px){#idcert-lp .hero-art{max-width:400px;margin-left:auto}}
#idcert-lp .hero h1{color:#fff;font-size:clamp(30px,4.6vw,50px);letter-spacing:-.02em;max-width:30ch}
#idcert-lp .hero .lead{font-size:clamp(16px,1.4vw,18px);color:var(--on-navy-soft);margin-top:20px;max-width:60ch}
#idcert-lp .hero .lead+.lead{margin-top:14px}
#idcert-lp .hero-src{font-family:var(--f-mono);font-size:12.5px;line-height:1.7;
  color:var(--on-navy-muted);margin-top:18px;max-width:56ch}

/* ============================================================
   3. BARRA DI FIDUCIA
   ============================================================ */
#idcert-lp .trustbar{background:var(--navy-deep);color:var(--on-navy);
  border-top:1px solid rgba(255,255,255,.12);padding-block:18px}
#idcert-lp .trustbar ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px}
#idcert-lp .trustbar li{display:flex;align-items:center;gap:9px;font-family:var(--f-mono);
  font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
#idcert-lp .trustbar li::before{content:"";width:6px;height:6px;border-radius:50%;
  background:var(--on-navy-accent);flex:none}

/* ============================================================
   Card grid riusabile (.mc)
   ============================================================ */
#idcert-lp .paper{background:var(--paper);border-block:1px solid var(--slate-100)}
#idcert-lp .grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:clamp(30px,4vw,42px)}
@media (min-width:620px){#idcert-lp .grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){#idcert-lp .grid.g4{grid-template-columns:repeat(4,1fr)}
  #idcert-lp .grid.g3{grid-template-columns:repeat(3,1fr)}}
#idcert-lp .mc{border:1px solid var(--slate-100);border-radius:12px;padding:24px;
  background:var(--canvas);container-type:inline-size}
#idcert-lp .paper .mc{background:var(--canvas)}
#idcert-lp .mc .n{font-family:var(--f-mono);font-size:12px;font-weight:600;color:var(--blu-800);
  font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.08em}
#idcert-lp .mc h3{font-size:17px;font-weight:600;margin:10px 0 8px}
@container (min-width:330px){#idcert-lp .mc h3{font-size:18px}}
#idcert-lp .mc p{color:var(--slate-600);font-size:14.5px}
#idcert-lp .mc p+p{margin-top:10px}

/* ============================================================
   Sezione scura (.why)
   ============================================================ */
#idcert-lp .why{background:var(--navy);color:#fff}
#idcert-lp .why .sec-kicker{color:var(--yellow)}
#idcert-lp .why .h2,#idcert-lp .why h2{color:#fff}
#idcert-lp .why .head p{color:var(--on-navy-soft)}
#idcert-lp .why .mc{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);
  border-radius:var(--radius)}
#idcert-lp .why .mc .n{color:var(--on-navy-accent)}
#idcert-lp .why .mc h3{color:#fff}
#idcert-lp .why .mc p{color:var(--on-navy-soft)}

/* ============================================================
   Sezione azzurra (.sim)
   ============================================================ */
#idcert-lp .sim{background:var(--blu-100);border-block:1px solid var(--slate-300)}
#idcert-lp .sim .head p{color:var(--slate-900)}
#idcert-lp .sim .note{background:rgba(255,255,255,.6);border-left-color:var(--blu);color:var(--slate-900)}

/* ============================================================
   CTA finale
   ============================================================ */
#idcert-lp .final{background:linear-gradient(160deg,var(--navy),var(--navy-deep));color:#fff;
  text-align:center}
#idcert-lp .final .kicker{margin-inline:auto}
#idcert-lp .final h2{color:#fff;font-size:clamp(26px,3.4vw,36px);max-width:24ch;margin-inline:auto}
#idcert-lp .final .lead{color:var(--on-navy-soft);margin-top:18px;max-width:62ch;
  margin-inline:auto;font-size:clamp(15px,1.3vw,17px)}
#idcert-lp .final .feat{margin:30px auto 0;display:grid;gap:10px;max-width:640px;text-align:left}
@media (min-width:620px){#idcert-lp .final .feat{grid-template-columns:repeat(2,1fr);gap:10px 26px}}
#idcert-lp .final .feat li{display:flex;gap:10px;align-items:flex-start;
  font-family:var(--f-title);font-size:15px;font-weight:500}
#idcert-lp .final .feat .ck{color:var(--on-navy-accent)}

/* ============================================================
   DESKTOP — heading di sezione centrati.
   Il container è 1140px ma .head è limitata a ~64ch: allineata a
   sinistra lasciava mezza riga vuota a destra nelle sezioni senza
   griglia. Su mobile resta tutto allineato a sinistra.
   Card, bullet e testo dentro le .note restano allineati a sinistra:
   centrare paragrafi lunghi peggiora la leggibilità.
   ============================================================ */
@media (min-width:900px){
  #idcert-lp .blk > .wrap > .head{margin-inline:auto;text-align:center;max-width:70ch}
  #idcert-lp .blk > .wrap > .head .h2{margin-inline:auto;max-width:26ch}
  #idcert-lp .blk > .wrap > .note{margin-inline:auto}
  #idcert-lp .blk > .wrap > .cta-row{text-align:center}
}

/* ============================================================
   FAQ
   ============================================================ */
#idcert-lp #faq .head{max-width:820px;margin-inline:auto;text-align:center}
#idcert-lp #faq .head .h2{max-width:30ch;margin-inline:auto}
#idcert-lp .faq{max-width:820px;margin:clamp(30px,4vw,44px) auto 0}
#idcert-lp details{background:var(--paper);border:1px solid var(--slate-300);border-radius:12px;
  padding:0 22px;margin-bottom:12px}
#idcert-lp summary{cursor:pointer;padding:20px 0;font-family:var(--f-title);font-weight:600;
  font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center;
  gap:16px;min-height:44px}
#idcert-lp summary::-webkit-details-marker{display:none}
#idcert-lp details:hover{border-color:var(--blu-800)}
#idcert-lp details:hover summary{color:var(--blu-800)}
#idcert-lp summary::after{content:"+";font-family:var(--f-mono);font-size:22px;
  color:var(--blu-800);font-weight:600;flex:none}
#idcert-lp details[open] summary::after{content:"\2013"}
#idcert-lp details p{margin:0 0 20px;color:var(--slate-600);font-size:15.5px}

/* ============================================================
   STICKY CTA MOBILE
   ============================================================ */
#idcert-lp .sticky-cta{display:none}
@media (max-width:899px){
  /* Pill flottante, non barra a tutta larghezza: l'angolo in basso a sinistra
     resta libero per il FAB del plugin di accessibilità (~56px + margine). */
  #idcert-lp .sticky-cta{
    display:flex;align-items:center;gap:12px;
    position:fixed;z-index:60;
    left:calc(84px + env(safe-area-inset-left));
    right:max(12px,env(safe-area-inset-right));
    bottom:max(12px,env(safe-area-inset-bottom));
    background:rgba(23,22,53,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);
    box-shadow:0 10px 30px rgba(0,0,0,.35);
    padding:10px 12px 10px 16px;
  }
  #idcert-lp .sticky-cta p{flex:1;min-width:0;color:#fff;font-family:var(--f-title);
    font-size:13.5px;font-weight:600;line-height:1.3}
  #idcert-lp .sticky-cta .btn{flex:none;font-size:14px;padding:11px 16px;min-height:42px;white-space:nowrap}
}
@media (max-width:359px){
  #idcert-lp .sticky-cta{left:calc(72px + env(safe-area-inset-left));gap:10px}
  #idcert-lp .sticky-cta p{font-size:12.5px}
}

/* ============================================================
   FOOTER
   ============================================================ */
#idcert-lp .ftr{background:var(--navy-deep);color:var(--on-navy-muted);padding-block:44px}
#idcert-lp .ftr .logo-chip{display:inline-block;background:var(--paper);border-radius:12px;
  padding:12px 16px;margin-bottom:24px}
#idcert-lp .ftr .logo{width:170px}
#idcert-lp .ftr .disc{max-width:78ch;display:grid;gap:12px}
#idcert-lp .ftr .disc p{font-family:var(--f-body);font-size:14px;line-height:1.7}
#idcert-lp .ftr .disc strong{color:#fff;font-weight:600}
#idcert-lp .ftr .legal{font-family:var(--f-mono);font-size:12.5px;line-height:2;margin-top:26px;
  padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
#idcert-lp .ftr .legal b{color:#fff;font-weight:500}
#idcert-lp .ftr .legal a{text-decoration:underline;text-underline-offset:3px}
#idcert-lp .ftr .legal a:hover{color:#fff}
#idcert-lp .ftr-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;
  font-family:var(--f-title);font-size:14px;font-weight:500}
#idcert-lp .ftr-links a{color:#fff;display:inline-flex;align-items:center;min-height:44px}
#idcert-lp .ftr-links a:hover{text-decoration:underline;text-underline-offset:4px}
/* Spazio in fondo perché la pill sticky non copra i link legali.
   Va dopo .ftr{padding-block:44px}: stessa specificità, vince l'ultima regola. */
@media (max-width:899px){
  #idcert-lp .ftr{padding-bottom:calc(24px + var(--sticky-h))}
}/* End custom CSS */