{"id":27,"date":"2026-09-10T19:18:56","date_gmt":"2026-09-10T19:18:56","guid":{"rendered":"https:\/\/health.twelve.ro\/?page_id=27"},"modified":"2026-09-10T21:44:14","modified_gmt":"2026-09-10T21:44:14","slug":"elementor-27","status":"publish","type":"page","link":"https:\/\/twelve.ro\/health\/","title":{"rendered":"Twelve Health"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5374e0c e-flex e-con-boxed e-con e-parent\" data-id=\"5374e0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-703b3c3 elementor-widget elementor-widget-html\" data-id=\"703b3c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');\n\n#th,#th *{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\n\n#th{\n  --navy:#06101d;\n  --navy2:#091625;\n  --navy3:#0d1c2f;\n  --white:#f8fafc;\n  --blue:#7797ff;\n  --ice:#8edfff;\n  --muted:rgba(248,250,252,.56);\n  --line:rgba(255,255,255,.09);\n\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n  background:var(--navy);\n  color:var(--white);\n  font-family:'Inter',sans-serif;\n  -webkit-font-smoothing:antialiased;\n}\n\n#th a{color:inherit;text-decoration:none}\n#th button,#th input,#th select,#th textarea{font:inherit}\n\n#th [data-ro]{display:none}\n#th.lang-ro [data-en]{display:none!important}\n#th.lang-ro [data-ro]{display:revert!important}\n\n\n\/* GLOBAL *\/\n\n.th-shell{\n  width:min(1220px,calc(100% - 80px));\n  margin:auto;\n}\n\n.th-section{\n  position:relative;\n  padding:120px 0;\n}\n\n.th-kicker{\n  display:flex;\n  align-items:center;\n  gap:13px;\n  margin-bottom:25px;\n  font-size:9px;\n  font-weight:600;\n  letter-spacing:.20em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.38);\n}\n\n.th-kicker:before{\n  content:\"\";\n  width:30px;\n  height:1px;\n  background:var(--blue);\n}\n\n.th-title{\n  max-width:1000px;\n  margin:0;\n  font-family:'Manrope',sans-serif;\n  font-size:clamp(46px,6vw,82px);\n  line-height:.98;\n  letter-spacing:-.06em;\n  font-weight:500;\n}\n\n.th-fade{color:rgba(255,255,255,.26)}\n\n.th-copy{\n  max-width:620px;\n  margin-top:27px;\n  font-size:14px;\n  line-height:1.8;\n  color:var(--muted);\n}\n\n.th-reveal{\n  opacity:0;\n  transform:translateY(27px);\n  transition:\n    opacity .85s cubic-bezier(.2,.75,.2,1),\n    transform .85s cubic-bezier(.2,.75,.2,1);\n}\n\n.th-reveal.visible{\n  opacity:1;\n  transform:none;\n}\n\n\n\/* HEADER *\/\n\n.th-header{\n  position:fixed;\n  top:0;\n  left:0;\n  z-index:99999;\n  width:100%;\n  height:68px;\n  display:flex;\n  align-items:center;\n  transition:.3s;\n}\n\n.admin-bar .th-header{top:32px}\n\n.th-header.scrolled{\n  height:60px;\n  background:rgba(6,16,29,.78);\n  backdrop-filter:blur(22px);\n  -webkit-backdrop-filter:blur(22px);\n  border-bottom:1px solid rgba(255,255,255,.07);\n}\n\n.th-nav{\n  width:min(1320px,calc(100% - 48px));\n  margin:auto;\n  display:flex;\n  align-items:center;\n  gap:28px;\n}\n\n.th-logo{\n  display:block!important;\n  width:auto!important;\n  height:31px!important;\n  max-width:190px!important;\n  max-height:31px!important;\n  object-fit:contain!important;\n}\n\n.th-links{\n  margin-left:auto;\n  display:flex;\n  align-items:center;\n  gap:28px;\n}\n\n.th-links a{\n  font-size:10px;\n  font-weight:500;\n  color:rgba(255,255,255,.56);\n  transition:.25s;\n}\n\n.th-links a:hover{color:#fff}\n\n.th-actions{\n  display:flex;\n  align-items:center;\n  gap:12px;\n}\n\n.th-lang{\n  display:flex;\n  padding:3px;\n  border:1px solid rgba(255,255,255,.12);\n  border-radius:100px;\n}\n\n.th-lang button{\n  width:33px;\n  height:24px;\n  padding:0;\n  border:0;\n  border-radius:100px;\n  background:transparent;\n  color:rgba(255,255,255,.38);\n  font-size:8px;\n  cursor:pointer;\n}\n\n.th-lang button.active{\n  background:#fff;\n  color:var(--navy);\n}\n\n.th-plan{\n  padding:11px 15px;\n  border:1px solid rgba(255,255,255,.15);\n  font-size:9px;\n  font-weight:600;\n  transition:.25s;\n}\n\n.th-plan:hover{\n  background:#fff;\n  color:var(--navy);\n}\n\n.th-burger{\n  display:none;\n  padding:0;\n  border:0;\n  background:none;\n  color:#fff;\n  font-size:21px;\n  cursor:pointer;\n}\n\n\n\/* MOBILE MENU *\/\n\n.th-mobile{\n  position:fixed;\n  inset:0;\n  z-index:99990;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  padding:36px;\n  background:rgba(5,13,24,.985);\n  opacity:0;\n  pointer-events:none;\n  transition:.3s;\n}\n\n.th-mobile.open{\n  opacity:1;\n  pointer-events:auto;\n}\n\n.th-mobile a{\n  margin:6px 0;\n  font-family:'Manrope';\n  font-size:36px;\n  letter-spacing:-.045em;\n  color:rgba(255,255,255,.82);\n}\n\n\n\/* HERO *\/\n\n.th-hero{\n  position:relative;\n  min-height:100vh;\n  display:flex;\n  align-items:center;\n  isolation:isolate;\n  background:\n    radial-gradient(circle at var(--mx,82%) var(--my,22%),rgba(119,151,255,.20),transparent 27%),\n    radial-gradient(circle at 12% 90%,rgba(73,189,255,.07),transparent 31%),\n    var(--navy);\n}\n\n.th-grid{\n  position:absolute;\n  inset:0;\n  z-index:-4;\n  opacity:.22;\n  background-image:\n    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);\n  background-size:88px 88px;\n  mask-image:linear-gradient(to bottom,#000,transparent 88%);\n}\n\n.th-hero:after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  right:0;\n  bottom:0;\n  z-index:1;\n  height:180px;\n  background:linear-gradient(transparent,var(--navy));\n}\n\n.th-hero-inner{\n  position:relative;\n  z-index:5;\n  width:min(1220px,calc(100% - 80px));\n  margin:auto;\n  padding:108px 0 100px;\n}\n\n.th-eyebrow{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  margin-bottom:30px;\n  font-size:9px;\n  font-weight:600;\n  letter-spacing:.21em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.42);\n}\n\n.th-live-dot{\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:var(--blue);\n  box-shadow:0 0 0 8px rgba(119,151,255,.1);\n  animation:thPulse 2s infinite;\n}\n\n@keyframes thPulse{\n  50%{box-shadow:0 0 0 16px rgba(119,151,255,0)}\n}\n\n.th-hero h1{\n  position:relative;\n  z-index:3;\n  max-width:1030px;\n  margin:0;\n  font-family:'Manrope';\n  font-size:clamp(62px,8.3vw,120px);\n  line-height:.89;\n  letter-spacing:-.073em;\n  font-weight:500;\n}\n\n.th-hero h1 span{color:rgba(255,255,255,.27)}\n\n.th-hero-bottom{\n  max-width:1020px;\n  margin-top:45px;\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:50px;\n}\n\n.th-hero-copy{\n  max-width:620px;\n  font-size:16px;\n  line-height:1.72;\n  color:rgba(255,255,255,.57);\n}\n\n.th-button{\n  min-width:205px;\n  padding:16px 18px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:35px;\n  border:1px solid rgba(255,255,255,.17);\n  font-size:10px;\n  font-weight:600;\n  transition:.3s;\n}\n\n.th-button:hover{\n  background:#fff;\n  color:var(--navy);\n  transform:translateY(-3px);\n}\n\n\n\/* DNA *\/\n\n.th-dna{\n  position:absolute;\n  right:-20px;\n  top:50%;\n  z-index:2;\n  width:350px;\n  height:630px;\n  transform:translateY(-50%) rotate(8deg);\n  perspective:850px;\n  opacity:.62;\n  pointer-events:none;\n  mask-image:linear-gradient(transparent,#000 14%,#000 85%,transparent);\n}\n\n.th-dna-glow{\n  position:absolute;\n  inset:12%;\n  border-radius:50%;\n  background:rgba(119,151,255,.1);\n  filter:blur(55px);\n}\n\n.th-rung{\n  --i:0;\n  position:absolute;\n  left:50%;\n  top:calc(4% + var(--i) * 5.15%);\n  width:215px;\n  height:1px;\n  background:linear-gradient(90deg,transparent,rgba(142,223,255,.55),rgba(119,151,255,.95),rgba(142,223,255,.55),transparent);\n  transform:translateX(-50%) rotateY(calc(var(--i) * 30deg));\n  animation:thDNA 9s linear infinite;\n  animation-delay:calc(var(--i) * -.16s);\n}\n\n.th-rung:before,\n.th-rung:after{\n  content:\"\";\n  position:absolute;\n  top:50%;\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:#fff;\n  box-shadow:0 0 14px rgba(142,223,255,.85);\n}\n\n.th-rung:before{left:10%;transform:translate(-50%,-50%)}\n.th-rung:after{right:10%;transform:translate(50%,-50%)}\n\n@keyframes thDNA{\n  to{transform:translateX(-50%) rotateY(calc(var(--i) * 30deg + 360deg))}\n}\n\n\n\/* MANIFEST *\/\n\n.th-manifest{background:var(--navy)}\n\n.th-manifest-grid{\n  display:grid;\n  grid-template-columns:.55fr 1.45fr;\n  gap:90px;\n}\n\n.th-manifest h2{\n  margin:0;\n  font-family:'Manrope';\n  font-size:clamp(46px,5.8vw,80px);\n  line-height:.99;\n  letter-spacing:-.06em;\n  font-weight:500;\n}\n\n.th-manifest h2 em{\n  font-style:normal;\n  color:var(--blue);\n}\n\n.th-manifest p{\n  max-width:610px;\n  margin:31px 0 0;\n  font-size:15px;\n  line-height:1.8;\n  color:var(--muted);\n}\n\n\n\/* DIFFERENCE *\/\n\n.th-inhouse{\n  background:var(--navy2);\n  border-top:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n}\n\n.th-inhouse-grid{\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:85px;\n  align-items:center;\n}\n\n.th-inhouse-copy{\n  max-width:570px;\n  margin-top:27px;\n  font-size:14px;\n  line-height:1.8;\n  color:rgba(255,255,255,.5);\n}\n\n.th-pipeline{\n  position:relative;\n  padding:30px 0;\n}\n\n.th-pipeline-line{\n  position:absolute;\n  top:50%;\n  left:0;\n  right:0;\n  height:1px;\n  background:rgba(255,255,255,.09);\n}\n\n.th-pipeline-light{\n  position:absolute;\n  top:50%;\n  left:0;\n  width:140px;\n  height:2px;\n  background:linear-gradient(90deg,transparent,var(--ice),transparent);\n  filter:drop-shadow(0 0 9px rgba(142,223,255,.9));\n  animation:thPipeline 5s linear infinite;\n}\n\n@keyframes thPipeline{\n  from{transform:translateX(-140px)}\n  to{transform:translateX(620px)}\n}\n\n.th-pipeline-items{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:28px 14px;\n}\n\n.th-pipeline-item{\n  min-height:82px;\n  padding:16px;\n  border:1px solid rgba(255,255,255,.09);\n  background:#091625;\n  font-size:8px;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.38);\n}\n\n.th-pipeline-item strong{\n  display:block;\n  margin-top:9px;\n  font-family:'Manrope';\n  font-size:14px;\n  letter-spacing:-.02em;\n  text-transform:none;\n  color:rgba(255,255,255,.8);\n}\n\n\n\/* DETAILS *\/\n\n.th-details{background:var(--navy)}\n\n.th-details-head{\n  display:grid;\n  grid-template-columns:1.25fr .75fr;\n  gap:80px;\n  align-items:end;\n}\n\n.th-details-note{\n  font-size:13px;\n  line-height:1.75;\n  color:rgba(255,255,255,.44);\n}\n\n.th-detail-grid{\n  margin-top:68px;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  border-left:1px solid var(--line);\n  border-top:1px solid var(--line);\n}\n\n.th-detail{\n  min-height:162px;\n  padding:24px;\n  border-right:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n  transition:.3s;\n}\n\n.th-detail:hover{\n  transform:translateY(-4px);\n  background:rgba(255,255,255,.025);\n}\n\n.th-detail small{\n  font-size:8px;\n  letter-spacing:.16em;\n  color:rgba(255,255,255,.23);\n}\n\n.th-detail strong{\n  display:block;\n  margin-top:33px;\n  font-family:'Manrope';\n  font-size:16px;\n  font-weight:500;\n}\n\n.th-detail p{\n  margin:7px 0 0;\n  font-size:10px;\n  line-height:1.55;\n  color:rgba(255,255,255,.34);\n}\n\n\n\/* METHOD *\/\n\n.th-method{background:var(--navy2)}\n\n.th-method-grid{\n  margin-top:68px;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  border-left:1px solid var(--line);\n  border-top:1px solid var(--line);\n}\n\n.th-step{\n  min-height:150px;\n  padding:23px;\n  border-right:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n  transition:.3s;\n}\n\n.th-step:hover{\n  transform:translateY(-4px);\n  background:rgba(255,255,255,.025);\n}\n\n.th-step small{\n  font-size:8px;\n  color:rgba(255,255,255,.24);\n}\n\n.th-step h3{\n  margin:30px 0 7px;\n  font-family:'Manrope';\n  font-size:16px;\n  font-weight:500;\n}\n\n.th-step p{\n  margin:0;\n  font-size:9px;\n  line-height:1.5;\n  color:rgba(255,255,255,.34);\n}\n\n\n\/* EVENTS *\/\n\n.th-events{\n  overflow:hidden;\n  background:#091423;\n}\n\n.th-events-head{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:40px;\n}\n\n.th-events-controls{\n  display:flex;\n  align-items:center;\n  gap:8px;\n}\n\n.th-events-arrow{\n  width:42px;\n  height:42px;\n  display:grid;\n  place-items:center;\n  border:1px solid rgba(255,255,255,.11);\n  border-radius:50%;\n  background:transparent;\n  color:#fff;\n  font-size:17px;\n  cursor:pointer;\n  transition:.25s;\n}\n\n.th-events-arrow:hover{\n  background:#fff;\n  color:var(--navy);\n}\n\n.th-events-arrow:disabled{\n  opacity:.25;\n  cursor:default;\n}\n\n.th-events-viewport{\n  width:100%;\n  margin-top:52px;\n  overflow-x:auto!important;\n  overflow-y:hidden!important;\n  cursor:grab;\n  scrollbar-width:none;\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n  touch-action:pan-x pan-y!important;\n  -webkit-overflow-scrolling:touch!important;\n}\n\n.th-events-viewport::-webkit-scrollbar{display:none}\n\n.th-events-track{\n  display:flex;\n  gap:14px;\n  width:max-content;\n  padding-right:80px;\n}\n\n.th-event-card{\n  position:relative;\n  flex:0 0 390px;\n  min-height:390px;\n  overflow:hidden;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  border:1px solid rgba(255,255,255,.09);\n  background:#0d1c2f;\n  scroll-snap-align:start;\n  scroll-snap-stop:normal;\n  transition:transform .35s,border-color .35s;\n}\n\n.th-event-card.is-link{cursor:pointer}\n\n.th-event-card:hover{\n  transform:translateY(-5px);\n  border-color:rgba(255,255,255,.23);\n}\n\n.th-event-cover{\n  position:absolute;\n  inset:0;\n}\n\n.th-event-cover img{\n  width:100%!important;\n  height:100%!important;\n  display:block!important;\n  object-fit:cover!important;\n  filter:saturate(.85);\n  transition:transform .8s,filter .5s;\n}\n\n.th-event-card:hover .th-event-cover img{\n  transform:scale(1.045);\n  filter:saturate(1);\n}\n\n.th-event-card.past .th-event-cover img{\n  filter:saturate(.55) contrast(.96);\n}\n\n.th-event-no-cover{\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 78% 16%,rgba(119,151,255,.26),transparent 30%),\n    radial-gradient(circle at 20% 80%,rgba(142,223,255,.07),transparent 30%),\n    #0d1c2f;\n}\n\n.th-event-shade{\n  position:absolute;\n  inset:0;\n  background:linear-gradient(to top,rgba(4,12,22,.99) 0%,rgba(4,12,22,.82) 38%,rgba(4,12,22,.25) 72%,rgba(4,12,22,.06) 100%);\n}\n\n.th-event-top{\n  position:absolute;\n  top:18px;\n  left:18px;\n  right:18px;\n  z-index:3;\n  display:flex;\n  flex-wrap:wrap;\n  gap:6px;\n}\n\n.th-event-badge{\n  padding:5px 8px;\n  border:1px solid rgba(255,255,255,.18);\n  border-radius:100px;\n  background:rgba(6,16,29,.35);\n  backdrop-filter:blur(8px);\n  font-size:6.5px;\n  font-weight:600;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.72);\n}\n\n.th-event-badge.primary{\n  background:#fff;\n  color:var(--navy);\n}\n\n.th-event-badge.live{\n  color:var(--ice);\n  border-color:rgba(142,223,255,.5);\n}\n\n.th-event-content{\n  position:relative;\n  z-index:4;\n  padding:21px;\n}\n\n.th-event-meta{\n  display:flex;\n  flex-wrap:wrap;\n  gap:6px 11px;\n  margin-bottom:10px;\n  font-size:7px;\n  font-weight:500;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.49);\n}\n\n.th-event-meta span + span:before{\n  content:\"\u00b7\";\n  margin-right:11px;\n  color:rgba(255,255,255,.25);\n}\n\n.th-event-card h3{\n  max-width:340px;\n  margin:0;\n  font-family:'Manrope';\n  font-size:30px;\n  line-height:1.04;\n  letter-spacing:-.05em;\n  font-weight:500;\n}\n\n.th-event-description{\n  max-width:340px;\n  margin:10px 0 0;\n  font-size:9.5px;\n  line-height:1.58;\n  color:rgba(255,255,255,.5);\n}\n\n.th-event-actions{\n  margin-top:16px;\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n  gap:9px;\n}\n\n.th-event-main-cta{\n  font-size:9px;\n  font-weight:600;\n}\n\n.th-event-ticket{\n  position:relative;\n  z-index:8;\n  padding:8px 11px;\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,255,255,.08);\n  backdrop-filter:blur(10px);\n  font-size:8px;\n  font-weight:600;\n  transition:.25s;\n}\n\n.th-event-ticket:hover{\n  background:#fff;\n  color:var(--navy);\n}\n\n.th-events-bottom{\n  margin-top:22px;\n  display:flex;\n  align-items:center;\n  gap:15px;\n}\n\n.th-events-progress{\n  position:relative;\n  flex:1;\n  height:1px;\n  background:rgba(255,255,255,.09);\n}\n\n.th-events-progress span{\n  position:absolute;\n  inset:0 auto 0 0;\n  height:100%;\n  background:rgba(255,255,255,.6);\n}\n\n.th-events-counter{\n  font-size:8px;\n  letter-spacing:.12em;\n  color:rgba(255,255,255,.32);\n}\n\n.th-events-loading{\n  min-height:270px;\n  margin-top:50px;\n  display:grid;\n  place-items:center;\n  border:1px solid var(--line);\n  font-size:9px;\n  letter-spacing:.15em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.27);\n}\n\n\n\/* TECHNOLOGY *\/\n\n.th-tech{background:var(--navy)}\n\n.th-tech-grid{\n  margin-top:68px;\n  display:grid;\n  grid-template-columns:1.15fr .85fr;\n  gap:15px;\n}\n\n.th-tech-card{\n  position:relative;\n  overflow:hidden;\n  border:1px solid var(--line);\n  background:rgba(255,255,255,.02);\n}\n\n.th-tech-main{\n  min-height:530px;\n  padding:28px;\n}\n\n.th-tech-stack{\n  display:grid;\n  gap:15px;\n}\n\n.th-tech-small{\n  min-height:257px;\n  padding:27px;\n}\n\n.th-tech-card h3{\n  margin:0 0 9px;\n  font-family:'Manrope';\n  font-size:22px;\n  font-weight:500;\n  letter-spacing:-.035em;\n}\n\n.th-tech-card p{\n  max-width:440px;\n  margin:0;\n  font-size:11px;\n  line-height:1.65;\n  color:rgba(255,255,255,.39);\n}\n\n.th-dashboard{\n  position:absolute;\n  left:28px;\n  right:28px;\n  bottom:-40px;\n  height:340px;\n  padding:18px;\n  border:1px solid rgba(255,255,255,.07);\n  border-radius:16px 16px 0 0;\n  background:#091625;\n}\n\n.th-dash-head{\n  display:flex;\n  justify-content:space-between;\n  padding-bottom:13px;\n  border-bottom:1px solid rgba(255,255,255,.06);\n  font-size:7px;\n  letter-spacing:.14em;\n  color:rgba(255,255,255,.29);\n}\n\n.th-connected{color:var(--ice)}\n\n.th-dash-blocks{\n  margin-top:18px;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:9px;\n}\n\n.th-dash-block{\n  padding:14px;\n  border:1px solid rgba(255,255,255,.055);\n}\n\n.th-dash-block small{\n  font-size:7px;\n  color:rgba(255,255,255,.28);\n}\n\n.th-dash-block strong{\n  display:block;\n  margin-top:9px;\n  font-family:'Manrope';\n  font-size:17px;\n  font-weight:500;\n}\n\n.th-wave{\n  position:relative;\n  height:165px;\n  margin-top:12px;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.05);\n}\n\n.th-wave:before{\n  content:\"\";\n  position:absolute;\n  left:-10%;\n  top:50%;\n  width:120%;\n  height:2px;\n  background:linear-gradient(90deg,transparent,var(--blue),var(--ice),var(--blue),transparent);\n  box-shadow:0 0 15px rgba(119,151,255,.55);\n  transform:rotate(-6deg);\n  animation:thWave 4s ease-in-out infinite alternate;\n}\n\n@keyframes thWave{\n  to{transform:translateY(-40px) rotate(6deg)}\n}\n\n\n\/* JOURNEY *\/\n\n.th-journey{\n  background:#0b1930;\n  border-top:1px solid var(--line);\n}\n\n.th-journey-grid{\n  display:grid;\n  grid-template-columns:.8fr 1.2fr;\n  gap:80px;\n  align-items:center;\n}\n\n.th-journey-flow{\n  display:grid;\n  gap:10px;\n}\n\n.th-journey-item{\n  display:grid;\n  grid-template-columns:36px 1fr;\n  gap:14px;\n  align-items:center;\n  padding:14px 16px;\n  border:1px solid rgba(255,255,255,.08);\n}\n\n.th-journey-item span{\n  width:27px;\n  height:27px;\n  display:grid;\n  place-items:center;\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:50%;\n  font-size:8px;\n  color:rgba(255,255,255,.4);\n}\n\n.th-journey-item strong{\n  font-family:'Manrope';\n  font-size:13px;\n  font-weight:500;\n}\n\n.th-portal{\n  margin-top:27px;\n  display:inline-flex;\n  align-items:center;\n  gap:12px;\n  font-size:10px;\n  font-weight:600;\n}\n\n.th-portal:after{content:\"\u2197\"}\n\n\n\/* EMC *\/\n\n.th-emc{\n  position:relative;\n  padding:105px 0;\n  overflow:hidden;\n  background:#f7f9fc;\n  color:var(--navy);\n}\n\n.th-emc-grid{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:85px;\n  align-items:center;\n}\n\n.th-logo-black{\n  display:block!important;\n  width:auto!important;\n  height:35px!important;\n  max-width:210px!important;\n  max-height:35px!important;\n  margin-bottom:35px;\n  object-fit:contain!important;\n}\n\n.th-emc h2{\n  margin:0;\n  font-family:'Manrope';\n  font-size:clamp(46px,5.6vw,76px);\n  line-height:.96;\n  letter-spacing:-.06em;\n  font-weight:500;\n}\n\n.th-emc-copy{\n  max-width:580px;\n  font-size:14px;\n  line-height:1.8;\n  color:rgba(6,16,29,.57);\n}\n\n.th-emc-features{\n  margin-top:31px;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:16px;\n}\n\n.th-emc-feature{\n  padding-top:13px;\n  border-top:1px solid rgba(6,16,29,.13);\n  font-size:9px;\n  font-weight:600;\n}\n\n.th-emc-feature span{\n  display:block;\n  margin-top:6px;\n  font-size:10px;\n  line-height:1.5;\n  font-weight:400;\n  color:rgba(6,16,29,.42);\n}\n\n\n\/* PARTNERS *\/\n\n.th-partners{\n  padding:82px 0;\n  overflow:hidden;\n  background:#091321;\n  border-top:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n}\n\n.th-partners-title{\n  margin-bottom:44px;\n  text-align:center;\n  font-size:8px;\n  letter-spacing:.19em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.27);\n}\n\n.th-marquee{\n  overflow:hidden;\n  mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);\n}\n\n.th-marquee-track{\n  display:flex;\n  align-items:center;\n  gap:75px;\n  width:max-content;\n  animation:thMarquee 36s linear infinite;\n}\n\n.th-marquee-track span{\n  white-space:nowrap;\n  font-family:'Manrope';\n  font-size:19px;\n  font-weight:500;\n  color:rgba(255,255,255,.28);\n}\n\n@keyframes thMarquee{\n  to{transform:translateX(-50%)}\n}\n\n\n\/* CONTACT *\/\n\n.th-contact{\n  padding:115px 0;\n  background:#f7f9fc;\n  color:var(--navy);\n}\n\n.th-contact-grid{\n  display:grid;\n  grid-template-columns:.85fr 1.15fr;\n  gap:85px;\n}\n\n.th-contact h2{\n  margin:0;\n  font-family:'Manrope';\n  font-size:clamp(47px,5.7vw,78px);\n  line-height:.96;\n  letter-spacing:-.06em;\n  font-weight:500;\n}\n\n.th-contact-copy{\n  max-width:420px;\n  margin-top:26px;\n  font-size:13px;\n  line-height:1.75;\n  color:rgba(6,16,29,.53);\n}\n\n.th-direct{\n  margin-top:30px;\n  display:flex;\n  flex-direction:column;\n  gap:9px;\n}\n\n.th-direct a{\n  font-size:11px;\n  font-weight:600;\n}\n\n.th-form{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:13px;\n}\n\n.th-field{\n  display:flex;\n  flex-direction:column;\n}\n\n.th-field.full{grid-column:1\/-1}\n\n.th-field label{\n  margin-bottom:7px;\n  font-size:8px;\n  font-weight:600;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  color:rgba(6,16,29,.45);\n}\n\n.th-field input,\n.th-field select,\n.th-field textarea{\n  width:100%;\n  min-height:45px;\n  padding:13px;\n  border:1px solid rgba(6,16,29,.13);\n  border-radius:0;\n  outline:none;\n  background:#fff;\n  color:var(--navy);\n  font-size:11px;\n}\n\n.th-field textarea{\n  min-height:110px;\n  resize:vertical;\n}\n\n.th-consent{\n  grid-column:1\/-1;\n  display:flex;\n  gap:8px;\n  font-size:8px;\n  line-height:1.5;\n  color:rgba(6,16,29,.42);\n}\n\n.th-submit{\n  grid-column:1\/-1;\n  padding:16px 17px;\n  display:flex;\n  justify-content:space-between;\n  border:0;\n  background:var(--navy);\n  color:#fff;\n  font-size:10px;\n  font-weight:600;\n  cursor:pointer;\n}\n\n.th-form-status{\n  grid-column:1\/-1;\n  min-height:14px;\n  font-size:9px;\n}\n\n\n\/* FOOTER *\/\n\n.th-footer{\n  padding:68px 0 24px;\n  background:#040c16;\n}\n\n.th-footer-grid{\n  padding-bottom:58px;\n  display:grid;\n  grid-template-columns:1.5fr .6fr .6fr .6fr;\n  gap:48px;\n}\n\n.th-footer-logo{\n  display:block!important;\n  width:auto!important;\n  height:38px!important;\n  max-width:210px!important;\n  max-height:38px!important;\n  object-fit:contain!important;\n}\n\n.th-footer-copy{\n  max-width:335px;\n  margin-top:19px;\n  font-size:10px;\n  line-height:1.65;\n  color:rgba(255,255,255,.33);\n}\n\n.th-footer h4{\n  margin:0 0 16px;\n  font-size:8px;\n  font-weight:500;\n  letter-spacing:.15em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.23);\n}\n\n.th-footer-col a{\n  display:block;\n  margin:10px 0;\n  font-size:10px;\n  color:rgba(255,255,255,.48);\n}\n\n.th-socials{\n  display:flex;\n  gap:8px;\n  margin-top:20px;\n}\n\n.th-social{\n  width:35px;\n  height:35px;\n  display:grid;\n  place-items:center;\n  border:1px solid rgba(255,255,255,.10);\n  font-size:9px;\n  font-weight:600;\n}\n\n.th-footer-bottom{\n  padding-top:19px;\n  display:flex;\n  justify-content:space-between;\n  gap:25px;\n  border-top:1px solid rgba(255,255,255,.06);\n  font-size:8px;\n  color:rgba(255,255,255,.21);\n}\n\n\n\/* RESPONSIVE *\/\n\n@media(max-width:960px){\n\n  .th-shell,\n  .th-hero-inner{\n    width:calc(100% - 42px);\n  }\n\n  .th-section{padding:90px 0}\n\n  .th-links,\n  .th-plan{display:none}\n\n  .th-burger{display:block}\n\n  .th-manifest-grid,\n  .th-inhouse-grid,\n  .th-details-head,\n  .th-tech-grid,\n  .th-journey-grid,\n  .th-emc-grid,\n  .th-contact-grid{\n    grid-template-columns:1fr;\n    gap:42px;\n  }\n\n  .th-detail-grid,\n  .th-method-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .th-dna{\n    right:-125px;\n    opacity:.34;\n  }\n\n  .th-footer-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .th-event-card{\n    flex-basis:360px;\n    min-height:385px;\n  }\n}\n\n@media(max-width:600px){\n\n  .admin-bar .th-header{top:46px}\n\n  .th-header{height:64px}\n\n  .th-nav{width:calc(100% - 32px)}\n\n  .th-logo{\n    height:26px!important;\n    max-height:26px!important;\n  }\n\n  .th-hero{min-height:94vh}\n\n  .th-hero-inner{padding:103px 0 90px}\n\n  .th-hero h1{\n    font-size:clamp(55px,16.4vw,79px);\n  }\n\n  .th-hero-bottom{\n    display:block;\n    margin-top:35px;\n  }\n\n  .th-hero-copy{font-size:14px}\n\n  .th-button{margin-top:25px}\n\n  .th-dna{\n    width:245px;\n    height:520px;\n    right:-135px;\n    opacity:.22;\n  }\n\n  .th-rung{width:170px}\n\n  .th-pipeline-items{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .th-detail-grid,\n  .th-method-grid{\n    grid-template-columns:1fr;\n  }\n\n  .th-events-head{display:block}\n\n  .th-events-controls{\n    margin-top:25px;\n  }\n\n  .th-events-viewport{\n    margin-top:38px;\n    touch-action:pan-x pan-y!important;\n    -webkit-overflow-scrolling:touch!important;\n  }\n\n  .th-events-track{\n    gap:12px;\n    padding-right:25px;\n  }\n\n  .th-event-card{\n    flex:0 0 82vw;\n    min-height:410px;\n  }\n\n  .th-event-card h3{font-size:28px}\n\n  .th-event-content{padding:20px}\n\n  .th-dash-blocks{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .th-dash-block:last-child{\n    grid-column:1\/-1;\n  }\n\n  .th-emc-features{\n    grid-template-columns:1fr;\n  }\n\n  .th-form{\n    grid-template-columns:1fr;\n  }\n\n  .th-field,\n  .th-field.full,\n  .th-consent,\n  .th-submit,\n  .th-form-status{\n    grid-column:1;\n  }\n\n  .th-footer-grid{\n    grid-template-columns:1fr;\n    gap:33px;\n  }\n\n  .th-footer-bottom{display:block}\n}\n\n@media(prefers-reduced-motion:reduce){\n  #th *,\n  #th *:before,\n  #th *:after{\n    animation:none!important;\n    transition:none!important;\n  }\n\n  .th-reveal{\n    opacity:1;\n    transform:none;\n  }\n}\n<\/style>\n\n\n<div id=\"th\">\n\n<nav class=\"th-mobile\" id=\"thMobile\">\n  <a href=\"#difference\"><span data-en>Why Twelve<\/span><span data-ro>De ce Twelve<\/span><\/a>\n  <a href=\"#method\"><span data-en>Method<\/span><span data-ro>Metod\u0103<\/span><\/a>\n  <a href=\"#events\"><span data-en>Events<\/span><span data-ro>Evenimente<\/span><\/a>\n  <a href=\"#technology\"><span data-en>Technology<\/span><span data-ro>Tehnologie<\/span><\/a>\n  <a href=\"#emc\">EMC<\/a>\n  <a href=\"#contact\">Contact<\/a>\n<\/nav>\n\n\n<header class=\"th-header\" id=\"thHeader\">\n\n  <div class=\"th-nav\">\n\n    <a href=\"#top\">\n      <img decoding=\"async\"\n        src=\"https:\/\/health.twelve.ro\/wp-content\/uploads\/2026\/09\/2-scaled-e1789066323192.png\"\n        alt=\"Twelve Health\"\n        class=\"th-logo\"\n      >\n    <\/a>\n\n    <nav class=\"th-links\">\n      <a href=\"#difference\"><span data-en>Why Twelve<\/span><span data-ro>De ce Twelve<\/span><\/a>\n      <a href=\"#method\"><span data-en>Method<\/span><span data-ro>Metod\u0103<\/span><\/a>\n      <a href=\"#events\"><span data-en>Events<\/span><span data-ro>Evenimente<\/span><\/a>\n      <a href=\"#technology\"><span data-en>Technology<\/span><span data-ro>Tehnologie<\/span><\/a>\n      <a href=\"#emc\">EMC<\/a>\n    <\/nav>\n\n    <div class=\"th-actions\">\n\n      <div class=\"th-lang\">\n        <button id=\"thEN\" class=\"active\" type=\"button\">EN<\/button>\n        <button id=\"thRO\" type=\"button\">RO<\/button>\n      <\/div>\n\n      <a href=\"#contact\" class=\"th-plan\">\n        <span data-en>Plan an event \u2192<\/span>\n        <span data-ro>Planific\u0103 un eveniment \u2192<\/span>\n      <\/a>\n\n      <button class=\"th-burger\" id=\"thBurger\" type=\"button\">\u2630<\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/header>\n\n\n<section class=\"th-hero\" id=\"top\">\n\n  <div class=\"th-grid\"><\/div>\n\n  <div class=\"th-dna\" id=\"thDNA\">\n    <div class=\"th-dna-glow\"><\/div>\n  <\/div>\n\n  <div class=\"th-hero-inner\">\n\n    <div class=\"th-eyebrow\">\n      <span class=\"th-live-dot\"><\/span>\n      <span data-en>Medical events. Engineered differently.<\/span>\n      <span data-ro>Evenimente medicale. Construite diferit.<\/span>\n    <\/div>\n\n    <h1 data-en>\n      From Medical<br>\n      <span>to Meaningful.<\/span>\n    <\/h1>\n\n    <h1 data-ro>\n      De la Medical<br>\n      <span>la Memorabil.<\/span>\n    <\/h1>\n\n    <div class=\"th-hero-bottom\">\n\n      <div class=\"th-hero-copy\" data-en>\n        Strategy, scientific context, creative, production and technology working as one system \u2014 with an almost unreasonable attention to detail.\n      <\/div>\n\n      <div class=\"th-hero-copy\" data-ro>\n        Strategie, context medical, crea\u021bie, produc\u021bie \u0219i tehnologie \u00eentr-un singur sistem \u2014 cu o aten\u021bie aproape absurd\u0103 la detalii.\n      <\/div>\n\n      <a href=\"#difference\" class=\"th-button\">\n        <span data-en>Discover Twelve<\/span>\n        <span data-ro>Descoper\u0103 Twelve<\/span>\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<section class=\"th-section th-manifest\">\n\n  <div class=\"th-shell th-manifest-grid\">\n\n    <div class=\"th-kicker\">\n      <span data-en>Our point of view<\/span>\n      <span data-ro>Perspectiva noastr\u0103<\/span>\n    <\/div>\n\n    <div>\n\n      <h2 class=\"th-reveal\" data-en>\n        Medicine is complex.<br>\n        Your event <em>shouldn't be.<\/em>\n      <\/h2>\n\n      <h2 class=\"th-reveal\" data-ro>\n        Medicina este complex\u0103.<br>\n        Evenimentul t\u0103u <em>nu trebuie s\u0103 fie.<\/em>\n      <\/h2>\n\n      <p class=\"th-reveal\" data-en>\n        What participants should feel is simplicity, clarity and flow. What sits behind it is strategy, production, technology, hundreds of decisions and thousands of details.\n      <\/p>\n\n      <p class=\"th-reveal\" data-ro>\n        Participantul trebuie s\u0103 simt\u0103 simplitate, claritate \u0219i flow. \u00cen spate stau strategie, produc\u021bie, tehnologie, sute de decizii \u0219i mii de detalii.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<section class=\"th-section th-inhouse\" id=\"difference\">\n\n  <div class=\"th-shell th-inhouse-grid\">\n\n    <div>\n\n      <div class=\"th-kicker\">\n        <span data-en>The Twelve difference<\/span>\n        <span data-ro>Diferen\u021ba Twelve<\/span>\n      <\/div>\n\n      <h2 class=\"th-title th-reveal\" data-en>\n        Everything connected.<br>\n        <span class=\"th-fade\">One team accountable.<\/span>\n      <\/h2>\n\n      <h2 class=\"th-title th-reveal\" data-ro>\n        Totul conectat.<br>\n        <span class=\"th-fade\">O singur\u0103 echip\u0103 responsabil\u0103.<\/span>\n      <\/h2>\n\n      <div class=\"th-inhouse-copy th-reveal\" data-en>\n        Strategy, creative, project management, participant technology, communication, sponsor management, production coordination, accreditation workflows, operations and reporting.\n        <br><br>\n        No fragmented ownership. No unnecessary hand-offs. No \u201cthat's someone else's job.\u201d\n      <\/div>\n\n      <div class=\"th-inhouse-copy th-reveal\" data-ro>\n        Strategie, crea\u021bie, project management, tehnologie pentru participan\u021bi, comunicare, sponsori, coordonare produc\u021bie, acreditare, opera\u021bional \u0219i raportare.\n        <br><br>\n        F\u0103r\u0103 responsabilit\u0103\u021bi fragmentate. F\u0103r\u0103 pase inutile. F\u0103r\u0103 \u201easta \u021bine de altcineva\u201d.\n      <\/div>\n\n    <\/div>\n\n    <div class=\"th-pipeline\">\n\n      <div class=\"th-pipeline-line\"><\/div>\n      <div class=\"th-pipeline-light\"><\/div>\n\n      <div class=\"th-pipeline-items\">\n        <div class=\"th-pipeline-item\">01<strong>Strategy<\/strong><\/div>\n        <div class=\"th-pipeline-item\">02<strong>Creative<\/strong><\/div>\n        <div class=\"th-pipeline-item\">03<strong>Medical<\/strong><\/div>\n        <div class=\"th-pipeline-item\">04<strong>Production<\/strong><\/div>\n        <div class=\"th-pipeline-item\">05<strong>Technology<\/strong><\/div>\n        <div class=\"th-pipeline-item\">06<strong>Operations<\/strong><\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<section class=\"th-section th-details\">\n\n  <div class=\"th-shell\">\n\n    <div class=\"th-details-head\">\n\n      <div>\n\n        <div class=\"th-kicker\">\n          <span data-en>The invisible layer<\/span>\n          <span data-ro>Stratul invizibil<\/span>\n        <\/div>\n\n        <h2 class=\"th-title th-reveal\" data-en>\n          The details nobody applauds<br>\n          <span class=\"th-fade\">are the reason everything feels right.<\/span>\n        <\/h2>\n\n        <h2 class=\"th-title th-reveal\" data-ro>\n          Detaliile pe care nimeni nu le aplaud\u0103<br>\n          <span class=\"th-fade\">sunt motivul pentru care totul pare impecabil.<\/span>\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"th-details-note th-reveal\" data-en>\n        The stage is visible. The real work lives behind it: timing, decks, logistics, accreditation, backup plans, sponsors and participant flow.\n      <\/div>\n\n      <div class=\"th-details-note th-reveal\" data-ro>\n        Scena este vizibil\u0103. Munca real\u0103 st\u0103 \u00een spate: timing, prezent\u0103ri, logistic\u0103, acreditare, backup-uri, sponsori \u0219i fluxul participan\u021bilor.\n      <\/div>\n\n    <\/div>\n\n    <div class=\"th-detail-grid\">\n      <div class=\"th-detail\"><small>01<\/small><strong>Speaker Journey<\/strong><p>Communication \u00b7 decks \u00b7 rehearsal \u00b7 backstage<\/p><\/div>\n      <div class=\"th-detail\"><small>02<\/small><strong>Guest Flow<\/strong><p>Arrival \u00b7 signage \u00b7 transitions \u00b7 room flow<\/p><\/div>\n      <div class=\"th-detail\"><small>03<\/small><strong>Show Calling<\/strong><p>Cue by cue \u00b7 minute by minute<\/p><\/div>\n      <div class=\"th-detail\"><small>04<\/small><strong>Backup Thinking<\/strong><p>The plan guests should never notice<\/p><\/div>\n      <div class=\"th-detail\"><small>05<\/small><strong>Sponsor Delivery<\/strong><p>Expo \u00b7 deadlines \u00b7 visibility \u00b7 reporting<\/p><\/div>\n      <div class=\"th-detail\"><small>06<\/small><strong>Medical Accuracy<\/strong><p>Names \u00b7 titles \u00b7 specialties \u00b7 terminology<\/p><\/div>\n      <div class=\"th-detail\"><small>07<\/small><strong>EMC Workflow<\/strong><p>Attendance \u00b7 eligibility \u00b7 certificates<\/p><\/div>\n      <div class=\"th-detail\"><small>08<\/small><strong>Post-event Data<\/strong><p>The event ends. The intelligence doesn't.<\/p><\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<section class=\"th-section th-method\" id=\"method\">\n\n  <div class=\"th-shell\">\n\n    <div class=\"th-kicker\">The Twelve Health Method<\/div>\n\n    <h2 class=\"th-title th-reveal\" data-en>\n      Twelve steps.<br>\n      <span class=\"th-fade\">Zero loose ends.<\/span>\n    <\/h2>\n\n    <h2 class=\"th-title th-reveal\" data-ro>\n      Doisprezece pa\u0219i.<br>\n      <span class=\"th-fade\">Niciun cap\u0103t l\u0103sat liber.<\/span>\n    <\/h2>\n\n    <div class=\"th-method-grid\">\n      <div class=\"th-step\"><small>01<\/small><h3>Diagnosis<\/h3><p>Objectives \u00b7 audience \u00b7 context<\/p><\/div>\n      <div class=\"th-step\"><small>02<\/small><h3>Vision<\/h3><p>Strategy before logistics<\/p><\/div>\n      <div class=\"th-step\"><small>03<\/small><h3>DNA<\/h3><p>Identity \u00b7 tone \u00b7 experience<\/p><\/div>\n      <div class=\"th-step\"><small>04<\/small><h3>Platform<\/h3><p>Registration \u00b7 communication \u00b7 data<\/p><\/div>\n      <div class=\"th-step\"><small>05<\/small><h3>Check-in<\/h3><p>QR \u00b7 badge \u00b7 fast flow<\/p><\/div>\n      <div class=\"th-step\"><small>06<\/small><h3>Experience<\/h3><p>Every touchpoint designed<\/p><\/div>\n      <div class=\"th-step\"><small>07<\/small><h3>Production<\/h3><p>Technical delivery without friction<\/p><\/div>\n      <div class=\"th-step\"><small>08<\/small><h3>Engagement<\/h3><p>Participants \u00b7 faculty \u00b7 sponsors<\/p><\/div>\n      <div class=\"th-step\"><small>09<\/small><h3>EMC<\/h3><p>Attendance \u00b7 accreditation<\/p><\/div>\n      <div class=\"th-step\"><small>10<\/small><h3>Measure<\/h3><p>Real data \u00b7 better decisions<\/p><\/div>\n      <div class=\"th-step\"><small>11<\/small><h3>Amplify<\/h3><p>Content beyond the room<\/p><\/div>\n      <div class=\"th-step\"><small>12<\/small><h3>Follow-up<\/h3><p>Reporting \u00b7 community \u00b7 next step<\/p><\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<section class=\"th-section th-events\" id=\"events\">\n\n  <div class=\"th-shell\">\n\n    <div class=\"th-events-head\">\n\n      <div>\n        <div class=\"th-kicker\" id=\"thEventsKicker\">Medical experiences in motion<\/div>\n\n        <h2 class=\"th-title\" id=\"thEventsTitle\">\n          Science.<br>\n          <span class=\"th-fade\">Brought to life.<\/span>\n        <\/h2>\n      <\/div>\n\n      <div class=\"th-events-controls\" id=\"thEventsControls\">\n        <button class=\"th-events-arrow\" id=\"thEventsPrev\" type=\"button\">\u2190<\/button>\n        <button class=\"th-events-arrow\" id=\"thEventsNext\" type=\"button\">\u2192<\/button>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"th-events-loading\" id=\"thEventsLoading\">\n      Loading events\n    <\/div>\n\n    <div class=\"th-events-viewport\" id=\"thEventsViewport\" style=\"display:none;\">\n      <div class=\"th-events-track\" id=\"thEventsTrack\"><\/div>\n    <\/div>\n\n    <div class=\"th-events-bottom\" id=\"thEventsBottom\" style=\"display:none;\">\n      <div class=\"th-events-progress\">\n        <span id=\"thEventsProgress\"><\/span>\n      <\/div>\n      <div class=\"th-events-counter\" id=\"thEventsCounter\">01 \/ 01<\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<section class=\"th-section th-tech\" id=\"technology\">\n\n  <div class=\"th-shell\">\n\n    <div class=\"th-kicker\">\n      <span data-en>Technology layer<\/span>\n      <span data-ro>Stratul tehnologic<\/span>\n    <\/div>\n\n    <h2 class=\"th-title th-reveal\" data-en>\n      One event.<br>\n      <span class=\"th-fade\">One intelligent ecosystem.<\/span>\n    <\/h2>\n\n    <h2 class=\"th-title th-reveal\" data-ro>\n      Un eveniment.<br>\n      <span class=\"th-fade\">Un ecosistem inteligent.<\/span>\n    <\/h2>\n\n    <div class=\"th-tech-grid\">\n\n      <div class=\"th-tech-card th-tech-main th-reveal\">\n\n        <h3>Live Event Intelligence<\/h3>\n\n        <p data-en>\n          Registration, check-in, attendance and operations connected in one digital layer.\n        <\/p>\n\n        <p data-ro>\n          \u00cenregistrare, check-in, prezen\u021b\u0103 \u0219i opera\u021biuni conectate \u00eentr-un singur layer digital.\n        <\/p>\n\n        <div class=\"th-dashboard\">\n\n          <div class=\"th-dash-head\">\n            <span>TWELVE HEALTH \/ LIVE<\/span>\n            <span class=\"th-connected\">\u25cf CONNECTED<\/span>\n          <\/div>\n\n          <div class=\"th-dash-blocks\">\n            <div class=\"th-dash-block\"><small>REGISTRATION<\/small><strong>Synced<\/strong><\/div>\n            <div class=\"th-dash-block\"><small>CHECK-IN<\/small><strong>Live<\/strong><\/div>\n            <div class=\"th-dash-block\"><small>ATTENDANCE<\/small><strong>Tracked<\/strong><\/div>\n          <\/div>\n\n          <div class=\"th-wave\"><\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"th-tech-stack\">\n\n        <div class=\"th-tech-card th-tech-small th-reveal\">\n          <h3>Smart Check-in<\/h3>\n          <p data-en>QR, badge printing and participant flow designed to make arrival almost invisible.<\/p>\n          <p data-ro>QR, badge printing \u0219i un flux g\u00e2ndit astfel \u00eenc\u00e2t sosirea participantului s\u0103 fie aproape invizibil\u0103.<\/p>\n        <\/div>\n\n        <div class=\"th-tech-card th-tech-small th-reveal\">\n          <h3>Sponsor Intelligence<\/h3>\n          <p data-en>Engagement, attendance, deliverables and reporting connected to measurable value.<\/p>\n          <p data-ro>Engagement, prezen\u021b\u0103, livrabile \u0219i raportare conectate la valoare m\u0103surabil\u0103.<\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<section class=\"th-section th-journey\">\n\n  <div class=\"th-shell th-journey-grid\">\n\n    <div>\n\n      <div class=\"th-kicker\">\n        <span data-en>Participant experience<\/span>\n        <span data-ro>Experien\u021ba participantului<\/span>\n      <\/div>\n\n      <h2 class=\"th-title th-reveal\" data-en>\n        One journey.<br>\n        <span class=\"th-fade\">Before, during and after.<\/span>\n      <\/h2>\n\n      <h2 class=\"th-title th-reveal\" data-ro>\n        Un singur traseu.<br>\n        <span class=\"th-fade\">\u00cenainte, \u00een timpul \u0219i dup\u0103.<\/span>\n      <\/h2>\n\n      <div class=\"th-copy\" data-en>\n        Registration is only the beginning. We design the complete participant journey from confirmation and check-in to EMC, certificates and post-event communication.\n      <\/div>\n\n      <div class=\"th-copy\" data-ro>\n        \u00cenregistrarea este doar \u00eenceputul. Construim traseul complet de la confirmare \u0219i check-in p\u00e2n\u0103 la EMC, certificate \u0219i comunicarea post-eveniment.\n      <\/div>\n\n      <a href=\"https:\/\/access.twelve.ro\" target=\"_blank\" class=\"th-portal\">\n        <span data-en>Access your event<\/span>\n        <span data-ro>Acceseaz\u0103 evenimentul<\/span>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"th-journey-flow\">\n      <div class=\"th-journey-item\"><span>01<\/span><strong>Registration<\/strong><\/div>\n      <div class=\"th-journey-item\"><span>02<\/span><strong>Confirmation<\/strong><\/div>\n      <div class=\"th-journey-item\"><span>03<\/span><strong>Smart Check-in<\/strong><\/div>\n      <div class=\"th-journey-item\"><span>04<\/span><strong>Live Experience<\/strong><\/div>\n      <div class=\"th-journey-item\"><span>05<\/span><strong>EMC & Attendance<\/strong><\/div>\n      <div class=\"th-journey-item\"><span>06<\/span><strong>Certificates<\/strong><\/div>\n      <div class=\"th-journey-item\"><span>07<\/span><strong>Follow-up<\/strong><\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<section class=\"th-emc\" id=\"emc\">\n\n  <div class=\"th-shell th-emc-grid\">\n\n    <div>\n\n      <img decoding=\"async\"\n        src=\"https:\/\/health.twelve.ro\/wp-content\/uploads\/2026\/09\/1-scaled-e1789066286876.png\"\n        alt=\"Twelve Health\"\n        class=\"th-logo-black\"\n      >\n\n      <h2 class=\"th-reveal\" data-en>\n        EMC.<br>\n        Integrated into<br>\n        the journey.\n      <\/h2>\n\n      <h2 class=\"th-reveal\" data-ro>\n        EMC.<br>\n        Integrat \u00een<br>\n        experien\u021b\u0103.\n      <\/h2>\n\n    <\/div>\n\n    <div>\n\n      <div class=\"th-emc-copy\" data-en>\n        Accreditation should not feel like an administrative appendix. Attendance validation, EMC information, eligibility and certificate delivery belong in the same participant experience.\n      <\/div>\n\n      <div class=\"th-emc-copy\" data-ro>\n        Acreditarea nu trebuie s\u0103 par\u0103 o anex\u0103 administrativ\u0103. Validarea prezen\u021bei, informa\u021biile EMC, eligibilitatea \u0219i certificatele trebuie s\u0103 fac\u0103 parte din aceea\u0219i experien\u021b\u0103.\n      <\/div>\n\n      <div class=\"th-emc-features\">\n        <div class=\"th-emc-feature\">Attendance Tracking<span>Digital participant validation<\/span><\/div>\n        <div class=\"th-emc-feature\">EMC Status<span>Displayed when officially confirmed<\/span><\/div>\n        <div class=\"th-emc-feature\">Certificate Flow<span>Connected to attendance and eligibility<\/span><\/div>\n        <div class=\"th-emc-feature\">Reporting<span>Clear organiser-level records<\/span><\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<section class=\"th-partners\">\n\n  <div class=\"th-partners-title\">\n    <span data-en>Selected venues, organisations & collaborators in our event ecosystem<\/span>\n    <span data-ro>Loca\u021bii, organiza\u021bii \u0219i colaboratori din ecosistemul nostru de evenimente<\/span>\n  <\/div>\n\n  <div class=\"th-marquee\">\n\n    <div class=\"th-marquee-track\">\n      <span>Dental Depot<\/span>\n      <span>ESAG<\/span>\n      <span>BSARG<\/span>\n      <span>JW Marriott Bucharest<\/span>\n      <span>Palace of Parliament<\/span>\n      <span>MNAR<\/span>\n\n      <span>Dental Depot<\/span>\n      <span>ESAG<\/span>\n      <span>BSARG<\/span>\n      <span>JW Marriott Bucharest<\/span>\n      <span>Palace of Parliament<\/span>\n      <span>MNAR<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<section class=\"th-contact\" id=\"contact\">\n\n  <div class=\"th-shell th-contact-grid\">\n\n    <div>\n\n      <h2 class=\"th-reveal\" data-en>\n        Let's make your next medical event meaningful.\n      <\/h2>\n\n      <h2 class=\"th-reveal\" data-ro>\n        Hai s\u0103 facem urm\u0103torul t\u0103u eveniment medical memorabil.\n      <\/h2>\n\n      <div class=\"th-contact-copy\" data-en>\n        Tell us what you want to achieve. We'll think about everything that needs to happen between the first idea and the final guest leaving.\n      <\/div>\n\n      <div class=\"th-contact-copy\" data-ro>\n        Spune-ne ce vrei s\u0103 ob\u021bii. Noi ne g\u00e2ndim la tot ce trebuie s\u0103 se \u00eent\u00e2mple \u00eentre prima idee \u0219i ultimul participant care pleac\u0103.\n      <\/div>\n\n      <div class=\"th-direct\">\n        <a href=\"mailto:health@twelve.ro\">health@twelve.ro<\/a>\n        <a href=\"https:\/\/www.linkedin.com\/company\/twelveromania-health\/\" target=\"_blank\">LinkedIn \u2197<\/a>\n        <a href=\"https:\/\/www.instagram.com\/twelveromania.health\" target=\"_blank\">Instagram \u2197<\/a>\n      <\/div>\n\n    <\/div>\n\n\n    <form class=\"th-form\" id=\"thForm\">\n\n      <div class=\"th-field\">\n        <label><span data-en>Name<\/span><span data-ro>Nume<\/span><\/label>\n        <input type=\"text\" name=\"name\" required>\n      <\/div>\n\n      <div class=\"th-field\">\n        <label><span data-en>Organisation<\/span><span data-ro>Organiza\u021bie<\/span><\/label>\n        <input type=\"text\" name=\"organisation\">\n      <\/div>\n\n      <div class=\"th-field\">\n        <label>Email<\/label>\n        <input type=\"email\" name=\"email\" required>\n      <\/div>\n\n      <div class=\"th-field\">\n        <label><span data-en>Phone<\/span><span data-ro>Telefon<\/span><\/label>\n        <input type=\"tel\" name=\"phone\">\n      <\/div>\n\n      <div class=\"th-field\">\n        <label><span data-en>Event type<\/span><span data-ro>Tip eveniment<\/span><\/label>\n\n        <select name=\"event_type\">\n          <option value=\"\">\u2014<\/option>\n          <option>Congress<\/option>\n          <option>Conference<\/option>\n          <option>Masterclass<\/option>\n          <option>Scientific Meeting<\/option>\n          <option>Workshop<\/option>\n          <option>Advisory Board<\/option>\n          <option>Product Launch<\/option>\n          <option>Other<\/option>\n        <\/select>\n\n      <\/div>\n\n      <div class=\"th-field\">\n        <label><span data-en>Participants<\/span><span data-ro>Participan\u021bi<\/span><\/label>\n        <input type=\"number\" name=\"participants\" min=\"1\">\n      <\/div>\n\n      <div class=\"th-field\">\n        <label><span data-en>Preferred date<\/span><span data-ro>Data dorit\u0103<\/span><\/label>\n        <input type=\"date\" name=\"preferred_date\">\n      <\/div>\n\n      <div class=\"th-field\">\n        <label><span data-en>City<\/span><span data-ro>Ora\u0219<\/span><\/label>\n        <input type=\"text\" name=\"city\">\n      <\/div>\n\n      <div class=\"th-field full\">\n        <label><span data-en>Tell us about the event<\/span><span data-ro>Spune-ne despre eveniment<\/span><\/label>\n        <textarea name=\"message\" required><\/textarea>\n      <\/div>\n\n      <label class=\"th-consent\">\n        <input type=\"checkbox\" required>\n\n        <span data-en>\n          I agree that Twelve Health may use these details to respond to my enquiry.\n        <\/span>\n\n        <span data-ro>\n          Sunt de acord ca Twelve Health s\u0103 foloseasc\u0103 aceste date pentru a r\u0103spunde solicit\u0103rii.\n        <\/span>\n      <\/label>\n\n      <button type=\"submit\" class=\"th-submit\">\n        <span data-en>Request a proposal<\/span>\n        <span data-ro>Solicit\u0103 o propunere<\/span>\n        <span>\u2192<\/span>\n      <\/button>\n\n      <div class=\"th-form-status\" id=\"thFormStatus\"><\/div>\n\n    <\/form>\n\n  <\/div>\n\n<\/section>\n\n\n<footer class=\"th-footer\">\n\n  <div class=\"th-shell\">\n\n    <div class=\"th-footer-grid\">\n\n      <div>\n\n        <img decoding=\"async\"\n          src=\"https:\/\/health.twelve.ro\/wp-content\/uploads\/2026\/09\/2-scaled-e1789066323192.png\"\n          alt=\"Twelve Health\"\n          class=\"th-footer-logo\"\n        >\n\n        <div class=\"th-footer-copy\" data-en>\n          From Medical to Meaningful.\n          <br><br>\n          Strategy, science, attention to detail, production and technology for medical events.\n        <\/div>\n\n        <div class=\"th-footer-copy\" data-ro>\n          De la Medical la Memorabil.\n          <br><br>\n          Strategie, \u0219tiin\u021b\u0103, aten\u021bie la detalii, produc\u021bie \u0219i tehnologie pentru evenimente medicale.\n        <\/div>\n\n        <div class=\"th-socials\">\n          <a class=\"th-social\" href=\"https:\/\/www.linkedin.com\/company\/twelveromania-health\/\" target=\"_blank\">in<\/a>\n          <a class=\"th-social\" href=\"https:\/\/www.instagram.com\/twelveromania.health\" target=\"_blank\">IG<\/a>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"th-footer-col\">\n        <h4>Explore<\/h4>\n        <a href=\"#difference\">Why Twelve<\/a>\n        <a href=\"#method\">Method<\/a>\n        <a href=\"#events\">Events<\/a>\n        <a href=\"#technology\">Technology<\/a>\n      <\/div>\n\n      <div class=\"th-footer-col\">\n        <h4>Medical<\/h4>\n        <a href=\"#emc\">EMC<\/a>\n        <a href=\"#events\">Congresses<\/a>\n        <a href=\"#events\">Masterclasses<\/a>\n      <\/div>\n\n      <div class=\"th-footer-col\">\n        <h4>Connect<\/h4>\n        <a href=\"mailto:health@twelve.ro\">health@twelve.ro<\/a>\n        <a href=\"https:\/\/www.linkedin.com\/company\/twelveromania-health\/\" target=\"_blank\">LinkedIn<\/a>\n        <a href=\"https:\/\/www.instagram.com\/twelveromania.health\" target=\"_blank\">Instagram<\/a>\n        <a href=\"https:\/\/access.twelve.ro\" target=\"_blank\">Participant Access<\/a>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"th-footer-bottom\">\n      <div>\u00a9 2026 Twelve Health. All rights reserved.<\/div>\n      <div>A medical events brand by Dynamic BTL Events.<\/div>\n    <\/div>\n\n  <\/div>\n\n<\/footer>\n\n<\/div>\n\n\n<script>\n(function(){\n\n  const root = document.getElementById('th');\n  const header = document.getElementById('thHeader');\n  const enButton = document.getElementById('thEN');\n  const roButton = document.getElementById('thRO');\n  const burger = document.getElementById('thBurger');\n  const mobile = document.getElementById('thMobile');\n  const dna = document.getElementById('thDNA');\n\n  let currentLanguage =\n    localStorage.getItem('twelve-health-language') || 'en';\n\n  let allEvents = [];\n  let shownEvents = [];\n  let eventMode = 'upcoming';\n\n\n  \/* LANGUAGE *\/\n\n  function setLanguage(lang){\n\n    currentLanguage = lang;\n\n    root.classList.toggle('lang-ro',lang === 'ro');\n\n    enButton.classList.toggle('active',lang === 'en');\n    roButton.classList.toggle('active',lang === 'ro');\n\n    localStorage.setItem('twelve-health-language',lang);\n\n    if(allEvents.length){\n      renderEvents();\n    }\n  }\n\n  enButton.addEventListener('click',()=>setLanguage('en'));\n  roButton.addEventListener('click',()=>setLanguage('ro'));\n\n  setLanguage(currentLanguage);\n\n\n  \/* HEADER *\/\n\n  function updateHeader(){\n    header.classList.toggle('scrolled',window.scrollY > 30);\n  }\n\n  window.addEventListener('scroll',updateHeader,{passive:true});\n  updateHeader();\n\n\n  \/* MOBILE MENU *\/\n\n  burger.addEventListener('click',function(){\n\n    mobile.classList.toggle('open');\n\n    burger.textContent =\n      mobile.classList.contains('open')\n      ? '\u00d7'\n      : '\u2630';\n  });\n\n  mobile.querySelectorAll('a').forEach(function(link){\n\n    link.addEventListener('click',function(){\n      mobile.classList.remove('open');\n      burger.textContent='\u2630';\n    });\n\n  });\n\n\n  \/* DNA *\/\n\n  for(let i=0;i<18;i++){\n\n    const rung=document.createElement('div');\n\n    rung.className='th-rung';\n\n    rung.style.setProperty('--i',i);\n\n    dna.appendChild(rung);\n  }\n\n\n  \/* REVEAL *\/\n\n  const observer=new IntersectionObserver(function(entries){\n\n    entries.forEach(function(entry){\n\n      if(entry.isIntersecting){\n\n        entry.target.classList.add('visible');\n\n        observer.unobserve(entry.target);\n      }\n\n    });\n\n  },{threshold:.12});\n\n\n  document.querySelectorAll('.th-reveal').forEach(function(el){\n    observer.observe(el);\n  });\n\n\n  \/* HERO GLOW *\/\n\n  const hero=document.querySelector('.th-hero');\n\n  if(hero && window.matchMedia('(pointer:fine)').matches){\n\n    hero.addEventListener('pointermove',function(event){\n\n      const rect=hero.getBoundingClientRect();\n\n      const x=((event.clientX-rect.left)\/rect.width)*100;\n      const y=((event.clientY-rect.top)\/rect.height)*100;\n\n      hero.style.setProperty('--mx',x+'%');\n      hero.style.setProperty('--my',y+'%');\n\n    });\n  }\n\n\n  \/* EVENTS *\/\n\n  const eventsSection=document.getElementById('events');\n  const eventsKicker=document.getElementById('thEventsKicker');\n  const eventsTitle=document.getElementById('thEventsTitle');\n  const eventsLoading=document.getElementById('thEventsLoading');\n  const eventsViewport=document.getElementById('thEventsViewport');\n  const eventsTrack=document.getElementById('thEventsTrack');\n  const eventsControls=document.getElementById('thEventsControls');\n  const eventsPrev=document.getElementById('thEventsPrev');\n  const eventsNext=document.getElementById('thEventsNext');\n  const eventsBottom=document.getElementById('thEventsBottom');\n  const eventsProgress=document.getElementById('thEventsProgress');\n  const eventsCounter=document.getElementById('thEventsCounter');\n\n\n  function todayISO(){\n\n    const now=new Date();\n\n    return (\n      now.getFullYear()+'-'+\n      String(now.getMonth()+1).padStart(2,'0')+'-'+\n      String(now.getDate()).padStart(2,'0')\n    );\n  }\n\n\n  function endDate(event){\n    return event.end_date || event.start_date || '';\n  }\n\n\n  function parseDate(value){\n\n    if(!value)return null;\n\n    const p=value.split('-');\n\n    return {\n      y:Number(p[0]),\n      m:Number(p[1]),\n      d:Number(p[2])\n    };\n  }\n\n\n  function monthName(month){\n\n    const en=['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'];\n    const ro=['IAN','FEB','MAR','APR','MAI','IUN','IUL','AUG','SEP','OCT','NOV','DEC'];\n\n    return (currentLanguage==='ro'?ro:en)[month-1];\n  }\n\n\n  function formatDateRange(start,end){\n\n    const s=parseDate(start);\n    const e=parseDate(end);\n\n    if(!s)return '';\n\n    if(!e || start===end){\n      return `${s.d} ${monthName(s.m)} ${s.y}`;\n    }\n\n    if(s.y===e.y && s.m===e.m){\n      return `${s.d}\u2013${e.d} ${monthName(s.m)} ${s.y}`;\n    }\n\n    if(s.y===e.y){\n      return `${s.d} ${monthName(s.m)} \u2013 ${e.d} ${monthName(e.m)} ${e.y}`;\n    }\n\n    return `${s.d} ${monthName(s.m)} ${s.y} \u2013 ${e.d} ${monthName(e.m)} ${e.y}`;\n  }\n\n\n  function isLive(event){\n\n    const today=todayISO();\n\n    return (\n      event.start_date &&\n      today>=event.start_date &&\n      today<=endDate(event)\n    );\n  }\n\n\n  function chooseEvents(){\n\n    const today=todayISO();\n\n    const valid=allEvents.filter(e=>e.start_date);\n\n    const upcoming=valid\n      .filter(e=>endDate(e)>=today)\n      .sort((a,b)=>a.start_date.localeCompare(b.start_date));\n\n    const past=valid\n      .filter(e=>endDate(e)<today)\n      .sort((a,b)=>endDate(b).localeCompare(endDate(a)));\n\n    if(upcoming.length){\n\n      eventMode='upcoming';\n      shownEvents=upcoming.slice(0,8);\n\n    }else{\n\n      eventMode='past';\n      shownEvents=past.slice(0,6);\n    }\n  }\n\n\n  function updateEventsHeading(){\n\n    if(eventMode==='upcoming'){\n\n      if(currentLanguage==='ro'){\n        eventsKicker.textContent='Experien\u021be medicale \u00een desf\u0103\u0219urare';\n        eventsTitle.innerHTML='\u0218tiin\u021b\u0103.<br><span class=\"th-fade\">Adus\u0103 la via\u021b\u0103.<\/span>';\n      }else{\n        eventsKicker.textContent='Medical experiences in motion';\n        eventsTitle.innerHTML='Science.<br><span class=\"th-fade\">Brought to life.<\/span>';\n      }\n\n    }else{\n\n      if(currentLanguage==='ro'){\n        eventsKicker.textContent='Experien\u021be medicale recente';\n        eventsTitle.innerHTML='Evenimente medicale.<br><span class=\"th-fade\">Experien\u021be care r\u0103m\u00e2n.<\/span>';\n      }else{\n        eventsKicker.textContent='Recent medical experiences';\n        eventsTitle.innerHTML='Medical events.<br><span class=\"th-fade\">Experiences that remain.<\/span>';\n      }\n    }\n  }\n\n\n  function createEventCard(event,index){\n\n    const card=document.createElement('article');\n\n    card.className='th-event-card';\n\n    if(eventMode==='past'){\n      card.classList.add('past');\n    }\n\n\n    if(event.event_url){\n\n      card.classList.add('is-link');\n      card.tabIndex=0;\n\n      card.addEventListener('click',function(e){\n\n        if(e.target.closest('.th-event-ticket'))return;\n\n        window.location.href=event.event_url;\n      });\n\n      card.addEventListener('keydown',function(e){\n\n        if(e.key==='Enter'){\n          window.location.href=event.event_url;\n        }\n      });\n    }\n\n\n    if(event.cover){\n\n      const cover=document.createElement('div');\n\n      cover.className='th-event-cover';\n\n      const img=document.createElement('img');\n\n      img.src=event.cover;\n      img.alt=event.title || '';\n      img.loading='lazy';\n\n      cover.appendChild(img);\n\n      card.appendChild(cover);\n\n    }else{\n\n      const fallback=document.createElement('div');\n\n      fallback.className='th-event-no-cover';\n\n      card.appendChild(fallback);\n    }\n\n\n    const shade=document.createElement('div');\n\n    shade.className='th-event-shade';\n\n    card.appendChild(shade);\n\n\n    const top=document.createElement('div');\n\n    top.className='th-event-top';\n\n\n    if(eventMode==='upcoming'){\n\n      if(isLive(event)){\n\n        const badge=document.createElement('span');\n\n        badge.className='th-event-badge live';\n\n        badge.textContent=\n          currentLanguage==='ro'\n          ? '\u00cen desf\u0103\u0219urare'\n          : 'Live';\n\n        top.appendChild(badge);\n\n      }else if(index===0){\n\n        const badge=document.createElement('span');\n\n        badge.className='th-event-badge primary';\n\n        badge.textContent=\n          currentLanguage==='ro'\n          ? 'Urm\u0103torul'\n          : 'Next';\n\n        top.appendChild(badge);\n      }\n\n    }else{\n\n      const badge=document.createElement('span');\n\n      badge.className='th-event-badge';\n\n      badge.textContent=\n        currentLanguage==='ro'\n        ? 'Finalizat'\n        : 'Completed';\n\n      top.appendChild(badge);\n    }\n\n\n    if(event.type){\n\n      const badge=document.createElement('span');\n\n      badge.className='th-event-badge';\n\n      badge.textContent=event.type;\n\n      top.appendChild(badge);\n    }\n\n\n    if(event.emc){\n\n      const badge=document.createElement('span');\n\n      badge.className='th-event-badge';\n\n      badge.textContent=event.emc;\n\n      top.appendChild(badge);\n    }\n\n\n    if(top.children.length){\n      card.appendChild(top);\n    }\n\n\n    const content=document.createElement('div');\n\n    content.className='th-event-content';\n\n\n    const metaValues=[];\n\n    const dateText=\n      formatDateRange(\n        event.start_date,\n        event.end_date\n      );\n\n\n    if(dateText){\n      metaValues.push(dateText);\n    }\n\n\n    if(event.location){\n      metaValues.push(event.location);\n    }\n\n\n    if(metaValues.length){\n\n      const meta=document.createElement('div');\n\n      meta.className='th-event-meta';\n\n\n      metaValues.forEach(function(value){\n\n        const span=document.createElement('span');\n\n        span.textContent=value;\n\n        meta.appendChild(span);\n      });\n\n\n      content.appendChild(meta);\n    }\n\n\n    if(event.title){\n\n      const title=document.createElement('h3');\n\n      title.textContent=event.title;\n\n      content.appendChild(title);\n    }\n\n\n    if(event.description){\n\n      const desc=document.createElement('p');\n\n      desc.className='th-event-description';\n\n      desc.textContent=event.description;\n\n      content.appendChild(desc);\n    }\n\n\n    const actions=document.createElement('div');\n\n    actions.className='th-event-actions';\n\n\n    if(event.event_url && event.event_cta){\n\n      const cta=document.createElement('span');\n\n      cta.className='th-event-main-cta';\n\n      cta.textContent=event.event_cta+' \u2192';\n\n      actions.appendChild(cta);\n    }\n\n\n    if(event.ticket_url && event.ticket_cta){\n\n      const ticket=document.createElement('a');\n\n      ticket.className='th-event-ticket';\n\n      ticket.href=event.ticket_url;\n\n      ticket.target='_blank';\n\n      ticket.rel='noopener noreferrer';\n\n      ticket.textContent=event.ticket_cta;\n\n      ticket.addEventListener('click',function(e){\n        e.stopPropagation();\n      });\n\n      actions.appendChild(ticket);\n    }\n\n\n    if(actions.children.length){\n      content.appendChild(actions);\n    }\n\n\n    card.appendChild(content);\n\n    return card;\n  }\n\n\n  function updateCarousel(){\n\n    const max=\n      eventsViewport.scrollWidth-\n      eventsViewport.clientWidth;\n\n    const progress=\n      max>0\n      ? eventsViewport.scrollLeft\/max\n      : 0;\n\n    eventsProgress.style.width=\n      Math.max(5,progress*100)+'%';\n\n    eventsPrev.disabled=\n      eventsViewport.scrollLeft<=3;\n\n    eventsNext.disabled=\n      eventsViewport.scrollLeft>=max-3;\n\n\n    const card=\n      eventsTrack.querySelector('.th-event-card');\n\n    if(!card)return;\n\n\n    const step=\n      card.getBoundingClientRect().width+14;\n\n    const index=\n      Math.min(\n        shownEvents.length,\n        Math.round(eventsViewport.scrollLeft\/step)+1\n      );\n\n    eventsCounter.textContent=\n      String(index).padStart(2,'0')+\n      ' \/ '+\n      String(shownEvents.length).padStart(2,'0');\n  }\n\n\n  function renderEvents(){\n\n    chooseEvents();\n\n\n    if(!shownEvents.length){\n\n      eventsSection.style.display='none';\n\n      return;\n    }\n\n\n    eventsSection.style.display='';\n\n    updateEventsHeading();\n\n    eventsTrack.innerHTML='';\n\n\n    shownEvents.forEach(function(event,index){\n\n      eventsTrack.appendChild(\n        createEventCard(event,index)\n      );\n    });\n\n\n    eventsLoading.style.display='none';\n\n    eventsViewport.style.display='block';\n\n\n    if(shownEvents.length>1){\n\n      eventsControls.style.display='flex';\n\n      eventsBottom.style.display='flex';\n\n    }else{\n\n      eventsControls.style.display='none';\n\n      eventsBottom.style.display='none';\n    }\n\n\n    eventsViewport.scrollLeft=0;\n\n    setTimeout(updateCarousel,50);\n  }\n\n\n  fetch(\n    'https:\/\/health.twelve.ro\/wp-json\/twelve-health\/v1\/events',\n    {\n      cache:'no-store'\n    }\n  )\n  .then(function(response){\n\n    if(!response.ok){\n      throw new Error('Events unavailable');\n    }\n\n    return response.json();\n  })\n  .then(function(data){\n\n    allEvents=\n      Array.isArray(data)\n      ? data\n      : [];\n\n    renderEvents();\n  })\n  .catch(function(error){\n\n    console.error('Twelve Health Events:',error);\n\n    eventsSection.style.display='none';\n  });\n\n\n  function carouselStep(){\n\n    const card=\n      eventsTrack.querySelector('.th-event-card');\n\n    return card\n      ? card.getBoundingClientRect().width+14\n      : 400;\n  }\n\n\n  eventsPrev.addEventListener('click',function(){\n\n    eventsViewport.scrollBy({\n      left:-carouselStep(),\n      behavior:'smooth'\n    });\n  });\n\n\n  eventsNext.addEventListener('click',function(){\n\n    eventsViewport.scrollBy({\n      left:carouselStep(),\n      behavior:'smooth'\n    });\n  });\n\n\n  eventsViewport.addEventListener(\n    'scroll',\n    updateCarousel,\n    {passive:true}\n  );\n\n\n  window.addEventListener(\n    'resize',\n    updateCarousel\n  );\n\n\n  \/* CONTACT FORM *\/\n\n  const form=document.getElementById('thForm');\n\n  const formStatus=document.getElementById('thFormStatus');\n\n\n  if(form){\n\n    form.addEventListener('submit',async function(event){\n\n      event.preventDefault();\n\n\n      if(!form.checkValidity()){\n\n        form.reportValidity();\n\n        return;\n      }\n\n\n      const button=\n        form.querySelector('.th-submit');\n\n      const originalButton=\n        button.innerHTML;\n\n      const language=\n        root.classList.contains('lang-ro')\n        ? 'ro'\n        : 'en';\n\n\n      button.disabled=true;\n      button.style.opacity='.6';\n\n\n      button.innerHTML=\n        language==='ro'\n        ? '<span>Se trimite...<\/span><span>\u2192<\/span>'\n        : '<span>Sending...<\/span><span>\u2192<\/span>';\n\n\n      formStatus.style.color='rgba(6,16,29,.55)';\n\n      formStatus.textContent=\n        language==='ro'\n        ? 'Trimitem solicitarea...'\n        : 'Sending your enquiry...';\n\n\n      const formData=new FormData(form);\n\n      const payload=\n        Object.fromEntries(\n          formData.entries()\n        );\n\n      payload.language=language;\n\n\n      try{\n\n        const response=\n          await fetch(\n            'https:\/\/health.twelve.ro\/wp-json\/twelve-health\/v1\/contact',\n            {\n              method:'POST',\n              headers:{\n                'Content-Type':'application\/json'\n              },\n              body:JSON.stringify(payload)\n            }\n          );\n\n\n        const result=\n          await response.json();\n\n\n        if(!response.ok || !result.success){\n\n          throw new Error(\n            result.message || 'Could not send'\n          );\n        }\n\n\n        formStatus.style.color='#16794b';\n\n        formStatus.textContent=\n          language==='ro'\n          ? 'Mul\u021bumim! Solicitarea a fost trimis\u0103. Revenim c\u00e2t mai cur\u00e2nd.'\n          : 'Thank you! Your enquiry has been sent. We\u2019ll be in touch shortly.';\n\n\n        form.reset();\n\n\n      }catch(error){\n\n        console.error(\n          'Twelve Health Form:',\n          error\n        );\n\n\n        formStatus.style.color='#a52727';\n\n\n        formStatus.textContent=\n          language==='ro'\n          ? 'Nu am putut trimite formularul. Scrie-ne la health@twelve.ro.'\n          : 'We couldn\u2019t send the form. Please email us at health@twelve.ro.';\n      }\n\n\n      button.disabled=false;\n      button.style.opacity='';\n      button.innerHTML=originalButton;\n\n    });\n  }\n\n})();\n<\/script>\n\n<script>\n(function(){\n  const footer = document.querySelector('.th-footer-bottom');\n  if(!footer) return;\n\n  const link = document.createElement('a');\n\n  link.href = 'https:\/\/health.twelve.ro\/privacy\/';\n  link.textContent = 'Privacy & Cookies';\n\n  link.style.color = 'rgba(255,255,255,.35)';\n  link.style.marginLeft = '18px';\n\n  footer.lastElementChild.appendChild(link);\n})();\n<\/script>\n\n<style>\n.th-legal-company{\n  width:min(1220px,calc(100% - 80px));\n  margin:0 auto;\n  padding:16px 0 2px;\n  border-top:1px solid rgba(255,255,255,.05);\n\n  font-family:'Inter',sans-serif;\n  font-size:8px;\n  line-height:1.6;\n  text-align:center;\n\n  color:rgba(255,255,255,.22);\n}\n\n.th-legal-company a{\n  color:rgba(255,255,255,.32);\n  text-decoration:none;\n}\n\n.th-legal-company a:hover{\n  color:#fff;\n}\n\n@media(max-width:600px){\n  .th-legal-company{\n    width:calc(100% - 42px);\n    padding-top:14px;\n    font-size:7.5px;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n\n  const footer = document.querySelector('.th-footer');\n\n  if(!footer) return;\n\n  if(document.getElementById('thLegalCompany')) return;\n\n  const legal = document.createElement('div');\n\n  legal.id = 'thLegalCompany';\n  legal.className = 'th-legal-company';\n\n  legal.innerHTML =\n    'Twelve Health is a medical events brand operated by ' +\n    '<strong>Dynamic BTL Events SRL<\/strong>' +\n    ' \u00b7 CUI RO34846781' +\n    ' \u00b7 <a href=\"mailto:health@twelve.ro\">health@twelve.ro<\/a>';\n\n  footer.appendChild(legal);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Why TwelveDe ce Twelve MethodMetod\u0103 EventsEvenimente TechnologyTehnologie EMC Contact Why TwelveDe ce Twelve MethodMetod\u0103 EventsEvenimente TechnologyTehnologie EMC EN RO Plan an event \u2192 Planific\u0103 un eveniment \u2192 \u2630 Medical events. Engineered differently. Evenimente medicale. Construite diferit. From Medical to Meaningful. De la Medical la Memorabil. Strategy, scientific context, creative, production and technology working as one [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twelve.ro\/health\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twelve.ro\/health\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twelve.ro\/health\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twelve.ro\/health\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twelve.ro\/health\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":41,"href":"https:\/\/twelve.ro\/health\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/twelve.ro\/health\/wp-json\/wp\/v2\/pages\/27\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/twelve.ro\/health\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}