---
/**
 * Privacy — IT
 * URL: /it/privacy
 */
import PageLayout from '@/layouts/PageLayout.astro';
import Icon from '@/components/ui/primitives/Icon/Icon.astro';
import Badge from '@/components/ui/data-display/Badge/Badge.astro';
import Card from '@/components/ui/data-display/Card/Card.astro';
import { Hero } from '@/components/hero';
---

<PageLayout
  title="Privacy — Armarium"
  description="Informativa sulla privacy di Armarium Suite. I tuoi dati sono ospitati esclusivamente in Svizzera."
  locale="it"
>
  <Hero layout="centered" size="sm">
    <Badge slot="badge" variant="brand" pill>
      <Icon name="shield-check" size="sm" />
      Privacy
    </Badge>
    <h1 slot="title">
      I tuoi dati,<br />
      <span class="text-brand-500 [-webkit-text-fill-color:var(--color-brand-500)]">la tua protezione.</span>
    </h1>
    <p slot="description">
      Armarium prende sul serio la protezione dei dati. I tuoi dati finanziari vengono archiviati e trattati esclusivamente in Svizzera – senza vendita di dati, senza tracking.
    </p>
  </Hero>

  <!-- Hosting: Infomaniak -->
  <section class="py-[var(--space-section-md)] bg-brand-500/8 dark:bg-background-secondary border-t border-border">
    <div class="mx-auto max-w-5xl px-6">
      <div class="flex flex-col gap-8" data-reveal>
        <div class="flex flex-col items-center gap-4 text-center">
          <Badge variant="brand" pill>Hosting & Infrastruttura</Badge>
          <h2 class="font-display text-3xl md:text-4xl font-bold text-foreground">
            100% hosting svizzero
          </h2>
          <p class="text-lg text-foreground-muted max-w-2xl">
            Armarium gestisce tutta la sua infrastruttura esclusivamente sui server di <strong class="text-foreground">Infomaniak</strong> in Svizzera. Nessun dato lascia mai il territorio svizzero.
          </p>
        </div>

        <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="shield" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Sicurezza delle informazioni</p>
                <h3 class="text-sm font-semibold text-foreground">ISO 27001:2022</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Sistema di gestione della sicurezza certificato. Include sviluppo, infrastruttura cloud, servizi web, supporto e gestione del data center.
                </p>
              </div>
            </div>
          </Card>

          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center shrink-0">
                <svg class="w-5 h-6" viewBox="0 0 32 36" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Swiss Hosting" role="img">
                  <defs><clipPath id="zh-it-privacy"><path d="M16 1L1 7V23L6 30L16 34L26 30L31 23V7L16 1Z"/></clipPath></defs>
                  <path d="M16 1L1 7V23L6 30L16 34L26 30L31 23V7L16 1Z" fill="white"/>
                  <polygon points="1,7 16,1 31,7 1,34" fill="#003DA5" clip-path="url(#zh-it-privacy)"/>
                  <path d="M16 1L1 7V23L6 30L16 34L26 30L31 23V7L16 1Z" fill="none" stroke="#003DA5" stroke-width="1.5"/>
                </svg>
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Sovranità dei dati</p>
                <h3 class="text-sm font-semibold text-foreground">Swiss Hosting Label</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  I dati vengono archiviati, elaborati e gestiti esclusivamente in data center svizzeri. Nessun trasferimento all'estero.
                </p>
              </div>
            </div>
          </Card>

          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="code-2" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Sviluppo</p>
                <h3 class="text-sm font-semibold text-foreground">Swiss Made Software</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Infomaniak sviluppa i propri software prevalentemente in Svizzera e soddisfa i requisiti del label Swiss Made Software.
                </p>
              </div>
            </div>
          </Card>

          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="file-check" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Conformità legale</p>
                <h3 class="text-sm font-semibold text-foreground">LPD & RGPD</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Piena conformità con la Legge federale sulla protezione dei dati (nLPD) e il Regolamento generale sulla protezione dei dati (RGPD/GDPR).
                </p>
              </div>
            </div>
          </Card>

          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="leaf" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Sostenibilità</p>
                <h3 class="text-sm font-semibold text-foreground">ISO 14001 · B Corp™</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  100% energia rinnovabile (60% idroelettrica, 40% solare). Compensazione CO₂ al 200%. Certificato B Corp™ dal 2025.
                </p>
              </div>
            </div>
          </Card>

          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="server" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Data center</p>
                <h3 class="text-sm font-semibold text-foreground">Sicurezza fisica</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Più data center svizzeri ridondanti. Test di penetrazione annuali, cifratura AES-256, PUE &lt; 1.1.
                </p>
              </div>
            </div>
          </Card>
        </div>
      </div>
    </div>
  </section>

  <!-- Informativa sulla privacy -->
  <section class="py-[var(--space-section-md)] bg-background border-t border-border">
    <div class="mx-auto max-w-3xl px-6">
      <div class="prose prose-neutral dark:prose-invert max-w-none space-y-10" data-reveal>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">1. Titolare del trattamento</h2>
          <p class="text-foreground-muted leading-relaxed">
            Il titolare del trattamento dei dati nell'ambito di Armarium Suite è Armarium, Zurigo, Svizzera. Per domande sulla protezione dei dati contattaci a:
            <a href="mailto:privacy@armarium.ch" class="text-brand-500 hover:text-brand-600 transition-colors">privacy@armarium.ch</a>.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">2. Dati raccolti</h2>
          <p class="text-foreground-muted leading-relaxed mb-3">Armarium raccoglie solo i dati strettamente necessari al funzionamento dell'app:</p>
          <ul class="space-y-2 text-foreground-muted">
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Dati di registrazione:</strong> indirizzo e-mail e password (con hash, mai in chiaro).</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Dati finanziari:</strong> transazioni, budget, categorie e conti che inserisci tu stesso.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Dati tecnici:</strong> indirizzo IP (per motivi di sicurezza), tipo di browser, timestamp dell'ultimo accesso.</span></li>
          </ul>
          <p class="text-foreground-muted leading-relaxed mt-3">
            Non utilizziamo <strong class="text-foreground">nessun tracking, nessun cookie pubblicitario e nessun servizio di analisi di terze parti</strong>.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">3. Finalità del trattamento</h2>
          <p class="text-foreground-muted leading-relaxed mb-3">I tuoi dati vengono utilizzati esclusivamente per:</p>
          <ul class="space-y-2 text-foreground-muted">
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span>Fornitura e gestione di Armarium Suite</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span>Autenticazione e protezione dell'account</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span>Supporto tecnico su tua richiesta</span></li>
          </ul>
          <p class="text-foreground-muted leading-relaxed mt-3">
            I tuoi dati <strong class="text-foreground">non vengono trasmessi a terzi</strong> – né per scopi pubblicitari né per analisi.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">4. Archiviazione & hosting</h2>
          <p class="text-foreground-muted leading-relaxed">
            Tutti i dati vengono archiviati e trattati esclusivamente sui server di <strong class="text-foreground">Infomaniak Network SA</strong> in Svizzera. Infomaniak è certificato ISO 27001:2022 e soddisfa tutti i requisiti della legge svizzera sulla protezione dei dati (nLPD) e del RGPD. Non avviene alcun trasferimento di dati verso paesi terzi.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">5. Sicurezza dei dati</h2>
          <p class="text-foreground-muted leading-relaxed">
            Tutte le trasmissioni di dati avvengono in modo cifrato tramite HTTPS/TLS. Le password vengono archiviate esclusivamente come valori con hash (bcrypt). L'infrastruttura di Infomaniak utilizza la cifratura AES-256 ed è sottoposta a test di penetrazione annuali.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">6. I tuoi diritti</h2>
          <p class="text-foreground-muted leading-relaxed mb-3">Ai sensi della nLPD e del RGPD hai i seguenti diritti:</p>
          <ul class="space-y-2 text-foreground-muted">
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Accesso:</strong> sapere quali dati ti riguardano sono archiviati.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Rettifica:</strong> far correggere dati inesatti.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Cancellazione:</strong> eliminazione completa del tuo account e di tutti i dati.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Portabilità:</strong> esportazione dei tuoi dati in un formato comune.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Opposizione:</strong> opposizione a determinati trattamenti.</span></li>
          </ul>
          <p class="text-foreground-muted leading-relaxed mt-3">
            Invia le tue richieste a: <a href="mailto:privacy@armarium.ch" class="text-brand-500 hover:text-brand-600 transition-colors">privacy@armarium.ch</a>. Elaboriamo la tua richiesta entro 30 giorni.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">7. Eliminazione dell'account</h2>
          <p class="text-foreground-muted leading-relaxed">
            Puoi eliminare il tuo account in qualsiasi momento nelle impostazioni dell'app. Tutti i tuoi dati verranno rimossi in modo definitivo e completo dai nostri sistemi. Il ripristino non sarà possibile.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">8. Modifiche alla presente informativa</h2>
          <p class="text-foreground-muted leading-relaxed">
            Ci riserviamo il diritto di aggiornare questa informativa sulla privacy se necessario. La versione attuale è disponibile su <a href="/it/privacy" class="text-brand-500 hover:text-brand-600 transition-colors">armarium.ch/it/privacy</a>. In caso di modifiche sostanziali, gli utenti registrati verranno informati via e-mail.
          </p>
          <p class="text-foreground-muted leading-relaxed mt-2 text-sm">
            Versione: aprile 2026
          </p>
        </div>

      </div>
    </div>
  </section>
</PageLayout>
