{"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\/en\/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 About TuneLockr\n\n      <\/div>\n\n      <!-- TITLE -->\n      <h1 class=\"tl-about-title\">\n\n        A creation can flow into the world in a matter of seconds.\n\n      <\/h1>\n\n      <!-- TEXT -->\n      <p class=\"tl-about-text\">\n\n        Today, a beat, a topline, a demo or a musical idea can be sent, shared, repost\u00e9e or re-used instantly.\n\n      <\/p>\n\n      <p class=\"tl-about-text\">\n\n        However, the majority of designers still do not have a proof simple, fast, and modern way to protect their work before publication.\n\n      <\/p>\n\n      <p class=\"tl-about-text\">\n\n        TuneLockr is born to solve this problem : allow artists, beatmakers, producers, and writers to prove their creations at the exact moment where they begin to circulate.\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 Certificate stamped\n        <\/div>\n\n        <div class=\"tl-about-pill\">\n          \ud83c\uddea\ud83c\uddfa Consistent 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 Protect my creation\n\n        <\/a>\n\n        <a href=\"https:\/\/app.tunelockr.com\/\"\n           class=\"tl-about-btn-secondary\">\n\n          Discover the platform\n\n        <\/a>\n\n      <\/div>\n\n      <!-- NOTE -->\n      <div class=\"tl-about-note\">\n\n        \u26a1 Immediate \u2022 \ud83d\udd12 Private \u2022 \ud83d\udcc4 Valid for life\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=\"Interface 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              Proof blockchain\n            <\/div>\n\n            <div class=\"tl-about-floating-sub\">\n              Timestamp secure\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 Certificate PDF verifiable\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 The problem today\n      <\/div>\n\n      <h2 class=\"tl-about-problem-title\">\n\n        The creations move more quickly than their protection.\n\n      <\/h2>\n\n      <p class=\"tl-about-problem-text\">\n\n        A beat sent on Discord, a topline that is shared by a message, a demo transferred to a label, an excerpt posted on TikTok or a project sent to a collaborator : today, a design may be copied, repost\u00e9e, reused, or modified in a few minutes.\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          Demos in circulation\n        <\/h3>\n\n        <p>\n\n          The songs, the beats, and models are often sent before to be protected.\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          Very common\n        <\/div>\n\n        <div class=\"tl-about-problem-icon\">\n          \u26a1\n        <\/div>\n\n        <h3>\n          Reposts &amp; re-use\n        <\/h3>\n\n        <p>\n\n          A musical idea can be reversed, transformed or circulated without credit.\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          Collaborations blurry\n        <\/h3>\n\n        <p>\n\n          Without clear evidence, the conflict between artists, producers, or writers become complicated.\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          Explosion of AI\n        <\/h3>\n\n        <p>\n\n          Generated content, remixed or re-interpreted render the proof of origin even more essential.\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        Copyright exists automatically.\n        <strong>\n          But without clear evidence, prove aging is becoming difficult.\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 Why TuneLockr exists\n      <\/div>\n\n      <h2 class=\"tl-about-origin-title\">\n\n        The protection of music was to become instant, modern and accessible.\n\n      <\/h2>\n\n      <p class=\"tl-about-origin-text\">\n\n        For years, protect a creation meant : lengthy, complex platforms, evidence is difficult to obtain and approaches often daunting for independent artists.\n\n      <\/p>\n\n      <p class=\"tl-about-origin-text\">\n\n        During this time, the creations continued to circulate everywhere : Discord, Dropbox, TikTok, WhatsApp, labels, collaborators, networks, and social platforms of streaming.\n\n      <\/p>\n\n      <p class=\"tl-about-origin-text\">\n\n        TuneLockr has been designed to respond to this new reality : enable creators to protect their work before they begin to flow.\n\n      <\/p>\n\n      <!-- QUOTE -->\n      <div class=\"tl-about-origin-quote\">\n\n        \u201cA simple proof, immediate, and secure it should exist from the first partition.\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          Snapshot\n        <\/h3>\n\n        <p>\n\n          Quick deposit, proof of immediate protection before mailing.\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          Modern Infrastructure\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          Timestamp secure, certificate verifiable and traceable evidence.\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          Thought for the creators\n        <\/h3>\n\n        <p>\n\n          Artists, beatmakers, producers, topliners, authors and independent.\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 How does the evidence\n      <\/div>\n\n      <h2 class=\"tl-about-proof-title\">\n\n        A modern infrastructure thought to protect the digital creations.\n\n      <\/h2>\n\n      <p class=\"tl-about-proof-text\">\n\n        Each deposit TuneLockr generates a thumbprint is a cryptographic, single, related to your creation, then time-stamped via an infrastructure blockchain secure.\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            Deposit of the file\n          <\/h3>\n\n          <p>\n\n            Your music, beat, text, project, MAO or document is sent in a secure space.\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            Creation of the footprint\n          <\/h3>\n\n          <p>\n\n            A cryptographic signature single is generated and time-stamped on the blockchain 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            Certificate PDF\n          <\/h3>\n\n          <p>\n\n            You receive the dated proof, verifiable, and stored in your personal space.\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            Durable Protection\n          <\/h3>\n\n          <p>\n\n            Your certificates will remain linked to your creations, and accessible at any time.\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        The content of your work remains private : only the thumbprint is a cryptographic is used to create the proof.\n\n      <\/div>\n\n      <!-- TRUST -->\n      <div class=\"tl-about-proof-trust\">\n\n        <div class=\"tl-about-proof-pill\">\n          \u2714 Timestamp secure\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 Consistent eIDAS\n        <\/div>\n\n        <div class=\"tl-about-proof-pill\">\n          \ud83d\udd12 Private files\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          Protection creative\n        <\/div>\n\n      <\/div>\n\n      <!-- FLOATING ITEMS -->\n\n      <div class=\"tl-about-assets-float tl-float-1\">\n        \ud83c\udfb5 Music\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-2\">\n        \ud83c\udfa7 Beats\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-3\">\n        \ud83d\udcdd Lyrics\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-4\">\n        \ud83c\udfbc Partitions\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-5\">\n        \ud83d\udca1 Toplines\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-6\">\n        \ud83d\udcc2 Projects MAO\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 Documents\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 What TuneLockr protects\n      <\/div>\n\n      <h2 class=\"tl-about-assets-title\">\n\n        All creation merit evidence.\n\n      <\/h2>\n\n      <p class=\"tl-about-assets-text\">\n\n        TuneLockr protects not only of pieces finalized. The first ideas, mockups, demos, toplines, ongoing projects, collaborations or documents to be creative can also be deposited.\n\n      <\/p>\n\n      <p class=\"tl-about-assets-text\">\n\n        In reality, the majority of conflicts appear well before the official release : when a private share, a collaboration, send a beat or a frontloading.\n\n      <\/p>\n\n      <!-- LIST -->\n      <div class=\"tl-about-assets-list\">\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Music &amp; masters\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Beats &amp; instrumentals\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Toplines &amp; melodies\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Texts &amp; words\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Stems &amp; projects MAO\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Contracts &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 File creation\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 The team TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-team-title\">\n\n        A team passionate about the protection of creators.\n\n      <\/h2>\n\n      <p class=\"tl-about-team-text\">\n\n        Developers, designers, product experts, blockchain and music : TuneLockr brings together complementary profiles around a single mission : to secure the digital creations.\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; Product Vision\n          <\/div>\n\n          <p>\n\n            Product Vision, creative infrastructure and user experience.\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            Legal &amp; Copyright\n          <\/div>\n\n          <p>\n\n            Copyright, compliance and protection of digital works.\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          Core Team\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            Blockchain Engineer\n          <\/div>\n\n          <p>\n\n            Infrastructure Tezos, cryptographic security and traceability 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            Creative Partnerships\n          <\/div>\n\n          <p>\n\n            Relationships artists, community, and creative collaborations.\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            Security &amp; Infrastructure\n          <\/div>\n\n          <p>\n\n            Cloud Architecture, privacy and data security.\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 The evolution of TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-timeline-title\">\n\n        Build a modern infrastructure for creators.\n\n      <\/h2>\n\n      <p class=\"tl-about-timeline-text\">\n\n        Since its inception, TuneLockr evolves with a clear mission : to make the protection of creations faster, more accessible and adapted to the digital age.\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            The initial findings\n          <\/h3>\n\n          <p>\n\n            Observation of the difficulties encountered by the independent artists to prove the precedence of their creations.\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            Infrastructure development\n          <\/h3>\n\n          <p>\n\n            Construction of the first filing systems, fingerprint cryptographic and timestamp secure.\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          Key step\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            Integrating blockchain Tezos\n          <\/h3>\n\n          <p>\n\n            Deployment of an infrastructure blockchain allowing a timestamp modern, verifiable and sustainable.\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            International growth\n          <\/h3>\n\n          <p>\n\n            Thousands of creations protected in more than 170 countries by artists, beatmakers, and producers.\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            Today\n          <\/div>\n\n          <h3>\n            New generation of protection\n          <\/h3>\n\n          <p>\n\n            TuneLockr continues to evolve to support the creators in a world dominated by AI and digital content.\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\/ChatGPT-Image-18-mars-2026-17_04_12.jpg\"\n          alt=\"Certificate 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=\"Protection 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        Protection\n        <span>eternal.<\/span>\n      <\/h2>\n\n      <p class=\"tlp-text\">\n        Each deposit TuneLockr is recorded on the blockchain Tezos to create a proof of anteriority, reliable, time-stamped and verifiable at any time.\n      <\/p>\n\n      <div class=\"tlp-list\">\n\n        <div class=\"tlp-item\">\n          \u2713 Time-stamp certified\n        <\/div>\n\n        <div class=\"tlp-item\">\n          \u2713 Verifiable at any time\n        <\/div>\n\n        <div class=\"tlp-item\">\n          \u2713 Long-lasting Protection\n        <\/div>\n\n      <\/div>\n\n      <div class=\"tlp-proof\">\n\n        <strong>\n          Copyright exists automatically.\n        <\/strong>\n\n        <p>\n          TuneLockr adds a proof blockchain permanent to demonstrate your anticipation simply.\n        <\/p>\n\n      <\/div>\n\n      <a\n        href=\"https:\/\/app.tunelockr.com\/depot\"\n        class=\"tlp-btn\"\n      >\n        \ud83d\udee1\ufe0f Protect my work\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\/en\/wp-json\/wp\/v2\/pages\/5696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/comments?post=5696"}],"version-history":[{"count":72,"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/pages\/5696\/revisions"}],"predecessor-version":[{"id":8644,"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/pages\/5696\/revisions\/8644"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/media\/6683"}],"wp:attachment":[{"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/media?parent=5696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}