/* ── TOKEN ──────────────────────────────────────────── */
:root {
  /* Palette reale dell'app AETON (tema chiaro) */
  --cream:       #F6F1E9;
  --cream-2:     #EFE9DE;
  --paper:       #FFFDFA;
  --ink:         #3E4947;
  --ink-soft:    #66706E;
  --ink-faint:   #5F6866;
  --purple:      #7E57C2;
  --purple-deep: #5E35B1;
  --purple-darker: #4527A0;
  --lilac:       #B39DDB;
  --lilac-soft:  #EFE7FB;
  --dark:        #181320;
  --dark-2:      #221A2E;
  --line:        rgba(126,87,194,0.16);
  --font:        'Nunito',-apple-system,BlinkMacSystemFont,sans-serif;
  --maxw:        1140px;
  --radius:      22px;
  --radius-sm:   14px;
  /* scala raggi dell'app, per componenti nuovi/interni */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --r-pill: 50px;
  --shadow-app: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-app-lg: 0 8px 24px rgba(0,0,0,0.12);
  --ease:        cubic-bezier(0.22,0.61,0.36,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%;}
body{font-family:var(--font);background:var(--cream);color:var(--ink);line-height:1.65;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ── NAVBAR ─────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:1000;padding:0;}
.site-header::before{content:"";position:absolute;inset:0;background:transparent;z-index:1;pointer-events:none;transition:background 0.25s,box-shadow 0.25s,backdrop-filter 0.25s;}
.site-header.scrolled::before{background:rgba(250,246,239,0.92);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 1px 0 var(--line);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;position:relative;z-index:2;}
.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;}
.brand-logo{width:32px;height:32px;border-radius:9px;}
.brand-name{font-family:var(--font);font-weight:800;font-size:1.25rem;letter-spacing:-0.01em;}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto;}
.nav-links a{font-weight:600;font-size:0.875rem;color:var(--ink-soft);padding:8px 12px;border-radius:10px;transition:color 0.2s,background 0.2s;white-space:nowrap;}
.nav-links a:hover{color:var(--ink);background:rgba(36,28,44,0.05);}
.nav-links a.active{color:var(--purple);background:rgba(126,87,194,0.07);}
.nav-links a.nav-back{color:var(--ink-faint);font-size:0.8125rem;}
.btn-nav{background:var(--purple-darker);color:#fff;font-family:var(--font);font-weight:700;font-size:0.875rem;padding:8px 16px;border-radius:12px;border:none;cursor:pointer;transition:transform 0.25s var(--ease),opacity 0.2s;margin-left:8px;white-space:nowrap;display:inline-flex;align-items:center;}
.btn-nav:hover{opacity:0.88;transform:translateY(-1px);}
.nav-store-btns{display:flex;align-items:center;gap:8px;margin-left:8px;}
.nav-store-btns a{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-weight:700;font-size:0.8125rem;padding:8px 16px;border-radius:50px;white-space:nowrap;transition:transform 0.25s var(--ease),opacity 0.2s,box-shadow 0.25s var(--ease);}
.nav-store-btns a i{font-size:1rem;}
.nav-store-btns .store-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);}
.nav-store-btns .store-ghost:hover{border-color:var(--purple);color:var(--purple);transform:translateY(-1px);}
.nav-store-btns .store-solid{background:var(--purple);color:#fff;box-shadow:0 8px 20px -8px rgba(126,87,194,0.7);}
.nav-store-btns .store-solid:hover{background:var(--purple-deep);transform:translateY(-1px);}
.mobile-menu .nav-store-btns{margin:16px 24px 4px;display:flex;}
.mobile-menu .nav-store-btns a{flex:1;justify-content:center;padding:12px 16px;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:4px;z-index:1002;}
.hamburger-line{display:block;width:22px;height:2px;background-color:var(--ink);border-radius:2px;transition:transform 0.3s var(--ease),opacity 0.3s var(--ease);}
.nav-toggle[aria-expanded="true"] .line-1{transform:translateY(6px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] .line-2{opacity:0;}
.nav-toggle[aria-expanded="true"] .line-3{transform:translateY(-6px) rotate(-45deg);}
.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);border-top:none;border-left:none;border-right:none;border-radius:0 0 20px 20px;box-shadow:0 20px 40px -15px rgba(36,28,44,0.12);display:flex;flex-direction:column;gap:0;opacity:0;transform:translateY(-100%);pointer-events:none;transition:transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),opacity 0s 0.3s;z-index:0;overflow:hidden;}
.mobile-menu.open{opacity:1;transform:translateY(0);pointer-events:auto;padding:12px 0 20px;transition:transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),opacity 0.2s ease;}
.mobile-menu a{display:block;padding:12px 24px;font-weight:700;font-size:1rem;color:var(--ink-soft);border-bottom:1px solid var(--line);}
.mobile-menu a:last-of-type{border-bottom:none;}
.mobile-menu .btn-nav{display:block;margin:16px 24px 0;text-align:center;border-radius:14px;padding:12px 20px;font-size:1rem;background:var(--purple-darker);color:#fff!important;border-bottom:none;}
.mobile-menu .btn-nav:hover{background:var(--purple-deep);color:#fff!important;}
@media(max-width:960px){
  body{padding-top:0!important;}
  .site-header{position:sticky!important;top:0;left:0;right:0;z-index:1000;}
  .site-header::before,.site-header.scrolled::before{background:var(--cream);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 0 var(--line);}
  .nav-links{display:none;}
  .nav-inner > .btn-nav{display:inline-flex!important;align-items:center;justify-content:center;font-size:0.8125rem;height:38px;padding:0 16px;border-radius:10px;margin-left:auto;margin-right:8px;box-sizing:border-box;line-height:1;}
  .nav-inner > .nav-store-btns{display:none;}
  .nav-toggle{display:flex;}
}
@media(max-width:480px){
  body{padding-top:0!important;}
  .nav-inner{height:62px;}
  .brand-name{font-size:1.125rem;}
}

/* ── FOOTER ─────────────────────────────────────────── */
.site-footer{background:var(--cream-2);border-top:1px solid var(--line);padding:56px 0 0;}
.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:32px;padding-bottom:40px;}
.footer-brand .brand{margin-bottom:12px;}
.footer-brand p{color:var(--ink-soft);font-size:0.875rem;max-width:26ch;line-height:1.55;}
.footer-socials{display:flex;gap:8px;margin-top:16px;}
.footer-socials a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);font-size:1.125rem;transition:color 0.2s,border-color 0.2s,transform 0.25s var(--ease);}
.footer-socials a:hover{color:var(--purple);border-color:rgba(126,87,194,0.35);transform:translateY(-2px);}
.footer-col h4{font-weight:800;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.14em;color:var(--ink-faint);margin-bottom:16px;}
.footer-col a{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-weight:600;font-size:0.875rem;padding:4px 0;transition:color 0.2s;}
.footer-col a:hover{color:var(--purple);}
.footer-col a i{font-size:1rem;}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:20px 0;border-top:1px solid var(--line);font-size:0.8125rem;color:var(--ink-faint);}
.footer-bottom a{color:var(--ink-faint);font-weight:600;}
.footer-bottom a:hover{color:var(--purple);}
.footer-disclaimer{background:var(--cream);border-top:1px solid var(--line);padding:16px 0;}
.footer-disclaimer .container{display:flex;gap:12px;align-items:flex-start;}
.footer-disclaimer i{color:var(--ink-faint);font-size:1.125rem;flex:0 0 auto;margin-top:2px;}
.footer-disclaimer p{font-size:0.75rem;color:var(--ink-faint);line-height:1.6;}
@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){
  .footer-inner{grid-template-columns:1fr 1fr;gap:28px;}
  .footer-brand{grid-column:span 2;margin-bottom:12px;}
  .footer-bottom{flex-direction:column;gap:12px;justify-content:center;text-align:center;}
}

.section-dark strong,
.section-dark .big-text strong,
.section-dark .promise strong {
  color: #fff !important;
}


/* ── REVEAL ─────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(12px);transition:opacity 0.3s var(--ease),transform 0.3s var(--ease);}
.reveal.is-visible{opacity:1;transform:none;}

/* ── REDUCED MOTION ─────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none!important;transition:none!important;}
  .reveal{opacity:1;transform:none;}
}

/* ── TIPOGRAFIA LANDING ────────────────────────────── */
h1,h2,h3,h4{font-family:var(--font);font-weight:800;line-height:1.12;letter-spacing:-0.02em;}
h1{font-size:clamp(2.4rem,5.8vw,4rem);}
h1 em,h2 em,.price em{font-style:italic;color:var(--purple);font-weight:800;}
h2{font-size:clamp(1.875rem,4.2vw,2.875rem);}
h3{font-size:1.25rem;font-weight:700;letter-spacing:-0.01em;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.18em;color:var(--purple-deep);background:rgba(126,87,194,0.08);padding:8px 16px;border-radius:50px;margin-bottom:1.5rem;}
.eyebrow i{font-size:1rem;}
.eyebrow-light{color:#fff;background:rgba(255,255,255,0.14);}
#funzionalita .eyebrow-light{color:var(--lilac);background:rgba(179,157,219,0.16);}
.lead{font-size:clamp(1.125rem, 1.6vw, 1.25rem);color:var(--ink-soft);max-width:36ch;}
.big-text{font-size:clamp(1.125rem, 1.6vw, 1.25rem);color:var(--ink-soft);line-height:1.7;}
.big-text strong{color:var(--ink);font-weight:700;}
.big-text em,.lead em{font-style:italic;color:var(--purple);}

/* ── BUTTONS ────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-weight:700;font-size:1rem;padding:16px 24px;border-radius:50px;border:1px solid transparent;cursor:pointer;transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease),background 0.25s;white-space:nowrap;}
.btn i{font-size:1.125rem;}
.btn-primary{background:var(--purple);color:#fff;box-shadow:0 10px 28px -10px rgba(126,87,194,0.7);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(126,87,194,0.8);background:var(--purple-deep);}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.btn-ghost:hover{border-color:var(--purple);color:var(--purple);transform:translateY(-2px);}
.btn-sm{padding:8px 20px;font-size:0.875rem;}
.btn-lg{padding:16px 32px;font-size:1rem;}
.btn-block{display:flex;width:100%;}

/* ── ORB / BREATH ───────────────────────────────────── */
.orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.5;}
.orb-1{width:460px;height:460px;background:radial-gradient(circle,var(--lilac),transparent 70%);top:-160px;right:-120px;animation:drift 22s ease-in-out infinite;}
.orb-2{width:380px;height:380px;background:radial-gradient(circle,#F7D9C4,transparent 70%);bottom:-140px;left:-100px;animation:drift 26s ease-in-out infinite reverse;}
.breath-orb{position:absolute;top:50%;left:58%;width:320px;height:320px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(126,87,194,0.22),transparent 65%);animation:breathe 11s ease-in-out infinite;}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(28px,-24px) scale(1.08);}}
@keyframes breathe{0%,100%{transform:translate(-50%,-50%) scale(0.82);opacity:0.5;}45%,55%{transform:translate(-50%,-50%) scale(1.15);opacity:0.85;}}

/* ── HERO ───────────────────────────────────────────── */
.hero{position:relative;padding:clamp(40px,7vw,80px) 0 clamp(60px,8vw,112px);}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 0.95fr;gap:48px;align-items:center;}
.hero h1{margin:0 0 1.5rem;}
.hero-privacy{display:flex;align-items:flex-start;gap:8px;font-size:1rem;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 16px;max-width:40ch;margin-top:1.75rem;}
.hero-privacy i{color:var(--purple);font-size:1.125rem;margin-top:2px;}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:2rem;}
.hero-microtrust{margin-top:1.25rem;font-size:0.8125rem;color:var(--ink-faint);font-weight:600;}
.hero-visual{position:relative;height:540px;}
.phone{position:absolute;width:248px;border-radius:38px;overflow:hidden;border:9px solid #0e0a14;background:#0e0a14;box-shadow:0 40px 80px -28px rgba(36,28,44,0.5);}
.phone img{border-radius:30px;display:block;width:100%;height:auto;}
.phone-front{top:40px;right:16px;z-index:2;transform:rotate(3deg);animation:floaty-front 7s ease-in-out infinite;}
.phone-back{top:90px;right:200px;z-index:1;transform:rotate(-5deg);opacity:0.96;animation:floaty-back 7s ease-in-out infinite 0.6s;}
.phone-mockup{position:absolute;width:270px;height:auto;display:block;filter:drop-shadow(0 34px 60px rgba(36,28,44,0.38));}
.phone-mockup.phone-front{top:18px;right:6px;z-index:2;transform:rotate(3deg);animation:floaty-front 7s ease-in-out infinite;}
.phone-mockup.phone-back{top:78px;right:196px;z-index:1;transform:rotate(-5deg);opacity:0.97;animation:floaty-back 7s ease-in-out infinite 0.6s;}
@keyframes floaty-front{0%,100%{transform:translateY(0) rotate(3deg);}50%{transform:translateY(-16px) rotate(3deg);}}
@keyframes floaty-back{0%,100%{transform:translateY(0) rotate(-5deg);}50%{transform:translateY(-16px) rotate(-5deg);}}

/* ── TRUST STRIP ────────────────────────────────────── */
.trust-strip{background:transparent;padding:0 20px;position:relative;z-index:3;margin-top:-16px;}
.trust-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 24px;max-width:1140px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px 24px;box-shadow:0 24px 50px -30px rgba(36,28,44,0.3);}
@media(min-width:721px){.trust-inner{flex-wrap:nowrap;}.trust-inner span{white-space:nowrap;}}
.trust-inner span{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:0.875rem;color:var(--ink-soft);}
.trust-inner i{color:var(--purple);font-size:1rem;}
.trust-inner .sep{width:4px;height:4px;border-radius:50%;background:var(--line);}
@media (max-width:720px){.trust-strip{margin-top:0;padding:0 16px;}.trust-inner{padding:16px 16px;gap:8px 16px;}.trust-inner span{font-size:0.8125rem;}}

/* ── SEZIONI ────────────────────────────────────────── */
.section{padding:clamp(56px,8vw,96px) 0;position:relative;}
.section-narrow{max-width:760px;margin:0 auto;padding-left:24px;padding-right:24px;text-align:center;}
.section-narrow .big-text{margin-top:1.25rem;}
.section-head{max-width:640px;margin:0 0 3.25rem;}
.section-head.container{margin-left:auto;margin-right:auto;text-align:center;}
.section-light{background:var(--cream-2);}

/* ── DARK CARDS ─────────────────────────────────────── */
.section-dark{background:var(--dark);color:#EDE7F2;}
.section-dark h2{color:#fff;}
.section-dark .section-head{text-align:center;margin-left:auto;margin-right:auto;}
.cards-3{width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.card-dark{width:100%;box-sizing:border-box;background:linear-gradient(160deg,rgba(126,87,194,0.16),rgba(255,255,255,0.03));border:1px solid rgba(201,176,245,0.16);border-radius:var(--radius);padding:32px 28px;transition:transform 0.25s var(--ease),border-color 0.3s;}
.card-dark:hover{transform:translateY(-6px);border-color:rgba(201,176,245,0.4);}
.card-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:none;color:var(--lilac);font-size:1.5rem;margin-bottom:20px;}
.card-dark h3{color:#fff;font-weight:800;margin-bottom:8px;}
.card-dark p{color:#C7BDD2;font-size:1rem;}
.card-dark em{font-style:italic;color:var(--lilac);}

/* Card di collegamento su sfondo chiaro (es. griglia "Approfondisci" dell'hub) */
.topic-card{width:100%;box-sizing:border-box;display:block;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;transition:transform 0.25s var(--ease),box-shadow 0.25s var(--ease);}
.topic-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(126,87,194,0.35);}
.topic-card .card-icon{color:var(--purple);}
.topic-card h3{color:var(--ink);font-weight:800;margin-bottom:8px;}
.topic-card p{color:var(--ink-soft);font-size:1rem;margin:0;}

/* ── FEATURE GRID ───────────────────────────────────── */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.feature{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;transition:transform 0.25s var(--ease),box-shadow 0.25s var(--ease);}
.feature:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(126,87,194,0.35);}
.feature>i{font-size:1.875rem;color:var(--purple);margin-bottom:16px;display:block;}
.feature h3{margin-bottom:8px;}
.feature p{color:var(--ink-soft);font-size:1rem;}
.promise{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;text-align:center;margin-top:2.75rem;font-size:1rem;color:var(--ink-soft);background:rgba(126,87,194,0.06);border:1px dashed rgba(126,87,194,0.3);border-radius:var(--radius-sm);padding:20px 24px;max-width:740px;margin-left:auto;margin-right:auto;}
.promise i{color:var(--purple);font-size:1.5rem;}
.promise strong{color:var(--ink);}

/* ── AZIENDE SECTION (ex-premium) ───────────────────── */
.section-aziende{background:radial-gradient(900px 400px at 80% 0%,rgba(201,176,245,0.28),transparent 60%),linear-gradient(180deg,var(--cream),var(--cream-2));}
.aziende-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.aziende-item{display:flex;gap:16px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform 0.25s var(--ease),box-shadow 0.25s var(--ease);}
.aziende-item:hover{transform:translateY(-5px);box-shadow:0 26px 50px -28px rgba(126,87,194,0.35);}
.aziende-icon{flex:0 0 auto;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(150deg,var(--purple),var(--lilac));color:#fff;font-size:1.5rem;}
.aziende-item h3{margin-bottom:8px;}
.aziende-item p{color:var(--ink-soft);font-size:1rem;}

/* ── PRICE CARD ─────────────────────────────────────── */
.price-card{max-width:440px;margin:0 auto;background:var(--dark);color:#fff;border-radius:28px;padding:40px 36px;text-align:center;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px rgba(94,60,158,0.8);}
.price-card::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(201,176,245,0.4),transparent 70%);filter:blur(20px);}
.price-badge{position:relative;display:inline-block;font-weight:800;font-size:0.75rem;letter-spacing:0.2em;color:var(--lilac);background:rgba(201,176,245,0.14);padding:8px 16px;border-radius:50px;margin-bottom:24px;}
.price{position:relative;font-size:3.4rem;font-weight:800;line-height:1;letter-spacing:-0.03em;}
.price span{font-size:1.25rem;color:#C7BDD2;font-weight:600;}
.price-sub{position:relative;color:var(--lilac);font-weight:600;margin-top:8px;margin-bottom:24px;}
.price-list{position:relative;list-style:none;text-align:left;max-width:280px;margin:0 auto 28px;display:grid;gap:12px;}
.price-list li{display:flex;align-items:center;gap:12px;color:#E4DCEC;font-weight:600;font-size:1rem;}
.price-list i{color:var(--lilac);background:rgba(201,176,245,0.16);border-radius:50%;padding:4px;font-size:0.8125rem;}
.price-note{position:relative;font-size:0.8125rem;color:#9D93AB;margin-top:12px;}
.honest-note{max-width:600px;margin:1.5rem auto 0;text-align:center;font-size:1rem;color:var(--ink-soft);font-style:italic;}

/* ── STORY ──────────────────────────────────────────── */
.story-inner{display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:center;}
.story-photo{position:relative;}
.story-photo img{width:100% !important;height:auto !important;aspect-ratio:1/1 !important;object-fit:cover !important;border-radius:var(--radius);box-shadow:0 30px 70px -30px rgba(36,28,44,0.45);}
.story-quote{position:absolute;bottom:-18px;left:-14px;background:var(--purple);color:#fff;font-style:italic;font-size:1rem;padding:12px 24px;border-radius:50px;box-shadow:0 16px 34px -14px rgba(126,87,194,0.7);}
.story-copy h2{margin:0.5rem 0 1.5rem;}
.story-copy p{color:var(--ink-soft);margin-bottom:1rem;}
.story-copy strong{color:var(--ink);}
.signature{font-style:italic;font-size:1.25rem;color:var(--purple);margin-top:0.5rem;}

/* ── CTA FINALE ─────────────────────────────────────── */
.cta-final{position:relative;background:var(--dark);color:#fff;text-align:center;padding:clamp(64px,9vw,112px) 0;overflow:hidden;}
.cta-final .container{position:relative;z-index:2;}
.cta-final h2{color:#fff;}
.cta-final h2 em{color:var(--lilac-soft);}
.cta-final p{color:#FFFFFF;font-size:1.125rem;margin:1rem auto 2.5rem;max-width:40ch;}
.stores{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.store-btn{display:inline-flex;align-items:center;gap:12px;background:#fff !important;color:#000 !important;padding:12px 24px;border-radius:16px;transition:transform 0.3s var(--ease),box-shadow 0.3s;text-decoration:none !important;border-bottom:none !important;box-shadow:0 16px 36px -16px rgba(0,0,0,0.4);}
.store-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px -16px rgba(0,0,0,0.5);color:#000 !important;background:#fff !important;text-decoration:none !important;}
.store-btn i{font-size:1.875rem;color:#000 !important;}
.store-btn span{display:flex;flex-direction:column;line-height:1.15;text-align:left;font-weight:800;font-size:1.125rem;color:#000 !important;}
.store-btn small{font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.06em;color:#6A6072 !important;margin-bottom:2px;}

/* ── FAQ LANDING ────────────────────────────────────── */
.faq-list{display:grid;gap:12px;}
.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;}
.faq-item summary{list-style:none;cursor:pointer;padding:24px 24px;font-size:1.125rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary i{color:var(--purple);font-size:1.25rem;transition:transform 0.3s var(--ease);flex:0 0 auto;}
.faq-item[open] summary i{transform:rotate(45deg);}
.faq-body{padding:0 24px 24px;}
.faq-body p{color:var(--ink-soft);font-size:1rem;}
.faq-body strong{color:var(--ink);}

/* ── RESPONSIVE LANDING ─────────────────────────────── */
@media(max-width:940px){
  .hero-inner{grid-template-columns:1fr;gap:32px;text-align:center;}
  .hero-copy{display:flex;flex-direction:column;align-items:center;}
  .lead,.hero-privacy{max-width:52ch;}
  .hero-privacy{text-align:left;}
  .hero-cta{justify-content:center;}
  .hero-visual{width:100%;height:380px;max-width:380px;margin:0 auto;}
  .phone{width:160px;border-radius:24px;border-width:6px;}
  .phone img{border-radius:18px;}
  .phone-front{left:auto;right:40px;top:20px;z-index:2;}
  .phone-back{left:40px;right:auto;top:50px;z-index:1;opacity:0.92;}
  .phone-mockup{width:190px;}
  .phone-mockup.phone-front{right:30px;top:10px;}
  .phone-mockup.phone-back{left:20px;top:45px;}
  .cards-3,.feature-grid,.aziende-grid{grid-template-columns:1fr 1fr;}
  .story-inner{grid-template-columns:1fr;gap:48px;text-align:center;}
  .story-photo{max-width:360px;margin:0 auto;}
  .story-quote{left:50%;transform:translateX(-50%);white-space:nowrap;}
}
@media(max-width:600px){
  .container{padding:0 16px;}
  .cards-3,.feature-grid,.aziende-grid{grid-template-columns:1fr;}
  .cards-3{display:flex;flex-direction:column;}
  .hero-visual{width:100%;height:320px;max-width:320px;margin:1.5rem auto 0;position:relative;}
  .phone{width:130px;border-radius:22px;border-width:5px;}
  .phone img{border-radius:17px;}
  .phone-front{left:auto;right:40px;top:15px;z-index:2;transform:rotate(3deg);}
  .phone-back{left:40px;right:auto;top:45px;z-index:1;transform:rotate(-5deg);opacity:0.92;}
  .phone-mockup{width:160px;}
  .phone-mockup.phone-front{right:24px;top:8px;transform:rotate(3deg);}
  .phone-mockup.phone-back{left:16px;top:38px;transform:rotate(-5deg);}
  .stores{flex-direction:column;align-items:center;}
  .store-btn{width:100%;max-width:280px;justify-content:center;}
  .btn-lg{width:100%;}
  .hero-cta{width:100%;}
  .price-card{padding:28px 20px;}
}

/* ── ACCESSIBILITÀ / SEO ────────────────────────────── */
/* Nasconde visivamente il testo ma lo lascia leggibile
   per screen-reader e crawler Google (white-hat SEO). */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* ── PARTNER PAGE ────────────────────────────────── */
.partner-hero{background:
    radial-gradient(ellipse at 70% 20%, hsla(260,100%,70%,0.25) 0%, hsla(260,100%,70%,0) 50%),
    radial-gradient(ellipse at 30% 25%, hsla(265,80%,60%,0.25) 0%, hsla(265,80%,60%,0) 45%),
    linear-gradient(180deg, #100a1c 0%, #1c102e 40%, #3c2d5a 100%);
  color:#fff;padding:clamp(60px,9vw,120px) 0;text-align:center;position:relative;overflow:hidden;}
.partner-hero .container{position:relative;z-index:2;}
.partner-hero h1{color:#fff;margin:0 0 1.5rem;}
.partner-hero .lead{color:#C7BDD2;max-width:52ch;margin:0 auto;}

/* ── PARTNER FORM ────────────────────────────────── */
.partner-form{max-width:640px;margin:0 auto;display:grid;gap:24px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.form-group{display:flex;flex-direction:column;gap:8px;}
.form-group label{font-weight:700;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--ink-soft);}
.form-group input,.form-group select,.form-group textarea{font-family:var(--font);font-size:1rem;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:16px 16px;transition:border-color 0.25s,box-shadow 0.25s;outline:none;width:100%;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(126,87,194,0.13);}
.form-group textarea{resize:vertical;min-height:130px;line-height:1.65;}
.form-group select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%236A6072' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;padding-right:44px;cursor:pointer;}
.form-footer{display:flex;flex-direction:column;align-items:stretch;gap:12px;}
.form-note{font-size:0.8125rem;color:var(--ink-faint);text-align:center;}
.form-success{display:none;align-items:center;gap:16px;background:rgba(126,87,194,0.08);border:1px solid rgba(126,87,194,0.25);border-radius:var(--radius-sm);padding:20px 24px;color:var(--purple);font-weight:700;}
.form-success.show{display:flex;}
.form-success i{font-size:1.5rem;flex:0 0 auto;}
@media(max-width:600px){.form-row{grid-template-columns:1fr;}}
@media(max-width:600px){
  .premium-pills{flex-direction:column;align-items:stretch;max-width:340px;}
  .premium-pill{width:100%;box-sizing:border-box;justify-content:center;text-align:center;}
}

/* ── FLOATING CARDS (redesign: sezioni come moduli arrotondati) ── */
.floating-card{width:calc(100% - 40px);max-width:1280px;margin:24px auto;border-radius:36px;overflow:hidden;}
.floating-card.card-light{background:var(--paper);}
.floating-card.card-dark-bg,
.footer-slab{
  background:
    radial-gradient(ellipse at 70% 20%, hsla(260,100%,70%,0.25) 0%, hsla(260,100%,70%,0) 50%),
    radial-gradient(ellipse at 30% 25%, hsla(265,80%,60%,0.25) 0%, hsla(265,80%,60%,0) 45%),
    linear-gradient(180deg, #100a1c 0%, #1c102e 40%, #3c2d5a 100%);
}
.floating-card.card-accent{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-deep) 100%);}
@media(max-width:600px){.floating-card{width:calc(100% - 24px);border-radius:26px;margin:16px auto;}}

/* Footer: non è un'isola come le altre card. Piena larghezza, angoli arrotondati solo sopra, chiude in fondo alla pagina. */
.footer-slab{width:100%;max-width:none;margin:24px 0 0;border-radius:36px 36px 0 0;overflow:hidden;}
@media(max-width:600px){.footer-slab{border-radius:26px 26px 0 0;margin-top:16px;}}

/* Footer ora vive dentro una card scura: ritinteggio testo/hover per leggibilità */
.site-footer.footer-slab{border-top:none;}
.site-footer .brand-name{color:#fff;}
.site-footer .footer-brand p{color:rgba(237,231,242,0.6);}
.site-footer .footer-socials a{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.14);color:rgba(237,231,242,0.75);}
.site-footer .footer-socials a:hover{color:var(--lilac);border-color:rgba(201,176,245,0.4);}
.site-footer .footer-col h4{color:rgba(237,231,242,0.6);}
.site-footer .footer-col a{color:rgba(237,231,242,0.78);}
.site-footer .footer-col a:hover{color:var(--lilac);}
.site-footer .footer-bottom{border-top-color:rgba(255,255,255,0.1);color:rgba(237,231,242,0.6);}
.site-footer .footer-bottom a{color:rgba(237,231,242,0.55);}
.site-footer .footer-bottom a:hover{color:var(--lilac);}
.site-footer .footer-disclaimer{background:transparent;border-top-color:rgba(255,255,255,0.1);}
.site-footer .footer-disclaimer i{color:rgba(237,231,242,0.4);}
.site-footer .footer-disclaimer p{color:rgba(237,231,242,0.6);}

/* ── AVVISO FALLBACK STORE (webview Instagram/Facebook) ─── */
.store-fallback-overlay{position:fixed;inset:0;background:rgba(24,19,32,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:2000;}
.store-fallback-overlay[hidden]{display:none;}
.store-fallback-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;max-width:360px;width:100%;text-align:center;box-shadow:0 30px 70px -20px rgba(36,28,44,0.5);animation:storeFallbackIn 0.3s var(--ease);}
@keyframes storeFallbackIn{from{opacity:0;transform:translateY(12px) scale(0.97);}to{opacity:1;transform:translateY(0) scale(1);}}
@media(prefers-reduced-motion:reduce){.store-fallback-card{animation:none;}}
.store-fallback-icon{width:56px;height:56px;border-radius:50%;background:rgba(126,87,194,0.12);color:var(--purple);display:grid;place-items:center;font-size:1.5rem;margin:0 auto 16px;}
.store-fallback-card h3{font-size:1.125rem;margin-bottom:8px;}
.store-fallback-card p{color:var(--ink-soft);font-size:1rem;line-height:1.6;margin-bottom:20px;}
.store-fallback-card p strong{color:var(--ink);}
.store-fallback-actions{display:flex;flex-direction:column;gap:8px;}
.store-fallback-actions a,.store-fallback-actions button{display:block;width:100%;padding:12px 20px;border-radius:50px;font-family:var(--font);font-weight:800;font-size:1rem;border:none;cursor:pointer;text-align:center;transition:transform 0.25s var(--ease),opacity 0.2s;}
.store-fallback-actions .store-fallback-retry{background:var(--purple);color:#fff;}
.store-fallback-actions .store-fallback-retry:hover{background:var(--purple-deep);}
.store-fallback-actions .store-fallback-close{background:transparent;color:var(--ink-soft);border:1px solid var(--line);}

/* Niente "sollevamento" sui bottoni store su touch: senza un vero mouse-out
   il rimbalzo :hover resta visivamente incollato se il tap non porta a
   nessuna navigazione (esattamente il caso di uno store che non si apre). */
a[href*="apps.apple.com"],
a[href*="play.google.com"]{-webkit-tap-highlight-color:transparent;}
@media (hover:none), (pointer:coarse){
  a[href*="apps.apple.com"]:hover,
  a[href*="play.google.com"]:hover,
  a[href*="apps.apple.com"]:active,
  a[href*="play.google.com"]:active{transform:none !important;}
}

/* ── Risposta al tocco: il pulsante reagisce alla pressione, non al rilascio.
   Su touch il "sollevamento" da mouse resterebbe incollato dopo il tocco. ── */
@media (hover:none),(pointer:coarse){
  .btn:hover,.btn-nav:hover{transform:none;}
}
.btn:active,.btn-nav:active{transform:scale(0.97);transition:transform 100ms ease-out;}