{"id":10,"date":"2023-05-16T05:49:24","date_gmt":"2023-05-16T05:49:24","guid":{"rendered":"https:\/\/staging.liquid-themes.com\/ai-demo5\/?page_id=10"},"modified":"2026-08-21T21:46:06","modified_gmt":"2026-08-21T19:46:06","slug":"home","status":"publish","type":"page","link":"https:\/\/tunelockr.com\/es\/","title":{"rendered":"Prot\u00e9ger sa Musique : Preuve Certifi\u00e9e en 2 Minutes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-689af49 e-flex e-con-boxed e-con e-parent\" data-id=\"689af49\" 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-a963eda elementor-widget elementor-widget-spacer\" data-id=\"a963eda\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 28-02-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5191e42 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5191e42\" 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 HERO HEADER\nLIGHT ENHANCED v6 \u2014 RIGHTS PLATFORM\n\nDisponible :\n- Protection\n- Licences\n- Autorisations\n- Licences r\u00e9mun\u00e9r\u00e9es\n- Gestion des usages IA\n\nBient\u00f4t :\n- Surveillance musicale\n\nIllustration haute + logo principal + carte secondaire\n========================================================= -->\n\n<section class=\"tl-hero-light\">\n\n  <!-- ICON SPRITE -->\n  <svg class=\"tl-hl-icons-def\" width=\"0\" height=\"0\" aria-hidden=\"true\">\n    <defs>\n\n      <symbol id=\"tl-ic-shield\" viewBox=\"0 0 24 24\">\n        <path\n          d=\"M12 2.5 4.5 5.5v5.4c0 5 3.2 8.8 7.5 10.6 4.3-1.8 7.5-5.6 7.5-10.6V5.5L12 2.5Z\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n          stroke-linejoin=\"round\"\n        \/>\n        <path\n          d=\"M8.7 12.1 11 14.4l4.6-4.8\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        \/>\n      <\/symbol>\n\n      <symbol id=\"tl-ic-file\" viewBox=\"0 0 24 24\">\n        <path\n          d=\"M7 3h7l4 4v14H7z\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n          stroke-linejoin=\"round\"\n        \/>\n        <path\n          d=\"M14 3v5h5M10 13h5M10 17h3\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n          stroke-linecap=\"round\"\n        \/>\n      <\/symbol>\n\n      <symbol id=\"tl-ic-eye\" viewBox=\"0 0 24 24\">\n        <path\n          d=\"M2.5 12s3.6-6 9.5-6 9.5 6 9.5 6-3.6 6-9.5 6-9.5-6-9.5-6Z\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n        \/>\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"2.7\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n        \/>\n      <\/symbol>\n\n    <\/defs>\n  <\/svg>\n\n\n  <!-- STATIC GLOWS -->\n  <div class=\"tl-hl-glow tl-hl-glow-1\" aria-hidden=\"true\"><\/div>\n  <div class=\"tl-hl-glow tl-hl-glow-2\" aria-hidden=\"true\"><\/div>\n\n\n  <div class=\"tl-hl-inner\">\n\n    <!-- =====================================================\n         LEFT \u2014 CONTENT\n    ====================================================== -->\n    <div class=\"tl-hl-content\">\n\n      <div class=\"tl-hl-kicker\">\n        <span class=\"tl-hl-kicker-dot\"><\/span>\n        Protection & gestion des droits musicaux\n      <\/div>\n\n\n      <h1 class=\"tl-hl-title\">\n        Prot\u00e9ger sa musique.\n        <span>Et garder le contr\u00f4le sur ses usages.<\/span>\n      <\/h1>\n\n\n      <p class=\"tl-hl-text\">\n        D\u00e9posez votre cr\u00e9ation avant de la partager et obtenez en quelques minutes\n        une <strong>preuve d\u2019ant\u00e9riorit\u00e9 horodat\u00e9e et v\u00e9rifiable.<\/strong>\n        G\u00e9rez ensuite vos autorisations, cr\u00e9ez des\n        <strong>licences gratuites ou r\u00e9mun\u00e9r\u00e9es<\/strong>\n        et d\u00e9finissez les usages autoris\u00e9s de votre musique, y compris pour l\u2019IA.\n      <\/p>\n\n\n      <!-- PRODUCT CAPABILITIES -->\n      <div class=\"tl-hl-capabilities\">\n\n        <div class=\"tl-hl-capability is-live\">\n          <span class=\"tl-hl-capability-dot\"><\/span>\n          Licences mon\u00e9tisables\n        <\/div>\n\n        <i aria-hidden=\"true\"><\/i>\n\n        <div class=\"tl-hl-capability is-live\">\n          <span class=\"tl-hl-capability-dot\"><\/span>\n          Contr\u00f4le des usages IA\n        <\/div>\n\n        <i aria-hidden=\"true\"><\/i>\n\n        <div class=\"tl-hl-capability is-soon\">\n          <span class=\"tl-hl-capability-dot\"><\/span>\n          Surveillance musicale\n          <b>Bient\u00f4t<\/b>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CTA -->\n      <div class=\"tl-hl-row\">\n\n        <a\n          href=\"https:\/\/app.tunelockr.com\/depot\"\n          class=\"tl-hl-btn tl-hl-btn-primary\"\n        >\n\n          <svg\n            class=\"tl-hl-btn-icon\"\n            width=\"18\"\n            height=\"18\"\n            aria-hidden=\"true\"\n          >\n            <use href=\"#tl-ic-shield\"><\/use>\n          <\/svg>\n\n          Prot\u00e9ger ma musique\n\n          <span class=\"tl-hl-btn-arrow\">\u2192<\/span>\n\n        <\/a>\n\n\n        <a\n          href=\"https:\/\/tunelockr.com\/pricing\/\"\n          class=\"tl-hl-btn tl-hl-btn-secondary\"\n        >\n          Voir les offres\n        <\/a>\n\n      <\/div>\n\n\n      <!-- FREE OFFER -->\n      <div class=\"tl-hl-free\">\n\n        <span class=\"tl-hl-free-dot\"><\/span>\n\n        <strong>Premier d\u00e9p\u00f4t offert<\/strong>\n\n        <span>\u00b7<\/span>\n\n        sans carte bancaire\n\n      <\/div>\n\n\n      <!-- TRUST -->\n      <div class=\"tl-hl-trust\">\n\n        <div class=\"tl-hl-trust-item\">\n          <span>\u2713<\/span>\n          Fichier priv\u00e9\n        <\/div>\n\n        <div class=\"tl-hl-trust-item\">\n          <span>\u2713<\/span>\n          Horodatage v\u00e9rifiable\n        <\/div>\n\n        <div class=\"tl-hl-trust-item\">\n          <span>\u2713<\/span>\n          Certificat instantan\u00e9\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         RIGHT \u2014 VISUAL\n    ====================================================== -->\n\n    <a\n      href=\"https:\/\/app.tunelockr.com\/depot\"\n      class=\"tl-hl-visual\"\n      aria-label=\"Prot\u00e9ger une cr\u00e9ation avec TuneLockr\"\n    >\n\n      <div class=\"tl-hl-visual-stack\">\n\n\n        <!-- MAIN BRAND VISUAL -->\n        <div class=\"tl-hl-visual-media\">\n\n          <div class=\"tl-hl-mesh\" aria-hidden=\"true\"><\/div>\n\n          <div class=\"tl-hl-visual-glow\" aria-hidden=\"true\"><\/div>\n\n          <img fetchpriority=\"high\"\n            src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/07\/Design-sans-titre27.png\"\n            alt=\"TuneLockr, plateforme de protection et gestion des droits musicaux\"\n            class=\"tl-hl-image\"\n            width=\"480\"\n            height=\"480\"\n            fetchpriority=\"high\"\n            loading=\"eager\"\n            decoding=\"async\"\n          \/>\n\n        <\/div>\n\n\n        <!-- SECONDARY RIGHTS CARD -->\n        <div class=\"tl-hl-visual-card\" aria-hidden=\"true\">\n\n          <div class=\"tl-hl-visual-card-top\">\n\n            <span>Votre cr\u00e9ation<\/span>\n\n            <b>Music Rights<\/b>\n\n          <\/div>\n\n\n          <!-- PROTECT -->\n          <div class=\"tl-hl-visual-card-row is-active\">\n\n            <div class=\"tl-hl-visual-card-icon\">\n              <svg width=\"16\" height=\"16\">\n                <use href=\"#tl-ic-shield\"><\/use>\n              <\/svg>\n            <\/div>\n\n            <div class=\"tl-hl-visual-card-copy\">\n              <small>PROTECT<\/small>\n              <strong>Preuve horodat\u00e9e<\/strong>\n            <\/div>\n\n            <em>\u2713<\/em>\n\n          <\/div>\n\n\n          <!-- LICENSE -->\n          <div class=\"tl-hl-visual-card-row is-active\">\n\n            <div class=\"tl-hl-visual-card-icon\">\n              <svg width=\"16\" height=\"16\">\n                <use href=\"#tl-ic-file\"><\/use>\n              <\/svg>\n            <\/div>\n\n            <div class=\"tl-hl-visual-card-copy\">\n              <small>LICENSE<\/small>\n              <strong>Licences & autorisations<\/strong>\n            <\/div>\n\n            <em>\u2713<\/em>\n\n          <\/div>\n\n\n          <!-- MONITOR -->\n          <div class=\"tl-hl-visual-card-row\">\n\n            <div class=\"tl-hl-visual-card-icon\">\n              <svg width=\"16\" height=\"16\">\n                <use href=\"#tl-ic-eye\"><\/use>\n              <\/svg>\n            <\/div>\n\n            <div class=\"tl-hl-visual-card-copy\">\n              <small>MONITOR<\/small>\n              <strong>Surveillance musicale<\/strong>\n            <\/div>\n\n            <em class=\"is-soon\">\n              Bient\u00f4t\n            <\/em>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/a>\n\n  <\/div>\n\n\n  <!-- BOTTOM DEPTH -->\n  <div class=\"tl-hl-darken\" aria-hidden=\"true\"><\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   RESET LOCAL\n========================================================= *\/\n\n.tl-hero-light,\n.tl-hero-light *{\n  box-sizing:border-box;\n}\n\n\n.tl-hero-light{\n\n  position:relative;\n\n  overflow:hidden;\n\n  isolation:isolate;\n\n  background:\n    radial-gradient(\n      circle at 78% 22%,\n      rgba(249,115,22,.055),\n      transparent 29%\n    ),\n    #ffffff;\n\n  color:#0f172a;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Inter\",\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n\n}\n\n\n.tl-hl-icons-def{\n  position:absolute;\n}\n\n\n\n\/* =========================================================\n   BACKGROUND GLOWS\n========================================================= *\/\n\n.tl-hl-glow{\n\n  position:absolute;\n\n  z-index:1;\n\n  border-radius:999px;\n\n  filter:blur(110px);\n\n  pointer-events:none;\n\n}\n\n\n.tl-hl-glow-1{\n\n  width:560px;\n\n  height:560px;\n\n  top:-220px;\n\n  right:-150px;\n\n  background:rgba(249,115,22,.14);\n\n}\n\n\n.tl-hl-glow-2{\n\n  width:400px;\n\n  height:400px;\n\n  bottom:-100px;\n\n  left:-160px;\n\n  background:rgba(251,146,60,.10);\n\n}\n\n\n\n\/* =========================================================\n   MAIN LAYOUT\n========================================================= *\/\n\n.tl-hl-inner{\n\n  position:relative;\n\n  z-index:2;\n\n  width:min(1240px,100%);\n\n  margin:0 auto;\n\n  padding:116px 28px 92px;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.28fr)\n    minmax(330px,.72fr);\n\n  gap:70px;\n\n  align-items:center;\n\n}\n\n\n.tl-hl-content{\n\n  max-width:740px;\n\n}\n\n\n\n\/* =========================================================\n   KICKER\n========================================================= *\/\n\n.tl-hl-kicker{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:9px;\n\n  margin-bottom:21px;\n\n  padding:8px 13px;\n\n  border:\n    1px solid rgba(249,115,22,.18);\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  color:#b7470b;\n\n  font-size:.72rem;\n\n  font-weight:820;\n\n  letter-spacing:.085em;\n\n  text-transform:uppercase;\n\n}\n\n\n.tl-hl-kicker-dot{\n\n  width:7px;\n\n  height:7px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:#f97316;\n\n  box-shadow:\n    0 0 0 5px rgba(249,115,22,.10);\n\n}\n\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.tl-hl-title{\n\n  max-width:790px;\n\n  margin:0 0 25px;\n\n  color:#0f172a;\n\n  font-size:\n    clamp(3.3rem,5.6vw,5rem);\n\n  font-weight:920;\n\n  line-height:1.045;\n\n  letter-spacing:-.058em;\n\n  text-wrap:balance;\n\n}\n\n\n.tl-hl-title span{\n\n  display:block;\n\n  padding-bottom:.08em;\n\n  background:\n    linear-gradient(\n      120deg,\n      #ea580c,\n      #f97316 52%,\n      #fb923c\n    );\n\n  -webkit-background-clip:text;\n\n  background-clip:text;\n\n  color:transparent;\n\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.tl-hl-text{\n\n  max-width:700px;\n\n  margin:0 0 22px;\n\n  color:#556274;\n\n  font-size:1.06rem;\n\n  line-height:1.78;\n\n}\n\n\n.tl-hl-text strong{\n\n  color:#243042;\n\n  font-weight:720;\n\n}\n\n\n\n\/* =========================================================\n   CAPABILITIES\n========================================================= *\/\n\n.tl-hl-capabilities{\n\n  width:max-content;\n\n  max-width:100%;\n\n  display:flex;\n\n  align-items:center;\n\n  flex-wrap:wrap;\n\n  gap:9px;\n\n  margin-bottom:27px;\n\n  padding:10px 13px;\n\n  border:\n    1px solid #e8ebef;\n\n  border-radius:13px;\n\n  background:\n    rgba(248,250,252,.84);\n\n  color:#64748b;\n\n  font-size:.72rem;\n\n  font-weight:660;\n\n}\n\n\n.tl-hl-capability{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:7px;\n\n}\n\n\n.tl-hl-capability-dot{\n\n  width:6px;\n\n  height:6px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n}\n\n\n.tl-hl-capability.is-live{\n\n  color:#475569;\n\n}\n\n\n.tl-hl-capability.is-live\n.tl-hl-capability-dot{\n\n  background:#22c55e;\n\n  box-shadow:\n    0 0 0 4px\n    rgba(34,197,94,.08);\n\n}\n\n\n.tl-hl-capability.is-soon{\n\n  color:#64748b;\n\n}\n\n\n.tl-hl-capability.is-soon\n.tl-hl-capability-dot{\n\n  background:#f97316;\n\n  box-shadow:\n    0 0 0 4px\n    rgba(249,115,22,.08);\n\n}\n\n\n.tl-hl-capability b{\n\n  padding:\n    3px 6px;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  color:#c2410c;\n\n  font-size:.55rem;\n\n  font-weight:900;\n\n  letter-spacing:.035em;\n\n  text-transform:uppercase;\n\n}\n\n\n.tl-hl-capabilities > i{\n\n  width:3px;\n\n  height:3px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:#cbd5e1;\n\n}\n\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.tl-hl-row{\n\n  display:flex;\n\n  align-items:center;\n\n  flex-wrap:wrap;\n\n  gap:12px;\n\n  margin-bottom:17px;\n\n}\n\n\n.tl-hl-btn{\n\n  min-height:53px;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:10px;\n\n  padding:0 21px;\n\n  border-radius:999px;\n\n  text-decoration:none;\n\n  font-size:.92rem;\n\n  font-weight:800;\n\n  letter-spacing:-.01em;\n\n  transition:\n    transform .2s cubic-bezier(.2,.8,.2,1),\n    box-shadow .2s ease,\n    border-color .2s ease;\n\n}\n\n\n.tl-hl-btn-primary{\n\n  color:#ffffff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #e85d0b,\n      #f97316 55%,\n      #fb923c\n    );\n\n  box-shadow:\n    0 14px 30px rgba(249,115,22,.29),\n    inset 0 1px 0 rgba(255,255,255,.27);\n\n}\n\n\n.tl-hl-btn-primary:hover{\n\n  transform:translateY(-2px);\n\n  box-shadow:\n    0 19px 38px rgba(249,115,22,.37),\n    inset 0 1px 0 rgba(255,255,255,.30);\n\n}\n\n\n.tl-hl-btn-icon{\n\n  flex:0 0 auto;\n\n}\n\n\n.tl-hl-btn-arrow{\n\n  display:inline-block;\n\n  transition:\n    transform .2s ease;\n\n}\n\n\n.tl-hl-btn-primary:hover\n.tl-hl-btn-arrow{\n\n  transform:\n    translateX(3px);\n\n}\n\n\n.tl-hl-btn-secondary{\n\n  border:\n    1.5px solid #e2e8f0;\n\n  background:#ffffff;\n\n  color:#0f172a;\n\n  box-shadow:\n    0 5px 15px rgba(15,23,42,.045);\n\n}\n\n\n.tl-hl-btn-secondary:hover{\n\n  transform:translateY(-2px);\n\n  border-color:\n    rgba(249,115,22,.42);\n\n  box-shadow:\n    0 10px 24px rgba(15,23,42,.07);\n\n}\n\n\n\n\/* =========================================================\n   FREE OFFER\n========================================================= *\/\n\n.tl-hl-free{\n\n  display:flex;\n\n  align-items:center;\n\n  flex-wrap:wrap;\n\n  gap:6px;\n\n  margin-bottom:24px;\n\n  color:#64748b;\n\n  font-size:.81rem;\n\n}\n\n\n.tl-hl-free strong{\n\n  color:#334155;\n\n}\n\n\n.tl-hl-free-dot{\n\n  width:7px;\n\n  height:7px;\n\n  flex:0 0 auto;\n\n  margin-right:2px;\n\n  border-radius:50%;\n\n  background:#22c55e;\n\n  box-shadow:\n    0 0 0 4px\n    rgba(34,197,94,.09);\n\n}\n\n\n\n\/* =========================================================\n   TRUST\n========================================================= *\/\n\n.tl-hl-trust{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:16px 20px;\n\n}\n\n\n.tl-hl-trust-item{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  color:#7a8798;\n\n  font-size:.79rem;\n\n  font-weight:580;\n\n}\n\n\n.tl-hl-trust-item span{\n\n  width:17px;\n\n  height:17px;\n\n  display:grid;\n\n  place-items:center;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:#fff7ed;\n\n  color:#ea580c;\n\n  font-size:.6rem;\n\n  font-weight:900;\n\n}\n\n\n\n\/* =========================================================\n   RIGHT VISUAL\n========================================================= *\/\n\n.tl-hl-visual{\n\n  position:relative;\n\n  min-height:540px;\n\n  display:flex;\n\n  align-items:flex-start;\n\n  justify-content:center;\n\n  color:inherit;\n\n  text-decoration:none;\n\n  outline:none;\n\n  transition:\n    transform .24s cubic-bezier(.2,.8,.2,1),\n    filter .24s ease;\n\n}\n\n\n.tl-hl-visual:hover{\n\n  transform:\n    translateY(-5px);\n\n}\n\n\n.tl-hl-visual:focus-visible{\n\n  border-radius:32px;\n\n  box-shadow:\n    0 0 0 4px\n    rgba(249,115,22,.18);\n\n}\n\n\n.tl-hl-visual-stack{\n\n  width:100%;\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:center;\n\n}\n\n\n.tl-hl-visual-media{\n\n  position:relative;\n\n  width:100%;\n\n  min-height:390px;\n\n  display:flex;\n\n  align-items:flex-start;\n\n  justify-content:center;\n\n}\n\n\n\n\/* =========================================================\n   VISUAL BACKGROUND\n========================================================= *\/\n\n.tl-hl-mesh{\n\n  position:absolute;\n\n  z-index:1;\n\n  width:440px;\n\n  height:440px;\n\n  max-width:100%;\n\n  border-radius:50%;\n\n  filter:blur(44px);\n\n  background:\n\n    radial-gradient(\n      circle at 30% 25%,\n      rgba(249,115,22,.25),\n      transparent 54%\n    ),\n\n    radial-gradient(\n      circle at 72% 68%,\n      rgba(234,88,12,.16),\n      transparent 58%\n    ),\n\n    radial-gradient(\n      circle at 50% 88%,\n      rgba(251,191,36,.11),\n      transparent 62%\n    );\n\n}\n\n\n.tl-hl-visual-glow{\n\n  position:absolute;\n\n  z-index:2;\n\n  width:350px;\n\n  height:350px;\n\n  max-width:90%;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(249,115,22,.16),\n      transparent 70%\n    );\n\n  filter:blur(22px);\n\n}\n\n\n\n\/* =========================================================\n   MAIN IMAGE\n========================================================= *\/\n\n.tl-hl-image{\n\n  position:relative;\n\n  z-index:3;\n\n  width:100%;\n\n  max-width:340px;\n\n  height:auto;\n\n  display:block;\n\n  object-fit:contain;\n\n  filter:\n\n    drop-shadow(\n      0 32px 50px\n      rgba(249,115,22,.20)\n    )\n\n    drop-shadow(\n      0 8px 18px\n      rgba(15,23,42,.07)\n    );\n\n  animation:\n    tlHlFloatHigh\n    5.5s\n    ease-in-out\n    infinite;\n\n  transition:\n    filter .24s ease;\n\n}\n\n\n.tl-hl-visual:hover\n.tl-hl-image{\n\n  filter:\n\n    drop-shadow(\n      0 40px 60px\n      rgba(249,115,22,.28)\n    )\n\n    drop-shadow(\n      0 11px 22px\n      rgba(15,23,42,.09)\n    );\n\n}\n\n\n@keyframes tlHlFloatHigh{\n\n  0%{\n    transform:\n      translateY(-46px);\n  }\n\n  50%{\n    transform:\n      translateY(-56px);\n  }\n\n  100%{\n    transform:\n      translateY(-46px);\n  }\n\n}\n\n\n\n\/* =========================================================\n   RIGHTS CARD\n========================================================= *\/\n\n.tl-hl-visual-card{\n\n  width:min(292px,100%);\n\n  margin-top:-4px;\n\n  padding:14px;\n\n  border:\n    1px solid rgba(15,23,42,.07);\n\n  border-radius:20px;\n\n  background:\n    rgba(255,255,255,.96);\n\n  box-shadow:\n    0 22px 48px rgba(15,23,42,.10),\n    inset 0 1px 0 rgba(255,255,255,.98);\n\n  backdrop-filter:\n    blur(12px);\n\n}\n\n\n.tl-hl-visual-card-top{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:10px;\n\n  padding:2px 2px 10px;\n\n}\n\n\n.tl-hl-visual-card-top span{\n\n  color:#94a3b8;\n\n  font-size:.64rem;\n\n  font-weight:760;\n\n}\n\n\n.tl-hl-visual-card-top b{\n\n  color:#c2410c;\n\n  font-size:.58rem;\n\n  font-weight:900;\n\n  letter-spacing:.07em;\n\n  text-transform:uppercase;\n\n}\n\n\n.tl-hl-visual-card-row{\n\n  display:grid;\n\n  grid-template-columns:\n    34px 1fr auto;\n\n  align-items:center;\n\n  gap:10px;\n\n  padding:11px 8px;\n\n  border-top:\n    1px solid #eef0f3;\n\n}\n\n\n.tl-hl-visual-card-row.is-active{\n\n  background:#fffaf5;\n\n  border-radius:12px;\n\n}\n\n\n.tl-hl-visual-card-icon{\n\n  width:32px;\n\n  height:32px;\n\n  display:grid;\n\n  place-items:center;\n\n  border:\n    1px solid rgba(249,115,22,.14);\n\n  border-radius:10px;\n\n  background:#fff7ed;\n\n  color:#e85d0b;\n\n}\n\n\n.tl-hl-visual-card-copy small{\n\n  display:block;\n\n  margin-bottom:2px;\n\n  color:#f97316;\n\n  font-size:.53rem;\n\n  font-weight:900;\n\n  letter-spacing:.09em;\n\n}\n\n\n.tl-hl-visual-card-copy strong{\n\n  display:block;\n\n  color:#1e293b;\n\n  font-size:.72rem;\n\n  font-weight:760;\n\n  line-height:1.25;\n\n}\n\n\n.tl-hl-visual-card-row em{\n\n  width:22px;\n\n  height:22px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  background:#f0fdf4;\n\n  color:#15803d;\n\n  font-size:.64rem;\n\n  font-style:normal;\n\n  font-weight:900;\n\n}\n\n\n.tl-hl-visual-card-row\nem.is-soon{\n\n  width:auto;\n\n  height:auto;\n\n  padding:4px 7px;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  color:#c2410c;\n\n  font-size:.52rem;\n\n}\n\n\n\n\/* =========================================================\n   BOTTOM DEPTH\n========================================================= *\/\n\n.tl-hl-darken{\n\n  position:absolute;\n\n  z-index:6;\n\n  left:0;\n\n  right:0;\n\n  bottom:0;\n\n  height:100px;\n\n  pointer-events:none;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(15,23,42,0),\n      rgba(15,23,42,.10)\n    );\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1080px){\n\n  .tl-hl-inner{\n\n    grid-template-columns:1fr;\n\n    gap:36px;\n\n    padding-top:90px;\n\n    text-align:center;\n\n  }\n\n\n  .tl-hl-content{\n\n    max-width:760px;\n\n    margin:0 auto;\n\n  }\n\n\n  .tl-hl-kicker,\n  .tl-hl-capabilities{\n\n    margin-left:auto;\n\n    margin-right:auto;\n\n  }\n\n\n  .tl-hl-row,\n  .tl-hl-trust,\n  .tl-hl-free{\n\n    justify-content:center;\n\n  }\n\n\n  .tl-hl-visual{\n\n    width:min(560px,100%);\n\n    min-height:500px;\n\n    margin:0 auto;\n\n  }\n\n\n  .tl-hl-visual-media{\n\n    min-height:360px;\n\n  }\n\n\n  .tl-hl-image{\n\n    max-width:290px;\n\n  }\n\n\n  .tl-hl-mesh{\n\n    width:380px;\n\n    height:380px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:768px){\n\n  .tl-hl-inner{\n\n    padding:\n      76px\n      18px\n      64px;\n\n  }\n\n\n  .tl-hl-title{\n\n    font-size:\n      clamp(2.55rem,11vw,3.4rem);\n\n    line-height:1.055;\n\n    letter-spacing:-.052em;\n\n  }\n\n\n  .tl-hl-title span{\n\n    padding-bottom:.09em;\n\n  }\n\n\n  .tl-hl-text{\n\n    font-size:.98rem;\n\n    line-height:1.72;\n\n  }\n\n\n  .tl-hl-capabilities{\n\n    justify-content:center;\n\n  }\n\n\n  .tl-hl-row{\n\n    width:100%;\n\n    flex-direction:column;\n\n  }\n\n\n  .tl-hl-btn{\n\n    width:100%;\n\n  }\n\n\n  .tl-hl-trust{\n\n    gap:11px;\n\n  }\n\n\n  .tl-hl-visual{\n\n    min-height:430px;\n\n  }\n\n\n  .tl-hl-visual-media{\n\n    min-height:290px;\n\n  }\n\n\n  .tl-hl-image{\n\n    max-width:225px;\n\n  }\n\n\n  .tl-hl-mesh{\n\n    width:290px;\n\n    height:290px;\n\n  }\n\n\n  .tl-hl-visual-glow{\n\n    width:260px;\n\n    height:260px;\n\n  }\n\n\n  .tl-hl-visual-card{\n\n    width:min(270px,92%);\n\n    margin-top:0;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:480px){\n\n  .tl-hl-kicker{\n\n    font-size:.62rem;\n\n  }\n\n\n  .tl-hl-capabilities{\n\n    width:100%;\n\n    padding:12px;\n\n    flex-direction:column;\n\n    align-items:center;\n\n  }\n\n\n  .tl-hl-capabilities > i{\n\n    display:none;\n\n  }\n\n\n  .tl-hl-free{\n\n    justify-content:center;\n\n  }\n\n\n  .tl-hl-trust{\n\n    flex-direction:column;\n\n    align-items:center;\n\n  }\n\n\n  .tl-hl-visual{\n\n    min-height:400px;\n\n  }\n\n\n  .tl-hl-visual-media{\n\n    min-height:260px;\n\n  }\n\n\n  .tl-hl-image{\n\n    max-width:205px;\n\n  }\n\n\n  .tl-hl-visual-card{\n\n    padding:13px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .tl-hl-image{\n\n    animation:none;\n\n    transform:\n      translateY(-46px);\n\n  }\n\n\n  .tl-hl-btn,\n  .tl-hl-visual{\n\n    transition:none;\n\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-725e4ad elementor-widget elementor-widget-html\" data-id=\"725e4ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Event snippet for Inscription (1) conversion page\nIn your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->\n<script>\nfunction gtag_report_conversion(url) {\n  var callback = function () {\n    if (typeof(url) != 'undefined') {\n      window.location = url;\n    }\n  };\n  gtag('event', 'conversion', {\n      'send_to': 'AW-10903735988\/QMgJCM60iI4bELSdp88o',\n      'event_callback': callback\n  });\n  return false;\n}\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-361fa91 elementor-widget elementor-widget-html\" data-id=\"361fa91\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Meta Pixel Code -->\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '475168553669472');\nfbq('track', 'PageView');\n<\/script>\n<noscript>\n  <img decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\"\n  src=\"https:\/\/www.facebook.com\/tr?id=475168553669472&ev=PageView&noscript=1\"\n  \/>\n<\/noscript>\n<!-- End Meta Pixel Code -->\n\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-d75a4cb e-flex e-con-boxed e-con e-parent\" data-id=\"d75a4cb\" 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-13873f7 elementor-widget elementor-widget-lqd-marquee w-full\" data-id=\"13873f7\" data-element_type=\"widget\" data-widget_type=\"lqd-marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n        <div class=\"lqd-marquee-viewport relative overflow-hidden\">\n            <div class=\"lqd-marquee-slider flex relative\">\n\t\t<div class=\"lqd-marquee-cell shrink-0 grow-0 basis-auto relative elementor-repeater-item-9f41354\">\t\t<figure class=\"lqd-marquee-content-img rounded-inherit overflow-hidden\"><img decoding=\"async\" width=\"517\" height=\"197\" src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/5a8082f0abc3d121aba711b5.png\" class=\"attachment-full size-full wp-image-6137\" alt=\"\" srcset=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/5a8082f0abc3d121aba711b5.png 517w, https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/5a8082f0abc3d121aba711b5-300x114.png 300w, https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/5a8082f0abc3d121aba711b5-18x7.png 18w\" sizes=\"(max-width: 517px) 100vw, 517px\" \/><\/figure>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"lqd-marquee-cell shrink-0 grow-0 basis-auto relative elementor-repeater-item-ab9ce7c\">\t\t<figure class=\"lqd-marquee-content-img rounded-inherit overflow-hidden\"><img decoding=\"async\" width=\"1076\" height=\"432\" src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Screenshot-2023-10-19-at-2.12.59-PM-1.png\" class=\"attachment-full size-full wp-image-7931\" alt=\"\" srcset=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Screenshot-2023-10-19-at-2.12.59-PM-1.png 1076w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Screenshot-2023-10-19-at-2.12.59-PM-1-768x308.png 768w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Screenshot-2023-10-19-at-2.12.59-PM-1-18x7.png 18w\" sizes=\"(max-width: 1076px) 100vw, 1076px\" \/><\/figure>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"lqd-marquee-cell shrink-0 grow-0 basis-auto relative elementor-repeater-item-27cd5f7\">\t\t<figure class=\"lqd-marquee-content-img rounded-inherit overflow-hidden\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"176\" src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Ableton_logo-2-600x176-1.webp\" class=\"attachment-full size-full wp-image-7945\" alt=\"\" srcset=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Ableton_logo-2-600x176-1.webp 600w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Ableton_logo-2-600x176-1-18x5.webp 18w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"lqd-marquee-cell shrink-0 grow-0 basis-auto relative elementor-repeater-item-af5b957\">\t\t<figure class=\"lqd-marquee-content-img rounded-inherit overflow-hidden\"><img loading=\"lazy\" decoding=\"async\" width=\"476\" height=\"106\" src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/zrzerzr.png\" class=\"attachment-full size-full wp-image-7936\" alt=\"\" srcset=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/zrzerzr.png 476w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/zrzerzr-18x4.png 18w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/figure>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"lqd-marquee-cell shrink-0 grow-0 basis-auto relative elementor-repeater-item-0e12071\">\t\t<figure class=\"lqd-marquee-content-img rounded-inherit overflow-hidden\"><img loading=\"lazy\" decoding=\"async\" width=\"2861\" height=\"842\" src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Beatport-White.png\" class=\"attachment-full size-full wp-image-7973\" alt=\"\" srcset=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Beatport-White.png 2861w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Beatport-White-768x226.png 768w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Beatport-White-1200x353.png 1200w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Beatport-White-18x5.png 18w\" sizes=\"(max-width: 2861px) 100vw, 2861px\" \/><\/figure>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"lqd-marquee-cell shrink-0 grow-0 basis-auto relative elementor-repeater-item-0aa6b5f\">\t\t<figure class=\"lqd-marquee-content-img rounded-inherit overflow-hidden\"><img loading=\"lazy\" decoding=\"async\" width=\"739\" height=\"280\" src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/03\/eathoven2.png\" class=\"attachment-full size-full wp-image-6412\" alt=\"prot\u00e9ger ses cr\u00e9ations musicales\" srcset=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/03\/eathoven2.png 739w, https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/03\/eathoven2-300x114.png 300w, https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/03\/eathoven2-18x7.png 18w\" sizes=\"(max-width: 739px) 100vw, 739px\" \/><\/figure>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"lqd-marquee-cell shrink-0 grow-0 basis-auto relative elementor-repeater-item-7504099\">\t\t<figure class=\"lqd-marquee-content-img rounded-inherit overflow-hidden\"><img loading=\"lazy\" decoding=\"async\" width=\"820\" height=\"236\" src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/My-project.png\" class=\"attachment-full size-full wp-image-7933\" alt=\"\" srcset=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/My-project.png 820w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/My-project-768x221.png 768w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/My-project-18x5.png 18w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/figure>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"lqd-marquee-cell shrink-0 grow-0 basis-auto relative elementor-repeater-item-e5b5f35\">\t\t<figure class=\"lqd-marquee-content-img rounded-inherit overflow-hidden\"><img loading=\"lazy\" decoding=\"async\" width=\"1275\" height=\"410\" src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/rezezrzerrzer.png\" class=\"attachment-full size-full wp-image-7954\" alt=\"\" srcset=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/rezezrzerrzer.png 1275w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/rezezrzerrzer-768x247.png 768w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/rezezrzerrzer-1200x386.png 1200w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/rezezrzerrzer-18x6.png 18w\" sizes=\"(max-width: 1275px) 100vw, 1275px\" \/><\/figure>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"lqd-marquee-cell shrink-0 grow-0 basis-auto relative elementor-repeater-item-b344361\">\t\t<figure class=\"lqd-marquee-content-img rounded-inherit overflow-hidden\"><img loading=\"lazy\" decoding=\"async\" width=\"1599\" height=\"403\" src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/DLB_BIG.D-42a0893a.png\" class=\"attachment-full size-full wp-image-7974\" alt=\"\" srcset=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/DLB_BIG.D-42a0893a.png 1599w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/DLB_BIG.D-42a0893a-768x194.png 768w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/DLB_BIG.D-42a0893a-1200x302.png 1200w, https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/DLB_BIG.D-42a0893a-18x5.png 18w\" sizes=\"(max-width: 1599px) 100vw, 1599px\" \/><\/figure>\n\t\t<\/div>\n\n\t\t<\/div>\n        <\/div>\n\n        \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<script>\n\t\twindow.liquid.behaviors.push( {\n\t\t\tdataId: \"13873f7\",\n\t\t\tbehaviors:[\n\t\t\t\t{behaviorName:'liquidMarquee',options:{speed:0.5}},\n\t\t\t]\n\t\t} );\n\t\t\n\t\t<\/script>\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30113f4 e-flex e-con-boxed e-con e-parent\" data-id=\"30113f4\" 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-56d8abe elementor-widget elementor-widget-html\" data-id=\"56d8abe\" 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 SECTION 02\nWHY PROTECT \/ PROOF FOUNDATION\n\u00c0 placer directement sous le Hero\n\nR\u00f4le :\n1. Expliquer pourquoi prot\u00e9ger avant diffusion\n2. Montrer concr\u00e8tement ce que cr\u00e9e TuneLockr\n3. Pr\u00e9parer la suite : licences disponibles + monitoring bient\u00f4t\n========================================================= -->\n\n<section class=\"tl-s2\" aria-labelledby=\"tl-s2-title\">\n\n  <div class=\"tl-s2-glow tl-s2-glow-a\" aria-hidden=\"true\"><\/div>\n  <div class=\"tl-s2-glow tl-s2-glow-b\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"tl-s2-shell\">\n\n\n    <!-- =====================================================\n         HEADER\n    ====================================================== -->\n\n    <header class=\"tl-s2-header\">\n\n      <div class=\"tl-s2-eyebrow\">\n        <span><\/span>\n        Avant toute diffusion\n      <\/div>\n\n      <h2 id=\"tl-s2-title\">\n        Votre musique va circuler.\n        <strong>Votre preuve doit exister avant.<\/strong>\n      <\/h2>\n\n      <p>\n        D\u00e9mos, beats, maquettes et fichiers de travail passent rapidement\n        d\u2019un t\u00e9l\u00e9phone \u00e0 un autre, d\u2019un studio \u00e0 un label ou \u00e0 un collaborateur.\n        TuneLockr cr\u00e9e un <b>point de r\u00e9f\u00e9rence dat\u00e9 et v\u00e9rifiable<\/b>\n        avant que votre cr\u00e9ation ne quitte votre contr\u00f4le.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         RISKS\n    ====================================================== -->\n\n    <div class=\"tl-s2-risks\">\n\n      <article class=\"tl-s2-risk\">\n\n        <div class=\"tl-s2-risk-number\">\n          01\n        <\/div>\n\n        <div>\n          <h3>Cr\u00e9ation r\u00e9utilis\u00e9e<\/h3>\n\n          <p>\n            Une m\u00e9lodie, une topline ou un beat peut \u00eatre repris,\n            publi\u00e9 ou exploit\u00e9 sans autorisation.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"tl-s2-risk\">\n\n        <div class=\"tl-s2-risk-number\">\n          02\n        <\/div>\n\n        <div>\n          <h3>Accord contest\u00e9<\/h3>\n\n          <p>\n            Sans historique clair, les d\u00e9saccords entre artistes,\n            auteurs ou producteurs deviennent plus difficiles \u00e0 documenter.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"tl-s2-risk\">\n\n        <div class=\"tl-s2-risk-number\">\n          03\n        <\/div>\n\n        <div>\n          <h3>Ant\u00e9riorit\u00e9 floue<\/h3>\n\n          <p>\n            Un fichier stock\u00e9 sur un ordinateur ne constitue pas \u00e0 lui seul\n            une chronologie aussi claire qu\u2019un d\u00e9p\u00f4t dat\u00e9 et v\u00e9rifiable.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FILE TYPES\n    ====================================================== -->\n\n    <div class=\"tl-s2-types\">\n\n      <span class=\"tl-s2-types-label\">\n        Vous pouvez prot\u00e9ger\n      <\/span>\n\n      <div class=\"tl-s2-type-list\">\n\n        <span>\n          <b>\u266a<\/b>\n          Musiques\n        <\/span>\n\n        <span>\n          <b>\u270e<\/b>\n          Paroles\n        <\/span>\n\n        <span>\n          <b>\u266c<\/b>\n          Partitions\n        <\/span>\n\n        <span>\n          <b>\u25c9<\/b>\n          Maquettes\n        <\/span>\n\n        <span>\n          <b>\u2318<\/b>\n          MAO\n        <\/span>\n\n        <span>\n          <b>\u25a7<\/b>\n          Pochettes\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         MAIN PROOF BLOCK\n    ====================================================== -->\n\n    <div class=\"tl-s2-proof\">\n\n\n      <!-- LEFT -->\n      <div class=\"tl-s2-proof-copy\">\n\n        <div class=\"tl-s2-kicker\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"m9 12 2 2 4-4\"><\/path>\n            <path d=\"M12 22c5-2 8-5.5 8-10V5l-8-3-8 3v7c0 4.5 3 8 8 10Z\"><\/path>\n          <\/svg>\n\n          Preuve d\u2019ant\u00e9riorit\u00e9\n\n        <\/div>\n\n\n        <h3>\n          Prot\u00e9ger sa musique. Un d\u00e9p\u00f4t.\n          <span>Un point de r\u00e9f\u00e9rence clair.<\/span>\n        <\/h3>\n\n\n        <p class=\"tl-s2-proof-lead\">\n          TuneLockr associe votre cr\u00e9ation \u00e0 une empreinte num\u00e9rique,\n          un horodatage v\u00e9rifiable et un certificat que vous pouvez\n          conserver avec votre dossier de cr\u00e9ation.\n        <\/p>\n\n\n        <!-- PROCESS -->\n\n        <div class=\"tl-s2-process\">\n\n\n          <div class=\"tl-s2-process-row\">\n\n            <div class=\"tl-s2-process-icon\">\n              1\n            <\/div>\n\n            <div class=\"tl-s2-process-copy\">\n              <strong>Ajoutez votre cr\u00e9ation<\/strong>\n              <span>Votre fichier original reste priv\u00e9.<\/span>\n            <\/div>\n\n            <span class=\"tl-s2-process-state\">\n              Priv\u00e9\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"tl-s2-process-row\">\n\n            <div class=\"tl-s2-process-icon\">\n              2\n            <\/div>\n\n            <div class=\"tl-s2-process-copy\">\n              <strong>Empreinte num\u00e9rique<\/strong>\n              <span>Une empreinte unique est associ\u00e9e au d\u00e9p\u00f4t.<\/span>\n            <\/div>\n\n            <span class=\"tl-s2-process-state\">\n              Cr\u00e9\u00e9e\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"tl-s2-process-row\">\n\n            <div class=\"tl-s2-process-icon\">\n              3\n            <\/div>\n\n            <div class=\"tl-s2-process-copy\">\n              <strong>Horodatage<\/strong>\n              <span>La cr\u00e9ation est associ\u00e9e \u00e0 une date v\u00e9rifiable.<\/span>\n            <\/div>\n\n            <span class=\"tl-s2-process-state\">\n              V\u00e9rifi\u00e9\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"tl-s2-process-row\">\n\n            <div class=\"tl-s2-process-icon\">\n              4\n            <\/div>\n\n            <div class=\"tl-s2-process-copy\">\n              <strong>Certificat TuneLockr<\/strong>\n              <span>Votre preuve reste consultable depuis votre espace.<\/span>\n            <\/div>\n\n            <span class=\"tl-s2-process-state\">\n              Disponible\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- CTA -->\n\n        <div class=\"tl-s2-actions\">\n\n          <a\n            href=\"https:\/\/app.tunelockr.com\/depot\"\n            class=\"tl-s2-cta\"\n          >\n            Prot\u00e9ger ma musique\n            <span>\u2192<\/span>\n          <\/a>\n\n          <div class=\"tl-s2-free\">\n            <i><\/i>\n            Premier d\u00e9p\u00f4t offert\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- RIGHT VISUAL -->\n      <figure class=\"tl-s2-visual\">\n\n        <div class=\"tl-s2-photo\">\n\n          <img loading=\"lazy\"\n            src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2025\/12\/high-angle-opened-hard-disk.jpg\"\n            alt=\"Support de stockage \u00e9voquant la conservation s\u00e9curis\u00e9e d'une cr\u00e9ation musicale\"\n            width=\"4480\"\n            height=\"6720\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n\n        <\/div>\n\n\n        <!-- CERTIFICATE -->\n\n        <div class=\"tl-s2-certificate\" aria-hidden=\"true\">\n\n          <div class=\"tl-s2-cert-head\">\n\n            <div>\n              <small>TUNELOCKR<\/small>\n              <strong>Certificat de cr\u00e9ation<\/strong>\n            <\/div>\n\n            <div class=\"tl-s2-cert-logo\">\n              TL\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"tl-s2-cert-line\"><\/div>\n\n\n          <div class=\"tl-s2-cert-data\">\n\n            <div>\n              <span>Cr\u00e9ation<\/span>\n              <strong>Original enregistr\u00e9<\/strong>\n            <\/div>\n\n            <div>\n              <span>Empreinte<\/span>\n              <strong>\u2022\u2022\u2022\u2022 7F4A 91C2<\/strong>\n            <\/div>\n\n            <div>\n              <span>Horodatage<\/span>\n              <strong>V\u00e9rifi\u00e9 \u2713<\/strong>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- PRIVACY BADGE -->\n\n        <div class=\"tl-s2-private\" aria-hidden=\"true\">\n\n          <span>\n            \u2713\n          <\/span>\n\n          <div>\n            <strong>Fichier priv\u00e9<\/strong>\n            <small>Seule son empreinte sert \u00e0 \u00e9tablir la preuve.<\/small>\n          <\/div>\n\n        <\/div>\n\n      <\/figure>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PRODUCT CONTINUITY\n    ====================================================== -->\n\n    <div class=\"tl-s2-continuity\">\n\n      <div class=\"tl-s2-continuity-copy\">\n\n        <span class=\"tl-s2-continuity-label\">\n          Votre d\u00e9p\u00f4t n\u2019est que le d\u00e9but\n        <\/span>\n\n        <h3>\n          Une fois prot\u00e9g\u00e9e,\n          <strong>votre cr\u00e9ation reste sous votre contr\u00f4le.<\/strong>\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"tl-s2-rights\">\n\n\n        <div class=\"tl-s2-right is-live\">\n\n          <div class=\"tl-s2-right-icon\">\n            \u2713\n          <\/div>\n\n          <div>\n            <small>PROTECT<\/small>\n            <strong>Preuve & certificat<\/strong>\n          <\/div>\n\n        <\/div>\n\n\n        <span class=\"tl-s2-arrow\">\n          \u2192\n        <\/span>\n\n\n        <div class=\"tl-s2-right is-live\">\n\n          <div class=\"tl-s2-right-icon\">\n            \u2713\n          <\/div>\n\n          <div>\n            <small>LICENSE<\/small>\n            <strong>Autoriser & mon\u00e9tiser<\/strong>\n          <\/div>\n\n        <\/div>\n\n\n        <span class=\"tl-s2-arrow\">\n          \u2192\n        <\/span>\n\n\n        <div class=\"tl-s2-right is-soon\">\n\n          <div class=\"tl-s2-right-icon\">\n            \u25c9\n          <\/div>\n\n          <div>\n            <small>MONITOR<\/small>\n            <strong>Surveiller les usages<\/strong>\n          <\/div>\n\n          <b>Bient\u00f4t<\/b>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   LOCAL RESET\n========================================================= *\/\n\n.tl-s2,\n.tl-s2 *{\n  box-sizing:border-box;\n}\n\n.tl-s2{\n  --orange:#f97316;\n  --orange-dark:#e85d0b;\n  --orange-soft:#fff7ed;\n  --ink:#111827;\n  --copy:#5e6a7c;\n  --line:rgba(15,23,42,.075);\n\n  position:relative;\n\n  overflow:hidden;\n\n  isolation:isolate;\n\n  padding:\n    clamp(82px,8vw,118px)\n    24px\n    clamp(88px,9vw,126px);\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(249,115,22,.055),\n      transparent 30%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #fffaf6 100%\n    );\n\n  color:var(--ink);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Inter\",\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.tl-s2-glow{\n  position:absolute;\n\n  z-index:0;\n\n  border-radius:50%;\n\n  filter:blur(100px);\n\n  pointer-events:none;\n}\n\n.tl-s2-glow-a{\n  width:330px;\n  height:330px;\n\n  left:-200px;\n  top:160px;\n\n  background:\n    rgba(249,115,22,.10);\n}\n\n.tl-s2-glow-b{\n  width:380px;\n  height:380px;\n\n  right:-230px;\n  bottom:80px;\n\n  background:\n    rgba(251,146,60,.13);\n}\n\n\n.tl-s2-shell{\n  position:relative;\n\n  z-index:2;\n\n  width:min(1180px,100%);\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.tl-s2-header{\n  width:min(880px,100%);\n\n  margin:\n    0 auto\n    48px;\n\n  text-align:center;\n}\n\n\n.tl-s2-eyebrow{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:9px;\n\n  margin-bottom:19px;\n\n  padding:\n    8px\n    13px;\n\n  border:\n    1px solid rgba(249,115,22,.18);\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  color:#b7470b;\n\n  font-size:.69rem;\n\n  font-weight:850;\n\n  letter-spacing:.095em;\n\n  text-transform:uppercase;\n}\n\n\n.tl-s2-eyebrow span{\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(249,115,22,.09);\n}\n\n\n.tl-s2-header h2{\n  max-width:950px;\n\n  margin:\n    0 auto\n    20px;\n\n  color:var(--ink);\n\n  font-size:\n    clamp(2.4rem,5vw,4.25rem);\n\n  font-weight:920;\n\n  line-height:1.015;\n\n  letter-spacing:-.057em;\n\n  text-wrap:balance;\n}\n\n\n.tl-s2-header h2 strong{\n  display:block;\n\n  padding-bottom:.05em;\n\n  color:var(--orange-dark);\n\n  font-weight:inherit;\n}\n\n\n.tl-s2-header p{\n  max-width:790px;\n\n  margin:0 auto;\n\n  color:var(--copy);\n\n  font-size:\n    clamp(.98rem,1.4vw,1.08rem);\n\n  line-height:1.8;\n\n  text-wrap:balance;\n}\n\n\n.tl-s2-header p b{\n  color:#334155;\n\n  font-weight:720;\n}\n\n\n\/* =========================================================\n   RISKS\n========================================================= *\/\n\n.tl-s2-risks{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:14px;\n\n  margin-bottom:18px;\n}\n\n\n.tl-s2-risk{\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    auto 1fr;\n\n  gap:17px;\n\n  min-height:100%;\n\n  padding:\n    23px\n    22px;\n\n  border:\n    1px solid var(--line);\n\n  border-radius:20px;\n\n  background:\n    rgba(255,255,255,.92);\n\n  box-shadow:\n    0 12px 34px\n    rgba(15,23,42,.038);\n\n  transition:\n    transform .18s ease,\n    border-color .18s ease,\n    box-shadow .18s ease;\n}\n\n\n.tl-s2-risk:hover{\n  transform:\n    translateY(-3px);\n\n  border-color:\n    rgba(249,115,22,.20);\n\n  box-shadow:\n    0 19px 42px\n    rgba(15,23,42,.065);\n}\n\n\n.tl-s2-risk-number{\n  width:36px;\n  height:36px;\n\n  display:grid;\n\n  place-items:center;\n\n  border:\n    1px solid rgba(249,115,22,.14);\n\n  border-radius:11px;\n\n  background:#fff7ed;\n\n  color:#c2410c;\n\n  font-size:.65rem;\n\n  font-weight:900;\n}\n\n\n.tl-s2-risk h3{\n  margin:\n    1px 0\n    7px;\n\n  color:var(--ink);\n\n  font-size:.98rem;\n\n  font-weight:850;\n\n  letter-spacing:-.025em;\n}\n\n\n.tl-s2-risk p{\n  margin:0;\n\n  color:#657184;\n\n  font-size:.8rem;\n\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   TYPES\n========================================================= *\/\n\n.tl-s2-types{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  flex-wrap:wrap;\n\n  gap:\n    12px\n    18px;\n\n  margin-bottom:22px;\n\n  padding:\n    16px\n    18px;\n\n  border:\n    1px solid rgba(15,23,42,.06);\n\n  border-radius:17px;\n\n  background:\n    rgba(255,255,255,.72);\n}\n\n\n.tl-s2-types-label{\n  color:#8f3c12;\n\n  font-size:.65rem;\n\n  font-weight:850;\n\n  letter-spacing:.095em;\n\n  text-transform:uppercase;\n}\n\n\n.tl-s2-type-list{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n}\n\n\n.tl-s2-type-list span{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  padding:\n    7px\n    10px;\n\n  border:\n    1px solid rgba(249,115,22,.11);\n\n  border-radius:999px;\n\n  background:#fff;\n\n  color:#4a5566;\n\n  font-size:.74rem;\n\n  font-weight:680;\n}\n\n\n.tl-s2-type-list b{\n  color:var(--orange-dark);\n\n  font-size:.8rem;\n}\n\n\n\/* =========================================================\n   PROOF BLOCK\n========================================================= *\/\n\n.tl-s2-proof{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.02fr)\n    minmax(360px,.98fr);\n\n  align-items:center;\n\n  gap:\n    clamp(38px,6vw,72px);\n\n  padding:\n    clamp(34px,5vw,58px);\n\n  border:\n    1px solid rgba(249,115,22,.13);\n\n  border-radius:30px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.99),\n      rgba(255,248,241,.95)\n    );\n\n  box-shadow:\n    0 25px 72px\n    rgba(44,25,10,.075);\n}\n\n\n\/* =========================================================\n   PROOF COPY\n========================================================= *\/\n\n.tl-s2-kicker{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:8px;\n\n  margin-bottom:17px;\n\n  color:#a9430c;\n\n  font-size:.69rem;\n\n  font-weight:850;\n\n  letter-spacing:.085em;\n\n  text-transform:uppercase;\n}\n\n\n.tl-s2-kicker svg{\n  width:18px;\n  height:18px;\n\n  fill:none;\n\n  stroke:var(--orange-dark);\n\n  stroke-width:1.8;\n\n  stroke-linecap:round;\n\n  stroke-linejoin:round;\n}\n\n\n.tl-s2-proof-copy h3{\n  max-width:650px;\n\n  margin:\n    0 0\n    17px;\n\n  color:var(--ink);\n\n  font-size:\n    clamp(2rem,3.4vw,3rem);\n\n  font-weight:900;\n\n  line-height:1.02;\n\n  letter-spacing:-.052em;\n\n  text-wrap:balance;\n}\n\n\n.tl-s2-proof-copy h3 span{\n  display:block;\n\n  color:var(--orange-dark);\n}\n\n\n.tl-s2-proof-lead{\n  max-width:650px;\n\n  margin:\n    0 0\n    27px;\n\n  color:var(--copy);\n\n  font-size:.94rem;\n\n  line-height:1.74;\n}\n\n\n\/* =========================================================\n   PROCESS\n========================================================= *\/\n\n.tl-s2-process{\n  display:grid;\n\n  gap:8px;\n\n  margin-bottom:28px;\n}\n\n\n.tl-s2-process-row{\n  display:grid;\n\n  grid-template-columns:\n    32px\n    minmax(0,1fr)\n    auto;\n\n  align-items:center;\n\n  gap:11px;\n\n  padding:\n    11px\n    12px;\n\n  border:\n    1px solid rgba(15,23,42,.065);\n\n  border-radius:13px;\n\n  background:\n    rgba(255,255,255,.72);\n}\n\n\n.tl-s2-process-icon{\n  width:30px;\n  height:30px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:9px;\n\n  background:#fff7ed;\n\n  color:#c2410c;\n\n  font-size:.65rem;\n\n  font-weight:900;\n}\n\n\n.tl-s2-process-copy strong{\n  display:block;\n\n  margin-bottom:2px;\n\n  color:#273244;\n\n  font-size:.79rem;\n\n  font-weight:800;\n}\n\n\n.tl-s2-process-copy span{\n  display:block;\n\n  color:#7c8797;\n\n  font-size:.69rem;\n\n  line-height:1.4;\n}\n\n\n.tl-s2-process-state{\n  padding:\n    5px\n    8px;\n\n  border-radius:999px;\n\n  background:#f0fdf4;\n\n  color:#15803d;\n\n  font-size:.58rem;\n\n  font-weight:850;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.tl-s2-actions{\n  display:flex;\n\n  align-items:center;\n\n  flex-wrap:wrap;\n\n  gap:\n    13px\n    17px;\n}\n\n\n.tl-s2-cta{\n  min-height:50px;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:10px;\n\n  padding:\n    0\n    20px;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #e85d0b,\n      #f97316,\n      #fb923c\n    );\n\n  color:#fff;\n\n  box-shadow:\n    0 12px 27px\n    rgba(249,115,22,.25);\n\n  font-size:.86rem;\n\n  font-weight:820;\n\n  text-decoration:none;\n\n  transition:\n    transform .18s ease,\n    box-shadow .18s ease;\n}\n\n\n.tl-s2-cta:hover{\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 17px 34px\n    rgba(249,115,22,.33);\n}\n\n\n.tl-s2-cta span{\n  transition:\n    transform .18s ease;\n}\n\n\n.tl-s2-cta:hover span{\n  transform:\n    translateX(3px);\n}\n\n\n.tl-s2-free{\n  display:flex;\n\n  align-items:center;\n\n  gap:8px;\n\n  color:#687486;\n\n  font-size:.74rem;\n\n  font-weight:650;\n}\n\n\n.tl-s2-free i{\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:#22c55e;\n\n  box-shadow:\n    0 0 0 4px\n    rgba(34,197,94,.09);\n}\n\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n.tl-s2-visual{\n  position:relative;\n\n  min-height:500px;\n\n  margin:0;\n}\n\n\n.tl-s2-photo{\n  position:absolute;\n\n  inset:\n    18px\n    17px\n    45px\n    48px;\n\n  overflow:hidden;\n\n  border:\n    1px solid rgba(255,255,255,.6);\n\n  border-radius:27px;\n\n  background:#101820;\n\n  box-shadow:\n    0 28px 60px\n    rgba(12,25,36,.20);\n\n  transform:\n    rotate(1.4deg);\n}\n\n\n.tl-s2-photo img{\n  width:100%;\n  height:100%;\n\n  display:block;\n\n  object-fit:cover;\n\n  object-position:\n    50% 50%;\n}\n\n\n.tl-s2-photo::after{\n  content:\"\";\n\n  position:absolute;\n\n  inset:0;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(8,15,22,.02),\n      rgba(8,15,22,.22)\n    ),\n    linear-gradient(\n      135deg,\n      rgba(249,115,22,.08),\n      transparent 50%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   CERTIFICATE\n========================================================= *\/\n\n.tl-s2-certificate{\n  position:absolute;\n\n  z-index:3;\n\n  top:0;\n\n  right:0;\n\n  width:min(270px,67%);\n\n  padding:20px;\n\n  border:\n    1px solid rgba(15,23,42,.08);\n\n  border-radius:19px;\n\n  background:\n    rgba(255,255,255,.97);\n\n  box-shadow:\n    0 22px 50px\n    rgba(15,23,42,.15);\n\n  transform:\n    rotate(-1.8deg);\n}\n\n\n.tl-s2-certificate::before{\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  top:0;\n  right:0;\n\n  height:4px;\n\n  border-radius:\n    19px\n    19px\n    0\n    0;\n\n  background:\n    linear-gradient(\n      90deg,\n      #e85d0b,\n      #fb923c\n    );\n}\n\n\n.tl-s2-cert-head{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:14px;\n}\n\n\n.tl-s2-cert-head small{\n  display:block;\n\n  margin-bottom:5px;\n\n  color:#c2410c;\n\n  font-size:.54rem;\n\n  font-weight:900;\n\n  letter-spacing:.1em;\n}\n\n\n.tl-s2-cert-head strong{\n  display:block;\n\n  color:#1e293b;\n\n  font-size:.82rem;\n\n  font-weight:850;\n}\n\n\n.tl-s2-cert-logo{\n  width:39px;\n  height:39px;\n\n  display:grid;\n\n  place-items:center;\n\n  flex:0 0 auto;\n\n  border:\n    1px solid rgba(249,115,22,.18);\n\n  border-radius:50%;\n\n  background:#fff7ed;\n\n  color:#e85d0b;\n\n  font-size:.62rem;\n\n  font-weight:900;\n}\n\n\n.tl-s2-cert-line{\n  height:1px;\n\n  margin:\n    17px 0\n    14px;\n\n  background:#eceef1;\n}\n\n\n.tl-s2-cert-data{\n  display:grid;\n\n  gap:10px;\n}\n\n\n.tl-s2-cert-data div{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:14px;\n}\n\n\n.tl-s2-cert-data span{\n  color:#94a3b8;\n\n  font-size:.57rem;\n}\n\n\n.tl-s2-cert-data strong{\n  color:#475569;\n\n  font-size:.59rem;\n\n  font-weight:800;\n}\n\n\n\/* =========================================================\n   PRIVATE BADGE\n========================================================= *\/\n\n.tl-s2-private{\n  position:absolute;\n\n  z-index:4;\n\n  left:6px;\n\n  bottom:7px;\n\n  width:min(260px,70%);\n\n  display:grid;\n\n  grid-template-columns:\n    32px 1fr;\n\n  align-items:center;\n\n  gap:10px;\n\n  padding:\n    12px\n    13px;\n\n  border:\n    1px solid rgba(15,23,42,.07);\n\n  border-radius:14px;\n\n  background:\n    rgba(255,255,255,.96);\n\n  box-shadow:\n    0 15px 35px\n    rgba(15,23,42,.12);\n}\n\n\n.tl-s2-private > span{\n  width:31px;\n  height:31px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  background:#f0fdf4;\n\n  color:#15803d;\n\n  font-size:.68rem;\n\n  font-weight:900;\n}\n\n\n.tl-s2-private strong{\n  display:block;\n\n  margin-bottom:2px;\n\n  color:#334155;\n\n  font-size:.7rem;\n\n  font-weight:820;\n}\n\n\n.tl-s2-private small{\n  display:block;\n\n  color:#8792a3;\n\n  font-size:.6rem;\n\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   CONTINUITY \/ NEXT STEP\n========================================================= *\/\n\n.tl-s2-continuity{\n  display:grid;\n\n  grid-template-columns:\n    minmax(260px,.75fr)\n    minmax(0,1.25fr);\n\n  align-items:center;\n\n  gap:34px;\n\n  margin-top:22px;\n\n  padding:\n    24px\n    26px;\n\n  border:\n    1px solid rgba(15,23,42,.07);\n\n  border-radius:20px;\n\n  background:#111827;\n\n  box-shadow:\n    0 18px 45px\n    rgba(15,23,42,.09);\n}\n\n\n.tl-s2-continuity-label{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:#fb923c;\n\n  font-size:.59rem;\n\n  font-weight:900;\n\n  letter-spacing:.085em;\n\n  text-transform:uppercase;\n}\n\n\n.tl-s2-continuity-copy h3{\n  margin:0;\n\n  color:#fff;\n\n  font-size:\n    clamp(1.2rem,2vw,1.55rem);\n\n  font-weight:850;\n\n  line-height:1.15;\n\n  letter-spacing:-.035em;\n}\n\n\n.tl-s2-continuity-copy h3 strong{\n  color:#fdba74;\n\n  font-weight:inherit;\n}\n\n\n\/* =========================================================\n   RIGHTS FLOW\n========================================================= *\/\n\n.tl-s2-rights{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:flex-end;\n\n  gap:10px;\n}\n\n\n.tl-s2-right{\n  position:relative;\n\n  min-width:145px;\n\n  display:grid;\n\n  grid-template-columns:\n    31px 1fr;\n\n  align-items:center;\n\n  gap:9px;\n\n  padding:\n    11px\n    12px;\n\n  border:\n    1px solid rgba(255,255,255,.09);\n\n  border-radius:13px;\n\n  background:\n    rgba(255,255,255,.045);\n}\n\n\n.tl-s2-right-icon{\n  width:30px;\n  height:30px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:9px;\n\n  font-size:.62rem;\n\n  font-weight:900;\n}\n\n\n.tl-s2-right.is-live\n.tl-s2-right-icon{\n  background:\n    rgba(34,197,94,.11);\n\n  color:#86efac;\n}\n\n\n.tl-s2-right.is-soon\n.tl-s2-right-icon{\n  background:\n    rgba(249,115,22,.12);\n\n  color:#fdba74;\n}\n\n\n.tl-s2-right small{\n  display:block;\n\n  margin-bottom:2px;\n\n  color:#fb923c;\n\n  font-size:.5rem;\n\n  font-weight:900;\n\n  letter-spacing:.09em;\n}\n\n\n.tl-s2-right strong{\n  display:block;\n\n  color:\n    rgba(255,255,255,.78);\n\n  font-size:.67rem;\n\n  font-weight:750;\n\n  line-height:1.25;\n}\n\n\n.tl-s2-right > b{\n  position:absolute;\n\n  right:8px;\n\n  top:-9px;\n\n  padding:\n    3px\n    6px;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  color:#c2410c;\n\n  font-size:.49rem;\n\n  font-weight:900;\n\n  text-transform:uppercase;\n}\n\n\n.tl-s2-arrow{\n  color:\n    rgba(255,255,255,.27);\n\n  font-size:.85rem;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .tl-s2-risks{\n    grid-template-columns:1fr;\n  }\n\n\n  .tl-s2-proof{\n    grid-template-columns:1fr;\n  }\n\n\n  .tl-s2-visual{\n    width:min(580px,100%);\n\n    margin:\n      4px auto 0;\n  }\n\n\n  .tl-s2-continuity{\n    grid-template-columns:1fr;\n\n    text-align:center;\n  }\n\n\n  .tl-s2-rights{\n    justify-content:center;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n  .tl-s2{\n    padding:\n      72px\n      16px\n      82px;\n  }\n\n\n  .tl-s2-header{\n    margin-bottom:34px;\n  }\n\n\n  .tl-s2-header h2{\n    font-size:\n      clamp(2.25rem,10.5vw,3rem);\n\n    line-height:1.035;\n  }\n\n\n  .tl-s2-risk{\n    padding:\n      20px\n      18px;\n  }\n\n\n  .tl-s2-types{\n    align-items:stretch;\n\n    flex-direction:column;\n\n    padding:\n      18px\n      15px;\n\n    text-align:center;\n  }\n\n\n  .tl-s2-type-list{\n    display:grid;\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n\n  .tl-s2-type-list span{\n    justify-content:center;\n  }\n\n\n  .tl-s2-proof{\n    gap:32px;\n\n    padding:\n      29px\n      20px;\n\n    border-radius:24px;\n  }\n\n\n  .tl-s2-proof-copy h3{\n    font-size:2rem;\n  }\n\n\n  .tl-s2-process-row{\n    grid-template-columns:\n      30px 1fr;\n  }\n\n\n  .tl-s2-process-state{\n    grid-column:2;\n\n    width:max-content;\n\n    margin-top:2px;\n  }\n\n\n  .tl-s2-actions{\n    flex-direction:column;\n\n    align-items:stretch;\n  }\n\n\n  .tl-s2-cta{\n    width:100%;\n  }\n\n\n  .tl-s2-free{\n    justify-content:center;\n  }\n\n\n  .tl-s2-visual{\n    min-height:410px;\n  }\n\n\n  .tl-s2-photo{\n    inset:\n      20px\n      0\n      45px\n      34px;\n  }\n\n\n  .tl-s2-certificate{\n    width:225px;\n\n    max-width:68%;\n\n    padding:17px;\n  }\n\n\n  .tl-s2-private{\n    max-width:73%;\n  }\n\n\n  .tl-s2-rights{\n    align-items:stretch;\n\n    flex-direction:column;\n  }\n\n\n  .tl-s2-right{\n    width:100%;\n  }\n\n\n  .tl-s2-arrow{\n    transform:\n      rotate(90deg);\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:420px){\n\n  .tl-s2-type-list{\n    grid-template-columns:1fr;\n  }\n\n\n  .tl-s2-visual{\n    min-height:355px;\n  }\n\n\n  .tl-s2-certificate{\n    max-width:75%;\n  }\n\n\n  .tl-s2-cert-data div{\n    align-items:flex-start;\n\n    flex-direction:column;\n\n    gap:2px;\n  }\n\n\n  .tl-s2-private{\n    width:78%;\n\n    max-width:none;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .tl-s2-risk,\n  .tl-s2-cta,\n  .tl-s2-cta span{\n    transition:none;\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-cf5cf87 e-flex e-con-boxed e-con e-parent\" data-id=\"cf5cf87\" 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-9510988 elementor-widget elementor-widget-html\" data-id=\"9510988\" 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 Z\u00c9RO FORMALIT\u00c9S + COMMENT \u00c7A MARCHE\nSection fusionn\u00e9e, optimis\u00e9e pour Elementor\n========================================================= -->\n\n<section class=\"tl-flow\" aria-labelledby=\"tl-flow-title\">\n  <span class=\"tl-flow-glow tl-flow-glow-a\" aria-hidden=\"true\"><\/span>\n  <span class=\"tl-flow-glow tl-flow-glow-b\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"tl-flow-shell\">\n\n    <header class=\"tl-flow-header\">\n      <span class=\"tl-flow-badge\">\n        <span aria-hidden=\"true\"><\/span>\n        Simple \u00b7 Rapide \u00b7 Sans paperasse\n      <\/span>\n\n      <h2 id=\"tl-flow-title\" class=\"tl-flow-title\">\n        Z\u00e9ro formalit\u00e9s.\n        <strong>Votre preuve en quelques \u00e9tapes.<\/strong>\n      <\/h2>\n\n      <p class=\"tl-flow-intro\">\n        D\u00e9posez votre cr\u00e9ation, renseignez les auteurs et recevez\n        un certificat horodat\u00e9 sans proc\u00e9dure complexe ni connaissance juridique.\n      <\/p>\n    <\/header>\n\n    <div class=\"tl-flow-layout\">\n\n      <div class=\"tl-flow-steps\" role=\"list\">\n\n        <article class=\"tl-flow-step\" role=\"listitem\">\n          <span class=\"tl-flow-number\">01<\/span>\n          <div>\n            <h3>Cr\u00e9ez votre compte<\/h3>\n            <p>\n              Acc\u00e9dez imm\u00e9diatement \u00e0 votre espace personnel\n              et s\u00e9curis\u00e9 TuneLockr.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"tl-flow-step\" role=\"listitem\">\n          <span class=\"tl-flow-number\">02<\/span>\n          <div>\n            <h3>Ajoutez votre cr\u00e9ation<\/h3>\n            <p>\n              Importez une chanson, un beat, des paroles,\n              une partition, des stems ou un projet MAO.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"tl-flow-step\" role=\"listitem\">\n          <span class=\"tl-flow-number\">03<\/span>\n          <div>\n            <h3>Indiquez les co-auteurs<\/h3>\n            <p>\n              Associez les collaborateurs concern\u00e9s\n              pour documenter clairement le projet.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"tl-flow-step\" role=\"listitem\">\n          <span class=\"tl-flow-number\">04<\/span>\n          <div>\n            <h3>Recevez votre certificat<\/h3>\n            <p>\n              L\u2019empreinte du fichier est horodat\u00e9e\n              et votre certificat devient disponible imm\u00e9diatement.\n            <\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n      <figure class=\"tl-flow-visual\">\n        <div class=\"tl-flow-image-wrap\">\n          <img loading=\"lazy\"\n            src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2025\/03\/top-view-hard-disk-components-with-blue-light.jpg\"\n            alt=\"Composants d\u2019un disque dur \u00e9clair\u00e9s en bleu, illustrant la conservation s\u00e9curis\u00e9e des fichiers\"\n            width=\"1920\"\n            height=\"1280\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n\n          <span class=\"tl-flow-image-overlay\" aria-hidden=\"true\"><\/span>\n\n          <div class=\"tl-flow-floating-card tl-flow-floating-card-top\" aria-hidden=\"true\">\n            <span class=\"tl-flow-floating-icon\">\u2713<\/span>\n            <div>\n              <small>D\u00e9p\u00f4t termin\u00e9<\/small>\n              <strong>Certificat disponible<\/strong>\n            <\/div>\n          <\/div>\n\n          <div class=\"tl-flow-floating-card tl-flow-floating-card-bottom\" aria-hidden=\"true\">\n            <span class=\"tl-flow-pulse\"><\/span>\n            <div>\n              <small>Temps moyen<\/small>\n              <strong>Environ 2 minutes<\/strong>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <figcaption>\n          Vos fichiers restent priv\u00e9s. TuneLockr utilise leur empreinte num\u00e9rique\n          pour \u00e9tablir une preuve dat\u00e9e et v\u00e9rifiable.\n        <\/figcaption>\n      <\/figure>\n\n    <\/div>\n\n    <div class=\"tl-flow-stats\" aria-label=\"Chiffres cl\u00e9s TuneLockr\">\n      <div class=\"tl-flow-stat\">\n        <strong>+18 000<\/strong>\n        <span>\u0153uvres d\u00e9pos\u00e9es<\/span>\n      <\/div>\n\n      <div class=\"tl-flow-stat\">\n        <strong>+8 700<\/strong>\n        <span>artistes et cr\u00e9ateurs<\/span>\n      <\/div>\n\n      <div class=\"tl-flow-stat\">\n        <strong>2 min<\/strong>\n        <span>pour effectuer un d\u00e9p\u00f4t<\/span>\n      <\/div>\n\n      <div class=\"tl-flow-stat\">\n        <strong>\u00c0 vie<\/strong>\n        <span>pour conserver le certificat<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"tl-flow-bottom\">\n      <div class=\"tl-flow-bottom-copy\">\n        <span class=\"tl-flow-bottom-kicker\">Premier d\u00e9p\u00f4t offert \u00b7 sans carte bancaire<\/span>\n        <h3>Prot\u00e9gez votre cr\u00e9ation avant de la partager.<\/h3>\n        <p>\n          Le parcours est guid\u00e9 de bout en bout.\n          Vous restez concentr\u00e9 sur votre musique, TuneLockr s\u2019occupe de la preuve.\n        <\/p>\n      <\/div>\n\n      <a href=\"https:\/\/app.tunelockr.com\/depot\" class=\"tl-flow-cta\">\n        D\u00e9poser ma musique\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\nTUNELOCKR \u2014 FLOW SECTION\nStyles isol\u00e9s pour Elementor\n========================================================= *\/\n\n.tl-flow,\n.tl-flow * {\n  box-sizing: border-box;\n}\n\n.tl-flow {\n  --tl-flow-bg: #07101f;\n  --tl-flow-bg-2: #020617;\n  --tl-flow-panel: rgba(255, 255, 255, 0.055);\n  --tl-flow-line: rgba(255, 255, 255, 0.09);\n  --tl-flow-orange: #fa8d32;\n  --tl-flow-orange-2: #ffad69;\n  --tl-flow-text: #ffffff;\n  --tl-flow-muted: rgba(255, 255, 255, 0.70);\n  --tl-flow-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(78px, 9vw, 126px) 24px;\n  background:\n    radial-gradient(circle at 16% 8%, rgba(250, 141, 50, 0.10), transparent 30%),\n    radial-gradient(circle at 86% 88%, rgba(35, 111, 171, 0.13), transparent 34%),\n    linear-gradient(180deg, var(--tl-flow-bg) 0%, var(--tl-flow-bg-2) 100%);\n  color: var(--tl-flow-text);\n  font-family: var(--tl-flow-font);\n}\n\n.tl-flow-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n.tl-flow-glow {\n  position: absolute;\n  z-index: 0;\n  border-radius: 999px;\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n.tl-flow-glow-a {\n  width: 330px;\n  height: 330px;\n  top: -120px;\n  left: -130px;\n  background: rgba(250, 141, 50, 0.16);\n}\n\n.tl-flow-glow-b {\n  width: 300px;\n  height: 300px;\n  right: -120px;\n  bottom: -120px;\n  background: rgba(56, 142, 204, 0.12);\n}\n\n\/* Header *\/\n.tl-flow-header {\n  width: min(850px, 100%);\n  margin: 0 auto 54px;\n  text-align: center;\n}\n\n.tl-flow-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 9px 14px;\n  margin-bottom: 22px;\n  border: 1px solid rgba(250, 141, 50, 0.22);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.10);\n  color: #ffc99a;\n  font-size: 0.73rem;\n  font-weight: 820;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n.tl-flow-badge > span {\n  width: 7px;\n  height: 7px;\n  border-radius: 999px;\n  background: var(--tl-flow-orange);\n  box-shadow: 0 0 0 5px rgba(250, 141, 50, 0.10);\n}\n\n.tl-flow-title {\n  max-width: 950px;\n  margin: 0 auto 21px;\n  color: var(--tl-flow-text);\n  font-size: clamp(2.35rem, 5.2vw, 4.8rem);\n  font-weight: 900;\n  line-height: 0.96;\n  letter-spacing: -0.062em;\n  text-wrap: balance;\n}\n\n.tl-flow-title strong {\n  display: block;\n  color: var(--tl-flow-orange-2);\n  font-weight: inherit;\n}\n\n.tl-flow-intro {\n  max-width: 760px;\n  margin: 0 auto;\n  color: var(--tl-flow-muted);\n  font-size: clamp(1rem, 1.5vw, 1.1rem);\n  line-height: 1.82;\n  text-wrap: balance;\n}\n\n\/* Layout *\/\n.tl-flow-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 0.96fr) minmax(380px, 1.04fr);\n  align-items: center;\n  gap: clamp(38px, 6vw, 74px);\n  margin-bottom: 52px;\n}\n\n\/* Steps *\/\n.tl-flow-steps {\n  position: relative;\n  display: grid;\n  gap: 14px;\n}\n\n.tl-flow-steps::before {\n  content: \"\";\n  position: absolute;\n  top: 43px;\n  bottom: 43px;\n  left: 27px;\n  width: 1px;\n  background: linear-gradient(\n    180deg,\n    rgba(250, 141, 50, 0),\n    rgba(250, 141, 50, 0.34) 18%,\n    rgba(250, 141, 50, 0.34) 82%,\n    rgba(250, 141, 50, 0)\n  );\n}\n\n.tl-flow-step {\n  position: relative;\n  display: grid;\n  grid-template-columns: 56px 1fr;\n  gap: 17px;\n  align-items: start;\n  padding: 21px 22px 21px 14px;\n  border: 1px solid var(--tl-flow-line);\n  border-radius: 20px;\n  background:\n    linear-gradient(135deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.035));\n  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.12);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  transition:\n    transform 180ms ease,\n    border-color 180ms ease,\n    background 180ms ease;\n}\n\n.tl-flow-step:hover {\n  transform: translateX(4px);\n  border-color: rgba(250, 141, 50, 0.25);\n  background:\n    linear-gradient(135deg, rgba(250, 141, 50, 0.10), rgba(255, 255, 255, 0.04));\n}\n\n.tl-flow-number {\n  position: relative;\n  z-index: 1;\n  width: 56px;\n  height: 56px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(250, 141, 50, 0.26);\n  border-radius: 17px;\n  background: linear-gradient(145deg, rgba(250, 141, 50, 0.19), rgba(250, 141, 50, 0.08));\n  color: var(--tl-flow-orange-2);\n  box-shadow:\n    0 10px 24px rgba(250, 141, 50, 0.10),\n    inset 0 1px 0 rgba(255, 255, 255, 0.08);\n  font-size: 0.78rem;\n  font-weight: 900;\n  letter-spacing: 0.06em;\n}\n\n.tl-flow-step h3 {\n  margin: 4px 0 7px;\n  color: #ffffff;\n  font-size: 1.04rem;\n  font-weight: 820;\n  line-height: 1.3;\n  letter-spacing: -0.022em;\n}\n\n.tl-flow-step p {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.64);\n  font-size: 0.9rem;\n  line-height: 1.65;\n}\n\n\/* Visual *\/\n.tl-flow-visual {\n  margin: 0;\n}\n\n.tl-flow-image-wrap {\n  position: relative;\n  min-height: 510px;\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, 0.11);\n  border-radius: 30px;\n  background: #061321;\n  box-shadow:\n    0 28px 75px rgba(0, 0, 0, 0.34),\n    inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n.tl-flow-image-wrap > img {\n  width: 100%;\n  height: 100%;\n  min-height: 510px;\n  display: block;\n  object-fit: cover;\n  object-position: 50% 50%;\n  filter: saturate(0.92) contrast(1.03);\n}\n\n.tl-flow-image-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(180deg, rgba(2, 6, 23, 0.05), rgba(2, 6, 23, 0.42)),\n    linear-gradient(135deg, rgba(250, 141, 50, 0.07), transparent 45%);\n  pointer-events: none;\n}\n\n.tl-flow-floating-card {\n  position: absolute;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-width: 210px;\n  padding: 14px 16px;\n  border: 1px solid rgba(255, 255, 255, 0.14);\n  border-radius: 16px;\n  background: rgba(8, 17, 31, 0.84);\n  color: #ffffff;\n  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.26);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n}\n\n.tl-flow-floating-card-top {\n  top: 24px;\n  right: 22px;\n}\n\n.tl-flow-floating-card-bottom {\n  left: 22px;\n  bottom: 24px;\n}\n\n.tl-flow-floating-icon {\n  width: 34px;\n  height: 34px;\n  display: grid;\n  place-items: center;\n  flex: 0 0 auto;\n  border-radius: 11px;\n  background: var(--tl-flow-orange);\n  color: #ffffff;\n  font-size: 0.9rem;\n  font-weight: 900;\n  box-shadow: 0 8px 18px rgba(250, 141, 50, 0.24);\n}\n\n.tl-flow-pulse {\n  width: 10px;\n  height: 10px;\n  flex: 0 0 auto;\n  border-radius: 999px;\n  background: var(--tl-flow-orange);\n  box-shadow: 0 0 0 7px rgba(250, 141, 50, 0.12);\n}\n\n.tl-flow-floating-card small,\n.tl-flow-floating-card strong {\n  display: block;\n}\n\n.tl-flow-floating-card small {\n  margin-bottom: 3px;\n  color: rgba(255, 255, 255, 0.58);\n  font-size: 0.66rem;\n  font-weight: 700;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n}\n\n.tl-flow-floating-card strong {\n  font-size: 0.82rem;\n  line-height: 1.25;\n}\n\n.tl-flow-visual figcaption {\n  max-width: 540px;\n  margin: 15px auto 0;\n  color: rgba(255, 255, 255, 0.53);\n  font-size: 0.74rem;\n  font-weight: 580;\n  line-height: 1.55;\n  text-align: center;\n}\n\n\/* Stats *\/\n.tl-flow-stats {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  overflow: hidden;\n  margin-bottom: 24px;\n  border: 1px solid var(--tl-flow-line);\n  border-radius: 24px;\n  background: rgba(255, 255, 255, 0.045);\n  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);\n}\n\n.tl-flow-stat {\n  position: relative;\n  padding: 27px 18px;\n  text-align: center;\n}\n\n.tl-flow-stat + .tl-flow-stat::before {\n  content: \"\";\n  position: absolute;\n  top: 22%;\n  bottom: 22%;\n  left: 0;\n  width: 1px;\n  background: var(--tl-flow-line);\n}\n\n.tl-flow-stat strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--tl-flow-orange-2);\n  font-size: clamp(1.45rem, 2.7vw, 2.25rem);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -0.045em;\n}\n\n.tl-flow-stat span {\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 0.81rem;\n  font-weight: 640;\n  line-height: 1.4;\n}\n\n\/* Bottom CTA *\/\n.tl-flow-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  padding: clamp(26px, 4vw, 38px);\n  border: 1px solid rgba(250, 141, 50, 0.18);\n  border-radius: 26px;\n  background:\n    linear-gradient(135deg, rgba(250, 141, 50, 0.11), rgba(255, 255, 255, 0.045));\n  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.14);\n}\n\n.tl-flow-bottom-copy {\n  max-width: 710px;\n}\n\n.tl-flow-bottom-kicker {\n  display: block;\n  margin-bottom: 10px;\n  color: var(--tl-flow-orange-2);\n  font-size: 0.69rem;\n  font-weight: 840;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n}\n\n.tl-flow-bottom h3 {\n  margin: 0 0 8px;\n  color: #ffffff;\n  font-size: clamp(1.35rem, 2.5vw, 2rem);\n  font-weight: 850;\n  line-height: 1.1;\n  letter-spacing: -0.035em;\n}\n\n.tl-flow-bottom p {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 0.88rem;\n  line-height: 1.65;\n}\n\n.tl-flow-cta {\n  min-height: 51px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  flex: 0 0 auto;\n  padding: 13px 21px;\n  border: 1px solid rgba(255, 255, 255, 0.14);\n  border-radius: 999px;\n  background: linear-gradient(135deg, #e86f18, var(--tl-flow-orange));\n  color: #ffffff;\n  box-shadow:\n    0 13px 30px rgba(250, 141, 50, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.25);\n  font-size: 0.9rem;\n  font-weight: 820;\n  text-decoration: none;\n  white-space: nowrap;\n  transition:\n    transform 170ms ease,\n    box-shadow 170ms ease;\n}\n\n.tl-flow-cta:hover,\n.tl-flow-cta:focus-visible {\n  transform: translateY(-2px);\n  box-shadow:\n    0 18px 38px rgba(250, 141, 50, 0.34),\n    inset 0 1px 0 rgba(255, 255, 255, 0.30);\n  outline: none;\n}\n\n.tl-flow-cta span {\n  transition: transform 170ms ease;\n}\n\n.tl-flow-cta:hover span,\n.tl-flow-cta:focus-visible span {\n  transform: translateX(3px);\n}\n\n\/* Responsive *\/\n@media (max-width: 980px) {\n  .tl-flow-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-flow-visual {\n    width: min(640px, 100%);\n    margin: 0 auto;\n  }\n\n  .tl-flow-stats {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tl-flow-stat:nth-child(3)::before {\n    display: none;\n  }\n\n  .tl-flow-stat:nth-child(-n + 2) {\n    border-bottom: 1px solid var(--tl-flow-line);\n  }\n}\n\n@media (max-width: 680px) {\n  .tl-flow {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n\n  .tl-flow-header {\n    margin-bottom: 38px;\n  }\n\n  .tl-flow-title {\n    font-size: clamp(2.15rem, 12vw, 3rem);\n    line-height: 1;\n  }\n\n  .tl-flow-step {\n    grid-template-columns: 48px 1fr;\n    gap: 14px;\n    padding: 18px 17px 18px 12px;\n  }\n\n  .tl-flow-number {\n    width: 48px;\n    height: 48px;\n    border-radius: 15px;\n  }\n\n  .tl-flow-steps::before {\n    left: 23px;\n  }\n\n  .tl-flow-image-wrap,\n  .tl-flow-image-wrap > img {\n    min-height: 390px;\n  }\n\n  .tl-flow-floating-card {\n    min-width: 0;\n    max-width: calc(100% - 36px);\n    padding: 12px 13px;\n  }\n\n  .tl-flow-floating-card-top {\n    top: 18px;\n    right: 18px;\n  }\n\n  .tl-flow-floating-card-bottom {\n    left: 18px;\n    bottom: 18px;\n  }\n\n  .tl-flow-bottom {\n    align-items: stretch;\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .tl-flow-cta {\n    width: 100%;\n  }\n}\n\n@media (max-width: 440px) {\n  .tl-flow-stats {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-flow-stat + .tl-flow-stat::before {\n    top: 0;\n    right: 20%;\n    bottom: auto;\n    left: 20%;\n    width: auto;\n    height: 1px;\n  }\n\n  .tl-flow-stat:nth-child(-n + 2) {\n    border-bottom: 0;\n  }\n\n  .tl-flow-stat:nth-child(3)::before {\n    display: block;\n  }\n\n  .tl-flow-image-wrap,\n  .tl-flow-image-wrap > img {\n    min-height: 330px;\n  }\n\n  .tl-flow-floating-card small {\n    display: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-flow-step,\n  .tl-flow-cta,\n  .tl-flow-cta span {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99c5efb e-flex e-con-boxed e-con e-parent\" data-id=\"99c5efb\" 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-5ca23d0 elementor-widget elementor-widget-html\" data-id=\"5ca23d0\" 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 ROADMAP CARTES UNIQUEMENT\nDisponible aujourd\u2019hui + teasing des prochaines fonctions\nPr\u00eat pour Elementor\n========================================================= -->\n\n<section class=\"tl-roadmap\" aria-label=\"Fonctionnalit\u00e9s TuneLockr disponibles et \u00e0 venir\">\n  <span class=\"tl-roadmap-glow tl-roadmap-glow-a\" aria-hidden=\"true\"><\/span>\n  <span class=\"tl-roadmap-glow tl-roadmap-glow-b\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"tl-roadmap-shell\">\n\n    <div class=\"tl-roadmap-grid\">\n\n      <article class=\"tl-roadmap-card tl-roadmap-card-live\">\n        <span class=\"tl-roadmap-status tl-roadmap-status-live\">\n          <i aria-hidden=\"true\"><\/i>\n          Disponible\n        <\/span>\n\n        <span class=\"tl-roadmap-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"m9 12 2 2 4-4\"><\/path>\n            <path d=\"M12 22c5-2 8-5.5 8-10V5l-8-3-8 3v7c0 4.5 3 8 8 10Z\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <h3>Certificat d\u2019ant\u00e9riorit\u00e9<\/h3>\n\n        <p>\n          D\u00e9p\u00f4t priv\u00e9, empreinte horodat\u00e9e et certificat v\u00e9rifiable\n          pour documenter l\u2019existence de votre cr\u00e9ation.\n        <\/p>\n\n        <ul>\n          <li>Fichiers priv\u00e9s<\/li>\n          <li>Co-auteurs<\/li>\n          <li>Certificat \u00e0 conserver<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"tl-roadmap-card tl-roadmap-card-soon\">\n        <span class=\"tl-roadmap-status\">\n          Bient\u00f4t disponible\n        <\/span>\n\n        <span class=\"tl-roadmap-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M3 12h3l2-6 4 12 2-6h7\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <h3>TuneLockr Protect<\/h3>\n\n        <p>\n          Surveillance des utilisations potentielles de vos morceaux\n          et alertes lorsqu\u2019une correspondance est d\u00e9tect\u00e9e.\n        <\/p>\n\n        <ul>\n          <li>Morceaux surveill\u00e9s<\/li>\n          <li>Correspondances d\u00e9tect\u00e9es<\/li>\n          <li>Historique des alertes<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"tl-roadmap-card tl-roadmap-card-soon\">\n        <span class=\"tl-roadmap-status tl-roadmap-status-live\">\n          <i aria-hidden=\"true\"><\/i>\n          Disponible\n        <\/span>\n\n        <span class=\"tl-roadmap-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M8 3h8\"><\/path>\n            <path d=\"M9 3v5l-4 8a3 3 0 0 0 2.7 5h8.6A3 3 0 0 0 19 16l-4-8V3\"><\/path>\n            <path d=\"M7 15h10\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <h3>AI Rights Registry<\/h3>\n\n        <p>\n          D\u00e9clarez les usages autoris\u00e9s ou interdits de votre musique\n          pour l\u2019entra\u00eenement et la g\u00e9n\u00e9ration par intelligence artificielle.\n        <\/p>\n\n        <ul>\n          <li>Entra\u00eenement IA<\/li>\n          <li>Covers synth\u00e9tiques<\/li>\n          <li>Demandes de licence<\/li>\n        <\/ul>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\nTUNELOCKR \u2014 ROADMAP COMPACTE\nStyles isol\u00e9s pour Elementor\n========================================================= *\/\n\n.tl-roadmap,\n.tl-roadmap * {\n  box-sizing: border-box;\n}\n\n.tl-roadmap {\n  --tl-rm-bg: #101114;\n  --tl-rm-bg-2: #090a0c;\n  --tl-rm-orange: #fa8d32;\n  --tl-rm-orange-2: #ffb678;\n  --tl-rm-text: #ffffff;\n  --tl-rm-muted: rgba(255, 255, 255, 0.66);\n  --tl-rm-line: rgba(255, 255, 255, 0.085);\n  --tl-rm-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(68px, 7vw, 94px) 24px;\n  background:\n    radial-gradient(circle at 10% 0%, rgba(250, 141, 50, 0.10), transparent 27%),\n    linear-gradient(180deg, var(--tl-rm-bg) 0%, var(--tl-rm-bg-2) 100%);\n  color: var(--tl-rm-text);\n  font-family: var(--tl-rm-font);\n}\n\n.tl-roadmap-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1120px, 100%);\n  margin: 0 auto;\n}\n\n.tl-roadmap-glow {\n  position: absolute;\n  z-index: 0;\n  border-radius: 999px;\n  filter: blur(100px);\n  pointer-events: none;\n}\n\n.tl-roadmap-glow-a {\n  width: 280px;\n  height: 280px;\n  top: -130px;\n  left: -120px;\n  background: rgba(250, 141, 50, 0.13);\n}\n\n.tl-roadmap-glow-b {\n  width: 260px;\n  height: 260px;\n  right: -130px;\n  bottom: -140px;\n  background: rgba(74, 107, 155, 0.07);\n}\n\n\/* Header *\/\n.tl-roadmap-head {\n  width: min(760px, 100%);\n  margin: 0 auto 38px;\n  text-align: center;\n}\n\n.tl-roadmap-kicker {\n  display: inline-block;\n  margin-bottom: 15px;\n  color: var(--tl-rm-orange-2);\n  font-size: 0.72rem;\n  font-weight: 840;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.tl-roadmap-title {\n  margin: 0 auto 16px;\n  color: #ffffff;\n  font-size: clamp(2rem, 4.1vw, 3.55rem);\n  font-weight: 900;\n  line-height: 0.99;\n  letter-spacing: -0.057em;\n  text-wrap: balance;\n}\n\n.tl-roadmap-title strong {\n  display: block;\n  color: var(--tl-rm-orange-2);\n  font-weight: inherit;\n}\n\n.tl-roadmap-intro {\n  max-width: 700px;\n  margin: 0 auto;\n  color: var(--tl-rm-muted);\n  font-size: 0.98rem;\n  line-height: 1.72;\n  text-wrap: balance;\n}\n\n\/* Grid *\/\n.tl-roadmap-grid {\n  display: grid;\n  grid-template-columns: 1.08fr 0.96fr 0.96fr;\n  gap: 16px;\n}\n\n.tl-roadmap-card {\n  position: relative;\n  min-height: 100%;\n  padding: 26px 24px 25px;\n  overflow: hidden;\n  border: 1px solid var(--tl-rm-line);\n  border-radius: 23px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.028));\n  box-shadow: 0 17px 38px rgba(0, 0, 0, 0.15);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  transition:\n    transform 180ms ease,\n    border-color 180ms ease,\n    background 180ms ease;\n}\n\n.tl-roadmap-card::after {\n  content: \"\";\n  position: absolute;\n  right: -48px;\n  bottom: -65px;\n  width: 140px;\n  height: 140px;\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.045);\n  pointer-events: none;\n}\n\n.tl-roadmap-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(250, 141, 50, 0.21);\n}\n\n.tl-roadmap-card-live {\n  border-color: rgba(250, 141, 50, 0.19);\n  background:\n    linear-gradient(145deg, rgba(250, 141, 50, 0.105), rgba(255, 255, 255, 0.035));\n}\n\n.tl-roadmap-card-soon {\n  opacity: 0.88;\n}\n\n\/* Status *\/\n.tl-roadmap-status {\n  position: absolute;\n  top: 17px;\n  right: 17px;\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 7px 10px;\n  border: 1px solid rgba(255, 255, 255, 0.10);\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.055);\n  color: rgba(255, 255, 255, 0.70);\n  font-size: 0.61rem;\n  font-weight: 820;\n  letter-spacing: 0.075em;\n  text-transform: uppercase;\n}\n\n.tl-roadmap-status-live {\n  border-color: rgba(250, 141, 50, 0.23);\n  background: rgba(250, 141, 50, 0.11);\n  color: #ffc99a;\n}\n\n.tl-roadmap-status-live i {\n  width: 6px;\n  height: 6px;\n  border-radius: 999px;\n  background: var(--tl-rm-orange);\n  box-shadow: 0 0 0 4px rgba(250, 141, 50, 0.10);\n}\n\n\/* Icon *\/\n.tl-roadmap-icon {\n  width: 49px;\n  height: 49px;\n  display: grid;\n  place-items: center;\n  margin-bottom: 20px;\n  border: 1px solid rgba(250, 141, 50, 0.18);\n  border-radius: 15px;\n  background: rgba(250, 141, 50, 0.09);\n}\n\n.tl-roadmap-icon svg {\n  width: 23px;\n  height: 23px;\n  fill: none;\n  stroke: var(--tl-rm-orange-2);\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tl-roadmap-card h3 {\n  position: relative;\n  z-index: 1;\n  margin: 0 0 10px;\n  color: #ffffff;\n  font-size: 1.06rem;\n  font-weight: 840;\n  line-height: 1.25;\n  letter-spacing: -0.025em;\n}\n\n.tl-roadmap-card > p {\n  position: relative;\n  z-index: 1;\n  margin: 0 0 18px;\n  color: rgba(255, 255, 255, 0.63);\n  font-size: 0.86rem;\n  line-height: 1.65;\n}\n\n.tl-roadmap-card ul {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  gap: 7px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.tl-roadmap-card li {\n  position: relative;\n  padding-left: 18px;\n  color: rgba(255, 255, 255, 0.72);\n  font-size: 0.76rem;\n  font-weight: 650;\n  line-height: 1.4;\n}\n\n.tl-roadmap-card li::before {\n  content: \"\";\n  position: absolute;\n  top: 0.52em;\n  left: 0;\n  width: 6px;\n  height: 6px;\n  border-radius: 999px;\n  background: var(--tl-rm-orange);\n}\n\n\/* Note *\/\n.tl-roadmap-note {\n  max-width: 760px;\n  margin: 20px auto 0;\n  color: rgba(255, 255, 255, 0.39);\n  font-size: 0.67rem;\n  font-weight: 560;\n  line-height: 1.55;\n  text-align: center;\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .tl-roadmap-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-roadmap-card-soon {\n    opacity: 1;\n  }\n}\n\n@media (max-width: 600px) {\n  .tl-roadmap {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n\n  .tl-roadmap-head {\n    margin-bottom: 30px;\n  }\n\n  .tl-roadmap-title {\n    font-size: clamp(2rem, 11vw, 2.65rem);\n  }\n\n  .tl-roadmap-card {\n    padding: 24px 21px;\n  }\n\n  .tl-roadmap-status {\n    position: static;\n    width: fit-content;\n    margin-bottom: 16px;\n  }\n\n  .tl-roadmap-icon {\n    margin-bottom: 17px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-roadmap-card {\n    transition: none !important;\n  }\n}\n\n\n\/* =========================================================\nVARIANTE BLANCHE \u2014 ROADMAP TUNELOCKR\n========================================================= *\/\n\n.tl-roadmap {\n  --tl-rm-bg: #ffffff;\n  --tl-rm-bg-2: #fffaf6;\n  --tl-rm-orange: #fa8d32;\n  --tl-rm-orange-2: #e86f18;\n  --tl-rm-text: #111827;\n  --tl-rm-muted: #667085;\n  --tl-rm-line: rgba(17, 24, 39, 0.08);\n\n  background:\n    radial-gradient(circle at 10% 0%, rgba(250, 141, 50, 0.08), transparent 28%),\n    linear-gradient(180deg, #ffffff 0%, #fffaf6 100%);\n  color: var(--tl-rm-text);\n}\n\n.tl-roadmap-glow-a {\n  background: rgba(250, 141, 50, 0.11);\n}\n\n.tl-roadmap-glow-b {\n  background: rgba(250, 141, 50, 0.05);\n}\n\n.tl-roadmap-kicker {\n  color: #c85c14;\n}\n\n.tl-roadmap-title {\n  color: #111827;\n}\n\n.tl-roadmap-title strong {\n  color: #e86f18;\n}\n\n.tl-roadmap-intro {\n  color: #667085;\n}\n\n.tl-roadmap-card {\n  border-color: rgba(17, 24, 39, 0.08);\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(255, 249, 244, 0.94));\n  box-shadow: 0 16px 38px rgba(17, 24, 39, 0.06);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n}\n\n.tl-roadmap-card:hover {\n  border-color: rgba(250, 141, 50, 0.22);\n  box-shadow: 0 22px 46px rgba(17, 24, 39, 0.09);\n}\n\n.tl-roadmap-card-live {\n  border-color: rgba(250, 141, 50, 0.22);\n  background:\n    linear-gradient(145deg, rgba(255, 247, 239, 0.98), rgba(255, 255, 255, 0.98));\n}\n\n.tl-roadmap-card-soon {\n  opacity: 1;\n}\n\n.tl-roadmap-card::after {\n  background: rgba(250, 141, 50, 0.045);\n}\n\n.tl-roadmap-status {\n  border-color: rgba(17, 24, 39, 0.08);\n  background: rgba(17, 24, 39, 0.035);\n  color: #6b7280;\n}\n\n.tl-roadmap-status-live {\n  border-color: rgba(250, 141, 50, 0.24);\n  background: rgba(250, 141, 50, 0.10);\n  color: #a9430c;\n}\n\n.tl-roadmap-icon {\n  border-color: rgba(250, 141, 50, 0.20);\n  background: rgba(250, 141, 50, 0.08);\n}\n\n.tl-roadmap-icon svg {\n  stroke: #e86f18;\n}\n\n.tl-roadmap-card h3 {\n  color: #111827;\n}\n\n.tl-roadmap-card > p {\n  color: #667085;\n}\n\n.tl-roadmap-card li {\n  color: #475467;\n}\n\n.tl-roadmap-note {\n  color: #98a2b3;\n}\n\n\n\/* =========================================================\nVERSION CARTES UNIQUEMENT\n========================================================= *\/\n\n.tl-roadmap {\n  padding: clamp(34px, 4vw, 56px) 24px;\n}\n\n.tl-roadmap-shell {\n  width: min(1120px, 100%);\n}\n\n.tl-roadmap-grid {\n  margin: 0;\n}\n\n.tl-roadmap-card {\n  padding: 24px 23px 23px;\n}\n\n@media (max-width: 600px) {\n  .tl-roadmap {\n    padding: 30px 16px;\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-cfd4cc3 e-flex e-con-boxed e-con e-parent\" data-id=\"cfd4cc3\" 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-abafbbc elementor-widget elementor-widget-html\" data-id=\"abafbbc\" 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 T\u00c9MOIGNAGES\nCartes uniquement, version compacte et premium\nPr\u00eat pour Elementor\n========================================================= -->\n\n<section class=\"tl-reviews\" aria-label=\"T\u00e9moignages d\u2019utilisateurs TuneLockr\">\n  <div class=\"tl-reviews-shell\">\n\n    <div class=\"tl-reviews-grid\">\n\n      <article class=\"tl-review-card\">\n        <div class=\"tl-review-top\">\n          <img loading=\"lazy\"\n            src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?q=80&w=240&auto=format&fit=crop\"\n            alt=\"Portrait de L\u00e9o\"\n            class=\"tl-review-avatar\"\n            width=\"56\"\n            height=\"56\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n\n          <div class=\"tl-review-user\">\n            <strong>L\u00e9o<\/strong>\n            <span>Chanteur \u00b7 Topliner<\/span>\n          <\/div>\n\n          <span class=\"tl-review-quote\" aria-hidden=\"true\">\u201c<\/span>\n        <\/div>\n\n        <p>\n          Je d\u00e9pose mes toplines et mes d\u00e9mos avant chaque envoi.\n          Le parcours est rapide et le certificat facile \u00e0 conserver.\n        <\/p>\n      <\/article>\n\n      <article class=\"tl-review-card tl-review-card-featured\">\n        <div class=\"tl-review-top\">\n          <img loading=\"lazy\"\n            src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?q=80&w=240&auto=format&fit=crop\"\n            alt=\"Portrait de MikeWave\"\n            class=\"tl-review-avatar\"\n            width=\"56\"\n            height=\"56\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n\n          <div class=\"tl-review-user\">\n            <strong>MikeWave<\/strong>\n            <span>Beatmaker<\/span>\n          <\/div>\n\n          <span class=\"tl-review-quote\" aria-hidden=\"true\">\u201c<\/span>\n        <\/div>\n\n        <p>\n          Avant de partager une instru avec un artiste ou un client,\n          je la d\u00e9pose sur TuneLockr. C\u2019est devenu un vrai r\u00e9flexe.\n        <\/p>\n      <\/article>\n\n      <article class=\"tl-review-card\">\n        <div class=\"tl-review-top\">\n          <img loading=\"lazy\"\n            src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?q=80&w=240&auto=format&fit=crop\"\n            alt=\"Portrait de Sarah\"\n            class=\"tl-review-avatar\"\n            width=\"56\"\n            height=\"56\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n\n          <div class=\"tl-review-user\">\n            <strong>Sarah<\/strong>\n            <span>Auteure \u00b7 Compositrice<\/span>\n          <\/div>\n\n          <span class=\"tl-review-quote\" aria-hidden=\"true\">\u201c<\/span>\n        <\/div>\n\n        <p>\n          Je peux garder une trace dat\u00e9e de mes textes et de mes versions.\n          C\u2019est simple, clair et rassurant quand je collabore.\n        <\/p>\n      <\/article>\n\n      <article class=\"tl-review-card\">\n        <div class=\"tl-review-top\">\n          <img loading=\"lazy\"\n            src=\"https:\/\/images.unsplash.com\/photo-1504593811423-6dd665756598?q=80&w=240&auto=format&fit=crop\"\n            alt=\"Portrait de Kado\"\n            class=\"tl-review-avatar\"\n            width=\"56\"\n            height=\"56\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n\n          <div class=\"tl-review-user\">\n            <strong>Kado<\/strong>\n            <span>Producteur<\/span>\n          <\/div>\n\n          <span class=\"tl-review-quote\" aria-hidden=\"true\">\u201c<\/span>\n        <\/div>\n\n        <p>\n          Je conserve un certificat pour chaque version importante.\n          Cela m\u2019aide \u00e0 mieux organiser l\u2019historique de mes productions.\n        <\/p>\n      <\/article>\n\n      <article class=\"tl-review-card\">\n        <div class=\"tl-review-top\">\n          <img loading=\"lazy\"\n            src=\"https:\/\/images.unsplash.com\/photo-1507591064344-4c6ce005b128?q=80&w=240&auto=format&fit=crop\"\n            alt=\"Portrait de Hugo\"\n            class=\"tl-review-avatar\"\n            width=\"56\"\n            height=\"56\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n\n          <div class=\"tl-review-user\">\n            <strong>Hugo<\/strong>\n            <span>Rappeur ind\u00e9pendant<\/span>\n          <\/div>\n\n          <span class=\"tl-review-quote\" aria-hidden=\"true\">\u201c<\/span>\n        <\/div>\n\n        <p>\n          Pas de paperasse inutile : je d\u00e9pose mon titre,\n          je r\u00e9cup\u00e8re ma preuve et je peux continuer \u00e0 travailler.\n        <\/p>\n      <\/article>\n\n      <article class=\"tl-review-card\">\n        <div class=\"tl-review-top\">\n          <img loading=\"lazy\"\n            src=\"https:\/\/images.unsplash.com\/photo-1488426862026-3ee34a7d66df?q=80&w=240&auto=format&fit=crop\"\n            alt=\"Portrait de Lina\"\n            class=\"tl-review-avatar\"\n            width=\"56\"\n            height=\"56\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          \/>\n\n          <div class=\"tl-review-user\">\n            <strong>Lina<\/strong>\n            <span>Chanteuse \u00b7 Compositrice<\/span>\n          <\/div>\n\n          <span class=\"tl-review-quote\" aria-hidden=\"true\">\u201c<\/span>\n        <\/div>\n\n        <p>\n          J\u2019envoie souvent des maquettes \u00e0 plusieurs interlocuteurs.\n          TuneLockr me permet de les d\u00e9poser avant de les faire circuler.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\nTUNELOCKR \u2014 T\u00c9MOIGNAGES CARTES UNIQUEMENT\nStyles isol\u00e9s pour Elementor\n========================================================= *\/\n\n.tl-reviews,\n.tl-reviews * {\n  box-sizing: border-box;\n}\n\n.tl-reviews {\n  --tl-review-orange: #fa8d32;\n  --tl-review-orange-dark: #e86f18;\n  --tl-review-text: #111827;\n  --tl-review-muted: #667085;\n  --tl-review-line: rgba(17, 24, 39, 0.08);\n  --tl-review-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  padding: clamp(38px, 5vw, 64px) 24px;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(250, 141, 50, 0.055), transparent 35%),\n    #ffffff;\n  font-family: var(--tl-review-font);\n}\n\n.tl-reviews-shell {\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n.tl-reviews-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 17px;\n}\n\n.tl-review-card {\n  position: relative;\n  min-height: 100%;\n  padding: 24px 23px 25px;\n  overflow: hidden;\n  border: 1px solid var(--tl-review-line);\n  border-radius: 22px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(255, 250, 246, 0.95));\n  box-shadow: 0 15px 36px rgba(17, 24, 39, 0.055);\n  transition:\n    transform 180ms ease,\n    border-color 180ms ease,\n    box-shadow 180ms ease;\n}\n\n.tl-review-card::after {\n  content: \"\";\n  position: absolute;\n  right: -45px;\n  bottom: -60px;\n  width: 125px;\n  height: 125px;\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.045);\n  pointer-events: none;\n}\n\n.tl-review-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(250, 141, 50, 0.22);\n  box-shadow: 0 21px 46px rgba(17, 24, 39, 0.085);\n}\n\n.tl-review-card-featured {\n  border-color: rgba(250, 141, 50, 0.20);\n  background:\n    linear-gradient(145deg, rgba(255, 247, 239, 0.99), rgba(255, 255, 255, 0.98));\n}\n\n.tl-review-top {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 54px 1fr auto;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 20px;\n}\n\n.tl-review-avatar {\n  width: 54px;\n  height: 54px;\n  display: block;\n  border: 2px solid rgba(250, 141, 50, 0.22);\n  border-radius: 999px;\n  object-fit: cover;\n  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.08);\n}\n\n.tl-review-user strong,\n.tl-review-user span {\n  display: block;\n}\n\n.tl-review-user strong {\n  margin-bottom: 4px;\n  color: var(--tl-review-text);\n  font-size: 0.95rem;\n  font-weight: 840;\n  line-height: 1.1;\n}\n\n.tl-review-user span {\n  color: var(--tl-review-muted);\n  font-size: 0.74rem;\n  font-weight: 650;\n  line-height: 1.3;\n}\n\n.tl-review-quote {\n  align-self: start;\n  color: rgba(250, 141, 50, 0.32);\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 2.65rem;\n  font-weight: 800;\n  line-height: 0.8;\n}\n\n.tl-review-card > p {\n  position: relative;\n  z-index: 1;\n  margin: 0;\n  color: #475467;\n  font-size: 0.9rem;\n  line-height: 1.72;\n}\n\n\/* Responsive *\/\n@media (max-width: 930px) {\n  .tl-reviews-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 640px) {\n  .tl-reviews {\n    padding: 34px 16px;\n  }\n\n  .tl-reviews-grid {\n    display: flex;\n    gap: 14px;\n    overflow-x: auto;\n    padding: 2px 2px 14px;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: thin;\n    scrollbar-color: rgba(250, 141, 50, 0.26) transparent;\n  }\n\n  .tl-review-card {\n    width: min(86vw, 330px);\n    min-width: min(86vw, 330px);\n    scroll-snap-align: start;\n  }\n\n  .tl-reviews-grid::-webkit-scrollbar {\n    height: 6px;\n  }\n\n  .tl-reviews-grid::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .tl-reviews-grid::-webkit-scrollbar-thumb {\n    border-radius: 999px;\n    background: rgba(250, 141, 50, 0.26);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-review-card {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be8d57c e-flex e-con-boxed e-con e-parent\" data-id=\"be8d57c\" 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-599ee37 elementor-widget elementor-widget-html\" data-id=\"599ee37\" 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 FAQ COMPACTE\nAccord\u00e9on uniquement, pr\u00eat pour Elementor\n========================================================= -->\n\n<section class=\"tl-faq-compact\" aria-label=\"Questions fr\u00e9quentes TuneLockr\">\n  <div class=\"tl-faq-compact-shell\">\n\n    <div class=\"tl-faq-compact-list\">\n\n      <details class=\"tl-faq-compact-item\" open>\n        <summary>\n          <span>Que prouve le certificat TuneLockr&nbsp;?<\/span>\n          <i aria-hidden=\"true\"><\/i>\n        <\/summary>\n\n        <div class=\"tl-faq-compact-answer\">\n          <p>\n            Il associe l\u2019empreinte num\u00e9rique de votre fichier \u00e0 une date\n            et \u00e0 votre d\u00e9p\u00f4t. Il permet ainsi de documenter l\u2019existence\n            de cette version de votre cr\u00e9ation \u00e0 un moment pr\u00e9cis.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <details class=\"tl-faq-compact-item\">\n        <summary>\n          <span>Quels types de cr\u00e9ations puis-je d\u00e9poser&nbsp;?<\/span>\n          <i aria-hidden=\"true\"><\/i>\n        <\/summary>\n\n        <div class=\"tl-faq-compact-answer\">\n          <p>\n            Chansons, beats, maquettes, paroles, partitions, stems,\n            pochettes et projets issus de votre logiciel de production musicale.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <details class=\"tl-faq-compact-item\">\n        <summary>\n          <span>Combien de temps prend un d\u00e9p\u00f4t&nbsp;?<\/span>\n          <i aria-hidden=\"true\"><\/i>\n        <\/summary>\n\n        <div class=\"tl-faq-compact-answer\">\n          <p>\n            Le parcours prend g\u00e9n\u00e9ralement environ deux minutes.\n            Le certificat devient disponible une fois le d\u00e9p\u00f4t valid\u00e9\n            et l\u2019horodatage termin\u00e9.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <details class=\"tl-faq-compact-item\">\n        <summary>\n          <span>Mes fichiers restent-ils priv\u00e9s&nbsp;?<\/span>\n          <i aria-hidden=\"true\"><\/i>\n        <\/summary>\n\n        <div class=\"tl-faq-compact-answer\">\n          <p>\n            Oui. Vos fichiers ne sont pas rendus publics.\n            TuneLockr utilise leur empreinte num\u00e9rique pour \u00e9tablir la preuve,\n            tandis que les originaux restent associ\u00e9s \u00e0 votre espace s\u00e9curis\u00e9.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <details class=\"tl-faq-compact-item\">\n        <summary>\n          <span>Puis-je ajouter des co-auteurs&nbsp;?<\/span>\n          <i aria-hidden=\"true\"><\/i>\n        <\/summary>\n\n        <div class=\"tl-faq-compact-answer\">\n          <p>\n            Oui. Vous pouvez associer les collaborateurs concern\u00e9s au d\u00e9p\u00f4t\n            afin de mieux documenter les personnes li\u00e9es \u00e0 la cr\u00e9ation.\n          <\/p>\n        <\/div>\n      <\/details>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\nTUNELOCKR \u2014 FAQ ACCORD\u00c9ON COMPACT\nStyles isol\u00e9s pour Elementor\n========================================================= *\/\n\n.tl-faq-compact,\n.tl-faq-compact * {\n  box-sizing: border-box;\n}\n\n.tl-faq-compact {\n  --tl-faq-orange: #fa8d32;\n  --tl-faq-orange-dark: #e86f18;\n  --tl-faq-text: #111827;\n  --tl-faq-muted: #667085;\n  --tl-faq-line: rgba(17, 24, 39, 0.09);\n  --tl-faq-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  padding: clamp(34px, 4vw, 54px) 24px;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(250, 141, 50, 0.05), transparent 36%),\n    #ffffff;\n  font-family: var(--tl-faq-font);\n}\n\n.tl-faq-compact-shell {\n  width: min(920px, 100%);\n  margin: 0 auto;\n}\n\n.tl-faq-compact-list {\n  display: grid;\n  gap: 12px;\n}\n\n.tl-faq-compact-item {\n  overflow: hidden;\n  border: 1px solid var(--tl-faq-line);\n  border-radius: 18px;\n  background:\n    linear-gradient(145deg, #ffffff, #fffaf6);\n  box-shadow: 0 10px 28px rgba(17, 24, 39, 0.045);\n  transition:\n    border-color 170ms ease,\n    box-shadow 170ms ease,\n    transform 170ms ease;\n}\n\n.tl-faq-compact-item:hover {\n  transform: translateY(-2px);\n  border-color: rgba(250, 141, 50, 0.20);\n  box-shadow: 0 16px 34px rgba(17, 24, 39, 0.07);\n}\n\n.tl-faq-compact-item[open] {\n  border-color: rgba(250, 141, 50, 0.23);\n  box-shadow: 0 16px 36px rgba(17, 24, 39, 0.07);\n}\n\n.tl-faq-compact-item summary {\n  position: relative;\n  min-height: 66px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 18px 21px;\n  color: var(--tl-faq-text);\n  cursor: pointer;\n  list-style: none;\n  font-size: 0.96rem;\n  font-weight: 790;\n  line-height: 1.35;\n  letter-spacing: -0.018em;\n  transition:\n    color 160ms ease,\n    background 160ms ease;\n}\n\n.tl-faq-compact-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.tl-faq-compact-item summary:hover,\n.tl-faq-compact-item summary:focus-visible {\n  color: #a9430c;\n  background: rgba(250, 141, 50, 0.045);\n  outline: none;\n}\n\n.tl-faq-compact-item summary i {\n  position: relative;\n  width: 28px;\n  height: 28px;\n  flex: 0 0 auto;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.07);\n}\n\n.tl-faq-compact-item summary i::before,\n.tl-faq-compact-item summary i::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 10px;\n  height: 1.5px;\n  border-radius: 999px;\n  background: var(--tl-faq-orange-dark);\n  transform: translate(-50%, -50%);\n  transition: transform 180ms ease;\n}\n\n.tl-faq-compact-item summary i::after {\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n\n.tl-faq-compact-item[open] summary i::after {\n  transform: translate(-50%, -50%) rotate(0deg);\n}\n\n.tl-faq-compact-answer {\n  padding: 0 21px 20px;\n}\n\n.tl-faq-compact-answer::before {\n  content: \"\";\n  display: block;\n  height: 1px;\n  margin-bottom: 16px;\n  background: linear-gradient(\n    90deg,\n    rgba(250, 141, 50, 0.18),\n    rgba(17, 24, 39, 0.06),\n    transparent\n  );\n}\n\n.tl-faq-compact-answer p {\n  margin: 0;\n  color: var(--tl-faq-muted);\n  font-size: 0.9rem;\n  line-height: 1.72;\n}\n\n@media (max-width: 640px) {\n  .tl-faq-compact {\n    padding: 30px 16px;\n  }\n\n  .tl-faq-compact-list {\n    gap: 10px;\n  }\n\n  .tl-faq-compact-item {\n    border-radius: 16px;\n  }\n\n  .tl-faq-compact-item summary {\n    min-height: 62px;\n    padding: 16px 17px;\n    font-size: 0.9rem;\n  }\n\n  .tl-faq-compact-answer {\n    padding: 0 17px 18px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-faq-compact-item,\n  .tl-faq-compact-item summary,\n  .tl-faq-compact-item summary i::before,\n  .tl-faq-compact-item summary i::after {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-334f42c e-flex e-con-boxed e-con e-parent\" data-id=\"334f42c\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d47a3f8 e-flex e-con-boxed e-con e-parent\" data-id=\"d47a3f8\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c6ac38 e-flex e-con-boxed e-con e-parent\" data-id=\"1c6ac38\" 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-87a2aaf elementor-widget elementor-widget-html\" data-id=\"87a2aaf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"Organization\",\n      \"@id\": \"https:\/\/tunelockr.com\/#organization\",\n      \"name\": \"TuneLockr\",\n      \"url\": \"https:\/\/tunelockr.com\/\",\n      \"logo\": {\n        \"@type\": \"ImageObject\",\n        \"@id\": \"https:\/\/tunelockr.com\/#logo\",\n        \"url\": \"https:\/\/tunelockr.com\/wp-content\/uploads\/2023\/05\/TuneLockr13-e1704225377150.png\"\n      },\n      \"description\": \"Service en ligne de protection des cr\u00e9ations musicales par preuve d'ant\u00e9riorit\u00e9 horodat\u00e9e et certificat num\u00e9rique.\",\n      \"areaServed\": \"Worldwide\",\n      \"founder\": {\n        \"@type\": \"Organization\",\n        \"@id\": \"https:\/\/beathoven.tv\/#organization\",\n        \"name\": \"Beathoven\",\n        \"url\": \"https:\/\/beathoven.tv\/\"\n      },\n      \"knowsAbout\": [\n        \"prot\u00e9ger sa musique\",\n        \"protection des cr\u00e9ations musicales\",\n        \"preuve d'ant\u00e9riorit\u00e9\",\n        \"droit d'auteur musical\",\n        \"plagiat musical\",\n        \"horodatage blockchain\",\n        \"copyright musical\"\n      ]\n    },\n\n    {\n      \"@type\": \"WebSite\",\n      \"@id\": \"https:\/\/tunelockr.com\/#website\",\n      \"url\": \"https:\/\/tunelockr.com\/\",\n      \"name\": \"TuneLockr\",\n      \"publisher\": {\n        \"@id\": \"https:\/\/tunelockr.com\/#organization\"\n      },\n      \"inLanguage\": [\n        \"fr\",\n        \"en\",\n        \"es\",\n        \"de\",\n        \"it\"\n      ]\n    },\n\n    {\n      \"@type\": \"Service\",\n      \"@id\": \"https:\/\/tunelockr.com\/#music-protection-service\",\n      \"name\": \"Prot\u00e9ger sa musique avec une preuve d'ant\u00e9riorit\u00e9\",\n      \"serviceType\": \"Protection musicale et preuve d'ant\u00e9riorit\u00e9\",\n      \"description\": \"Service en ligne permettant aux artistes, auteurs, compositeurs, paroliers, chanteurs, beatmakers, producteurs et cr\u00e9ateurs de prot\u00e9ger leurs cr\u00e9ations musicales gr\u00e2ce \u00e0 une preuve d'ant\u00e9riorit\u00e9 horodat\u00e9e.\",\n      \"url\": \"https:\/\/tunelockr.com\/comment-proteger-sa-musique\/\",\n      \"areaServed\": \"Worldwide\",\n\n      \"provider\": {\n        \"@id\": \"https:\/\/tunelockr.com\/#organization\"\n      },\n\n      \"audience\": {\n        \"@type\": \"Audience\",\n        \"audienceType\": \"Artistes, auteurs, compositeurs, paroliers, chanteurs, beatmakers, producteurs et cr\u00e9ateurs musicaux\"\n      },\n\n      \"availableChannel\": {\n        \"@type\": \"ServiceChannel\",\n        \"@id\": \"https:\/\/tunelockr.com\/#online-service-channel\",\n        \"name\": \"Service en ligne TuneLockr\",\n        \"url\": \"https:\/\/tunelockr.com\/\",\n        \"availableLanguage\": [\n          \"fr\",\n          \"en\",\n          \"es\",\n          \"de\",\n          \"it\"\n        ],\n        \"providesService\": {\n          \"@id\": \"https:\/\/tunelockr.com\/#music-protection-service\"\n        }\n      }\n    }\n  ]\n}\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Protection &#038; gestion des droits musicaux Prot\u00e9ger sa musique. Et garder le contr\u00f4le sur ses usages. D\u00e9posez votre cr\u00e9ation avant de la partager et obtenez en quelques minutes une preuve d\u2019ant\u00e9riorit\u00e9 horodat\u00e9e et v\u00e9rifiable. G\u00e9rez ensuite vos autorisations, cr\u00e9ez des licences gratuites ou r\u00e9mun\u00e9r\u00e9es et d\u00e9finissez les usages autoris\u00e9s de votre musique, y compris pour [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9471,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":847,"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":9511,"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/pages\/10\/revisions\/9511"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/media\/9471"}],"wp:attachment":[{"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}