.elementor-43 .elementor-element.elementor-element-9a1ab03{--display:flex;--min-height:70px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-43 .elementor-element.elementor-element-9a1ab03:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-9a1ab03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070F22;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-43 .elementor-element.elementor-element-31e7c8c{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-43 .elementor-element.elementor-element-31e7c8c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-43 .elementor-element.elementor-element-31e7c8c img{height:50px;object-fit:contain;object-position:center center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-43 .elementor-element.elementor-element-623e395{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-43 .elementor-element.elementor-element-623e395.elementor-element{--align-self:center;}.elementor-43 .elementor-element.elementor-element-623e395 .elementor-menu-toggle{margin:0 auto;}.elementor-43 .elementor-element.elementor-element-623e395 .elementor-nav-menu .elementor-item{font-family:"Bricolage Grotesque", Sans-serif;font-weight:700;}.elementor-43 .elementor-element.elementor-element-623e395 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-43 .elementor-element.elementor-element-623e395 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-43 .elementor-element.elementor-element-623e395 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-43 .elementor-element.elementor-element-623e395 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-43 .elementor-element.elementor-element-623e395 .elementor-nav-menu--main .elementor-item:focus{color:#FF6B35;fill:#FF6B35;}.elementor-43 .elementor-element.elementor-element-623e395 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FF6B35;}.elementor-43 .elementor-element.elementor-element-623e395 .elementor-nav-menu--dropdown .elementor-item, .elementor-43 .elementor-element.elementor-element-623e395 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"JetBrains Mono", Sans-serif;font-weight:400;}.elementor-43 .elementor-element.elementor-element-623e395 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-43 .elementor-element.elementor-element-623e395 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-43 .elementor-element.elementor-element-623e395 div.elementor-menu-toggle:hover, .elementor-43 .elementor-element.elementor-element-623e395 div.elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-43 .elementor-element.elementor-element-623e395 div.elementor-menu-toggle:hover svg, .elementor-43 .elementor-element.elementor-element-623e395 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-text );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-43 .elementor-element.elementor-element-9a1ab03{--content-width:1000px;}}@media(max-width:1024px){.elementor-43 .elementor-element.elementor-element-9a1ab03{--min-height:50px;}.elementor-43 .elementor-element.elementor-element-31e7c8c{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-43 .elementor-element.elementor-element-623e395{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}}@media(max-width:767px){.elementor-43 .elementor-element.elementor-element-9a1ab03{--min-height:45px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-43 .elementor-element.elementor-element-31e7c8c{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-43 .elementor-element.elementor-element-31e7c8c img{height:33px;}.elementor-43 .elementor-element.elementor-element-623e395{width:var( --container-widget-width, 35% );max-width:35%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:35%;--container-widget-flex-grow:0;}.elementor-43 .elementor-element.elementor-element-623e395.elementor-element{--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS *//* ============================================================
   RUN365 — Global CSS
   Elementor → Site Settings → Custom CSS
   ============================================================

   CÁCH DÙNG CÁC CSS CLASS:

   .eyebrow        → Gán vào atomic-paragraph làm nhãn eyebrow
                     (thêm .light nếu nền sáng #F6F3EC)

   .reveal         → Gán vào widget cần fade-in khi scroll vào viewport
   .reveal.d1/d2/d3 → Delay 120ms / 240ms / 360ms (cho hiệu ứng lần lượt)
                      Yêu cầu: JS scroll reveal (xem phần JS riêng)

   .pulse-dot      → Gán vào <span> bên trong HTML widget
                     Tạo chấm đỏ nhấp nháy (dùng ở Watch Card live tag)

   .ecg-path       → Gán vào <path> bên trong SVG của Watch Card
                     Tạo hiệu ứng vẽ đường ECG liên tục

   .hero-hl        → Gán vào <span> bên trong text H1
                     Tạo chữ gradient cam (highlight từ khóa)

   .glass-card     → Gán vào Container (Advanced → CSS Classes)
                     Tạo card kính mờ nền tối

   .steps-grid     → Gán vào Container CHA chứa 5 bước (Steps section)
   .step-item      → Gán vào MỖI e-con con bên trong .steps-grid
                     Tự động sinh số 01 → 05 bằng CSS counter

   #nav            → ID của Header template (set trong Elementor → Advanced → CSS ID)
                     JS scroll sẽ toggle class .hide để ẩn/hiện nav

   .sticky-cta     → CSS Class của container Sticky CTA mobile
                     JS toggle class .show để trượt lên từ dưới màn hình

   .bar i          → Thẻ <i> bên trong mỗi thanh progress bar (Feature 2)
                     Đặt --bar-w qua style="" để set độ rộng mục tiêu
                     Ví dụ: <i style="--bar-w:78%"></i>
                     JS toggle class .animated trên .bar khi vào viewport

   Nested Tabs     → CSS tự động áp dụng cho widget Nested Tabs (Goal Selector)
                     Không cần gán class thêm
   ============================================================ */

:root {
  --font-data: 'JetBrains Mono', monospace;
  --line:      rgba(143,163,196,.22);
}

.eyebrow {
  font-family: var(--font-data); font-size: .75rem;
  letter-spacing: .22em; text-transform: uppercase;
  color: #FFB347; display: inline-flex; align-items: center; gap: .6rem;
}
.eyebrow::before {
  content: ""; width: 26px; height: 2px;
  background: #FF6B35; display: inline-block; flex-shrink: 0;
}
.eyebrow.light { color: #C2491D; }
.eyebrow.light::before { background: #C2491D; }

.reveal {
  opacity: 0; transform: translateY(28px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);
}
.reveal.in { opacity: 1; transform: none; }
.reveal.d1 { transition-delay: .12s; }
.reveal.d2 { transition-delay: .24s; }
.reveal.d3 { transition-delay: .36s; }

.pulse-dot {
  display: inline-block; width: 8px; height: 8px;
  border-radius: 50%; background: #FF3B5C; flex-shrink: 0;
  animation: r365Pulse 1.1s ease-in-out infinite;
}
@keyframes r365Pulse {
  0%,100% { transform: scale(1);   opacity: 1;  }
  50%      { transform: scale(1.7); opacity: .45; }
}

.ecg-path {
  fill: none; stroke: #FF3B5C; stroke-width: 2.5;
  stroke-dasharray: 600; stroke-dashoffset: 600;
  animation: r365Draw 3.2s linear infinite;
  filter: drop-shadow(0 0 6px rgba(255,59,92,.7));
}
@keyframes r365Draw { to { stroke-dashoffset: 0; } }

.hero-hl {
  color: transparent;
  background: linear-gradient(95deg, #FFB347, #FF6B35);
  -webkit-background-clip: text; background-clip: text;
}

.glass-card {
  background: rgba(19,38,75,.65);
  border: 1px solid rgba(143,163,196,.22);
  border-radius: 26px;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}

#nav { transition: transform .3s ease; }
#nav.hide { transform: translateY(-100%); }

.sticky-cta {
  transform: translateY(110%);
  transition: transform .35s cubic-bezier(.2,.7,.2,1);
}
.sticky-cta.show { transform: translateY(0); }

.bar i { display: block; width: 0; transition: width 1.4s cubic-bezier(.2,.7,.2,1); }
.bar.animated i { width: var(--bar-w); }

.steps-grid { counter-reset: step; }
.e-con.step-item { counter-increment: step; position: relative; padding-top: 64px; }
.e-con.step-item::before {
  content: "0" counter(step);
  position: absolute; top: 0; left: 0;
  width: 52px; height: 52px; border-radius: 50%;
  background: #13264B; color: #FFB347;
  font-family: 'JetBrains Mono'; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
@media (max-width: 767px) {
  .e-con.step-item { padding-top: 0; padding-left: 70px; }
}

.elementor-widget-n-tabs .e-n-tabs-heading { gap: .7rem; flex-wrap: wrap; }
.e-n-tab-title {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .95rem !important; font-weight: 700 !important;
  border: 1.5px solid rgba(143,163,196,.22) !important;
  border-radius: 999px !important;
  color: #8FA3C4 !important; background: transparent !important;
}
.e-n-tab-title.e-active {
  background: linear-gradient(95deg, #FF6B35, #FF8E53) !important;
  border-color: transparent !important; color: #1B0E05 !important;
}

:focus-visible { outline: 3px solid #FFB347; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  .reveal, .ecg-path, .pulse-dot { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}/* End custom CSS */