/* =========================================
   T-TECH AI — Premium Landing Styles
   v2.0 — Ultra-premium redesign
   ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* =====================
   DESIGN TOKENS
   ===================== */
:root {
  --bg:        #ffffff;
  --surface:   #f8fafc;
  --surface-2: #f1f5f9;
  --amber:     #facc15;
  --amber-dim: rgba(250,204,21,0.18);
  --amber-glow:rgba(250,204,21,0.10);
  --white:     #ffffff;
  --off-white: #f0f8ff;
  --text:      #000000;
  --text-2:    #334155;
  --text-3:    #64748b;
  --border:    rgba(0,0,0,0.08);
  --border-a:  rgba(14,165,233,0.25);
  --green:     #22c55e;

  /* Cyber accent palette */
  --cyan:        #0ea5e9;
  --cyan-dim:    rgba(14,165,233,0.10);
  --cyan-glow:   rgba(14,165,233,0.06);
  --cyan-border: rgba(14,165,233,0.30);
  --cyan-text:   #0369a1;
  --neon:        #0ea5e9;
  --neon-glow:   rgba(14,165,233,0.20);

  /* Cyber accent palette — extended */
  --cyan-deep:   #0284c7;
  --glass-bg:     rgba(255,255,255,0.05);
  --glass-border: rgba(14,165,233,0.30);

  /* Animation */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}

/* =====================
   CYBER ANIMATION KEYFRAMES
   ===================== */
@keyframes particle-float {
  0%   { transform: translateY(0) translateX(0) scale(1); opacity: 0.6; }
  25%  { transform: translateY(-20px) translateX(8px) scale(1.1); opacity: 1; }
  50%  { transform: translateY(-40px) translateX(-4px) scale(0.9); opacity: 0.7; }
  75%  { transform: translateY(-60px) translateX(12px) scale(1.05); opacity: 0.9; }
  100% { transform: translateY(-80px) translateX(0) scale(1); opacity: 0; }
}

@keyframes particle-drift {
  0%   { transform: translateX(0) translateY(0); opacity: 0.4; }
  50%  { transform: translateX(15px) translateY(-25px); opacity: 0.8; }
  100% { transform: translateX(30px) translateY(-50px); opacity: 0; }
}

@keyframes scanline {
  0%   { transform: translateY(-100%); opacity: 0; }
  10%  { opacity: 0.5; }
  90%  { opacity: 0.3; }
  100% { transform: translateY(100vh); opacity: 0; }
}

@keyframes neon-pulse {
  0%, 100% { box-shadow: 0 0 8px var(--cyan), 0 0 16px rgba(0,212,255,0.3); }
  50%       { box-shadow: 0 0 20px var(--cyan), 0 0 40px rgba(0,212,255,0.5), 0 0 60px rgba(0,212,255,0.2); }
}

@keyframes ripple {
  0%   { transform: scale(0); opacity: 0.6; }
  100% { transform: scale(4); opacity: 0; }
}

@keyframes floating-panel {
  0%   { transform: translateY(0) rotate(0deg); }
  50%  { transform: translateY(-12px) rotate(0.8deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

@keyframes neon-flicker {
  0%, 100% { opacity: 1; }
  92%       { opacity: 1; }
  93%       { opacity: 0.6; }
  94%       { opacity: 1; }
  96%       { opacity: 0.8; }
  97%       { opacity: 1; }
}

@keyframes grid-pulse {
  0%, 100% { opacity: 0.05; }
  50%       { opacity: 0.08; }
}

@keyframes dash-flow {
  to { stroke-dashoffset: -100; }
}

/* =====================
   RESET & BASE
   ===================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* Tech grid background */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,212,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,255,0.05) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
  z-index: 0;
  animation: grid-pulse 4s ease-in-out infinite;
}

/* Radial depth glow + amber corner */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse at 50% -20%, rgba(0,212,255,0.10) 0%, transparent 55%),
    radial-gradient(ellipse at -10% 110%, rgba(245,158,11,0.05) 0%, transparent 55%);
  pointer-events: none;
  z-index: 0;
}

img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--surface-2); border-radius: 3px; }

/* =====================
   TYPOGRAPHY
   ===================== */
h1, h2, h3, h4, h5 { font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; }

.section-tag {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cyan);
  margin-bottom: 16px;
}

.section-title {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--text);
}

.section-sub {
  font-size: 1rem;
  color: var(--text-2);
  line-height: 1.65;
  margin-top: 16px;
  max-width: 560px;
}

/* =====================
   ENTRANCE ANIMATIONS
   ===================== */
.fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out);
}
.fade-up.in-view {
  opacity: 1;
  transform: translateY(0);
}
.fade-left {
  opacity: 0;
  transform: translateX(-24px);
  transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out);
}
.fade-left.in-view {
  opacity: 1;
  transform: translateX(0);
}
.fade-right {
  opacity: 0;
  transform: translateX(24px);
  transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out);
}
.fade-right.in-view {
  opacity: 1;
  transform: translateX(0);
}
.fade-up-sm {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.4s var(--ease-out), transform 0.4s var(--ease-out);
}
.fade-up-sm.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger delays */
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }
.delay-6 { transition-delay: 0.6s; }

/* =====================
   BUTTONS
   ===================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.2s, background 0.2s;
  text-decoration: none;
}
.btn:active { transform: scale(0.98); }

.btn-primary {
  background: var(--cyan);
  color: #ffffff;
  padding: 14px 32px;
  animation: neon-pulse 3s ease-in-out infinite;
}
.btn-primary:hover {
  background: #0284c7;
  box-shadow: 0 0 24px rgba(14,165,233,0.4), 0 8px 32px rgba(14,165,233,0.25);
  transform: translateY(-2px);
}

.btn-ghost {
  background: transparent;
  color: var(--text-2);
  padding: 14px 8px;
}
.btn-ghost:hover { color: var(--text); }
.btn-ghost:hover .arrow { transform: translateX(4px); }
.btn-ghost .arrow { transition: transform 0.2s; display: inline-block; }

.btn-outline {
  background: transparent;
  border: 1px solid var(--border-a);
  color: var(--amber);
  padding: 12px 24px;
}
.btn-outline:hover {
  background: var(--amber-dim);
  border-color: var(--amber);
}

.btn-cyber {
  background: linear-gradient(135deg, var(--cyan) 0%, #0284c7 100%);
  color: #fff;
  padding: 14px 32px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.9rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: transform 0.15s, box-shadow 0.2s, filter 0.2s;
  box-shadow: 0 4px 20px rgba(0,212,255,0.3);
  animation: neon-pulse 3s ease-in-out infinite;
}
.btn-cyber:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 8px 40px rgba(0,212,255,0.5);
}

.btn-sm {
  padding: 8px 16px;
  font-size: 0.82rem;
}

/* =====================
   SITE HEADER
   ===================== */
.site-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  height: 64px;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid var(--cyan-border);
  transition: background 0.3s, border-color 0.3s;
  box-shadow: 0 2px 20px rgba(0,212,255,0.08), 0 0 40px rgba(0,212,255,0.03);
}
.site-header.scrolled {
  background: rgba(0,0,0,0.95);
  border-bottom-color: rgba(0,212,255,0.15);
}

.header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.header-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
  flex-shrink: 0;
}

.header-nav {
  display: flex;
  align-items: center;
  gap: 28px;
}

.header-nav a {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-2);
  position: relative;
  transition: color 0.2s;
}
.header-nav a:hover { color: var(--text); }
.header-nav a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--amber);
  transition: width 0.2s;
}
.header-nav a:hover::after { width: 100%; }

.header-cta {
  display: inline-flex;
  align-items: center;
  background: var(--cyan);
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 8px 20px;
  border-radius: 8px;
  white-space: nowrap;
  transition: background 0.2s, transform 0.1s;
  flex-shrink: 0;
}
.header-cta:hover { background: #0284c7; transform: translateY(-1px); }

/* Mobile nav */
.mobile-menu-btn {
  display: none;
  background: none;
  border: none;
  color: var(--text);
  padding: 4px;
}
.mobile-nav {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--bg);
  z-index: 200;
  flex-direction: column;
  padding: 24px;
  gap: 0;
}
.mobile-nav.open { display: flex; }
.mobile-nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
}
.mobile-nav-close {
  background: none;
  border: none;
  color: var(--text);
  font-size: 1.5rem;
  cursor: pointer;
}
.mobile-nav-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mobile-nav-links a {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--text-2);
  padding: 16px 0;
  border-bottom: 1px solid var(--border);
  transition: color 0.2s;
}
.mobile-nav-links a:hover { color: var(--text); }
.mobile-nav-cta {
  margin-top: auto;
  width: 100%;
}

@media (max-width: 768px) {
  .header-nav { display: none; }
  .header-cta { display: none; }
  .mobile-menu-btn { display: flex; }
  .header-inner { padding: 0 20px; }
}

/* =====================
   HERO SECTION
   ===================== */
.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 120px 0 80px;
  position: relative;
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  top: -30%;
  left: -15%;
  width: 80%;
  height: 80%;
  background: radial-gradient(ellipse at center, rgba(0,212,255,0.12) 0%, transparent 65%);
  pointer-events: none;
}

/* Particle container */
.hero-particles {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.hero-particle {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 6px var(--cyan);
  animation: particle-float 8s ease-in-out infinite;
}
.hero-particle:nth-child(2) { left: 20%; top: 70%; animation-delay: 1.5s; animation-duration: 10s; background: var(--neon); }
.hero-particle:nth-child(3) { left: 75%; top: 60%; animation-delay: 3s; animation-duration: 9s; }
.hero-particle:nth-child(4) { left: 50%; top: 80%; animation-delay: 0.5s; animation-duration: 11s; background: var(--amber); box-shadow: 0 0 6px var(--amber); }
.hero-particle:nth-child(5) { left: 85%; top: 30%; animation-delay: 2s; animation-duration: 7s; }
.hero-particle:nth-child(6) { left: 10%; top: 40%; animation-delay: 4s; animation-duration: 12s; background: var(--neon); }
.hero-particle:nth-child(7) { left: 35%; top: 20%; animation-delay: 5s; animation-duration: 13s; width: 2px; height: 2px; }
.hero-particle:nth-child(8) { left: 65%; top: 85%; animation-delay: 6s; animation-duration: 8s; background: var(--amber); width: 4px; height: 4px; box-shadow: 0 0 8px var(--amber); }
.hero-particle:nth-child(9) { left: 90%; top: 75%; animation-delay: 1s; animation-duration: 10s; width: 2px; height: 2px; }
.hero-particle:nth-child(10) { left: 5%; top: 60%; animation-delay: 3.5s; animation-duration: 9s; background: var(--neon); }
.hero-particle:nth-child(11) { left: 45%; top: 45%; animation-delay: 7s; animation-duration: 11s; width: 4px; height: 4px; }
.hero-particle:nth-child(12) { left: 78%; top: 15%; animation-delay: 2.5s; animation-duration: 14s; background: var(--amber); box-shadow: 0 0 6px var(--amber); }

/* Scan line overlay */
.hero-scanline {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  opacity: 0.3;
  animation: scanline 6s linear infinite;
  pointer-events: none;
  z-index: 2;
}

.hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  position: relative;
  z-index: 10;
}

.hero-content { max-width: 520px; }

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--amber-dim);
  border: 1px solid var(--border-a);
  border-radius: 100px;
  padding: 6px 14px;
  font-size: 0.78rem;
  color: var(--amber);
  font-weight: 500;
  margin-bottom: 28px;
  letter-spacing: 0.01em;
}

.badge-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--amber);
  animation: pulse-dot 2s infinite;
}
@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.7); }
}

.hero-title {
  font-size: clamp(2.4rem, 4vw, 3.4rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
}

.hero-title span {
  background: linear-gradient(135deg, var(--cyan), #38bdf8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-sub {
  font-size: 1.05rem;
  color: var(--text-2);
  line-height: 1.7;
  margin-bottom: 32px;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.hero-social-proof {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hero-trust-text {
  font-size: 0.82rem;
  color: var(--text-3);
}

.hero-logo-strip {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.hero-logo-item {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-3);
  opacity: 0.7;
}

/* Hero Visual */
.hero-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.hero-image-wrap {
  position: relative;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(0,212,255,0.25);
  animation: neon-pulse 3s ease-in-out infinite;
  box-shadow: 0 0 40px rgba(0,212,255,0.20), 0 0 80px rgba(0,212,255,0.08), 0 16px 48px rgba(0,0,0,0.5);
}
  box-shadow: 0 0 30px rgba(0,212,255,0.12), 0 16px 48px rgba(0,0,0,0.5);
}

.hero-image-wrap img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  display: block;
}

.hero-image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(13,13,13,0.3) 0%,
    transparent 50%,
    rgba(245,158,11,0.1) 100%
  );
  pointer-events: none;
}

.hero-image-badge {
  position: absolute;
  bottom: 16px;
  left: 16px;
  background: rgba(13,13,13,0.9);
  border: 1px solid var(--border-a);
  border-radius: 10px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  backdrop-filter: blur(8px);
}

.hero-badge-icon {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--amber);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0a0a0a;
  font-size: 0.75rem;
  font-weight: 700;
}

.hero-badge-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.hero-badge-title {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text);
}

.hero-badge-sub {
  font-size: 0.7rem;
  color: var(--text-2);
}

/* Hero phone widget */
.hero-phone-mini {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 180px;
  background: var(--surface);
  border: 1px solid var(--border-a);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,0.5);
}

.hero-phone-notch-mini {
  height: 22px;
  background: var(--bg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-phone-notch-cam-mini {
  width: 32px; height: 6px;
  background: var(--surface-2);
  border-radius: 4px;
}

.hero-phone-body-mini {
  padding: 12px 10px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.hero-phone-caller-mini {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

.hero-phone-avatar-mini {
  width: 22px; height: 22px;
  border-radius: 50%;
  background: var(--amber-dim);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--amber);
}

.hero-phone-name-mini {
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--text);
}

.hero-phone-status-mini {
  font-size: 0.6rem;
  color: var(--green);
  display: flex;
  align-items: center;
  gap: 4px;
}

.hero-phone-status-mini span {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--green);
  animation: pulse-dot 1.5s infinite;
}

.hero-phone-wave-mini {
  height: 16px;
  display: flex;
  align-items: flex-end;
  gap: 2px;
}

.hero-phone-wave-mini span {
  width: 2px;
  border-radius: 2px;
  background: var(--amber);
  opacity: 0.5;
  animation: wave-bounce 1.2s ease-in-out infinite;
}
.hero-phone-wave-mini span:nth-child(1) { height: 4px; animation-delay: 0s; }
.hero-phone-wave-mini span:nth-child(2) { height: 8px; animation-delay: 0.1s; }
.hero-phone-wave-mini span:nth-child(3) { height: 12px; animation-delay: 0.2s; }
.hero-phone-wave-mini span:nth-child(4) { height: 16px; animation-delay: 0.3s; }
.hero-phone-wave-mini span:nth-child(5) { height: 12px; animation-delay: 0.4s; }
.hero-phone-wave-mini span:nth-child(6) { height: 8px; animation-delay: 0.5s; }
.hero-phone-wave-mini span:nth-child(7) { height: 4px; animation-delay: 0.6s; }

@keyframes wave-bounce {
  0%, 100% { transform: scaleY(1); }
  50% { transform: scaleY(0.3); }
}

.hero-phone-msg-mini {
  background: var(--surface-2);
  border-radius: 8px;
  padding: 6px 8px;
  font-size: 0.58rem;
  color: var(--text-2);
  line-height: 1.4;
}

.hero-phone-msg-mini.ai {
  background: var(--amber-dim);
  color: var(--amber);
}

/* Live stats row */
.hero-stats-row {
  display: flex;
  gap: 0;
  background: var(--glass-bg);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0,212,255,0.15);
  border-radius: 12px;
  overflow: hidden;
}

.hero-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 14px 28px;
  border-right: 1px solid var(--border);
}
.hero-stat-item:last-child { border-right: none; }

.hero-stat-val {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--text);
  letter-spacing: -0.02em;
}
.hero-stat-val.amber { color: var(--amber); }
.hero-stat-val.green { color: var(--green); }

.hero-stat-label {
  font-size: 0.65rem;
  color: var(--text-3);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

@media (max-width: 900px) {
  .hero-inner { grid-template-columns: 1fr; gap: 48px; text-align: center; }
  .hero-content { max-width: 100%; }
  .hero-badge { margin: 0 auto 28px; }
  .hero-actions { justify-content: center; }
  .hero-social-proof { align-items: center; }
  .hero-logo-strip { justify-content: center; }
  .hero-visual { order: -1; }
  .hero-image-wrap img { height: 240px; }
}

/* =====================
   TRUST BAR
   ===================== */
.trust-bar {
  border-top: 1px solid var(--cyan-border);
  border-bottom: 1px solid var(--cyan-border);
  background: rgba(10,10,20,0.9);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 32px 0;
  box-shadow: 0 0 30px rgba(0,212,255,0.06);
}

.trust-bar-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.trust-press {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
}

.trust-press-label {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-3);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.trust-press-logos {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.trust-press-logo {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--text-3);
  opacity: 0.6;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.trust-divider {
  width: 1px;
  height: 20px;
  background: var(--border);
}

.trust-stats {
  display: flex;
  gap: 0;
  justify-content: center;
  flex-wrap: wrap;
}

.trust-stat-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 32px;
  border-right: 1px solid var(--border);
}
.trust-stat-item:last-child { border-right: none; }

.trust-stat-num {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--amber);
  letter-spacing: -0.03em;
  line-height: 1;
}

.trust-stat-label {
  font-size: 0.8rem;
  color: var(--text-2);
  line-height: 1.4;
}

.trust-industries {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}

.trust-industry {
  font-size: 0.78rem;
  color: var(--text-2);
  padding: 4px 12px;
  border: 1px solid var(--border);
  border-radius: 100px;
}

.trust-industry-dot {
  display: inline-block;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--amber);
  margin-right: 4px;
  opacity: 0.6;
}

@media (max-width: 768px) {
  .trust-stat-item { padding: 10px 20px; }
  .trust-stat-num { font-size: 1.3rem; }
}

/* =====================
   SERVICES SECTION
   ===================== */
.services {
  padding: 120px 0;
}

.services-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

.services-header {
  text-align: center;
  margin-bottom: 80px;
}

.services-header .section-title { margin-bottom: 16px; }

/* Alternating service blocks */
.service-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  margin-bottom: 100px;
}

.service-block.reverse { direction: rtl; }
.service-block.reverse > * { direction: ltr; }

.service-block:last-child { margin-bottom: 0; }

.service-block-image {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--border);
}

.service-block-image img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
}

.service-block-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 60%,
    rgba(13,13,13,0.4) 100%
  );
}

.service-image-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: rgba(13,13,13,0.85);
  backdrop-filter: blur(8px);
  border: 1px solid var(--border-a);
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.service-image-badge-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--amber);
}

.service-image-badge-text {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--amber);
}

.service-block-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.service-tier-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--amber-dim);
  border: 1px solid var(--border-a);
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--amber);
  width: fit-content;
}

.service-name {
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text);
}

.service-value-prop {
  font-size: 1rem;
  color: var(--text-2);
  line-height: 1.65;
}

.service-features {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.service-feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.88rem;
  color: var(--text-2);
}

.service-feature-icon {
  width: 20px; height: 20px;
  border-radius: 50%;
  background: var(--amber-dim);
  border: 1px solid var(--border-a);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--amber);
  font-size: 0.7rem;
  flex-shrink: 0;
  margin-top: 1px;
}

.service-links {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}

/* Cyber scan line layer for service images */
.service-block-image-wrap {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.service-block-image-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  opacity: 0.4;
  animation: scanline 4s linear infinite;
}

.service-link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--amber);
  transition: gap 0.2s;
}
.service-link-arrow:hover { gap: 10px; }

@media (max-width: 900px) {
  .service-block { grid-template-columns: 1fr; gap: 32px; }
  .service-block.reverse { direction: ltr; }
  .service-block-image img { height: 240px; }
}

/* =====================
   DEMO SHOWCASE SECTION
   ===================== */
.demo-section {
  padding: 120px 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.demo-section-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

.demo-section-header {
  text-align: center;
  margin-bottom: 64px;
}

.demo-section-header .section-title { margin-bottom: 16px; }

.demo-frame {
  background: var(--bg);
  border: 1px solid var(--border-a);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 40px;
}

.demo-frame-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.demo-frame-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-2);
}

.demo-frame-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  color: var(--green);
}

.demo-frame-badge span {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--green);
  animation: pulse-dot 1.5s infinite;
}

.demo-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 32px;
  align-items: start;
}

/* Demo steps */
.demo-steps {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.demo-step {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--surface);
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.demo-step:hover { border-color: var(--border-a); background: var(--surface-2); }
.demo-step.active { border-color: var(--amber); background: var(--amber-dim); }
.demo-step.done .demo-step-check { color: var(--green); border-color: var(--green); }

.demo-step-num {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--surface-2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--text-3);
  flex-shrink: 0;
}
.demo-step.active .demo-step-num {
  background: var(--amber);
  color: #0a0a0a;
}
.demo-step.done .demo-step-num {
  background: var(--green);
  color: white;
}

.demo-step-content { flex: 1; }
.demo-step-title { font-size: 0.85rem; font-weight: 600; color: var(--text); }
.demo-step-desc { font-size: 0.72rem; color: var(--text-3); margin-top: 2px; }
.demo-step-check { font-size: 0.75rem; color: var(--text-3); }

/* Demo phone */
.demo-phone {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 24px;
  overflow: hidden;
  max-width: 360px;
  margin: 0 auto;
}

.demo-phone-notch {
  height: 28px;
  background: var(--bg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.demo-phone-notch-cam {
  width: 40px; height: 7px;
  background: var(--surface-2);
  border-radius: 4px;
}

.demo-phone-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
}

.demo-avatar {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: var(--amber-dim);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--amber);
}

.demo-caller-info { flex: 1; }
.demo-caller-name { font-size: 0.85rem; font-weight: 600; color: var(--text); }
.demo-caller-num { font-size: 0.7rem; color: var(--text-3); }

.demo-ringing {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.65rem;
  color: var(--text-3);
}
.demo-ringing-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--amber);
  animation: pulse-dot 1.5s infinite;
}

.demo-waveform {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  padding: 8px 16px;
  height: 28px;
}
.demo-waveform span {
  width: 2px;
  background: var(--amber);
  opacity: 0.5;
  border-radius: 2px;
  animation: wave-bounce 1.2s ease-in-out infinite;
}
.demo-waveform span:nth-child(1) { height: 4px; animation-delay: 0s; }
.demo-waveform span:nth-child(2) { height: 10px; animation-delay: 0.15s; }
.demo-waveform span:nth-child(3) { height: 16px; animation-delay: 0.3s; }
.demo-waveform span:nth-child(4) { height: 20px; animation-delay: 0.45s; }
.demo-waveform span:nth-child(5) { height: 16px; animation-delay: 0.6s; }
.demo-waveform span:nth-child(6) { height: 10px; animation-delay: 0.75s; }
.demo-waveform span:nth-child(7) { height: 4px; animation-delay: 0.9s; }

.demo-conv {
  padding: 0 16px;
  max-height: 240px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.demo-msg {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.demo-msg.ai { align-items: flex-start; }
.demo-msg.user { align-items: flex-end; }

.demo-msg-text {
  max-width: 80%;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 0.8rem;
  line-height: 1.45;
}
.demo-msg.ai .demo-msg-text {
  background: var(--surface-2);
  color: var(--text);
  border-bottom-left-radius: 4px;
}
.demo-msg.user .demo-msg-text {
  background: var(--amber);
  color: #0a0a0a;
  border-bottom-right-radius: 4px;
}

.demo-msg-time {
  font-size: 0.65rem;
  color: var(--text-3);
  padding: 0 4px;
}

.demo-lead-reveal {
  display: none;
  padding: 12px 16px;
  border-top: 1px solid var(--border);
}
.demo-lead-reveal.show { display: block; }

.demo-lead-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 100px;
  margin-bottom: 8px;
}
.demo-lead-badge.warm { background: rgba(14,165,233,0.15); color: #0ea5e9; }
.demo-lead-badge.hot { background: rgba(250,204,21,0.20); color: #ca8a04; }

.demo-lead-stats {
  display: flex;
  gap: 0;
}
.demo-lead-stat {
  flex: 1;
  text-align: center;
  padding: 8px 4px;
  border-right: 1px solid var(--border);
}
.demo-lead-stat:last-child { border-right: none; }
.demo-lead-stat-val { font-size: 0.85rem; font-weight: 700; color: var(--text); }
.demo-lead-stat-label { font-size: 0.65rem; color: var(--text-3); margin-top: 2px; }

.demo-confirmed {
  display: none;
  padding: 12px 16px;
  border-top: 1px solid var(--border);
}
.demo-confirmed.show { display: block; }

.demo-confirmed-banner {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(34,197,94,0.1);
  border: 1px solid rgba(34,197,94,0.3);
  border-radius: 8px;
  padding: 10px 12px;
}

.demo-confirmed-icon {
  width: 24px; height: 24px;
  border-radius: 50%;
  background: var(--green);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
}

.demo-confirmed-title { font-size: 0.82rem; font-weight: 600; color: var(--green); }
.demo-confirmed-detail { font-size: 0.7rem; color: var(--text-2); margin-top: 2px; }

/* Demo controls */
.demo-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.demo-play-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--cyan);
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 10px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s;
}
.demo-play-btn:hover { background: #0284c7; }

.demo-skip-btn {
  display: none;
  font-size: 0.82rem;
  color: var(--text-3);
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}
.demo-skip-btn:hover { color: var(--text-2); }
.demo-skip-btn.show { display: inline; }

.demo-live-stats {
  display: flex;
  gap: 0;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}

.demo-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 10px 20px;
  border-right: 1px solid var(--border);
}
.demo-stat-item:last-child { border-right: none; }

.demo-stat-val {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
}
.demo-stat-val.amber { color: var(--amber); }
.demo-stat-val.green { color: var(--green); }

.demo-stat-label {
  font-size: 0.65rem;
  color: var(--text-3);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

@media (max-width: 768px) {
  .demo-layout { grid-template-columns: 1fr; }
  .demo-steps { display: none; }
  .demo-phone { max-width: 320px; }
}

/* =====================
   SOCIAL PROOF SECTION
   ===================== */
.social-proof {
  padding: 120px 0;
}

.social-proof-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

.case-study {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 56px;
  margin-bottom: 80px;
}

.case-study-result {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.case-study-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--amber-dim);
  border: 1px solid var(--border-a);
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--amber);
  width: fit-content;
}

.case-study-big-num {
  font-size: 4rem;
  font-weight: 800;
  color: var(--amber);
  line-height: 1;
  letter-spacing: -0.04em;
}

.case-study-big-num-label {
  font-size: 1rem;
  color: var(--text-2);
  margin-top: 4px;
}

.case-study-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.case-study-headline {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text);
  line-height: 1.4;
}

.case-study-desc {
  font-size: 0.88rem;
  color: var(--text-2);
  line-height: 1.65;
}

.case-study-quote {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 12px;
}

.case-study-quote-img {
  width: 44px; height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.case-study-quote-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.case-study-quote-blockquote {
  font-size: 0.88rem;
  color: var(--text-2);
  font-style: italic;
  line-height: 1.6;
}

.case-study-quote-attr {
  font-size: 0.78rem;
  color: var(--text-3);
}

.case-study-quote-attr strong {
  color: var(--text-2);
}

/* Logo strip */
.logos-header {
  text-align: center;
  margin-bottom: 32px;
}

.logos-header p {
  font-size: 0.75rem;
  color: var(--text-3);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

.logo-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

.logo-strip-item {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text-3);
  opacity: 0.5;
  letter-spacing: 0.02em;
}

/* Stats banner */
.stats-banner {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 48px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
}

.stats-banner-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 0 40px;
  border-right: 1px solid var(--border);
  text-align: center;
}
.stats-banner-item:last-child { border-right: none; }

.stats-banner-num {
  font-size: 3rem;
  font-weight: 800;
  color: var(--amber);
  line-height: 1;
  letter-spacing: -0.04em;
}

.stats-banner-label {
  font-size: 0.88rem;
  color: var(--text-2);
  line-height: 1.4;
}

@media (max-width: 768px) {
  .case-study { grid-template-columns: 1fr; gap: 40px; padding: 36px; }
  .stats-banner { grid-template-columns: 1fr; gap: 32px; padding: 32px; }
  .stats-banner-item { border-right: none; border-bottom: 1px solid var(--border); padding-bottom: 32px; }
  .stats-banner-item:last-child { border-bottom: none; padding-bottom: 0; }
}

/* =====================
   PRICING SECTION
   ===================== */
.pricing-section {
  padding: 120px 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
}

.pricing-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

.pricing-header {
  text-align: center;
  margin-bottom: 64px;
}

.pricing-header .section-title { margin-bottom: 16px; }

.pricing-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-bottom: 40px;
  align-items: start;
}

.price-card {
  background: rgba(10,10,20,0.9);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--cyan-border);
  border-radius: 20px;
  padding: 32px;
  position: relative;
  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
}
.price-card:hover {
  border-color: var(--cyan-border);
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0,0,0,0.4), 0 0 30px rgba(0,212,255,0.12);
}
.price-card.featured {
  border-color: rgba(0,212,255,0.3);
  background: linear-gradient(180deg, rgba(0,212,255,0.04) 0%, rgba(10,10,20,0.95) 50%);
  box-shadow: 0 0 30px rgba(0,212,255,0.08);
}

.price-card-popular {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--amber);
  color: #0a0a0a;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 5px 18px;
  border-radius: 100px;
  white-space: nowrap;
}

.price-card-name {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 6px;
}

.price-card-tagline {
  font-size: 0.85rem;
  color: var(--text-3);
  margin-bottom: 28px;
}

.price-card-divider {
  height: 1px;
  background: var(--border);
  margin-bottom: 24px;
}

.price-tier {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 20px;
}

.price-tier-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.price-tier-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-3);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.price-tier-val {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--text);
  letter-spacing: -0.03em;
}

.price-tier-val span {
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--text-3);
}

.price-tier-btn {
  display: block;
  text-align: center;
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text-2);
  font-size: 0.85rem;
  font-weight: 600;
  padding: 10px;
  border-radius: 10px;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  text-decoration: none;
}
.price-tier-btn:hover {
  background: var(--surface-2);
  border-color: var(--border-a);
  color: var(--amber);
}

.price-tier-btn.amber-btn {
  background: var(--cyan);
  border-color: var(--cyan);
  color: #ffffff;
}
.price-tier-btn.amber-btn:hover {
  background: #0284c7;
  border-color: #0284c7;
  color: #ffffff;
}

.price-features {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
}

.price-feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.82rem;
  color: var(--text-2);
}

.price-feature-icon {
  color: var(--amber);
  font-size: 0.75rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.price-footer {
  text-align: center;
  font-size: 0.78rem;
  color: var(--text-3);
  max-width: 480px;
  margin: 0 auto;
  line-height: 1.6;
}

@media (max-width: 900px) {
  .pricing-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto 40px; }
}

/* =====================
   LEAD CAPTURE SECTION
   ===================== */
.lead-section {
  padding: 120px 0;
  border-top: 1px solid var(--border);
}

.lead-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

.lead-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.lead-form-side {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.lead-header {
  margin-bottom: 8px;
}

.lead-header h2 {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--text);
  margin-bottom: 12px;
  line-height: 1.1;
}

.lead-header p {
  font-size: 0.95rem;
  color: var(--text-2);
  line-height: 1.6;
}

/* Form */
.lead-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-group label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-2);
  letter-spacing: 0.01em;
}

.form-group input,
.form-group select,
.form-group textarea {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 0.9rem;
  color: var(--text);
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  -webkit-appearance: none;
  appearance: none;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: var(--amber);
  box-shadow: 0 0 0 3px rgba(245,158,11,0.15);
}

.form-group input::placeholder,
.form-group textarea::placeholder { color: var(--text-3); }

.form-group select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2352525b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 36px;
  cursor: pointer;
}

.form-group textarea { resize: vertical; min-height: 80px; }

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.form-submit {
  background: var(--cyan);
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 700;
  border: none;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s, transform 0.1s;
  margin-top: 4px;
}
.form-submit:hover { background: #0284c7; transform: translateY(-1px); }
.form-submit:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }

.form-note {
  font-size: 0.72rem;
  color: var(--text-3);
  text-align: center;
}

.form-success {
  display: none;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: rgba(34,197,94,0.1);
  border: 1px solid rgba(34,197,94,0.3);
  border-radius: 12px;
}

.form-success.show { display: flex; }

.form-success-icon {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: var(--green);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 700;
  flex-shrink: 0;
}

.form-success p { font-size: 0.88rem; color: var(--green); line-height: 1.5; }

/* Checklist side */
.lead-checklist-side {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 48px;
}

.lead-checklist-title {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-3);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 4px;
}

.lead-checklist {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.lead-check-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  transition: border-color 0.2s;
}
.lead-check-item:hover { border-color: var(--border-a); }

.lead-check-icon {
  width: 24px; height: 24px;
  border-radius: 50%;
  background: var(--amber-dim);
  border: 1px solid var(--border-a);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--amber);
  font-size: 0.7rem;
  flex-shrink: 0;
}

.lead-check-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.lead-check-label {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text);
}

.lead-check-desc {
  font-size: 0.78rem;
  color: var(--text-3);
}

.lead-no-cta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  color: var(--text-3);
  padding: 12px 16px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.lead-no-cta span { color: var(--amber); }

@media (max-width: 900px) {
  .lead-layout { grid-template-columns: 1fr; gap: 48px; }
  .lead-checklist-side { padding-top: 0; }
  .form-row { grid-template-columns: 1fr; }
}

/* =====================
   FOOTER
   ===================== */
.footer {
  border-top: 1px solid rgba(0,212,255,0.20);
  padding: 80px 0 40px;
  background: rgba(5,5,12,0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 -4px 40px rgba(0,212,255,0.06);
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

.footer-top {
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  gap: 80px;
  margin-bottom: 60px;
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
}

.footer-tagline {
  font-size: 0.88rem;
  color: var(--text-3);
  line-height: 1.55;
  max-width: 280px;
}

.footer-instagram {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  color: var(--text-3);
  transition: color 0.2s;
}
.footer-instagram:hover { color: var(--text-2); }

.footer-links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

.footer-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-col-title {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--text-3);
  margin-bottom: 4px;
}

.footer-col a {
  font-size: 0.85rem;
  color: var(--text-2);
  transition: color 0.2s;
}
.footer-col a:hover { color: var(--text); }

.footer-bottom {
  padding-top: 32px;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.footer-copy {
  font-size: 0.75rem;
  color: var(--text-3);
}

.footer-payment {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.72rem;
  color: var(--text-3);
}

@media (max-width: 768px) {
  .footer-top { grid-template-columns: 1fr; gap: 48px; }
  .footer-links { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; text-align: center; }
}

/* =====================
   JARVIS / AI AGENTS — Tony Stark AI aesthetic
   Deep dark, JARVIS blue (#0ea5e9), amber arc reactor glow, glassmorphism
   ===================== */

/* Design tokens for JARVIS section */
:root {
  --jarvis-bg:       #ffffff;
  --jarvis-surface:  #f1f5f9;
  --jarvis-glass:    rgba(14,165,233,0.06);
  --jarvis-blue:     #0ea5e9;
  --jarvis-blue-dim: rgba(14,165,233,0.15);
  --jarvis-blue-glow:rgba(14,165,233,0.08);
  --jarvis-amber:    #facc15;
  --jarvis-amber-dim:rgba(250,204,21,0.18);
  --jarvis-border:   rgba(14,165,233,0.18);
  --jarvis-text:     #000000;
  --jarvis-text-2:   #0369a1;
  --jarvis-text-3:   rgba(3,105,161,0.5);
  --jarvis-mono:     'Courier New', 'Lucida Console', monospace;
}

/* Scan line animation keyframes */
@keyframes jarvis-scan {
  0%   { transform: translateY(-100%); opacity: 0; }
  10%  { opacity: 0.6; }
  90%  { opacity: 0.4; }
  100% { transform: translateY(400px); opacity: 0; }
}

@keyframes jarvis-pulse-glow {
  0%, 100% { box-shadow: 0 0 12px rgba(14,165,233,0.3), 0 0 24px rgba(14,165,233,0.1); }
  50%       { box-shadow: 0 0 24px rgba(14,165,233,0.5), 0 0 48px rgba(14,165,233,0.2); }
}

@keyframes jarvis-orb {
  0%, 100% { transform: scale(1); opacity: 0.7; }
  50%       { transform: scale(1.2); opacity: 1; }
}

@keyframes jarvis-wave {
  0%, 100% { transform: scaleY(1); }
  50%       { transform: scaleY(0.25); }
}

@keyframes jarvis-data-flicker {
  0%, 95%, 100% { opacity: 1; }
  96% { opacity: 0.4; }
  97% { opacity: 1; }
  98% { opacity: 0.2; }
  99% { opacity: 0.8; }
}

@keyframes arc-reactor-pulse {
  0%, 100% { box-shadow: 0 0 8px rgba(245,158,11,0.5), 0 0 16px rgba(245,158,11,0.2), inset 0 0 8px rgba(245,158,11,0.3); }
  50%       { box-shadow: 0 0 20px rgba(245,158,11,0.8), 0 0 40px rgba(245,158,11,0.3), inset 0 0 16px rgba(245,158,11,0.5); }
}

@keyframes jarvis-typing {
  0%   { width: 0; }
  100% { width: 100%; }
}

@keyframes jarvis-cursor-blink {
  0%, 49% { border-color: var(--jarvis-blue); }
  50%, 100% { border-color: transparent; }
}

/* JARVIS section wrapper */
.services .service-block:nth-child(3) { position: relative; }

/* JARVIS glass panel */
.jarvis-glass-panel {
  background: linear-gradient(135deg, rgba(13,21,37,0.9) 0%, rgba(7,9,15,0.95) 100%);
  border: 1px solid var(--jarvis-border);
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(14,165,233,0.08), inset 0 1px 0 rgba(255,255,255,0.04);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  animation: jarvis-pulse-glow 3s ease-in-out infinite;
}

/* JARVIS system label */
.jarvis-system-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--jarvis-mono);
  font-size: 0.65rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--jarvis-blue);
  background: var(--jarvis-blue-dim);
  border: 1px solid rgba(14,165,233,0.25);
  border-radius: 4px;
  padding: 3px 10px;
  width: fit-content;
}

.jarvis-system-label::before {
  content: '>>';
  color: var(--jarvis-amber);
  font-weight: 700;
}

/* JARVIS scan line overlay */
.jarvis-scan-overlay {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
  pointer-events: none;
}

.jarvis-scan-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--jarvis-blue), transparent);
  opacity: 0.4;
  animation: jarvis-scan 4s linear infinite;
}

/* JARVIS orb / status indicator */
.jarvis-orb {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--jarvis-blue);
  box-shadow: 0 0 6px var(--jarvis-blue), 0 0 12px rgba(14,165,233,0.4);
  animation: jarvis-orb 2s ease-in-out infinite;
  flex-shrink: 0;
}

.jarvis-orb.amber {
  background: var(--jarvis-amber);
  box-shadow: 0 0 6px var(--jarvis-amber), 0 0 12px rgba(245,158,11,0.4);
}

/* JARVIS feature cards — glassmorphic */
.jarvis-feature-card {
  background: linear-gradient(135deg, rgba(14,165,233,0.04) 0%, rgba(7,9,15,0.6) 100%);
  border: 1px solid rgba(14,165,233,0.12);
  border-radius: 12px;
  padding: 16px 18px;
  transition: border-color 0.3s, box-shadow 0.3s, background 0.3s;
}

.jarvis-feature-card:hover {
  border-color: rgba(14,165,233,0.3);
  box-shadow: 0 0 16px rgba(14,165,233,0.1);
  background: linear-gradient(135deg, rgba(14,165,233,0.08) 0%, rgba(7,9,15,0.8) 100%);
}

/* JARVIS voice waveform */
.jarvis-wave {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  height: 20px;
}

.jarvis-wave span {
  width: 2px;
  border-radius: 2px;
  background: var(--jarvis-blue);
  opacity: 0.6;
  animation: jarvis-wave 1.4s ease-in-out infinite;
}

.jarvis-wave span:nth-child(1) { height: 4px;  animation-delay: 0s; }
.jarvis-wave span:nth-child(2) { height: 10px; animation-delay: 0.1s; }
.jarvis-wave span:nth-child(3) { height: 16px; animation-delay: 0.2s; }
.jarvis-wave span:nth-child(4) { height: 20px; animation-delay: 0.3s; }
.jarvis-wave span:nth-child(5) { height: 14px; animation-delay: 0.4s; }
.jarvis-wave span:nth-child(6) { height: 8px;  animation-delay: 0.5s; }
.jarvis-wave span:nth-child(7) { height: 3px;  animation-delay: 0.6s; }

/* JARVIS data readout */
.jarvis-data-readout {
  font-family: var(--jarvis-mono);
  font-size: 0.72rem;
  color: var(--jarvis-text-3);
  letter-spacing: 0.05em;
  animation: jarvis-data-flicker 8s infinite;
}

/* JARVIS agent card */
.jarvis-agent-card {
  background: rgba(7,9,15,0.8);
  border: 1px solid rgba(14,165,233,0.15);
  border-radius: 12px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s;
}

.jarvis-agent-card:hover { border-color: rgba(14,165,233,0.35); }

.jarvis-agent-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--jarvis-blue), transparent);
  opacity: 0.6;
}

.jarvis-agent-icon {
  width: 28px; height: 28px;
  border-radius: 6px;
  background: var(--jarvis-blue-dim);
  border: 1px solid rgba(14,165,233,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: var(--jarvis-blue);
  flex-shrink: 0;
}

.jarvis-agent-stage {
  font-family: var(--jarvis-mono);
  font-size: 0.6rem;
  color: var(--jarvis-blue);
  background: var(--jarvis-blue-dim);
  border-radius: 3px;
  padding: 1px 6px;
  letter-spacing: 0.08em;
}

/* JARVIS CTA button */
.jarvis-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--jarvis-blue) 0%, #0284c7 100%);
  color: #fff;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 13px 28px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.15s, box-shadow 0.2s, filter 0.2s;
  box-shadow: 0 4px 20px rgba(14,165,233,0.3);
  letter-spacing: 0.01em;
}

.jarvis-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(14,165,233,0.45);
  filter: brightness(1.08);
}

.jarvis-cta-btn .jarvis-arrow {
  transition: transform 0.2s;
}
.jarvis-cta-btn:hover .jarvis-arrow { transform: translateX(4px); }

/* JARVIS arc reactor badge */
.jarvis-arc-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--jarvis-amber-dim);
  border: 1px solid rgba(245,158,11,0.25);
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--jarvis-amber);
  width: fit-content;
  animation: arc-reactor-pulse 2.5s ease-in-out infinite;
}

.jarvis-arc-badge::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--jarvis-amber);
  box-shadow: 0 0 6px var(--jarvis-amber);
}

/* =====================
   CYBER GLASSMORPHISM UTILITIES
   ===================== */
.glass-panel {
  background: var(--glass-bg);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 0 20px rgba(0,212,255,0.05);
  position: relative;
  overflow: hidden;
}
.glass-panel::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 50%, rgba(0,212,255,0.03) 100%);
  pointer-events: none;
  border-radius: inherit;
}

.neon-edge {
  box-shadow: 0 0 12px rgba(0,212,255,0.20), 0 0 24px rgba(0,212,255,0.08), inset 0 1px 0 rgba(255,255,255,0.06);
  border: 1px solid rgba(0,212,255,0.25);
}

.holo-panel {
  position: absolute;
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0,212,255,0.15);
  border-radius: 12px;
  animation: floating-panel 6s ease-in-out infinite;
  pointer-events: none;
}
.holo-panel-1 { width: 120px; height: 80px; top: 15%; right: 8%; animation-delay: 0s; }
.holo-panel-2 { width: 80px; height: 60px; top: 35%; right: 3%; animation-delay: 1.5s; }
.holo-panel-3 { width: 60px; height: 40px; top: 55%; right: 12%; animation-delay: 3s; }

.data-line { stroke: var(--cyan); stroke-width: 1; opacity: 0.25; fill: none; }
.data-line.animated { animation: dash-flow 3s linear infinite; }

.cta-neon {
  animation: neon-pulse 3s ease-in-out infinite;
  transition: transform 0.15s, box-shadow 0.2s;
}
.cta-neon:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 12px 40px rgba(0,212,255,0.35);
}

/* =====================
   GLOBAL POLISH
   ===================== */
/* Selection */
::selection {
  background: rgba(245,158,11,0.2);
  color: var(--text);
}

/* Focus states */
:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Utility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}

/* Section spacing */
section + section { margin-top: 0; }

/* Process / closing sections in layout */
.process-section { background: var(--surface); }
.closing-section { }

/* =====================
   CYBER UTILITY CLASSES
   ===================== */
.glass-panel {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--cyan-border);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 0 20px rgba(0,212,255,0.05);
}

.glass-panel-strong {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border: 1px solid rgba(0,212,255,0.25);
  border-radius: 20px;
  box-shadow: 0 12px 48px rgba(0,0,0,0.5), 0 0 40px rgba(0,212,255,0.08);
}

.neon-border {
  border-color: var(--cyan-border);
  box-shadow: 0 0 12px rgba(0,212,255,0.15), inset 0 1px 0 rgba(255,255,255,0.05);
}

.magnetic {
  transition: transform 0.3s var(--ease-out), box-shadow 0.3s;
}
.magnetic:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 40px rgba(0,212,255,0.2);
}

.glow-trace {
  position: fixed;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,212,255,0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: left 0.08s, top 0.08s, opacity 0.3s;
  opacity: 0;
}

.ripple-container { position: fixed; inset: 0; pointer-events: none; z-index: 9998; overflow: hidden; }
.ripple {
  position: absolute;
  border-radius: 50%;
  border: 1px solid var(--cyan);
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  animation: ripple 0.8s ease-out forwards;
  pointer-events: none;
}

.parallax-layer {
  transition: transform 0.1s linear;
  will-change: transform;
}

/* =====================
   ROI CALCULATOR
   ===================== */
.roi-section {
  padding: 100px 24px;
  background: var(--bg);
  position: relative;
  overflow: hidden;
}

/* Subtle amber glow behind the card */
.roi-section::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 400px;
  background: radial-gradient(ellipse at center, rgba(245,158,11,0.05) 0%, transparent 70%);
  pointer-events: none;
}

.roi-inner {
  max-width: 1080px;
  margin: 0 auto;
}

.roi-header {
  text-align: center;
  margin-bottom: 48px;
}

.roi-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  background: var(--surface);
  border: 1px solid var(--border-a);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 60px rgba(245,158,11,0.06);
}

/* ── Inputs panel ── */
.roi-inputs {
  padding: 40px 36px;
  border-right: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.roi-field { display: flex; flex-direction: column; gap: 10px; }

.roi-field-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.roi-label {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-2);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.roi-val-badge {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--amber);
  background: var(--amber-dim);
  padding: 3px 10px;
  border-radius: 20px;
  min-width: 54px;
  text-align: center;
}

/* Slider */
.roi-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: var(--surface-2);
  outline: none;
  cursor: pointer;
  position: relative;
}

.roi-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--amber);
  cursor: pointer;
  border: 2px solid var(--bg);
  box-shadow: 0 0 0 0 rgba(245,158,11,0);
  transition: box-shadow 0.2s ease;
}

.roi-slider:focus::-webkit-slider-thumb,
.roi-slider:hover::-webkit-slider-thumb {
  box-shadow: 0 0 0 6px rgba(245,158,11,0.22);
}

.roi-slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--amber);
  cursor: pointer;
  border: 2px solid var(--bg);
}

.roi-slider::-moz-range-track {
  height: 4px;
  border-radius: 2px;
  background: var(--surface-2);
}

.roi-slider-range {
  display: flex;
  justify-content: space-between;
  font-size: 0.72rem;
  color: var(--text-3);
}

/* Select */
.roi-select {
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--text);
  font-size: 0.92rem;
  font-weight: 500;
  padding: 10px 14px;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s;
}

.roi-select:focus {
  border-color: var(--amber);
  box-shadow: 0 0 0 3px rgba(245,158,11,0.15);
}

/* ── Results panel ── */
.roi-results {
  padding: 40px 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.roi-result-block {
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.roi-result-label {
  font-size: 0.82rem;
  color: var(--text-2);
  font-weight: 500;
}

.roi-result-val {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

/* Hero revenue block */
.roi-result-hero {
  background: linear-gradient(135deg, rgba(245,158,11,0.12) 0%, rgba(245,158,11,0.04) 100%);
  border: 1px solid var(--border-a);
  border-radius: 14px;
  padding: 24px 20px;
  text-align: center;
}

.roi-result-hero-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-2);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}

.roi-result-hero-val {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 900;
  color: var(--amber);
  letter-spacing: -0.03em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.roi-result-hero-sub {
  font-size: 0.78rem;
  color: var(--text-2);
  margin-top: 4px;
}

/* ── Lead capture ── */
.roi-capture {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 20px;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out);
  pointer-events: none;
}

.roi-capture--visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.roi-capture-headline {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 14px;
  line-height: 1.35;
}

.roi-capture-form {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.roi-email-input {
  flex: 1;
  min-width: 180px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--text);
  font-size: 0.9rem;
  padding: 10px 14px;
  outline: none;
  transition: border-color 0.2s;
}

.roi-email-input::placeholder { color: var(--text-3); }

.roi-email-input:focus {
  border-color: var(--amber);
  box-shadow: 0 0 0 3px rgba(245,158,11,0.15);
}

.roi-email-input.roi-email-error {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239,68,68,0.15);
}

.roi-submit-btn {
  white-space: nowrap;
  font-size: 0.88rem;
  padding: 10px 20px;
}

.roi-capture-note {
  font-size: 0.72rem;
  color: var(--text-3);
  margin-top: 10px;
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .roi-section { padding: 64px 20px; }

  .roi-card {
    grid-template-columns: 1fr;
  }

  .roi-inputs {
    border-right: none;
    border-bottom: 1px solid var(--border);
    padding: 28px 24px;
    gap: 24px;
  }

  .roi-results { padding: 28px 24px; }

  .roi-slider { height: 6px; }

  .roi-slider::-webkit-slider-thumb { width: 26px; height: 26px; }

  .roi-result-hero-val { font-size: 2.2rem; }

  .roi-capture-form { flex-direction: column; }

  .roi-email-input, .roi-submit-btn { width: 100%; }
}

/* =========================================
   JARVIS DEMO WIDGET
   ========================================= */

:root {
  --jarvis-blue:       #0ea5e9;
  --jarvis-blue-dim:   rgba(14,165,233,0.15);
  --jarvis-blue-glow:  rgba(14,165,233,0.06);
  --jarvis-blue-border:rgba(14,165,233,0.28);
  --mono: 'Courier New', 'Lucida Console', monospace;
}

/* Section wrapper */
.jdemo-section {
  padding: 100px 24px;
  background: var(--bg);
  position: relative;
  overflow: hidden;
}

/* Faint radial glow behind the panel */
.jdemo-section::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 900px;
  height: 600px;
  background: radial-gradient(ellipse at center, var(--jarvis-blue-glow) 0%, transparent 70%);
  pointer-events: none;
}

.jdemo-inner {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 280px;
  grid-template-rows: auto 1fr;
  column-gap: 48px;
  row-gap: 0;
}

.jdemo-header {
  grid-column: 1 / -1;
  margin-bottom: 40px;
  text-align: center;
}

/* Glass panel */
.jdemo-panel {
  grid-column: 1;
  grid-row: 2;
  background: rgba(14,165,233,0.04);
  border: 1px solid var(--jarvis-blue-border);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 48px rgba(14,165,233,0.08), 0 2px 32px rgba(0,0,0,0.5);
  /* breathing border animation */
  animation: jarvis-breathe 4s ease-in-out infinite;
}

@keyframes jarvis-breathe {
  0%, 100% { box-shadow: 0 0 32px rgba(14,165,233,0.06), 0 2px 24px rgba(0,0,0,0.4); }
  50%       { box-shadow: 0 0 64px rgba(14,165,233,0.14), 0 2px 40px rgba(0,0,0,0.5); }
}

/* HUD top bar */
.jdemo-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: rgba(14,165,233,0.08);
  border-bottom: 1px solid var(--jarvis-blue-border);
}

.jdemo-topbar-left { display: flex; gap: 7px; align-items: center; }

.jdemo-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.jdemo-dot-green { background: #22c55e; }
.jdemo-dot-amber { background: #f59e0b; }
.jdemo-dot-red   { background: #ef4444; }

.jdemo-topbar-title {
  font-family: var(--mono);
  font-size: 0.72rem;
  color: var(--jarvis-blue);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.jdemo-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  color: #22c55e;
}

.jdemo-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22c55e;
  animation: jdemo-pulse 1.5s ease-in-out infinite;
}

@keyframes jdemo-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.4; transform: scale(0.75); }
}

/* Conversation scroll area */
.jdemo-conv {
  flex: 1;
  min-height: 280px;
  max-height: 380px;
  overflow-y: auto;
  padding: 20px 20px 12px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  scrollbar-width: thin;
  scrollbar-color: var(--jarvis-blue-border) transparent;
}

.jdemo-conv::-webkit-scrollbar { width: 4px; }
.jdemo-conv::-webkit-scrollbar-thumb { background: var(--jarvis-blue-border); border-radius: 2px; }

/* Message bubbles */
.jdemo-msg { display: flex; flex-direction: column; gap: 4px; }

.jdemo-msg-label {
  font-family: var(--mono);
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  font-weight: 700;
  text-transform: uppercase;
}

.jdemo-msg-ai .jdemo-msg-label  { color: var(--jarvis-blue); }
.jdemo-msg-user .jdemo-msg-label { color: var(--text-2); text-align: right; }

.jdemo-msg-text {
  font-family: var(--mono);
  font-size: 0.88rem;
  line-height: 1.6;
  padding: 12px 16px;
  border-radius: 10px;
  max-width: 88%;
}

.jdemo-msg-ai .jdemo-msg-text {
  background: var(--jarvis-blue-dim);
  border: 1px solid var(--jarvis-blue-border);
  color: var(--text);
  align-self: flex-start;
}

.jdemo-msg-user .jdemo-msg-text {
  background: var(--surface-2);
  border: 1px solid var(--border);
  color: var(--text);
  align-self: flex-end;
}

.jdemo-hud-line {
  display: block;
  color: var(--jarvis-blue);
}

/* Pitch CTA link inside AI response */
.jdemo-pitch-link {
  color: var(--amber);
  text-decoration: underline;
  font-weight: 600;
}

/* Typing indicator */
.jdemo-typing-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--jarvis-blue);
  margin-right: 4px;
  animation: jdemo-typing 1.2s ease-in-out infinite;
}
.jdemo-typing-dot:nth-child(2) { animation-delay: 0.2s; }
.jdemo-typing-dot:nth-child(3) { animation-delay: 0.4s; }

@keyframes jdemo-typing {
  0%, 80%, 100% { opacity: 0.3; transform: translateY(0); }
  40%            { opacity: 1;   transform: translateY(-5px); }
}

/* Quick prompts */
.jdemo-quick-prompts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 20px;
  border-top: 1px solid rgba(14,165,233,0.1);
}

.jdemo-quick-btn {
  font-family: var(--mono);
  font-size: 0.75rem;
  padding: 7px 14px;
  border: 1px solid var(--jarvis-blue-border);
  background: var(--jarvis-blue-glow);
  color: var(--jarvis-blue);
  border-radius: 6px;
  cursor: pointer;
  letter-spacing: 0.02em;
  transition: background 0.18s, border-color 0.18s;
}

.jdemo-quick-btn:hover {
  background: var(--jarvis-blue-dim);
  border-color: var(--jarvis-blue);
}

/* Input row */
.jdemo-input-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-top: 1px solid var(--jarvis-blue-border);
  background: rgba(0,0,0,0.2);
}

.jdemo-prompt-prefix {
  font-family: var(--mono);
  font-size: 1rem;
  color: var(--jarvis-blue);
  flex-shrink: 0;
}

.jdemo-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  font-family: var(--mono);
  font-size: 0.88rem;
  color: var(--text);
  caret-color: var(--jarvis-blue);
}

.jdemo-input::placeholder { color: var(--text-3); }

.jdemo-send-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--jarvis-blue);
  border: none;
  border-radius: 8px;
  color: #fff;
  flex-shrink: 0;
  transition: background 0.18s, opacity 0.18s;
}

.jdemo-send-btn:hover { background: #38bdf8; }
.jdemo-send-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.jdemo-send-btn.loading { opacity: 0.6; }

/* Side callout column */
.jdemo-callout {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-top: 8px;
}

.jdemo-callout-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.jdemo-callout-icon {
  color: var(--jarvis-blue);
  font-size: 0.6rem;
  margin-top: 5px;
  flex-shrink: 0;
}

.jdemo-callout-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 4px;
}

.jdemo-callout-sub {
  font-size: 0.8rem;
  color: var(--text-2);
  line-height: 1.5;
}

.jdemo-cta-btn {
  display: inline-block;
  margin-top: 8px;
  padding: 14px 20px;
  background: var(--jarvis-blue);
  color: #fff;
  font-weight: 700;
  font-size: 0.9rem;
  border-radius: 10px;
  text-align: center;
  transition: background 0.18s, transform 0.15s;
  letter-spacing: -0.01em;
}

.jdemo-cta-btn:hover {
  background: #38bdf8;
  transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 900px) {
  .jdemo-inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  .jdemo-header { grid-column: 1; }

  .jdemo-panel {
    grid-column: 1;
    grid-row: 2;
  }

  .jdemo-callout {
    grid-column: 1;
    grid-row: 3;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 28px;
  }

  .jdemo-callout-item { flex: 1 1 200px; }

  .jdemo-cta-btn { width: 100%; margin-top: 4px; }

  .jdemo-topbar-title { display: none; }
}

@media (max-width: 480px) {
  .jdemo-section { padding: 64px 16px; }

  .jdemo-conv { min-height: 220px; max-height: 300px; }

  .jdemo-msg-text { font-size: 0.82rem; }

  .jdemo-quick-prompts { gap: 6px; }

  .jdemo-quick-btn { font-size: 0.7rem; padding: 6px 11px; }
}

/* =====================
   HERO BACKGROUND IMAGE LAYER
   ===================== */
.hero-bg-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.hero-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.18;
  filter: saturate(1.4) brightness(0.7) hue-rotate(-10deg);
  transform: scale(1.05);
  will-change: transform;
  transition: transform 0.3s linear;
}
.hero-bg-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,8,0.75) 100%),
    radial-gradient(ellipse at 60% 40%, rgba(0,212,255,0.10) 0%, transparent 55%),
    radial-gradient(ellipse at 20% 70%, rgba(245,158,11,0.05) 0%, transparent 45%);
  pointer-events: none;
}
.hero-particles { z-index: 2; }
.hero-scanline  { z-index: 3; }
.hero-inner     { z-index: 10; }

/* =====================
   AMBIENT CIRCUIT CANVAS
   ===================== */
.hero-circuit-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  opacity: 0.35;
}
@media (prefers-reduced-motion: reduce) {
  .hero-circuit-canvas { display: none; }
}

/* =====================
   HERO GLASS HUD PANEL
   ===================== */
.hero-glass-hud {
  position: relative;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 20px;
}
.hero-glass-hud .hero-image-wrap img {
  filter: brightness(0.95) contrast(1.05);
}
@media (max-width: 900px) {
  .hero-glass-hud {
    padding: 16px;
    border-radius: 16px;
  }
}

/* =====================
   NEON HEADING GLOWS
   ===================== */
.hero-title {
  text-shadow:
    0 0 40px rgba(0,212,255,0.15),
    0 0 80px rgba(0,212,255,0.06);
}
.hero-title span {
  text-shadow:
    0 0 30px rgba(245,158,11,0.25),
    0 0 60px rgba(245,158,11,0.10);
  filter: none;
}
.section-title {
  text-shadow:
    0 0 30px rgba(0,212,255,0.08),
    0 0 60px rgba(0,212,255,0.03);
}
.section-tag {
  text-shadow: 0 0 12px rgba(0,212,255,0.35);
}

/* =====================
   PREMIUM PRICING UPGRADES
   ===================== */
.price-card {
  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s, background 0.3s;
}
.price-card:hover {
  border-color: rgba(0,212,255,0.35);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(0,212,255,0.15),
    inset 0 1px 0 rgba(255,255,255,0.08);
}
.price-card.featured {
  border-color: rgba(0,212,255,0.35);
  box-shadow:
    0 0 40px rgba(0,212,255,0.12),
    0 0 80px rgba(0,212,255,0.04),
    inset 0 1px 0 rgba(255,255,255,0.08);
}
.price-card.featured:hover {
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 60px rgba(0,212,255,0.22),
    inset 0 1px 0 rgba(255,255,255,0.10);
}

/* =====================
   CYBER SECTION DIVIDERS
   ===================== */
.trust-bar { position: relative; }
.trust-bar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  opacity: 0.4;
}

.social-proof { position: relative; }
.social-proof::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 10%, var(--cyan) 50%, transparent 90%);
  opacity: 0.25;
}

.case-study.glass-panel::after {
  content: '';
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-top: 1px solid rgba(0,212,255,0.3);
  border-right: 1px solid rgba(0,212,255,0.3);
  border-radius: 0 8px 0 0;
  pointer-events: none;
}
.case-study.glass-panel::before {
  content: '';
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 40px;
  height: 40px;
  border-bottom: 1px solid rgba(245,158,11,0.25);
  border-left: 1px solid rgba(245,158,11,0.25);
  border-radius: 0 0 0 8px;
  pointer-events: none;
}

/* =====================
   FLOATING ANIMATIONS ON KEY ELEMENTS
   ===================== */
@keyframes float-slow {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-6px); }
}
.hero-badge      { animation: float-slow 5s ease-in-out infinite; }
.hero-image-badge { animation: float-slow 6s ease-in-out infinite 1s; }
.hero-stats-row   { animation: float-slow 7s ease-in-out infinite 0.5s; }
.hero-badge.in-view,
.hero-image-badge.in-view,
.hero-stats-row.in-view {
  opacity: 1;
  transform: translateY(0);
}
.hero-badge.in-view { animation: float-slow 5s ease-in-out infinite; }
.hero-image-badge.in-view { animation: float-slow 6s ease-in-out infinite 1s; }
.hero-stats-row.in-view   { animation: float-slow 7s ease-in-out infinite 0.5s; }

/* =====================
   ROI AUDIT CARD GLASS UPGRADE
   ===================== */
.roi-audit-card {
  background: rgba(10,10,20,0.85) !important;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(0,212,255,0.18) !important;
  box-shadow:
    0 8px 32px rgba(0,0,0,0.5),
    0 0 20px rgba(0,212,255,0.06);
}

/* =====================
   ENHANCED GLOW TRACE
   ===================== */
.glow-trace {
  background: radial-gradient(
    circle,
    rgba(0,212,255,0.10) 0%,
    rgba(245,158,11,0.04) 40%,
    transparent 70%
  );
  width: 500px;
  height: 500px;
}

/* =====================
   PERFORMANCE + MOBILE SAFEGUARDS
   ===================== */
@media (max-width: 480px) {
  .hero-bg-img { opacity: 0.12; }
  .hero-circuit-canvas { opacity: 0.2; }
  .glow-trace { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-bg-img { transition: none; }
  .hero-badge, .hero-image-badge, .hero-stats-row { animation: none; }
  .hero-particle { animation: none; }
  .hero-scanline { animation: none; }
  .holo-panel { animation: none; }
  .badge-dot { animation: none; }
}

/* PRIVACY PAGE */
.privacy-topbar { max-width: 980px; margin: 0 auto; padding: 26px 28px 0; }
.privacy-home-link { display: inline-flex; align-items: center; color: var(--cyan-text); font-size: 0.9rem; font-weight: 600; text-decoration: none; }
.privacy-home-link:hover { color: var(--cyan-deep); text-decoration: underline; }
.privacy-page { padding: 28px 24px 80px; }
.privacy-document { max-width: 840px; margin: 0 auto; }
.privacy-draft-banner { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border: 1px solid #e5c27e; border-radius: 10px; background: #fff8e8; color: #5f4517; line-height: 1.55; }
.privacy-draft-banner strong { color: #76500b; font-size: 0.82rem; letter-spacing: 0.06em; }
.privacy-heading { padding: 34px 0 26px; }
.privacy-eyebrow { margin: 0 0 10px; color: var(--cyan-text); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.privacy-heading h1 { margin: 0 0 14px; color: var(--text); font-size: clamp(2.2rem, 5vw, 3rem); line-height: 1.1; letter-spacing: -0.035em; }
.privacy-summary { max-width: 72ch; margin: 0; color: var(--text-2); font-size: 1.05rem; line-height: 1.7; }
.privacy-section { padding: 26px 0 30px; border-top: 1px solid var(--border); }
.privacy-section h2 { margin: 0 0 14px; color: var(--text); font-size: 1.3rem; line-height: 1.3; }
.privacy-section p, .privacy-section li { max-width: 82ch; color: var(--text-2); font-size: 0.96rem; line-height: 1.75; overflow-wrap: anywhere; }
.privacy-section p { margin: 0 0 14px; }
.privacy-section p:last-child { margin-bottom: 0; }
.privacy-section ul { margin: 12px 0 0; padding-left: 22px; }
.privacy-section li { padding-left: 3px; margin: 0 0 10px; }
.privacy-section li:last-child { margin-bottom: 0; }
.privacy-section strong { color: var(--text); }
.privacy-section code { padding: 2px 5px; border: 1px solid var(--border); border-radius: 4px; background: var(--surface-2); color: var(--text); font-family: 'JetBrains Mono', monospace; font-size: 0.86em; overflow-wrap: anywhere; }
.privacy-placeholder { display: inline; padding: 2px 5px; border: 1px solid #e5c27e; border-radius: 4px; background: #fff8e8; color: #684b14; font-weight: 600; -webkit-box-decoration-break: clone; box-decoration-break: clone; overflow-wrap: anywhere; }
.privacy-closing { margin: 26px 0 0; padding: 16px 18px; border-left: 3px solid var(--cyan); background: var(--surface-2); color: var(--text-2); line-height: 1.65; }
@media (max-width: 600px) {
  .privacy-topbar { padding: 20px 20px 0; }
  .privacy-page { padding: 22px 20px 56px; }
  .privacy-heading { padding: 28px 0 22px; }
  .privacy-section { padding: 22px 0 24px; }
  .privacy-section h2 { font-size: 1.18rem; }
  .privacy-section p, .privacy-section li { font-size: 0.92rem; }
}

/* PUBLIC SITE REFINEMENT */
body.public-site { --bg: #f5f7fa; --surface: #ffffff; --surface-2: #edf2f6; --text: #172638; --text-2: #43566a; --text-3: #68798a; --border: #dce4ec; --border-a: #b8d4df; --cyan: #087d9a; --cyan-deep: #066a83; --cyan-dim: #e8f4f7; --cyan-glow: rgba(8,125,154,0.08); --cyan-border: #b7d6df; --cyan-text: #075d73; --amber: #b7791f; --amber-dim: #fbf3e6; --amber-glow: rgba(183,121,31,0.08); --green: #23805a; background: var(--bg); color: var(--text); color-scheme: light;  }
body.public-site::before, body.public-site::after { display: none;  }
body.public-site main { position: relative;  }
body.public-site :focus-visible { outline-color: #087d9a;  }
body.public-site .section-title { color: var(--text); text-shadow: none;  }
body.public-site .section-sub { color: var(--text-2);  }
body.public-site .section-tag { color: var(--cyan-text); text-shadow: none;  }
body.public-site .site-header { height: 72px; background: rgba(255,255,255,0.97); border-bottom: 1px solid var(--border); box-shadow: 0 2px 12px rgba(23,38,56,0.05); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);  }
body.public-site .site-header.scrolled { background: #fff; border-bottom-color: var(--border);  }
body.public-site .header-inner { max-width: 1280px; padding: 0 28px;  }
body.public-site .header-logo { color: var(--text);  }
body.public-site .header-nav { gap: 22px;  }
body.public-site .header-nav a { color: var(--text-2);  }
body.public-site .header-nav a:hover { color: var(--cyan-text);  }
body.public-site .header-nav a::after { background: var(--cyan);  }
body.public-site .header-cta, body.public-site .btn-primary, body.public-site .btn-cyber { background: #087d9a; border-color: #087d9a; color: #fff; box-shadow: none; animation: none;  }
body.public-site .header-cta:hover, body.public-site .btn-primary:hover, body.public-site .btn-cyber:hover { background: #066a83; border-color: #066a83; transform: translateY(-1px); filter: none; box-shadow: 0 5px 14px rgba(8,125,154,0.16);  }
body.public-site .btn-outline { background: #fff; border-color: #c9d4df; color: var(--text);  }
body.public-site .btn-outline:hover { background: var(--surface-2); border-color: #9fb0bf; color: var(--text);  }
body.public-site .btn-ghost { color: var(--text-2);  }
body.public-site .mobile-nav { background: #fff;  }
body.public-site .mobile-nav-links a { color: var(--text-2); border-bottom-color: var(--border);  }
body.public-site .mobile-nav-links a:hover { color: var(--cyan-text);  }
body.public-site .mobile-nav-cta button { width: 100%; font: inherit; cursor: pointer;  }
body.public-site .site-header form .header-cta { font: inherit; cursor: pointer; border: 0;  }
body.public-site .mobile-menu-btn, body.public-site .mobile-nav-close { color: var(--text);  }
body.public-site .hero { min-height: 720px; padding: 140px 0 88px; background: linear-gradient(135deg, #f8fafc 0%, #eef4f7 100%);  }
body.public-site .hero::before, body.public-site .hero-bg-layer, body.public-site .hero-particles, body.public-site .hero-scanline, body.public-site .hero-circuit-canvas, body.public-site .hero .holo-panel, body.public-site .hero .data-lines { display: none;  }
body.public-site .hero-inner { max-width: 1200px; gap: 64px;  }
body.public-site .hero-badge { background: #e9f3f5; border-color: #c7dfe5; color: #075d73; box-shadow: none; animation: none;  }
body.public-site .hero-title { color: #172638; text-shadow: none;  }
body.public-site .hero-title span { color: #087d9a; text-shadow: none;  }
body.public-site .hero-sub { color: #43566a;  }
body.public-site .hero-trust-text { color: #43566a;  }
body.public-site .hero-logo-item { color: #68798a;  }
body.public-site .hero-glass-hud, body.public-site .glass-panel, body.public-site .glass-panel-strong, body.public-site .neon-edge { background: #fff; border: 1px solid var(--border); box-shadow: 0 16px 40px rgba(23,38,56,0.08); backdrop-filter: none; -webkit-backdrop-filter: none;  }
body.public-site .hero-glass-hud { padding: 20px; gap: 18px; border-radius: 18px;  }
body.public-site .hero-image-wrap { border-radius: 12px; box-shadow: none; animation: none;  }
body.public-site .hero-image-wrap img { filter: none;  }
body.public-site .hero-image-overlay { background: linear-gradient(180deg, transparent 62%, rgba(16,33,48,0.45) 100%);  }
body.public-site .hero-image-badge { background: #fff; border: 1px solid var(--border); box-shadow: 0 8px 22px rgba(23,38,56,0.12); animation: none;  }
body.public-site .hero-stats-row { background: #f7f9fb; border-color: var(--border); box-shadow: none; animation: none;  }
body.public-site .hero-stat-val { color: var(--text);  }
body.public-site .hero-stat-val.amber { color: var(--amber);  }
body.public-site .hero-stat-label { color: var(--text-3);  }
body.public-site .hero-phone-mini { border-color: #dce4ec !important; box-shadow: 0 8px 24px rgba(23,38,56,0.16) !important;  }
body.public-site .glass-panel::before, body.public-site .glass-panel-strong::before, body.public-site .case-study.glass-panel::before, body.public-site .case-study.glass-panel::after { display: none;  }
body.public-site .trust-bar { background: #fff; border: 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); box-shadow: none; backdrop-filter: none;  }
body.public-site .trust-bar::before, body.public-site .social-proof::before { display: none;  }
body.public-site .trust-stat-num { color: var(--cyan-text);  }
body.public-site .trust-industries .trust-industry { background: #f8fafc; border-color: var(--border);  }
body.public-site .problem { background: #f1f5f8;  }
body.public-site .problem-inner, body.public-site .problem-legacy, body.public-site .problem-solution { color: var(--text);  }
body.public-site .problem-quote blockquote, body.public-site .problem-legacy .legacy-item, body.public-site .problem-solution { background: #fff; border-color: var(--border); box-shadow: 0 8px 24px rgba(23,38,56,0.04);  }
body.public-site .problem-stat .stat-num { color: var(--cyan-text);  }
body.public-site .problem-quote p, body.public-site .legacy-text span, body.public-site .solution-text span { color: var(--text-2);  }
body.public-site .services, body.public-site .social-proof, body.public-site .demo-section, body.public-site .jdemo-section, body.public-site .pricing-section, body.public-site .lead-section, body.public-site .roi-audit-section, body.public-site .roi-section { background: #f5f7fa;  }
body.public-site .service-block { gap: 56px; margin-bottom: 80px;  }
body.public-site .service-block-image { border-color: var(--border); box-shadow: 0 14px 32px rgba(23,38,56,0.08);  }
body.public-site .service-image-badge { background: rgba(255,255,255,0.96); border-color: var(--border);  }
body.public-site .service-image-badge-text, body.public-site .service-tier-badge { color: var(--cyan-text);  }
body.public-site .service-tier-badge { background: #e9f3f5; border-color: #c7dfe5;  }
body.public-site .service-name, body.public-site .service-value-prop, body.public-site .service-feature { color: var(--text);  }
body.public-site .case-study { background: #fff; border-color: var(--border); box-shadow: 0 12px 32px rgba(23,38,56,0.06);  }
body.public-site .case-study-tag { background: #fbf3e6; border-color: #ead4ad; color: #8d5b16;  }
body.public-site .case-study-big-num { color: #9a681d;  }
body.public-site .pricing-section { border-color: var(--border);  }
body.public-site .pricing-grid { gap: 22px;  }
body.public-site .price-card, body.public-site .pricing-card, body.public-site .ms-price-card, body.public-site .lf-price-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 10px 28px rgba(23,38,56,0.06); backdrop-filter: none; -webkit-backdrop-filter: none;  }
body.public-site .price-card:hover, body.public-site .price-card.featured, body.public-site .price-card.featured:hover { border-color: #9bc7d3; background: #fff; box-shadow: 0 15px 34px rgba(23,38,56,0.1); transform: translateY(-2px);  }
body.public-site .price-card-name, body.public-site .price-tier-val, body.public-site .pricing-val, body.public-site .ms-price-val, body.public-site .lf-price-monthly { color: var(--text);  }
body.public-site .price-tier-val span, body.public-site .price-card-tagline, body.public-site .price-tier-label, body.public-site .price-feature, body.public-site .price-footer { color: var(--text-2);  }
body.public-site .price-card-popular, body.public-site .pricing-featured-badge { background: #e7f1f4; color: #075d73;  }
body.public-site .price-feature-icon { color: var(--cyan);  }
body.public-site .price-tier-btn { background: #f7f9fb; border-color: var(--border); color: var(--text);  }
body.public-site .price-tier-btn.amber-btn { background: #087d9a; border-color: #087d9a; color: #fff;  }
body.public-site .pricing-row { border-color: var(--border);  }
body.public-site .pricing-btn, body.public-site .pricing-card form, body.public-site .pricing-card form button, body.public-site .ms-price-actions form, body.public-site .lf-price-actions form { width: 100%;  }
body.public-site .pricing-card form button, body.public-site .ms-price-actions form button, body.public-site .lf-price-actions form button { width: 100%; justify-content: center; font: inherit; cursor: pointer;  }
body.public-site .lead-layout, body.public-site .mcc-card, body.public-site .roi-card, body.public-site .roi-capture, body.public-site .demo-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 12px 32px rgba(23,38,56,0.07); animation: none; backdrop-filter: none; -webkit-backdrop-filter: none;  }
body.public-site .roi-audit-card { background: #fff !important; border: 1px solid var(--border) !important; border-radius: 16px; box-shadow: 0 12px 32px rgba(23,38,56,0.07); animation: none; backdrop-filter: none; -webkit-backdrop-filter: none;  }
body.public-site .ra-slider-range { color: var(--text-3); }
body.public-site .ra-slider { background: #d7e0e7; }
body.public-site .ra-slider::-webkit-slider-thumb { border-color: #fff; }
body.public-site .ra-slider::-moz-range-thumb { border-color: #fff; }
body.public-site .lead-layout { border-color: var(--border);  }
body.public-site .lead-header h2, body.public-site .lead-checklist-title, body.public-site .roi-audit-title { color: var(--text);  }
body.public-site .lead-header p, body.public-site .lead-check-desc, body.public-site .lead-check-label, body.public-site .form-note { color: var(--text-2);  }
body.public-site .form-group label, body.public-site .ra-label { color: var(--text-2);  }
body.public-site .form-group input, body.public-site .form-group select, body.public-site .form-group textarea, body.public-site .ra-input, body.public-site .mcc-number, body.public-site .mr-qualified-field input, body.public-site .mr-qualified-field textarea { background: #fff; border-color: #cbd6df; color: var(--text); box-shadow: none;  }
body.public-site .mcc-input { background: #fff; border-color: var(--border); }
body.public-site .mcc-number { background: transparent; border: 0; }
body.public-site .mcc-currency-prefix { color: var(--cyan-text); }
body.public-site .mcc-input-hint, body.public-site .mcc-disclaimer { color: var(--text-3); }
body.public-site .form-group input::placeholder, body.public-site .form-group textarea::placeholder, body.public-site .ra-input::placeholder, body.public-site .mr-qualified-field input::placeholder, body.public-site .mr-qualified-field textarea::placeholder { color: #8291a0;  }
body.public-site .form-group input:focus, body.public-site .form-group select:focus, body.public-site .form-group textarea:focus, body.public-site .ra-input:focus, body.public-site .mcc-input:focus { border-color: #087d9a; box-shadow: 0 0 0 3px rgba(8,125,154,0.12);  }
body.public-site .form-submit, body.public-site .ra-btn-primary, body.public-site .ra-cta-primary, body.public-site .mcc-section .btn-cyber { background: #087d9a; border-color: #087d9a; color: #fff; box-shadow: none;  }
body.public-site .ra-cta-primary { display: inline-flex; align-items: center; justify-content: center; width: 100%; border: 0; appearance: none; border-radius: 10px; padding: 12px 18px; font: inherit; font-weight: 700; cursor: pointer;  }
body.public-site .ra-result-title, body.public-site .ra-result-sub, body.public-site .ra-result-annual, body.public-site .ra-result-copy, body.public-site .ra-result-note, body.public-site .ra-preview-label, body.public-site .ra-preview-sub { color: var(--text-2); }
body.public-site .ra-result-number, body.public-site .ra-preview-number { color: #9a681d; }
body.public-site .ra-result-body { border-top-color: var(--border); }
body.public-site .roi-audit-section { border-block: 1px solid var(--border);  }
body.public-site .mcc-section { background: #eef3f6;  }
body.public-site .mcc-title, body.public-site .mcc-subtitle, body.public-site .mcc-label, body.public-site .mcc-result-label, body.public-site .roi-section h2, body.public-site .roi-section label { color: var(--text);  }
body.public-site .mcc-results { background: #f7f9fb; border-color: var(--border);  }
body.public-site .mcc-result-line, body.public-site .mcc-result-secondary-label { color: var(--text-2); }
body.public-site .mcc-result-secondary-val { color: var(--text); }
body.public-site .mcc-result-secondary { border-top-color: var(--border); }
body.public-site .mcc-number, body.public-site .mcc-result-hero { color: var(--cyan-text);  }
body.public-site .roi-section { border-color: var(--border);  }
body.public-site .process-section, body.public-site .closing-section { background: #eef3f6;  }
body.public-site .closing-section { border: 1px solid var(--border); box-shadow: 0 12px 32px rgba(23,38,56,0.06);  }
body.public-site .closing-section h2, body.public-site .closing-section p { color: var(--text);  }
body.public-site .footer { background: #fff; border-top: 1px solid var(--border);  }
body.public-site .footer-col-title, body.public-site .footer-copy, body.public-site .footer-tagline { color: var(--text-2);  }
body.public-site .footer-col a { color: var(--text-2);  }
body.public-site .footer-col a:hover { color: var(--cyan-text);  }
body.public-site .biz-hero, body.public-site .ms-hero, body.public-site .lf-hero, body.public-site .mr-hero, body.public-site .lr-hero, body.public-site .bd-hero, body.public-site .vs-hero, body.public-site .js-hero { background: linear-gradient(135deg, #f8fafc 0%, #edf4f6 100%); color: var(--text);  }
body.public-site .biz-hero::before, body.public-site .ms-hero::before, body.public-site .lf-hero::before, body.public-site .mr-hero::before, body.public-site .lr-hero::before, body.public-site .bd-hero::before, body.public-site .vs-hero::before, body.public-site .js-hero::before { background: none;  }
body.public-site .biz-hero h1, body.public-site .biz-hero-title, body.public-site .ms-hero h1, body.public-site .ms-hero-title, body.public-site .lf-hero h1, body.public-site .lf-hero-title, body.public-site .mr-hero-title, body.public-site .lr-hero-title, body.public-site .bd-hero-title, body.public-site .vs-hero h1, body.public-site .js-hero h1 { color: var(--text); text-shadow: none;  }
body.public-site .mr-hero-title .hl, body.public-site .lr-hero-title .hl { background: none; color: var(--cyan-text); -webkit-text-fill-color: currentColor;  }
body.public-site .vs-hero h1 span, body.public-site .js-hero .hl, body.public-site .biz-hero h1 span, body.public-site .ms-hero h1 span, body.public-site .lf-hero h1 span { color: var(--cyan-text);  }
body.public-site .biz-hero p, body.public-site .ms-hero p, body.public-site .lf-hero p, body.public-site .biz-hero-sub, body.public-site .ms-hero-sub, body.public-site .lf-hero-sub, body.public-site .mr-hero-sub, body.public-site .lr-hero-sub, body.public-site .bd-hero-sub, body.public-site .bd-form-copy h2, body.public-site .bd-form-copy p, body.public-site .bd-hero p, body.public-site .vs-hero-sub, body.public-site .js-hero-sub { color: var(--text-2);  }
body.public-site .mr-badge, body.public-site .lr-badge, body.public-site .vs-hero-badge, body.public-site .js-badge { background: #e8f4f7; border-color: #c7dfe5; color: #075d73; box-shadow: none;  }
body.public-site .mr-badge .pulse, body.public-site .lr-badge .pulse, body.public-site .vs-hero-badge .badge-dot, body.public-site .js-badge .pulse { animation: none; box-shadow: none;  }
body.public-site .biz-handles, body.public-site .ms-handles, body.public-site .lf-handles, body.public-site .mr-pain, body.public-site .lr-pain, body.public-site .js-services, body.public-site .js-savings, body.public-site .js-industries, body.public-site .vs-table-section, body.public-site .bd-trust, body.public-site .bd-form-section { background: #f5f7fa;  }
body.public-site .biz-social, body.public-site .ms-case, body.public-site .lf-proof, body.public-site .lf-case, body.public-site .mr-summer-offer, body.public-site .lr-results, body.public-site .vs-faq-section { background: #eef3f6;  }
body.public-site .pricing-card, body.public-site .ms-price-card, body.public-site .lf-price-card { color: var(--text);  }
body.public-site .ms-price-card-badge, body.public-site .lf-price-badge { background: #e8f4f7; color: var(--cyan-text); }
body.public-site .pricing-features, body.public-site .ms-price-features, body.public-site .lf-price-features, body.public-site .pricing-tier-tagline, body.public-site .ms-price-tagline, body.public-site .lf-price-tagline { color: var(--text-2);  }
body.public-site .mr-qualified-form, body.public-site .mr-overhaul-option, body.public-site .mr-summer-offer-plan, body.public-site .bd-form-card, body.public-site .lr-pain-card, body.public-site .js-card, body.public-site .vs-card, body.public-site .vs-compare-table, body.public-site .bd-trust-card { background: #fff; border-color: var(--border); color: var(--text); box-shadow: 0 10px 26px rgba(23,38,56,0.05);  }
body.public-site .mr-qualified-form h2, body.public-site .mr-overhaul-option h3, body.public-site .mr-qualified-field label, body.public-site .mr-qualified-intro, body.public-site .mr-overhaul-option p, body.public-site .lr-pain-title, body.public-site .lr-pain-desc, body.public-site .vs-card-name, body.public-site .vs-card-row-label, body.public-site .vs-card-row-val, body.public-site .vs-faq-q, body.public-site .vs-faq-a, body.public-site .js-section-title, body.public-site .js-card-name, body.public-site .js-card-features, body.public-site .js-urgency-title, body.public-site .js-urgency-text { color: var(--text);  }
body.public-site .vs-table-wrap { border-color: var(--border); }
body.public-site .vs-table-section table th, body.public-site .vs-table-section table td { border-color: var(--border);  }
body.public-site .vs-table-section table th { background: #f4f7f9; color: var(--text);  }
body.public-site .vs-table-section table td { background: #fff; color: var(--text-2);  }
body.public-site .vs-table-section table td.col-us, body.public-site .vs-table-section table th.col-us { background: #e8f4f7; color: var(--cyan-text); }
body.public-site .vs-card-header { background: #f4f7f9; border-color: var(--border); }
body.public-site .vs-card-us .vs-card-header { background: #e8f4f7; border-color: var(--border); }
body.public-site .vs-card-row { border-color: var(--border); }
body.public-site .vs-card-winner-tag { background: #e8f4f7; color: var(--cyan-text); }
body.public-site .vs-price-highlight { color: var(--cyan-text);  }
body.public-site .vs-price-note { color: var(--text-3);  }
body.public-site .vs-hero-cta button, body.public-site .vs-cta-primary, body.public-site .js-hero-cta, body.public-site .js-cta-btn, body.public-site .mr-summer-offer-cta { display: inline-flex; justify-content: center; align-items: center; background: #087d9a; border: 1px solid #087d9a; color: #fff; border-radius: 9px; padding: 13px 20px; font: inherit; font-weight: 700; cursor: pointer;  }
body.public-site .js-hero-note, body.public-site .js-cta-note, body.public-site .vs-hero-note, body.public-site .vs-cta-primary-note { color: var(--text-2);  }
body.public-site .js-savings-col, body.public-site .js-savings-row, body.public-site .js-setup-fee { background: #fff; border-color: var(--border); color: var(--text);  }
body.public-site .js-savings-col-label, body.public-site .js-savings-col-note, body.public-site .js-savings-row-label, body.public-site .js-savings-row-sub, body.public-site .js-setup-fee-label { color: var(--text-2);  }
body.public-site .js-savings-col-price, body.public-site .js-savings-row-val, body.public-site .js-setup-fee-val { color: var(--text);  }
body.public-site .bd-cta-strip { background: #eaf2f5;  }
body.public-site .bd-cta-strip h3, body.public-site .bd-cta-strip p { color: var(--text);  }
body.public-site .bd-cta-secondary { color: var(--text-2);  }
body.public-site .bd-form-section input, body.public-site .bd-form-section select, body.public-site .bd-form-section textarea { background: #fff; border-color: #cbd6df; color: var(--text);  }
body.public-site .vs-cta-section, body.public-site .js-cta-section, body.public-site .js-urgency, body.public-site .js-faq { background: #eef3f6;  }
body.public-site .js-cta-title, body.public-site .js-cta-sub, body.public-site .js-faq-q, body.public-site .js-faq-a { color: var(--text);  }
body.public-site .js-urgency-prices { grid-template-columns: 1fr; max-width: 360px; margin: 0 auto 32px; }
body.public-site .js-urgency-price { background: #fff; border-color: var(--border); }
body.public-site .js-urgency-price.now { background: #f4f8fa; border-color: #c7dfe5; }
body.public-site .js-urgency-price-label { color: var(--text-3); }
body.public-site .js-urgency-price-val { color: var(--text); }
body.public-site .js-urgency-price.now .js-urgency-price-val { color: var(--cyan-text); }
body.public-site .js-faq-item { border-bottom-color: var(--border); }
body.public-site .biz-call-badge, body.public-site .ms-call-badge, body.public-site .lf-call-badge { background: rgba(255,255,255,0.97); border-color: var(--border); color: var(--text); box-shadow: 0 8px 24px rgba(23,38,56,0.12); backdrop-filter: none; }
body.public-site .biz-call-badge-dot, body.public-site .ms-call-badge-dot, body.public-site .lf-call-badge-dot { box-shadow: none; animation: none; }
body.public-site .roi-audit-section::before, body.public-site .roi-section::before { display: none; }
body.public-site .jdemo-section .jdemo-panel { background: #fff; border-color: var(--border); box-shadow: 0 12px 30px rgba(23,38,56,0.06);  }
body.public-site .demo-frame { background: #fff; border-color: var(--border); box-shadow: 0 12px 30px rgba(23,38,56,0.06);  }
body.public-site .demo-step { background: #fff; border-color: var(--border);  }
body.public-site .demo-step.active { background: #e8f4f7; border-color: #9bc7d3;  }
body.public-site .demo-step-num { background: #edf2f6; color: var(--text-2);  }
body.public-site .demo-step.active .demo-step-num { background: #087d9a; color: #fff;  }
body.public-site .demo-phone { background: #fff; border-color: var(--border); box-shadow: 0 10px 24px rgba(23,38,56,0.08);  }
body.public-site .demo-phone-notch { background: #f7f9fb;  }
body.public-site .demo-phone-notch-cam { background: #cbd6df;  }
body.public-site .demo-avatar { background: #e8f4f7; color: #087d9a;  }
body.public-site .jdemo-panel { background: #fff; border-color: var(--border); box-shadow: 0 12px 30px rgba(23,38,56,0.06); animation: none;  }
body.public-site .jdemo-topbar { background: #f4f7f9; border-color: var(--border);  }
body.public-site .jdemo-topbar-title { color: var(--cyan-text);  }
body.public-site .jdemo-conv { background: #fff;  }
body.public-site .jdemo-msg-ai .jdemo-msg-text { background: #e8f4f7; border-color: #c7dfe5; color: var(--text);  }
body.public-site .jdemo-msg-user .jdemo-msg-text { background: #f1f5f8; border-color: var(--border); color: var(--text);  }
body.public-site .jdemo-quick-btn { background: #f4f8fa; border-color: #c7dfe5; color: var(--cyan-text); font-family: inherit;  }
body.public-site .jdemo-input-row { background: #f7f9fb; border-color: var(--border);  }
body.public-site .jdemo-input { background: #fff; color: var(--text); font-family: inherit;  }
body.public-site .jdemo-cta-btn { background: #087d9a; color: #fff;  }
body.public-site .jdemo-cta-btn:hover { background: #066a83;  }
body.public-site .jdemo-callout-title { color: var(--text);  }
body.public-site .jdemo-callout-sub { color: var(--text-2);  }
body.public-site .demo-section input, body.public-site .demo-section select, body.public-site .demo-section textarea, body.public-site .jdemo-section input, body.public-site .jdemo-section textarea { background: #fff; border-color: #cbd6df; color: var(--text);  }
body.public-site .demo-section .demo-phone, body.public-site .jdemo-section .jdemo-chat { border-color: var(--border); box-shadow: 0 10px 24px rgba(23,38,56,0.08);  }
body.public-site .fade-up, body.public-site .fade-left, body.public-site .fade-right, body.public-site .fade-up-sm { transition-duration: 0.35s;  }
body.public-site [data-magnetic], body.public-site .ripple-target, body.public-site .cta-neon { animation: none; box-shadow: none;  }
body.public-site .glow-trace, body.public-site .ripple-container { display: none !important;  }
@media (max-width: 900px) {
  body.public-site .header-inner { padding: 0 20px;  }
  body.public-site .hero { min-height: auto; padding: 116px 0 64px;  }
  body.public-site .hero-inner { gap: 34px;  }
  body.public-site .service-block { gap: 34px; margin-bottom: 60px;  }
  body.public-site .biz-pricing .pricing-grid { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto;  }
}
@media (max-width: 768px) {
  body.public-site .header-inner { padding: 0 18px;  }
  body.public-site .hero { padding: 102px 0 52px;  }
  body.public-site .hero-inner, body.public-site .services-inner, body.public-site .social-proof-inner, body.public-site .pricing-inner, body.public-site .lead-inner { padding-inline: 20px;  }
  body.public-site .hero-visual { order: 0;  }
  body.public-site .hero-glass-hud { padding: 12px;  }
  body.public-site .hero-image-wrap img { height: 240px;  }
  body.public-site .hero-stats-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr));  }
  body.public-site .hero-stat-item { padding: 12px 8px;  }
  body.public-site .service-block { grid-template-columns: 1fr; gap: 26px;  }
  body.public-site .service-block.reverse { direction: ltr;  }
  body.public-site .case-study { grid-template-columns: 1fr; gap: 28px; padding: 28px;  }
  body.public-site .lead-layout { grid-template-columns: 1fr;  }
  body.public-site .price-card { padding: 26px 22px;  }
  body.public-site .bd-hero, body.public-site .mr-hero, body.public-site .lr-hero, body.public-site .vs-hero, body.public-site .js-hero { min-height: auto; padding: 112px 20px 56px;  }
  body.public-site .mr-demo-options { grid-template-columns: 1fr;  }
  body.public-site .bd-trust-grid, body.public-site .lr-pain-grid { grid-template-columns: 1fr;  }
  body.public-site .mr-summer-offer-inner { grid-template-columns: 1fr; gap: 22px;  }
  body.public-site .vs-table-section { overflow-x: auto;  }
  body.public-site .vs-cta-stack { align-items: stretch;  }
}
@media (max-width: 480px) {
  body.public-site .hero-actions { flex-direction: column; align-items: stretch;  }
  body.public-site .hero-actions .btn { width: 100%; justify-content: center;  }
  body.public-site .hero-image-wrap img { height: 210px;  }
  body.public-site .hero-image-badge { left: 10px; bottom: 10px;  }
  body.public-site .hero-stats-row { grid-template-columns: 1fr;  }
  body.public-site .hero-stat-item { border-right: 0; border-bottom: 1px solid var(--border);  }
  body.public-site .hero-stat-item:last-child { border-bottom: 0;  }
  body.public-site .pricing-grid { gap: 24px;  }
  body.public-site .form-row { grid-template-columns: 1fr;  }
}
@media (prefers-reduced-motion: reduce) {
  body.public-site *, body.public-site *::before, body.public-site *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;  }
}

/* HOMEPAGE DARK AND BLUE REFINEMENT */
body.homepage.public-site {
  --bg: #080d14;
  --surface: #101925;
  --surface-2: #172333;
  --text: #f4f7fb;
  --text-2: #c1cddd;
  --text-3: #a5b3c3;
  --border: #2a394b;
  --border-a: #3d5f88;
  --cyan: #2563eb;
  --cyan-deep: #1d4ed8;
  --cyan-dim: #172b47;
  --cyan-glow: rgba(75,145,255,0.12);
  --cyan-border: #31527b;
  --cyan-text: #a9ccff;
  --amber: var(--cyan);
  --amber-dim: var(--cyan-dim);
  --amber-glow: var(--cyan-glow);
  --green: var(--cyan);
  --jarvis-bg: var(--bg);
  --jarvis-surface: var(--surface-2);
  --jarvis-blue: var(--cyan);
  --jarvis-blue-dim: var(--cyan-dim);
  --jarvis-blue-glow: var(--cyan-glow);
  --jarvis-amber: var(--cyan);
  --jarvis-border: var(--border);
  --jarvis-text: var(--text);
  --jarvis-text-2: var(--text-2);
  --jarvis-text-3: var(--text-3);
  --jarvis-mono: inherit;
  --mono: inherit;
  background: var(--bg);
  color: var(--text);
  color-scheme: dark;
  font-family: Inter, Arial, sans-serif;
  overflow-x: clip;
}
body.homepage.public-site * { font-family: inherit; }
body.homepage.public-site :focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
body.homepage.public-site a, body.homepage.public-site button { -webkit-tap-highlight-color: transparent; }
body.homepage.public-site main { background: var(--bg); }
body.homepage.public-site main > section { scroll-margin-top: 88px; }
body.homepage.public-site .hero,
body.homepage.public-site .services,
body.homepage.public-site .demo-section,
body.homepage.public-site .jdemo-section,
body.homepage.public-site .pricing-section,
body.homepage.public-site .process-section,
body.homepage.public-site .problem,
body.homepage.public-site .receptionist-faq,
body.homepage.public-site .lead-section,
body.homepage.public-site .contact-section,
body.homepage.public-site .roi-audit-section,
body.homepage.public-site .roi-section,
body.homepage.public-site .mcc-section,
body.homepage.public-site .closing-section,
body.homepage.public-site .footer { background-color: var(--bg); color: var(--text); }
body.homepage.public-site .hero,
body.homepage.public-site .services,
body.homepage.public-site .demo-section,
body.homepage.public-site .jdemo-section,
body.homepage.public-site .pricing-section,
body.homepage.public-site .process-section,
body.homepage.public-site .problem,
body.homepage.public-site .receptionist-faq,
body.homepage.public-site .lead-section,
body.homepage.public-site .roi-audit-section,
body.homepage.public-site .roi-section,
body.homepage.public-site .mcc-section,
body.homepage.public-site .closing-section { padding-block: 88px; }
body.homepage.public-site .site-header { background: rgba(8,13,20,0.94); border-color: var(--border); box-shadow: 0 8px 30px rgba(0,0,0,0.24); }
body.homepage.public-site .site-header.scrolled { background: rgba(8,13,20,0.98); }
body.homepage.public-site .header-logo,
body.homepage.public-site .mobile-menu-btn,
body.homepage.public-site .mobile-nav-close { color: var(--text); }
body.homepage.public-site .header-nav a,
body.homepage.public-site .btn-ghost { color: var(--text-2); }
body.homepage.public-site .header-nav a:hover,
body.homepage.public-site .footer-col a:hover { color: var(--cyan-text); }
body.homepage.public-site .header-cta,
body.homepage.public-site .btn-primary,
body.homepage.public-site .form-submit,
body.homepage.public-site .ra-btn-primary,
body.homepage.public-site .ra-cta-primary,
body.homepage.public-site .mcc-section .btn-cyber,
body.homepage.public-site .demo-play-btn,
body.homepage.public-site .jdemo-cta-btn,
body.homepage.public-site .jdemo-send-btn,
body.homepage.public-site .jarvis-cta-btn,
body.homepage.public-site .price-tier-btn.amber-btn {
  background: var(--cyan); border-color: var(--cyan); color: #fff;
}
body.homepage.public-site .header-cta:hover,
body.homepage.public-site .btn-primary:hover,
body.homepage.public-site .form-submit:hover,
body.homepage.public-site .jdemo-cta-btn:hover,
body.homepage.public-site .jdemo-send-btn:hover,
body.homepage.public-site .jarvis-cta-btn:hover,
body.homepage.public-site .price-tier-btn.amber-btn:hover { background: var(--cyan-deep); border-color: var(--cyan-deep); color: #fff; }
body.homepage.public-site .mobile-nav { background: var(--surface); border-color: var(--border); }
body.homepage.public-site .mobile-nav-links a { color: var(--text-2); border-color: var(--border); }
body.homepage.public-site .hero { background: radial-gradient(ellipse at 72% 40%, rgba(75,145,255,0.11), transparent 43%), var(--bg); }
body.homepage.public-site .hero-title,
body.homepage.public-site .hero-title span { color: var(--text); text-shadow: none; }
body.homepage.public-site .hero-title { font-size: clamp(2.1rem, 4.2vw, 3.35rem); line-height: 1.08; }
body.homepage.public-site .hero-title span { color: var(--cyan-text); }
body.homepage.public-site .hero-sub,
body.homepage.public-site .section-sub,
body.homepage.public-site .service-value-prop,
body.homepage.public-site .service-feature,
body.homepage.public-site .problem-copy p,
body.homepage.public-site .closing-sub { color: var(--text-2); }
body.homepage.public-site .hero-badge,
body.homepage.public-site .service-tier-badge,
body.homepage.public-site .section-tag,
body.homepage.public-site .price-card-popular {
  background: var(--cyan-dim); border-color: var(--cyan-border); color: var(--cyan-text); box-shadow: none;
}
body.homepage.public-site .section-title { color: var(--text); }
body.homepage.public-site .section-tag { background: transparent; border: 0; }
body.homepage.public-site .section-sub { max-width: 620px; margin: 16px auto 0; text-align: center; }
body.homepage.public-site .services-header,
body.homepage.public-site .demo-section-header,
body.homepage.public-site .pricing-header,
body.homepage.public-site .jdemo-header,
body.homepage.public-site .process-header,
body.homepage.public-site .roi-header { text-align: center; }
body.homepage.public-site .hero-glass-hud,
body.homepage.public-site .glass-panel,
body.homepage.public-site .glass-panel-strong,
body.homepage.public-site .neon-edge,
body.homepage.public-site .service-block-content,
body.homepage.public-site .demo-frame,
body.homepage.public-site .jdemo-panel,
body.homepage.public-site .price-card,
body.homepage.public-site .lead-layout,
body.homepage.public-site .mcc-card,
body.homepage.public-site .roi-card,
body.homepage.public-site .roi-capture,
body.homepage.public-site .roi-audit-card,
body.homepage.public-site .closing-section {
  background: var(--surface); border-color: var(--border); color: var(--text);
  box-shadow: 0 18px 48px rgba(0,0,0,0.24), 0 0 32px rgba(75,145,255,0.06);
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.homepage.public-site .hero-glass-hud { padding: 18px; }
body.homepage.public-site .hero-product-illustration {
  min-height: 350px; padding: 24px; overflow: hidden;
  background: radial-gradient(ellipse at 82% 35%, rgba(75,145,255,0.18), transparent 42%), linear-gradient(145deg, #111d2b, #0b121c 76%);
  border-color: #29486d; box-shadow: inset 0 1px rgba(255,255,255,0.04), 0 0 48px rgba(75,145,255,0.10);
}
body.homepage.public-site .hero-illustration-topline { display: flex; align-items: center; gap: 9px; color: var(--text-2); font-size: 0.76rem; font-weight: 600; }
body.homepage.public-site .hero-illustration-mark { width: 9px; height: 9px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px rgba(75,145,255,0.6); }
body.homepage.public-site .hero-illustration-state { margin-left: auto; color: var(--cyan-text); font-size: 0.65rem; letter-spacing: 0.08em; }
body.homepage.public-site .hero-illustration-copy { max-width: 27rem; margin-top: 32px; padding-right: 12px; }
body.homepage.public-site .hero-illustration-kicker { color: var(--cyan-text); font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; }
body.homepage.public-site .hero-illustration-copy h2 { margin: 10px 0; color: var(--text); font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.2; }
body.homepage.public-site .hero-illustration-copy p { max-width: 25rem; margin: 0; color: var(--text-2); font-size: 0.88rem; line-height: 1.6; }
body.homepage.public-site .hero-phone-mini { position: relative; inset: auto; width: min(100%, 300px); margin: 24px 0 0 auto; background: #121d2b; border-color: var(--border) !important; box-shadow: 0 12px 28px rgba(0,0,0,0.32) !important; }
body.homepage.public-site .hero-phone-notch-mini { background: #0b121c; }
body.homepage.public-site .hero-phone-notch-cam-mini { background: #2e4055; }
body.homepage.public-site .hero-phone-name-mini { color: var(--text); }
body.homepage.public-site .hero-phone-status-mini,
body.homepage.public-site .hero-phone-msg-mini.ai { color: var(--cyan-text); }
body.homepage.public-site .hero-phone-msg-mini,
body.homepage.public-site .hero-phone-msg-mini.ai { background: #1a2c43; }
body.homepage.public-site .hero-phone-wave-mini span { background: var(--cyan); }
body.homepage.public-site .services,
body.homepage.public-site .demo-section,
body.homepage.public-site .jdemo-section,
body.homepage.public-site .pricing-section,
body.homepage.public-site .process-section,
body.homepage.public-site .problem,
body.homepage.public-site .lead-section,
body.homepage.public-site .roi-audit-section,
body.homepage.public-site .roi-section { border-color: var(--border); }
body.homepage.public-site .service-block { gap: 42px; margin-bottom: 64px; }
body.homepage.public-site .service-block-content { padding: clamp(22px, 3vw, 34px); }
body.homepage.public-site .service-block-image { border-color: var(--border); box-shadow: 0 16px 36px rgba(0,0,0,0.24); }
body.homepage.public-site .service-block-image::after { background: linear-gradient(180deg, transparent 50%, rgba(8,13,20,0.25)); }
body.homepage.public-site .service-receptionist-illustration { min-height: 340px; display: grid; place-items: center; padding: 24px; background: radial-gradient(ellipse at 50% 40%, rgba(75,145,255,0.18), transparent 56%), var(--surface); }
body.homepage.public-site .service-receptionist-illustration::after { display: none; }
body.homepage.public-site .service-illustration-window { display: grid; justify-items: center; gap: 12px; width: min(100%, 300px); padding: 25px 22px; border: 1px solid var(--border-a); border-radius: 18px; background: #111c2a; box-shadow: 0 16px 38px rgba(0,0,0,0.28); color: var(--text-2); text-align: center; }
body.homepage.public-site .service-illustration-label { justify-self: end; color: var(--cyan-text); font-size: 0.64rem; letter-spacing: 0.08em; }
body.homepage.public-site .service-illustration-person { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--cyan-dim); color: var(--cyan-text); font-size: 1.2rem; font-weight: 700; }
body.homepage.public-site .service-illustration-window strong { color: var(--text); font-size: 0.98rem; }
body.homepage.public-site .service-illustration-window > span:last-child { font-size: 0.85rem; }
body.homepage.public-site .service-name { color: var(--text); }
body.homepage.public-site .service-tier-badge { background: var(--cyan-dim); border: 1px solid var(--cyan-border); color: var(--cyan-text); }
body.homepage.public-site .service-link-arrow { color: var(--cyan-text); }
body.homepage.public-site .jarvis-product-image img { filter: brightness(0.82) saturate(0.72); }
body.homepage.public-site .jarvis-agent-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin: 8px 0 18px; }
body.homepage.public-site .jarvis-agent-card { display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--surface-2); border-color: var(--border); color: var(--text); }
body.homepage.public-site .jarvis-agent-card::before { background: var(--cyan); }
body.homepage.public-site .jarvis-agent-icon { background: var(--cyan-dim); border-color: var(--cyan-border); color: var(--cyan-text); }
body.homepage.public-site .jarvis-agent-card strong,
body.homepage.public-site .jarvis-agent-card span { display: block; color: var(--text); font-size: 0.84rem; line-height: 1.35; }
body.homepage.public-site .jarvis-agent-card div span { margin-top: 3px; color: var(--text-2); font-size: 0.74rem; }
body.homepage.public-site .jarvis-agent-stage { background: var(--cyan-dim); color: var(--cyan-text); }
body.homepage.public-site .jarvis-cta-btn { background: var(--cyan); box-shadow: 0 8px 22px rgba(75,145,255,0.18); }
body.homepage.public-site .pricing-section { background: radial-gradient(ellipse at 50% 8%, rgba(75,145,255,0.07), transparent 40%), var(--bg); }
body.homepage.public-site .price-card,
body.homepage.public-site .pricing-card { background: var(--surface); border-color: var(--border); color: var(--text); }
body.homepage.public-site .price-card.featured,
body.homepage.public-site .price-card:hover { border-color: var(--cyan-border); box-shadow: 0 18px 42px rgba(0,0,0,0.3), 0 0 32px rgba(75,145,255,0.10); }
body.homepage.public-site .price-card-name,
body.homepage.public-site .price-tier-val,
body.homepage.public-site .price-tier-label,
body.homepage.public-site .price-tier-val span,
body.homepage.public-site .price-feature,
body.homepage.public-site .price-card-tagline,
body.homepage.public-site .price-footer { color: var(--text-2); }
body.homepage.public-site .price-card-name,
body.homepage.public-site .price-tier-val { color: var(--text); }
body.homepage.public-site .price-tier-btn { background: var(--surface-2); border-color: var(--border); color: var(--text); }
body.homepage.public-site .pricing-row { border-color: var(--border); }
body.homepage.public-site .demo-section { background: var(--surface); }
body.homepage.public-site .demo-frame { background: #0d1520; border-color: var(--border); }
body.homepage.public-site .demo-frame-header,
body.homepage.public-site .jdemo-topbar { background: #131f2d; border-color: var(--border); color: var(--text-2); }
body.homepage.public-site .demo-frame-title,
body.homepage.public-site .demo-caller-name,
body.homepage.public-site .demo-confirmed-title { color: var(--text); }
body.homepage.public-site .demo-frame-badge,
body.homepage.public-site .demo-step.active,
body.homepage.public-site .demo-avatar,
body.homepage.public-site .demo-lead-badge,
body.homepage.public-site .demo-confirmed-banner { background: var(--cyan-dim); border-color: var(--cyan-border); color: var(--cyan-text); }
body.homepage.public-site .demo-step,
body.homepage.public-site .demo-phone,
body.homepage.public-site .demo-lead-reveal,
body.homepage.public-site .demo-confirmed { background: var(--surface); border-color: var(--border); color: var(--text-2); }
body.homepage.public-site .demo-step { width: 100%; padding: 14px; border-style: solid; text-align: left; cursor: pointer; }
body.homepage.public-site .demo-step-title,
body.homepage.public-site .demo-step.active .demo-step-title { color: var(--text); }
body.homepage.public-site .demo-step-content,
body.homepage.public-site .demo-step-title,
body.homepage.public-site .demo-step-desc { display: block; }
body.homepage.public-site .demo-step-desc,
body.homepage.public-site .demo-caller-num,
body.homepage.public-site .demo-stat-label,
body.homepage.public-site .demo-lead-stat-label { color: var(--text-2); }
body.homepage.public-site .demo-step-num,
body.homepage.public-site .demo-phone-notch { background: var(--surface-2); color: var(--text-2); }
body.homepage.public-site .demo-step.active .demo-step-num { background: var(--cyan); color: #fff; }
body.homepage.public-site .demo-conv { background: #0d1520; }
body.homepage.public-site .demo-msg.ai .demo-msg-text { background: #162944; color: var(--text); }
body.homepage.public-site .demo-msg.user .demo-msg-text { background: #1b2635; color: var(--text); }
body.homepage.public-site .demo-phone-notch-cam { background: #34475e; }
body.homepage.public-site .demo-play-btn,
body.homepage.public-site .demo-skip-btn { border-color: var(--cyan-border); }
body.homepage.public-site .demo-skip-btn { color: var(--cyan-text); }
body.homepage.public-site .demo-stat-val,
body.homepage.public-site .demo-lead-stat-val { color: var(--cyan-text); }
body.homepage.public-site .jdemo-panel { background: #0d1520; border-color: var(--border); }
body.homepage.public-site .jdemo-topbar-title { color: var(--cyan-text); }
body.homepage.public-site .jdemo-conv { background: #0d1520; }
body.homepage.public-site .jdemo-msg-ai .jdemo-msg-text { background: #162944; border-color: #29486d; color: var(--text); }
body.homepage.public-site .jdemo-msg-user .jdemo-msg-text { background: #1b2635; border-color: var(--border); color: var(--text); }
body.homepage.public-site .jdemo-msg-label,
body.homepage.public-site .jdemo-callout-title { color: var(--text); }
body.homepage.public-site .jdemo-quick-btn { background: var(--surface-2); border-color: var(--border-a); color: var(--cyan-text); }
body.homepage.public-site .jdemo-input-row { background: #111c2a; border-color: var(--border); }
body.homepage.public-site .jdemo-input { background: transparent; color: var(--text); }
body.homepage.public-site .jdemo-input::placeholder { color: var(--text-3); }
body.homepage.public-site .jdemo-callout-sub { color: var(--text-2); }
body.homepage.public-site .jdemo-live-badge { color: var(--cyan-text); }
body.homepage.public-site .jdemo-live-dot { background: var(--cyan); box-shadow: 0 0 8px rgba(75,145,255,0.5); }
body.homepage.public-site .jdemo-hud-line,
body.homepage.public-site .jdemo-pitch-link { color: var(--cyan-text); }
body.homepage.public-site .problem { background: var(--surface); }
body.homepage.public-site .problem-inner { max-width: 900px; margin: 0 auto; padding: 0 28px; }
body.homepage.public-site .problem-copy { text-align: center; }
body.homepage.public-site .problem-copy p { max-width: 650px; margin: 18px auto 0; line-height: 1.7; }
body.homepage.public-site .process-section { background: var(--bg); }
body.homepage.public-site .step-body h3 { color: var(--text); }
body.homepage.public-site .step-body p { color: var(--text-2); }
body.homepage.public-site .step-num { color: var(--cyan-text); }
body.homepage.public-site .step-connector { background: var(--border-a); }
body.homepage.public-site .lead-layout,
body.homepage.public-site .mcc-card,
body.homepage.public-site .roi-card,
body.homepage.public-site .roi-capture,
body.homepage.public-site .roi-audit-card { background: var(--surface) !important; border-color: var(--border) !important; }
body.homepage.public-site .lead-header h2,
body.homepage.public-site .lead-checklist-title,
body.homepage.public-site .lead-check-label,
body.homepage.public-site .mcc-title,
body.homepage.public-site .mcc-label,
body.homepage.public-site .mcc-result-label,
body.homepage.public-site .roi-section h2,
body.homepage.public-site .roi-section label,
body.homepage.public-site .roi-result-label,
body.homepage.public-site .roi-result-hero-label,
body.homepage.public-site .roi-result-hero-sub,
body.homepage.public-site .roi-capture-headline,
body.homepage.public-site .ra-label,
body.homepage.public-site .ra-result-title { color: var(--text); }
body.homepage.public-site .roi-audit-sub,
body.homepage.public-site .ra-trust,
body.homepage.public-site .ra-result-note,
body.homepage.public-site .ra-slider-range,
body.homepage.public-site .ra-preview-sub { color: var(--text-2); }
body.homepage.public-site .roi-audit-badge { background: var(--cyan-dim); border-color: var(--cyan-border); color: var(--cyan-text); }
body.homepage.public-site .ra-required,
body.homepage.public-site .ra-slider-val,
body.homepage.public-site .ra-preview-number,
body.homepage.public-site .ra-result-number,
body.homepage.public-site .ra-result-annual strong { color: var(--cyan-text); }
body.homepage.public-site .ra-slider { accent-color: var(--cyan); }
body.homepage.public-site .ra-slider::-webkit-slider-thumb { background: var(--cyan); border-color: var(--bg); }
body.homepage.public-site .ra-slider::-moz-range-thumb { background: var(--cyan); border-color: var(--bg); }
body.homepage.public-site .ra-input:focus,
body.homepage.public-site .ra-slider:focus,
body.homepage.public-site .roi-select:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(37,99,235,0.2); }
body.homepage.public-site .ra-btn-primary,
body.homepage.public-site .ra-cta-primary,
body.homepage.public-site .mcc-section .btn-cyber { background: var(--cyan); border-color: var(--cyan); color: #fff; }
body.homepage.public-site .ra-btn-primary:hover,
body.homepage.public-site .ra-cta-primary:hover,
body.homepage.public-site .mcc-section .btn-cyber:hover { background: var(--cyan-deep); border-color: var(--cyan-deep); color: #fff; }
body.homepage.public-site .ra-cta-secondary { background: var(--surface-2); border-color: var(--border); color: var(--text); }
body.homepage.public-site .ra-cta-secondary:hover { background: #1e3047; }
body.homepage.public-site .roi-result-hero { background: linear-gradient(135deg, rgba(37,99,235,0.16), rgba(37,99,235,0.04)); }
body.homepage.public-site .roi-slider::-webkit-slider-thumb { background: var(--cyan); }
body.homepage.public-site .roi-slider::-moz-range-thumb { background: var(--cyan); }
body.homepage.public-site .roi-slider:focus::-webkit-slider-thumb,
body.homepage.public-site .roi-slider:hover::-webkit-slider-thumb { box-shadow: 0 0 0 6px rgba(37,99,235,0.2); }
body.homepage.public-site .mcc-input:focus-within { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(37,99,235,0.2); }
body.homepage.public-site .lead-header p,
body.homepage.public-site .lead-check-desc,
body.homepage.public-site .form-note,
body.homepage.public-site .mcc-result-line,
body.homepage.public-site .mcc-input-hint,
body.homepage.public-site .mcc-disclaimer,
body.homepage.public-site .roi-result-label,
body.homepage.public-site .ra-result-copy,
body.homepage.public-site .ra-result-sub,
body.homepage.public-site .ra-result-note { color: var(--text-2); }
body.homepage.public-site .lead-check-icon,
body.homepage.public-site .mcc-results,
body.homepage.public-site .ra-live-preview { background: var(--surface-2); border-color: var(--border); color: var(--text); }
body.homepage.public-site .form-group input,
body.homepage.public-site .form-group select,
body.homepage.public-site .form-group textarea,
body.homepage.public-site .ra-input,
body.homepage.public-site .mcc-input,
body.homepage.public-site .mcc-number,
body.homepage.public-site .roi-select,
body.homepage.public-site .roi-email-input { background: #0c141e; border-color: var(--border-a); color: var(--text); }
body.homepage.public-site .form-group input::placeholder,
body.homepage.public-site .form-group textarea::placeholder,
body.homepage.public-site .ra-input::placeholder,
body.homepage.public-site .roi-email-input::placeholder { color: var(--text-3); }
body.homepage.public-site .form-group input:focus,
body.homepage.public-site .form-group select:focus,
body.homepage.public-site .form-group textarea:focus,
body.homepage.public-site .ra-input:focus,
body.homepage.public-site .mcc-input:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(75,145,255,0.2); }
body.homepage.public-site .form-success { background: var(--cyan-dim); border-color: var(--cyan-border); color: var(--text); }
body.homepage.public-site .contact-section { border-color: var(--border); background: #0b121b; }
body.homepage.public-site .contact-tagline,
body.homepage.public-site .contact-link-title,
body.homepage.public-site .contact-item { color: var(--text-2); }
body.homepage.public-site .contact-item--cta { color: #fff; }
body.homepage.public-site .closing-section { background: radial-gradient(ellipse at 50% 0, rgba(75,145,255,0.12), transparent 48%), var(--surface); }
body.homepage.public-site .closing-headline { color: var(--text); }
body.homepage.public-site .footer { border-color: var(--border); box-shadow: none; }
body.homepage.public-site .footer-tagline,
body.homepage.public-site .footer-col-title,
body.homepage.public-site .footer-copy,
body.homepage.public-site .footer-payment { color: var(--text-2); }
body.homepage.public-site .footer-col a { color: var(--text-2); }
body.homepage.public-site .footer-bottom { border-color: var(--border); }
body.homepage.public-site .section-title em { color: var(--cyan-text); }
body.homepage.public-site .price-card-popular,
body.homepage.public-site .demo-frame-badge,
body.homepage.public-site .demo-lead-badge { background: var(--cyan-dim); color: var(--cyan-text); border-color: var(--cyan-border); }
body.homepage.public-site .demo-ringing-dot { background: var(--cyan); box-shadow: 0 0 8px rgba(75,145,255,0.55); }
body.homepage.public-site .jdemo-dot,
body.homepage.public-site .jdemo-dot-green,
body.homepage.public-site .jdemo-dot-amber,
body.homepage.public-site .jdemo-dot-red { background: var(--cyan); }
body.homepage.public-site .ra-result-number,
body.homepage.public-site .ra-preview-number { color: var(--cyan-text); }
body.homepage.public-site .jdemo-quick-btn:hover,
body.homepage.public-site .demo-step:hover { border-color: var(--cyan); }
body.homepage.public-site .jdemo-section .section-tag,
body.homepage.public-site .demo-section .section-tag { color: var(--cyan-text); }
body.homepage.public-site .receptionist-faq-inner {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 32px;
}
body.homepage.public-site .receptionist-faq-header { margin-bottom: 32px; text-align: center; }
body.homepage.public-site .receptionist-faq-header .section-title { margin: 0 auto; }
body.homepage.public-site .receptionist-faq-list { border-top: 1px solid var(--border); }
body.homepage.public-site .receptionist-faq-item { border-bottom: 1px solid var(--border); }
body.homepage.public-site .receptionist-faq-item > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 4px;
  color: var(--text);
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.5;
  list-style: none;
  overflow-wrap: anywhere;
}
body.homepage.public-site .receptionist-faq-item > summary::-webkit-details-marker { display: none; }
body.homepage.public-site .receptionist-faq-item > summary::after {
  flex: 0 0 auto;
  color: var(--cyan-text);
  content: "+";
  font-size: 1.35rem;
  line-height: 1;
}
body.homepage.public-site .receptionist-faq-item[open] > summary::after { content: "−"; }
body.homepage.public-site .receptionist-faq-answer {
  padding: 0 40px 20px 4px;
  color: var(--text-2);
  line-height: 1.7;
  overflow-wrap: anywhere;
}
body.homepage.public-site .receptionist-faq-answer p { margin: 0; }
body.homepage.public-site .receptionist-faq-answer p + p { margin-top: 12px; }
body.homepage.public-site .receptionist-faq-answer a { color: var(--cyan-text); font-weight: 600; }
body.homepage.public-site .receptionist-faq-answer a:hover { color: var(--cyan); }
body.homepage.public-site .footer-links { grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 900px) {
  body.homepage.public-site .hero { min-height: auto; padding: 112px 0 64px; }
  body.homepage.public-site .hero-inner { gap: 32px; }
  body.homepage.public-site .service-block { gap: 28px; }
}
@media (max-width: 768px) {
  body.homepage.public-site .hero,
  body.homepage.public-site .services,
  body.homepage.public-site .demo-section,
  body.homepage.public-site .jdemo-section,
  body.homepage.public-site .pricing-section,
  body.homepage.public-site .process-section,
  body.homepage.public-site .problem,
  body.homepage.public-site .receptionist-faq,
  body.homepage.public-site .lead-section,
  body.homepage.public-site .roi-audit-section,
  body.homepage.public-site .roi-section,
  body.homepage.public-site .mcc-section,
  body.homepage.public-site .closing-section { padding-block: 68px; }
  body.homepage.public-site .hero-inner,
  body.homepage.public-site .services-inner,
  body.homepage.public-site .pricing-inner,
  body.homepage.public-site .receptionist-faq-inner,
  body.homepage.public-site .lead-inner,
  body.homepage.public-site .demo-section-inner,
  body.homepage.public-site .process-inner { padding-inline: 20px; }
  body.homepage.public-site .fade-left,
  body.homepage.public-site .fade-right { padding-inline: 0; transform: none; }
  body.homepage.public-site .hero-glass-hud { padding: 12px; }
  body.homepage.public-site .hero-product-illustration { min-height: 0; padding: 20px; }
  body.homepage.public-site .hero-illustration-copy { margin-top: 26px; }
  body.homepage.public-site .service-block { grid-template-columns: 1fr; gap: 22px; margin-bottom: 48px; }
  body.homepage.public-site .service-block.reverse { direction: ltr; }
  body.homepage.public-site .service-receptionist-illustration { min-height: 270px; }
  body.homepage.public-site .demo-frame { padding: 18px; }
  body.homepage.public-site .demo-layout { grid-template-columns: 1fr; }
  body.homepage.public-site .demo-steps { grid-template-columns: 1fr; }
  body.homepage.public-site .demo-phone { max-width: 100%; }
  body.homepage.public-site .lead-layout { grid-template-columns: 1fr; }
  body.homepage.public-site .footer-inner { padding-inline: 22px; }
}
@media (max-width: 480px) {
  body.homepage.public-site .hero-actions { flex-direction: column; align-items: stretch; }
  body.homepage.public-site .hero-actions .btn { width: 100%; justify-content: center; }
  body.homepage.public-site .hero-illustration-topline { font-size: 0.68rem; }
  body.homepage.public-site .hero-phone-mini { width: 100%; margin-top: 20px; }
  body.homepage.public-site .jarvis-agent-list { grid-template-columns: 1fr; }
  body.homepage.public-site .demo-frame-header { align-items: flex-start; gap: 12px; }
  body.homepage.public-site .demo-frame-title { font-size: 0.8rem; }
  body.homepage.public-site .demo-controls { align-items: stretch; flex-direction: column; }
  body.homepage.public-site .demo-controls .service-link-arrow { justify-content: center; }
  body.homepage.public-site .form-row { grid-template-columns: 1fr; }
  body.homepage.public-site .footer-links { grid-template-columns: 1fr 1fr; gap: 24px; }
}