:root{
    --ink:#034955;
    --ink-soft:hsl(189, 92%, 24%);
    --paper:#FFFFFF;
    --paper-soft:#F3F6F3;
    --paper-line:#E3E9E4;
    --brand:#e87706;
    --brand-dark:hsl(189, 76%, 13%);
    --accent:#e87706;
    --accent-dark:hsl(30, 90%, 38%);
    --gold:#E7B75F;
    --radius:18px;
    --maxw:1180px;
    --shadow:0 20px 50px -25px rgba(14,31,26,.35);
  }

  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
  }
  body{
    margin:0;
    font-family:"Poppins", sans-serif;
    color:var(--ink);
    background:var(--paper);
    -webkit-font-smoothing:antialiased;
    line-height:1.55;
  }
  h1,h2,h3,.display{
    font-family:"Poppins", sans-serif;
    font-weight:700;
    letter-spacing:-0.01em;
    margin:0;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  ul{margin:0;padding:0;list-style:none;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  section{position:relative;}
  :focus-visible{outline:2.5px solid var(--gold);outline-offset:3px;border-radius:4px;}

  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--brand);
  }
  .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;}
  section.on-dark .eyebrow{color:var(--gold);}
  section.on-dark .eyebrow::before{background:var(--gold);}

  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-family:'Inter',sans-serif;font-weight:700;font-size:15.5px;
    padding:15px 26px;border-radius:999px;border:1.5px solid transparent;
    cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
    white-space:nowrap;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{background:var(--accent);color:#fff;box-shadow:0 14px 30px -12px rgba(255,90,78,.55);}
  .btn-primary:hover{background:var(--accent-dark);}
  .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);}
  .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}
  .btn-outline{background:transparent;color:var(--ink);border-color:var(--paper-line);}
  .btn-outline:hover{border-color:var(--ink);}
  .btn-dark{background:var(--ink);color:#fff;}
  .btn-dark:hover{background:var(--brand-dark);}

  /* ---------- HEADER ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(255,255,255,.86);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--paper-line);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:var(--maxw);margin:0 auto;}
  .logo img{max-width: 140px;}
  .nav-links{display:flex;align-items:center;gap:40px;}
  .nav-links .active{color: #fff; background-color: var(--brand); padding: 6px 10px; border-radius: 100px; box-shadow: 0 14px 30px -12px rgba(255,90,78,.55);}
  .nav-links .active:hover{color: #fff;}
  .nav-links a{font-size:14.5px;font-weight:600;color:var(--ink-soft);transition:color .15s;padding: 6px 10px; border-radius: 100px;}
  .nav-links a:hover{color:#fff; background-color: var(--brand); box-shadow: 0 14px 30px -12px rgba(255,90,78,.55);}
  .nav-cta{display:flex;align-items:center;gap:18px;}
  .nav-cta .login{font-size:14.5px;font-weight:600;color:var(--ink-soft);}
  .nav-cta .login:hover{color:var(--brand);}
  .nav-cta .btn{padding:11px 20px;font-size:14.5px;}
  .burger{display:none;background:none;border:none;padding:6px;cursor:pointer;}
  .burger span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;}

/* ---------- HERO ---------- */
.hero{
    position:relative;
    overflow:hidden;
    color:#fff;
    padding:76px 0 0;

    background:
        radial-gradient(circle at 15% 20%, rgba(232,119,6,.12) 0%, transparent 30%),
        radial-gradient(circle at 85% 15%, rgba(255,170,60,.10) 0%, transparent 28%),
        radial-gradient(circle at 80% 80%, rgba(12,73,84,.35) 0%, transparent 45%),
        linear-gradient(135deg,#062d34 0%, #0c4954 45%, #12616f 100%);
}

/* Glow */
.hero::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    top:-300px;
    right:-180px;
    border-radius:50%;
    background:radial-gradient(circle,
        rgba(232,119,6,.22) 0%,
        rgba(232,119,6,.10) 40%,
        transparent 75%);
    filter:blur(60px);
    pointer-events:none;
}

/* Pallini */
.hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.45;

    background-image:
        radial-gradient(circle, rgba(255,255,255,.25) 1.5px, transparent 2px),
        radial-gradient(circle, rgba(232,119,6,.25) 2px, transparent 2.5px),
        radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 1.5px);

    background-size:
        180px 180px,
        260px 260px,
        140px 140px;

    animation:heroDots 20s linear infinite;
}

@keyframes heroDots{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(-40px);
    }
}
  .hero-stack{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:0;}
  .hero-stack .hero-copy{max-width:720px;}
  .hero h1{font-size:clamp(34px,4.6vw,52px);line-height:1.08;margin:18px 0 20px;color:#fff;}
  .hero p.lead{font-size:18px;color:rgba(255,255,255,.78);max-width:560px;margin:0 auto 32px;}
  .hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:48px;}
  .trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;margin-bottom:48px;}
  .trust-item{font-size:13.5px;color:rgba(255,255,255,.65);text-align:center;}
  .trust-item strong{display:block;font-family:"Poppins", sans-serif;font-size:22px;color:#fff;font-weight:700;}

  .hero-visual{position:relative;width:100%;display:flex;justify-content:center;}
  .hero-visual img{width:100%;max-width:1200px;border-radius:30px 30px 0 0;filter: drop-shadow(5px 5px 40px #09353d);outline: 2px solid var(--brand-dark);border: 8px solid rgba(255,255,255,.12); border-bottom:0;}


  .hero-visual {
  opacity: 0;
  transform: translateY(24px) scale(0.98);
  animation: heroFadeIn 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.15s; /* piccolo ritardo, opzionale */
}

@keyframes heroFadeIn {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Rispetta le preferenze di accessibilità */
@media (prefers-reduced-motion: reduce) {
  .hero-visual {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

  /* ---------- SECTION HEADERS ---------- */
  .sec-head{max-width:640px;margin-bottom:60px;}
  .sec-head h2{font-size:clamp(28px,3.4vw,40px);line-height:1.12;margin:14px 0 14px;}
  .sec-head p{font-size:16.5px;color:var(--ink-soft);}
  .center{text-align:center;margin-left:auto;margin-right:auto;}

  /* ---------- OFFER CARDS ---------- */
  .offer{padding:60px 0 60px;background:var(--paper);}
  .offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .card{
    background:var(--paper-soft);border:1px solid var(--paper-line);border-radius:var(--radius);
    padding:32px 28px;transition:transform .2s ease, box-shadow .2s ease;
  }
  .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
  .icon-badge{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
  .icon-badge svg{width:24px;height:24px;}
  .card h3{font-size:19.5px;margin-bottom:10px;}
  .card p{font-size:15px;color:var(--ink-soft);margin:0;}
  .badge-1{background:hsla(30, 95%, 47%, 0.176);color:var(--brand);}
  .badge-2{background:hsla(189, 93%, 17%, 0.22);color:var(--ink);}
  .badge-3{background:hsla(30, 95%, 47%, 0.176);color:var(--brand);}
  .offer-cta{margin-top:40px;text-align:center;}

  /* ---------- VANTAGGI (dark) ---------- */
  .vantaggi{background:var(--ink);color:#fff;padding:60px 0;}
  .vantaggi .sec-head h2{color:#fff;}
  .vantaggi .sec-head p{color:rgba(255,255,255,.65);}
  .vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);overflow:hidden;}
  .vitem{background:hsla(189, 92%, 10%, 0.644);padding:32px 28px;}
  .vitem .num{font-family:"Poppins", sans-serif;font-size:13px;color:var(--gold);font-weight:700;margin-bottom:14px;display:block;}
  .vitem h3{font-size:18px;color:#fff;margin-bottom:8px;}
  .vitem p{font-size:14.5px;color:rgba(255,255,255,.68);margin:0;}
  .vantaggi-cta{margin-top:40px;text-align:center;}

  /* ---------- WHY PANELS ---------- */
  .why{padding:60px 0;background:var(--paper);}
  .why-block{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:64px 20px;border-bottom:1px solid var(--paper-line);}
  .why-block:last-child{border-bottom:none;padding-bottom:0;}
  .why-block:first-child{padding-top:0;}
  .why-block.rev .art{order:2;}
  .why-block.rev .txt{order:1;}
  .why-block h3{font-size:clamp(24px,2.6vw,32px);margin:14px 0 16px;line-height:1.15;}
  .why-block p{font-size:16px;color:var(--ink-soft);margin:0 0 14px;}
  .why-block p:last-child{margin-bottom:0;}
  .why-block strong{color:var(--ink);}

  .art{position:relative;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--paper-soft);}
  .art img{width:100%;height:100%;object-fit:cover;}
  .art-dual{display:flex;gap:14px;}
  .art-dual img{border-radius:18px;box-shadow:var(--shadow);}

  /* ---------- STATS ---------- */
  .stats{background:var(--brand-dark);color:#fff;padding:70px 0;}
  .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;}
  .stat-num{font-family:"Poppins", sans-serif;font-size:clamp(38px,5vw,58px);font-weight:700;color:var(--brand);}
  .stat-label{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.7);margin-top:6px;}

  /* ---------- TESTIMONIALS ---------- */
  .rev{padding:60px 20px;background:var(--paper-soft);}
  .rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .rev-card{background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 30px -22px rgba(14,31,26,.25);}
  .stars{color:var(--gold);font-size:15px;letter-spacing:2px;margin-bottom:14px;}
  .rev-card p{font-size:15px;color:var(--ink-soft);margin:0 0 20px;}
  .rev-who{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;}
  .rev-who .check{color:var(--brand);}
  .rev-date{font-size:12.5px;color:#9AA6A0;margin-top:2px;}

  /* ---------- FAQ ---------- */
  .faq{padding:60px 0;background:var(--paper);}
  .faq-list{max-width:760px;margin:0 auto;}
  .faq-item{border-bottom:1px solid var(--paper-line);}
  .faq-item summary{
    list-style:none;cursor:pointer;padding:22px 4px;display:flex;justify-content:space-between;align-items:center;
    font-weight:700;font-size:16.5px;gap:20px;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{content:"+";font-size:22px;color:var(--brand);font-weight:400;flex:none;transition:transform .2s;}
  .faq-item[open] summary::after{transform:rotate(45deg);}
  .faq-item p{margin:0 4px 22px;color:var(--ink-soft);font-size:15px;max-width:640px;}
  .faq-more{text-align:center;margin-top:36px;}

  /* ---------- FINAL CTA ---------- */
  .final-cta{background:var(--accent);color:#fff;padding:60px 0;text-align:center;}
  .final-cta h2{font-size:clamp(26px,3.4vw,38px);color:#fff;margin-bottom:14px;}
  .final-cta p{font-size:16.5px;color:rgba(255,255,255,.88);margin:0 0 30px;}
  .final-cta .btn-primary{background:#fff;color:var(--accent-dark);box-shadow:0 14px 30px -12px rgba(14,31,26,.35);}
  .final-cta .btn-primary:hover{background:transparent;color:#fff;border-color: #fff;}

  /* ---------- FOOTER ---------- */
  footer{background:var(--ink);color:rgba(255,255,255,.7);padding:64px 0 28px;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.12);}
  .foot-brand .logo img{max-width:140px;}
  .foot-brand p{font-size:14.5px;margin:16px 0 10px;max-width:280px;color:rgba(255,255,255,.55);}
  footer h4{color:#fff;font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px;font-family:'Inter',sans-serif;}
  footer ul li{margin-bottom:10px;font-size:14.5px;}
  footer ul li a:hover{color:#fff;}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;flex-wrap:wrap;gap:12px;}
  .foot-bottom a:hover{color:#fff;}
  .social-dot{display:inline-flex;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);align-items:center;justify-content:center;}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:960px){
    .offer-grid,.vgrid,.rev-grid,.stats-grid{grid-template-columns:1fr 1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
    .why-block,.why-block.rev{grid-template-columns:1fr;gap:32px;}
    .why-block.rev .art{order:1;}
    .why-block.rev .txt{order:2;}
  }
  @media (max-width:680px){
    .nav-links{display:none;}
    .burger{display:block;}
    .nav-cta .login{display:none;}
    .offer-grid,.vgrid,.rev-grid,.stats-grid,.foot-grid{grid-template-columns:1fr;}
    .hero{padding-top:58px;}
    .hero-actions{flex-direction:column;align-items:stretch;}
    .trust-row{gap:20px;}
    .foot-bottom{flex-direction:column;align-items:flex-start;}
  }
    /* FEATURES GRID */
  .features{padding:0 0 100px;background:var(--paper);}
  .features-inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .fcard{background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius);padding:30px 26px;box-shadow:0 16px 40px -28px rgba(14,31,26,.3);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
  .fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent;}
  .ficon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
  .ficon svg{width:22px;height:22px;}
  .fc-1{background:hsla(30, 95%, 47%, 0.16);color:var(--brand);}
  .fc-2{background:hsla(189, 93%, 17%, 0.16);color:var(--ink);}
  .fc-3{background:hsla(189, 76%, 45%, 0.14);color:var(--ink-soft);}
  .fcard h3{font-size:17.5px;line-height:1.3;margin-bottom:10px;}
  .fcard p{font-size:14.5px;color:var(--ink-soft);margin:0;}
  .fcard p strong{color:var(--ink);font-weight:700;}
  .fnote{display:block;margin-top:10px;font-size:12px;font-style:italic;color:#9AA6A0;}

  .features-cta{text-align:center;margin-top:54px;}


    /* PAGE HERO */
  .page-hero{background:radial-gradient(1100px 520px at 82% -10%, #143229 0%, var(--ink) 55%);color:#fff;padding:88px 0 100px;text-align:center;margin-bottom: 60px;}
  .page-hero .eyebrow{color:var(--brand);}
  .page-hero .eyebrow::before{background:var(--brand);}
  .page-hero h1{font-size:clamp(32px,4.4vw,50px);line-height:1.1;margin:16px auto 18px;max-width:780px;color:#fff;}
  .page-hero p{font-size:17.5px;color:rgba(255,255,255,.75);max-width:620px;margin:0 auto;}

  /* PRICING */

.trial-feature{
    position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:0;
    background:var(--ink);color:#fff;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);
    margin-bottom:56px;
  }
  .trial-feature::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(700px 380px at 90% 0%, rgba(231,183,95,.18), transparent 60%);
    pointer-events:none;
  }
  .trial-copy{padding:48px 46px;position:relative;z-index:1;}
  .trial-badge{
    display:inline-flex;align-items:center;gap:8px;background:rgba(231,183,95,.14);color:var(--gold);
    border:1px solid rgba(231,183,95,.35);padding:7px 14px;border-radius:999px;
    font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;
  }
  .trial-copy h3{color:#fff;font-size:clamp(24px,3vw,32px);margin:0 0 6px;}
  .trial-price{display:flex;align-items:baseline;gap:8px;margin:14px 0 18px;}
  .trial-price .amount{font-family:"Poppins", sans-serif;font-size:52px;font-weight:700;color:#fff;}
  .trial-price .period{font-size:14.5px;color:rgba(255,255,255,.6);}
  .trial-copy p.desc{color:rgba(255,255,255,.72);font-size:15.5px;max-width:420px;margin:0 0 26px;}
  .trial-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;}
  .trial-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:rgba(255,255,255,.88);list-style:none;}
  .trial-list li .ok{
    flex:none;width:19px;height:19px;border-radius:50%;background:#25D366;
    display:flex;align-items:center;justify-content:center;margin-top:1px;
  }
  .trial-list li .ok svg{width:11px;height:11px;}
  .trial-list li.wa{color:#fff;font-weight:700;}
  .trial-list li.wa .ok{background:#25D366;}
  .trial-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
  .trial-cta .fineprint{font-size:12.5px;color:rgba(255,255,255,.5);}
  .trial-visual{position:relative;background:linear-gradient(155deg,var(--ink),var(--ink-soft));display:flex;align-items:center;justify-content:center;padding:36px;}
  .wa-card{
    background:#fff;color:var(--ink);border-radius:18px;padding:22px;width:100%;max-width:280px;
    box-shadow:0 20px 50px -20px rgba(0,0,0,.5);
  }
  .wa-card .wa-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--paper-line);}
  .wa-card .wa-head .wa-dot{width:30px;height:30px; display: flex;}
  .wa-card .wa-head strong{font-size:14.5px;}
  .wa-card .wa-head span{display:block;font-size:11.5px;color:#9AA6A0;}
  .wa-msg{background:var(--paper-soft);border-radius:12px 12px 12px 3px;padding:10px 12px;font-size:12.5px;margin-bottom:8px;}
  .wa-msg.out{background:#E7F2EE;border-radius:12px 12px 3px 12px;margin-left:26px;}
  .wa-quota{margin-top:14px;font-size:11.5px;color:#9AA6A0;text-align:center;}

  .pricing{padding:0 0 40px;background:var(--paper);}
  .pricing-inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

  /* Trial banner */
  .trial-banner{
    position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:0;align-items:center;
    background:var(--ink);color:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);
    margin-bottom:28px;
  }
  .trial-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 380px at 90% 0%, rgba(231,183,95,.18), transparent 60%);pointer-events:none;}
  .trial-copy{padding:44px 46px;position:relative;z-index:1;}
  .trial-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(231,183,95,.14);color:var(--gold);border:1px solid rgba(231,183,95,.35);padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;}
  .trial-copy h3{color:#fff;font-size:clamp(22px,2.6vw,28px);margin:0 0 8px;}
  .trial-price{display:flex;align-items:baseline;gap:8px;margin:10px 0 6px;}
  .trial-price .amount{font-family:"Poppins", sans-serif;font-size:42px;font-weight:700;color:#fff;}
  .trial-price .period{font-size:14px;color:rgba(255,255,255,.6);}
  .trial-copy .subnote{font-size:13.5px;color:rgba(255,255,255,.55);margin:0 0 18px;}
  .trial-copy p.desc{color:rgba(255,255,255,.82);font-size:15.5px;max-width:460px;margin:0 0 26px;}
  .trial-copy p.desc strong{color:#fff;}
  .trial-visual{position:relative;z-index:1;padding:0 46px 0 0;display:flex;justify-content:flex-end;height: 100%;}
    .wa-card .wa-head .wa-dot{width:30px;height:30px; display: flex;}
      .wa-dot{width:22px;height:22px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:space-around;}


  .plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:16px;}
  .plan-card{border:1px solid var(--paper-line);border-radius:var(--radius);padding:30px 26px;background:var(--paper-soft);position:relative;display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease;}
  .plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
  .plan-card.popular{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:#fff;}
  .plan-tag{position:absolute;top:-13px;left:26px;background:var(--brand);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:999px;}
  .plan-card h3{font-family:"Poppins", sans-serif;font-size:20px;margin:0 0 6px;}
  .plan-card .p-amount{font-size:28px;font-weight:800;font-family:"Poppins", sans-serif;margin-bottom:2px;}
  .plan-card .p-amount span{font-size:13px;font-weight:600;color:var(--ink-soft);}
  .plan-card .p-limit{font-size:13px;color:var(--ink-soft);margin-bottom:18px;}
  .plan-card .p-included{font-size:14px;color:var(--ink);margin:0 0 16px;padding-bottom:16px;border-bottom:1px dashed var(--paper-line);}
  .plan-card .p-included strong{color:var(--brand);}
  .plan-card ul{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;flex:1;}
  .plan-card ul li{font-size:13.8px;color:var(--ink-soft);display:flex;gap:9px;align-items:flex-start;}
  .plan-card ul li::before{content:"✓";color:var(--brand);font-weight:800;flex:none;}
  .plan-card .btn{width:100%;padding:12px;font-size:14.5px;margin-top:auto;}

  .pricing-compare{text-align:center;margin:36px 0 0;}
  .pricing-note{text-align:center;font-size:13px;color:var(--ink-soft);margin-top:24px;}

  @media (max-width:960px){
    .trial-banner{grid-template-columns:1fr;}
    .trial-visual{justify-content:center;padding:0 46px 40px;}
    .plans-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:680px){
    .nav-links{display:none;}
    .burger{display:block;}
    .nav-cta .login{display:none;}
    .plans-grid{grid-template-columns:1fr;}
    .pricing-inner{margin-top:-40px;}
  }


  /* FAQ (riepilogo) */
  .faq-section{padding:0 0 20px;background:var(--paper);}
  .faq-inner{max-width:820px;margin:0 auto;padding:0 24px;}
  .faq-panel{background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:0 20px 50px -30px rgba(14,31,26,.3);overflow:hidden;padding:6px 26px;}
  .faq-item{border-bottom:1px solid var(--paper-line);}
  .faq-item:last-child{border-bottom:none;}
  .faq-item summary{list-style:none;cursor:pointer;padding:20px 4px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15.5px;gap:20px;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary .plus{font-size:22px;color:var(--brand);font-weight:400;flex:none;transition:transform .2s;}
  .faq-item[open] summary .plus{transform:rotate(45deg);}
  .faq-item p{margin:0 4px 20px;color:var(--ink-soft);font-size:14.5px;max-width:640px;}

  /* CONTATTACI - form + info */
  .contact{padding:60px 0;background:var(--paper-soft);margin-bottom: 120px;}
  .contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start;}
  .contact-form{background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius);padding:40px;box-shadow:0 20px 50px -30px rgba(14,31,26,.25);}
  .contact-form h2{font-size:clamp(24px,2.8vw,30px);margin-bottom:10px;}
  .contact-form>p{color:var(--ink-soft);font-size:15px;margin:0 0 26px;}
  .field{margin-bottom:18px;}
  .field label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:7px;}
  .field input, .field textarea{
    width:100%;border:1.5px solid var(--paper-line);border-radius:12px;padding:13px 15px;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--paper-soft);transition:border-color .15s;
  }
  .field input:focus, .field textarea:focus{outline:none;border-color:var(--brand);}
  .field textarea{resize:vertical;min-height:120px;}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-soft);margin:6px 0 24px;}
  .consent input{margin-top:3px;flex:none;}
  .consent a{color:var(--brand);font-weight:600;}

  .contact-side{display:flex;flex-direction:column;gap:18px;}
  .info-card{background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius);padding:26px 24px;display:flex;gap:16px;align-items:flex-start;transition:transform .2s ease, box-shadow .2s ease;}
  .info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
  .info-icon{flex:none;width:44px;height:44px;border-radius:12px;background:hsla(30, 95%, 47%, 0.16);color:var(--brand);display:flex;align-items:center;justify-content:center;}
  .info-icon svg{width:20px;height:20px;}
  .info-card h4{margin-top:0;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-family:'Inter',sans-serif;}
  .info-card p, .info-card a{font-size:15.5px;font-weight:700;color:var(--ink);}

  @media (max-width:960px){
    .contact-grid{grid-template-columns:1fr;}
  }
  @media (max-width:680px){
    .nav-links{display:none;}
    .burger{display:block;}
    .nav-cta .login{display:none;}
    .field-row{grid-template-columns:1fr;}
    .faq-inner{margin-top:-40px;}
    .contact-form{padding:28px 22px;}
  }

  /*LEGAL section*/
  .legal-section{
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 20px;
  }

  .demo-success {
      display: none;
      text-align: center;
      padding: 20px 0;
  }

  .demo-success.show {
      display: block;
  }

  .demo-success .ok-circle {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: #E7F2EE;
      color: var(--brand);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 18px;
  }

  .demo-success h3 {
      margin-bottom: 8px;
  }

  .demo-success p {
      color: var(--ink-soft);
      font-size: 14.5px;
  }
  
  /*BANNER COOKIE*/
  .CybotCookiebotDialogBodyButton, #CookiebotWidget-btn-change{
    background-color: #0c4954 !important;
    border-color: #0c4954 !important;
}
#CookiebotWidget-btn-withdraw{
    border-color: #0c4954 !important;
}
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider{
    background-color: #0c4954 !important;
}
.Cookiebotwidget-consent-icon svg{
    fill: #0c4954 !important;
}
.CookiebotWidget-show-consent-details{
    color: #0c4954 !important;
}
#CybotCookiebotDialogBodyEdgeMoreDetailsLink{
    color: #0c4954 !important;
}
#CybotCookiebotDialogPoweredbyCybot{display:none !important}
.CybotCookiebotDialogNavItemLink {
    color: #0c4954 !important;
        border-color: #0c4954 !important;

}
.CybotCookiebotDialogNavItemLink:hover {
    color: #0c4954 !important;
    border-color: #0c4954 !important;
}


/*Blog*/
/* === Blog list (blog.php) === */
.blog-inner { max-width: 1160px; margin: 0 auto; padding: 40px 20px 80px; }
.blog-empty { text-align: center; padding: 60px 0; opacity: .7; }

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 28px;
}

.blog-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 14px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
}

.blog-card-img {
  height: 170px;
  background-size: cover;
  background-position: center;
  background-color: #eef1f5;
}
.blog-card-img-placeholder {
  background: linear-gradient(135deg, #eef1f5, #dfe4ea);
}

.blog-card-body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; }
.blog-card-date { font-size: .8rem; opacity: .55; }
.blog-card-body h3 { font-size: 1.05rem; line-height: 1.35; margin: 0; }
.blog-card-body p { font-size: .92rem; opacity: .75; margin: 0; }
.blog-card-link { font-size: .88rem; font-weight: 600; margin-top: auto; }

.blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 48px;
}
.blog-pagination-info { font-size: .88rem; opacity: .65; }

/* === Single article (articolo.php) === */
.article-inner { max-width: 760px; margin: 0 auto; padding: 40px 20px 90px; }
.article-meta { font-size: .88rem; opacity: .6; margin-bottom: 20px; }

.article-cover {
  width: 100%;
  border-radius: 16px;
  margin-bottom: 32px;
  display: block;
}

.article-content { font-size: 1.05rem; line-height: 1.75; }
.article-content h2 { margin-top: 2em; }
.article-content img { max-width: 100%; border-radius: 12px; }

.article-cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 48px;
}

.article-not-found { text-align: center; padding: 60px 0; opacity: .7; }