﻿/* ========================================
   ENHANCEMENTS.CSS - SOFT CORPORATE (v6)
   ======================================== */

:root {
  --corp-blue: #4a5568; /* Muted Slate Blue */
  --corp-pink: #fed7e2; /* Soft Pink */
  --corp-pink-dark: #fbb6ce;
  --corp-white: #ffffff;
}

/* 1. Clean Corporate Background */
.mesh-gradient-animated {
  background: var(--corp-white) !important;
  background-image: 
    radial-gradient(circle at 100% 0%, var(--corp-pink) 0%, transparent 40%),
    radial-gradient(circle at 0% 100%, #edf2f7 0%, transparent 40%);
  animation: none !important;
  background-attachment: fixed !important;
}

/* Glass panels removed to fix persistence issues */
.glass-panel-deprecated {
  display: none;
}

/* 3. Corporate Typography */
.text-corp-gradient {
  color: var(--corp-blue);
}

.hero-title-main {
  color: var(--corp-blue);
  line-height: 1.1;
}

.hero-title-accent {
  background: var(--corp-pink);
  padding: 0 0.5rem;
  color: var(--corp-blue);
}

/* 4. Professional Buttons */
.btn-premium-primary {
  background: var(--corp-blue) !important;
  color: var(--corp-white) !important;
  padding: 1rem 2.5rem !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  transition: all 0.3s ease !important;
  border: none !important;
  box-shadow: 0 10px 20px rgba(74, 85, 104, 0.2) !important;
}

.btn-premium-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 15px 30px rgba(74, 85, 104, 0.3) !important;
}

.btn-premium-secondary {
  background: var(--corp-pink) !important;
  color: var(--corp-blue) !important;
  padding: 1rem 2.5rem !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  transition: all 0.3s ease !important;
  border: 1px solid var(--corp-pink-dark) !important;
}

.btn-premium-secondary:hover {
  background: var(--corp-pink-dark) !important;
  transform: translateY(-2px) !important;
}

/* 5. Infographic Elements */
.corp-badge {
  background: var(--corp-pink);
  color: var(--corp-blue);
  font-weight: 800;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.5rem 1rem;
  border-radius: 99px;
}

.corp-stat-card {
  border-left: 4px solid var(--corp-pink);
  padding-left: 1.5rem;
}

.corp-stat-value {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--corp-blue);
}

.corp-stat-label {
  font-size: 12px;
  font-weight: 600;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Image Styling */
.hero-portrait-container {
  position: relative;
}

.hero-portrait-container::after {
  content: '';
  position: absolute;
  top: -20px;
  right: -20px;
  width: 100px;
  height: 100px;
  background: var(--corp-pink);
  border-radius: 50%;
  z-index: -1;
  opacity: 0.5;
}
