{"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-06-02T15:47:57","modified_gmt":"2026-06-02T13:47:57","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 ABOUT HERO\nNEW DA \/ STORYTELLING \/ TRUST\n========================================================= -->\n\n<section class=\"tl-about-hero\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-glow tl-about-glow-1\"><\/div>\n  <div class=\"tl-about-glow tl-about-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-inner\">\n\n    <!-- =========================================================\n    LEFT\n    ========================================================== -->\n\n    <div class=\"tl-about-content\">\n\n      <!-- BADGE -->\n      <div class=\"tl-about-badge\">\n\n        \ud83d\udee1\ufe0f A proposito di TuneLockr\n\n      <\/div>\n\n      <!-- TITLE -->\n      <h1 class=\"tl-about-title\">\n\n        Una creazione pu\u00f2 circolare in tutto il mondo in pochi secondi.\n\n      <\/h1>\n\n      <!-- TEXT -->\n      <p class=\"tl-about-text\">\n\n        Oggi, un beat, una topline, una demo o un\u2019idea musicale possono essere inviati, condivisi, ripubblicati o riutilizzati all\u2019istante.\n\n      <\/p>\n\n      <p class=\"tl-about-text\">\n\n        Eppure, la maggior parte dei creatori non ha ancora una prova semplice, veloce e moderna per proteggere il proprio lavoro prima della diffusione.\n\n      <\/p>\n\n      <p class=\"tl-about-text\">\n\n        TuneLockr \u00e8 nato per risolvere questo problema: permettere ad artisti, beatmaker, produttori e autori di dimostrare le proprie creazioni nel momento esatto in cui iniziano a circolare.\n\n      <\/p>\n\n      <!-- TRUST -->\n      <div class=\"tl-about-trust\">\n\n        <div class=\"tl-about-pill\">\n          \ud83e\uddec Blockchain Tezos\n        <\/div>\n\n        <div class=\"tl-about-pill\">\n          \u2714 Certificato con data e ora\n        <\/div>\n\n        <div class=\"tl-about-pill\">\n          \ud83c\uddea\ud83c\uddfa Conforme eIDAS\n        <\/div>\n\n      <\/div>\n\n      <!-- CTA -->\n      <div class=\"tl-about-actions\">\n\n        <a href=\"https:\/\/app.tunelockr.com\/depot\"\n           class=\"tl-about-btn-primary\">\n\n          \ud83d\ude80 Proteggi la mia creazione\n\n        <\/a>\n\n        <a href=\"https:\/\/app.tunelockr.com\/\"\n           class=\"tl-about-btn-secondary\">\n\n          Scopri la piattaforma\n\n        <\/a>\n\n      <\/div>\n\n      <!-- NOTE -->\n      <div class=\"tl-about-note\">\n\n        \u26a1 Deposito immediato \u2022 \ud83d\udd12 Privato \u2022 \ud83d\udcc4 Valido per sempre\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    RIGHT\n    ========================================================== -->\n\n    <div class=\"tl-about-visual\">\n\n      <div class=\"tl-about-frame\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/TuneLockr3.png\"\n          alt=\"Interfaccia TuneLockr\">\n\n      <\/div>\n\n      <!-- FLOATING CARD -->\n      <div class=\"tl-about-floating\">\n\n        <div class=\"tl-about-floating-top\">\n\n          <div class=\"tl-about-floating-icon\">\n            \u26d3\ufe0f\n          <\/div>\n\n          <div>\n\n            <div class=\"tl-about-floating-title\">\n              Prova sulla blockchain\n            <\/div>\n\n            <div class=\"tl-about-floating-sub\">\n              Marcatura temporale sicura\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tl-about-floating-line\"><\/div>\n\n        <div class=\"tl-about-floating-proof\">\n\n          \u2714 Certificato PDF verificabile\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-hero{\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\/* =========================================================\nGLOWS\n========================================================= *\/\n\n.tl-about-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-glow-1{\n\n  width:420px;\n  height:420px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  top:-180px;\n  left:-120px;\n}\n\n.tl-about-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.06);\n\n  bottom:-100px;\n  right:-80px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-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  display:grid;\n\n  grid-template-columns:\n    1.1fr .9fr;\n\n  gap:70px;\n\n  align-items:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-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-title{\n\n  font-size:clamp(3rem,6vw,6rem);\n\n  line-height:.92;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 30px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-text{\n\n  max-width:720px;\n\n  font-size:1.06rem;\n  line-height:1.95;\n\n  color:#6b7280;\n\n  margin:\n    0 0 22px;\n}\n\n\/* =========================================================\nTRUST\n========================================================= *\/\n\n.tl-about-trust{\n\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:12px;\n\n  margin:\n    38px 0;\n}\n\n\/* =========================================================\nPILLS\n========================================================= *\/\n\n.tl-about-pill{\n\n  padding:\n    .88rem 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 12px 30px rgba(15,23,42,.04);\n\n  color:#111827;\n\n  font-size:.82rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nACTIONS\n========================================================= *\/\n\n.tl-about-actions{\n\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:14px;\n\n  margin-bottom:18px;\n}\n\n\/* =========================================================\nBUTTONS\n========================================================= *\/\n\n.tl-about-btn-primary{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    1.05rem 1.4rem;\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-btn-primary:hover{\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 30px 64px rgba(249,115,22,.24);\n}\n\n.tl-about-btn-secondary{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    1.05rem 1.3rem;\n\n  border-radius:20px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.06);\n\n  color:#111827;\n\n  text-decoration:none;\n\n  font-size:.92rem;\n  font-weight:800;\n}\n\n\/* =========================================================\nNOTE\n========================================================= *\/\n\n.tl-about-note{\n\n  color:#6b7280;\n\n  font-size:.84rem;\n  font-weight:600;\n}\n\n\/* =========================================================\nVISUAL\n========================================================= *\/\n\n.tl-about-visual{\n\n  position:relative;\n}\n\n\/* =========================================================\nFRAME\n========================================================= *\/\n\n.tl-about-frame{\n\n  position:relative;\n\n  border-radius:38px;\n\n  overflow:hidden;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 50px 100px rgba(15,23,42,.10);\n}\n\n.tl-about-frame img{\n\n  width:100%;\n  height:auto;\n\n  display:block;\n}\n\n\/* =========================================================\nFLOATING\n========================================================= *\/\n\n.tl-about-floating{\n\n  position:absolute;\n\n  left:-30px;\n  bottom:30px;\n\n  width:260px;\n\n  padding:\n    20px;\n\n  border-radius:28px;\n\n  background:\n    rgba(255,255,255,.92);\n\n  backdrop-filter:blur(16px);\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 24px 54px rgba(15,23,42,.10);\n}\n\n\/* =========================================================\nFLOATING TOP\n========================================================= *\/\n\n.tl-about-floating-top{\n\n  display:flex;\n  align-items:center;\n\n  gap:14px;\n}\n\n\/* =========================================================\nICON\n========================================================= *\/\n\n.tl-about-floating-icon{\n\n  width:52px;\n  height:52px;\n\n  border-radius:18px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:#fff7ed;\n\n  color:#f97316;\n\n  font-size:1.3rem;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-floating-title{\n\n  color:#111827;\n\n  font-size:.92rem;\n  font-weight:850;\n}\n\n.tl-about-floating-sub{\n\n  color:#6b7280;\n\n  font-size:.76rem;\n\n  margin-top:4px;\n}\n\n\/* =========================================================\nLINE\n========================================================= *\/\n\n.tl-about-floating-line{\n\n  width:100%;\n  height:1px;\n\n  background:\n    rgba(15,23,42,.06);\n\n  margin:\n    16px 0;\n}\n\n\/* =========================================================\nPROOF\n========================================================= *\/\n\n.tl-about-floating-proof{\n\n  color:#111827;\n\n  font-size:.82rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .tl-about-inner{\n\n    grid-template-columns:1fr;\n\n    gap:60px;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-title{\n\n    font-size:2.8rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-actions{\n\n    flex-direction:column;\n  }\n\n  .tl-about-btn-primary,\n  .tl-about-btn-secondary{\n\n    width:100%;\n  }\n\n  .tl-about-floating{\n\n    position:relative;\n\n    left:auto;\n    bottom:auto;\n\n    width:100%;\n\n    margin-top:20px;\n  }\n\n\n}\n.tl-about-text{\n  color:#111827 !important;\n}\n\n.tl-about-note{\n  color:#111827 !important;\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-5fdd695 elementor-widget elementor-widget-html\" data-id=\"5fdd695\" 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 2\nTHE MODERN CREATOR PROBLEM\n========================================================= -->\n\n<section class=\"tl-about-problem\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-problem-glow tl-about-problem-glow-1\"><\/div>\n  <div class=\"tl-about-problem-glow tl-about-problem-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-problem-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-problem-head\">\n\n      <div class=\"tl-about-problem-badge\">\n        \u26a0\ufe0f Il problema oggi\n      <\/div>\n\n      <h2 class=\"tl-about-problem-title\">\n\n        Le creazioni circolano pi\u00f9 velocemente della loro protezione.\n\n      <\/h2>\n\n      <p class=\"tl-about-problem-text\">\n\n        Un beat inviato su Discord, una topline condivisa in un messaggio, una demo inviata a un\u2019etichetta, un estratto pubblicato su TikTok o un progetto spedito a un collaboratore: oggi, una creazione pu\u00f2 essere copiata, ripubblicata, riutilizzata o modificata in pochi minuti.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    GRID\n    ========================================================== -->\n\n    <div class=\"tl-about-problem-grid\">\n\n      <!-- =========================================================\n      CARD\n      ========================================================== -->\n\n      <div class=\"tl-about-problem-card\">\n\n        <div class=\"tl-about-problem-icon\">\n          \ud83c\udfa7\n        <\/div>\n\n        <h3>\n          Demo che circolano\n        <\/h3>\n\n        <p>\n\n          I brani, beat e demo sono spesso inviati prima di essere protetti.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- =========================================================\n      CARD\n      ========================================================== -->\n\n      <div class=\"tl-about-problem-card tl-about-problem-card-center\">\n\n        <div class=\"tl-about-problem-live\">\n          Molto frequente\n        <\/div>\n\n        <div class=\"tl-about-problem-icon\">\n          \u26a1\n        <\/div>\n\n        <h3>\n          Repost &amp; riutilizzi\n        <\/h3>\n\n        <p>\n\n          Un\u2019idea musicale pu\u00f2 essere ripresa, trasformata o diffusa senza credito.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- =========================================================\n      CARD\n      ========================================================== -->\n\n      <div class=\"tl-about-problem-card\">\n\n        <div class=\"tl-about-problem-icon\">\n          \ud83e\udd1d\n        <\/div>\n\n        <h3>\n          Collaborazioni poco chiare\n        <\/h3>\n\n        <p>\n\n          Senza una prova chiara, i conflitti tra artisti, produttori o autori diventano complicati.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- =========================================================\n      CARD\n      ========================================================== -->\n\n      <div class=\"tl-about-problem-card\">\n\n        <div class=\"tl-about-problem-icon\">\n          \ud83e\udde0\n        <\/div>\n\n        <h3>\n          Esplosione dell\u2019IA\n        <\/h3>\n\n        <p>\n\n          I contenuti generati, remixati o reinterpretati rendono ancora pi\u00f9 essenziale la prova dell\u2019origine.\n\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    QUOTE\n    ========================================================== -->\n\n    <div class=\"tl-about-problem-quote\">\n\n      <div class=\"tl-about-problem-line\"><\/div>\n\n      <p>\n\n        Il diritto d\u2019autore esiste automaticamente.\n        <strong>\n          Ma senza una prova chiara, dimostrare la priorit\u00e0 diventa difficile.\n        <\/strong>\n\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-problem{\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-problem-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-problem-glow-1{\n\n  width:340px;\n  height:340px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  top:-120px;\n  left:-120px;\n}\n\n.tl-about-problem-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.05);\n\n  bottom:-100px;\n  right:-100px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-problem-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1240px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-problem-head{\n\n  max-width:920px;\n\n  margin:\n    0 auto\n    70px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-problem-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-problem-title{\n\n  font-size:clamp(2.8rem,5vw,5.2rem);\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-problem-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\/* =========================================================\nGRID\n========================================================= *\/\n\n.tl-about-problem-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:24px;\n\n  margin-bottom:70px;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-problem-card{\n\n  position:relative;\n\n  padding:\n    32px 28px;\n\n  border-radius:30px;\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    border-color .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-problem-card:hover{\n\n  transform:\n    translateY(-4px);\n\n  border-color:\n    rgba(249,115,22,.16);\n\n  box-shadow:\n    0 30px 60px rgba(0,0,0,.30);\n}\n\n\/* =========================================================\nCENTER CARD\n========================================================= *\/\n\n.tl-about-problem-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-problem-live{\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  padding:\n    .38rem .65rem;\n\n  border-radius:999px;\n\n  background:#ffffff;\n\n  color:#111827;\n\n  font-size:.65rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\nICON\n========================================================= *\/\n\n.tl-about-problem-icon{\n\n  width:70px;\n  height:70px;\n\n  border-radius:24px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(249,115,22,.12),\n      rgba(255,255,255,.03)\n    );\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#fdba74;\n\n  font-size:1.8rem;\n\n  margin-bottom:24px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-problem-card h3{\n\n  font-size:1.18rem;\n\n  line-height:1.15;\n\n  letter-spacing:-0.03em;\n\n  font-weight:900;\n\n  color:#ffffff;\n\n  margin:\n    0 0 14px;\n}\n\n.tl-about-problem-card p{\n\n  font-size:.92rem;\n  line-height:1.85;\n\n  color:rgba(255,255,255,.68);\n\n  margin:0;\n}\n\n\/* =========================================================\nQUOTE\n========================================================= *\/\n\n.tl-about-problem-quote{\n\n  max-width:920px;\n\n  margin:0 auto;\n\n  text-align:center;\n}\n\n\/* =========================================================\nLINE\n========================================================= *\/\n\n.tl-about-problem-line{\n\n  width:120px;\n  height:1px;\n\n  margin:\n    0 auto\n    28px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(249,115,22,.6),\n      transparent\n    );\n}\n\n\/* =========================================================\nQUOTE TEXT\n========================================================= *\/\n\n.tl-about-problem-quote p{\n\n  margin:0;\n\n  font-size:1.2rem;\n  line-height:1.9;\n\n  color:rgba(255,255,255,.82);\n}\n\n.tl-about-problem-quote strong{\n\n  color:#ffffff;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n  .tl-about-problem-grid{\n\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-problem-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-problem-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-problem-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-problem-grid{\n\n    grid-template-columns:1fr;\n  }\n\n  .tl-about-problem-card{\n\n    padding:28px 22px;\n  }\n\n  .tl-about-problem-quote p{\n\n    font-size:1rem;\n\n    line-height:1.8;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\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 ABOUT SECTION 3\nWHY TUNELOCKR EXISTS\n========================================================= -->\n\n<section class=\"tl-about-origin\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-origin-glow tl-about-origin-glow-1\"><\/div>\n  <div class=\"tl-about-origin-glow tl-about-origin-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-origin-inner\">\n\n    <!-- =========================================================\n    LEFT\n    ========================================================== -->\n\n    <div class=\"tl-about-origin-content\">\n\n      <div class=\"tl-about-origin-badge\">\n        \ud83d\ude80 Perch\u00e9 esiste TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-origin-title\">\n\n        La protezione musicale doveva diventare istantanea, moderna e accessibile.\n\n      <\/h2>\n\n      <p class=\"tl-about-origin-text\">\n\n        Per anni, proteggere una creazione significava: procedure lunghe, piattaforme complesse, prove difficili da ottenere e procedure spesso scoraggianti per gli artisti indipendenti.\n\n      <\/p>\n\n      <p class=\"tl-about-origin-text\">\n\n        Nel frattempo, le creazioni continuavano a circolare ovunque: Discord, Dropbox, TikTok, WhatsApp, etichette, collaboratori, social network e piattaforme di streaming.\n\n      <\/p>\n\n      <p class=\"tl-about-origin-text\">\n\n        TuneLockr \u00e8 stato ideato per rispondere a questa nuova realt\u00e0: permettere ai creatori di proteggere le loro opere prima ancora che inizino a circolare.\n\n      <\/p>\n\n      <!-- QUOTE -->\n      <div class=\"tl-about-origin-quote\">\n\n        \u201cUna prova semplice, immediata e sicura dovrebbe esistere fin dal primo scambio.\u201d\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    RIGHT\n    ========================================================== -->\n\n    <div class=\"tl-about-origin-side\">\n\n      <!-- CARD 1 -->\n      <div class=\"tl-about-origin-card\">\n\n        <div class=\"tl-about-origin-icon\">\n          \u26a1\n        <\/div>\n\n        <h3>\n          Istantaneo\n        <\/h3>\n\n        <p>\n\n          Deposito rapido, prova immediata, protezione prima della diffusione.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- CARD 2 -->\n      <div class=\"tl-about-origin-card tl-about-origin-card-center\">\n\n        <div class=\"tl-about-origin-live\">\n          Infrastruttura moderna\n        <\/div>\n\n        <div class=\"tl-about-origin-icon\">\n          \ud83e\uddec\n        <\/div>\n\n        <h3>\n          Blockchain Tezos\n        <\/h3>\n\n        <p>\n\n          Marcatura temporale sicura, certificato verificabile e tracciabilit\u00e0 delle prove.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- CARD 3 -->\n      <div class=\"tl-about-origin-card\">\n\n        <div class=\"tl-about-origin-icon\">\n          \ud83c\udf0d\n        <\/div>\n\n        <h3>\n          Pensato per i creatori\n        <\/h3>\n\n        <p>\n\n          Artisti, beatmaker, produttori, topliner, autori e indipendenti.\n\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-origin{\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\/* =========================================================\nGLOWS\n========================================================= *\/\n\n.tl-about-origin-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-origin-glow-1{\n\n  width:360px;\n  height:360px;\n\n  background:\n    rgba(249,115,22,.08);\n\n  top:-160px;\n  left:-120px;\n}\n\n.tl-about-origin-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.05);\n\n  bottom:-100px;\n  right:-80px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-origin-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n\n  display:grid;\n\n  grid-template-columns:\n    1.1fr .9fr;\n\n  gap:70px;\n\n  align-items:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-origin-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-origin-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-origin-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:#374151;\n\n  margin:\n    0 0 22px;\n}\n\n\/* =========================================================\nQUOTE\n========================================================= *\/\n\n.tl-about-origin-quote{\n\n  margin-top:38px;\n\n  padding:\n    28px 30px;\n\n  border-radius:28px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #111827,\n      #0b0b0c\n    );\n\n  border:\n    1px solid rgba(255,255,255,.05);\n\n  color:#ffffff;\n\n  font-size:1.05rem;\n  line-height:1.8;\n\n  font-weight:700;\n\n  letter-spacing:-0.02em;\n\n  box-shadow:\n    0 30px 70px rgba(15,23,42,.12);\n}\n\n\/* =========================================================\nSIDE\n========================================================= *\/\n\n.tl-about-origin-side{\n\n  display:grid;\n\n  gap:24px;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-origin-card{\n\n  position:relative;\n\n  padding:\n    34px 30px;\n\n  border-radius:32px;\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-origin-card:hover{\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 30px 64px rgba(15,23,42,.08);\n}\n\n\/* =========================================================\nCENTER CARD\n========================================================= *\/\n\n.tl-about-origin-card-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-origin-live{\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  padding:\n    .42rem .75rem;\n\n  border-radius:999px;\n\n  background:#111827;\n\n  color:#ffffff;\n\n  font-size:.65rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\nICON\n========================================================= *\/\n\n.tl-about-origin-icon{\n\n  width:74px;\n  height:74px;\n\n  border-radius:24px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fff7ed,\n      #ffedd5\n    );\n\n  border:\n    1px solid rgba(249,115,22,.10);\n\n  box-shadow:\n    0 18px 40px rgba(249,115,22,.08);\n\n  font-size:1.9rem;\n\n  margin-bottom:24px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-origin-card h3{\n\n  font-size:1.3rem;\n\n  line-height:1.08;\n\n  letter-spacing:-0.03em;\n\n  font-weight:900;\n\n  color:#111827;\n\n  margin:\n    0 0 14px;\n}\n\n.tl-about-origin-card p{\n\n  font-size:.94rem;\n  line-height:1.85;\n\n  color:#6b7280;\n\n  margin:0;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .tl-about-origin-inner{\n\n    grid-template-columns:1fr;\n\n    gap:60px;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-origin-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-origin-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-origin-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-origin-card{\n\n    padding:28px 24px;\n  }\n\n  .tl-about-origin-quote{\n\n    padding:24px;\n\n    font-size:.98rem;\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-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 ABOUT SECTION 4\nHOW THE PROOF WORKS\n========================================================= -->\n\n<section class=\"tl-about-proof\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-proof-glow tl-about-proof-glow-1\"><\/div>\n  <div class=\"tl-about-proof-glow tl-about-proof-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-proof-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-proof-head\">\n\n      <div class=\"tl-about-proof-badge\">\n        \ud83e\uddec Come funziona la prova\n      <\/div>\n\n      <h2 class=\"tl-about-proof-title\">\n\n        Un'infrastruttura moderna pensata per proteggere le creazioni digitali.\n\n      <\/h2>\n\n      <p class=\"tl-about-proof-text\">\n\n        Ogni deposito TuneLockr genera un'impronta crittografica unica, collegata alla tua creazione, poi datata tramite un'infrastruttura blockchain sicura.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    TIMELINE\n    ========================================================== -->\n\n    <div class=\"tl-about-proof-timeline\">\n\n      <!-- STEP -->\n      <div class=\"tl-about-proof-step\">\n\n        <div class=\"tl-about-proof-number\">\n          01\n        <\/div>\n\n        <div class=\"tl-about-proof-card\">\n\n          <div class=\"tl-about-proof-icon\">\n            \ud83d\udcc2\n          <\/div>\n\n          <h3>\n            Deposito del file\n          <\/h3>\n\n          <p>\n\n            La tua musica, beat, testo, progetto DAW o documento viene inviato in uno spazio protetto.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- STEP -->\n      <div class=\"tl-about-proof-step\">\n\n        <div class=\"tl-about-proof-number\">\n          02\n        <\/div>\n\n        <div class=\"tl-about-proof-card tl-about-proof-card-center\">\n\n          <div class=\"tl-about-proof-live\">\n            Blockchain\n          <\/div>\n\n          <div class=\"tl-about-proof-icon\">\n            \ud83e\uddec\n          <\/div>\n\n          <h3>\n            Creazione dell\u2019impronta\n          <\/h3>\n\n          <p>\n\n            Viene generata una firma crittografica unica e poi datata sulla blockchain di Tezos.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- STEP -->\n      <div class=\"tl-about-proof-step\">\n\n        <div class=\"tl-about-proof-number\">\n          03\n        <\/div>\n\n        <div class=\"tl-about-proof-card\">\n\n          <div class=\"tl-about-proof-icon\">\n            \ud83d\udcc4\n          <\/div>\n\n          <h3>\n            Certificato PDF\n          <\/h3>\n\n          <p>\n\n            Ricevi una prova datata, verificabile e conservata nel tuo spazio personale.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- STEP -->\n      <div class=\"tl-about-proof-step\">\n\n        <div class=\"tl-about-proof-number\">\n          04\n        <\/div>\n\n        <div class=\"tl-about-proof-card\">\n\n          <div class=\"tl-about-proof-icon\">\n            \ud83d\udd12\n          <\/div>\n\n          <h3>\n            Protezione duratura\n          <\/h3>\n\n          <p>\n\n            I tuoi certificati restano collegati alle tue creazioni e sono accessibili in qualsiasi momento.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    BOTTOM\n    ========================================================== -->\n\n    <div class=\"tl-about-proof-bottom\">\n\n      <div class=\"tl-about-proof-quote\">\n\n        Il contenuto delle tue opere rimane privato: solo l\u2019impronta crittografica viene utilizzata per creare la prova.\n\n      <\/div>\n\n      <!-- TRUST -->\n      <div class=\"tl-about-proof-trust\">\n\n        <div class=\"tl-about-proof-pill\">\n          \u2714 Marca temporale sicura\n        <\/div>\n\n        <div class=\"tl-about-proof-pill\">\n          \ud83e\uddec Blockchain Tezos\n        <\/div>\n\n        <div class=\"tl-about-proof-pill\">\n          \ud83c\uddea\ud83c\uddfa Conforme eIDAS\n        <\/div>\n\n        <div class=\"tl-about-proof-pill\">\n          \ud83d\udd12 File privati\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-proof{\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-proof-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-proof-glow-1{\n\n  width:340px;\n  height:340px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  top:-120px;\n  left:-120px;\n}\n\n.tl-about-proof-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.05);\n\n  bottom:-100px;\n  right:-100px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-proof-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-proof-head{\n\n  max-width:920px;\n\n  margin:\n    0 auto\n    80px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-proof-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-proof-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-proof-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\n========================================================= *\/\n\n.tl-about-proof-timeline{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:24px;\n\n  margin-bottom:80px;\n}\n\n\/* =========================================================\nSTEP\n========================================================= *\/\n\n.tl-about-proof-step{\n\n  position:relative;\n}\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n.tl-about-proof-number{\n\n  margin-bottom:16px;\n\n  color:\n    rgba(249,115,22,.8);\n\n  font-size:.82rem;\n  font-weight:900;\n\n  letter-spacing:.16em;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-proof-card{\n\n  position:relative;\n\n  height:100%;\n\n  padding:\n    32px 28px;\n\n  border-radius:30px;\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-proof-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-proof-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-proof-live{\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  padding:\n    .38rem .65rem;\n\n  border-radius:999px;\n\n  background:#ffffff;\n\n  color:#111827;\n\n  font-size:.65rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\nICON\n========================================================= *\/\n\n.tl-about-proof-icon{\n\n  width:72px;\n  height:72px;\n\n  border-radius:24px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(249,115,22,.12),\n      rgba(255,255,255,.03)\n    );\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#fdba74;\n\n  font-size:1.9rem;\n\n  margin-bottom:24px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-proof-card h3{\n\n  font-size:1.18rem;\n\n  line-height:1.15;\n\n  letter-spacing:-0.03em;\n\n  font-weight:900;\n\n  color:#ffffff;\n\n  margin:\n    0 0 14px;\n}\n\n.tl-about-proof-card p{\n\n  font-size:.92rem;\n  line-height:1.85;\n\n  color:rgba(255,255,255,.68);\n\n  margin:0;\n}\n\n\/* =========================================================\nBOTTOM\n========================================================= *\/\n\n.tl-about-proof-bottom{\n\n  max-width:980px;\n\n  margin:0 auto;\n\n  text-align:center;\n}\n\n\/* =========================================================\nQUOTE\n========================================================= *\/\n\n.tl-about-proof-quote{\n\n  margin-bottom:34px;\n\n  font-size:1.15rem;\n  line-height:1.9;\n\n  color:rgba(255,255,255,.84);\n\n  font-weight:600;\n}\n\n\/* =========================================================\nTRUST\n========================================================= *\/\n\n.tl-about-proof-trust{\n\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n\n  gap:14px;\n}\n\n\/* =========================================================\nPILLS\n========================================================= *\/\n\n.tl-about-proof-pill{\n\n  padding:\n    .9rem 1rem;\n\n  border-radius:18px;\n\n  background:\n    rgba(255,255,255,.05);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  color:#ffffff;\n\n  font-size:.82rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n  .tl-about-proof-timeline{\n\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-proof-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-proof-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-proof-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-proof-timeline{\n\n    grid-template-columns:1fr;\n  }\n\n  .tl-about-proof-card{\n\n    padding:28px 22px;\n  }\n\n  .tl-about-proof-quote{\n\n    font-size:1rem;\n\n    line-height:1.8;\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-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<div class=\"elementor-element elementor-element-1511593 elementor-widget elementor-widget-html\" data-id=\"1511593\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"tunelockr-eternal-proof\">\n\n  <div class=\"tlp-grid\">\n\n    <!-- VISUEL -->\n\n    <div class=\"tlp-visual\">\n\n      <div class=\"tlp-cert\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre7.png\"\n          alt=\"Certificato TuneLockr\"\n        >\n\n      <\/div>\n\n      <div class=\"tlp-storage\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/Free-Photo-Free-photo-top-view-hard-drive-with-orange-light-2024-01-03-18-05-45.png\"\n          alt=\"Protezione Blockchain\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n    <!-- CONTENU -->\n\n    <div class=\"tlp-content\">\n\n      <div class=\"tlp-badge\">\n        Blockchain Tezos\n      <\/div>\n\n      <h2 class=\"tlp-title\">\n        Una protezione\n        <span>eterna.<\/span>\n      <\/h2>\n\n      <p class=\"tlp-text\">\n        Ogni deposito su TuneLockr viene registrato sulla blockchain Tezos per creare una prova di priorit\u00e0 affidabile, con data certa e verificabile in qualsiasi momento.\n      <\/p>\n\n      <div class=\"tlp-list\">\n\n        <div class=\"tlp-item\">\n          \u2713 Marcatura temporale certificata\n        <\/div>\n\n        <div class=\"tlp-item\">\n          \u2713 Verificabile in qualsiasi momento\n        <\/div>\n\n        <div class=\"tlp-item\">\n          \u2713 Protezione duratura\n        <\/div>\n\n      <\/div>\n\n      <div class=\"tlp-proof\">\n\n        <strong>\n          Il diritto d\u2019autore esiste automaticamente.\n        <\/strong>\n\n        <p>\n          TuneLockr aggiunge una prova permanente su blockchain che permette di dimostrare semplicemente la tua priorit\u00e0.\n        <\/p>\n\n      <\/div>\n\n      <a\n        href=\"https:\/\/app.tunelockr.com\/depot\"\n        class=\"tlp-btn\"\n      >\n        \ud83d\udee1\ufe0f Proteggi la mia opera\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================\nSECTION ISOL\u00c9E\n========================= *\/\n\n#tunelockr-eternal-proof{\n\n  padding:100px 24px;\n\n  background:\n  linear-gradient(\n    180deg,\n    #ffffff 0%,\n    #fffaf5 100%\n  );\n\n  overflow:hidden;\n}\n\n\/* =========================\nLAYOUT\n========================= *\/\n\n#tunelockr-eternal-proof .tlp-grid{\n\n  max-width:1180px;\n\n  margin:0 auto;\n\n  display:grid;\n\n  grid-template-columns:\n    1fr\n    1fr;\n\n  gap:90px;\n\n  align-items:center;\n}\n\n\/* =========================\nVISUELS\n========================= *\/\n\n#tunelockr-eternal-proof .tlp-visual{\n\n  position:relative;\n}\n\n#tunelockr-eternal-proof .tlp-visual::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:320px;\n  height:320px;\n\n  border-radius:999px;\n\n  background:#fb923c;\n\n  opacity:.12;\n\n  filter:blur(120px);\n\n  top:50%;\n  left:50%;\n\n  transform:\n  translate(-50%,-50%);\n}\n\n\/* CERTIFICAT *\/\n\n#tunelockr-eternal-proof .tlp-cert{\n\n  position:relative;\n\n  z-index:2;\n\n  padding:24px;\n\n  border-radius:32px;\n\n  background:\n  rgba(255,255,255,.65);\n\n  backdrop-filter:\n  blur(10px);\n\n  border:\n  1px solid rgba(255,255,255,.7);\n\n  box-shadow:\n  0 30px 80px rgba(15,23,42,.08);\n}\n\n#tunelockr-eternal-proof .tlp-cert img{\n\n  width:100%;\n\n  display:block;\n}\n\n\/* IMAGE FLOTTANTE *\/\n\n#tunelockr-eternal-proof .tlp-storage{\n\n  position:absolute;\n\n  width:240px;\n\n  right:-10px;\n  bottom:-20px;\n\n  overflow:hidden;\n\n  border-radius:24px;\n\n  border:8px solid #fff;\n\n  box-shadow:\n  0 24px 60px rgba(15,23,42,.15);\n\n  z-index:3;\n}\n\n#tunelockr-eternal-proof .tlp-storage img{\n\n  width:100%;\n\n  display:block;\n}\n\n\/* =========================\nCONTENU\n========================= *\/\n\n#tunelockr-eternal-proof .tlp-badge{\n\n  display:inline-flex;\n\n  padding:10px 16px;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  color:#c2410c;\n\n  font-size:14px;\n\n  font-weight:700;\n\n  margin-bottom:20px;\n}\n\n#tunelockr-eternal-proof .tlp-title{\n\n  margin:0 0 20px;\n\n  font-size:clamp(42px,5vw,72px);\n\n  line-height:.95;\n\n  font-weight:900;\n\n  letter-spacing:-0.05em;\n\n  color:#0f172a;\n}\n\n#tunelockr-eternal-proof .tlp-title span{\n\n  display:block;\n\n  color:#f97316;\n}\n\n#tunelockr-eternal-proof .tlp-text{\n\n  margin:0 0 28px;\n\n  color:#475569;\n\n  font-size:17px;\n\n  line-height:1.9;\n}\n\n\/* LISTE *\/\n\n#tunelockr-eternal-proof .tlp-list{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:14px;\n\n  margin-bottom:32px;\n}\n\n#tunelockr-eternal-proof .tlp-item{\n\n  color:#0f172a;\n\n  font-weight:600;\n}\n\n\/* PREUVE *\/\n\n#tunelockr-eternal-proof .tlp-proof{\n\n  padding:24px;\n\n  border-radius:22px;\n\n  background:#fff;\n\n  border:\n  1px solid rgba(15,23,42,.06);\n\n  box-shadow:\n  0 12px 40px rgba(15,23,42,.05);\n\n  margin-bottom:30px;\n}\n\n#tunelockr-eternal-proof .tlp-proof strong{\n\n  display:block;\n\n  margin-bottom:8px;\n\n  color:#0f172a;\n}\n\n#tunelockr-eternal-proof .tlp-proof p{\n\n  margin:0;\n\n  color:#64748b;\n\n  line-height:1.8;\n}\n\n\/* CTA *\/\n\n#tunelockr-eternal-proof .tlp-btn{\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:16px 24px;\n\n  border-radius:16px;\n\n  background:#f97316;\n\n  color:#fff;\n\n  text-decoration:none;\n\n  font-weight:800;\n\n  transition:.25s;\n}\n\n#tunelockr-eternal-proof .tlp-btn:hover{\n\n  transform:\n  translateY(-2px);\n}\n\n\/* =========================\nMOBILE\n========================= *\/\n\n@media(max-width:980px){\n\n  #tunelockr-eternal-proof .tlp-grid{\n\n    grid-template-columns:1fr;\n\n    gap:60px;\n  }\n\n  #tunelockr-eternal-proof .tlp-storage{\n\n    position:relative;\n\n    width:100%;\n\n    right:auto;\n    bottom:auto;\n\n    margin-top:20px;\n  }\n\n  #tunelockr-eternal-proof .tlp-title{\n\n    font-size:42px;\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udee1\ufe0f \u00c0 propos de TuneLockr Une cr\u00e9ation peut circuler dans le monde entier en quelques secondes. Aujourd\u2019hui, un beat, une topline, une d\u00e9mo ou une id\u00e9e musicale peut \u00eatre envoy\u00e9e, partag\u00e9e, repost\u00e9e ou r\u00e9utilis\u00e9e instantan\u00e9ment. Pourtant, la majorit\u00e9 des cr\u00e9ateurs ne disposent toujours pas d\u2019une preuve simple, rapide et moderne pour prot\u00e9ger leur travail avant [&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":72,"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/pages\/5696\/revisions"}],"predecessor-version":[{"id":8644,"href":"https:\/\/tunelockr.com\/it\/wp-json\/wp\/v2\/pages\/5696\/revisions\/8644"}],"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}]}}