 /*
Theme Name: Holistic Radar Child
Template: hello-elementor
Version: 1.0.0
Description: Holistic Radar — Semantic SEO & Persuasion Architecture. Child theme of Hello Elementor.
Author: Holistic Radar
*/

:root {
  --hr-black:   #000000;
  --hr-surface: #080808;
  --hr-surface2:#101010;
  --hr-surface3:#181818;
  --hr-green:   #00E5A0;
  --hr-green2:  #00B37E;
  --hr-gold:    #C4922A;
  --hr-white:   #F2F0EB;
  --hr-muted:   #5A5A5A;
  --hr-border:  rgba(255,255,255,0.055);
}

body {
  background: var(--hr-black) !important;
  color: var(--hr-white) !important;
  font-family: 'DM Sans', sans-serif !important;
  cursor: none;
  overflow-x: hidden;
}

#hr-cursor {
  width: 8px; height: 8px;
  background: var(--hr-green);
  border-radius: 50%;
  position: fixed; top: 0; left: 0;
  pointer-events: none;
  z-index: 99999;
  transform: translate(-50%,-50%);
  transition: transform 0.1s, width 0.2s, height 0.2s;
}
#hr-cursor-ring {
  width: 36px; height: 36px;
  border: 1px solid rgba(0,229,160,0.35);
  border-radius: 50%;
  position: fixed; top: 0; left: 0;
  pointer-events: none;
  z-index: 99998;
  transform: translate(-50%,-50%);
  transition: transform 0.18s cubic-bezier(0.23,1,0.32,1), width 0.3s, height 0.3s;
}

.elementor-section, .elementor-top-section { background-color: transparent !important; }

.hr-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.85s cubic-bezier(0.23,1,0.32,1), transform 0.85s cubic-bezier(0.23,1,0.32,1); }
.hr-reveal.hr-visible { opacity: 1; transform: translateY(0); }

.hr-h1 { font-family: 'Cormorant', serif !important; font-size: clamp(52px, 6vw, 88px) !important; line-height: 1.0 !important; font-weight: 600 !important; letter-spacing: -0.02em !important; color: var(--hr-white) !important; }
.hr-h1 em { font-style: italic; font-weight: 300; color: var(--hr-green); }
.hr-h2 { font-family: 'Cormorant', serif !important; font-size: clamp(36px, 4.5vw, 64px) !important; font-weight: 600 !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; color: var(--hr-white) !important; }

.hr-btn-primary { padding: 16px 40px !important; background: var(--hr-green) !important; color: var(--hr-black) !important; font-size: 12px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; font-weight: 500 !important; border: none !important; border-radius: 0 !important; transition: all 0.25s !important; cursor: none !important; }
.hr-btn-primary:hover { background: #00FFB3 !important; box-shadow: 0 0 50px rgba(0,229,160,0.2) !important; }

.hr-nav-scrolled { background: rgba(0,0,0,0.96) !important; backdrop-filter: blur(20px) !important; border-bottom: 1px solid var(--hr-border) !important; }

.hr-service-card { background: var(--hr-surface2); position: relative; overflow: hidden; transition: background 0.3s; }
.hr-service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--hr-green); transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.23,1,0.32,1); }
.hr-service-card:hover::before { transform: scaleX(1); }
.hr-service-card:hover { background: var(--hr-surface3); }

.hr-live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--hr-green); animation: hr-blink 1.5s ease infinite; }
@keyframes hr-blink { 0%,100%{opacity:1} 50%{opacity:0.2} }
@keyframes hr-fade-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }

.hr-stat-num { font-family: 'Cormorant', serif; font-size: clamp(44px, 5.5vw, 68px); font-weight: 700; color: var(--hr-white); line-height: 1; letter-spacing: -0.02em; }
.hr-quote { font-family: 'Cormorant', serif !important; font-size: 21px !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.55 !important; color: rgba(242,240,235,0.82) !important; }
.hr-mono { font-family: 'Space Mono', monospace !important; font-size: 10px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; }
.hr-serif { font-family: 'Cormorant', serif !important; }
.hr-grid-border { gap: 1px !important; background: var(--hr-border) !important; border: 1px solid var(--hr-border) !important; }
.hr-grid-border > * { background: var(--hr-surface) !important; }
.hr-magnetic { transition: transform 0.3s cubic-bezier(0.23,1,0.32,1); }
.hr-full-page .elementor-location-header { display: none; }
.hr-full-page .elementor-location-footer { display: none; }