{"id":5696,"date":"2023-08-07T11:50:55","date_gmt":"2023-08-07T11:50:55","guid":{"rendered":"http:\/\/ai-hub-inner-page-features-1.local\/?page_id=36"},"modified":"2026-07-28T22:35:34","modified_gmt":"2026-07-28T20:35:34","slug":"about","status":"publish","type":"page","link":"https:\/\/tunelockr.com\/en\/about\/","title":{"rendered":"TuneLockr : technologie de protection musicale"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5696\" class=\"elementor elementor-5696\">\n\t\t\t\t<div class=\"elementor-element elementor-element-947001f e-flex e-con-boxed e-con e-parent\" data-id=\"947001f\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d63a1a elementor-widget elementor-widget-html\" data-id=\"8d63a1a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 \u00c0 PROPOS\nHero fusionn\u00e9 + probl\u00e8me cr\u00e9ateur\nVersion simplifi\u00e9e et am\u00e9lior\u00e9e pour Elementor\n========================================================= -->\n\n<section class=\"tl-about-fused\" aria-labelledby=\"tl-about-fused-title\">\n  <span class=\"tl-about-fused-glow tl-about-fused-glow-a\" aria-hidden=\"true\"><\/span>\n  <span class=\"tl-about-fused-glow tl-about-fused-glow-b\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"tl-about-fused-shell\">\n\n    <div class=\"tl-about-fused-hero\">\n\n      <div class=\"tl-about-fused-copy\">\n        <span class=\"tl-about-fused-kicker\">\n          About TuneLockr\n        <\/span>\n\n        <h1 id=\"tl-about-fused-title\">\n          Music spreads quickly.\n          <strong>Proof must follow.<\/strong>\n        <\/h1>\n\n        <p class=\"tl-about-fused-lead\">\n          TuneLockr was born from a simple observation: demos, beats, toplines and work files are often shared before their story is clearly recorded.\n        <\/p>\n\n        <p class=\"tl-about-fused-text\">\n          Our role is to help artists, songwriters, beatmakers and producers create a timestamped record of authorship before a piece of work starts to circulate.\n        <\/p>\n\n        <div class=\"tl-about-fused-trust\" aria-label=\"TuneLockr features\">\n          <span>\ud83d\udd12 Private files<\/span>\n          <span>\ud83e\uddec Tezos signature<\/span>\n          <span>\u2713 Verifiable certificate<\/span>\n        <\/div>\n\n        <a href=\"https:\/\/app.tunelockr.com\/depot\" class=\"tl-about-fused-cta\">\n          Register a creation\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n      <\/div>\n\n      <a\n        href=\"https:\/\/app.tunelockr.com\/\"\n        class=\"tl-about-fused-visual\"\n        aria-label=\"Open the TuneLockr platform\"\n      >\n        <span class=\"tl-about-fused-visual-glow\" aria-hidden=\"true\"><\/span>\n\n        <div class=\"tl-about-fused-frame\">\n          <img fetchpriority=\"high\"\n            src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/TuneLockr3.png\"\n            alt=\"TuneLockr interface overview\"\n            width=\"1200\"\n            height=\"900\"\n            loading=\"eager\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n\n        <div class=\"tl-about-fused-floating\" aria-hidden=\"true\">\n          <span class=\"tl-about-fused-floating-icon\">\u2713<\/span>\n          <div>\n            <small>Submission complete<\/small>\n            <strong>Certificate available<\/strong>\n          <\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"tl-about-fused-problems\" aria-label=\"Why TuneLockr exists\">\n\n      <article class=\"tl-about-fused-problem\">\n        <span class=\"tl-about-fused-problem-icon\" aria-hidden=\"true\">\u266a<\/span>\n        <div>\n          <h2>Demos circulate<\/h2>\n          <p>\n            A creation may be sent to several people before its official release.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-about-fused-problem\">\n        <span class=\"tl-about-fused-problem-icon\" aria-hidden=\"true\">\u2197<\/span>\n        <div>\n          <h2>Usages are multiplying<\/h2>\n          <p>\n            Reposts, snippets, remixes and generated content make it harder to trace the origin of a track.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-about-fused-problem\">\n        <span class=\"tl-about-fused-problem-icon\" aria-hidden=\"true\">\u25ce<\/span>\n        <div>\n          <h2>Collaborations are evolving<\/h2>\n          <p>\n            A clear timeline helps document versions and the people involved in the project.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <p class=\"tl-about-fused-note\">\n      Copyright is born with the creation. TuneLockr helps to document its existence and originality from a specific file.\n    <\/p>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\nTUNELOCKR \u2014 \u00c0 PROPOS FUSIONN\u00c9\nStyles isol\u00e9s pour Elementor\n========================================================= *\/\n\n.tl-about-fused,\n.tl-about-fused * {\n  box-sizing: border-box;\n}\n\n.tl-about-fused {\n  --tl-af-orange: #fa8d32;\n  --tl-af-orange-dark: #e86f18;\n  --tl-af-orange-soft: #fff2e6;\n  --tl-af-text: #111827;\n  --tl-af-muted: #667085;\n  --tl-af-line: rgba(17, 24, 39, 0.08);\n  --tl-af-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(76px, 8vw, 112px) 24px clamp(48px, 6vw, 78px);\n  background:\n    radial-gradient(circle at 9% 0%, rgba(250, 141, 50, 0.08), transparent 29%),\n    linear-gradient(180deg, #fffaf6 0%, #ffffff 62%);\n  color: var(--tl-af-text);\n  font-family: var(--tl-af-font);\n}\n\n.tl-about-fused-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1240px, 100%);\n  margin: 0 auto;\n}\n\n.tl-about-fused-glow {\n  position: absolute;\n  z-index: 0;\n  border-radius: 999px;\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n.tl-about-fused-glow-a {\n  width: 340px;\n  height: 340px;\n  top: -150px;\n  left: -120px;\n  background: rgba(250, 141, 50, 0.12);\n}\n\n.tl-about-fused-glow-b {\n  width: 260px;\n  height: 260px;\n  right: -110px;\n  bottom: 40px;\n  background: rgba(250, 141, 50, 0.06);\n}\n\n\/* Hero *\/\n.tl-about-fused-hero {\n  display: grid;\n  grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);\n  align-items: center;\n  gap: clamp(44px, 7vw, 88px);\n}\n\n.tl-about-fused-copy {\n  max-width: 690px;\n}\n\n.tl-about-fused-kicker {\n  display: inline-flex;\n  align-items: center;\n  padding: 9px 14px;\n  margin-bottom: 21px;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 999px;\n  background: rgba(255, 247, 237, 0.95);\n  color: #a9430c;\n  font-size: 0.71rem;\n  font-weight: 840;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.tl-about-fused-copy h1 {\n  max-width: 760px;\n  margin: 0 0 23px;\n  color: var(--tl-af-text);\n  font-size: clamp(2.8rem, 5.7vw, 5.7rem);\n  font-weight: 930;\n  line-height: 0.93;\n  letter-spacing: -0.073em;\n  text-wrap: balance;\n}\n\n.tl-about-fused-copy h1 strong {\n  display: block;\n  color: var(--tl-af-orange-dark);\n  font-weight: inherit;\n}\n\n.tl-about-fused-lead,\n.tl-about-fused-text {\n  max-width: 670px;\n  margin: 0;\n  color: var(--tl-af-muted);\n  font-size: 1rem;\n  line-height: 1.76;\n}\n\n.tl-about-fused-lead {\n  margin-bottom: 12px;\n  color: #475467;\n  font-weight: 580;\n}\n\n.tl-about-fused-trust {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin: 27px 0 24px;\n}\n\n.tl-about-fused-trust span {\n  min-height: 38px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 13px;\n  border: 1px solid var(--tl-af-line);\n  border-radius: 999px;\n  background: #ffffff;\n  color: #475467;\n  box-shadow: 0 7px 20px rgba(17, 24, 39, 0.035);\n  font-size: 0.78rem;\n  font-weight: 700;\n}\n\n.tl-about-fused-cta {\n  min-height: 51px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 13px 21px;\n  border: 1px solid rgba(168, 67, 12, 0.08);\n  border-radius: 999px;\n  background: linear-gradient(135deg, var(--tl-af-orange-dark), var(--tl-af-orange));\n  color: #ffffff;\n  box-shadow:\n    0 13px 30px rgba(250, 141, 50, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.28);\n  font-size: 0.91rem;\n  font-weight: 820;\n  text-decoration: none;\n  transition:\n    transform 170ms ease,\n    box-shadow 170ms ease;\n}\n\n.tl-about-fused-cta:hover,\n.tl-about-fused-cta:focus-visible {\n  transform: translateY(-2px);\n  box-shadow:\n    0 18px 38px rgba(250, 141, 50, 0.34),\n    inset 0 1px 0 rgba(255, 255, 255, 0.32);\n  outline: none;\n}\n\n.tl-about-fused-cta span {\n  transition: transform 170ms ease;\n}\n\n.tl-about-fused-cta:hover span,\n.tl-about-fused-cta:focus-visible span {\n  transform: translateX(3px);\n}\n\n\/* Visual *\/\n.tl-about-fused-visual {\n  position: relative;\n  display: block;\n  color: inherit;\n  text-decoration: none;\n  outline: none;\n  transition:\n    transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),\n    filter 220ms ease;\n}\n\n.tl-about-fused-visual:hover,\n.tl-about-fused-visual:focus-visible {\n  transform: translateY(-5px);\n  outline: none;\n}\n\n.tl-about-fused-visual:focus-visible {\n  border-radius: 32px;\n  box-shadow: 0 0 0 4px rgba(250, 141, 50, 0.20);\n}\n\n.tl-about-fused-visual-glow {\n  position: absolute;\n  inset: 12% 10% 8%;\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.15);\n  filter: blur(45px);\n  pointer-events: none;\n}\n\n.tl-about-fused-frame {\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  border: 1px solid rgba(17, 24, 39, 0.07);\n  border-radius: 32px;\n  background: #ffffff;\n  box-shadow:\n    0 35px 80px rgba(17, 24, 39, 0.13),\n    inset 0 1px 0 rgba(255, 255, 255, 0.96);\n}\n\n.tl-about-fused-frame img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n.tl-about-fused-floating {\n  position: absolute;\n  z-index: 2;\n  left: -26px;\n  bottom: 28px;\n  min-width: 225px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 15px 17px;\n  border: 1px solid rgba(17, 24, 39, 0.08);\n  border-radius: 17px;\n  background: rgba(255, 255, 255, 0.95);\n  box-shadow: 0 19px 42px rgba(17, 24, 39, 0.13);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n}\n\n.tl-about-fused-floating-icon {\n  width: 36px;\n  height: 36px;\n  display: grid;\n  place-items: center;\n  flex: 0 0 auto;\n  border-radius: 11px;\n  background: var(--tl-af-orange);\n  color: #ffffff;\n  font-size: 0.9rem;\n  font-weight: 900;\n}\n\n.tl-about-fused-floating small,\n.tl-about-fused-floating strong {\n  display: block;\n}\n\n.tl-about-fused-floating small {\n  margin-bottom: 3px;\n  color: #98a2b3;\n  font-size: 0.63rem;\n  font-weight: 760;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n}\n\n.tl-about-fused-floating strong {\n  color: var(--tl-af-text);\n  font-size: 0.83rem;\n  line-height: 1.2;\n}\n\n\/* Problems *\/\n.tl-about-fused-problems {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 15px;\n  margin-top: clamp(48px, 7vw, 78px);\n}\n\n.tl-about-fused-problem {\n  display: grid;\n  grid-template-columns: 48px 1fr;\n  gap: 15px;\n  align-items: start;\n  min-height: 100%;\n  padding: 23px 22px;\n  border: 1px solid var(--tl-af-line);\n  border-radius: 20px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(255, 249, 244, 0.94));\n  box-shadow: 0 13px 32px rgba(17, 24, 39, 0.045);\n  transition:\n    transform 170ms ease,\n    border-color 170ms ease,\n    box-shadow 170ms ease;\n}\n\n.tl-about-fused-problem:hover {\n  transform: translateY(-3px);\n  border-color: rgba(250, 141, 50, 0.20);\n  box-shadow: 0 18px 39px rgba(17, 24, 39, 0.07);\n}\n\n.tl-about-fused-problem-icon {\n  width: 48px;\n  height: 48px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(250, 141, 50, 0.18);\n  border-radius: 15px;\n  background: var(--tl-af-orange-soft);\n  color: var(--tl-af-orange-dark);\n  font-size: 1rem;\n  font-weight: 900;\n}\n\n.tl-about-fused-problem h2 {\n  margin: 2px 0 7px;\n  color: var(--tl-af-text);\n  font-size: 1rem;\n  font-weight: 820;\n  line-height: 1.26;\n  letter-spacing: -0.022em;\n}\n\n.tl-about-fused-problem p {\n  margin: 0;\n  color: var(--tl-af-muted);\n  font-size: 0.84rem;\n  line-height: 1.62;\n}\n\n.tl-about-fused-note {\n  max-width: 790px;\n  margin: 23px auto 0;\n  color: #98a2b3;\n  font-size: 0.72rem;\n  font-weight: 560;\n  line-height: 1.55;\n  text-align: center;\n}\n\n\/* Responsive *\/\n@media (max-width: 980px) {\n  .tl-about-fused-hero {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-about-fused-copy {\n    max-width: 760px;\n  }\n\n  .tl-about-fused-visual {\n    width: min(720px, 100%);\n    margin: 0 auto;\n  }\n\n  .tl-about-fused-problems {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 680px) {\n  .tl-about-fused {\n    padding: 68px 16px 44px;\n  }\n\n  .tl-about-fused-copy {\n    text-align: center;\n  }\n\n  .tl-about-fused-copy h1 {\n    font-size: clamp(2.45rem, 13vw, 3.5rem);\n  }\n\n  .tl-about-fused-trust {\n    justify-content: center;\n  }\n\n  .tl-about-fused-cta {\n    width: 100%;\n  }\n\n  .tl-about-fused-floating {\n    position: relative;\n    left: auto;\n    bottom: auto;\n    width: 100%;\n    min-width: 0;\n    margin-top: 14px;\n  }\n\n  .tl-about-fused-problems {\n    margin-top: 42px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-about-fused-cta,\n  .tl-about-fused-cta span,\n  .tl-about-fused-visual,\n  .tl-about-fused-problem {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67e370c e-flex e-con-boxed e-con e-parent\" data-id=\"67e370c\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0735b08 elementor-widget elementor-widget-html\" data-id=\"0735b08\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 \u00c0 PROPOS \/ SECTION 2\nPourquoi TuneLockr existe\nVersion resserr\u00e9e et premium pour Elementor\n========================================================= -->\n\n<section class=\"tl-origin\" aria-labelledby=\"tl-origin-title\">\n  <span class=\"tl-origin-glow tl-origin-glow-a\" aria-hidden=\"true\"><\/span>\n  <span class=\"tl-origin-glow tl-origin-glow-b\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"tl-origin-shell\">\n    <div class=\"tl-origin-layout\">\n\n      <div class=\"tl-origin-copy\">\n        <span class=\"tl-origin-kicker\">Why TuneLockr exists<\/span>\n\n        <h2 id=\"tl-origin-title\">\n          Protection needed to keep up\n          <strong>with the pace of creators.<\/strong>\n        <\/h2>\n\n        <p class=\"tl-origin-lead\">\n          Works now circulate in a matter of seconds. Yet, assembling evidence often remained slow, complex or poorly suited to the needs of independent artists.\n        <\/p>\n\n        <p class=\"tl-origin-text\">\n          TuneLockr was designed to bring proof closer to the moment of creation: upload a file, record its existence and keep a certificate before its first sharing.\n        <\/p>\n\n        <blockquote>\n          <span aria-hidden=\"true\">\u201c<\/span>\n          Useful proof must be available when a creation begins to circulate.\n        <\/blockquote>\n      <\/div>\n\n      <div class=\"tl-origin-principles\" aria-label=\"TuneLockr principles\">\n\n        <article class=\"tl-origin-card\">\n          <span class=\"tl-origin-card-number\">01<\/span>\n\n          <span class=\"tl-origin-card-icon\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M13 2 4 14h7l-1 8 9-12h-7l1-8Z\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <div>\n            <h3>Immediate<\/h3>\n            <p>\n              A short process to register a creation before sending or publishing it.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"tl-origin-card tl-origin-card-featured\">\n          <span class=\"tl-origin-card-status\">Core of the infrastructure<\/span>\n          <span class=\"tl-origin-card-number\">02<\/span>\n\n          <span class=\"tl-origin-card-icon\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M12 3v18\"><\/path>\n              <path d=\"m8 7 4-4 4 4\"><\/path>\n              <path d=\"m8 17 4 4 4-4\"><\/path>\n              <path d=\"M3 12h18\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <div>\n            <h3>Verifiable<\/h3>\n            <p>\n              A timestamped fingerprint and a certificate linked to a specific version of the file.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"tl-origin-card\">\n          <span class=\"tl-origin-card-number\">03<\/span>\n\n          <span class=\"tl-origin-card-icon\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n              <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n              <path d=\"M19 8v6\"><\/path>\n              <path d=\"M16 11h6\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <div>\n            <h3>Designed for independents<\/h3>\n            <p>\n              Artists, authors, beatmakers, producers and small creative teams.\n            <\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.tl-origin,\n.tl-origin * {\n  box-sizing: border-box;\n}\n\n.tl-origin {\n  --tl-origin-bg: #0d1118;\n  --tl-origin-bg-2: #07090d;\n  --tl-origin-orange: #fa8d32;\n  --tl-origin-orange-light: #ffb36f;\n  --tl-origin-text: #ffffff;\n  --tl-origin-muted: rgba(255, 255, 255, 0.68);\n  --tl-origin-line: rgba(255, 255, 255, 0.09);\n  --tl-origin-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(72px, 8vw, 108px) 24px;\n  background:\n    radial-gradient(circle at 10% 0%, rgba(250, 141, 50, 0.11), transparent 29%),\n    linear-gradient(180deg, var(--tl-origin-bg) 0%, var(--tl-origin-bg-2) 100%);\n  color: var(--tl-origin-text);\n  font-family: var(--tl-origin-font);\n}\n\n.tl-origin-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n.tl-origin-glow {\n  position: absolute;\n  z-index: 0;\n  border-radius: 999px;\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n.tl-origin-glow-a {\n  width: 320px;\n  height: 320px;\n  top: -140px;\n  left: -120px;\n  background: rgba(250, 141, 50, 0.15);\n}\n\n.tl-origin-glow-b {\n  width: 280px;\n  height: 280px;\n  right: -130px;\n  bottom: -130px;\n  background: rgba(60, 116, 166, 0.08);\n}\n\n.tl-origin-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);\n  align-items: center;\n  gap: clamp(46px, 7vw, 86px);\n}\n\n.tl-origin-copy {\n  max-width: 610px;\n}\n\n.tl-origin-kicker {\n  display: inline-flex;\n  align-items: center;\n  padding: 9px 14px;\n  margin-bottom: 20px;\n  border: 1px solid rgba(250, 141, 50, 0.21);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.09);\n  color: #ffc28e;\n  font-size: 0.7rem;\n  font-weight: 840;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.tl-origin-copy h2 {\n  max-width: 680px;\n  margin: 0 0 22px;\n  color: #ffffff;\n  font-size: clamp(2.35rem, 4.7vw, 4.55rem);\n  font-weight: 920;\n  line-height: 0.96;\n  letter-spacing: -0.064em;\n  text-wrap: balance;\n}\n\n.tl-origin-copy h2 strong {\n  display: block;\n  color: var(--tl-origin-orange-light);\n  font-weight: inherit;\n}\n\n.tl-origin-lead,\n.tl-origin-text {\n  max-width: 620px;\n  margin: 0;\n  color: var(--tl-origin-muted);\n  font-size: 0.98rem;\n  line-height: 1.76;\n}\n\n.tl-origin-lead {\n  margin-bottom: 13px;\n  color: rgba(255, 255, 255, 0.78);\n  font-weight: 580;\n}\n\n.tl-origin-copy blockquote {\n  position: relative;\n  margin: 29px 0 0;\n  padding: 21px 22px 21px 54px;\n  border: 1px solid rgba(250, 141, 50, 0.17);\n  border-radius: 20px;\n  background:\n    linear-gradient(135deg, rgba(250, 141, 50, 0.10), rgba(255, 255, 255, 0.035));\n  color: rgba(255, 255, 255, 0.88);\n  box-shadow: 0 17px 38px rgba(0, 0, 0, 0.15);\n  font-size: 0.94rem;\n  font-weight: 690;\n  line-height: 1.65;\n}\n\n.tl-origin-copy blockquote > span {\n  position: absolute;\n  top: 14px;\n  left: 20px;\n  color: rgba(250, 141, 50, 0.55);\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 2.45rem;\n  line-height: 1;\n}\n\n.tl-origin-principles {\n  display: grid;\n  gap: 14px;\n}\n\n.tl-origin-card {\n  position: relative;\n  display: grid;\n  grid-template-columns: 54px 1fr;\n  align-items: start;\n  gap: 17px;\n  min-height: 100%;\n  padding: 24px 23px;\n  overflow: hidden;\n  border: 1px solid var(--tl-origin-line);\n  border-radius: 22px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.027));\n  box-shadow: 0 17px 38px rgba(0, 0, 0, 0.15);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  transition:\n    transform 180ms ease,\n    border-color 180ms ease,\n    background 180ms ease;\n}\n\n.tl-origin-card::after {\n  content: \"\";\n  position: absolute;\n  right: -50px;\n  bottom: -65px;\n  width: 135px;\n  height: 135px;\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.045);\n  pointer-events: none;\n}\n\n.tl-origin-card:hover {\n  transform: translateX(4px);\n  border-color: rgba(250, 141, 50, 0.23);\n  background:\n    linear-gradient(145deg, rgba(250, 141, 50, 0.09), rgba(255, 255, 255, 0.03));\n}\n\n.tl-origin-card-featured {\n  border-color: rgba(250, 141, 50, 0.22);\n  background:\n    linear-gradient(145deg, rgba(250, 141, 50, 0.105), rgba(255, 255, 255, 0.033));\n}\n\n.tl-origin-card-status {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  max-width: 190px;\n  padding: 7px 10px;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.09);\n  color: #ffc28e;\n  font-size: 0.58rem;\n  font-weight: 820;\n  letter-spacing: 0.075em;\n  text-transform: uppercase;\n}\n\n.tl-origin-card-number {\n  position: absolute;\n  right: 19px;\n  bottom: 12px;\n  color: rgba(255, 255, 255, 0.045);\n  font-size: 2.2rem;\n  font-weight: 900;\n  letter-spacing: -0.05em;\n}\n\n.tl-origin-card-icon {\n  position: relative;\n  z-index: 1;\n  width: 54px;\n  height: 54px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 17px;\n  background:\n    linear-gradient(145deg, rgba(250, 141, 50, 0.17), rgba(250, 141, 50, 0.07));\n  box-shadow:\n    0 10px 24px rgba(250, 141, 50, 0.09),\n    inset 0 1px 0 rgba(255, 255, 255, 0.07);\n}\n\n.tl-origin-card-icon svg {\n  width: 24px;\n  height: 24px;\n  fill: none;\n  stroke: var(--tl-origin-orange-light);\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tl-origin-card h3 {\n  position: relative;\n  z-index: 1;\n  margin: 3px 0 7px;\n  padding-right: 90px;\n  color: #ffffff;\n  font-size: 1.03rem;\n  font-weight: 830;\n  line-height: 1.25;\n  letter-spacing: -0.022em;\n}\n\n.tl-origin-card p {\n  position: relative;\n  z-index: 1;\n  margin: 0;\n  padding-right: 20px;\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 0.85rem;\n  line-height: 1.62;\n}\n\n@media (max-width: 980px) {\n  .tl-origin-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-origin-copy {\n    max-width: 760px;\n  }\n\n  .tl-origin-principles {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .tl-origin-card {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-origin-card h3,\n  .tl-origin-card p {\n    padding-right: 0;\n  }\n\n  .tl-origin-card-status {\n    position: static;\n    width: fit-content;\n    margin-bottom: 2px;\n    grid-column: 1 \/ -1;\n  }\n}\n\n@media (max-width: 760px) {\n  .tl-origin {\n    padding: 68px 16px;\n  }\n\n  .tl-origin-copy {\n    text-align: center;\n  }\n\n  .tl-origin-copy h2 {\n    font-size: clamp(2.3rem, 12vw, 3.3rem);\n  }\n\n  .tl-origin-principles {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-origin-card {\n    grid-template-columns: 50px 1fr;\n    padding: 21px 20px;\n    text-align: left;\n  }\n\n  .tl-origin-card-icon {\n    width: 50px;\n    height: 50px;\n  }\n\n  .tl-origin-card-status {\n    position: static;\n    grid-column: 1 \/ -1;\n    margin-bottom: 4px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-origin-card {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05bdff2 e-flex e-con-boxed e-con e-parent\" data-id=\"05bdff2\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b940b elementor-widget elementor-widget-html\" data-id=\"c6b940b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 COMMENT FONCTIONNE LA PREUVE\nVersion minimale et am\u00e9lior\u00e9e pour Elementor\n========================================================= -->\n\n<section class=\"tl-proof-mini\" aria-label=\"How TuneLockr\u2019s proof works\">\n  <div class=\"tl-proof-mini-shell\">\n\n    <div class=\"tl-proof-mini-grid\">\n\n      <article class=\"tl-proof-mini-step\">\n        <span class=\"tl-proof-mini-number\">01<\/span>\n\n        <span class=\"tl-proof-mini-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M4 7h5l2 2h9v10H4V7Z\"><\/path>\n            <path d=\"M4 7V5h6l2 2\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <h2>Upload your file<\/h2>\n          <p>\n            Add a song, a beat, lyrics, a score or a working project.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-proof-mini-step tl-proof-mini-step-featured\">\n        <span class=\"tl-proof-mini-status\">Tezos fingerprint<\/span>\n        <span class=\"tl-proof-mini-number\">02<\/span>\n\n        <span class=\"tl-proof-mini-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M8 4h8\"><\/path>\n            <path d=\"M6 8h12\"><\/path>\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M7 16h10\"><\/path>\n            <path d=\"M9 20h6\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <h2>A fingerprint is timestamped<\/h2>\n          <p>\n            TuneLockr generates a cryptographic signature linked to this exact version of the file.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-proof-mini-step\">\n        <span class=\"tl-proof-mini-number\">03<\/span>\n\n        <span class=\"tl-proof-mini-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M6 3h9l3 3v15H6V3Z\"><\/path>\n            <path d=\"M15 3v4h4\"><\/path>\n            <path d=\"m9 14 2 2 4-4\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <h2>Receive your certificate<\/h2>\n          <p>\n            The dated proof remains available in your TuneLockr space.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <p class=\"tl-proof-mini-note\">\n      Your files stay private: only their digital fingerprint is used to provide the proof.\n    <\/p>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\nTUNELOCKR \u2014 PREUVE MINIMALE\nStyles isol\u00e9s pour Elementor\n========================================================= *\/\n\n.tl-proof-mini,\n.tl-proof-mini * {\n  box-sizing: border-box;\n}\n\n.tl-proof-mini {\n  --tl-pm-orange: #fa8d32;\n  --tl-pm-orange-dark: #e86f18;\n  --tl-pm-text: #111827;\n  --tl-pm-muted: #667085;\n  --tl-pm-line: rgba(17, 24, 39, 0.08);\n  --tl-pm-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  padding: clamp(40px, 5vw, 66px) 24px;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(250, 141, 50, 0.055), transparent 38%),\n    linear-gradient(180deg, #ffffff 0%, #fffaf6 100%);\n  font-family: var(--tl-pm-font);\n}\n\n.tl-proof-mini-shell {\n  width: min(1120px, 100%);\n  margin: 0 auto;\n}\n\n.tl-proof-mini-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 15px;\n}\n\n.tl-proof-mini-step {\n  position: relative;\n  min-height: 100%;\n  padding: 24px 22px 23px;\n  overflow: hidden;\n  border: 1px solid var(--tl-pm-line);\n  border-radius: 21px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(255, 249, 244, 0.95));\n  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.05);\n  transition:\n    transform 170ms ease,\n    border-color 170ms ease,\n    box-shadow 170ms ease;\n}\n\n.tl-proof-mini-step:hover {\n  transform: translateY(-3px);\n  border-color: rgba(250, 141, 50, 0.22);\n  box-shadow: 0 19px 40px rgba(17, 24, 39, 0.08);\n}\n\n.tl-proof-mini-step-featured {\n  border-color: rgba(250, 141, 50, 0.23);\n  background:\n    linear-gradient(145deg, rgba(255, 247, 239, 0.99), rgba(255, 255, 255, 0.98));\n}\n\n.tl-proof-mini-number {\n  position: absolute;\n  right: 18px;\n  bottom: 9px;\n  color: rgba(17, 24, 39, 0.045);\n  font-size: 2.35rem;\n  font-weight: 900;\n  letter-spacing: -0.06em;\n}\n\n.tl-proof-mini-status {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  padding: 7px 10px;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.09);\n  color: #a9430c;\n  font-size: 0.58rem;\n  font-weight: 820;\n  letter-spacing: 0.075em;\n  text-transform: uppercase;\n}\n\n.tl-proof-mini-icon {\n  width: 49px;\n  height: 49px;\n  display: grid;\n  place-items: center;\n  margin-bottom: 18px;\n  border: 1px solid rgba(250, 141, 50, 0.18);\n  border-radius: 15px;\n  background: rgba(250, 141, 50, 0.08);\n}\n\n.tl-proof-mini-icon svg {\n  width: 23px;\n  height: 23px;\n  fill: none;\n  stroke: var(--tl-pm-orange-dark);\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tl-proof-mini-step h2 {\n  position: relative;\n  z-index: 1;\n  margin: 0 0 9px;\n  color: var(--tl-pm-text);\n  font-size: 1.02rem;\n  font-weight: 830;\n  line-height: 1.28;\n  letter-spacing: -0.023em;\n}\n\n.tl-proof-mini-step p {\n  position: relative;\n  z-index: 1;\n  margin: 0;\n  color: var(--tl-pm-muted);\n  font-size: 0.86rem;\n  line-height: 1.65;\n}\n\n.tl-proof-mini-note {\n  max-width: 760px;\n  margin: 18px auto 0;\n  color: #98a2b3;\n  font-size: 0.7rem;\n  font-weight: 580;\n  line-height: 1.55;\n  text-align: center;\n}\n\n@media (max-width: 840px) {\n  .tl-proof-mini-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-proof-mini-step {\n    display: grid;\n    grid-template-columns: 49px 1fr;\n    gap: 16px;\n    align-items: start;\n  }\n\n  .tl-proof-mini-icon {\n    margin-bottom: 0;\n  }\n\n  .tl-proof-mini-status {\n    position: static;\n    width: fit-content;\n    grid-column: 1 \/ -1;\n    margin-bottom: -2px;\n  }\n}\n\n@media (max-width: 600px) {\n  .tl-proof-mini {\n    padding: 32px 16px;\n  }\n\n  .tl-proof-mini-step {\n    padding: 21px 19px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-proof-mini-step {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4f04a6 e-flex e-con-boxed e-con e-parent\" data-id=\"a4f04a6\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-276b3ad elementor-widget elementor-widget-html\" data-id=\"276b3ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 ABOUT SECTION 5\nWHAT TUNELOCKR PROTECTS\nDIFFERENT \/ VISUAL \/ COMPLEMENTARY\n========================================================= -->\n\n<section class=\"tl-about-assets\">\n\n  <!-- GLOW -->\n  <div class=\"tl-about-assets-glow tl-about-assets-glow-1\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-assets-inner\">\n\n    <!-- =========================================================\n    LEFT VISUAL\n    ========================================================== -->\n\n    <div class=\"tl-about-assets-visual\">\n\n      <!-- CENTRAL CIRCLE -->\n      <div class=\"tl-about-assets-core\">\n\n        <div class=\"tl-about-assets-core-icon\">\n          \ud83d\udee1\ufe0f\n        <\/div>\n\n        <div class=\"tl-about-assets-core-title\">\n          TuneLockr\n        <\/div>\n\n        <div class=\"tl-about-assets-core-sub\">\n          Protection creative\n        <\/div>\n\n      <\/div>\n\n      <!-- FLOATING ITEMS -->\n\n      <div class=\"tl-about-assets-float tl-float-1\">\n        \ud83c\udfb5 Music\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-2\">\n        \ud83c\udfa7 Beats\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-3\">\n        \ud83d\udcdd Lyrics\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-4\">\n        \ud83c\udfbc Partitions\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-5\">\n        \ud83d\udca1 Toplines\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-6\">\n        \ud83d\udcc2 Projects MAO\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-7\">\n        \ud83e\udd1d Splits\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-8\">\n        \ud83d\udcc4 Documents\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    RIGHT CONTENT\n    ========================================================== -->\n\n    <div class=\"tl-about-assets-content\">\n\n      <div class=\"tl-about-assets-badge\">\n        \ud83c\udfa8 What TuneLockr protects\n      <\/div>\n\n      <h2 class=\"tl-about-assets-title\">\n\n        All creation merit evidence.\n\n      <\/h2>\n\n      <p class=\"tl-about-assets-text\">\n\n        TuneLockr protects not only of pieces finalized. The first ideas, mockups, demos, toplines, ongoing projects, collaborations or documents to be creative can also be deposited.\n\n      <\/p>\n\n      <p class=\"tl-about-assets-text\">\n\n        In reality, the majority of conflicts appear well before the official release : when a private share, a collaboration, send a beat or a frontloading.\n\n      <\/p>\n\n      <!-- LIST -->\n      <div class=\"tl-about-assets-list\">\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Music &amp; masters\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Beats &amp; instrumentals\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Toplines &amp; melodies\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Texts &amp; words\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Stems &amp; projects MAO\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Contracts &amp; splits\n        <\/div>\n\n      <\/div>\n\n      <!-- CTA -->\n      <a href=\"https:\/\/app.tunelockr.com\/depot\"\n         class=\"tl-about-assets-btn\">\n\n        \ud83d\ude80 File creation\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-assets{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fffaf5,\n      #ffffff\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOW\n========================================================= *\/\n\n.tl-about-assets-glow{\n\n  position:absolute;\n\n  width:380px;\n  height:380px;\n\n  top:-140px;\n  right:-140px;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.08);\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-assets-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1320px;\n\n  margin:0 auto;\n\n  padding:\n    120px 24px;\n\n  display:grid;\n\n  grid-template-columns:\n    .95fr 1.05fr;\n\n  gap:90px;\n\n  align-items:center;\n}\n\n\/* =========================================================\nVISUAL\n========================================================= *\/\n\n.tl-about-assets-visual{\n\n  position:relative;\n\n  width:100%;\n  height:640px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n\/* =========================================================\nCORE\n========================================================= *\/\n\n.tl-about-assets-core{\n\n  position:relative;\n  z-index:3;\n\n  width:240px;\n  height:240px;\n\n  border-radius:999px;\n\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    linear-gradient(\n      135deg,\n      #111827,\n      #0b0b0c\n    );\n\n  box-shadow:\n    0 40px 100px rgba(15,23,42,.18);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  text-align:center;\n}\n\n\/* =========================================================\nCORE ICON\n========================================================= *\/\n\n.tl-about-assets-core-icon{\n\n  font-size:3rem;\n\n  margin-bottom:12px;\n}\n\n\/* =========================================================\nCORE TEXT\n========================================================= *\/\n\n.tl-about-assets-core-title{\n\n  color:#ffffff;\n\n  font-size:1.4rem;\n  font-weight:900;\n\n  letter-spacing:-0.04em;\n}\n\n.tl-about-assets-core-sub{\n\n  margin-top:6px;\n\n  color:rgba(255,255,255,.65);\n\n  font-size:.84rem;\n}\n\n\/* =========================================================\nFLOATS\n========================================================= *\/\n\n.tl-about-assets-float{\n\n  position:absolute;\n\n  padding:\n    1rem 1.1rem;\n\n  border-radius:20px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 18px 40px rgba(15,23,42,.08);\n\n  color:#111827;\n\n  font-size:.86rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nPOSITIONS\n========================================================= *\/\n\n.tl-float-1{ top:40px; left:90px; }\n.tl-float-2{ top:120px; right:40px; }\n.tl-float-3{ top:280px; left:0; }\n.tl-float-4{ bottom:160px; right:10px; }\n.tl-float-5{ bottom:40px; left:120px; }\n.tl-float-6{ top:200px; right:120px; }\n.tl-float-7{ bottom:260px; left:80px; }\n.tl-float-8{ bottom:80px; right:90px; }\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-assets-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#c2410c;\n\n  font-size:.74rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-assets-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-assets-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:#374151;\n\n  margin:\n    0 0 24px;\n}\n\n\/* =========================================================\nLIST\n========================================================= *\/\n\n.tl-about-assets-list{\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap:14px;\n\n  margin:\n    40px 0;\n}\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n.tl-about-assets-item{\n\n  padding:\n    1rem 1rem;\n\n  border-radius:18px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 10px 24px rgba(15,23,42,.04);\n\n  color:#111827;\n\n  font-size:.88rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nBUTTON\n========================================================= *\/\n\n.tl-about-assets-btn{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    1.05rem 1.45rem;\n\n  border-radius:20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f97316,\n      #fb923c\n    );\n\n  color:#ffffff;\n\n  text-decoration:none;\n\n  font-size:.94rem;\n  font-weight:900;\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.18);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-assets-btn:hover{\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 30px 64px rgba(249,115,22,.24);\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n  .tl-about-assets-inner{\n\n    grid-template-columns:1fr;\n\n    gap:70px;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-assets-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-assets-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-assets-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-assets-visual{\n\n    height:520px;\n  }\n\n  .tl-about-assets-core{\n\n    width:180px;\n    height:180px;\n  }\n\n  .tl-about-assets-float{\n\n    font-size:.72rem;\n\n    padding:\n      .75rem .85rem;\n  }\n\n  .tl-about-assets-list{\n\n    grid-template-columns:1fr;\n  }\n\n  .tl-about-assets-btn{\n\n    width:100%;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e7eccf e-flex e-con-boxed e-con e-parent\" data-id=\"2e7eccf\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66115e9 elementor-widget elementor-widget-html\" data-id=\"66115e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 TEAM SECTION\nPREMIUM TEAM GRID\n========================================================= -->\n\n<section class=\"tl-about-team\">\n\n  <!-- GLOW -->\n  <div class=\"tl-about-team-glow\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-team-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-team-head\">\n\n      <div class=\"tl-about-team-badge\">\n        \ud83d\udc65 The team TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-team-title\">\n\n        A team passionate about the protection of creators.\n\n      <\/h2>\n\n      <p class=\"tl-about-team-text\">\n\n        Developers, designers, product experts, blockchain and music : TuneLockr brings together complementary profiles around a single mission : to secure the digital creations.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    GRID\n    ========================================================== -->\n\n    <div class=\"tl-about-team-grid\">\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Alex Mercer\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Alex Mercer\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            CEO &amp; Product Vision\n          <\/div>\n\n          <p>\n\n            Product Vision, creative infrastructure and user experience.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Sophie Klein\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Sophie Klein\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Legal &amp; Copyright\n          <\/div>\n\n          <p>\n\n            Copyright, compliance and protection of digital works.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member tl-about-member-center\">\n\n        <div class=\"tl-about-member-live\">\n          Core Team\n        <\/div>\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Marcus Lee\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Marcus Lee\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Blockchain Engineer\n          <\/div>\n\n          <p>\n\n            Infrastructure Tezos, cryptographic security and traceability blockchain.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Lina Morel\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Lina Morel\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Creative Partnerships\n          <\/div>\n\n          <p>\n\n            Relationships artists, community, and creative collaborations.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1504593811423-6dd665756598?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Daniel Scott\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Daniel Scott\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Security &amp; Infrastructure\n          <\/div>\n\n          <p>\n\n            Cloud Architecture, privacy and data security.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-team{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fffaf5 0%,\n      #ffffff 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOW\n========================================================= *\/\n\n.tl-about-team-glow{\n\n  position:absolute;\n\n  width:420px;\n  height:420px;\n\n  top:-180px;\n  right:-140px;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.08);\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-team-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1320px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-team-head{\n\n  max-width:900px;\n\n  margin:\n    0 auto\n    70px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-team-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#c2410c;\n\n  font-size:.74rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-team-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-team-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:#374151;\n\n  margin:0;\n}\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n.tl-about-team-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(5,minmax(0,1fr));\n\n  gap:22px;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-member{\n\n  position:relative;\n\n  overflow:hidden;\n\n  border-radius:34px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 24px 54px rgba(15,23,42,.05);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-member:hover{\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 34px 70px rgba(15,23,42,.08);\n}\n\n\/* =========================================================\nCENTER\n========================================================= *\/\n\n.tl-about-member-center{\n\n  border:\n    1px solid rgba(249,115,22,.14);\n\n  box-shadow:\n    0 30px 70px rgba(249,115,22,.08);\n}\n\n.tl-about-member-live{\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  z-index:3;\n\n  padding:\n    .42rem .72rem;\n\n  border-radius:999px;\n\n  background:#111827;\n\n  color:#ffffff;\n\n  font-size:.64rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n.tl-about-member-image{\n\n  position:relative;\n\n  aspect-ratio:1\/1;\n\n  overflow:hidden;\n}\n\n.tl-about-member-image img{\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  display:block;\n}\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n.tl-about-member-content{\n\n  padding:\n    24px 22px 26px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-member-content h3{\n\n  font-size:1.08rem;\n\n  line-height:1.1;\n\n  letter-spacing:-0.03em;\n\n  font-weight:900;\n\n  color:#111827;\n\n  margin:\n    0 0 8px;\n}\n\n.tl-about-member-role{\n\n  color:#f97316;\n\n  font-size:.78rem;\n  font-weight:800;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n\n  margin-bottom:14px;\n}\n\n.tl-about-member-content p{\n\n  font-size:.88rem;\n  line-height:1.75;\n\n  color:#6b7280;\n\n  margin:0;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1200px){\n\n  .tl-about-team-grid{\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-team-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-team-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-team-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-team-grid{\n\n    grid-template-columns:1fr;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fb4edf e-flex e-con-boxed e-con e-parent\" data-id=\"7fb4edf\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c47d2d6 elementor-widget elementor-widget-html\" data-id=\"c47d2d6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 TIMELINE SECTION\nPREMIUM HISTORY TIMELINE\n========================================================= -->\n\n<section class=\"tl-about-timeline\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-timeline-glow tl-about-timeline-glow-1\"><\/div>\n  <div class=\"tl-about-timeline-glow tl-about-timeline-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-timeline-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-timeline-head\">\n\n      <div class=\"tl-about-timeline-badge\">\n        \u23f3 The evolution of TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-timeline-title\">\n\n        Build a modern infrastructure for creators.\n\n      <\/h2>\n\n      <p class=\"tl-about-timeline-text\">\n\n        Since its inception, TuneLockr evolves with a clear mission : to make the protection of creations faster, more accessible and adapted to the digital age.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    TIMELINE\n    ========================================================== -->\n\n    <div class=\"tl-about-timeline-wrap\">\n\n      <!-- LINE -->\n      <div class=\"tl-about-timeline-line\"><\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2019\n          <\/div>\n\n          <h3>\n            The initial findings\n          <\/h3>\n\n          <p>\n\n            Observation of the difficulties encountered by the independent artists to prove the precedence of their creations.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2020\n          <\/div>\n\n          <h3>\n            Infrastructure development\n          <\/h3>\n\n          <p>\n\n            Construction of the first filing systems, fingerprint cryptographic and timestamp secure.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item tl-about-timeline-item-center\">\n\n        <div class=\"tl-about-timeline-dot tl-about-timeline-dot-active\"><\/div>\n\n        <div class=\"tl-about-timeline-live\">\n          Key step\n        <\/div>\n\n        <div class=\"tl-about-timeline-card tl-about-timeline-card-center\">\n\n          <div class=\"tl-about-timeline-year\">\n            2022\n          <\/div>\n\n          <h3>\n            Integrating blockchain Tezos\n          <\/h3>\n\n          <p>\n\n            Deployment of an infrastructure blockchain allowing a timestamp modern, verifiable and sustainable.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2024\n          <\/div>\n\n          <h3>\n            International growth\n          <\/h3>\n\n          <p>\n\n            Thousands of creations protected in more than 170 countries by artists, beatmakers, and producers.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            Today\n          <\/div>\n\n          <h3>\n            New generation of protection\n          <\/h3>\n\n          <p>\n\n            TuneLockr continues to evolve to support the creators in a world dominated by AI and digital content.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-timeline{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #111827 0%,\n      #0b0b0c 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOWS\n========================================================= *\/\n\n.tl-about-timeline-glow{\n\n  position:absolute;\n\n  border-radius:999px;\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n.tl-about-timeline-glow-1{\n\n  width:380px;\n  height:380px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  top:-180px;\n  left:-120px;\n}\n\n.tl-about-timeline-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.05);\n\n  bottom:-120px;\n  right:-100px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-timeline-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1180px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-timeline-head{\n\n  max-width:860px;\n\n  margin:\n    0 auto\n    90px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-timeline-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  color:#fdba74;\n\n  font-size:.72rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-timeline-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#ffffff;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-timeline-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:rgba(255,255,255,.74);\n\n  margin:0;\n}\n\n\/* =========================================================\nTIMELINE WRAP\n========================================================= *\/\n\n.tl-about-timeline-wrap{\n\n  position:relative;\n\n  display:flex;\n  flex-direction:column;\n\n  gap:34px;\n}\n\n\/* =========================================================\nLINE\n========================================================= *\/\n\n.tl-about-timeline-line{\n\n  position:absolute;\n\n  top:0;\n  bottom:0;\n  left:20px;\n\n  width:2px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(249,115,22,.5),\n      rgba(255,255,255,.08)\n    );\n}\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n.tl-about-timeline-item{\n\n  position:relative;\n\n  padding-left:70px;\n}\n\n\/* =========================================================\nDOT\n========================================================= *\/\n\n.tl-about-timeline-dot{\n\n  position:absolute;\n\n  top:28px;\n  left:11px;\n\n  width:20px;\n  height:20px;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.16);\n\n  border:\n    3px solid #111827;\n\n  z-index:2;\n}\n\n\/* =========================================================\nACTIVE DOT\n========================================================= *\/\n\n.tl-about-timeline-dot-active{\n\n  background:#f97316;\n\n  box-shadow:\n    0 0 24px rgba(249,115,22,.7);\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-timeline-card{\n\n  position:relative;\n\n  padding:\n    32px 34px;\n\n  border-radius:34px;\n\n  background:\n    rgba(255,255,255,.04);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  backdrop-filter:blur(10px);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-timeline-card:hover{\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 30px 60px rgba(0,0,0,.30);\n}\n\n\/* =========================================================\nCENTER CARD\n========================================================= *\/\n\n.tl-about-timeline-card-center{\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.08);\n}\n\n.tl-about-timeline-live{\n\n  position:absolute;\n\n  top:16px;\n  right:20px;\n\n  padding:\n    .42rem .72rem;\n\n  border-radius:999px;\n\n  background:#ffffff;\n\n  color:#111827;\n\n  font-size:.64rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n\n  z-index:3;\n}\n\n\/* =========================================================\nYEAR\n========================================================= *\/\n\n.tl-about-timeline-year{\n\n  color:#fdba74;\n\n  font-size:.82rem;\n  font-weight:900;\n\n  letter-spacing:.16em;\n  text-transform:uppercase;\n\n  margin-bottom:14px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-timeline-card h3{\n\n  font-size:1.4rem;\n\n  line-height:1.05;\n\n  letter-spacing:-0.04em;\n\n  font-weight:900;\n\n  color:#ffffff;\n\n  margin:\n    0 0 14px;\n}\n\n.tl-about-timeline-card p{\n\n  font-size:.96rem;\n  line-height:1.85;\n\n  color:rgba(255,255,255,.70);\n\n  margin:0;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:768px){\n\n  .tl-about-timeline-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-timeline-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-timeline-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-timeline-item{\n\n    padding-left:58px;\n  }\n\n  .tl-about-timeline-card{\n\n    padding:26px 24px;\n  }\n\n  .tl-about-timeline-card h3{\n\n    font-size:1.18rem;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8c3713 e-flex e-con-boxed e-con e-parent\" data-id=\"d8c3713\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00c0 propos de TuneLockr La musique circule vite. La preuve doit suivre. TuneLockr est n\u00e9 d\u2019un constat simple&nbsp;: les d\u00e9mos, beats, toplines et fichiers de travail sont souvent partag\u00e9s avant que leur histoire ne soit clairement document\u00e9e. Notre r\u00f4le est d\u2019aider les artistes, auteurs, beatmakers et producteurs \u00e0 constituer une preuve d\u2019ant\u00e9riorit\u00e9 horodat\u00e9e avant qu\u2019une [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6683,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5696","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/pages\/5696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/comments?post=5696"}],"version-history":[{"count":78,"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/pages\/5696\/revisions"}],"predecessor-version":[{"id":9187,"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/pages\/5696\/revisions\/9187"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/media\/6683"}],"wp:attachment":[{"href":"https:\/\/tunelockr.com\/en\/wp-json\/wp\/v2\/media?parent=5696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}