.elementor-16150 .elementor-element.elementor-element-39dbca5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 48px 0px 48px;}.elementor-16150 .elementor-element.elementor-element-39dbca5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-5ce72b79{padding:0px 48px 0px 48px;}.elementor-16150 .elementor-element.elementor-element-7283be8f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 120px 100px 120px;}.elementor-16150 .elementor-element.elementor-element-7283be8f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-3e7f3ba1{--spacer-size:16px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-16150 .elementor-element.elementor-element-63afc716{text-align:start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16150 .elementor-element.elementor-element-5fb767dc > .elementor-widget-container{padding:0px 100px 0px 0px;}.elementor-16150 .elementor-element.elementor-element-5fb767dc{text-align:start;}.elementor-16150 .elementor-element.elementor-element-5fb767dc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:65px;font-weight:700;}.elementor-16150 .elementor-element.elementor-element-4f6c08aa{--spacer-size:8px;}.elementor-16150 .elementor-element.elementor-element-4d98b303{text-align:start;}.elementor-16150 .elementor-element.elementor-element-38a0c699{--spacer-size:16px;}.elementor-16150 .elementor-element.elementor-element-3b450020{--spacer-size:24px;}.elementor-16150 .elementor-element.elementor-element-27065066:not(.elementor-motion-effects-element-type-background), .elementor-16150 .elementor-element.elementor-element-27065066 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11151C;}.elementor-16150 .elementor-element.elementor-element-27065066{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-27065066 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-211da661{text-align:start;}.elementor-16150 .elementor-element.elementor-element-1fd591f2{--spacer-size:40px;}.elementor-16150 .elementor-element.elementor-element-5e145247{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-5e145247 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-3bd1053f{text-align:start;}.elementor-16150 .elementor-element.elementor-element-e8f4369{--spacer-size:8px;}.elementor-16150 .elementor-element.elementor-element-7242337b{text-align:start;}.elementor-16150 .elementor-element.elementor-element-1dbb8f38{--spacer-size:32px;}.elementor-16150 .elementor-element.elementor-element-7365bca0:not(.elementor-motion-effects-element-type-background), .elementor-16150 .elementor-element.elementor-element-7365bca0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11151C;}.elementor-16150 .elementor-element.elementor-element-7365bca0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-7365bca0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-3deb5ac7{text-align:start;}.elementor-16150 .elementor-element.elementor-element-1192c9c5{--spacer-size:40px;}.elementor-16150 .elementor-element.elementor-element-7eb3b276{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-7eb3b276 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-5cf133f2{text-align:start;}.elementor-16150 .elementor-element.elementor-element-40e760a9{--spacer-size:32px;}.elementor-16150 .elementor-element.elementor-element-2b267af0{--spacer-size:24px;}.elementor-16150 .elementor-element.elementor-element-462ceb2e:not(.elementor-motion-effects-element-type-background), .elementor-16150 .elementor-element.elementor-element-462ceb2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11151C;}.elementor-16150 .elementor-element.elementor-element-462ceb2e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-462ceb2e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-77214632{text-align:start;}.elementor-16150 .elementor-element.elementor-element-4acc012f{--spacer-size:8px;}.elementor-16150 .elementor-element.elementor-element-34957fde{text-align:start;}.elementor-16150 .elementor-element.elementor-element-63f8276c{--spacer-size:16px;}.elementor-16150 .elementor-element.elementor-element-2f180ec3{text-align:start;}.elementor-16150 .elementor-element.elementor-element-17973646{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-17973646 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-3bd56b55{text-align:start;}.elementor-16150 .elementor-element.elementor-element-2c098ea{--spacer-size:40px;}.elementor-16150 .elementor-element.elementor-element-6cab0dae:not(.elementor-motion-effects-element-type-background), .elementor-16150 .elementor-element.elementor-element-6cab0dae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11151C;}.elementor-16150 .elementor-element.elementor-element-6cab0dae{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-6cab0dae > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-34cd8443{text-align:center;}.elementor-16150 .elementor-element.elementor-element-277a65fe{--spacer-size:40px;}.elementor-16150 .elementor-element.elementor-element-5c45b71c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-5c45b71c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-1948b916{text-align:start;}.elementor-16150 .elementor-element.elementor-element-43aa7dd9{--spacer-size:40px;}.elementor-16150 .elementor-element.elementor-element-35087640:not(.elementor-motion-effects-element-type-background), .elementor-16150 .elementor-element.elementor-element-35087640 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11151C;}.elementor-16150 .elementor-element.elementor-element-35087640{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-35087640 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-4ba713b4{text-align:center;}.elementor-16150 .elementor-element.elementor-element-2e0f947f{--spacer-size:48px;}.elementor-16150 .elementor-element.elementor-element-5b3e282c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 48px 80px 48px;}.elementor-16150 .elementor-element.elementor-element-5b3e282c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-32de920f:not(.elementor-motion-effects-element-type-background), .elementor-16150 .elementor-element.elementor-element-32de920f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11151C;}.elementor-16150 .elementor-element.elementor-element-32de920f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-32de920f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-382dd03d{text-align:center;}.elementor-16150 .elementor-element.elementor-element-7a3da653{--spacer-size:32px;}.elementor-16150 .elementor-element.elementor-element-38f0958e:not(.elementor-motion-effects-element-type-background), .elementor-16150 .elementor-element.elementor-element-38f0958e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0E13;}.elementor-16150 .elementor-element.elementor-element-38f0958e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 48px 120px 48px;}.elementor-16150 .elementor-element.elementor-element-38f0958e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-16150 .elementor-element.elementor-element-7565e43f{text-align:center;}.elementor-16150 .elementor-element.elementor-element-4db8b3dc{--spacer-size:8px;}.elementor-16150 .elementor-element.elementor-element-55be26c{text-align:start;}.elementor-16150 .elementor-element.elementor-element-4a4c2ed6{--spacer-size:32px;}.elementor-16150 .elementor-element.elementor-element-14519df4:not(.elementor-motion-effects-element-type-background), .elementor-16150 .elementor-element.elementor-element-14519df4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0E13;}.elementor-16150 .elementor-element.elementor-element-14519df4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:24px 48px 24px 48px;}.elementor-16150 .elementor-element.elementor-element-14519df4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS *//*
  30-DAY HR CAREER RESET — ELEMENTOR PAGE SETTINGS CSS
  
  WHERE TO PASTE:
  Edit page with Elementor → gear icon (bottom left) →
  Page Settings → Custom CSS (scroll down) → paste here
  
  NOTE: Elementor page CSS scopes with "body.elementor-page-16150" —
  all rules use direct class targeting with !important
*/

/* ============================================================
   GLOBAL
============================================================ */
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-family: 'DM Sans', sans-serif !important;
  color: #F0EDE6 !important;
}
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #F0EDE6 !important;
  font-weight: 500 !important;
}
.elementor-widget-heading .elementor-heading-title em,
.elementor-widget-heading .elementor-heading-title i,
h1 em, h2 em, h3 em {
  color: #C4A355 !important;
  font-style: italic !important;
}
.elementor-widget-heading {
  margin-bottom: 0 !important;
}
.elementor-widget-html a {
  color: inherit !important;
  text-decoration: none !important;
}

/* ============================================================
   CANVAS ANIMATION
============================================================ */
.hr-canvas-section {
  position: static !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  z-index: 0 !important;
}
.hr-canvas-section > .elementor-container,
.hr-canvas-section .elementor-column,
.hr-canvas-section .elementor-widget-wrap,
.hr-canvas-section .elementor-column-wrap,
.hr-canvas-section .elementor-widget,
.hr-canvas-section .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: visible !important;
}
#hr-network-canvas-wrap {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
#hrNetworkCanvas {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.elementor-section:not(.hr-canvas-section):not(.hr-nav-section) {
  position: relative !important;
  z-index: 1 !important;
}

/* ============================================================
   NAVIGATION
============================================================ */
.hr-nav-section {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
}
.hr-nav-section > .elementor-container,
.hr-nav-section .elementor-column,
.hr-nav-section .elementor-column-wrap,
.hr-nav-section .elementor-widget-wrap,
.hr-nav-section .elementor-widget,
.hr-nav-section .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
.hr-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 48px !important;
  background: rgba(11, 14, 19, 0.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  z-index: 99999 !important;
}
.hr-nav-logo,
a.hr-nav-logo,
.elementor-widget-container a.hr-nav-logo {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #F0EDE6 !important;
  text-decoration: none !important;
}
.hr-nav-logo span {
  color: #C4A355 !important;
}
.hr-nav-cta,
a.hr-nav-cta,
.elementor-widget-container a.hr-nav-cta {
  display: inline-block !important;
  padding: 10px 24px !important;
  background: #C4A355 !important;
  color: #0B0E13 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}
a.hr-nav-cta:hover,
.elementor-widget-container a.hr-nav-cta:hover {
  background: #D4B76A !important;
  color: #0B0E13 !important;
}

/* ============================================================
   SHARED
============================================================ */
.hr-section-label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: #C4A355 !important;
  margin-bottom: 20px !important;
}
.hr-section-title .elementor-heading-title {
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.25 !important;
  max-width: 650px !important;
}
.hr-body-text {
  font-size: 16px !important;
  color: #9A978F !important;
  line-height: 1.8 !important;
  max-width: 600px !important;
}

/* ============================================================
   BUTTONS
============================================================ */
.hr-btn-primary,
a.hr-btn-primary,
.elementor-widget-container a.hr-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 16px 36px !important;
  background: #C4A355 !important;
  color: #0B0E13 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  line-height: 1.4 !important;
}
a.hr-btn-primary:hover,
.elementor-widget-container a.hr-btn-primary:hover {
  background: #D4B76A !important;
  color: #0B0E13 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(196, 163, 85, 0.25) !important;
}
.hr-btn-primary .arrow { transition: transform 0.3s ease !important; display: inline-block !important; }
.hr-btn-primary:hover .arrow { transform: translateX(4px) !important; }

.hr-btn-secondary,
a.hr-btn-secondary,
.elementor-widget-container a.hr-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  padding: 16px 36px !important;
  background: transparent !important;
  color: #F0EDE6 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
a.hr-btn-secondary:hover {
  border-color: #6B6860 !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

/* ============================================================
   SECTION BACKGROUNDS
============================================================ */
.hr-hero-section,
.hr-results-section,
.hr-ba-section,
.hr-deliverables-section,
.hr-why-section,
.hr-final-section,
.hr-guarantee-section { background-color: #0B0E13 !important; }
.hr-credentials-section,
.hr-gaps-section,
.hr-urgency-section,
.hr-testimonials-section,
.hr-pricing-section,
.hr-faq-section { background-color: #11151C !important; }

/* ============================================================
   HERO
============================================================ */
.hr-hero-section { position: relative !important; min-height: 90vh !important; overflow: hidden !important; }
.hr-hero-section::before { content: '' !important; position: absolute !important; top: -15% !important; right: -10% !important; width: 700px !important; height: 700px !important; background: radial-gradient(circle, rgba(196,163,85,0.06), rgba(196,163,85,0.02) 40%, transparent 70%) !important; border-radius: 50% !important; animation: hrPulse 6s ease-in-out infinite !important; pointer-events: none !important; }
.hr-hero-section::after { content: '' !important; position: absolute !important; top: 35% !important; right: 0 !important; width: 120% !important; height: 2px !important; background: linear-gradient(90deg, transparent, rgba(196,163,85,0.3) 30%, rgba(196,163,85,0.08) 70%, transparent) !important; transform: rotate(-8deg) !important; transform-origin: top right !important; pointer-events: none !important; }
.hr-badge { display: inline-block !important; padding: 6px 16px !important; background: rgba(196,163,85,0.15) !important; border: 1px solid rgba(196,163,85,0.25) !important; border-radius: 3px !important; font-family: 'DM Sans', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: #C4A355 !important; }
.hr-hero-pre { font-family: 'DM Sans', sans-serif !important; font-size: 18px !important; color: #9A978F !important; }
.hr-hero-title .elementor-heading-title { font-size: clamp(42px, 5.5vw, 68px) !important; line-height: 1.1 !important; }
.hr-hero-sub { font-size: 17px !important; color: #9A978F !important; line-height: 1.7 !important; max-width: 580px !important; }
.hr-hero-stats { display: flex !important; gap: 32px !important; flex-wrap: wrap !important; }
.hr-hero-stat { display: flex !important; align-items: baseline !important; gap: 8px !important; }
.hr-hero-stat .num { font-family: 'Playfair Display', serif !important; font-size: 28px !important; font-weight: 600 !important; color: #C4A355 !important; }
.hr-hero-stat .txt { font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; color: #6B6860 !important; }
.hr-hero-buttons { display: flex !important; gap: 16px !important; flex-wrap: wrap !important; }
.hr-hero-cap { font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; color: #6B6860 !important; font-style: italic !important; margin-top: 16px !important; }

/* ============================================================
   CREDENTIALS
============================================================ */
.hr-cred-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 32px !important; }
.hr-cred-card { background: #151A23 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 8px !important; padding: 36px 28px !important; transition: all 0.3s ease !important; position: relative !important; overflow: hidden !important; }
.hr-cred-card::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 2px !important; background: #C4A355 !important; transform: scaleX(0) !important; transition: transform 0.4s ease !important; }
.hr-cred-card:hover::before { transform: scaleX(1) !important; }
.hr-cred-card:hover { border-color: rgba(196,163,85,0.25) !important; }
.hr-cred-icon { font-size: 20px !important; color: #C4A355 !important; margin-bottom: 16px !important; }
.hr-cred-card h4 { font-family: 'DM Sans', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; color: #F0EDE6 !important; margin-bottom: 10px !important; }
.hr-cred-card p { font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; color: #9A978F !important; line-height: 1.7 !important; }
.hr-cred-quote { font-family: 'Playfair Display', serif !important; font-style: italic !important; color: #F0EDE6 !important; font-size: 15px !important; line-height: 1.6 !important; }
.hr-cred-attrib { font-size: 13px !important; color: #9A978F !important; margin-top: 12px !important; }
.hr-cred-source { font-size: 12px !important; color: #C4A355 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin-top: 12px !important; }

/* ============================================================
   COST BLOCK
============================================================ */
.hr-cost-block { max-width: 680px !important; }
.hr-cost-block h3 { font-family: 'Playfair Display', serif !important; font-size: 22px !important; font-weight: 500 !important; color: #F0EDE6 !important; margin-bottom: 16px !important; }
.hr-cost-block p { font-family: 'DM Sans', sans-serif !important; font-size: 16px !important; color: #9A978F !important; line-height: 1.8 !important; }
.gold { color: #C4A355 !important; }

/* ============================================================
   GAP CARDS
============================================================ */
.hr-gap-cards { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
.hr-gap-card { background: #151A23 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 8px !important; padding: 36px 28px !important; transition: all 0.4s ease !important; position: relative !important; overflow: hidden !important; }
.hr-gap-card::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 2px !important; background: linear-gradient(90deg, #C4A355, #D4B76A) !important; transform: scaleX(0) !important; transform-origin: left !important; transition: transform 0.5s cubic-bezier(0.23,1,0.32,1) !important; }
.hr-gap-card:hover::before { transform: scaleX(1) !important; }
.hr-gap-card:hover { border-color: rgba(196,163,85,0.25) !important; transform: translateY(-4px) !important; box-shadow: 0 16px 48px rgba(0,0,0,0.25) !important; }
.hr-gap-num { font-family: 'Playfair Display', serif !important; font-size: 36px !important; color: #C4A355 !important; opacity: 0.5 !important; margin-bottom: 12px !important; }
.hr-gap-card h3 { font-family: 'Playfair Display', serif !important; font-size: 20px !important; font-weight: 500 !important; color: #F0EDE6 !important; margin-bottom: 12px !important; }
.hr-gap-card p { font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; color: #9A978F !important; line-height: 1.7 !important; }

/* ============================================================
   BEFORE / AFTER
============================================================ */
.hr-ba-table { background: #151A23 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 8px !important; overflow: hidden !important; }
.hr-ba-header { display: grid !important; grid-template-columns: 1fr 1fr !important; }
.hr-ba-col { padding: 20px 28px !important; font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.hr-ba-col.before { color: #6B6860 !important; }
.hr-ba-col.after { color: #C4A355 !important; background: rgba(196,163,85,0.08) !important; }
.hr-ba-row { display: grid !important; grid-template-columns: 1fr 1fr !important; }
.hr-ba-cell { padding: 18px 28px !important; font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; transition: background 0.3s ease !important; }
.hr-ba-cell.before { color: #6B6860 !important; border-right: 1px solid rgba(255,255,255,0.06) !important; }
.hr-ba-cell.after { color: #F0EDE6 !important; }
.hr-ba-row:hover .hr-ba-cell { background: rgba(196,163,85,0.03) !important; }
.hr-ba-row:last-child .hr-ba-cell { border-bottom: none !important; }
.hr-ba-callout { padding: 28px !important; background: #151A23 !important; border: 1px solid rgba(196,163,85,0.25) !important; border-radius: 8px !important; }
.hr-ba-callout p { font-family: 'Playfair Display', serif !important; font-size: 16px !important; font-style: italic !important; color: #F0EDE6 !important; line-height: 1.6 !important; }
.hr-ba-callout .highlight { color: #C4A355 !important; }

/* ============================================================
   DELIVERABLES
============================================================ */
.hr-del-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
.hr-del-item { display: flex !important; align-items: flex-start !important; gap: 20px !important; padding: 28px !important; background: #151A23 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 8px !important; transition: all 0.3s ease !important; }
.hr-del-item:hover { border-color: rgba(196,163,85,0.25) !important; transform: translateX(4px) !important; }
.hr-del-num { flex-shrink: 0 !important; width: 36px !important; height: 36px !important; background: rgba(196,163,85,0.15) !important; border: 1px solid rgba(196,163,85,0.25) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-family: 'Playfair Display', serif !important; font-size: 14px !important; color: #C4A355 !important; font-weight: 600 !important; transition: all 0.3s ease !important; }
.hr-del-item:hover .hr-del-num { background: rgba(196,163,85,0.25) !important; box-shadow: 0 0 12px rgba(196,163,85,0.2) !important; }
.hr-del-item h4 { font-family: 'DM Sans', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; color: #F0EDE6 !important; margin-bottom: 4px !important; }
.hr-del-item p { font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; color: #9A978F !important; line-height: 1.6 !important; }

/* ============================================================
   TESTIMONIALS
============================================================ */
.hr-test-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
.hr-test-card { background: #151A23 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 8px !important; padding: 36px 28px !important; transition: all 0.3s ease !important; position: relative !important; overflow: hidden !important; }
.hr-test-card::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 3px !important; height: 0 !important; background: linear-gradient(180deg, #C4A355, transparent) !important; transition: height 0.5s ease !important; }
.hr-test-card:hover::before { height: 100% !important; }
.hr-test-card:hover { border-color: rgba(196,163,85,0.25) !important; }
.hr-test-mark { font-family: 'Playfair Display', serif !important; font-size: 42px !important; color: #C4A355 !important; opacity: 0.5 !important; line-height: 1 !important; margin-bottom: 12px !important; }
.hr-test-text { font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; color: #9A978F !important; line-height: 1.7 !important; margin-bottom: 24px !important; font-style: italic !important; }
.hr-test-name { font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #F0EDE6 !important; }
.hr-test-role { font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; color: #6B6860 !important; margin-top: 2px !important; }
.hr-test-result { font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; color: #C4A355 !important; margin-top: 8px !important; font-style: italic !important; }

/* ============================================================
   WHY THIS WORKS
============================================================ */
.hr-why-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 80px !important; align-items: center !important; }
.hr-why-text p { font-family: 'DM Sans', sans-serif !important; font-size: 16px !important; color: #9A978F !important; line-height: 1.8 !important; margin-bottom: 20px !important; }
.hr-why-callout { background: #151A23 !important; border: 1px solid rgba(196,163,85,0.25) !important; border-radius: 8px !important; padding: 48px !important; position: relative !important; overflow: hidden !important; }
.hr-why-callout::before { content: '' !important; position: absolute !important; top: -50% !important; right: -50% !important; width: 200px !important; height: 200px !important; background: radial-gradient(circle, rgba(196,163,85,0.06), transparent 70%) !important; border-radius: 50% !important; pointer-events: none !important; }
.hr-callout-divider { width: 40px !important; height: 2px !important; background: #C4A355 !important; margin-bottom: 24px !important; }
.hr-why-callout h4 { font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #F0EDE6 !important; margin-bottom: 8px !important; }
.hr-why-callout p { font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; color: #9A978F !important; line-height: 1.6 !important; margin-bottom: 12px !important; }
.hr-why-tag { font-family: 'DM Sans', sans-serif !important; font-size: 11px !important; color: #C4A355 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; display: inline-block !important; }

/* ============================================================
   PRICING — 2 TIER
============================================================ */
.hr-pricing-section { position: relative !important; overflow: visible !important; }
.hr-pricing-section > .elementor-container,
.hr-pricing-section .elementor-column-wrap,
.hr-pricing-section .elementor-widget-wrap { overflow: visible !important; }
.hr-pricing-section::before { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; width: 800px !important; height: 800px !important; background: radial-gradient(circle, rgba(196,163,85,0.04), transparent 60%) !important; border-radius: 50% !important; animation: hrPulseCenter 7s ease-in-out infinite !important; pointer-events: none !important; z-index: 0 !important; }
.hr-pricing-grid.hr-2col { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 32px !important; max-width: 900px !important; margin: 0 auto !important; padding-top: 20px !important; align-items: stretch !important; position: relative !important; z-index: 1 !important; }
.hr-price-card { background: #151A23 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 10px !important; padding: 40px 32px !important; display: flex !important; flex-direction: column !important; transition: all 0.4s ease !important; position: relative !important; }
.hr-price-card:hover { border-color: rgba(196,163,85,0.25) !important; transform: translateY(-6px) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important; }
.hr-price-card.featured { border-color: #C4A355 !important; background: linear-gradient(180deg, rgba(196,163,85,0.08), #151A23 45%) !important; overflow: visible !important; padding-top: 52px !important; z-index: 2 !important; }
.hr-price-card.featured::after { content: '' !important; position: absolute !important; top: 0 !important; left: -150% !important; width: 100% !important; height: 100% !important; background: linear-gradient(105deg, transparent 40%, rgba(196,163,85,0.06) 50%, transparent 60%) !important; animation: hrShimmer 4s ease-in-out infinite !important; pointer-events: none !important; border-radius: 10px !important; }
.hr-price-card.featured:hover { transform: translateY(-6px) !important; }
.hr-popular-tag { position: absolute !important; top: -16px !important; left: 50% !important; transform: translateX(-50%) !important; padding: 8px 24px !important; background: #C4A355 !important; color: #0B0E13 !important; font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; border-radius: 4px !important; white-space: nowrap !important; box-shadow: 0 4px 20px rgba(196,163,85,0.4) !important; z-index: 10 !important; display: block !important; }
.hr-tier-name { font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: #6B6860 !important; margin-bottom: 8px !important; }
.hr-price-card.featured .hr-tier-name { color: #C4A355 !important; }
.hr-price-card h3 { font-family: 'Playfair Display', serif !important; font-size: 22px !important; font-weight: 500 !important; color: #F0EDE6 !important; margin-bottom: 8px !important; }
.hr-tier-desc { font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; color: #9A978F !important; margin-bottom: 24px !important; line-height: 1.5 !important; }
.hr-price-amount { font-family: 'Playfair Display', serif !important; font-size: 48px !important; font-weight: 600 !important; color: #F0EDE6 !important; margin-bottom: 4px !important; }
.hr-price-amount .currency { font-size: 24px !important; vertical-align: top !important; margin-right: 2px !important; }
.hr-price-note { font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; color: #6B6860 !important; margin-bottom: 32px !important; }
.hr-feature-list { list-style: none !important; margin: 0 0 36px 0 !important; padding: 0 !important; flex: 1 !important; }
.hr-feature-list li { padding: 10px 0 !important; font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; color: #9A978F !important; display: flex !important; align-items: flex-start !important; gap: 12px !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.hr-feature-list li:last-child { border-bottom: none !important; }
.hr-feature-list .check { color: #C4A355 !important; flex-shrink: 0 !important; margin-top: 2px !important; }

/* Pricing CTAs */
.hr-price-cta.filled,
a.hr-price-cta.filled,
.elementor-widget-container a.hr-price-cta.filled { display: block !important; width: 100% !important; padding: 16px !important; background: #C4A355 !important; color: #0B0E13 !important; font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; border: none !important; border-radius: 5px !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; transition: all 0.3s ease !important; box-sizing: border-box !important; }
a.hr-price-cta.filled:hover { background: #D4B76A !important; color: #0B0E13 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(196,163,85,0.3) !important; }
.hr-price-cta.outline,
a.hr-price-cta.outline,
.elementor-widget-container a.hr-price-cta.outline { display: block !important; width: 100% !important; padding: 16px !important; background: transparent !important; color: #F0EDE6 !important; font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 5px !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; transition: all 0.3s ease !important; box-sizing: border-box !important; }
a.hr-price-cta.outline:hover { border-color: #C4A355 !important; color: #C4A355 !important; box-shadow: 0 0 20px rgba(196,163,85,0.1) !important; }
.hr-price-sub { font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; color: #6B6860 !important; text-align: center !important; margin-top: 12px !important; font-style: italic !important; }

/* ============================================================
   GUARANTEE
============================================================ */
.hr-guarantee-section { border-top: 1px solid rgba(255,255,255,0.06) !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.hr-guarantee-box { max-width: 720px !important; margin: 0 auto !important; text-align: center !important; padding: 48px !important; background: #151A23 !important; border: 1px solid rgba(196,163,85,0.25) !important; border-radius: 8px !important; }
.hr-guarantee-divider { width: 40px !important; height: 2px !important; background: #C4A355 !important; margin: 0 auto 24px !important; }
.hr-guarantee-box p { font-family: 'DM Sans', sans-serif !important; font-size: 16px !important; color: #9A978F !important; line-height: 1.8 !important; margin-bottom: 16px !important; }
.hr-guarantee-bold { font-size: 18px !important; font-weight: 600 !important; color: #F0EDE6 !important; }
.hr-guarantee-closer { font-family: 'Playfair Display', serif !important; font-size: 20px !important; font-style: italic !important; color: #C4A355 !important; margin-top: 20px !important; }

/* ============================================================
   FAQ
============================================================ */
.hr-faq-grid { max-width: 760px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }
.hr-faq-item { background: #151A23 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 8px !important; overflow: hidden !important; transition: all 0.3s ease !important; }
.hr-faq-item:hover { border-color: rgba(196,163,85,0.25) !important; }
.hr-faq-q { padding: 24px 28px !important; font-family: 'DM Sans', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; color: #F0EDE6 !important; cursor: pointer !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
.hr-faq-q .toggle { color: #C4A355 !important; font-size: 18px !important; transition: transform 0.3s ease !important; }
.hr-faq-a { padding: 0 28px 24px !important; font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; color: #9A978F !important; line-height: 1.7 !important; display: none !important; }
.hr-faq-item.open .hr-faq-a { display: block !important; }
.hr-faq-item.open .toggle { transform: rotate(45deg) !important; }

/* ============================================================
   FINAL CTA
============================================================ */
.hr-final-section { position: relative !important; overflow: hidden !important; }
.hr-final-section::before { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; width: 600px !important; height: 600px !important; background: radial-gradient(circle, rgba(196,163,85,0.06), transparent 65%) !important; border-radius: 50% !important; animation: hrPulseCenter 5s ease-in-out infinite !important; pointer-events: none !important; }
.hr-final-cap { font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; color: #6B6860 !important; text-align: center !important; margin-top: 20px !important; font-style: italic !important; }

/* ============================================================
   FOOTER
============================================================ */
.hr-footer-section { border-top: 1px solid rgba(255,255,255,0.06) !important; }
.hr-footer { display: flex !important; align-items: center !important; justify-content: space-between !important; font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; color: #6B6860 !important; }
.hr-footer a { color: #6B6860 !important; text-decoration: none !important; margin-left: 24px !important; transition: color 0.3s ease !important; }
.hr-footer a:hover { color: #9A978F !important; }

/* ============================================================
   ANIMATIONS
============================================================ */
@keyframes hrPulse { 0%,100% { opacity: 0.4; transform: scale(1); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes hrPulseCenter { 0%,100% { opacity: 0.4; transform: translate(-50%,-50%) scale(1); } 50% { opacity: 1; transform: translate(-50%,-50%) scale(1.15); } }
@keyframes hrShimmer { 0% { left: -150%; } 50%,100% { left: 150%; } }

/* ============================================================
   RESPONSIVE — TABLET
============================================================ */
@media (max-width: 1024px) {
  .hr-cred-grid, .hr-gap-cards, .hr-test-grid { grid-template-columns: 1fr !important; }
  .hr-pricing-grid.hr-2col { grid-template-columns: 1fr !important; max-width: 460px !important; }
  .hr-why-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
  .hr-del-grid { grid-template-columns: 1fr !important; }
  .hr-ba-header, .hr-ba-row { grid-template-columns: 1fr !important; }
  .hr-ba-cell.before { border-right: none !important; }
  .hr-price-card.featured { transform: none !important; }
}

/* ============================================================
   RESPONSIVE — MOBILE
============================================================ */
@media (max-width: 768px) {
  .hr-hero-section, .hr-credentials-section, .hr-results-section,
  .hr-gaps-section, .hr-ba-section, .hr-urgency-section,
  .hr-deliverables-section, .hr-testimonials-section,
  .hr-why-section, .hr-pricing-section, .hr-faq-section,
  .hr-final-section { padding-top: 72px !important; padding-bottom: 72px !important; padding-left: 20px !important; padding-right: 20px !important; }
  .hr-nav { padding: 12px 16px !important; }
  .hr-nav-logo, a.hr-nav-logo { font-size: 13px !important; }
  a.hr-nav-cta, .elementor-widget-container a.hr-nav-cta { padding: 8px 14px !important; font-size: 10px !important; }
  .hr-hero-section { min-height: auto !important; padding-top: 100px !important; padding-bottom: 64px !important; }
  .hr-hero-section::after { display: none !important; }
  .hr-hero-title .elementor-heading-title { font-size: 32px !important; line-height: 1.15 !important; }
  .hr-hero-pre { font-size: 15px !important; }
  .hr-hero-sub { font-size: 15px !important; }
  .hr-hero-buttons { flex-direction: column !important; gap: 12px !important; }
  a.hr-btn-primary, .elementor-widget-container a.hr-btn-primary { width: 100% !important; justify-content: center !important; padding: 14px 24px !important; font-size: 13px !important; }
  .hr-badge { font-size: 10px !important; padding: 5px 12px !important; }
  .hr-hero-stats { gap: 20px !important; }
  .hr-hero-stat .num { font-size: 22px !important; }
  .hr-hero-stat .txt { font-size: 11px !important; }
  .hr-section-title .elementor-heading-title { font-size: 26px !important; line-height: 1.3 !important; }
  .hr-section-label { font-size: 10px !important; margin-bottom: 14px !important; }
  .hr-body-text { font-size: 14px !important; }
  .hr-cred-grid, .hr-gap-cards, .hr-test-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .hr-cred-card, .hr-gap-card, .hr-test-card { padding: 28px 22px !important; }
  .hr-del-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .hr-del-item { padding: 22px 18px !important; gap: 14px !important; }
  .hr-del-item h4 { font-size: 14px !important; }
  .hr-del-item p { font-size: 12px !important; }
  .hr-ba-col { padding: 14px 20px !important; }
  .hr-ba-cell { padding: 14px 20px !important; font-size: 13px !important; }
  .hr-ba-callout { padding: 24px 20px !important; }
  .hr-ba-callout p { font-size: 14px !important; }
  .hr-pricing-grid.hr-2col { grid-template-columns: 1fr !important; max-width: 100% !important; gap: 20px !important; }
  .hr-price-card { padding: 32px 24px !important; }
  .hr-price-card.featured { padding-top: 44px !important; transform: none !important; }
  .hr-popular-tag { padding: 6px 18px !important; font-size: 10px !important; top: -12px !important; }
  .hr-price-card h3 { font-size: 20px !important; }
  .hr-price-amount { font-size: 40px !important; }
  .hr-feature-list li { font-size: 13px !important; padding: 8px 0 !important; }
  a.hr-price-cta.filled, a.hr-price-cta.outline, .hr-price-cta.filled, .hr-price-cta.outline { padding: 14px !important; font-size: 13px !important; }
  .hr-why-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .hr-why-callout { padding: 32px 24px !important; }
  .hr-guarantee-box { padding: 32px 24px !important; }
  .hr-guarantee-box p { font-size: 14px !important; }
  .hr-guarantee-bold { font-size: 16px !important; }
  .hr-guarantee-closer { font-size: 18px !important; }
  .hr-faq-q { padding: 20px !important; font-size: 14px !important; }
  .hr-faq-a { padding: 0 20px 20px !important; font-size: 13px !important; }
  .hr-cost-block h3 { font-size: 18px !important; }
  .hr-cost-block p { font-size: 14px !important; }
  #hr-network-canvas-wrap { opacity: 0.5 !important; }
  .hr-hero-section::before { width: 350px !important; height: 350px !important; }
  .hr-footer { flex-direction: column !important; gap: 12px !important; text-align: center !important; }
  .hr-footer a { margin: 0 12px !important; }
}

/* ============================================================
   RESPONSIVE — SMALL MOBILE
============================================================ */
@media (max-width: 480px) {
  .hr-hero-title .elementor-heading-title { font-size: 28px !important; }
  .hr-section-title .elementor-heading-title { font-size: 22px !important; }
  .hr-price-amount { font-size: 36px !important; }
  .hr-nav-logo, a.hr-nav-logo { font-size: 12px !important; }
}

/* ============================================================
   CSS-ONLY PARTICLE NETWORK ANIMATION
   No JavaScript needed — works in Elementor page settings
   
   DELETE the hr-canvas-section HTML widget from your page.
   This CSS replaces it entirely.
============================================================ */

/* Particle container — fixed behind all content */
.elementor-page::before,
.elementor-page::after {
  content: '' !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Subtle grid pattern */
.elementor-page::before {
  background-image:
    linear-gradient(rgba(196, 163, 85, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196, 163, 85, 0.025) 1px, transparent 1px) !important;
  background-size: 80px 80px !important;
}

/* Animated gradient glow layer */
.elementor-page::after {
  background:
    radial-gradient(2px 2px at 10% 15%, rgba(196,163,85,0.4) 0%, transparent 100%),
    radial-gradient(2px 2px at 85% 25%, rgba(196,163,85,0.35) 0%, transparent 100%),
    radial-gradient(2.5px 2.5px at 30% 45%, rgba(196,163,85,0.3) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 70% 55%, rgba(196,163,85,0.45) 0%, transparent 100%),
    radial-gradient(2px 2px at 50% 75%, rgba(196,163,85,0.35) 0%, transparent 100%),
    radial-gradient(3px 3px at 20% 85%, rgba(196,163,85,0.25) 0%, transparent 100%),
    radial-gradient(2px 2px at 90% 80%, rgba(196,163,85,0.3) 0%, transparent 100%),
    radial-gradient(1.5px 1.5px at 45% 10%, rgba(196,163,85,0.4) 0%, transparent 100%),
    radial-gradient(2.5px 2.5px at 65% 35%, rgba(196,163,85,0.3) 0%, transparent 100%),
    radial-gradient(2px 2px at 15% 60%, rgba(196,163,85,0.35) 0%, transparent 100%) !important;
  background-size: 100% 100% !important;
  animation: hrParticleDrift 20s ease-in-out infinite alternate !important;
  opacity: 0.7 !important;
}

/* Floating particle dots — using section pseudo-elements */
.hr-hero-section::before,
.hr-credentials-section::before,
.hr-gaps-section::before,
.hr-pricing-section::before,
.hr-final-section::before {
  content: '' !important;
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Individual pulsing orbs per section */
.hr-hero-section::before {
  top: -15% !important; right: -10% !important;
  width: 700px !important; height: 700px !important;
  background: radial-gradient(circle, rgba(196,163,85,0.06) 0%, rgba(196,163,85,0.02) 40%, transparent 70%) !important;
  animation: hrOrbPulse 6s ease-in-out infinite !important;
}
.hr-credentials-section::before {
  bottom: -20% !important; left: -10% !important; top: auto !important;
  width: 500px !important; height: 500px !important;
  background: radial-gradient(circle, rgba(196,163,85,0.04) 0%, transparent 70%) !important;
  animation: hrOrbPulse 9s 1s ease-in-out infinite !important;
}
.hr-gaps-section::before {
  bottom: -25% !important; left: -15% !important; top: auto !important;
  width: 550px !important; height: 550px !important;
  background: radial-gradient(circle, rgba(196,163,85,0.04) 0%, transparent 70%) !important;
  animation: hrOrbPulse 8s 2s ease-in-out infinite !important;
}
.hr-pricing-section::before {
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 800px !important; height: 800px !important;
  background: radial-gradient(circle, rgba(196,163,85,0.04) 0%, transparent 60%) !important;
  animation: hrOrbPulseCenter 7s ease-in-out infinite !important;
}
.hr-final-section::before {
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 600px !important; height: 600px !important;
  background: radial-gradient(circle, rgba(196,163,85,0.06) 0%, transparent 65%) !important;
  animation: hrOrbPulseCenter 5s ease-in-out infinite !important;
}

/* Floating particle layers using box-shadow — 20 particles */
.hr-hero-section::after {
  content: '' !important;
  position: fixed !important;
  top: 0 !important; left: 0 !important;
  width: 2px !important; height: 2px !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 0 !important;
  box-shadow:
    80vw 12vh 0 1px rgba(196,163,85,0.3),
    15vw 28vh 0 1.5px rgba(196,163,85,0.2),
    92vw 35vh 0 1px rgba(196,163,85,0.25),
    40vw 48vh 0 2px rgba(196,163,85,0.15),
    68vw 62vh 0 1px rgba(196,163,85,0.3),
    25vw 75vh 0 1.5px rgba(196,163,85,0.2),
    88vw 82vh 0 1px rgba(196,163,85,0.25),
    55vw 18vh 0 1px rgba(196,163,85,0.2),
    10vw 42vh 0 2px rgba(196,163,85,0.15),
    72vw 88vh 0 1.5px rgba(196,163,85,0.2),
    35vw 92vh 0 1px rgba(196,163,85,0.25),
    95vw 55vh 0 1px rgba(196,163,85,0.2),
    5vw 68vh 0 1.5px rgba(196,163,85,0.3),
    48vw 8vh 0 1px rgba(196,163,85,0.2),
    78vw 72vh 0 2px rgba(196,163,85,0.15),
    22vw 52vh 0 1px rgba(196,163,85,0.25),
    60vw 30vh 0 1.5px rgba(196,163,85,0.2),
    85vw 95vh 0 1px rgba(196,163,85,0.2),
    42vw 38vh 0 1px rgba(196,163,85,0.3),
    8vw 85vh 0 1.5px rgba(196,163,85,0.2) !important;
  animation: hrParticleFloat 25s linear infinite !important;
}

/* Second layer of particles — offset timing */
.hr-credentials-section::after {
  content: '' !important;
  position: fixed !important;
  top: 0 !important; left: 0 !important;
  width: 2px !important; height: 2px !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 0 !important;
  box-shadow:
    18vw 22vh 0 1px rgba(196,163,85,0.25),
    75vw 15vh 0 1.5px rgba(196,163,85,0.2),
    33vw 58vh 0 1px rgba(196,163,85,0.3),
    62vw 42vh 0 2px rgba(196,163,85,0.15),
    90vw 68vh 0 1px rgba(196,163,85,0.2),
    45vw 78vh 0 1.5px rgba(196,163,85,0.25),
    12vw 35vh 0 1px rgba(196,163,85,0.2),
    82vw 48vh 0 1px rgba(196,163,85,0.3),
    28vw 90vh 0 1.5px rgba(196,163,85,0.2),
    55vw 5vh 0 1px rgba(196,163,85,0.25),
    70vw 78vh 0 2px rgba(196,163,85,0.15),
    38vw 15vh 0 1px rgba(196,163,85,0.2),
    95vw 32vh 0 1.5px rgba(196,163,85,0.25),
    8vw 55vh 0 1px rgba(196,163,85,0.2),
    50vw 88vh 0 1px rgba(196,163,85,0.3) !important;
  animation: hrParticleFloat2 30s linear infinite !important;
}

/* ---- PARTICLE KEYFRAMES ---- */
@keyframes hrParticleDrift {
  0% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(30px, -20px) scale(1.02); }
  50% { transform: translate(-20px, 30px) scale(0.98); }
  75% { transform: translate(15px, 15px) scale(1.01); }
  100% { transform: translate(-25px, -15px) scale(1); }
}
@keyframes hrParticleFloat {
  0% { transform: translateY(0); opacity: 0.6; }
  25% { opacity: 0.9; }
  50% { transform: translateY(-30px); opacity: 0.5; }
  75% { opacity: 0.8; }
  100% { transform: translateY(0); opacity: 0.6; }
}
@keyframes hrParticleFloat2 {
  0% { transform: translate(0, 0); opacity: 0.5; }
  33% { transform: translate(20px, -25px); opacity: 0.8; }
  66% { transform: translate(-15px, 20px); opacity: 0.4; }
  100% { transform: translate(0, 0); opacity: 0.5; }
}
@keyframes hrOrbPulse {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.15); }
}
@keyframes hrOrbPulseCenter {
  0%, 100% { opacity: 0.4; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); }
}

/* ---- HIDE PARTICLES ON MOBILE (save battery) ---- */
@media (max-width: 768px) {
  .elementor-page::after { opacity: 0.3 !important; }
  .hr-hero-section::after,
  .hr-credentials-section::after { opacity: 0.3 !important; }
  .hr-hero-section::before { width: 350px !important; height: 350px !important; }
  .hr-credentials-section::before,
  .hr-gaps-section::before { width: 250px !important; height: 250px !important; }
  .hr-pricing-section::before,
  .hr-final-section::before { width: 300px !important; height: 300px !important; }
}/* End custom CSS */