{"id":5696,"date":"2023-08-07T11:50:55","date_gmt":"2023-08-07T11:50:55","guid":{"rendered":"http:\/\/ai-hub-inner-page-features-1.local\/?page_id=36"},"modified":"2026-07-28T22:35:34","modified_gmt":"2026-07-28T20:35:34","slug":"about","status":"publish","type":"page","link":"https:\/\/tunelockr.com\/it\/about\/","title":{"rendered":"TuneLockr : technologie de protection musicale"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5696\" class=\"elementor elementor-5696\">\n\t\t\t\t<div class=\"elementor-element elementor-element-947001f e-flex e-con-boxed e-con e-parent\" data-id=\"947001f\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d63a1a elementor-widget elementor-widget-html\" data-id=\"8d63a1a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 \u00c0 PROPOS\nHero fusionn\u00e9 + probl\u00e8me cr\u00e9ateur\nVersion simplifi\u00e9e et am\u00e9lior\u00e9e pour Elementor\n========================================================= -->\n\n<section class=\"tl-about-fused\" aria-labelledby=\"tl-about-fused-title\">\n  <span class=\"tl-about-fused-glow tl-about-fused-glow-a\" aria-hidden=\"true\"><\/span>\n  <span class=\"tl-about-fused-glow tl-about-fused-glow-b\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"tl-about-fused-shell\">\n\n    <div class=\"tl-about-fused-hero\">\n\n      <div class=\"tl-about-fused-copy\">\n        <span class=\"tl-about-fused-kicker\">\n          Informazioni su TuneLockr\n        <\/span>\n\n        <h1 id=\"tl-about-fused-title\">\n          La musica viaggia veloce.\n          <strong>La prova deve seguirla.<\/strong>\n        <\/h1>\n\n        <p class=\"tl-about-fused-lead\">\n          TuneLockr \u00e8 nato da una constatazione semplice:&nbsp;le demo, i beat, le topline e i file di lavoro spesso vengono condivisi prima che la loro storia sia chiaramente documentata.\n        <\/p>\n\n        <p class=\"tl-about-fused-text\">\n          Il nostro ruolo \u00e8 aiutare artisti, autori, beatmaker e produttori a fornire una prova di anteriorit\u00e0 con data certa prima che una creazione inizi a circolare.\n        <\/p>\n\n        <div class=\"tl-about-fused-trust\" aria-label=\"Funzionalit\u00e0 di TuneLockr\">\n          <span>\ud83d\udd12 File privati<\/span>\n          <span>\ud83e\uddec Impronta Tezos<\/span>\n          <span>\u2713 Certificato verificabile<\/span>\n        <\/div>\n\n        <a href=\"https:\/\/app.tunelockr.com\/depot\" class=\"tl-about-fused-cta\">\n          Deposita una creazione\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n      <\/div>\n\n      <a\n        href=\"https:\/\/app.tunelockr.com\/\"\n        class=\"tl-about-fused-visual\"\n        aria-label=\"Apri la piattaforma TuneLockr\"\n      >\n        <span class=\"tl-about-fused-visual-glow\" aria-hidden=\"true\"><\/span>\n\n        <div class=\"tl-about-fused-frame\">\n          <img fetchpriority=\"high\"\n            src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/TuneLockr3.png\"\n            alt=\"Panoramica dell\u2019interfaccia TuneLockr\"\n            width=\"1200\"\n            height=\"900\"\n            loading=\"eager\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n\n        <div class=\"tl-about-fused-floating\" aria-hidden=\"true\">\n          <span class=\"tl-about-fused-floating-icon\">\u2713<\/span>\n          <div>\n            <small>Deposito completato<\/small>\n            <strong>Certificato disponibile<\/strong>\n          <\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"tl-about-fused-problems\" aria-label=\"Perch\u00e9 esiste TuneLockr\">\n\n      <article class=\"tl-about-fused-problem\">\n        <span class=\"tl-about-fused-problem-icon\" aria-hidden=\"true\">\u266a<\/span>\n        <div>\n          <h2>Le demo circolano<\/h2>\n          <p>\n            Una creazione pu\u00f2 essere inviata a pi\u00f9 persone ancora prima della sua uscita ufficiale.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-about-fused-problem\">\n        <span class=\"tl-about-fused-problem-icon\" aria-hidden=\"true\">\u2197<\/span>\n        <div>\n          <h2>Gli utilizzi si moltiplicano<\/h2>\n          <p>\n            Repost, estratti, remix e contenuti generati rendono pi\u00f9 complessa la tracciabilit\u00e0 dell\u2019origine di un brano.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-about-fused-problem\">\n        <span class=\"tl-about-fused-problem-icon\" aria-hidden=\"true\">\u25ce<\/span>\n        <div>\n          <h2>Le collaborazioni si evolvono<\/h2>\n          <p>\n            Una cronologia chiara aiuta a documentare le versioni e le persone coinvolte nel progetto.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <p class=\"tl-about-fused-note\">\n      Il diritto d\u2019autore nasce con la creazione. TuneLockr aiuta a documentare l\u2019esistenza e la priorit\u00e0 a partire da un file specifico.\n    <\/p>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\nTUNELOCKR \u2014 \u00c0 PROPOS FUSIONN\u00c9\nStyles isol\u00e9s pour Elementor\n========================================================= *\/\n\n.tl-about-fused,\n.tl-about-fused * {\n  box-sizing: border-box;\n}\n\n.tl-about-fused {\n  --tl-af-orange: #fa8d32;\n  --tl-af-orange-dark: #e86f18;\n  --tl-af-orange-soft: #fff2e6;\n  --tl-af-text: #111827;\n  --tl-af-muted: #667085;\n  --tl-af-line: rgba(17, 24, 39, 0.08);\n  --tl-af-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(76px, 8vw, 112px) 24px clamp(48px, 6vw, 78px);\n  background:\n    radial-gradient(circle at 9% 0%, rgba(250, 141, 50, 0.08), transparent 29%),\n    linear-gradient(180deg, #fffaf6 0%, #ffffff 62%);\n  color: var(--tl-af-text);\n  font-family: var(--tl-af-font);\n}\n\n.tl-about-fused-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1240px, 100%);\n  margin: 0 auto;\n}\n\n.tl-about-fused-glow {\n  position: absolute;\n  z-index: 0;\n  border-radius: 999px;\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n.tl-about-fused-glow-a {\n  width: 340px;\n  height: 340px;\n  top: -150px;\n  left: -120px;\n  background: rgba(250, 141, 50, 0.12);\n}\n\n.tl-about-fused-glow-b {\n  width: 260px;\n  height: 260px;\n  right: -110px;\n  bottom: 40px;\n  background: rgba(250, 141, 50, 0.06);\n}\n\n\/* Hero *\/\n.tl-about-fused-hero {\n  display: grid;\n  grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);\n  align-items: center;\n  gap: clamp(44px, 7vw, 88px);\n}\n\n.tl-about-fused-copy {\n  max-width: 690px;\n}\n\n.tl-about-fused-kicker {\n  display: inline-flex;\n  align-items: center;\n  padding: 9px 14px;\n  margin-bottom: 21px;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 999px;\n  background: rgba(255, 247, 237, 0.95);\n  color: #a9430c;\n  font-size: 0.71rem;\n  font-weight: 840;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.tl-about-fused-copy h1 {\n  max-width: 760px;\n  margin: 0 0 23px;\n  color: var(--tl-af-text);\n  font-size: clamp(2.8rem, 5.7vw, 5.7rem);\n  font-weight: 930;\n  line-height: 0.93;\n  letter-spacing: -0.073em;\n  text-wrap: balance;\n}\n\n.tl-about-fused-copy h1 strong {\n  display: block;\n  color: var(--tl-af-orange-dark);\n  font-weight: inherit;\n}\n\n.tl-about-fused-lead,\n.tl-about-fused-text {\n  max-width: 670px;\n  margin: 0;\n  color: var(--tl-af-muted);\n  font-size: 1rem;\n  line-height: 1.76;\n}\n\n.tl-about-fused-lead {\n  margin-bottom: 12px;\n  color: #475467;\n  font-weight: 580;\n}\n\n.tl-about-fused-trust {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin: 27px 0 24px;\n}\n\n.tl-about-fused-trust span {\n  min-height: 38px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 13px;\n  border: 1px solid var(--tl-af-line);\n  border-radius: 999px;\n  background: #ffffff;\n  color: #475467;\n  box-shadow: 0 7px 20px rgba(17, 24, 39, 0.035);\n  font-size: 0.78rem;\n  font-weight: 700;\n}\n\n.tl-about-fused-cta {\n  min-height: 51px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 13px 21px;\n  border: 1px solid rgba(168, 67, 12, 0.08);\n  border-radius: 999px;\n  background: linear-gradient(135deg, var(--tl-af-orange-dark), var(--tl-af-orange));\n  color: #ffffff;\n  box-shadow:\n    0 13px 30px rgba(250, 141, 50, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.28);\n  font-size: 0.91rem;\n  font-weight: 820;\n  text-decoration: none;\n  transition:\n    transform 170ms ease,\n    box-shadow 170ms ease;\n}\n\n.tl-about-fused-cta:hover,\n.tl-about-fused-cta:focus-visible {\n  transform: translateY(-2px);\n  box-shadow:\n    0 18px 38px rgba(250, 141, 50, 0.34),\n    inset 0 1px 0 rgba(255, 255, 255, 0.32);\n  outline: none;\n}\n\n.tl-about-fused-cta span {\n  transition: transform 170ms ease;\n}\n\n.tl-about-fused-cta:hover span,\n.tl-about-fused-cta:focus-visible span {\n  transform: translateX(3px);\n}\n\n\/* Visual *\/\n.tl-about-fused-visual {\n  position: relative;\n  display: block;\n  color: inherit;\n  text-decoration: none;\n  outline: none;\n  transition:\n    transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),\n    filter 220ms ease;\n}\n\n.tl-about-fused-visual:hover,\n.tl-about-fused-visual:focus-visible {\n  transform: translateY(-5px);\n  outline: none;\n}\n\n.tl-about-fused-visual:focus-visible {\n  border-radius: 32px;\n  box-shadow: 0 0 0 4px rgba(250, 141, 50, 0.20);\n}\n\n.tl-about-fused-visual-glow {\n  position: absolute;\n  inset: 12% 10% 8%;\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.15);\n  filter: blur(45px);\n  pointer-events: none;\n}\n\n.tl-about-fused-frame {\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  border: 1px solid rgba(17, 24, 39, 0.07);\n  border-radius: 32px;\n  background: #ffffff;\n  box-shadow:\n    0 35px 80px rgba(17, 24, 39, 0.13),\n    inset 0 1px 0 rgba(255, 255, 255, 0.96);\n}\n\n.tl-about-fused-frame img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n.tl-about-fused-floating {\n  position: absolute;\n  z-index: 2;\n  left: -26px;\n  bottom: 28px;\n  min-width: 225px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 15px 17px;\n  border: 1px solid rgba(17, 24, 39, 0.08);\n  border-radius: 17px;\n  background: rgba(255, 255, 255, 0.95);\n  box-shadow: 0 19px 42px rgba(17, 24, 39, 0.13);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n}\n\n.tl-about-fused-floating-icon {\n  width: 36px;\n  height: 36px;\n  display: grid;\n  place-items: center;\n  flex: 0 0 auto;\n  border-radius: 11px;\n  background: var(--tl-af-orange);\n  color: #ffffff;\n  font-size: 0.9rem;\n  font-weight: 900;\n}\n\n.tl-about-fused-floating small,\n.tl-about-fused-floating strong {\n  display: block;\n}\n\n.tl-about-fused-floating small {\n  margin-bottom: 3px;\n  color: #98a2b3;\n  font-size: 0.63rem;\n  font-weight: 760;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n}\n\n.tl-about-fused-floating strong {\n  color: var(--tl-af-text);\n  font-size: 0.83rem;\n  line-height: 1.2;\n}\n\n\/* Problems *\/\n.tl-about-fused-problems {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 15px;\n  margin-top: clamp(48px, 7vw, 78px);\n}\n\n.tl-about-fused-problem {\n  display: grid;\n  grid-template-columns: 48px 1fr;\n  gap: 15px;\n  align-items: start;\n  min-height: 100%;\n  padding: 23px 22px;\n  border: 1px solid var(--tl-af-line);\n  border-radius: 20px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(255, 249, 244, 0.94));\n  box-shadow: 0 13px 32px rgba(17, 24, 39, 0.045);\n  transition:\n    transform 170ms ease,\n    border-color 170ms ease,\n    box-shadow 170ms ease;\n}\n\n.tl-about-fused-problem:hover {\n  transform: translateY(-3px);\n  border-color: rgba(250, 141, 50, 0.20);\n  box-shadow: 0 18px 39px rgba(17, 24, 39, 0.07);\n}\n\n.tl-about-fused-problem-icon {\n  width: 48px;\n  height: 48px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(250, 141, 50, 0.18);\n  border-radius: 15px;\n  background: var(--tl-af-orange-soft);\n  color: var(--tl-af-orange-dark);\n  font-size: 1rem;\n  font-weight: 900;\n}\n\n.tl-about-fused-problem h2 {\n  margin: 2px 0 7px;\n  color: var(--tl-af-text);\n  font-size: 1rem;\n  font-weight: 820;\n  line-height: 1.26;\n  letter-spacing: -0.022em;\n}\n\n.tl-about-fused-problem p {\n  margin: 0;\n  color: var(--tl-af-muted);\n  font-size: 0.84rem;\n  line-height: 1.62;\n}\n\n.tl-about-fused-note {\n  max-width: 790px;\n  margin: 23px auto 0;\n  color: #98a2b3;\n  font-size: 0.72rem;\n  font-weight: 560;\n  line-height: 1.55;\n  text-align: center;\n}\n\n\/* Responsive *\/\n@media (max-width: 980px) {\n  .tl-about-fused-hero {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-about-fused-copy {\n    max-width: 760px;\n  }\n\n  .tl-about-fused-visual {\n    width: min(720px, 100%);\n    margin: 0 auto;\n  }\n\n  .tl-about-fused-problems {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 680px) {\n  .tl-about-fused {\n    padding: 68px 16px 44px;\n  }\n\n  .tl-about-fused-copy {\n    text-align: center;\n  }\n\n  .tl-about-fused-copy h1 {\n    font-size: clamp(2.45rem, 13vw, 3.5rem);\n  }\n\n  .tl-about-fused-trust {\n    justify-content: center;\n  }\n\n  .tl-about-fused-cta {\n    width: 100%;\n  }\n\n  .tl-about-fused-floating {\n    position: relative;\n    left: auto;\n    bottom: auto;\n    width: 100%;\n    min-width: 0;\n    margin-top: 14px;\n  }\n\n  .tl-about-fused-problems {\n    margin-top: 42px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-about-fused-cta,\n  .tl-about-fused-cta span,\n  .tl-about-fused-visual,\n  .tl-about-fused-problem {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67e370c e-flex e-con-boxed e-con e-parent\" data-id=\"67e370c\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0735b08 elementor-widget elementor-widget-html\" data-id=\"0735b08\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 \u00c0 PROPOS \/ SECTION 2\nPourquoi TuneLockr existe\nVersion resserr\u00e9e et premium pour Elementor\n========================================================= -->\n\n<section class=\"tl-origin\" aria-labelledby=\"tl-origin-title\">\n  <span class=\"tl-origin-glow tl-origin-glow-a\" aria-hidden=\"true\"><\/span>\n  <span class=\"tl-origin-glow tl-origin-glow-b\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"tl-origin-shell\">\n    <div class=\"tl-origin-layout\">\n\n      <div class=\"tl-origin-copy\">\n        <span class=\"tl-origin-kicker\">Perch\u00e9 esiste TuneLockr<\/span>\n\n        <h2 id=\"tl-origin-title\">\n          La tutela doveva adattarsi\n          <strong>al ritmo dei creatori.<\/strong>\n        <\/h2>\n\n        <p class=\"tl-origin-lead\">\n          Oggi le opere circolano in pochi secondi. Tuttavia, raccogliere una prova era spesso un processo lento, complesso o poco adatto alle esigenze degli artisti indipendenti.\n        <\/p>\n\n        <p class=\"tl-origin-text\">\n          TuneLockr \u00e8 stato progettato per avvicinare la prova al momento della creazione:&nbsp;depositare un file, documentarne l\u2019esistenza e ottenere un certificato prima del primo invio.\n        <\/p>\n\n        <blockquote>\n          <span aria-hidden=\"true\">\u201c<\/span>\n          Una prova utile deve essere disponibile quando la creazione inizia a circolare.\n        <\/blockquote>\n      <\/div>\n\n      <div class=\"tl-origin-principles\" aria-label=\"Principi di TuneLockr\">\n\n        <article class=\"tl-origin-card\">\n          <span class=\"tl-origin-card-number\">01<\/span>\n\n          <span class=\"tl-origin-card-icon\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M13 2 4 14h7l-1 8 9-12h-7l1-8Z\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <div>\n            <h3>Immediato<\/h3>\n            <p>\n              Un percorso breve per depositare una creazione prima di inviarla o pubblicarla.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"tl-origin-card tl-origin-card-featured\">\n          <span class=\"tl-origin-card-status\">Cuore dell\u2019infrastruttura<\/span>\n          <span class=\"tl-origin-card-number\">02<\/span>\n\n          <span class=\"tl-origin-card-icon\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M12 3v18\"><\/path>\n              <path d=\"m8 7 4-4 4 4\"><\/path>\n              <path d=\"m8 17 4 4 4-4\"><\/path>\n              <path d=\"M3 12h18\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <div>\n            <h3>Verificabile<\/h3>\n            <p>\n              Un'impronta temporale e un certificato associati a una versione specifica del file.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"tl-origin-card\">\n          <span class=\"tl-origin-card-number\">03<\/span>\n\n          <span class=\"tl-origin-card-icon\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n              <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n              <path d=\"M19 8v6\"><\/path>\n              <path d=\"M16 11h6\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <div>\n            <h3>Pensato per i lavoratori autonomi<\/h3>\n            <p>\n              Artisti, autori, beatmaker, produttori e piccoli team creativi.\n            <\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.tl-origin,\n.tl-origin * {\n  box-sizing: border-box;\n}\n\n.tl-origin {\n  --tl-origin-bg: #0d1118;\n  --tl-origin-bg-2: #07090d;\n  --tl-origin-orange: #fa8d32;\n  --tl-origin-orange-light: #ffb36f;\n  --tl-origin-text: #ffffff;\n  --tl-origin-muted: rgba(255, 255, 255, 0.68);\n  --tl-origin-line: rgba(255, 255, 255, 0.09);\n  --tl-origin-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(72px, 8vw, 108px) 24px;\n  background:\n    radial-gradient(circle at 10% 0%, rgba(250, 141, 50, 0.11), transparent 29%),\n    linear-gradient(180deg, var(--tl-origin-bg) 0%, var(--tl-origin-bg-2) 100%);\n  color: var(--tl-origin-text);\n  font-family: var(--tl-origin-font);\n}\n\n.tl-origin-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n.tl-origin-glow {\n  position: absolute;\n  z-index: 0;\n  border-radius: 999px;\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n.tl-origin-glow-a {\n  width: 320px;\n  height: 320px;\n  top: -140px;\n  left: -120px;\n  background: rgba(250, 141, 50, 0.15);\n}\n\n.tl-origin-glow-b {\n  width: 280px;\n  height: 280px;\n  right: -130px;\n  bottom: -130px;\n  background: rgba(60, 116, 166, 0.08);\n}\n\n.tl-origin-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);\n  align-items: center;\n  gap: clamp(46px, 7vw, 86px);\n}\n\n.tl-origin-copy {\n  max-width: 610px;\n}\n\n.tl-origin-kicker {\n  display: inline-flex;\n  align-items: center;\n  padding: 9px 14px;\n  margin-bottom: 20px;\n  border: 1px solid rgba(250, 141, 50, 0.21);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.09);\n  color: #ffc28e;\n  font-size: 0.7rem;\n  font-weight: 840;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.tl-origin-copy h2 {\n  max-width: 680px;\n  margin: 0 0 22px;\n  color: #ffffff;\n  font-size: clamp(2.35rem, 4.7vw, 4.55rem);\n  font-weight: 920;\n  line-height: 0.96;\n  letter-spacing: -0.064em;\n  text-wrap: balance;\n}\n\n.tl-origin-copy h2 strong {\n  display: block;\n  color: var(--tl-origin-orange-light);\n  font-weight: inherit;\n}\n\n.tl-origin-lead,\n.tl-origin-text {\n  max-width: 620px;\n  margin: 0;\n  color: var(--tl-origin-muted);\n  font-size: 0.98rem;\n  line-height: 1.76;\n}\n\n.tl-origin-lead {\n  margin-bottom: 13px;\n  color: rgba(255, 255, 255, 0.78);\n  font-weight: 580;\n}\n\n.tl-origin-copy blockquote {\n  position: relative;\n  margin: 29px 0 0;\n  padding: 21px 22px 21px 54px;\n  border: 1px solid rgba(250, 141, 50, 0.17);\n  border-radius: 20px;\n  background:\n    linear-gradient(135deg, rgba(250, 141, 50, 0.10), rgba(255, 255, 255, 0.035));\n  color: rgba(255, 255, 255, 0.88);\n  box-shadow: 0 17px 38px rgba(0, 0, 0, 0.15);\n  font-size: 0.94rem;\n  font-weight: 690;\n  line-height: 1.65;\n}\n\n.tl-origin-copy blockquote > span {\n  position: absolute;\n  top: 14px;\n  left: 20px;\n  color: rgba(250, 141, 50, 0.55);\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 2.45rem;\n  line-height: 1;\n}\n\n.tl-origin-principles {\n  display: grid;\n  gap: 14px;\n}\n\n.tl-origin-card {\n  position: relative;\n  display: grid;\n  grid-template-columns: 54px 1fr;\n  align-items: start;\n  gap: 17px;\n  min-height: 100%;\n  padding: 24px 23px;\n  overflow: hidden;\n  border: 1px solid var(--tl-origin-line);\n  border-radius: 22px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.027));\n  box-shadow: 0 17px 38px rgba(0, 0, 0, 0.15);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  transition:\n    transform 180ms ease,\n    border-color 180ms ease,\n    background 180ms ease;\n}\n\n.tl-origin-card::after {\n  content: \"\";\n  position: absolute;\n  right: -50px;\n  bottom: -65px;\n  width: 135px;\n  height: 135px;\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.045);\n  pointer-events: none;\n}\n\n.tl-origin-card:hover {\n  transform: translateX(4px);\n  border-color: rgba(250, 141, 50, 0.23);\n  background:\n    linear-gradient(145deg, rgba(250, 141, 50, 0.09), rgba(255, 255, 255, 0.03));\n}\n\n.tl-origin-card-featured {\n  border-color: rgba(250, 141, 50, 0.22);\n  background:\n    linear-gradient(145deg, rgba(250, 141, 50, 0.105), rgba(255, 255, 255, 0.033));\n}\n\n.tl-origin-card-status {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  max-width: 190px;\n  padding: 7px 10px;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.09);\n  color: #ffc28e;\n  font-size: 0.58rem;\n  font-weight: 820;\n  letter-spacing: 0.075em;\n  text-transform: uppercase;\n}\n\n.tl-origin-card-number {\n  position: absolute;\n  right: 19px;\n  bottom: 12px;\n  color: rgba(255, 255, 255, 0.045);\n  font-size: 2.2rem;\n  font-weight: 900;\n  letter-spacing: -0.05em;\n}\n\n.tl-origin-card-icon {\n  position: relative;\n  z-index: 1;\n  width: 54px;\n  height: 54px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 17px;\n  background:\n    linear-gradient(145deg, rgba(250, 141, 50, 0.17), rgba(250, 141, 50, 0.07));\n  box-shadow:\n    0 10px 24px rgba(250, 141, 50, 0.09),\n    inset 0 1px 0 rgba(255, 255, 255, 0.07);\n}\n\n.tl-origin-card-icon svg {\n  width: 24px;\n  height: 24px;\n  fill: none;\n  stroke: var(--tl-origin-orange-light);\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tl-origin-card h3 {\n  position: relative;\n  z-index: 1;\n  margin: 3px 0 7px;\n  padding-right: 90px;\n  color: #ffffff;\n  font-size: 1.03rem;\n  font-weight: 830;\n  line-height: 1.25;\n  letter-spacing: -0.022em;\n}\n\n.tl-origin-card p {\n  position: relative;\n  z-index: 1;\n  margin: 0;\n  padding-right: 20px;\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 0.85rem;\n  line-height: 1.62;\n}\n\n@media (max-width: 980px) {\n  .tl-origin-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-origin-copy {\n    max-width: 760px;\n  }\n\n  .tl-origin-principles {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .tl-origin-card {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-origin-card h3,\n  .tl-origin-card p {\n    padding-right: 0;\n  }\n\n  .tl-origin-card-status {\n    position: static;\n    width: fit-content;\n    margin-bottom: 2px;\n    grid-column: 1 \/ -1;\n  }\n}\n\n@media (max-width: 760px) {\n  .tl-origin {\n    padding: 68px 16px;\n  }\n\n  .tl-origin-copy {\n    text-align: center;\n  }\n\n  .tl-origin-copy h2 {\n    font-size: clamp(2.3rem, 12vw, 3.3rem);\n  }\n\n  .tl-origin-principles {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-origin-card {\n    grid-template-columns: 50px 1fr;\n    padding: 21px 20px;\n    text-align: left;\n  }\n\n  .tl-origin-card-icon {\n    width: 50px;\n    height: 50px;\n  }\n\n  .tl-origin-card-status {\n    position: static;\n    grid-column: 1 \/ -1;\n    margin-bottom: 4px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-origin-card {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05bdff2 e-flex e-con-boxed e-con e-parent\" data-id=\"05bdff2\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b940b elementor-widget elementor-widget-html\" data-id=\"c6b940b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 COMMENT FONCTIONNE LA PREUVE\nVersion minimale et am\u00e9lior\u00e9e pour Elementor\n========================================================= -->\n\n<section class=\"tl-proof-mini\" aria-label=\"Come funziona la prova TuneLockr\">\n  <div class=\"tl-proof-mini-shell\">\n\n    <div class=\"tl-proof-mini-grid\">\n\n      <article class=\"tl-proof-mini-step\">\n        <span class=\"tl-proof-mini-number\">01<\/span>\n\n        <span class=\"tl-proof-mini-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M4 7h5l2 2h9v10H4V7Z\"><\/path>\n            <path d=\"M4 7V5h6l2 2\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <h2>Carica il tuo file<\/h2>\n          <p>\n            Aggiungi una canzone, una base, un testo, uno spartito o un progetto di lavoro.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-proof-mini-step tl-proof-mini-step-featured\">\n        <span class=\"tl-proof-mini-status\">Impronta Tezos<\/span>\n        <span class=\"tl-proof-mini-number\">02<\/span>\n\n        <span class=\"tl-proof-mini-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M8 4h8\"><\/path>\n            <path d=\"M6 8h12\"><\/path>\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M7 16h10\"><\/path>\n            <path d=\"M9 20h6\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <h2>Un\u2019impronta \u00e8 marcata con data e ora<\/h2>\n          <p>\n            TuneLockr genera una firma crittografica collegata proprio a questa versione del file.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-proof-mini-step\">\n        <span class=\"tl-proof-mini-number\">03<\/span>\n\n        <span class=\"tl-proof-mini-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M6 3h9l3 3v15H6V3Z\"><\/path>\n            <path d=\"M15 3v4h4\"><\/path>\n            <path d=\"m9 14 2 2 4-4\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <h2>Ricevi il tuo certificato<\/h2>\n          <p>\n            La prova datata resta disponibile nel tuo spazio TuneLockr.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <p class=\"tl-proof-mini-note\">\n      I tuoi file restano privati:&nbsp; solo la loro impronta digitale viene usata per creare la prova.\n    <\/p>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\nTUNELOCKR \u2014 PREUVE MINIMALE\nStyles isol\u00e9s pour Elementor\n========================================================= *\/\n\n.tl-proof-mini,\n.tl-proof-mini * {\n  box-sizing: border-box;\n}\n\n.tl-proof-mini {\n  --tl-pm-orange: #fa8d32;\n  --tl-pm-orange-dark: #e86f18;\n  --tl-pm-text: #111827;\n  --tl-pm-muted: #667085;\n  --tl-pm-line: rgba(17, 24, 39, 0.08);\n  --tl-pm-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  padding: clamp(40px, 5vw, 66px) 24px;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(250, 141, 50, 0.055), transparent 38%),\n    linear-gradient(180deg, #ffffff 0%, #fffaf6 100%);\n  font-family: var(--tl-pm-font);\n}\n\n.tl-proof-mini-shell {\n  width: min(1120px, 100%);\n  margin: 0 auto;\n}\n\n.tl-proof-mini-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 15px;\n}\n\n.tl-proof-mini-step {\n  position: relative;\n  min-height: 100%;\n  padding: 24px 22px 23px;\n  overflow: hidden;\n  border: 1px solid var(--tl-pm-line);\n  border-radius: 21px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(255, 249, 244, 0.95));\n  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.05);\n  transition:\n    transform 170ms ease,\n    border-color 170ms ease,\n    box-shadow 170ms ease;\n}\n\n.tl-proof-mini-step:hover {\n  transform: translateY(-3px);\n  border-color: rgba(250, 141, 50, 0.22);\n  box-shadow: 0 19px 40px rgba(17, 24, 39, 0.08);\n}\n\n.tl-proof-mini-step-featured {\n  border-color: rgba(250, 141, 50, 0.23);\n  background:\n    linear-gradient(145deg, rgba(255, 247, 239, 0.99), rgba(255, 255, 255, 0.98));\n}\n\n.tl-proof-mini-number {\n  position: absolute;\n  right: 18px;\n  bottom: 9px;\n  color: rgba(17, 24, 39, 0.045);\n  font-size: 2.35rem;\n  font-weight: 900;\n  letter-spacing: -0.06em;\n}\n\n.tl-proof-mini-status {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  padding: 7px 10px;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.09);\n  color: #a9430c;\n  font-size: 0.58rem;\n  font-weight: 820;\n  letter-spacing: 0.075em;\n  text-transform: uppercase;\n}\n\n.tl-proof-mini-icon {\n  width: 49px;\n  height: 49px;\n  display: grid;\n  place-items: center;\n  margin-bottom: 18px;\n  border: 1px solid rgba(250, 141, 50, 0.18);\n  border-radius: 15px;\n  background: rgba(250, 141, 50, 0.08);\n}\n\n.tl-proof-mini-icon svg {\n  width: 23px;\n  height: 23px;\n  fill: none;\n  stroke: var(--tl-pm-orange-dark);\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tl-proof-mini-step h2 {\n  position: relative;\n  z-index: 1;\n  margin: 0 0 9px;\n  color: var(--tl-pm-text);\n  font-size: 1.02rem;\n  font-weight: 830;\n  line-height: 1.28;\n  letter-spacing: -0.023em;\n}\n\n.tl-proof-mini-step p {\n  position: relative;\n  z-index: 1;\n  margin: 0;\n  color: var(--tl-pm-muted);\n  font-size: 0.86rem;\n  line-height: 1.65;\n}\n\n.tl-proof-mini-note {\n  max-width: 760px;\n  margin: 18px auto 0;\n  color: #98a2b3;\n  font-size: 0.7rem;\n  font-weight: 580;\n  line-height: 1.55;\n  text-align: center;\n}\n\n@media (max-width: 840px) {\n  .tl-proof-mini-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-proof-mini-step {\n    display: grid;\n    grid-template-columns: 49px 1fr;\n    gap: 16px;\n    align-items: start;\n  }\n\n  .tl-proof-mini-icon {\n    margin-bottom: 0;\n  }\n\n  .tl-proof-mini-status {\n    position: static;\n    width: fit-content;\n    grid-column: 1 \/ -1;\n    margin-bottom: -2px;\n  }\n}\n\n@media (max-width: 600px) {\n  .tl-proof-mini {\n    padding: 32px 16px;\n  }\n\n  .tl-proof-mini-step {\n    padding: 21px 19px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-proof-mini-step {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4f04a6 e-flex e-con-boxed e-con e-parent\" data-id=\"a4f04a6\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-276b3ad elementor-widget elementor-widget-html\" data-id=\"276b3ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 ABOUT SECTION 5\nWHAT TUNELOCKR PROTECTS\nDIFFERENT \/ VISUAL \/ COMPLEMENTARY\n========================================================= -->\n\n<section class=\"tl-about-assets\">\n\n  <!-- GLOW -->\n  <div class=\"tl-about-assets-glow tl-about-assets-glow-1\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-assets-inner\">\n\n    <!-- =========================================================\n    LEFT VISUAL\n    ========================================================== -->\n\n    <div class=\"tl-about-assets-visual\">\n\n      <!-- CENTRAL CIRCLE -->\n      <div class=\"tl-about-assets-core\">\n\n        <div class=\"tl-about-assets-core-icon\">\n          \ud83d\udee1\ufe0f\n        <\/div>\n\n        <div class=\"tl-about-assets-core-title\">\n          TuneLockr\n        <\/div>\n\n        <div class=\"tl-about-assets-core-sub\">\n          Protezione creativa\n        <\/div>\n\n      <\/div>\n\n      <!-- FLOATING ITEMS -->\n\n      <div class=\"tl-about-assets-float tl-float-1\">\n        \ud83c\udfb5 Musiche\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-2\">\n        \ud83c\udfa7 Beat\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-3\">\n        \ud83d\udcdd Testi\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-4\">\n        \ud83c\udfbc Spartiti\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-5\">\n        \ud83d\udca1 Topline\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-6\">\n        \ud83d\udcc2 Progetti DAW\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-7\">\n        \ud83e\udd1d Splits\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-8\">\n        \ud83d\udcc4 Documenti\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    RIGHT CONTENT\n    ========================================================== -->\n\n    <div class=\"tl-about-assets-content\">\n\n      <div class=\"tl-about-assets-badge\">\n        \ud83c\udfa8 Cosa protegge TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-assets-title\">\n\n        Ogni creazione merita una prova.\n\n      <\/h2>\n\n      <p class=\"tl-about-assets-text\">\n\n        TuneLockr non protegge solo brani finiti. Le prime idee, bozze, demo, topline, progetti in corso, collaborazioni o documenti creativi possono essere anch\u2019essi depositati.\n\n      <\/p>\n\n      <p class=\"tl-about-assets-text\">\n\n        Nella realt\u00e0, la maggior parte delle controversie nasce ben prima dell\u2019uscita ufficiale: durante una condivisione privata, una collaborazione, l\u2019invio di un beat o una diffusione anticipata.\n\n      <\/p>\n\n      <!-- LIST -->\n      <div class=\"tl-about-assets-list\">\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Musiche &amp; masters\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Beat &amp; strumentali\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Topline &amp; melodie\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Testi &amp; parole\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Stems &amp; progetti DAW\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Contratti &amp; splits\n        <\/div>\n\n      <\/div>\n\n      <!-- CTA -->\n      <a href=\"https:\/\/app.tunelockr.com\/depot\"\n         class=\"tl-about-assets-btn\">\n\n        \ud83d\ude80 Deposita una creazione\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-assets{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fffaf5,\n      #ffffff\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOW\n========================================================= *\/\n\n.tl-about-assets-glow{\n\n  position:absolute;\n\n  width:380px;\n  height:380px;\n\n  top:-140px;\n  right:-140px;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.08);\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-assets-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1320px;\n\n  margin:0 auto;\n\n  padding:\n    120px 24px;\n\n  display:grid;\n\n  grid-template-columns:\n    .95fr 1.05fr;\n\n  gap:90px;\n\n  align-items:center;\n}\n\n\/* =========================================================\nVISUAL\n========================================================= *\/\n\n.tl-about-assets-visual{\n\n  position:relative;\n\n  width:100%;\n  height:640px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n\/* =========================================================\nCORE\n========================================================= *\/\n\n.tl-about-assets-core{\n\n  position:relative;\n  z-index:3;\n\n  width:240px;\n  height:240px;\n\n  border-radius:999px;\n\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    linear-gradient(\n      135deg,\n      #111827,\n      #0b0b0c\n    );\n\n  box-shadow:\n    0 40px 100px rgba(15,23,42,.18);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  text-align:center;\n}\n\n\/* =========================================================\nCORE ICON\n========================================================= *\/\n\n.tl-about-assets-core-icon{\n\n  font-size:3rem;\n\n  margin-bottom:12px;\n}\n\n\/* =========================================================\nCORE TEXT\n========================================================= *\/\n\n.tl-about-assets-core-title{\n\n  color:#ffffff;\n\n  font-size:1.4rem;\n  font-weight:900;\n\n  letter-spacing:-0.04em;\n}\n\n.tl-about-assets-core-sub{\n\n  margin-top:6px;\n\n  color:rgba(255,255,255,.65);\n\n  font-size:.84rem;\n}\n\n\/* =========================================================\nFLOATS\n========================================================= *\/\n\n.tl-about-assets-float{\n\n  position:absolute;\n\n  padding:\n    1rem 1.1rem;\n\n  border-radius:20px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 18px 40px rgba(15,23,42,.08);\n\n  color:#111827;\n\n  font-size:.86rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nPOSITIONS\n========================================================= *\/\n\n.tl-float-1{ top:40px; left:90px; }\n.tl-float-2{ top:120px; right:40px; }\n.tl-float-3{ top:280px; left:0; }\n.tl-float-4{ bottom:160px; right:10px; }\n.tl-float-5{ bottom:40px; left:120px; }\n.tl-float-6{ top:200px; right:120px; }\n.tl-float-7{ bottom:260px; left:80px; }\n.tl-float-8{ bottom:80px; right:90px; }\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-assets-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#c2410c;\n\n  font-size:.74rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-assets-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-assets-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:#374151;\n\n  margin:\n    0 0 24px;\n}\n\n\/* =========================================================\nLIST\n========================================================= *\/\n\n.tl-about-assets-list{\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap:14px;\n\n  margin:\n    40px 0;\n}\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n.tl-about-assets-item{\n\n  padding:\n    1rem 1rem;\n\n  border-radius:18px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 10px 24px rgba(15,23,42,.04);\n\n  color:#111827;\n\n  font-size:.88rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nBUTTON\n========================================================= *\/\n\n.tl-about-assets-btn{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    1.05rem 1.45rem;\n\n  border-radius:20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f97316,\n      #fb923c\n    );\n\n  color:#ffffff;\n\n  text-decoration:none;\n\n  font-size:.94rem;\n  font-weight:900;\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.18);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-assets-btn:hover{\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 30px 64px rgba(249,115,22,.24);\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n  .tl-about-assets-inner{\n\n    grid-template-columns:1fr;\n\n    gap:70px;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-assets-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-assets-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-assets-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-assets-visual{\n\n    height:520px;\n  }\n\n  .tl-about-assets-core{\n\n    width:180px;\n    height:180px;\n  }\n\n  .tl-about-assets-float{\n\n    font-size:.72rem;\n\n    padding:\n      .75rem .85rem;\n  }\n\n  .tl-about-assets-list{\n\n    grid-template-columns:1fr;\n  }\n\n  .tl-about-assets-btn{\n\n    width:100%;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e7eccf e-flex e-con-boxed e-con e-parent\" data-id=\"2e7eccf\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66115e9 elementor-widget elementor-widget-html\" data-id=\"66115e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 TEAM SECTION\nPREMIUM TEAM GRID\n========================================================= -->\n\n<section class=\"tl-about-team\">\n\n  <!-- GLOW -->\n  <div class=\"tl-about-team-glow\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-team-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-team-head\">\n\n      <div class=\"tl-about-team-badge\">\n        \ud83d\udc65 Il team di TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-team-title\">\n\n        Un team appassionato della protezione dei creatori.\n\n      <\/h2>\n\n      <p class=\"tl-about-team-text\">\n\n        Sviluppatori, creativi, specialisti di prodotto, blockchain e musica: TuneLockr riunisce competenze complementari intorno a una stessa missione: proteggere le creazioni digitali.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    GRID\n    ========================================================== -->\n\n    <div class=\"tl-about-team-grid\">\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Alex Mercer\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Alex Mercer\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            CEO &amp; Visione Prodotto\n          <\/div>\n\n          <p>\n\n            Visione di prodotto, infrastruttura creativa ed esperienza utente.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Sophie Klein\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Sophie Klein\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Legale &amp; Copyright\n          <\/div>\n\n          <p>\n\n            Diritto d'autore, conformit\u00e0 e tutela delle opere digitali.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member tl-about-member-center\">\n\n        <div class=\"tl-about-member-live\">\n          Team Principale\n        <\/div>\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Marcus Lee\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Marcus Lee\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Ingegnere Blockchain\n          <\/div>\n\n          <p>\n\n            Infrastruttura Tezos, sicurezza crittografica e tracciabilit\u00e0 sulla blockchain.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Lina Morel\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Lina Morel\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Collaborazioni Creative\n          <\/div>\n\n          <p>\n\n            Relazioni con artisti, comunit\u00e0 creativa e collaborazioni.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1504593811423-6dd665756598?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Daniel Scott\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Daniel Scott\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Sicurezza &amp; Infrastruttura\n          <\/div>\n\n          <p>\n\n            Architettura cloud, riservatezza e sicurezza dei dati.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-team{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fffaf5 0%,\n      #ffffff 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOW\n========================================================= *\/\n\n.tl-about-team-glow{\n\n  position:absolute;\n\n  width:420px;\n  height:420px;\n\n  top:-180px;\n  right:-140px;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.08);\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-team-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1320px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-team-head{\n\n  max-width:900px;\n\n  margin:\n    0 auto\n    70px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-team-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#c2410c;\n\n  font-size:.74rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-team-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-team-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:#374151;\n\n  margin:0;\n}\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n.tl-about-team-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(5,minmax(0,1fr));\n\n  gap:22px;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-member{\n\n  position:relative;\n\n  overflow:hidden;\n\n  border-radius:34px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 24px 54px rgba(15,23,42,.05);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-member:hover{\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 34px 70px rgba(15,23,42,.08);\n}\n\n\/* =========================================================\nCENTER\n========================================================= *\/\n\n.tl-about-member-center{\n\n  border:\n    1px solid rgba(249,115,22,.14);\n\n  box-shadow:\n    0 30px 70px rgba(249,115,22,.08);\n}\n\n.tl-about-member-live{\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  z-index:3;\n\n  padding:\n    .42rem .72rem;\n\n  border-radius:999px;\n\n  background:#111827;\n\n  color:#ffffff;\n\n  font-size:.64rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n.tl-about-member-image{\n\n  position:relative;\n\n  aspect-ratio:1\/1;\n\n  overflow:hidden;\n}\n\n.tl-about-member-image img{\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  display:block;\n}\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n.tl-about-member-content{\n\n  padding:\n    24px 22px 26px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-member-content h3{\n\n  font-size:1.08rem;\n\n  line-height:1.1;\n\n  letter-spacing:-0.03em;\n\n  font-weight:900;\n\n  color:#111827;\n\n  margin:\n    0 0 8px;\n}\n\n.tl-about-member-role{\n\n  color:#f97316;\n\n  font-size:.78rem;\n  font-weight:800;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n\n  margin-bottom:14px;\n}\n\n.tl-about-member-content p{\n\n  font-size:.88rem;\n  line-height:1.75;\n\n  color:#6b7280;\n\n  margin:0;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1200px){\n\n  .tl-about-team-grid{\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-team-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-team-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-team-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-team-grid{\n\n    grid-template-columns:1fr;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fb4edf e-flex e-con-boxed e-con e-parent\" data-id=\"7fb4edf\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c47d2d6 elementor-widget elementor-widget-html\" data-id=\"c47d2d6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 TIMELINE SECTION\nPREMIUM HISTORY TIMELINE\n========================================================= -->\n\n<section class=\"tl-about-timeline\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-timeline-glow tl-about-timeline-glow-1\"><\/div>\n  <div class=\"tl-about-timeline-glow tl-about-timeline-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-timeline-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-timeline-head\">\n\n      <div class=\"tl-about-timeline-badge\">\n        \u23f3 L\u2019evoluzione di TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-timeline-title\">\n\n        Costruire un\u2019infrastruttura moderna per i creatori.\n\n      <\/h2>\n\n      <p class=\"tl-about-timeline-text\">\n\n        Sin dagli inizi, TuneLockr si evolve con una missione chiara: rendere la protezione delle creazioni pi\u00f9 veloce, pi\u00f9 accessibile e adatta all\u2019era digitale.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    TIMELINE\n    ========================================================== -->\n\n    <div class=\"tl-about-timeline-wrap\">\n\n      <!-- LINE -->\n      <div class=\"tl-about-timeline-line\"><\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2019\n          <\/div>\n\n          <h3>\n            I primi riscontri\n          <\/h3>\n\n          <p>\n\n            Osservazione delle difficolt\u00e0 incontrate dagli artisti indipendenti nel dimostrare l\u2019anteriorit\u00e0 delle loro creazioni.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2020\n          <\/div>\n\n          <h3>\n            Sviluppo dell\u2019infrastruttura\n          <\/h3>\n\n          <p>\n\n            Costruzione dei primi sistemi di deposito, impronta crittografica e marcatura temporale sicura.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item tl-about-timeline-item-center\">\n\n        <div class=\"tl-about-timeline-dot tl-about-timeline-dot-active\"><\/div>\n\n        <div class=\"tl-about-timeline-live\">\n          Fase chiave\n        <\/div>\n\n        <div class=\"tl-about-timeline-card tl-about-timeline-card-center\">\n\n          <div class=\"tl-about-timeline-year\">\n            2022\n          <\/div>\n\n          <h3>\n            Integrazione blockchain Tezos\n          <\/h3>\n\n          <p>\n\n            Implementazione di un\u2019infrastruttura blockchain che consente una marcatura temporale moderna, verificabile e sostenibile.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2024\n          <\/div>\n\n          <h3>\n            Crescita internazionale\n          <\/h3>\n\n          <p>\n\n            Migliaia di creazioni protette in oltre 170 paesi da artisti, beatmaker e produttori.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            Oggi\n          <\/div>\n\n          <h3>\n            Nuova generazione di protezione\n          <\/h3>\n\n          <p>\n\n            TuneLockr continua ad evolversi per supportare i creatori in un mondo dominato dall\u2019IA e dai contenuti digitali.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-timeline{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #111827 0%,\n      #0b0b0c 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOWS\n========================================================= *\/\n\n.tl-about-timeline-glow{\n\n  position:absolute;\n\n  border-radius:999px;\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n.tl-about-timeline-glow-1{\n\n  width:380px;\n  height:380px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  top:-180px;\n  left:-120px;\n}\n\n.tl-about-timeline-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.05);\n\n  bottom:-120px;\n  right:-100px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-timeline-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1180px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-timeline-head{\n\n  max-width:860px;\n\n  margin:\n    0 auto\n    90px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-timeline-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  color:#fdba74;\n\n  font-size:.72rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-timeline-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#ffffff;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-timeline-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:rgba(255,255,255,.74);\n\n  margin:0;\n}\n\n\/* =========================================================\nTIMELINE WRAP\n========================================================= *\/\n\n.tl-about-timeline-wrap{\n\n  position:relative;\n\n  display:flex;\n  flex-direction:column;\n\n  gap:34px;\n}\n\n\/* =========================================================\nLINE\n========================================================= *\/\n\n.tl-about-timeline-line{\n\n  position:absolute;\n\n  top:0;\n  bottom:0;\n  left:20px;\n\n  width:2px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(249,115,22,.5),\n      rgba(255,255,255,.08)\n    );\n}\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n.tl-about-timeline-item{\n\n  position:relative;\n\n  padding-left:70px;\n}\n\n\/* =========================================================\nDOT\n========================================================= *\/\n\n.tl-about-timeline-dot{\n\n  position:absolute;\n\n  top:28px;\n  left:11px;\n\n  width:20px;\n  height:20px;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.16);\n\n  border:\n    3px solid #111827;\n\n  z-index:2;\n}\n\n\/* =========================================================\nACTIVE DOT\n========================================================= *\/\n\n.tl-about-timeline-dot-active{\n\n  background:#f97316;\n\n  box-shadow:\n    0 0 24px rgba(249,115,22,.7);\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-timeline-card{\n\n  position:relative;\n\n  padding:\n    32px 34px;\n\n  border-radius:34px;\n\n  background:\n    rgba(255,255,255,.04);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  backdrop-filter:blur(10px);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-timeline-card:hover{\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 30px 60px rgba(0,0,0,.30);\n}\n\n\/* =========================================================\nCENTER CARD\n========================================================= *\/\n\n.tl-about-timeline-card-center{\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.08);\n}\n\n.tl-about-timeline-live{\n\n  position:absolute;\n\n  top:16px;\n  right:20px;\n\n  padding:\n    .42rem .72rem;\n\n  border-radius:999px;\n\n  background:#ffffff;\n\n  color:#111827;\n\n  font-size:.64rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n\n  z-index:3;\n}\n\n\/* =========================================================\nYEAR\n========================================================= *\/\n\n.tl-about-timeline-year{\n\n  color:#fdba74;\n\n  font-size:.82rem;\n  font-weight:900;\n\n  letter-spacing:.16em;\n  text-transform:uppercase;\n\n  margin-bottom:14px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-timeline-card h3{\n\n  font-size:1.4rem;\n\n  line-height:1.05;\n\n  letter-spacing:-0.04em;\n\n  font-weight:900;\n\n  color:#ffffff;\n\n  margin:\n    0 0 14px;\n}\n\n.tl-about-timeline-card p{\n\n  font-size:.96rem;\n  line-height:1.85;\n\n  color:rgba(255,255,255,.70);\n\n  margin:0;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:768px){\n\n  .tl-about-timeline-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-timeline-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-timeline-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-timeline-item{\n\n    padding-left:58px;\n  }\n\n  .tl-about-timeline-card{\n\n    padding:26px 24px;\n  }\n\n  .tl-about-timeline-card h3{\n\n    font-size:1.18rem;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8c3713 e-flex e-con-boxed e-con e-parent\" data-id=\"d8c3713\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00c0 propos de TuneLockr La musique circule vite. La preuve doit suivre. TuneLockr est n\u00e9 d\u2019un constat simple&nbsp;: les d\u00e9mos, beats, toplines et fichiers de travail sont souvent partag\u00e9s avant que leur histoire ne soit clairement document\u00e9e. Notre r\u00f4le est d\u2019aider les artistes, auteurs, beatmakers et producteurs \u00e0 constituer une preuve d\u2019ant\u00e9riorit\u00e9 horodat\u00e9e avant qu\u2019une [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6683,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5696","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/pages\/5696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/comments?post=5696"}],"version-history":[{"count":78,"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/pages\/5696\/revisions"}],"predecessor-version":[{"id":9187,"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/pages\/5696\/revisions\/9187"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/media\/6683"}],"wp:attachment":[{"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/media?parent=5696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}