:root{
  --navy:#081225;--navy2:#111827;--green:#22c55e;--green2:#16a34a;--orange:#f59e0b;--red:#ef4444;--text:#101827;--muted:#667085;--bg:#f6f7f9;--card:#fff;--line:rgba(15,23,42,.08);--shadow:0 22px 70px rgba(15,23,42,.12);--radius:28px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at top,#fff 0,#f7f8fa 38%,#eef1f5 100%);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(18px,4vw,54px);background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{width:54px;height:54px}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:24px;letter-spacing:-.04em}.brand small{font-size:12px;letter-spacing:.38em;color:var(--green);font-weight:900}.brand.small img{width:34px;height:34px}.brand.small strong{font-size:16px}.brand.small small{font-size:8px}.nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:800}.login-link{padding:11px 18px;border-radius:999px;background:var(--navy);color:#fff}.section{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:84px 0}.compact{padding-top:34px}.hero{display:grid;grid-template-columns:1fr .9fr;gap:56px;align-items:center;min-height:calc(100vh - 92px);padding-top:54px}.eyebrow{margin:0 0 14px;color:var(--green2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.h1{}h1,h2{margin:0;color:var(--navy2);letter-spacing:-.055em;line-height:.98}h1{font-size:clamp(48px,8vw,92px)}h2{font-size:clamp(34px,5vw,58px)}p{color:var(--muted);line-height:1.65}.lead{font-size:20px;max-width:640px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:16px;font-weight:900;border:1px solid transparent;box-shadow:0 8px 24px rgba(15,23,42,.08)}.btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn.secondary{background:#fff;border-color:var(--line);color:var(--navy2)}.btn.light{background:#fff;color:var(--navy2)}.btn.big{margin:28px auto 0;display:flex;width:max-content}.micro{font-size:14px;font-weight:800;color:#475467}.hero-visual{position:relative;display:flex;justify-content:center}.phone-frame{width:min(390px,78vw);padding:12px;border-radius:44px;background:#0b1220;box-shadow:var(--shadow);transform:rotate(1.5deg)}.phone-frame img{border-radius:34px}.main-phone{animation:float 4s ease-in-out infinite}.floating-card{position:absolute;left:8%;bottom:12%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:18px 22px}.floating-card strong{display:block;font-size:34px;color:var(--navy)}.floating-card span{font-weight:800;color:var(--muted);font-size:13px}@keyframes float{50%{transform:translateY(-10px) rotate(1.5deg)}}.problem h2{text-align:center;margin-bottom:28px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.problem-grid article,.faq article,.price-steps article{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.problem-grid span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:999px;background:#eafaf0;color:var(--green2);font-weight:950;margin-bottom:22px}.problem-grid strong,.faq strong{display:block;font-size:20px;color:var(--navy)}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-list span{padding:18px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);font-weight:900;box-shadow:0 8px 22px rgba(15,23,42,.04)}.feature-list span:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;margin-right:10px;width:22px;height:22px;border-radius:999px;background:#dcfce7;color:#16a34a}.section-title{text-align:center;max-width:760px;margin:0 auto 34px}.shot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}.shot-grid figure{margin:0;padding:10px;border-radius:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.shot-grid img{border-radius:26px}.shot-grid figcaption{text-align:center;font-weight:900;padding:14px 8px 8px;color:var(--navy)}.benefit-band{width:min(1180px,calc(100% - 36px));padding:42px;margin-top:30px;border-radius:34px;background:linear-gradient(135deg,#081225,#12351f);display:flex;align-items:center;justify-content:space-between;gap:24px}.benefit-band h2,.benefit-band p{color:#fff}.benefit-band p{opacity:.75;margin-bottom:0}.price-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.price-steps small{color:var(--muted);font-weight:900}.price-steps strong{display:block;margin:10px 0;font-size:34px;color:var(--navy);letter-spacing:-.04em}.price-steps .highlight{border-color:rgba(34,197,94,.45);box-shadow:0 18px 38px rgba(34,197,94,.13)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.final-cta{text-align:center;padding:70px 28px;margin-bottom:52px;border-radius:36px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.final-cta p{max-width:620px;margin:18px auto 26px}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px clamp(18px,4vw,54px);background:#081225}.footer p{color:rgba(255,255,255,.64);margin:0;font-size:14px}.footer .brand strong{color:#fff}.footer .brand small{color:var(--green)}@media(max-width:920px){.nav a:not(.login-link){display:none}.hero,.split{grid-template-columns:1fr}.hero{gap:36px;text-align:left;min-height:auto}.hero-visual{order:-1}.problem-grid,.price-steps{grid-template-columns:1fr}.shot-grid{grid-template-columns:repeat(2,1fr)}.benefit-band{flex-direction:column;align-items:flex-start}.feature-list,.faq-grid{grid-template-columns:1fr}}@media(max-width:560px){.site-header{padding:14px 16px}.brand img{width:48px;height:48px}.brand strong{font-size:22px}.nav{gap:10px}.login-link{padding:10px 14px}.section{width:min(100% - 28px,1180px);padding:58px 0}.hero{padding-top:32px}.lead{font-size:17px}.hero-actions .btn{width:100%}.phone-frame{width:min(330px,88vw);border-radius:38px}.phone-frame img{border-radius:28px}.floating-card{display:none}.shot-grid{display:flex;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory}.shot-grid figure{min-width:76%;scroll-snap-align:start}.benefit-band{width:calc(100% - 28px);padding:28px}.price-steps strong{font-size:30px}.footer{flex-direction:column;align-items:flex-start}}


.footer-links {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.footer-links a {
  color: inherit;
  text-decoration: none;
  font-size: 14px;
  opacity: 0.75;
}

.footer-links a:hover {
  opacity: 1;
  text-decoration: underline;
}

/* ================================
   STATISTICHE LANDING - VERSIONE PULITA
================================ */

.stats-panel {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 54px;
  align-items: center;
  padding: 64px;
  border-radius: 40px;
  background:
    radial-gradient(circle at 85% 20%, rgba(34,197,94,.18), transparent 34%),
    linear-gradient(135deg, #081225 0%, #101827 62%, #12351f 100%);
  box-shadow: var(--shadow);
}

.stats-panel h2,
.stats-panel p {
  color: #fff;
}

.stats-panel p {
  opacity: .78;
  max-width: 620px;
}

.stats-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.stats-points div {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.12);
}

.stats-points strong {
  display: block;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.04em;
}

.stats-points span {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.68);
  font-size: 13px;
  font-weight: 800;
}

.stats-visual {
  display: flex;
  justify-content: center;
}

.clean-phone {
  width: 300px;
  max-height: 650px;
  overflow: hidden;
  padding: 10px;
  border-radius: 38px;
  background: #fff;
  box-shadow:
    0 32px 80px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.12);
}

.clean-phone img {
  width: 100%;
  border-radius: 28px;
  object-fit: cover;
}

@media(max-width:920px){
  .stats-panel {
    grid-template-columns: 1fr;
    padding: 36px 24px;
    gap: 34px;
  }

  .stats-points {
    grid-template-columns: 1fr;
  }

  .clean-phone {
    width: min(320px, 100%);
  }
}


/* ================================
   TUTORIAL + SECURITY + FAQ EXTENDED
================================ */

.tutorial-section {
  padding-top: 78px;
}

.tutorial-layout {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 54px;
  align-items: center;
  margin-top: 34px;
}

.tutorial-phone {
  width: min(340px, 100%);
  margin: 0 auto;
  padding: 12px;
  border-radius: 44px;
  background: #081225;
  box-shadow: var(--shadow);
}

.tutorial-phone img {
  border-radius: 32px;
  width: 100%;
}

.tutorial-steps {
  display: grid;
  gap: 16px;
}

.tutorial-steps article {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 16px;
  align-items: start;
  padding: 22px;
  border-radius: 24px;
  background: rgba(255,255,255,.86);
  border: 1px solid var(--line);
  box-shadow: 0 10px 28px rgba(15,23,42,.05);
}

.tutorial-steps article span {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #dcfce7;
  color: #16a34a;
  font-weight: 950;
}

.tutorial-steps strong,
.tutorial-cards strong,
.security-grid strong {
  display: block;
  color: var(--navy);
  font-size: 20px;
}

.tutorial-steps p {
  margin: 8px 0 0;
}

.tutorial-cards {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.tutorial-cards article {
  padding: 22px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 10px 26px rgba(15,23,42,.045);
}

.security-panel {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 38px;
  align-items: stretch;
  padding: 58px;
  border-radius: 40px;
  background:
    radial-gradient(circle at 82% 18%, rgba(34,197,94,.22), transparent 30%),
    linear-gradient(135deg, #081225 0%, #101827 58%, #12351f 100%);
  box-shadow: var(--shadow);
}

.security-panel h2,
.security-panel p,
.security-box strong {
  color: #fff;
}

.security-panel p {
  opacity: .78;
}

.security-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 28px;
}

.security-grid article,
.security-box {
  padding: 22px;
  border-radius: 24px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.13);
}

.security-grid span {
  display: block;
  color: #22c55e;
  font-size: 30px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.05em;
  margin-bottom: 12px;
}

.security-grid strong {
  color: #fff;
}

.security-grid p {
  margin-bottom: 0;
  font-size: 14px;
}

.security-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.security-box strong {
  font-size: 28px;
  letter-spacing: -.04em;
}

.security-box .btn {
  margin-top: 16px;
  width: fit-content;
}

.faq-grid-large {
  grid-template-columns: repeat(2, 1fr);
}

.faq-grid-large article {
  min-height: 154px;
}

@media(max-width:920px){
  .tutorial-layout,
  .security-panel {
    grid-template-columns: 1fr;
  }

  .tutorial-cards,
  .security-grid {
    grid-template-columns: 1fr;
  }

  .security-panel {
    padding: 36px 24px;
  }
}

@media(max-width:560px){
  .tutorial-layout {
    gap: 30px;
  }

  .tutorial-phone {
    width: min(300px, 86vw);
  }

  .tutorial-steps article {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .faq-grid-large {
    grid-template-columns: 1fr;
  }

  .faq-grid-large article {
    min-height: auto;
  }
}


/* ================================
   COME FUNZIONA
================================ */

.how-section {
  padding-top: 72px;
}

.how-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 34px;
}

.how-grid article {
  position: relative;
  min-height: 310px;
  padding: 30px;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.84));
  border: 1px solid var(--line);
  box-shadow: 0 14px 34px rgba(15,23,42,.07);
  overflow: hidden;
}

.how-grid article::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -40px;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: rgba(34,197,94,.11);
}

.how-grid span {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #dcfce7;
  color: #16a34a;
  font-weight: 950;
  margin-bottom: 28px;
}

.how-grid h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--navy);
  font-size: 30px;
  line-height: 1.02;
  letter-spacing: -.045em;
}

.how-grid p {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  font-weight: 600;
}

@media(max-width:920px){
  .how-grid {
    grid-template-columns: 1fr;
  }

  .how-grid article {
    min-height: auto;
  }
}

/* ==========================================================
   RISORSE E SUPPORTO
   ========================================================== */

.resources-section {
  padding-top: 72px;
}

.resources-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 34px;
}

.resources-grid article {
  position: relative;
  padding: 26px;
  min-height: 250px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055);
  overflow: hidden;
}

.resources-grid article::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 132px;
  height: 132px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.10);
}

.resources-grid span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #dcfce7;
  color: #16a34a;
  font-weight: 950;
  margin-bottom: 22px;
}

.resources-grid strong {
  position: relative;
  z-index: 1;
  display: block;
  color: var(--navy);
  font-size: 21px;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.resources-grid p {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  font-size: 15px;
}

@media (max-width: 920px) {
  .resources-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .resources-grid {
    grid-template-columns: 1fr;
  }

  .resources-grid article {
    min-height: auto;
  }
}

.resources-links {
  margin-top: 42px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.resource-link-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 22px 18px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(8, 18, 37, 0.08);
  box-shadow: 0 12px 28px rgba(8, 18, 37, 0.06);
  text-decoration: none;
  color: #081225;
  text-align: center;
  transition: all 0.2s ease;
}

.resource-link-card span {
  font-size: 28px;
}

.resource-link-card strong {
  font-size: 18px;
  font-weight: 800;
}

.resource-link-card small {
  font-size: 13px;
  color: #64748b;
}

.resource-link-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(8, 18, 37, 0.10);
}

@media (max-width: 560px) {
  .resources-links {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .resource-link-card {
    padding: 20px;
  }
}