{"id":1681,"date":"2025-12-17T17:52:48","date_gmt":"2025-12-17T17:52:48","guid":{"rendered":"https:\/\/kharonbridge.com\/?page_id=1681"},"modified":"2026-03-16T18:24:48","modified_gmt":"2026-03-16T18:24:48","slug":"services-kharonbridge","status":"publish","type":"page","link":"https:\/\/kharonbridge.com\/en\/services-kharonbridge\/","title":{"rendered":"Services"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1681\" class=\"elementor elementor-1681\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8834b69 e-con-full e-flex e-con e-parent\" data-id=\"8834b69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe68b5a elementor-widget elementor-widget-html\" data-id=\"fe68b5a\" 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<style>\n\/* ===== HERO SERVICES \u2013 KHARONBRIDGE ===== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;1,400&family=Inter:wght@400;500;600&display=swap');\n\n.kb-services-hero {\n  position: relative;\n  min-height: 62vh;\n  padding: 120px 0 110px;\n  background: radial-gradient(circle at 20% 0, #34495e 0%, #2c3e50 55%, #1b2732 100%);\n  overflow: hidden;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n}\n\n\/* vignettage *\/\n.kb-services-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: -40px;\n  background:\n    radial-gradient(circle at 20% 0, rgba(255,255,255,0.07), transparent 55%),\n    radial-gradient(circle at 80% 100%, rgba(0,0,0,0.40), transparent 70%);\n  mix-blend-mode: soft-light;\n  pointer-events: none;\n}\n\n\/* halo dor\u00e9 gauche *\/\n.kb-services-hero-halo-gold {\n  position: absolute;\n  left: 6%;\n  top: 14%;\n  width: 340px;\n  height: 340px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(212,175,55,0.28), transparent 70%);\n  filter: blur(14px);\n  opacity: 0.85;\n  pointer-events: none;\n  animation: kbServicesHalo 16s ease-in-out infinite alternate;\n}\n\n\/* halo droit *\/\n.kb-services-hero-halo-right {\n  position: absolute;\n  right: 6%;\n  bottom: 10%;\n  width: 280px;\n  height: 280px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(255,255,255,0.06), transparent 70%);\n  filter: blur(14px);\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n\/* particules *\/\n.kb-services-hero-particles {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n.kb-services-particle {\n  position: absolute;\n  border-radius: 50%;\n  background: rgba(212,175,55,0.55);\n  animation: kbServicesParticleFloat linear infinite;\n}\n\n.kb-services-particle:nth-child(1) { width:3px; height:3px; left:8%;  bottom:-10px; animation-duration:20s; animation-delay:0s; }\n.kb-services-particle:nth-child(2) { width:2px; height:2px; left:28%; bottom:-10px; animation-duration:26s; animation-delay:4s; }\n.kb-services-particle:nth-child(3) { width:3px; height:3px; left:52%; bottom:-10px; animation-duration:18s; animation-delay:8s; }\n.kb-services-particle:nth-child(4) { width:2px; height:2px; left:74%; bottom:-10px; animation-duration:22s; animation-delay:2s; }\n.kb-services-particle:nth-child(5) { width:3px; height:3px; left:90%; bottom:-10px; animation-duration:24s; animation-delay:6s; }\n\n@keyframes kbServicesParticleFloat {\n  0%   { transform: translateY(0); opacity: 0; }\n  10%  { opacity: 1; }\n  90%  { opacity: 0.5; }\n  100% { transform: translateY(-100vh); opacity: 0; }\n}\n\n\/* conteneur *\/\n.kb-services-hero-inner {\n  position: relative;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 40px;\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 72px;\n  align-items: center;\n  width: 100%;\n  z-index: 1;\n}\n\n\/* \u2500\u2500 COLONNE GAUCHE \u2500\u2500 *\/\n.kb-services-hero-left {\n  opacity: 0;\n  animation: kbServicesFadeIn 900ms ease-out forwards 100ms;\n}\n\n.kb-services-hero-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.22em;\n  color: #d4af37;\n  margin-bottom: 18px;\n}\n\n.kb-services-hero-eyebrow-line {\n  width: 28px;\n  height: 1px;\n  background: rgba(212,175,55,0.55);\n}\n\n\/* titre Cormorant *\/\n.kb-services-hero-title {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 52px;\n  line-height: 1.15;\n  font-weight: 600;\n  margin: 0 0 8px;\n  color: #ffffff;\n}\n\n.kb-services-hero-title-italic {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 52px;\n  line-height: 1.15;\n  font-weight: 400;\n  font-style: italic;\n  color: #d4af37;\n  display: block;\n  margin: 0 0 24px;\n  opacity: 0;\n  animation: kbServicesFadeIn 900ms ease-out forwards 300ms;\n}\n\n.kb-services-hero-divider {\n  width: 44px;\n  height: 1px;\n  background: rgba(212,175,55,0.45);\n  margin: 0 0 22px;\n  opacity: 0;\n  animation: kbServicesFadeIn 700ms ease-out forwards 450ms;\n}\n\n.kb-services-hero-text {\n  font-size: 17px;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.80);\n  max-width: 52ch;\n  margin: 0 0 14px;\n  opacity: 0;\n  animation: kbServicesFadeIn 700ms ease-out forwards 550ms;\n}\n\n.kb-services-hero-note {\n  font-size: 14px;\n  line-height: 1.65;\n  color: rgba(255,255,255,0.45);\n  max-width: 52ch;\n  margin: 0 0 34px;\n  opacity: 0;\n  animation: kbServicesFadeIn 700ms ease-out forwards 650ms;\n}\n\n\/* actions \u2014 hi\u00e9rarchie primaire \/ secondaire *\/\n.kb-services-hero-actions {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  align-items: center;\n  opacity: 0;\n  animation: kbServicesFadeIn 700ms ease-out forwards 750ms;\n}\n\n\/* CTA primaire \u2014 plein dor\u00e9 *\/\n.kb-services-btn-primary {\n  display: inline-flex;\n  align-items: center;\n  padding: 13px 26px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n  font-family: 'Inter', sans-serif;\n  text-decoration: none;\n  background: #d4af37;\n  color: #ffffff;\n  box-shadow: 0 12px 30px rgba(212,175,55,0.40);\n  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.kb-services-btn-primary:hover {\n  background: #b8960c;\n  color: #ffffff;\n  transform: translateY(-2px);\n  box-shadow: 0 16px 38px rgba(212,175,55,0.55);\n}\n\n\/* CTA secondaire \u2014 fant\u00f4me *\/\n.kb-services-btn-secondary {\n  display: inline-flex;\n  align-items: center;\n  padding: 13px 26px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n  font-family: 'Inter', sans-serif;\n  text-decoration: none;\n  background: rgba(255,255,255,0.08);\n  color: rgba(255,255,255,0.80) !important;\n  border: 1px solid rgba(255,255,255,0.18);\n  backdrop-filter: blur(10px);\n  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;\n}\n\n.kb-services-btn-secondary:hover {\n  background: rgba(212,175,55,0.12);\n  border-color: rgba(212,175,55,0.40);\n  color: #d4af37 !important;\n}\n\n\/* \u2500\u2500 COLONNE DROITE \u2014 IMAGE \u2500\u2500 *\/\n.kb-services-hero-visual {\n  position: relative;\n  width: 100%;\n  max-width: 420px;\n  margin-left: auto;\n  opacity: 0;\n  animation: kbServicesFadeIn 900ms ease-out forwards 400ms,\n             kbServicesFloat 18s ease-in-out 1000ms infinite alternate;\n}\n\n.kb-services-hero-visual img {\n  width: 100%;\n  height: auto;\n  border-radius: 28px;\n  object-fit: cover;\n  box-shadow:\n    0 30px 80px rgba(0,0,0,0.50),\n    0 0 0 1px rgba(255,255,255,0.20);\n  display: block;\n}\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes kbServicesFadeIn {\n  from { opacity: 0; transform: translateY(12px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes kbServicesFloat {\n  from { transform: translateY(0px) scale(1); }\n  to   { transform: translateY(-8px) scale(1.02); }\n}\n\n@keyframes kbServicesHalo {\n  from { transform: translate(0,0) scale(1); opacity: 0.82; }\n  to   { transform: translate(6px,-8px) scale(1.06); opacity: 1; }\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 980px) {\n  .kb-services-hero-inner {\n    grid-template-columns: 1fr;\n    gap: 48px;\n    padding: 0 24px;\n    text-align: center;\n  }\n  .kb-services-hero-visual { margin: 0 auto; max-width: 320px; }\n  .kb-services-hero-actions { justify-content: center; }\n  .kb-services-hero-title,\n  .kb-services-hero-title-italic { font-size: 38px; }\n  .kb-services-hero-eyebrow { justify-content: center; }\n}\n\n@media (max-width: 560px) {\n  .kb-services-hero { padding: 90px 0 80px; min-height: auto; }\n  .kb-services-hero-title,\n  .kb-services-hero-title-italic { font-size: 30px; }\n  .kb-services-hero-actions { flex-direction: column; align-items: center; }\n}\n<\/style>\n\n<section class=\"kb-services-hero\" aria-label=\"KharonBridge services\">\n\n  <div class=\"kb-services-hero-particles\">\n    <span class=\"kb-services-particle\"><\/span>\n    <span class=\"kb-services-particle\"><\/span>\n    <span class=\"kb-services-particle\"><\/span>\n    <span class=\"kb-services-particle\"><\/span>\n    <span class=\"kb-services-particle\"><\/span>\n  <\/div>\n\n  <div class=\"kb-services-hero-halo-gold\"><\/div>\n  <div class=\"kb-services-hero-halo-right\"><\/div>\n\n  <div class=\"kb-services-hero-inner\">\n\n    <!-- \u2500\u2500 COLONNE TEXTE \u2500\u2500 -->\n    <div class=\"kb-services-hero-left\">\n\n      <div class=\"kb-services-hero-eyebrow\">\n        <span class=\"kb-services-hero-eyebrow-line\"><\/span>\n        KharonBridge - Services\n      <\/div>\n\n      <h1 class=\"kb-services-hero-title\">Write, store<\/h1>\n      <span class=\"kb-services-hero-title-italic\">and pass it on.<\/span>\n\n      <div class=\"kb-services-hero-divider\"><\/div>\n\n      <p class=\"kb-services-hero-text\">\n        Digital services designed to support memory, writing and transmission\n        and transmission over time - in a private space,\n        respectful and secure space.\n      <\/p>\n\n      <p class=\"kb-services-hero-note\">\n        All services are available on a strictly personal basis,\n        without public exposure or automation.\n      <\/p>\n\n      <div class=\"kb-services-hero-actions\">\n        <a href=\"https:\/\/kharonbridge.com\/en\/subscription\/\" class=\"kb-services-btn-primary\">\n          Discover subscription\n        <\/a>\n        <a href=\"https:\/\/kharonbridge.com\/en\/buy-candles\/\" class=\"kb-services-btn-secondary\">\n          See candle packs\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- \u2500\u2500 COLONNE IMAGE \u2500\u2500 -->\n    <div class=\"kb-services-hero-visual\">\n      <img decoding=\"async\"\n        src=\"https:\/\/kharonbridge.com\/wp-content\/uploads\/2025\/03\/6019F131-8F0C-4366-9DBF-B0189C4F665D.png\"\n        alt=\"Digital memory and transmission services - KharonBridge\"\n        loading=\"eager\"\n      >\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a6f4f3 e-con-full e-flex e-con e-parent\" data-id=\"3a6f4f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfe9b4e elementor-widget elementor-widget-html\" data-id=\"bfe9b4e\" 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<style>\n\/* ===== SERVICE 1 \u2014 \u00c9CRIRE \u00c0 UN DISPARU ===== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;1,400&family=Inter:wght@400;500;600&display=swap');\n\n.kb-services-block {\n  position: relative;\n  padding: 110px 0 120px;\n  background: radial-gradient(circle at 0% 0%, #ffffff 0%, #f5f5f7 45%, #eaecf1 100%);\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n  color: #111827;\n  overflow: hidden;\n}\n\n.kb-services-block::before {\n  content: \"\";\n  position: absolute;\n  right: -80px;\n  top: -60px;\n  width: 320px;\n  height: 320px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(212,175,55,0.07), transparent 70%);\n  filter: blur(28px);\n  pointer-events: none;\n}\n\n.kb-services-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 40px;\n  box-sizing: border-box;\n}\n\n\/* \u2500\u2500 CARTE PRINCIPALE \u2500\u2500 *\/\n.kb-services-card {\n  position: relative;\n  border-radius: 28px;\n  padding: 40px 38px 38px;\n  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(246,248,252,0.98));\n  box-shadow:\n    0 24px 62px rgba(15,23,42,0.12),\n    0 0 0 1px rgba(255,255,255,0.95);\n  backdrop-filter: blur(18px);\n  overflow: hidden;\n  opacity: 0;\n  animation: kbSvcFadeUp 800ms ease forwards 100ms;\n}\n\n\/* barre dor\u00e9e haut de carte *\/\n.kb-services-card::before {\n  content: \"\";\n  position: absolute;\n  left: 28px;\n  right: 28px;\n  top: 0;\n  height: 2px;\n  border-radius: 0 0 999px 999px;\n  background: linear-gradient(90deg, #d4af37, rgba(212,175,55,0.20));\n  opacity: 0.70;\n}\n\n\/* kicker *\/\n.kb-services-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 6px 12px;\n  border-radius: 999px;\n  background: rgba(212,175,55,0.10);\n  border: 1px solid rgba(212,175,55,0.25);\n  color: #7c6929;\n  font-weight: 600;\n  margin: 10px 0 18px;\n}\n\n.kb-services-kicker-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 999px;\n  background: #d4af37;\n}\n\n\/* titre Cormorant *\/\n.kb-services-title {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 38px;\n  font-weight: 600;\n  line-height: 1.2;\n  margin: 0 0 8px;\n  color: #111827;\n}\n\n.kb-services-title-italic {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 38px;\n  font-weight: 400;\n  font-style: italic;\n  color: #d4af37;\n  display: block;\n  margin: 0 0 20px;\n}\n\n.kb-services-lead {\n  font-size: 16px;\n  line-height: 1.8;\n  color: #4b5563;\n  margin: 0 0 28px;\n  max-width: 76ch;\n}\n\n\/* \u2500\u2500 GRILLE CONTENU \u2500\u2500 *\/\n.kb-services-grid {\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 24px;\n  align-items: start;\n}\n\n\/* \u2500\u2500 LISTE B\u00c9N\u00c9FICES \u2500\u2500 *\/\n.kb-services-list {\n  list-style: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.kb-services-list li {\n  list-style: none !important;\n  margin: 0 !important;\n  padding: 14px 16px !important;\n  border-radius: 16px;\n  background: rgba(255,255,255,0.92);\n  border: 1px solid rgba(226,232,240,0.80);\n  box-shadow: 0 4px 16px rgba(15,23,42,0.06);\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.kb-services-list li:hover {\n  border-color: rgba(212,175,55,0.25);\n  box-shadow: 0 6px 20px rgba(212,175,55,0.08);\n}\n\n\/* ic\u00f4ne check *\/\n.kb-services-ico {\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 1px;\n  background: rgba(212,175,55,0.12);\n}\n\n.kb-services-li-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: #111827;\n  line-height: 1.35;\n  display: block;\n  margin-bottom: 3px;\n}\n\n.kb-services-li-note {\n  display: block;\n  font-size: 13px;\n  line-height: 1.55;\n  color: #6b7280;\n}\n\n\n\n\/* \u2500\u2500 ENCART BON \u00c0 SAVOIR \u2500\u2500 *\/\n.kb-services-aside {\n  border-radius: 20px;\n  padding: 22px 22px 20px;\n  background: linear-gradient(135deg, #1b2732, #2c3e50);\n  box-shadow: 0 16px 40px rgba(15,23,42,0.16);\n  color: #ffffff;\n  position: relative;\n  overflow: hidden;\n}\n\n.kb-services-aside::before {\n  content: \"\";\n  position: absolute;\n  bottom: -30px;\n  right: -30px;\n  width: 160px;\n  height: 160px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(212,175,55,0.16), transparent 70%);\n  pointer-events: none;\n}\n\n.kb-services-aside h3 {\n  font-size: 14px;\n  font-weight: 600;\n  color: #d4af37;\n  margin: 0 0 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.kb-services-aside p {\n  font-size: 13.5px;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.75);\n  margin: 0 0 12px;\n}\n\n.kb-services-aside p:last-of-type {\n  margin-bottom: 0;\n}\n\n.kb-inline-link {\n  color: #d4af37 !important;\n  text-decoration: underline !important;\n  text-underline-offset: 3px;\n  text-decoration-color: rgba(212,175,55,0.40) !important;\n  font-weight: 600;\n  transition: color 0.18s ease;\n}\n\n.kb-inline-link:hover {\n  color: #f0c040 !important;\n}\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes kbSvcFadeUp {\n  from { opacity: 0; transform: translateY(14px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 980px) {\n  .kb-services-inner { padding: 0 24px; }\n  .kb-services-grid { grid-template-columns: 1fr; }\n  .kb-services-title,\n  .kb-services-title-italic { font-size: 30px; }\n}\n\n@media (max-width: 560px) {\n  .kb-services-block { padding: 80px 0 90px; }\n  .kb-services-card { padding: 28px 22px 26px; }\n}\n<\/style>\n\n<section class=\"kb-services-block\" id=\"service-ecrire-disparu\">\n  <div class=\"kb-services-inner\">\n    <article class=\"kb-services-card\">\n\n      <div class=\"kb-services-kicker\">\n        <span class=\"kb-services-kicker-dot\"><\/span>\n        Service 1 - Writing to a missing person\n      <\/div>\n\n      <h2 class=\"kb-services-title\">Writing to a missing person -<\/h2>\n      <span class=\"kb-services-title-italic\">a space for your words.<\/span>\n\n      <p class=\"kb-services-lead\">\n        This service is designed for those who wish to continue writing\n        to a departed loved one - without a social network, without a show. An intimate,\n        stable and private place to deposit what you've been carrying for a long time.\n      <\/p>\n\n      <div class=\"kb-services-grid\">\n\n        <!-- Colonne gauche : b\u00e9n\u00e9fices -->\n        <ul class=\"kb-services-list\">\n\n          <li>\n            <div class=\"kb-services-ico\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title\">\n                Free writing\n              <\/span>\n              <span class=\"kb-services-li-note\">A personal space for your words, with no public publication or exhibition.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <div class=\"kb-services-ico\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title\">\n                Keep and reread\n              <\/span>\n              <span class=\"kb-services-li-note\">Your letters remain accessible in your space as long as your account is active.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <div class=\"kb-services-ico\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title\">Crossing the bridge<\/span>\n              <span class=\"kb-services-li-note\">A symbolic gesture: let your letter cross the bridge, like a passage between you and those who are no longer there.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <div class=\"kb-services-ico\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title\">Lighting a candle of remembrance<\/span>\n              <span class=\"kb-services-li-note\">A gentle gesture to mark a thought, a date or a memory - a symbolic flame for those who still matter.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <div class=\"kb-services-ico\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title\">\n                Accompanying the Bridge Keeper\n              <\/span>\n              <span class=\"kb-services-li-note\">A gentle presence that observes silences and important dates. Coming soon.<\/span>\n            <\/span>\n          <\/li>\n\n        <\/ul>\n\n        <!-- Colonne droite : encart -->\n        <aside class=\"kb-services-aside\" aria-label=\"Further information\">\n          <h3>Good to know<\/h3>\n          <p>\n            For details of access and limits, see the\n            <a class=\"kb-inline-link\" href=\"https:\/\/kharonbridge.com\/en\/subscription\/\">Subscription<\/a>.\n            For symbolic gestures, see\n            <a class=\"kb-inline-link\" href=\"https:\/\/kharonbridge.com\/en\/buy-candles\/\">Candle Packs<\/a>.\n          <\/p>\n        <\/aside>\n\n      <\/div>\n    <\/article>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65d980f e-con-full e-flex e-con e-parent\" data-id=\"65d980f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84e620d elementor-widget elementor-widget-html\" data-id=\"84e620d\" 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<style>\n\/* ============================\n   SERVICES \u2013 SECTION 1 : MEMORY BOARD\n   Apple glass + SEO + liens internes\n   ============================ *\/\n\n.kb-services-block {\n  padding: 92px 0 102px;\n  background: radial-gradient(circle at 0% 0%, #ffffff 0%, #f5f5f7 45%, #eaecf1 100%);\n  font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", system-ui, sans-serif;\n  color: #111827;\n}\n\n.kb-services-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 36px;\n  box-sizing: border-box;\n}\n\n\/* Carte principale *\/\n.kb-services-card {\n  position: relative;\n  border-radius: 28px;\n  padding: 34px 34px 32px;\n  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(246,248,252,0.98));\n  box-shadow: 0 24px 62px rgba(15,23,42,0.14), 0 0 0 1px rgba(255,255,255,0.95);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  overflow: hidden;\n}\n\n\/* Fine barre dor\u00e9e *\/\n.kb-services-card::before {\n  content: \"\";\n  position: absolute;\n  left: 26px;\n  right: 26px;\n  top: 18px;\n  height: 2px;\n  border-radius: 999px;\n  background: linear-gradient(90deg, #d4af37, #f5d487);\n  opacity: 0.55;\n}\n\n\/* Header *\/\n.kb-services-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 7px 12px;\n  border-radius: 999px;\n  background: rgba(212,175,55,0.12);\n  color: #8a6b12;\n  font-weight: 700;\n  margin: 14px 0 14px;\n}\n\n.kb-services-title {\n  font-size: 28px;\n  font-weight: 650;\n  margin: 0 0 10px;\n  letter-spacing: 0.01em;\n}\n\n.kb-services-lead {\n  font-size: 17px;\n  line-height: 1.75;\n  color: #374151;\n  margin: 0 0 18px;\n  max-width: 860px;\n}\n\n\/* Grille contenu *\/\n.kb-services-grid {\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 22px;\n  align-items: start;\n  margin-top: 18px;\n}\n\n\/* Liste avantages *\/\n.kb-services-list {\n  list-style: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.kb-services-list li {\n  list-style: none !important;\n  margin: 0 0 10px !important;\n  padding: 12px 12px !important;\n  border-radius: 16px;\n  background: rgba(249,250,251,0.92);\n  box-shadow: 0 10px 26px rgba(15,23,42,0.08), 0 0 0 1px rgba(255,255,255,0.85);\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n}\n\n.kb-services-ico {\n  width: 28px;\n  height: 28px;\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 28px;\n  font-size: 14px;\n  font-weight: 800;\n  margin-top: 1px;\n  background: rgba(212,175,55,0.18);\n  color: #7a5a00;\n  box-shadow: 0 10px 22px rgba(15,23,42,0.10), 0 0 0 1px rgba(255,255,255,0.70);\n}\n\n.kb-services-li-title {\n  font-size: 15px;\n  font-weight: 650;\n  color: #111827;\n  line-height: 1.35;\n}\n\n.kb-services-li-note {\n  display: block;\n  margin-top: 2px;\n  font-size: 13px;\n  line-height: 1.5;\n  color: #6b7280;\n}\n\n\/* Encadr\u00e9 \"Bon \u00e0 savoir\" *\/\n.kb-services-aside {\n  border-radius: 22px;\n  padding: 18px 18px 16px;\n  background: rgba(15,23,42,0.04);\n  border: 1px solid rgba(15,23,42,0.08);\n}\n\n.kb-services-aside h3 {\n  margin: 0 0 8px;\n  font-size: 15px;\n  font-weight: 650;\n  color: #111827;\n}\n\n.kb-services-aside p {\n  margin: 0 0 12px;\n  font-size: 14px;\n  line-height: 1.65;\n  color: #374151;\n}\n\n.kb-services-actions {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n  margin-top: 10px;\n}\n\n.kb-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 650;\n  text-decoration: none;\n  transition: transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.kb-btn--primary {\n  background: linear-gradient(135deg, #f5d487, #d4af37);\n  color: #111827;\n  box-shadow: 0 16px 40px rgba(0,0,0,0.16), 0 0 0 1px rgba(255,255,255,0.55);\n}\n\n.kb-btn--ghost {\n  background: transparent;\n  color: #374151;\n  border: 1px solid rgba(107,114,128,0.35);\n}\n\n.kb-btn:hover { transform: translateY(-1px); }\n\n\/* Liens texte *\/\n.kb-services-card a.kb-inline-link {\n  color: #1f2937;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  font-weight: 600;\n}\n\n\/* Responsive *\/\n@media (max-width: 980px) {\n  .kb-services-inner { padding: 0 20px; }\n  .kb-services-grid { grid-template-columns: 1fr; }\n  .kb-services-title { font-size: 24px; }\n  .kb-services-lead { font-size: 16px; }\n}\n<\/style>\n\n<section class=\"kb-services-block\" id=\"service-memoryboard\">\n  <div class=\"kb-services-inner\">\n\n    <article class=\"kb-services-card\">\n      <div class=\"kb-services-kicker\">SERVICE 1 - MEMORY BOARD<\/div>\n\n      <h2 class=\"kb-services-title\">The Memory Board: your private memory space<\/h2>\n\n      <p class=\"kb-services-lead\">\n        The Memory Board is a personal space designed to collect what matters: memories, letters,\n        and selected elements. The aim is simple: to enable you to build a stable, clear and soothing place,\n        without public exposure or over-stimulation.\n      <\/p>\n\n      <div class=\"kb-services-grid\">\n\n        <!-- Colonne gauche : b\u00e9n\u00e9fices (SEO + lisibilit\u00e9) -->\n        <ul class=\"kb-services-list\">\n          <li>\n            <span class=\"kb-services-ico\">\u2713<\/span>\n            <span>\n              <span class=\"kb-services-li-title\">Centralize your memories<\/span>\n              <span class=\"kb-services-li-note\">Group your content in a single space, with a simple logic.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <span class=\"kb-services-ico\">\u2713<\/span>\n            <span>\n              <span class=\"kb-services-li-title\">Organizing without complexity<\/span>\n              <span class=\"kb-services-li-note\">A clear framework: less dispersion, more continuity.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <span class=\"kb-services-ico\">\u2713<\/span>\n            <span>\n              <span class=\"kb-services-li-title\">Stay in control of your privacy<\/span>\n              <span class=\"kb-services-li-note\">Private space: you retain control over what is stored and shared.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <span class=\"kb-services-ico\">\u2713<\/span>\n            <span>\n              <span class=\"kb-services-li-title\">Evolving over time<\/span>\n              <span class=\"kb-services-li-note\">The Memory Board is designed to be used over time, without automatism.<\/span>\n            <\/span>\n          <\/li>\n        <\/ul>\n\n        <!-- Colonne droite : encadr\u00e9 + liens internes -->\n        <aside class=\"kb-services-aside\" aria-label=\"Further information\">\n          <h3>Good to know<\/h3>\n          <p>\n            In the free version, access involves a choice: Memory Board or \u201cLeave a trace\u201d.\n            With Premium, you have access to both functions.\n          <\/p>\n\n          <p>\n            For details of access and limits, see the\n            <a class=\"kb-inline-link\" href=\"https:\/\/kharonbridge.com\/en\/subscription\/\">Subscription<\/a>.\n            For symbolic gestures, see\n            <a class=\"kb-inline-link\" href=\"https:\/\/kharonbridge.com\/en\/buy-candles\/\">Candle Packs<\/a>.\n          <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5ec488 e-con-full e-flex e-con e-parent\" data-id=\"f5ec488\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2755ac elementor-widget elementor-widget-html\" data-id=\"b2755ac\" 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<style>\n\/* ============================\n   SERVICES \u2013 SECTION 2 : \u00c9CRIRE & LAISSER UNE TRACE\n   Apple glass \u2022 p\u00e9dagogique \u2022 \u00e9thique \u2022 SEO\n   ============================ *\/\n\n.kb-services-block {\n  padding: 92px 0 102px;\n  background: radial-gradient(circle at 0% 0%, #ffffff 0%, #f5f5f7 45%, #eaecf1 100%);\n  font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", system-ui, sans-serif;\n  color: #111827;\n}\n\n.kb-services-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 36px;\n  box-sizing: border-box;\n}\n\n\/* Carte principale *\/\n.kb-services-card {\n  position: relative;\n  border-radius: 28px;\n  padding: 34px 34px 32px;\n  background: linear-gradient(\n    135deg,\n    rgba(255,255,255,0.96),\n    rgba(246,248,252,0.98)\n  );\n  box-shadow:\n    0 24px 62px rgba(15,23,42,0.14),\n    0 0 0 1px rgba(255,255,255,0.95);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  overflow: hidden;\n}\n\n\/* Barre dor\u00e9e *\/\n.kb-services-card::before {\n  content: \"\";\n  position: absolute;\n  left: 26px;\n  right: 26px;\n  top: 18px;\n  height: 2px;\n  border-radius: 999px;\n  background: linear-gradient(90deg, #d4af37, #f5d487);\n  opacity: 0.55;\n}\n\n\/* Kicker *\/\n.kb-services-kicker {\n  display: inline-flex;\n  align-items: center;\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 7px 12px;\n  border-radius: 999px;\n  background: rgba(212,175,55,0.12);\n  color: #8a6b12;\n  font-weight: 700;\n  margin: 14px 0 14px;\n}\n\n\/* Titres *\/\n.kb-services-title {\n  font-size: 28px;\n  font-weight: 650;\n  margin: 0 0 10px;\n  letter-spacing: 0.01em;\n}\n\n.kb-services-lead {\n  font-size: 17px;\n  line-height: 1.75;\n  color: #374151;\n  margin: 0 0 14px;\n  max-width: 900px;\n}\n\n\/* Grille *\/\n.kb-services-grid {\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 22px;\n  align-items: start;\n  margin-top: 18px;\n}\n\n\/* Liste b\u00e9n\u00e9fices *\/\n.kb-services-list {\n  list-style: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.kb-services-list li {\n  margin: 0 0 10px !important;\n  padding: 12px 12px !important;\n  border-radius: 16px;\n  background: rgba(249,250,251,0.92);\n  box-shadow:\n    0 10px 26px rgba(15,23,42,0.08),\n    0 0 0 1px rgba(255,255,255,0.85);\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n}\n\n.kb-services-ico {\n  width: 28px;\n  height: 28px;\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 800;\n  background: rgba(212,175,55,0.18);\n  color: #7a5a00;\n  box-shadow:\n    0 10px 22px rgba(15,23,42,0.10),\n    0 0 0 1px rgba(255,255,255,0.70);\n}\n\n.kb-services-li-title {\n  font-size: 15px;\n  font-weight: 650;\n  color: #111827;\n}\n\n.kb-services-li-note {\n  display: block;\n  margin-top: 2px;\n  font-size: 13px;\n  line-height: 1.5;\n  color: #6b7280;\n}\n\n\/* Encadr\u00e9 cadre & \u00e9thique *\/\n.kb-services-aside {\n  border-radius: 22px;\n  padding: 18px 18px 16px;\n  background: rgba(15,23,42,0.04);\n  border: 1px solid rgba(15,23,42,0.08);\n}\n\n.kb-services-aside h3 {\n  margin: 0 0 8px;\n  font-size: 15px;\n  font-weight: 650;\n}\n\n.kb-services-aside p {\n  margin: 0 0 12px;\n  font-size: 14px;\n  line-height: 1.65;\n  color: #374151;\n}\n\n\/* Liens texte *\/\n.kb-inline-link {\n  color: #1f2937;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  font-weight: 650;\n}\n\n.kb-muted {\n  font-size: 13px;\n  color: #6b7280;\n  margin-top: 10px;\n  line-height: 1.6;\n}\n\n\/* Responsive *\/\n@media (max-width: 980px) {\n  .kb-services-inner { padding: 0 20px; }\n  .kb-services-grid { grid-template-columns: 1fr; }\n  .kb-services-title { font-size: 24px; }\n  .kb-services-lead { font-size: 16px; }\n}\n<\/style>\n\n<section class=\"kb-services-block\" id=\"service-ecrire-trace\">\n  <div class=\"kb-services-inner\">\n\n    <article class=\"kb-services-card\">\n      <div class=\"kb-services-kicker\">SERVICE 2 - WRITING &amp; TRANSMITTING<\/div>\n\n      <h2 class=\"kb-services-title\">Write, then leave a trace<\/h2>\n\n      <p class=\"kb-services-lead\">\n        This service is for those who want to write,\n        but also for those who feel the need to leave a trace\n        for their loved ones.\n        You can leave words, images or personal items,\n        designed to be discovered later, when you're gone.\n      <\/p>\n\n      <p class=\"kb-services-lead\">\n        \u00abLeaving a trace\u00bb is neither an automatic nor a public gesture.\n        It's an intimate and voluntary process, which allows you to organize\n        what you want to pass on - words, photos,\n        in a structured, private and respectful setting.\n      <\/p>\n\n      <div class=\"kb-services-grid\">\n\n        <!-- B\u00e9n\u00e9fices -->\n        <ul class=\"kb-services-list\">\n          <li>\n            <span class=\"kb-services-ico\">\u2713<\/span>\n            <span>\n              <span class=\"kb-services-li-title\">Writing without exposure<\/span>\n              <span class=\"kb-services-li-note\">\n                A personal space to write freely, without public publication.\n              <\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <span class=\"kb-services-ico\">\u2713<\/span>\n            <span>\n              <span class=\"kb-services-li-title\">Keep and reread<\/span>\n              <span class=\"kb-services-li-note\">\n                Your content remains accessible in your space as long as your account is active.\n              <\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <span class=\"kb-services-ico\">\u2713<\/span>\n            <span>\n              <span class=\"kb-services-li-title\">Time capsules<\/span>\n              <span class=\"kb-services-li-note\">\n                Choose a precise moment to make a message accessible to your loved ones or your future self.\n              <\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <span class=\"kb-services-ico\">\u2713<\/span>\n            <span>\n              <span class=\"kb-services-li-title\">Anticipating and passing on<\/span>\n              <span class=\"kb-services-li-note\">\n                Leaving words, images or selected messages for those who remain.\n              <\/span>\n            <\/span>\n          <\/li>\n        <\/ul>\n\n        <!-- Cadre & r\u00e9f\u00e9rences -->\n        <aside class=\"kb-services-aside\">\n          <h3>Setting, confidentiality and intent<\/h3>\n\n          <p>\n            KharonBridge is designed as a strictly private space.\n            No content is public by default, and you remain in control\n            control over your choices and your temporality.\n          <\/p>\n\n          <p>\n            The \u00abLeave a trace\u00bb function has no legal value\n            and does not replace any testamentary device.\n            It is based exclusively on a personal and symbolic approach.\n          <\/p>\n\n          <p>\n            Access details are available on the\n            <a class=\"kb-inline-link\" href=\"https:\/\/kharonbridge.com\/en\/subscription\/\">Subscription<\/a>.\n          <\/p>\n\n          <p class=\"kb-muted\">\n            External reference: expressive writing and symbolic transmission\n            are studied in psychology.\n            See the synthesis:\n            <a class=\"kb-inline-link\" href=\"https:\/\/en.wikipedia.org\/wiki\/Expressive_writing\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Expressive writing\n            <\/a>.\n          <\/p>\n        <\/aside>\n\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ce96d0 e-con-full e-flex e-con e-parent\" data-id=\"5ce96d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d5dfd4 elementor-widget elementor-widget-html\" data-id=\"4d5dfd4\" 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<style>\n\/* ===== SERVICE 3 \u2014 BOUGIES SYMBOLIQUES ===== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;1,400&family=Inter:wght@400;500;600&display=swap');\n\n.kb-services-block-3 {\n  position: relative;\n  padding: 110px 0 120px;\n  background: radial-gradient(circle at 0% 0%, #ffffff 0%, #f5f5f7 45%, #eaecf1 100%);\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n  color: #111827;\n  overflow: hidden;\n}\n\n.kb-services-block-3::before {\n  content: \"\";\n  position: absolute;\n  right: -80px;\n  top: -60px;\n  width: 320px;\n  height: 320px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(212,175,55,0.07), transparent 70%);\n  filter: blur(28px);\n  pointer-events: none;\n}\n\n.kb-services-inner-3 {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 40px;\n  box-sizing: border-box;\n}\n\n\/* \u2500\u2500 CARTE \u2500\u2500 *\/\n.kb-services-card-3 {\n  position: relative;\n  border-radius: 28px;\n  padding: 40px 38px 38px;\n  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(246,248,252,0.98));\n  box-shadow:\n    0 24px 62px rgba(15,23,42,0.12),\n    0 0 0 1px rgba(255,255,255,0.95);\n  backdrop-filter: blur(18px);\n  overflow: hidden;\n  opacity: 0;\n  animation: kbSvc3FadeUp 800ms ease forwards 100ms;\n}\n\n.kb-services-card-3::before {\n  content: \"\";\n  position: absolute;\n  left: 28px;\n  right: 28px;\n  top: 0;\n  height: 2px;\n  border-radius: 0 0 999px 999px;\n  background: linear-gradient(90deg, #d4af37, rgba(212,175,55,0.20));\n  opacity: 0.70;\n}\n\n\/* kicker *\/\n.kb-services-kicker-3 {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 6px 12px;\n  border-radius: 999px;\n  background: rgba(212,175,55,0.10);\n  border: 1px solid rgba(212,175,55,0.25);\n  color: #7c6929;\n  font-weight: 600;\n  margin: 10px 0 18px;\n}\n\n.kb-services-kicker-3-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 999px;\n  background: #d4af37;\n}\n\n\/* titre *\/\n.kb-services-title-3 {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 38px;\n  font-weight: 600;\n  line-height: 1.2;\n  margin: 0 0 8px;\n  color: #111827;\n}\n\n.kb-services-title-italic-3 {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 38px;\n  font-weight: 400;\n  font-style: italic;\n  color: #d4af37;\n  display: block;\n  margin: 0 0 20px;\n}\n\n.kb-services-lead-3 {\n  font-size: 16px;\n  line-height: 1.8;\n  color: #4b5563;\n  margin: 0 0 10px;\n  max-width: 76ch;\n}\n\n.kb-services-lead-3:last-of-type {\n  margin-bottom: 28px;\n}\n\n\/* grille *\/\n.kb-services-grid-3 {\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 24px;\n  align-items: start;\n}\n\n\/* liste *\/\n.kb-services-list-3 {\n  list-style: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.kb-services-list-3 li {\n  list-style: none !important;\n  margin: 0 !important;\n  padding: 14px 16px !important;\n  border-radius: 16px;\n  background: rgba(255,255,255,0.92);\n  border: 1px solid rgba(226,232,240,0.80);\n  box-shadow: 0 4px 16px rgba(15,23,42,0.06);\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.kb-services-list-3 li:hover {\n  border-color: rgba(212,175,55,0.25);\n  box-shadow: 0 6px 20px rgba(212,175,55,0.08);\n}\n\n.kb-services-ico-3 {\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 1px;\n  background: rgba(212,175,55,0.12);\n}\n\n.kb-services-li-title-3 {\n  font-size: 14px;\n  font-weight: 600;\n  color: #111827;\n  line-height: 1.35;\n  display: block;\n  margin-bottom: 3px;\n}\n\n.kb-services-li-note-3 {\n  display: block;\n  font-size: 13px;\n  line-height: 1.55;\n  color: #6b7280;\n}\n\n\/* \u2500\u2500 ENCART DARK CARD \u2500\u2500 *\/\n.kb-services-aside-3 {\n  border-radius: 20px;\n  padding: 22px 22px 20px;\n  background: linear-gradient(135deg, #1b2732, #2c3e50);\n  box-shadow: 0 16px 40px rgba(15,23,42,0.16);\n  color: #ffffff;\n  position: relative;\n  overflow: hidden;\n}\n\n.kb-services-aside-3::before {\n  content: \"\";\n  position: absolute;\n  bottom: -30px;\n  right: -30px;\n  width: 160px;\n  height: 160px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(212,175,55,0.16), transparent 70%);\n  pointer-events: none;\n}\n\n.kb-services-aside-3 h3 {\n  font-size: 14px;\n  font-weight: 600;\n  color: #d4af37;\n  margin: 0 0 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.kb-services-aside-3 p {\n  font-size: 13.5px;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.75);\n  margin: 0 0 12px;\n}\n\n.kb-services-aside-3 p:last-of-type { margin-bottom: 0; }\n\n.kb-inline-link-3 {\n  color: #d4af37 !important;\n  text-decoration: underline !important;\n  text-underline-offset: 3px;\n  text-decoration-color: rgba(212,175,55,0.40) !important;\n  font-weight: 600;\n  transition: color 0.18s ease;\n}\n\n.kb-inline-link-3:hover { color: #f0c040 !important; }\n\n.kb-services-muted-3 {\n  font-size: 12px;\n  color: rgba(255,255,255,0.40);\n  margin-top: 14px;\n  line-height: 1.6;\n  padding-top: 14px;\n  border-top: 1px solid rgba(255,255,255,0.08);\n}\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes kbSvc3FadeUp {\n  from { opacity: 0; transform: translateY(14px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 980px) {\n  .kb-services-inner-3 { padding: 0 24px; }\n  .kb-services-grid-3 { grid-template-columns: 1fr; }\n  .kb-services-title-3,\n  .kb-services-title-italic-3 { font-size: 30px; }\n}\n\n@media (max-width: 560px) {\n  .kb-services-block-3 { padding: 80px 0 90px; }\n  .kb-services-card-3 { padding: 28px 22px 26px; }\n}\n<\/style>\n\n<section class=\"kb-services-block-3\" id=\"service-bougies\">\n  <div class=\"kb-services-inner-3\">\n    <article class=\"kb-services-card-3\">\n\n      <div class=\"kb-services-kicker-3\">\n        <span class=\"kb-services-kicker-3-dot\"><\/span>\n        Service 3 - Symbolic candles\n      <\/div>\n\n      <h2 class=\"kb-services-title-3\">Symbolic candles -<\/h2>\n      <span class=\"kb-services-title-italic-3\">a gesture, a light.<\/span>\n\n      <p class=\"kb-services-lead-3\">\n        The symbolic candles are proposed as a voluntary gesture,\n        simple and discreet. They mark a moment, a date or a thought,\n        a date or a thought, without any religious dimension or automatism.\n      <\/p>\n\n      <p class=\"kb-services-lead-3\">\n        Lighting a candle on KharonBridge is neither a gift nor an obligation.\n        It's a personal act, freely chosen, which becomes part of the space\n        of memory you've created.\n      <\/p>\n\n      <div class=\"kb-services-grid-3\">\n\n        <!-- Colonne gauche : b\u00e9n\u00e9fices -->\n        <ul class=\"kb-services-list-3\">\n\n          <li>\n            <div class=\"kb-services-ico-3\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title-3\">A deliberate symbolic gesture<\/span>\n              <span class=\"kb-services-li-note-3\">No imposed recurrence, no obligation over time.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <div class=\"kb-services-ico-3\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title-3\">Mark important dates<\/span>\n              <span class=\"kb-services-li-note-3\">Birthdays, personal moments or occasional thoughts.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <div class=\"kb-services-ico-3\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title-3\">Complement to writing<\/span>\n              <span class=\"kb-services-li-note-3\">A gesture that accompanies the words, without replacing them.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <div class=\"kb-services-ico-3\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title-3\">Free use<\/span>\n              <span class=\"kb-services-li-note-3\">The candles are used at your own pace, according to your needs.<\/span>\n            <\/span>\n          <\/li>\n\n        <\/ul>\n\n        <!-- Colonne droite : encart dark -->\n        <aside class=\"kb-services-aside-3\" aria-label=\"Setting and purpose\">\n          <h3>Setting &amp; intention<\/h3>\n          <p>\n            Symbolic candles are not part of any religious practice\n            and do not constitute a funeral service. They are part of a\n            personal, respectful and non-prescriptive approach.\n          <\/p>\n          <p>\n            Details of access procedures and available packs are available\n            on the\n            <a class=\"kb-inline-link-3\" href=\"https:\/\/kharonbridge.com\/en\/buy-candles\/\">Candle Packs<\/a>.\n          <\/p>\n          <div class=\"kb-services-muted-3\">\n            Reference: the use of symbolic gestures in remembrance practices\n            is documented in the social sciences. See :\n            <a class=\"kb-inline-link-3\" href=\"https:\/\/www.britannica.com\/topic\/symbolism\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Symbolism - Encyclop\u00e6dia Britannica\n            <\/a>.\n          <\/div>\n        <\/aside>\n\n      <\/div>\n    <\/article>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f09b5e3 e-con-full e-flex e-con e-parent\" data-id=\"f09b5e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91accbf elementor-widget elementor-widget-html\" data-id=\"91accbf\" 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<style>\n\/* ===== SERVICE 4 \u2014 CAPSULES TEMPORELLES ===== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;1,400&family=Inter:wght@400;500;600&display=swap');\n\n.kb-services-block-4 {\n  position: relative;\n  padding: 110px 0 120px;\n  background: radial-gradient(circle at 100% 0%, #ffffff 0%, #f5f5f7 45%, #eaecf1 100%);\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n  color: #111827;\n  overflow: hidden;\n}\n\n.kb-services-block-4::before {\n  content: \"\";\n  position: absolute;\n  left: -80px;\n  bottom: -60px;\n  width: 320px;\n  height: 320px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(212,175,55,0.07), transparent 70%);\n  filter: blur(28px);\n  pointer-events: none;\n}\n\n.kb-services-inner-4 {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 40px;\n  box-sizing: border-box;\n}\n\n\/* \u2500\u2500 CARTE \u2500\u2500 *\/\n.kb-services-card-4 {\n  position: relative;\n  border-radius: 28px;\n  padding: 40px 38px 38px;\n  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(246,248,252,0.98));\n  box-shadow:\n    0 24px 62px rgba(15,23,42,0.12),\n    0 0 0 1px rgba(255,255,255,0.95);\n  backdrop-filter: blur(18px);\n  overflow: hidden;\n  opacity: 0;\n  animation: kbSvc4FadeUp 800ms ease forwards 100ms;\n}\n\n.kb-services-card-4::before {\n  content: \"\";\n  position: absolute;\n  left: 28px;\n  right: 28px;\n  top: 0;\n  height: 2px;\n  border-radius: 0 0 999px 999px;\n  background: linear-gradient(90deg, #d4af37, rgba(212,175,55,0.20));\n  opacity: 0.70;\n}\n\n\/* kicker *\/\n.kb-services-kicker-4 {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 6px 12px;\n  border-radius: 999px;\n  background: rgba(212,175,55,0.10);\n  border: 1px solid rgba(212,175,55,0.25);\n  color: #7c6929;\n  font-weight: 600;\n  margin: 10px 0 18px;\n}\n\n.kb-services-kicker-4-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 999px;\n  background: #d4af37;\n}\n\n\/* titre *\/\n.kb-services-title-4 {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 38px;\n  font-weight: 600;\n  line-height: 1.2;\n  margin: 0 0 8px;\n  color: #111827;\n}\n\n.kb-services-title-italic-4 {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 38px;\n  font-weight: 400;\n  font-style: italic;\n  color: #d4af37;\n  display: block;\n  margin: 0 0 20px;\n}\n\n.kb-services-lead-4 {\n  font-size: 16px;\n  line-height: 1.8;\n  color: #4b5563;\n  margin: 0 0 10px;\n  max-width: 76ch;\n}\n\n.kb-services-lead-4:last-of-type {\n  margin-bottom: 28px;\n}\n\n\/* grille *\/\n.kb-services-grid-4 {\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 24px;\n  align-items: start;\n}\n\n\/* liste *\/\n.kb-services-list-4 {\n  list-style: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.kb-services-list-4 li {\n  list-style: none !important;\n  margin: 0 !important;\n  padding: 14px 16px !important;\n  border-radius: 16px;\n  background: rgba(255,255,255,0.92);\n  border: 1px solid rgba(226,232,240,0.80);\n  box-shadow: 0 4px 16px rgba(15,23,42,0.06);\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.kb-services-list-4 li:hover {\n  border-color: rgba(212,175,55,0.25);\n  box-shadow: 0 6px 20px rgba(212,175,55,0.08);\n}\n\n.kb-services-ico-4 {\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 1px;\n  background: rgba(212,175,55,0.12);\n}\n\n.kb-services-li-title-4 {\n  font-size: 14px;\n  font-weight: 600;\n  color: #111827;\n  line-height: 1.35;\n  display: block;\n  margin-bottom: 3px;\n}\n\n.kb-services-li-note-4 {\n  display: block;\n  font-size: 13px;\n  line-height: 1.55;\n  color: #6b7280;\n}\n\n\/* \u2500\u2500 ENCART DARK CARD \u2500\u2500 *\/\n.kb-services-aside-4 {\n  border-radius: 20px;\n  padding: 22px 22px 20px;\n  background: linear-gradient(135deg, #1b2732, #2c3e50);\n  box-shadow: 0 16px 40px rgba(15,23,42,0.16);\n  color: #ffffff;\n  position: relative;\n  overflow: hidden;\n}\n\n.kb-services-aside-4::before {\n  content: \"\";\n  position: absolute;\n  bottom: -30px;\n  right: -30px;\n  width: 160px;\n  height: 160px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(212,175,55,0.16), transparent 70%);\n  pointer-events: none;\n}\n\n.kb-services-aside-4 h3 {\n  font-size: 14px;\n  font-weight: 600;\n  color: #d4af37;\n  margin: 0 0 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.kb-services-aside-4 p {\n  font-size: 13.5px;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.75);\n  margin: 0 0 12px;\n}\n\n.kb-services-aside-4 p:last-of-type { margin-bottom: 0; }\n\n.kb-inline-link-4 {\n  color: #d4af37 !important;\n  text-decoration: underline !important;\n  text-underline-offset: 3px;\n  text-decoration-color: rgba(212,175,55,0.40) !important;\n  font-weight: 600;\n  transition: color 0.18s ease;\n}\n\n.kb-inline-link-4:hover { color: #f0c040 !important; }\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes kbSvc4FadeUp {\n  from { opacity: 0; transform: translateY(14px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 980px) {\n  .kb-services-inner-4 { padding: 0 24px; }\n  .kb-services-grid-4 { grid-template-columns: 1fr; }\n  .kb-services-title-4,\n  .kb-services-title-italic-4 { font-size: 30px; }\n}\n\n@media (max-width: 560px) {\n  .kb-services-block-4 { padding: 80px 0 90px; }\n  .kb-services-card-4 { padding: 28px 22px 26px; }\n}\n<\/style>\n\n<section class=\"kb-services-block-4\" id=\"service-capsules\">\n  <div class=\"kb-services-inner-4\">\n    <article class=\"kb-services-card-4\">\n\n      <div class=\"kb-services-kicker-4\">\n        <span class=\"kb-services-kicker-4-dot\"><\/span>\n        Service - Time capsules\n      <\/div>\n\n      <h2 class=\"kb-services-title-4\">Time capsules -<\/h2>\n      <span class=\"kb-services-title-italic-4\">a message for the future.<\/span>\n\n      <p class=\"kb-services-lead-4\">\n        Time capsules allow you to leave a message, a memory or a reflection\n        to be opened on a chosen date. They offer\n        the possibility of writing to one's future self, a loved one or a generation\n        in a private, protected space.\n      <\/p>\n\n      <p class=\"kb-services-lead-4\">\n        Creating a time capsule on KharonBridge is a personal gesture\n        and voluntary gesture. The message is sealed and kept until the date\n        you define.\n      <\/p>\n\n      <div class=\"kb-services-grid-4\">\n\n        <!-- Colonne gauche : b\u00e9n\u00e9fices -->\n        <ul class=\"kb-services-list-4\">\n\n          <li>\n            <div class=\"kb-services-ico-4\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title-4\">A message for the future<\/span>\n              <span class=\"kb-services-li-note-4\">A text or memory to be discovered later.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <div class=\"kb-services-ico-4\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title-4\">Choosing when to open<\/span>\n              <span class=\"kb-services-li-note-4\">The capsule opens on the date you specify.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <div class=\"kb-services-ico-4\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title-4\">Writing to yourself or to someone else<\/span>\n              <span class=\"kb-services-li-note-4\">For your future self, a loved one or an important person.<\/span>\n            <\/span>\n          <\/li>\n\n          <li>\n            <div class=\"kb-services-ico-4\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"\/>\n              <\/svg>\n            <\/div>\n            <span>\n              <span class=\"kb-services-li-title-4\">A memory preserved in time<\/span>\n              <span class=\"kb-services-li-note-4\">Capsules are kept in your personal space until they are opened.<\/span>\n            <\/span>\n          <\/li>\n\n        <\/ul>\n\n        <!-- Colonne droite : encart dark -->\n        <aside class=\"kb-services-aside-4\" aria-label=\"Setting and purpose\">\n          <h3>Setting &amp; intention<\/h3>\n          <p>\n            Time capsules are neither a legal archiving service nor an official\n            nor a means of official transmission.\n          <\/p>\n          <p>\n            They are part of a personal, intimate and voluntary process,\n            intended to preserve thoughts, memories or messages for the future.\n          <\/p>\n         \n        <\/aside>\n\n      <\/div>\n    <\/article>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-883b8fd e-con-full e-flex e-con e-parent\" data-id=\"883b8fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d20b67 elementor-widget elementor-widget-html\" data-id=\"8d20b67\" 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<style>\n\/* ===== SECTION SYNTH\u00c8SE \u2013 ARTICULATION DES SERVICES ===== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;1,400&family=Inter:wght@400;500;600&display=swap');\n\n.kb-services-synthesis {\n  position: relative;\n  padding: 110px 0 120px;\n  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n  color: #111827;\n  overflow: hidden;\n}\n\n.kb-services-synthesis::before {\n  content: \"\";\n  position: absolute;\n  right: -80px;\n  top: -60px;\n  width: 320px;\n  height: 320px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(212,175,55,0.07), transparent 70%);\n  filter: blur(28px);\n  pointer-events: none;\n}\n\n.kb-services-synthesis-inner {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 0 40px;\n  box-sizing: border-box;\n}\n\n\/* \u2500\u2500 CARTE PRINCIPALE \u2500\u2500 *\/\n.kb-services-synthesis-card {\n  position: relative;\n  border-radius: 28px;\n  padding: 40px 38px 38px;\n  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(246,248,252,0.98));\n  box-shadow:\n    0 24px 62px rgba(15,23,42,0.12),\n    0 0 0 1px rgba(255,255,255,0.95);\n  backdrop-filter: blur(18px);\n  overflow: hidden;\n  opacity: 0;\n  animation: kbSynthFadeUp 800ms ease forwards 100ms;\n}\n\n\/* barre dor\u00e9e *\/\n.kb-services-synthesis-card::before {\n  content: \"\";\n  position: absolute;\n  left: 28px;\n  right: 28px;\n  top: 0;\n  height: 2px;\n  border-radius: 0 0 999px 999px;\n  background: linear-gradient(90deg, #d4af37, rgba(212,175,55,0.20));\n  opacity: 0.70;\n}\n\n\/* \u2500\u2500 EN-T\u00caTE \u2500\u2500 *\/\n.kb-services-synthesis-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 6px 12px;\n  border-radius: 999px;\n  background: rgba(212,175,55,0.10);\n  border: 1px solid rgba(212,175,55,0.25);\n  color: #7c6929;\n  font-weight: 600;\n  margin: 10px 0 18px;\n}\n\n.kb-services-synthesis-eyebrow-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 999px;\n  background: #d4af37;\n}\n\n.kb-services-synthesis-title {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 38px;\n  font-weight: 600;\n  line-height: 1.2;\n  margin: 0 0 8px;\n  color: #111827;\n}\n\n.kb-services-synthesis-title-italic {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 38px;\n  font-weight: 400;\n  font-style: italic;\n  color: #d4af37;\n  display: block;\n  margin: 0 0 22px;\n}\n\n.kb-services-synthesis-intro {\n  font-size: 16px;\n  line-height: 1.8;\n  color: #4b5563;\n  max-width: 72ch;\n  margin: 0 0 32px;\n}\n\n\/* \u2500\u2500 GRILLE 4 \u00c9TAPES \u2500\u2500 *\/\n.kb-services-flow {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.kb-services-step {\n  position: relative;\n  border-radius: 20px;\n  padding: 24px 22px 22px;\n  background: linear-gradient(145deg, #1b2732, #2c3e50);\n  box-shadow: 0 14px 36px rgba(15,23,42,0.16);\n  overflow: hidden;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  opacity: 0;\n  animation: kbSynthFadeUp 700ms ease forwards;\n}\n\n.kb-services-step:nth-child(1) { animation-delay: 0.30s; }\n.kb-services-step:nth-child(2) { animation-delay: 0.42s; }\n.kb-services-step:nth-child(3) { animation-delay: 0.54s; }\n\n.kb-services-step::before {\n  content: \"\";\n  position: absolute;\n  bottom: -30px;\n  right: -20px;\n  width: 120px;\n  height: 120px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(212,175,55,0.14), transparent 70%);\n  pointer-events: none;\n}\n\n.kb-services-step:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 20px 48px rgba(15,23,42,0.22);\n}\n\n\/* num\u00e9ro \u00e9tape *\/\n.kb-services-step-number {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 10px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(212,175,55,0.65);\n  font-weight: 600;\n  margin-bottom: 12px;\n}\n\n.kb-services-step-num-badge {\n  width: 22px;\n  height: 22px;\n  border-radius: 999px;\n  background: rgba(212,175,55,0.14);\n  border: 1px solid rgba(212,175,55,0.28);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 700;\n  color: #d4af37;\n}\n\n\/* ic\u00f4ne \u00e9tape *\/\n.kb-services-step-icon {\n  width: 36px;\n  height: 36px;\n  border-radius: 10px;\n  background: rgba(212,175,55,0.10);\n  border: 1px solid rgba(212,175,55,0.25);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 14px;\n}\n\n.kb-services-step-title {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: 20px;\n  font-weight: 600;\n  color: #ffffff;\n  margin: 0 0 8px;\n  line-height: 1.25;\n}\n\n.kb-services-step-text {\n  font-size: 13.5px;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.65);\n}\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes kbSynthFadeUp {\n  from { opacity: 0; transform: translateY(14px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 1100px) {\n  .kb-services-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n\n@media (max-width: 900px) {\n  .kb-services-synthesis-inner { padding: 0 24px; }\n  .kb-services-synthesis-title,\n  .kb-services-synthesis-title-italic { font-size: 30px; }\n}\n\n@media (max-width: 560px) {\n  .kb-services-synthesis { padding: 80px 0 90px; }\n  .kb-services-synthesis-card { padding: 28px 22px 26px; }\n  .kb-services-flow { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<section class=\"kb-services-synthesis\" id=\"articulation-services\">\n  <div class=\"kb-services-synthesis-inner\">\n    <div class=\"kb-services-synthesis-card\">\n\n      <div class=\"kb-services-synthesis-eyebrow\">\n        <span class=\"kb-services-synthesis-eyebrow-dot\"><\/span>\n        Overview\n      <\/div>\n\n      <h2 class=\"kb-services-synthesis-title\">How do these services<\/h2>\n      <span class=\"kb-services-synthesis-title-italic\">articulate.<\/span>\n\n      <p class=\"kb-services-synthesis-intro\">\n        The services offered by KharonBridge are not conceived as isolated\n        but as a coherent whole.\n        Each one responds to a different need, but is all part of the same logic.\n        the same logic: write, store and transmit.\n      <\/p>\n\n      <div class=\"kb-services-flow\">\n\n        <div class=\"kb-services-step\">\n          <div class=\"kb-services-step-number\">\n            <span class=\"kb-services-step-num-badge\">1<\/span>\n            Step 1\n          <\/div>\n          <div class=\"kb-services-step-icon\">\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"kb-services-step-title\">Write and deposit<\/div>\n          <div class=\"kb-services-step-text\">\n            Writing is the point of entry. Depositing words, memories\n            or intentions in a private space, without public display.\n          <\/div>\n        <\/div>\n\n        <div class=\"kb-services-step\">\n          <div class=\"kb-services-step-number\">\n            <span class=\"kb-services-step-num-badge\">2<\/span>\n            Step 2\n          <\/div>\n          <div class=\"kb-services-step-icon\">\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"kb-services-step-title\">Preserving and organizing<\/div>\n          <div class=\"kb-services-step-text\">\n            Written content is stored and structured on your\n            Memory Board - associated, if you wish, with a chosen temporality.\n          <\/div>\n        <\/div>\n\n        <div class=\"kb-services-step\">\n          <div class=\"kb-services-step-number\">\n            <span class=\"kb-services-step-num-badge\">3<\/span>\n            Step 3\n          <\/div>\n          <div class=\"kb-services-step-icon\">\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 2c0 6-6 8-6 14a6 6 0 0 0 12 0c0-6-6-8-6-14z\"\/><path d=\"M12 22v-4\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"kb-services-step-title\">Mark and pass on<\/div>\n          <div class=\"kb-services-step-text\">\n            Symbolic candles accompany words\n            words, mark moments and prepare a respectful transmission.\n          <\/div>\n        <\/div>\n\n        <div class=\"kb-services-step\">\n          <div class=\"kb-services-step-number\">\n            <span class=\"kb-services-step-num-badge\">4<\/span>\n            Step 4\n          <\/div>\n          <div class=\"kb-services-step-icon\">\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"kb-services-step-title\">Sealing in time<\/div>\n          <div class=\"kb-services-step-text\">\n            Time capsules allow you to leave a message to be opened\n            to be opened on a chosen date - for oneself, a loved one or a\n            a future generation.\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\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>KharonBridge \u00b7 Services \u00c9crire, conserver et transmettre. Des services num\u00e9riques con\u00e7us pour accompagner la m\u00e9moire, l&rsquo;\u00e9criture et la transmission dans le temps \u2014 au sein d&rsquo;un espace priv\u00e9, respectueux et s\u00e9curis\u00e9. Tous les services sont accessibles dans un cadre strictement personnel, sans exposition publique et sans automatisme. D\u00e9couvrir l&rsquo;abonnement Voir les packs de bougies Service [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1681","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/pages\/1681","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=1681"}],"version-history":[{"count":25,"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/pages\/1681\/revisions"}],"predecessor-version":[{"id":2099,"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/pages\/1681\/revisions\/2099"}],"wp:attachment":[{"href":"https:\/\/kharonbridge.com\/en\/wp-json\/wp\/v2\/media?parent=1681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}