/* =========================================================
   AETON · landing v2 (2026-10)
   Lo stesso mondo dei reel e dei caroselli: crema con aloni lilla,
   Nunito 800 con la parola in corsivo viola, alter ego con alone,
   schermate vere dell'app. Si carica dopo landing.css e funnel.css.
   ========================================================= */

/* ── comuni ─────────────────────────────────────────── */
.v2-halo{position:absolute;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 45%,#F3EDFC 0%,#EFE7FB 52%,rgba(239,231,251,0) 71%);}
.v2-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.v2-glow-a{width:1100px;height:820px;right:-320px;top:-420px;background:radial-gradient(closest-side,rgba(179,157,219,.45),rgba(179,157,219,0))}
.v2-glow-b{width:900px;height:760px;left:-480px;bottom:-380px;background:radial-gradient(closest-side,rgba(126,87,194,.14),rgba(126,87,194,0))}
.v2-head{text-align:center;max-width:660px;margin:0 auto}
.v2-head .lead{margin:1rem auto 0;max-width:40ch}
h3 em{font-style:italic;color:var(--purple-deep);font-weight:800}
.v2-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:2rem}
.v2-ctas-center{justify-content:center}
.v2-micro{margin-top:.875rem;font-size:.875rem;font-weight:600;color:var(--ink-soft)}
.v2-link{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--purple-deep)}
.v2-link:hover{color:var(--purple)}

/* ── apertura ───────────────────────────────────────── */
.v2-hero{position:relative;overflow:hidden;padding:24px 0 64px}
.v2-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px}
.v2-hero-copy{grid-column:1;grid-row:1}
.v2-hero h1{font-size:clamp(2.75rem,6.4vw,4.75rem);line-height:1.02;letter-spacing:-.03em}
.v2-hero h1 em{color:var(--purple-deep)}
.v2-hero .lead{margin-top:1.25rem;max-width:30ch;font-weight:600}
.v2-hero-visual{grid-column:2;grid-row:1;position:relative;height:600px}
.v2-hero-visual .v2-halo{width:560px;height:560px;left:50%;top:20px;transform:translateX(-58%)}
.v2-hero-phone{position:absolute;width:260px;right:0;top:40px;transform:rotate(6deg);
  filter:drop-shadow(0 30px 40px rgba(40,24,80,.26)) drop-shadow(0 6px 10px rgba(40,24,80,.10))}
.v2-hero-ego{position:absolute;width:470px;left:50%;bottom:0;transform:translateX(-66%);
  filter:drop-shadow(0 22px 30px rgba(62,40,110,.14));
  -webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 99%);mask-image:linear-gradient(to bottom,#000 78%,transparent 99%)}

/* ── fiducia ────────────────────────────────────────── */
.v2-trust{position:relative;z-index:2;margin-top:-28px}
.v2-trust-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;background:var(--paper);border:1px solid var(--line);
  border-radius:22px;padding:18px 28px;box-shadow:0 18px 40px -24px rgba(62,40,110,.35);max-width:1040px}
.v2-trust-inner span{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--ink)}
.v2-trust-inner i{font-size:1.15rem;color:var(--purple)}
.v2-trust-inner a{color:var(--purple-deep);text-decoration:underline;text-decoration-color:rgba(94,53,177,.35);text-underline-offset:3px}

/* ── come funziona ──────────────────────────────────── */
.v2-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;max-width:980px;margin:72px auto 0}
.v2-step-flip .v2-step-visual{order:2}
.v2-step-visual{position:relative;display:flex;justify-content:center;min-height:300px}
.v2-step-visual .v2-halo{width:440px;height:440px;left:50%;top:50%;transform:translate(-50%,-50%)}
.v2-step-visual > img{position:relative;width:290px;filter:drop-shadow(0 30px 40px rgba(40,24,80,.24)) drop-shadow(0 6px 10px rgba(40,24,80,.08))}
.v2-step-copy h3{font-size:clamp(1.75rem,3.2vw,2.4rem);line-height:1.08;letter-spacing:-.02em;margin:1rem 0 .875rem}
.v2-step-copy p{font-size:1.125rem;color:var(--ink-soft);max-width:34ch}
.v2-num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;
  font-weight:800;font-size:1.4rem;color:#fff;background:radial-gradient(circle at 36% 30%,#D9C8FA,#8E68D1 55%,#5E35B1);
  box-shadow:0 10px 20px -8px rgba(94,53,177,.6),inset 0 -3px 6px rgba(0,0,0,.12)}
.v2-garden{flex-direction:column;gap:14px;width:100%;max-width:400px;margin:0 auto}
.v2-garden figure{display:flex;align-items:center;background:linear-gradient(180deg,#FFFFFF,#FBF7F0);border:1px solid var(--line);
  border-radius:22px;overflow:hidden;box-shadow:0 18px 36px -22px rgba(62,40,110,.4)}
.v2-garden figure:nth-child(1){transform:rotate(-1.5deg)}
.v2-garden figure:nth-child(2){transform:rotate(1deg) translateX(18px)}
.v2-garden img{width:52%;aspect-ratio:330/220;object-fit:cover;flex:none}
.v2-garden figcaption{flex:1;padding:0 20px;font-weight:800;font-size:1.25rem;line-height:1.15;color:var(--ink)}
.v2-garden figcaption em{font-style:italic;color:var(--purple-deep)}
.v2-more{max-width:860px;margin:80px auto 0;text-align:center}
.v2-more p{font-weight:800;color:var(--ink-soft);margin-bottom:14px}
.v2-more ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.v2-more li{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:50px;
  padding:10px 18px;font-weight:700;font-size:.95rem;color:var(--ink);box-shadow:0 8px 20px -16px rgba(62,73,71,.4)}
.v2-more li i{color:var(--purple);font-size:1.1rem}

/* ── storia ─────────────────────────────────────────── */
.v2-story{padding-top:24px}
.v2-story-inner{width:calc(100% - 32px);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:56px;max-width:980px;
  background:linear-gradient(180deg,#FBF7FF,#F3ECFC);border:1px solid var(--line);border-radius:32px;padding:0 56px 0 24px;overflow:hidden}
.v2-story-visual{position:relative;align-self:end;height:420px}
.v2-story-visual .v2-halo{width:380px;height:380px;left:50%;top:30px;transform:translateX(-50%)}
.v2-story-visual img{position:absolute;width:320px;left:50%;bottom:0;transform:translateX(-50%);filter:drop-shadow(0 22px 30px rgba(62,40,110,.14))}
.v2-story-copy{padding:56px 0}
.v2-story-copy h2{margin-bottom:1.25rem}
.v2-story-copy p{font-size:1.0625rem;color:var(--ink-soft);margin-bottom:.875rem;max-width:44ch}
.v2-story-copy .v2-sign{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:1.25rem;font-weight:800;font-style:italic;color:var(--ink)}
.v2-sign a{font-style:normal;display:inline-flex;align-items:center;gap:6px;color:var(--purple-deep)}

/* ── voci (quando ci sono) ──────────────────────────── */
.v2-voices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.v2-voices-grid blockquote{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px}
.v2-voices-grid p{font-weight:700;font-size:1.0625rem;color:var(--ink)}
.v2-voices-grid cite{display:block;margin-top:14px;font-style:normal;font-weight:700;font-size:.875rem;color:var(--ink-soft)}

/* ── privacy ────────────────────────────────────────── */
.v2-privacy{padding-top:24px}
.v2-privacy-card{max-width:980px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:32px;padding:48px 56px;
  box-shadow:0 22px 48px -30px rgba(62,40,110,.35);display:grid;grid-template-columns:1fr 1.3fr;gap:16px 56px;align-items:start}
.v2-privacy-head h2{font-size:clamp(1.75rem,3.4vw,2.5rem)}
.v2-privacy-card ul{list-style:none;display:flex;flex-direction:column;gap:18px;grid-row:span 2}
.v2-privacy-card li{display:flex;gap:14px;font-size:1.0625rem;color:var(--ink-soft)}
.v2-privacy-card li strong{color:var(--ink)}
.v2-privacy-card li i{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;color:var(--purple-deep);background:var(--lilac-soft)}
.v2-privacy-card .v2-link{align-self:end}

/* ── chiusura ───────────────────────────────────────── */
.v2-closing-card{position:relative;overflow:hidden;max-width:980px;margin:0 auto;text-align:center;border-radius:32px;padding:64px 32px;
  background:radial-gradient(120% 90% at 80% 0%,rgba(179,157,219,.55),rgba(179,157,219,0) 60%),linear-gradient(180deg,#F8F3FF,#EFE6FB);
  border:1px solid var(--line)}
.v2-closing-logo{width:72px;height:72px;border-radius:24%;margin:0 auto 20px;box-shadow:0 12px 26px -12px rgba(94,53,177,.6)}
.v2-closing-card h2{font-size:clamp(2.25rem,5vw,3.5rem)}
.v2-closing-card h2 em{color:var(--purple-deep)}
.v2-closing-card p{margin-top:.75rem;font-size:1.125rem;font-weight:600;color:var(--ink-soft)}

/* ── telefono ───────────────────────────────────────── */
@media (max-width:900px){
  .v2-hero{padding:8px 0 56px}
  .v2-hero-inner{grid-template-columns:1fr;gap:4px;text-align:center}
  .v2-hero-visual{grid-column:1;grid-row:1;height:330px;max-width:420px;width:100%;margin:0 auto}
  .v2-hero-copy{grid-row:2}
  .v2-hero-visual .v2-halo{width:320px;height:320px;top:6px;transform:translateX(-58%)}
  .v2-hero-phone{width:150px;right:12px;top:30px}
  .v2-hero-ego{width:280px;transform:translateX(-68%)}
  .v2-hero .lead{margin-left:auto;margin-right:auto}
  .v2-hero .v2-ctas{flex-direction:column}
  .v2-hero .btn{width:100%}
  .v2-trust{margin-top:-20px}
  .v2-trust-inner{justify-content:flex-start;flex-direction:column;gap:12px;padding:20px 22px;margin:0 4px}
  .v2-step,.v2-step-flip{grid-template-columns:1fr;gap:28px;margin-top:56px;text-align:center}
  .v2-step-flip .v2-step-visual{order:0}
  .v2-step-visual > img{width:230px}
  .v2-step-visual .v2-halo{width:320px;height:320px}
  .v2-step-copy p{margin:0 auto}
  .v2-garden figure:nth-child(2){transform:rotate(1deg)}
  .v2-more{margin-top:56px}
  .v2-story-inner{grid-template-columns:1fr;gap:0;padding:0 24px;text-align:center}
  .v2-story-visual{height:300px;align-self:auto}
  .v2-story-visual .v2-halo{width:280px;height:280px}
  .v2-story-visual img{width:230px}
  .v2-story-copy{padding:8px 0 40px}
  .v2-story-copy p{margin-left:auto;margin-right:auto}
  .v2-story-copy .v2-sign{justify-content:center}
  .v2-privacy-card{grid-template-columns:1fr;padding:36px 24px}
  .v2-privacy-card ul{grid-row:auto}
  .v2-voices-grid{grid-template-columns:1fr}
  .v2-closing-card{padding:48px 22px}
  .v2-closing-card .v2-ctas{flex-direction:column}
  .v2-closing-card .btn{width:100%}
}

/* le immagini hanno width/height nell'HTML (niente salti di impaginazione): l'altezza la decide la larghezza */
.v2-hero img,.v2-how img,.v2-story img,.v2-closing img{height:auto}
.v2-trust svg.qi{width:1.15rem;height:1.15rem;fill:currentColor;color:var(--purple);flex:none}

/* rifiniture dopo il controllo */
.v2-hero{overflow:visible}
.v2-trust-inner{max-width:1120px;gap:10px 26px}
@media (min-width:1100px){.v2-trust-inner{flex-wrap:nowrap}.v2-trust-inner span{white-space:nowrap;font-size:.875rem}}
.premium-pills .premium-pill{width:auto !important}
@media (max-width:900px){
  .v2-step-visual{min-height:0}
  .v2-step-visual > img{width:188px}
  .v2-step-visual .v2-halo{width:280px;height:280px}
  .v2-step,.v2-step-flip{gap:20px;margin-top:48px}
  .v2-step-copy h3{margin:.75rem 0 .625rem}
  .v2-garden{max-width:330px;gap:10px}
  .v2-garden figcaption{font-size:1.05rem}
  .v2-story-visual{height:250px}
  .v2-story-visual img{width:190px}
  .v2-story-visual .v2-halo{width:230px;height:230px;top:20px}
  .premium-pills{gap:6px !important;margin-bottom:1.5rem !important}
  .premium-pills .premium-pill{font-size:.8rem !important;padding:7px 12px !important}
}
@media (max-width:600px){.premium-pills{flex-direction:row !important;flex-wrap:wrap;justify-content:center !important;max-width:none !important}}

/* telefono: i tre gesti diventano schede da scorrere di lato */
.v2-swipe{display:none}
@media (max-width:900px){
  .v2-steps{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin:32px -24px 0;padding:8px 24px 18px;scrollbar-width:none}
  .v2-steps::-webkit-scrollbar{display:none}
  .v2-steps .v2-step{flex:0 0 84%;margin:0;scroll-snap-align:center;background:var(--paper);border:1px solid var(--line);
    border-radius:28px;padding:22px 20px 26px;box-shadow:0 16px 34px -24px rgba(62,40,110,.4);align-content:start}
  .v2-steps .v2-step-visual > img{width:150px}
  .v2-steps .v2-step-visual .v2-halo{width:220px;height:220px}
  .v2-steps .v2-garden{gap:8px;padding:6px 0}
  .v2-steps .v2-garden figure{border-radius:16px}
  .v2-steps .v2-garden figcaption{font-size:.95rem;padding:0 12px}
  .v2-steps .v2-num{width:40px;height:40px;font-size:1.1rem}
  .v2-steps .v2-step-copy h3{font-size:1.45rem}
  .v2-steps .v2-step-copy p{font-size:1rem}
  .v2-swipe{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-weight:800;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-deep)}
  .v2-more{margin-top:40px}
}
.v2-hero{overflow:visible;overflow-x:clip}
@supports not (overflow-x:clip){.v2-hero{overflow:hidden}}
@media (max-width:900px){.v2-trust-inner{width:auto;margin:0 16px}}
@media (max-width:480px){.v2-steps{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}
@media (max-width:900px){.v2-steps .v2-step{overflow:hidden}}

/* ── /workbook ──────────────────────────────────────── */
.wb-code{display:inline-flex;flex-direction:column;gap:4px;margin-top:1.5rem;padding:16px 22px;border-radius:20px;
  background:var(--paper);border:1.5px dashed rgba(126,87,194,.45);box-shadow:0 14px 30px -22px rgba(62,40,110,.45)}
.wb-code-tag{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.95rem;color:var(--purple-deep)}
.wb-code-tag b{letter-spacing:.08em}
.wb-code-price b{font-weight:800;font-size:1.9rem;color:var(--ink);letter-spacing:-.02em}
.wb-code-price s{margin-left:8px;font-weight:700;color:var(--ink-soft)}
.wb-code small{font-weight:600;color:var(--ink-soft)}
.wb-hero h1{font-size:clamp(2.5rem,5.6vw,4.25rem)}
.v2-privacy-card li i.wb-n{font-style:normal;font-weight:800;font-size:1.05rem}
@media (max-width:900px){.wb-code{align-items:center;width:100%}}

/* l'alter ego deve stare tutto nel suo spazio: prima era più alto e la testa toccava l'intestazione */
.v2-hero-ego{width:440px}
@media (max-width:900px){
  .v2-hero{padding-top:20px}
  .v2-hero-visual{height:320px}
  .v2-hero-ego{width:228px;transform:translateX(-70%)}
  .v2-hero-visual .v2-halo{width:290px;height:290px;top:14px}
  .v2-hero-phone{width:140px;top:44px}
  .v2-hero-copy .eyebrow{margin-top:14px}
}

/* alter ego e schermata affiancati, senza sovrapporsi: lui a sinistra con l'alone, il telefono a destra */
.v2-hero-visual{height:560px;max-width:560px;width:100%;justify-self:end}
.v2-hero-visual .v2-halo{width:400px;height:400px;left:31%;top:40px;transform:translateX(-50%)}
.v2-hero-ego{width:60%;left:0;bottom:0;transform:none}
.v2-hero-phone{width:35%;right:0;left:auto;top:70px;transform:rotate(4deg)}
@media (max-width:900px){
  .v2-hero-visual{height:290px;max-width:380px;justify-self:center}
  .v2-hero-visual .v2-halo{width:250px;height:250px;left:30%;top:16px}
  .v2-hero-ego{width:57%;left:0;transform:none}
  .v2-hero-phone{width:33%;right:2%;top:34px}
}
@media (min-width:901px){
  .v2-hero-visual{height:640px;max-width:640px}
  .v2-hero-visual .v2-halo{width:460px;height:460px;left:31%;top:60px}
  .v2-hero-ego{width:62%}
  .v2-hero-phone{width:34%;top:120px}
}