{"id":2427,"date":"2026-06-04T09:27:03","date_gmt":"2026-06-04T09:27:03","guid":{"rendered":"https:\/\/kharonbridge.com\/?page_id=2427"},"modified":"2026-07-03T16:42:29","modified_gmt":"2026-07-03T16:42:29","slug":"le-carnet","status":"publish","type":"page","link":"https:\/\/kharonbridge.com\/en\/the-notebook\/","title":{"rendered":"The notebook"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2427\" class=\"elementor elementor-2427\">\n\t\t\t\t<div class=\"elementor-element elementor-element-588e8bc e-con-full e-flex e-con e-parent\" data-id=\"588e8bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-393cea8 elementor-widget elementor-widget-html\" data-id=\"393cea8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<main class=\"le-carnet-page\" id=\"le-carnet\">\n\n  <div style=\"display:none\" aria-hidden=\"true\">\n    <span id=\"trp-hero-typed\">A written thought <\/span>\n    <span id=\"trp-hero-italic\">no longer runs.<\/span>\n    <span id=\"trp-hero-sub\">The Notebook is a private space where you can keep track of ideas, decisions, thoughts, and moments that are worth revisiting later.<\/span>\n    <span id=\"trp-hero-cta\">Put down my first thought<\/span>\n    <span id=\"trp-hero-note\">Free - Private - No credit card required<\/span>\n    <span id=\"trp-badge\">Open beta - Free access<\/span>\n    <span id=\"trp-pwa-name\">Le Carnet<\/span>\n    <span id=\"trp-pwa-prompt\">What's going on in your head?<\/span>\n    <span id=\"trp-pwa-entry\">I feel like I've been putting this decision off for months...<\/span>\n    <span id=\"trp-pwa-ai\">You seem to be looking for the perfect decision before agreeing to move forward.<\/span>\n    <span id=\"trp-pwa-mood\">How do you feel?<\/span>\n    <span id=\"trp-pwa-nav1\">Write to<\/span>\n    <span id=\"trp-pwa-nav2\">Notebook<\/span>\n    <span id=\"trp-pwa-nav3\">Me<\/span>\n    <span id=\"trp-pwa-ai-lbl\">Clarification<\/span>\n    <span id=\"trp-cta-final\">Put down my first thought<\/span>\n  <\/div>\n\n  <div class=\"lc-wrap\">\n    <section class=\"hero\" aria-labelledby=\"le-carnet-title\">\n      <div>\n        <div class=\"hero-badge\">\n          <span class=\"badge-dot\" aria-hidden=\"true\"><\/span>\n          <span id=\"badge-display\">Open beta - Free access<\/span>\n        <\/div>\n\n        <h1 class=\"hero-h1\" id=\"le-carnet-title\">\n          <span id=\"tw\">A written thought <\/span>\n          <span class=\"italic\" id=\"tw2\">no longer runs.<\/span>\n        <\/h1>\n\n        <p class=\"hero-sub\" id=\"hero-sub-el\">\n          The Notebook is a private space where you can keep track of ideas, decisions, thoughts, and moments that are worth revisiting later.\n        <\/p>\n\n        <div class=\"hero-acts\">\n          <a href=\"https:\/\/kharonbridge.com\/en\/carnet\/\" class=\"btn\" id=\"hero-cta-link\">\n            <span id=\"hero-cta-el\">Put down my first thought<\/span>\n            <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\n              <path d=\"M3 8h10M9 4l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/a>\n          <span class=\"hero-note\" id=\"hero-note-el\">Free - Private - No credit card required<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-right\" aria-hidden=\"true\">\n        <div class=\"pwa-frame\">\n          <div class=\"pwa-notch\"><div class=\"pwa-notch-bar\"><\/div><\/div>\n          <div class=\"pwa-screen\">\n            <div class=\"pwa-hd\">\n              <span class=\"pwa-name\" id=\"pwa-name-el\">Le Carnet<\/span>\n              <span class=\"pwa-date-lbl\" id=\"pwa-dt\"><\/span>\n            <\/div>\n            <div class=\"pwa-write\">\n              <div class=\"pwa-prompt\" id=\"pwa-prompt-el\">What's going on in your head?<\/div>\n              <div class=\"pwa-txt\" id=\"pwa-txt\"><span class=\"pwa-cursor\"><\/span><\/div>\n            <\/div>\n            <div class=\"pwa-mood\">\n              <span class=\"mood-lbl\" id=\"pwa-mood-el\">How do you feel?<\/span>\n              <div class=\"mood-dot m1\"><\/div>\n              <div class=\"mood-dot m2\"><\/div>\n              <div class=\"mood-dot m3 on\"><\/div>\n              <div class=\"mood-dot m4\"><\/div>\n              <div class=\"mood-dot m5\"><\/div>\n            <\/div>\n            <div class=\"pwa-ai\" id=\"pwa-ai\">\n              <div class=\"pwa-ai-hd\">\n                <div class=\"pwa-ai-dot\"><\/div>\n                <span class=\"pwa-ai-lbl\" id=\"pwa-ai-lbl-el\">Clarification<\/span>\n              <\/div>\n              <div class=\"pwa-ai-txt\" id=\"pwa-ai-txt\"><\/div>\n            <\/div>\n            <div class=\"pwa-nav-bar\">\n              <div class=\"pwa-nav-i on\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4z\"><\/path><\/svg>\n                <span id=\"pwa-nav1-el\">Write to<\/span>\n              <\/div>\n              <div class=\"pwa-nav-i\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><path d=\"M4 6h16M4 12h16M4 18h7\"><\/path><\/svg>\n                <span id=\"pwa-nav2-el\">Notebook<\/span>\n              <\/div>\n              <div class=\"pwa-nav-i\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"><\/path><\/svg>\n                <span id=\"pwa-nav3-el\">Me<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"dv\"><\/div>\n\n    <section class=\"bp\">\n      <div class=\"si\">\n        <div class=\"r\">\n          <span class=\"lbl\">Why the Carnet exists<\/span>\n          <span class=\"bp-pull\">You have decisions that you put off.<br>Moments you'll never find again.<\/span>\n          <p class=\"para\">It's not a problem of method.<br>It's just that there was no place made for it.<\/p>\n          <p class=\"para\">That's what the Carnet is for. <strong>Private. No set format. No performance.<\/strong><\/p>\n        <\/div>\n\n        <div class=\"bp-timeline r d2\" aria-label=\"An Example of How a Thought Evolves Over Time\">\n          <div class=\"tl-item\">\n            <div class=\"tl-dot\"><div class=\"tl-dot-inner\"><\/div><\/div>\n            <div class=\"tl-body\">\n              <span class=\"tl-time\">11:41pm - tonight<\/span>\n              <div class=\"tl-txt\">\"I have to make this decision. Tomorrow, for sure.\"<\/div>\n              <div class=\"tl-sub\">Not written. Not posed. Just shot.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tl-item\">\n            <div class=\"tl-dot\"><div class=\"tl-dot-inner\"><\/div><\/div>\n            <div class=\"tl-body\">\n              <span class=\"tl-time\">The next day<\/span>\n              <div class=\"tl-txt\">\"Still here. I'll see this weekend.\"<\/div>\n              <div class=\"tl-sub\">The weekend passes. The thought remains.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"tl-item\">\n            <div class=\"tl-dot\"><div class=\"tl-dot-inner\"><\/div><\/div>\n            <div class=\"tl-body\">\n              <span class=\"tl-time\">Six months later<\/span>\n              <div class=\"tl-txt\">\"I never really decided. Or did I?\"<\/div>\n              <div class=\"tl-sub\">This moment could have been written down, reread, understood.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"dv\"><\/div>\n\n    <section class=\"bh\">\n      <div class=\"si\">\n        <div class=\"r\">\n          <span class=\"lbl\">The act of writing<\/span>\n          <h2 class=\"h2\" style=\"margin-bottom:1.75rem\">Some thoughts<br><em>don't fit in anywhere.<\/em><\/h2>\n          <p class=\"para\">Not in a message sent too quickly. Not in the notes on your phone, lost among the rest. Not on social networks, where everything becomes immediately visible.<\/p>\n          <p class=\"para\">So there they stand. Spinning.<\/p>\n          <p class=\"para\">We all have decisions we put off. Ideas we wanted to write down \"later\". Moments we thought we'd remember... and then disappear.<\/p>\n          <span class=\"bh-pull\" id=\"bh-pull\">A written thought stops turning. Not because it's resolved. But because it finally exists somewhere, with a date, a context, a moment.<\/span>\n          <p class=\"para\">And sometimes, re-reading what we thought six months ago says more about us than what we feel today.<\/p>\n          <p class=\"para\">Le Carnet is not a diary. It is not a productivity tool. It is not therapy.<\/p>\n          <p class=\"para\">It's a private space for keeping track of what you're going through, what you decide, and the person you're becoming.<\/p>\n        <\/div>\n\n        <figure class=\"bh-vis r d2\">\n          <img loading=\"lazy\"\n            src=\"https:\/\/kharonbridge.com\/wp-content\/uploads\/2026\/05\/Carnet-ENG.png\"\n            alt=\"Mockup of the Carnet&#039;s text entry screen\"\n            width=\"900\"\n            height=\"1600\"\n            decoding=\"async\"\n          >\n          <div class=\"ph\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4z\"><\/path><\/svg>\n            Writing screen - Coming soon\n          <\/div>\n        <\/figure>\n      <\/div>\n    <\/section>\n\n    <div class=\"dv\"><\/div>\n\n    <section class=\"bt\">\n      <div class=\"si\" style=\"display:block\">\n        <div class=\"r\">\n          <span class=\"lbl\">The dimension of time<\/span>\n          <h2 class=\"h2\" style=\"margin-bottom:0\">Some fragments<br><em>make sense later.<\/em><\/h2>\n        <\/div>\n\n        <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:3rem\">\n          <div class=\"r d1\">\n            <p class=\"para\" style=\"color:#8a8880\">A decision written today can be reread in six months' time and reveal something you didn't see at the time.<\/p>\n            <p class=\"para\" style=\"color:#8a8880\">A doubt noted one evening can, weeks later, point to a pattern that you repeat without realizing it.<\/p>\n            <p class=\"para\" style=\"color:#8a8880\">A trace left out can become the most important.<\/p>\n            <p class=\"para\" style=\"color:#8a8880\">The Carnet isn't just for writing down how you feel now. It's about finding what you thought before time covered it up.<\/p>\n            <p class=\"bt-final\">This is where the Carnet becomes something other than a diary.<\/p>\n          <\/div>\n\n          <figure class=\"bt-vis r d2\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/kharonbridge.com\/wp-content\/uploads\/2026\/05\/Capsule-ENG.png\"\n              alt=\"Illustration of a time capsule from *Le Carnet*\"\n              width=\"900\"\n              height=\"1600\"\n              decoding=\"async\"\n            >\n            <div class=\"ph-dark\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 6v6l4 2\"><\/path><\/svg>\n              Deferred Proofreading - Coming soon\n            <\/div>\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"dv\" style=\"background:rgba(255,255,255,.04)\"><\/div>\n\n    <section class=\"be\">\n      <div class=\"si\">\n        <span class=\"lbl r\">Product materiality<\/span>\n        <h2 class=\"h2 r\">One entry,<br><em>four possible states.<\/em><\/h2>\n        <p class=\"be-sub r\">Everything you write in the Carnet lives at its own pace.<\/p>\n\n        <div class=\"be-grid\">\n          <article class=\"be-card r d1\">\n            <span class=\"be-icon\" aria-hidden=\"true\">\ud83d\udd13<\/span>\n            <div class=\"be-name\">Open<\/div>\n            <div class=\"be-desc\">You'll come back to it. It's not finished. It's still evolving.<\/div>\n          <\/article>\n\n          <article class=\"be-card r d2\">\n            <span class=\"be-icon\" aria-hidden=\"true\">\u2705<\/span>\n            <div class=\"be-name\">Closed<\/div>\n            <div class=\"be-desc\">You've come full circle. It belongs to the past. It can still be consulted, but it's not waiting for you.<\/div>\n          <\/article>\n\n          <article class=\"be-card r d3\">\n            <span class=\"be-icon\" aria-hidden=\"true\">\ud83d\udd01<\/span>\n            <div class=\"be-name\">To reread<\/div>\n            <div class=\"be-desc\">You choose a date. The Carnet brings it back to you at the right time. Not before. Not after.<\/div>\n          <\/article>\n\n          <article class=\"be-card r d4\">\n            <span class=\"be-icon\" aria-hidden=\"true\">\u23f3<\/span>\n            <div class=\"be-name\">\n              Time capsule\n              <span class=\"badge-premium\">Premium<\/span>\n            <\/div>\n            <div class=\"be-desc\">\n              You lock this entry. It will open on the date you've chosen\u2014not before.\nWhat you're thinking today will be rediscovered at the right moment.\n              <a href=\"https:\/\/kharonbridge.com\/en\/capsule-pack\/\" class=\"capsule-internal-link\">\n                Discover the time capsules\n              <\/a>.\n            <\/div>\n          <\/article>\n        <\/div>\n\n        <div class=\"be-feats r\">\n          <div class=\"be-feat\"><span class=\"feat-d\">\u2014<\/span><span>Writing without a title - it comes later, when the meaning is clear<\/span><\/div>\n          <div class=\"be-feat\"><span class=\"feat-d\">\u2014<\/span><span>Find any document by date, file or status<\/span><\/div>\n          <div class=\"be-feat\"><span class=\"feat-d\">\u2014<\/span><span>Continuing a reflection where you left off<\/span><\/div>\n          <div class=\"be-feat\"><span class=\"feat-d\">\u2014<\/span><span>Schedule a review in three months, six months, a year<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"dv\"><\/div>\n\n    <section class=\"bs\">\n      <div class=\"si\">\n        <span class=\"lbl r\">How it works<\/span>\n        <h2 class=\"h2 r\">Four gestures.<br><em>That's all there is to it.<\/em><\/h2>\n\n        <div class=\"bs-grid\">\n          <div class=\"bs-line\"><div class=\"bs-fill\" id=\"bs-fill\"><\/div><\/div>\n\n          <article class=\"step r d1\">\n            <div class=\"step-n\">01<\/div>\n            <div class=\"step-t\">You deposit<\/div>\n            <div class=\"step-d\">You write. No set title, no plan. A reflection, a doubt, a lingering decision. Each entry is private, time-stamped, and belongs to you.<\/div>\n          <\/article>\n\n          <article class=\"step r d2\">\n            <div class=\"step-n\">02<\/div>\n            <div class=\"step-t\">You clarify<\/div>\n            <div class=\"step-d\">A neutral eye rephrases what you've just written and brings out what really matters. Not coaching. Just clarity.<\/div>\n          <\/article>\n\n          <article class=\"step r d3\">\n            <div class=\"step-n\">03<\/div>\n            <div class=\"step-t\">You choose<\/div>\n            <div class=\"step-d\">Keep, close, schedule a reread. Each entry has its own rhythm - you decide.<\/div>\n          <\/article>\n\n          <article class=\"step r d4\">\n            <div class=\"step-n\">04<\/div>\n            <div class=\"step-t\">You keep the thread<\/div>\n            <div class=\"step-d\">Over time, the Carnet becomes a personal memory. Your doubts of six months ago. What you were thinking before you changed your mind.<\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"dv\"><\/div>\n\n    <section class=\"bpas\">\n      <div class=\"si\">\n        <span class=\"lbl r\">The essentials<\/span>\n        <h2 class=\"h2 r\">A space.<br><em>Nothing else.<\/em><\/h2>\n\n        <div class=\"pas-grid r\">\n          <div class=\"pas-i\">\n            <div class=\"pas-l\">Private by design<\/div>\n            <div class=\"pas-t\">What you write is up to you. <strong>No one reads, comments or shares.<\/strong><\/div>\n          <\/div>\n          <div class=\"pas-i\">\n            <div class=\"pas-l\">No set rhythm<\/div>\n            <div class=\"pas-t\">You write when you need to. <strong>No obligation, no expected regularity.<\/strong><\/div>\n          <\/div>\n          <div class=\"pas-i\">\n            <div class=\"pas-l\">No judgement<\/div>\n            <div class=\"pas-t\">A neutral look at what you've written. <strong>Never an opinion about who you are.<\/strong><\/div>\n          <\/div>\n          <div class=\"pas-i\">\n            <div class=\"pas-l\">No exposure<\/div>\n            <div class=\"pas-t\"><strong>No algorithms, no advertising, no networks.<\/strong> Just you and what you put down.<\/div>\n          <\/div>\n        <\/div>\n\n        <blockquote class=\"pas-q r\">The Carnet keeps track of who you are becoming.<\/blockquote>\n      <\/div>\n    <\/section>\n\n    <section class=\"bkb\">\n      <canvas id=\"ptc\" aria-hidden=\"true\"><\/canvas>\n      <div class=\"si\">\n        <span class=\"kb-eye r\">When writing becomes memory<\/span>\n        <h2 class=\"kb-h2 r\">Certain thoughts<br>are not made<br><em>to disappear.<\/em><\/h2>\n        <p class=\"kb-p r\">Sometimes an entry takes on special importance. A decision. A period of life. A sentence we'd like to reread ten years from now. Or pass on one day.<\/p>\n        <p class=\"kb-p r\">The Carnet can then be used to seal certain writings, schedule their reopening at a chosen date, or transform them into personal traces that stand the test of time.<\/p>\n        <p class=\"kb-p r\">Not a feature. <strong>A natural possibility.<\/strong> When you feel a thought deserves to last longer than the moment you wrote it.<\/p>\n        <p class=\"kb-note r\">An experiment developed by <a href=\"https:\/\/kharonbridge.com\/en\/services-kharonbridge\/\" class=\"kb-link\">KharonBridge<\/a>.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"bcta\">\n      <div class=\"si\">\n        <h2 class=\"cta-t r\">Your first word<br>waiting for you.<\/h2>\n        <p class=\"cta-s r\"><span>Free<\/span>\u00b7<span>Private<\/span>\u00b7<span>Without credit card<\/span><\/p>\n        <div class=\"r\">\n          <a href=\"https:\/\/kharonbridge.com\/en\/carnet\/\" class=\"btn\" id=\"cta-final-link\">\n            <span id=\"cta-final-el\">Put down my first thought<\/span>\n            <svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\n              <path d=\"M3 8h10M9 4l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/main>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap');\n\n.le-carnet-page{\n  --bg:#f5f3ef;--bg2:#edeae4;--card:#fff;--dark:#1a1916;\n  --txt:#1a1916;--muted:#5a5650;--dim:#9a9590;\n  --gold:#b8841f;--green:#1a7a4a;--green2:#22a362;\n  --bdr:rgba(26,25,22,0.07);\n  --serif:'Cormorant Garamond',Georgia,serif;\n  --sans:'DM Sans',system-ui,sans-serif;\n  --sp:cubic-bezier(0.16,1,0.3,1);\n  position:relative;\n  isolation:isolate;\n  width:100%;\n  background:var(--bg);\n  color:var(--txt);\n  font-family:var(--sans);\n  font-weight:300;\n  font-size:16px;\n  line-height:1.75;\n  overflow-x:hidden;\n}\n.le-carnet-page,\n.le-carnet-page *{box-sizing:border-box}\n.le-carnet-page::after{\n  content:'';\n  position:fixed;\n  inset:0;\n  background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'\/%3E%3C\/svg%3E\");\n  pointer-events:none;\n  z-index:9999;\n  opacity:.4;\n}\n.le-carnet-page a{color:inherit}\n.le-carnet-page img{max-width:100%;display:block}\n.le-carnet-page .lc-wrap{position:relative;z-index:1}\n\n.le-carnet-page .hero{\n  min-height:100vh;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  align-items:center;\n  gap:4rem;\n  padding:6rem 3rem 5rem;\n  max-width:1200px;\n  margin:0 auto;\n}\n.le-carnet-page .hero-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:.5rem;\n  font-size:.72rem;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color:var(--gold);\n  background:rgba(184,132,31,.08);\n  border:1px solid rgba(184,132,31,.2);\n  padding:.4rem .85rem;\n  border-radius:50px;\n  margin-bottom:2rem;\n  opacity:0;\n  animation:fadeUp .7s var(--sp) .2s forwards;\n}\n.le-carnet-page .badge-dot{\n  width:6px;\n  height:6px;\n  background:var(--gold);\n  border-radius:50%;\n  animation:pulseDot 2.5s ease-in-out infinite;\n}\n.le-carnet-page .hero-h1{\n  font-family:var(--serif);\n  font-size:clamp(3rem,5.5vw,5.2rem);\n  font-weight:300;\n  line-height:1.08;\n  letter-spacing:-.01em;\n  margin-bottom:1.75rem;\n  opacity:0;\n  animation:fadeUp .9s var(--sp) .35s forwards;\n}\n.le-carnet-page .hero-h1 .italic{\n  font-style:italic;\n  color:var(--gold);\n  display:block;\n}\n.le-carnet-page .hero-sub{\n  font-size:1rem;\n  color:var(--muted);\n  max-width:430px;\n  line-height:1.75;\n  margin-bottom:2.25rem;\n  opacity:0;\n  animation:fadeUp .9s var(--sp) .5s forwards;\n}\n.le-carnet-page .hero-acts{\n  display:flex;\n  align-items:center;\n  gap:1.75rem;\n  opacity:0;\n  animation:fadeUp .9s var(--sp) .65s forwards;\n}\n.le-carnet-page .btn{\n  display:inline-flex;\n  align-items:center;\n  gap:.6rem;\n  background:var(--green);\n  color:#fff !important;\n  font-family:var(--sans);\n  font-size:.82rem;\n  font-weight:400;\n  letter-spacing:.04em;\n  padding:.9rem 2rem;\n  border-radius:50px;\n  text-decoration:none;\n  position:relative;\n  overflow:hidden;\n  transition:all .3s var(--sp);\n}\n.le-carnet-page .btn::before{\n  content:'';\n  position:absolute;\n  inset:0;\n  background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 60%);\n  opacity:0;\n  transition:opacity .3s;\n}\n.le-carnet-page .btn:hover{\n  background:#22a362;\n  transform:translateY(-2px);\n  box-shadow:0 14px 36px rgba(26,122,74,.28);\n}\n.le-carnet-page .btn:hover::before{opacity:1}\n.le-carnet-page .btn svg{width:14px;height:14px;transition:transform .3s}\n.le-carnet-page .btn:hover svg{transform:translateX(3px)}\n.le-carnet-page .hero-note{\n  font-size:.75rem;\n  color:var(--muted);\n  letter-spacing:.05em;\n  font-weight:300;\n}\n\n.le-carnet-page .hero-right{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  opacity:0;\n  animation:fadeLeft 1s var(--sp) .7s forwards;\n  position:relative;\n}\n.le-carnet-page .hero-right::before{\n  content:'';\n  position:absolute;\n  width:340px;\n  height:340px;\n  background:radial-gradient(circle,rgba(184,132,31,.1) 0%,rgba(26,122,74,.06) 50%,transparent 70%);\n  border-radius:50%;\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  pointer-events:none;\n  animation:glowPulse 4s ease-in-out infinite;\n}\n.le-carnet-page .pwa-frame{\n  width:330px;\n  background:#1a1916;\n  border-radius:32px;\n  padding:10px;\n  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 60px 120px rgba(0,0,0,.28),0 30px 60px rgba(0,0,0,.18),0 0 40px rgba(184,132,31,.06);\n  animation:float 7s ease-in-out infinite;\n  position:relative;\n  z-index:1;\n}\n.le-carnet-page .pwa-notch{\n  width:72px;\n  height:20px;\n  background:#1a1916;\n  border-radius:0 0 12px 12px;\n  margin:0 auto 6px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.le-carnet-page .pwa-notch-bar{\n  width:44px;\n  height:4px;\n  background:#2a2a26;\n  border-radius:2px;\n}\n.le-carnet-page .pwa-screen{\n  background:#13130f;\n  border-radius:24px;\n  overflow:hidden;\n  min-height:540px;\n  display:flex;\n  flex-direction:column;\n}\n.le-carnet-page .pwa-hd{\n  padding:1.1rem 1.1rem .7rem;\n  border-bottom:1px solid rgba(255,255,255,.05);\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n}\n.le-carnet-page .pwa-name{\n  font-family:var(--serif);\n  font-size:1rem;\n  font-weight:400;\n  color:rgba(255,255,255,.85);\n}\n.le-carnet-page .pwa-date-lbl{\n  font-size:.6rem;\n  color:#5a5855;\n  letter-spacing:.08em;\n}\n.le-carnet-page .pwa-write{padding:1.1rem;flex:1}\n.le-carnet-page .pwa-prompt{\n  font-size:.68rem;\n  color:#5a5855;\n  letter-spacing:.06em;\n  font-style:italic;\n  margin-bottom:.6rem;\n}\n.le-carnet-page .pwa-txt{\n  font-family:var(--serif);\n  font-size:.9rem;\n  font-style:italic;\n  font-weight:300;\n  color:rgba(232,226,217,.9);\n  line-height:1.7;\n  min-height:72px;\n}\n.le-carnet-page .pwa-cursor{\n  display:inline-block;\n  width:1px;\n  height:.9em;\n  background:var(--gold);\n  margin-left:1px;\n  animation:blink .9s step-end infinite;\n  vertical-align:text-bottom;\n}\n.le-carnet-page .pwa-mood{\n  padding:.65rem 1.1rem;\n  display:flex;\n  align-items:center;\n  gap:.45rem;\n  border-top:1px solid rgba(255,255,255,.04);\n}\n.le-carnet-page .mood-lbl{\n  font-size:.58rem;\n  color:#5a5855;\n  letter-spacing:.08em;\n  margin-right:.2rem;\n}\n.le-carnet-page .mood-dot{width:7px;height:7px;border-radius:50%}\n.le-carnet-page .mood-dot.on{box-shadow:0 0 5px currentColor;transform:scale(1.3)}\n.le-carnet-page .m1{background:#7fb896;color:#7fb896}\n.le-carnet-page .m2{background:#8fa3b1;color:#8fa3b1}\n.le-carnet-page .m3{background:#d4845a;color:#d4845a}\n.le-carnet-page .m4{background:#8b7fb8;color:#8b7fb8}\n.le-carnet-page .m5{background:#6b8fa8;color:#6b8fa8}\n.le-carnet-page .pwa-ai{\n  margin:0 1.1rem 1.1rem;\n  background:rgba(184,132,31,.07);\n  border:1px solid rgba(184,132,31,.15);\n  border-radius:10px;\n  padding:.8rem .9rem;\n  opacity:0;\n  transform:translateY(8px);\n  transition:opacity .5s,transform .5s var(--sp);\n}\n.le-carnet-page .pwa-ai.show{opacity:1;transform:translateY(0)}\n.le-carnet-page .pwa-ai-hd{\n  display:flex;\n  align-items:center;\n  gap:.4rem;\n  margin-bottom:.35rem;\n}\n.le-carnet-page .pwa-ai-dot{\n  width:5px;\n  height:5px;\n  background:#c9973a;\n  border-radius:50%;\n  box-shadow:0 0 6px #c9973a;\n  animation:pulseDot 2s ease-in-out infinite;\n}\n.le-carnet-page .pwa-ai-lbl{\n  font-size:.58rem;\n  letter-spacing:.1em;\n  color:#c9973a;\n  text-transform:uppercase;\n}\n.le-carnet-page .pwa-ai-txt{\n  font-family:var(--serif);\n  font-size:.8rem;\n  font-style:italic;\n  color:rgba(200,210,200,.85);\n  line-height:1.55;\n}\n.le-carnet-page .pwa-nav-bar{\n  padding:.65rem 1.1rem .9rem;\n  display:flex;\n  justify-content:space-around;\n  border-top:1px solid rgba(255,255,255,.04);\n}\n.le-carnet-page .pwa-nav-i{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:2px;\n  font-size:.52rem;\n  color:#5a5855;\n  letter-spacing:.07em;\n}\n.le-carnet-page .pwa-nav-i.on{color:#c9973a}\n.le-carnet-page .pwa-nav-i svg{width:15px;height:15px}\n\n.le-carnet-page .dv{\n  width:100%;\n  height:1px;\n  background:linear-gradient(to right,transparent,var(--bdr),transparent);\n}\n\n.le-carnet-page .si{\n  max-width:1100px;\n  margin:0 auto;\n  padding:6rem 3rem;\n}\n.le-carnet-page .lbl{\n  font-size:.67rem;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  color:var(--gold);\n  display:block;\n  margin-bottom:1.25rem;\n}\n.le-carnet-page .h2{\n  font-family:var(--serif);\n  font-size:clamp(2rem,4vw,3.2rem);\n  font-weight:300;\n  line-height:1.15;\n  color:var(--txt);\n}\n.le-carnet-page .h2 em{\n  font-style:italic;\n  color:var(--gold);\n}\n.le-carnet-page .para{\n  font-size:.97rem;\n  color:var(--muted);\n  line-height:1.85;\n  margin-bottom:1.25rem;\n}\n\n.le-carnet-page .bp{background:var(--bg2)}\n.le-carnet-page .bp .si{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:5rem;\n  align-items:center;\n}\n.le-carnet-page .bp-pull{\n  font-family:var(--serif);\n  font-size:1.3rem;\n  font-style:italic;\n  color:var(--txt);\n  font-weight:300;\n  line-height:1.5;\n  display:block;\n  margin-bottom:1.5rem;\n}\n.le-carnet-page .bp strong{color:var(--txt);font-weight:400}\n.le-carnet-page .bp-timeline{\n  display:flex;\n  flex-direction:column;\n  gap:0;\n  position:relative;\n}\n.le-carnet-page .bp-timeline::before{\n  content:'';\n  position:absolute;\n  left:1.1rem;\n  top:1.5rem;\n  bottom:1.5rem;\n  width:1px;\n  background:linear-gradient(to bottom,var(--gold),rgba(184,132,31,.15));\n}\n.le-carnet-page .tl-item{\n  display:flex;\n  gap:1.5rem;\n  align-items:flex-start;\n  padding:1.5rem 0;\n  position:relative;\n}\n.le-carnet-page .tl-dot{\n  width:2.2rem;\n  height:2.2rem;\n  border-radius:50%;\n  border:1px solid rgba(184,132,31,.3);\n  background:var(--bg2);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-shrink:0;\n  position:relative;\n  z-index:1;\n  transition:all .4s var(--sp);\n}\n.le-carnet-page .tl-item:hover .tl-dot{\n  background:rgba(184,132,31,.1);\n  border-color:var(--gold);\n}\n.le-carnet-page .tl-dot-inner{\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:var(--gold);\n  opacity:.5;\n  transition:opacity .4s;\n}\n.le-carnet-page .tl-item:hover .tl-dot-inner{opacity:1}\n.le-carnet-page .tl-body{padding-top:.1rem}\n.le-carnet-page .tl-time{\n  font-size:.65rem;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  color:var(--gold);\n  margin-bottom:.3rem;\n  display:block;\n}\n.le-carnet-page .tl-txt{\n  font-family:var(--serif);\n  font-size:1rem;\n  font-style:italic;\n  color:var(--txt);\n  font-weight:300;\n  line-height:1.55;\n}\n.le-carnet-page .tl-sub{\n  font-size:.8rem;\n  color:var(--dim);\n  margin-top:.2rem;\n  line-height:1.5;\n}\n\n.le-carnet-page .bh .si{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:5rem;\n  align-items:start;\n}\n.le-carnet-page .bh-pull{\n  display:block;\n  font-family:var(--serif);\n  font-size:1.12rem;\n  font-style:italic;\n  color:var(--txt);\n  font-weight:300;\n  line-height:1.6;\n  padding-left:1.25rem;\n  border-left:2px solid var(--green);\n  margin:1.75rem 0;\n  position:relative;\n}\n.le-carnet-page .bh-pull::before{\n  content:'';\n  position:absolute;\n  left:-2px;\n  top:0;\n  width:2px;\n  height:0;\n  background:var(--gold);\n  transition:height .8s var(--sp);\n}\n.le-carnet-page .bh-pull.anim::before{height:100%}\n.le-carnet-page .bh-vis{\n  background:var(--card);\n  border:1px solid var(--bdr);\n  border-radius:12px;\n  overflow:hidden;\n  box-shadow:0 30px 60px rgba(0,0,0,.07);\n  position:sticky;\n  top:6rem;\n}\n.le-carnet-page .bh-vis img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n.le-carnet-page .ph{\n  position:absolute;\n  inset:0;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  gap:.75rem;\n  padding:4rem 2rem;\n  color:#5a5855;\n  font-size:.7rem;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n  pointer-events:none;\n}\n.le-carnet-page .ph svg{width:26px;height:26px;opacity:.25}\n\n.le-carnet-page .bt{background:var(--dark)}\n.le-carnet-page .bt .si{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:5rem;\n  align-items:center;\n}\n.le-carnet-page .bt .lbl{color:#c9973a}\n.le-carnet-page .bt .h2{color:rgba(232,226,217,.9)}\n.le-carnet-page .bt .h2 em{color:#c9973a}\n.le-carnet-page .bt .para{color:#8a8880}\n.le-carnet-page .bt-final{\n  font-family:var(--serif);\n  font-size:1.1rem;\n  font-style:italic;\n  color:#c9973a;\n  font-weight:300;\n}\n.le-carnet-page .bt-vis{\n  background:#1a1a17;\n  border:1px solid rgba(255,255,255,.05);\n  border-radius:12px;\n  overflow:hidden;\n  box-shadow:0 20px 50px rgba(0,0,0,.3);\n  position:relative;\n}\n.le-carnet-page .bt-vis img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n.le-carnet-page .ph-dark{\n  position:absolute;\n  inset:0;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  gap:.75rem;\n  padding:4rem 2rem;\n  color:#5a5855;\n  font-size:.7rem;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n  pointer-events:none;\n}\n.le-carnet-page .ph-dark svg{width:26px;height:26px;opacity:.2}\n\n.le-carnet-page .be .si{padding-bottom:5rem}\n.le-carnet-page .be-sub{\n  font-size:.97rem;\n  color:var(--muted);\n  max-width:520px;\n  margin:1rem 0 3rem;\n}\n.le-carnet-page .be-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:1.25rem;\n  margin-bottom:3.5rem !important;\n}\n.le-carnet-page .be-card{\n  background:var(--card);\n  border:1px solid var(--bdr);\n  border-radius:10px;\n  padding:1.75rem;\n  position:relative;\n  overflow:hidden;\n  transition:transform .35s var(--sp),box-shadow .35s;\n  isolation:isolate;\n}\n.le-carnet-page .be-card::after{\n  content:'';\n  position:absolute;\n  inset:0;\n  background:linear-gradient(135deg,rgba(184,132,31,.04),transparent 60%);\n  opacity:0;\n  transition:opacity .3s;\n  pointer-events:none;\n  z-index:0;\n}\n.le-carnet-page .be-card:hover{\n  transform:translateY(-4px);\n  box-shadow:0 20px 50px rgba(0,0,0,.08);\n}\n.le-carnet-page .be-card:hover::after{opacity:1}\n.le-carnet-page .be-card > *{position:relative;z-index:1}\n.le-carnet-page .be-icon{\n  font-size:1.5rem;\n  margin-bottom:.75rem;\n  display:block;\n}\n.le-carnet-page .be-name{\n  font-family:var(--serif);\n  font-size:1.2rem;\n  font-weight:400;\n  color:var(--txt);\n  margin-bottom:.5rem;\n}\n.le-carnet-page .badge-premium{\n  font-family:var(--sans);\n  font-size:.65rem;\n  font-weight:400;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n  color:var(--gold);\n  background:rgba(184,132,31,.08);\n  border:1px solid rgba(184,132,31,.2);\n  padding:.2rem .6rem;\n  border-radius:50px;\n  margin-left:.5rem;\n  vertical-align:middle;\n}\n.le-carnet-page .be-desc{\n  font-size:.84rem;\n  color:var(--muted);\n  line-height:1.65;\n}\n.le-carnet-page .capsule-internal-link{\n  color:var(--gold);\n  text-decoration:none;\n  border-bottom:1px solid rgba(184,132,31,.28);\n  padding-bottom:1px;\n  transition:opacity .25s;\n  display:inline-flex;\n  position:relative;\n  z-index:2;\n  pointer-events:auto;\n}\n.le-carnet-page .capsule-internal-link:hover{opacity:.75}\n.le-carnet-page .be-feats{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:0;\n  max-width:720px;\n  border:1px solid var(--bdr);\n  border-radius:8px;\n  overflow:hidden;\n}\n.le-carnet-page .be-feat{\n  display:flex;\n  align-items:flex-start;\n  gap:.75rem;\n  padding:.9rem 1.25rem;\n  font-size:.84rem;\n  color:var(--muted);\n  border-bottom:1px solid var(--bdr);\n  border-right:1px solid var(--bdr);\n  transition:background .25s;\n}\n.le-carnet-page .be-feat:hover{background:var(--bg2)}\n.le-carnet-page .be-feat:nth-child(even){border-right:none}\n.le-carnet-page .be-feat:nth-last-child(-n+2){border-bottom:none}\n.le-carnet-page .feat-d{\n  color:var(--gold);\n  flex-shrink:0;\n  font-weight:400;\n}\n\n.le-carnet-page .bs{background:var(--bg2)}\n.le-carnet-page .bs .si{padding-bottom:5rem}\n.le-carnet-page .bs-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:1.5rem;\n  margin-top:2.5rem;\n  position:relative;\n}\n.le-carnet-page .bs-line{\n  position:absolute;\n  top:1.85rem;\n  left:calc(12.5% + .5rem);\n  right:calc(12.5% + .5rem);\n  height:1px;\n  background:var(--bdr);\n  overflow:hidden;\n}\n.le-carnet-page .bs-fill{\n  height:100%;\n  width:0;\n  background:linear-gradient(to right,var(--green),var(--gold));\n  transition:width 1.2s var(--sp);\n}\n.le-carnet-page .bs-fill.anim{width:100%}\n.le-carnet-page .step{padding:0 1.5rem}\n.le-carnet-page .step-n{\n  width:3.75rem;\n  height:3.75rem;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-family:var(--serif);\n  font-size:1.3rem;\n  font-weight:300;\n  color:var(--dim);\n  border:1px solid var(--bdr);\n  background:var(--bg2);\n  margin-bottom:1.5rem;\n  position:relative;\n  z-index:1;\n  transition:all .4s var(--sp);\n}\n.le-carnet-page .step:hover .step-n{\n  border-color:var(--gold);\n  color:var(--gold);\n  background:rgba(184,132,31,.06);\n  transform:scale(1.08);\n}\n.le-carnet-page .step-t{\n  font-family:var(--serif);\n  font-size:1.2rem;\n  font-weight:400;\n  color:var(--txt);\n  margin-bottom:.6rem;\n}\n.le-carnet-page .step-d{\n  font-size:.84rem;\n  color:var(--muted);\n  line-height:1.7;\n}\n\n.le-carnet-page .bpas .si{padding-bottom:5rem}\n.le-carnet-page .pas-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:0;\n  border:1px solid var(--bdr);\n  border-radius:10px;\n  overflow:hidden;\n  margin-top:2.5rem;\n}\n.le-carnet-page .pas-i{\n  padding:1.75rem 2rem;\n  border-bottom:1px solid var(--bdr);\n  border-right:1px solid var(--bdr);\n  transition:background .3s;\n}\n.le-carnet-page .pas-i:hover{background:var(--bg2)}\n.le-carnet-page .pas-i:nth-child(even){border-right:none}\n.le-carnet-page .pas-i:nth-last-child(-n+2){border-bottom:none}\n.le-carnet-page .pas-l{\n  font-size:.67rem;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  color:var(--dim);\n  margin-bottom:.5rem;\n}\n.le-carnet-page .pas-t{\n  font-size:.88rem;\n  color:var(--muted);\n  line-height:1.65;\n}\n.le-carnet-page .pas-t strong{color:var(--txt);font-weight:400}\n.le-carnet-page .pas-q{\n  margin-top:2.5rem;\n  font-family:var(--serif);\n  font-size:1.18rem;\n  font-style:italic;\n  font-weight:300;\n  color:var(--txt);\n  max-width:580px;\n  line-height:1.65;\n  padding-left:1.5rem;\n  border-left:2px solid var(--gold);\n}\n\n.le-carnet-page .bkb{\n  background:var(--dark);\n  position:relative;\n  overflow:hidden;\n}\n.le-carnet-page #ptc{\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n}\n.le-carnet-page .bkb .si{\n  max-width:700px;\n  text-align:center;\n  position:relative;\n  z-index:2;\n}\n.le-carnet-page .kb-eye{\n  font-size:.67rem;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  color:var(--green2);\n  margin-bottom:1.75rem;\n  display:block;\n}\n.le-carnet-page .kb-h2{\n  font-family:var(--serif);\n  font-size:clamp(2rem,4vw,3rem);\n  font-weight:300;\n  line-height:1.25;\n  color:rgba(232,226,217,.9);\n  margin-bottom:2rem;\n}\n.le-carnet-page .kb-h2 em{\n  font-style:italic;\n  color:#c9973a;\n}\n.le-carnet-page .kb-p{\n  font-size:.95rem;\n  color:#8a8880;\n  line-height:1.85;\n  margin-bottom:1.25rem;\n}\n.le-carnet-page .kb-p strong{\n  color:rgba(232,226,217,.9);\n  font-weight:400;\n}\n.le-carnet-page .kb-note{\n  font-size:.8rem;\n  color:rgba(232,226,217,.45);\n  font-style:italic;\n  margin:1.75rem 0;\n}\n.le-carnet-page .kb-link{\n  color:rgba(232,226,217,.8);\n  text-decoration:none;\n  border-bottom:1px solid rgba(232,226,217,.2);\n}\n\n.le-carnet-page .bcta .si{\n  text-align:center;\n  padding:7rem 3rem;\n}\n.le-carnet-page .cta-t{\n  font-family:var(--serif);\n  font-size:clamp(2.8rem,5.5vw,5rem);\n  font-weight:300;\n  font-style:italic;\n  color:var(--txt);\n  line-height:1.1;\n  margin-bottom:1rem;\n}\n.le-carnet-page .cta-s{\n  font-size:.8rem;\n  letter-spacing:.12em;\n  color:var(--dim);\n  margin-bottom:2.5rem;\n}\n.le-carnet-page .cta-s span{margin:0 .6rem}\n\n.le-carnet-page .r{\n  opacity:0;\n  transform:translateY(26px);\n  transition:opacity .75s var(--sp),transform .75s var(--sp);\n}\n.le-carnet-page .r.on{\n  opacity:1;\n  transform:translateY(0);\n}\n.le-carnet-page .r.d1{transition-delay:.1s}\n.le-carnet-page .r.d2{transition-delay:.2s}\n.le-carnet-page .r.d3{transition-delay:.3s}\n.le-carnet-page .r.d4{transition-delay:.4s}\n\n@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\n@keyframes fadeLeft{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}\n@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}\n@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}\n@keyframes glowPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}\n\n@media(max-width:960px){\n  .le-carnet-page .hero{grid-template-columns:1fr;padding:7rem 1.5rem 4rem;min-height:auto}\n  .le-carnet-page .hero-right{display:none}\n  .le-carnet-page .si{padding:4rem 1.5rem}\n  .le-carnet-page .bp .si,\n  .le-carnet-page .bh .si,\n  .le-carnet-page .bt .si{grid-template-columns:1fr;gap:3rem}\n  .le-carnet-page .bt .si>div:last-child,\n  .le-carnet-page .bh-vis{display:none}\n  .le-carnet-page .be-grid{grid-template-columns:1fr}\n  .le-carnet-page .bs-grid{grid-template-columns:1fr 1fr}\n  .le-carnet-page .bs-line{display:none}\n  .le-carnet-page .pas-grid{grid-template-columns:1fr}\n  .le-carnet-page .pas-i:nth-child(even){border-right:none}\n}\n@media(max-width:600px){\n  .le-carnet-page .bs-grid{grid-template-columns:1fr}\n  .le-carnet-page .be-feats{grid-template-columns:1fr}\n}\n<\/style>\n\n<script>\n\/* Texte traduit par TranslatePress *\/\nconst trp = id => document.getElementById(id)?.textContent?.trim() || '';\n\n\/* Date *\/\nconst d = new Date();\nconst dtEl = document.getElementById('pwa-dt');\nif (dtEl) {\n  dtEl.textContent =\n    d.toLocaleDateString('fr-FR',{day:'2-digit',month:'short'}) + ' \u00b7 ' +\n    d.getHours() + 'h' + String(d.getMinutes()).padStart(2,'0');\n}\n\n\/* Remplissage des textes visibles *\/\nconst setText = (id, value) => {\n  const el = document.getElementById(id);\n  if (el) el.textContent = value;\n};\n\nsetText('badge-display', trp('trp-badge') || 'B\u00eata ouverte \u00b7 Acc\u00e8s gratuit');\nsetText('hero-sub-el', trp('trp-hero-sub') || 'Un espace priv\u00e9 pour \u00e9crire, clarifier et retrouver ce qui compte vraiment.');\nsetText('hero-cta-el', trp('trp-hero-cta') || 'D\u00e9poser ma premi\u00e8re pens\u00e9e');\nsetText('hero-note-el', trp('trp-hero-note') || 'Gratuit \u00b7 Priv\u00e9 \u00b7 Sans carte bancaire');\nsetText('pwa-name-el', trp('trp-pwa-name') || 'Le Carnet');\nsetText('pwa-prompt-el', trp('trp-pwa-prompt') || \"Qu'est-ce qui tourne dans ta t\u00eate ?\");\nsetText('pwa-mood-el', trp('trp-pwa-mood') || 'Comment tu te sens ?');\nsetText('pwa-ai-lbl-el', trp('trp-pwa-ai-lbl') || 'Clarification');\nsetText('pwa-nav1-el', trp('trp-pwa-nav1') || '\u00c9crire');\nsetText('pwa-nav2-el', trp('trp-pwa-nav2') || 'Carnet');\nsetText('pwa-nav3-el', trp('trp-pwa-nav3') || 'Moi');\nsetText('cta-final-el', trp('trp-cta-final') || 'D\u00e9poser ma premi\u00e8re pens\u00e9e');\n\n\/* H1 animation l\u00e9g\u00e8re, sans d\u00e9pendance SEO *\/\nconst tw = document.getElementById('tw');\nconst tw2 = document.getElementById('tw2');\nif (tw && tw2) {\n  const txt = trp('trp-hero-typed') || tw.textContent || 'Une pens\u00e9e \u00e9crite ';\n  const txt2 = trp('trp-hero-italic') || tw2.textContent || 'ne tourne plus.';\n  tw2.textContent = txt2;\n\n  let i = 0;\n  tw.textContent = '';\n  function typeHero() {\n    if (i <= txt.length) {\n      tw.innerHTML = txt.slice(0, i) + (i < txt.length\n        ? '<span class=\"pwa-cursor\" style=\"display:inline-block;vertical-align:baseline;height:1em;margin-left:2px;\"><\/span>'\n        : '');\n      i++;\n      setTimeout(typeHero, i === 1 ? 700 : 52);\n    } else {\n      tw.textContent = txt;\n      tw2.style.opacity = '1';\n    }\n  }\n  setTimeout(typeHero, 900);\n}\n\n\/* PWA typewriter *\/\nconst entry = trp('trp-pwa-entry') || \"J'ai l'impression de repousser cette d\u00e9cision depuis des mois\u2026\";\nconst aiResp = trp('trp-pwa-ai') || \"Tu sembles chercher une d\u00e9cision parfaite avant d'accepter d'avancer.\";\nconst ptxt = document.getElementById('pwa-txt');\nconst pai = document.getElementById('pwa-ai');\nconst paitxt = document.getElementById('pwa-ai-txt');\n\nif (ptxt && pai && paitxt) {\n  let j = 0;\n  function typePwa() {\n    if (j <= entry.length) {\n      ptxt.innerHTML = entry.slice(0, j) + '<span class=\"pwa-cursor\"><\/span>';\n      j++;\n      setTimeout(typePwa, j === 1 ? 2000 : 44);\n    } else {\n      ptxt.textContent = entry;\n      setTimeout(() => {\n        pai.classList.add('show');\n        let k = 0;\n        function typeAi() {\n          if (k <= aiResp.length) {\n            paitxt.textContent = aiResp.slice(0, k);\n            k++;\n            setTimeout(typeAi, 28);\n          }\n        }\n        typeAi();\n      }, 700);\n    }\n  }\n  setTimeout(typePwa, 1600);\n}\n\n\/* Scroll reveal *\/\nconst els = document.querySelectorAll('.le-carnet-page .r');\nif ('IntersectionObserver' in window && els.length) {\n  const obs = new IntersectionObserver(entries => {\n    entries.forEach(e => {\n      if (e.isIntersecting) {\n        e.target.classList.add('on');\n        obs.unobserve(e.target);\n      }\n    });\n  }, {threshold:.08, rootMargin:'0px 0px -30px 0px'});\n  els.forEach(el => obs.observe(el));\n}\n\n\/* Steps line *\/\nconst fill = document.getElementById('bs-fill');\nif (fill && 'IntersectionObserver' in window) {\n  const sObs = new IntersectionObserver(entries => {\n    entries.forEach(e => {\n      if (e.isIntersecting) {\n        fill.classList.add('anim');\n        sObs.disconnect();\n      }\n    });\n  }, {threshold:.3});\n  sObs.observe(fill.parentElement);\n}\n\n\/* Sous-ligne histoire *\/\nconst bhp = document.getElementById('bh-pull');\nif (bhp && 'IntersectionObserver' in window) {\n  const bObs = new IntersectionObserver(entries => {\n    entries.forEach(e => {\n      if (e.isIntersecting) {\n        e.target.classList.add('anim');\n        bObs.disconnect();\n      }\n    });\n  }, {threshold:.5});\n  bObs.observe(bhp);\n}\n\n\/* Parallaxe l\u00e9g\u00e8re du mockup *\/\nconst frame = document.querySelector('.le-carnet-page .pwa-frame');\nif (frame) {\n  document.addEventListener('mousemove', e => {\n    const cx = window.innerWidth \/ 2, cy = window.innerHeight \/ 2;\n    frame.style.transform = `rotateX(${((e.clientY-cy)\/cy)*4}deg) rotateY(${-((e.clientX-cx)\/cx)*6}deg)`;\n  });\n  document.addEventListener('mouseleave', () => {\n    frame.style.transform = 'rotateX(0) rotateY(0)';\n  });\n  frame.style.transition = 'transform .15s ease';\n  frame.parentElement.style.perspective = '1000px';\n}\n\n\/* Particules du bloc KB *\/\nconst canvas = document.getElementById('ptc');\nif (canvas) {\n  const ctx = canvas.getContext('2d');\n  let W = 0, H = 0, pts = [];\n\n  function resize() {\n    W = canvas.width = canvas.offsetWidth;\n    H = canvas.height = canvas.offsetHeight;\n    pts = [];\n    for (let n = 0; n < 24; n++) {\n      pts.push({\n        x: Math.random() * (W || 1200),\n        y: Math.random() * (H || 500),\n        r: Math.random() * 1.4 + .3,\n        dx: (Math.random() - .5) * .25,\n        dy: (Math.random() - .5) * .25,\n        o: Math.random() * .35 + .08\n      });\n    }\n  }\n\n  resize();\n  window.addEventListener('resize', resize);\n\n  function draw() {\n    ctx.clearRect(0,0,W,H);\n    pts.forEach(p => {\n      p.x += p.dx;\n      p.y += p.dy;\n      if (p.x < 0) p.x = W;\n      if (p.x > W) p.x = 0;\n      if (p.y < 0) p.y = H;\n      if (p.y > H) p.y = 0;\n      ctx.beginPath();\n      ctx.arc(p.x,p.y,p.r,0,Math.PI*2);\n      ctx.fillStyle = `rgba(201,151,58,${p.o})`;\n      ctx.fill();\n    });\n    requestAnimationFrame(draw);\n  }\n  draw();\n}\n<\/script>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"WebPage\",\n    \"name\": \"Le Carnet\",\n    \"url\": \"https:\\\/\\\/kharonbridge.com\\\/le-carnet\\\/\",\n    \"description\": \"Le Carnet est un espace priv\\u00e9 pour \\u00e9crire, clarifier et conserver vos pens\\u00e9es. Relecture diff\\u00e9r\\u00e9e, capsules temporelles et traces personnelles.\",\n    \"isPartOf\": {\n        \"@type\": \"WebSite\",\n        \"name\": \"KharonBridge\",\n        \"url\": \"https:\\\/\\\/kharonbridge.com\\\/\"\n    }\n}<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Une pens\u00e9e \u00e9crite ne tourne plus. Le Carnet est un espace priv\u00e9 o\u00f9 tu conserves les id\u00e9es, les d\u00e9cisions, les r\u00e9flexions et les moments qui m\u00e9ritent d&rsquo;\u00eatre retrouv\u00e9s plus tard. D\u00e9poser ma premi\u00e8re pens\u00e9e Gratuit \u00b7 Priv\u00e9 \u00b7 Sans carte bancaire B\u00eata ouverte \u00b7 Acc\u00e8s gratuit Le Carnet Qu&rsquo;est-ce qui tourne dans ta t\u00eate ? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2372,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2427","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/pages\/2427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/comments?post=2427"}],"version-history":[{"count":13,"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/pages\/2427\/revisions"}],"predecessor-version":[{"id":2532,"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/pages\/2427\/revisions\/2532"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/media\/2372"}],"wp:attachment":[{"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/media?parent=2427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}