/* FlexZen Premium Design System 2025 - Complete Redesign */
:root {
  --flexzen-primary: #0F172A;
  --flexzen-primary-bright: #3B82F6;
  --flexzen-primary-accent: #2563EB;
  --flexzen-secondary: #F97316;
  --flexzen-secondary-light: #FB923C;
  --flexzen-accent: #06B6D4;
  --flexzen-accent-light: #22D3EE;
  --flexzen-gray-50: #F8FAFC;
  --flexzen-gray-100: #F1F5F9;
  --flexzen-gray-200: #E2E8F0;
  --flexzen-gray-600: #475569;
  --flexzen-gray-700: #334155;
  --flexzen-gray-800: #1E293B;
  --flexzen-gray-900: #0F172A;
  --flexzen-white: #FFFFFF;
  --flexzen-shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  --flexzen-shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, 0.25);
}

/* Global Overrides */
* {
  box-sizing: border-box !important;
}

body.u-body {
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: var(--flexzen-gray-800) !important;
  background-color: var(--flexzen-white) !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased !important;
}

h1, h2, h3, h4, h5, h6,
.u-text {
  font-family: 'Manrope', 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
  color: var(--flexzen-gray-900) !important;
  margin: 0 !important;
}

/* Section 1 - Hero - COMPLETE REDESIGN */
.u-section-1 {
  min-height: 100vh !important;
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%) !important;
  padding: 160px 0 140px !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
}

.u-section-1::before {
  content: '' !important;
  position: absolute !important;
  top: -20% !important;
  right: -10% !important;
  width: 1400px !important;
  height: 1400px !important;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: pulse 8s ease-in-out infinite !important;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.8; }
}

.u-section-1 .u-sheet-1 {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 100px !important;
  width: 100% !important;
  position: relative !important;
  z-index: 1 !important;
}

.u-section-1 .u-layout-wrap-1 {
  margin: 0 !important;
}

.u-section-1 .u-layout {
  display: flex !important;
  width: 100% !important;
}

.u-section-1 .u-layout-row {
  display: flex !important;
  width: 100% !important;
  gap: 120px !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.u-section-1 .u-layout-cell-1 {
  flex: 1.2 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.u-section-1 .u-container-layout-1 {
  padding: 0 !important;
}

.u-section-1 .u-text-1 {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: var(--flexzen-secondary) !important;
  margin: 0 0 28px 0 !important;
  font-family: 'Inter', sans-serif !important;
  display: inline-block !important;
  padding: 12px 28px !important;
  background: rgba(249, 115, 22, 0.15) !important;
  border: 2px solid rgba(249, 115, 22, 0.3) !important;
  border-radius: 12px !important;
}

.u-section-1 .u-text-2 {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: var(--flexzen-accent-light) !important;
  margin: 0 0 36px 0 !important;
  font-family: 'Inter', sans-serif !important;
}

.u-section-1 .u-text-3 {
  font-size: 5.5rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: var(--flexzen-white) !important;
  margin: 0 0 48px 0 !important;
  letter-spacing: -0.05em !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

.u-section-1 .u-text-4 {
  font-size: 1.5rem !important;
  line-height: 1.9 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin: 0 0 64px 0 !important;
  max-width: 650px !important;
}

.u-section-1 .u-btn-1 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px 64px !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--flexzen-white) !important;
  background: linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%) !important;
  border: none !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.4s !important;
  box-shadow: 0 20px 40px rgba(59, 130, 246, 0.4) !important;
  position: relative !important;
  overflow: hidden !important;
  text-transform: none !important;
}

.u-section-1 .u-btn-1:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 30px 60px rgba(59, 130, 246, 0.5) !important;
}

.u-section-1 .u-btn-1 span {
  text-decoration: line-through !important;
  opacity: 0.6 !important;
  margin-right: 12px !important;
  }

  .u-section-1 .u-image-1 {
  flex: 0 0 50% !important;
  width: 50% !important;
  min-height: 750px !important;
  background-image: url("https://m.media-amazon.com/images/I/61qAbc2lSTL._SX522_.jpg") !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-radius: 40px !important;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4), 0 0 60px rgba(59, 130, 246, 0.3) !important;
  position: relative !important;
  overflow: hidden !important;
  border: 4px solid rgba(59, 130, 246, 0.2) !important;
}

.u-section-1 .u-image-1::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.1) 0%, transparent 60%) !important;
  pointer-events: none !important;
}

.u-section-1 .u-container-layout-2 {
  padding: 0 !important;
  height: 100% !important;
}

/* Section 2 - Features - Original Style */
.u-section-2 {
  background: linear-gradient(135deg, var(--flexzen-primary-bright) 0%, var(--flexzen-secondary) 100%) !important;
  background-size: cover !important;
  padding: 80px 0 !important;
}

.u-section-2 .u-sheet-1 {
  min-height: 650px !important;
}

.u-section-2 .u-text-1 {
  font-size: 2.5rem !important;
  font-weight: 800 !important;
  margin: 0 0 40px 0 !important;
  color: white !important;
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: -0.5px !important;
}

.u-section-2 .u-layout-wrap-1 {
  margin-top: 40px !important;
  margin-bottom: 0 !important;
}


.u-section-2 .u-layout-cell-1,
.u-section-2 .u-layout-cell-2 {
  min-height: 280px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 20px !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

.u-section-2 .u-layout-cell-1:hover,
.u-section-2 .u-layout-cell-2:hover,
.u-section-2 .u-layout-cell-4:hover,
.u-section-2 .u-layout-cell-5:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2) !important;
}

.u-section-2 .u-container-layout-1,
.u-section-2 .u-container-layout-2 {
  padding: 40px 35px !important;
}

.u-section-2 .u-text-2,
.u-section-2 .u-text-4,
.u-section-2 .u-text-6,
.u-section-2 .u-text-8 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin: 0 0 20px 0 !important;
  color: var(--flexzen-gray-900) !important;
  font-family: 'Poppins', sans-serif !important;
}

.u-section-2 .u-text-3,
.u-section-2 .u-text-5,
.u-section-2 .u-text-7,
.u-section-2 .u-text-9 {
  margin: 0 !important;
  font-size: 1.125rem !important;
  line-height: 1.7 !important;
  color: var(--flexzen-gray-800) !important;
  font-family: 'Inter', sans-serif !important;
}

.u-section-2 .u-image-1 {
  min-height: 560px !important;
  background-image: url("https://m.media-amazon.com/images/I/81MQRtktF0L._SX522_.jpg") !important;
  background-position: 50% 50% !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2) !important;
}

.u-section-2 .u-container-layout-3 {
  padding: 40px !important;
}

.u-section-2 .u-layout-cell-4,
.u-section-2 .u-layout-cell-5 {
  min-height: 280px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 20px !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

.u-section-2 .u-container-layout-4,
.u-section-2 .u-container-layout-5 {
  padding: 40px 35px !important;
}


/* Section 3 - Ideal For - COMPLETE REDESIGN */
.u-section-3 {
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%) !important;
  padding: 160px 0 !important;
}

.u-section-3 .u-sheet-1 {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 100px !important;
}

.u-section-3 .u-text-1 {
  font-size: 4.5rem !important;
  font-weight: 800 !important;
  text-align: center !important;
  color: var(--flexzen-gray-900) !important;
  margin: 0 0 40px 0 !important;
  letter-spacing: -0.04em !important;
}

.u-section-3 .u-text-2 {
  font-size: 1.75rem !important;
  text-align: center !important;
  color: var(--flexzen-gray-600) !important;
  margin: 0 0 100px 0 !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-weight: 400 !important;
}

.u-section-3 .u-layout-wrap-1 {
  margin: 0 !important;
}

.u-section-3 .u-layout {
  display: flex !important;
}

.u-section-3 .u-layout-col {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  gap: 40px !important;
}

.u-section-3 .u-size-30 {
  flex: 0 0 30% !important;
}

.u-section-3 .u-layout-row {
  display: flex !important;
  width: 100% !important;
  gap: 40px !important;
}

.u-section-3 .u-size-20 {
  flex: 0 0 20% !important;
}

.u-section-3 .u-layout-cell-1,
.u-section-3 .u-layout-cell-6 {
  display: none !important;
}

.u-section-3 .u-layout-cell-2,
.u-section-3 .u-layout-cell-3,
.u-section-3 .u-layout-cell-4,
.u-section-3 .u-layout-cell-5 {
  background: var(--flexzen-white) !important;
  border: 3px solid var(--flexzen-gray-200) !important;
  border-radius: 32px !important;
  padding: 72px 48px !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

.u-section-3 .u-layout-cell-2:hover,
.u-section-3 .u-layout-cell-3:hover,
.u-section-3 .u-layout-cell-4:hover,
.u-section-3 .u-layout-cell-5:hover {
  transform: translateY(-16px) scale(1.02) !important;
  border-color: var(--flexzen-primary-bright) !important;
  box-shadow: 0 30px 60px rgba(59, 130, 246, 0.2) !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%) !important;
}

.u-section-3 .u-container-layout-2,
.u-section-3 .u-container-layout-3,
.u-section-3 .u-container-layout-4,
.u-section-3 .u-container-layout-5 {
  padding: 0 !important;
}

.u-section-3 .u-text-3,
.u-section-3 .u-text-6,
.u-section-3 .u-text-9,
.u-section-3 .u-text-12 {
  font-size: 5rem !important;
  margin: 0 0 32px 0 !important;
  line-height: 1 !important;
}

.u-section-3 .u-text-4,
.u-section-3 .u-text-7,
.u-section-3 .u-text-10,
.u-section-3 .u-text-13 {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: var(--flexzen-gray-900) !important;
  margin: 0 0 20px 0 !important;
}

.u-section-3 .u-text-5,
.u-section-3 .u-text-8,
.u-section-3 .u-text-11,
.u-section-3 .u-text-14 {
  font-size: 1.25rem !important;
  line-height: 1.8 !important;
  color: var(--flexzen-gray-600) !important;
  margin: 0 !important;
}

/* Section 4 - Benefits - COMPLETE REDESIGN */
.u-section-4 {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
  padding: 160px 0 !important;
}

.u-section-4 .u-sheet-1 {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 100px !important;
}

.u-section-4 .u-layout-wrap-1 {
  margin: 0 !important;
}

.u-section-4 .u-layout {
  display: flex !important;
}

.u-section-4 .u-layout-row {
  display: flex !important;
  width: 100% !important;
  gap: 140px !important;
  align-items: center !important;
}

.u-section-4 .u-size-30 {
  flex: 0 0 50% !important;
}

.u-section-4 .u-image-1 {
  min-height: 800px !important;
  background-image: url("https://m.media-amazon.com/images/I/71BMzhqHqSL._SX522_.jpg") !important;
  background-position: center !important;
  background-size: cover !important;
  border-radius: 40px !important;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5), 0 0 60px rgba(59, 130, 246, 0.3) !important;
  border: 4px solid rgba(59, 130, 246, 0.2) !important;
  position: relative !important;
  overflow: hidden !important;
}

.u-section-4 .u-container-layout-1 {
  padding: 0 !important;
  height: 100% !important;
}

.u-section-4 .u-layout-cell-2 {
  flex: 1 !important;
  min-width: 0 !important;
}

.u-section-4 .u-container-layout-2 {
  padding: 0 !important;
}

.u-section-4 .u-list-1 {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.u-section-4 .u-repeater-1 {
  display: flex !important;
  flex-direction: column !important;
  gap: 56px !important;
}

.u-section-4 .u-list-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 40px !important;
  padding: 0 !important;
}

.u-section-4 .u-container-layout-3,
.u-section-4 .u-container-layout-4,
.u-section-4 .u-container-layout-5,
.u-section-4 .u-container-layout-6 {
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 40px !important;
  width: 100% !important;
}

.u-section-4 .u-icon-1,
.u-section-4 .u-icon-2,
.u-section-4 .u-icon-3,
.u-section-4 .u-icon-4 {
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%) !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 40px rgba(59, 130, 246, 0.3) !important;
  flex-shrink: 0 !important;
  transition: transform 0.3s !important;
}

.u-section-4 .u-icon-1:hover,
.u-section-4 .u-icon-2:hover,
.u-section-4 .u-icon-3:hover,
.u-section-4 .u-icon-4:hover {
  transform: scale(1.15) rotate(5deg) !important;
}

.u-section-4 .u-icon-1 img,
.u-section-4 .u-icon-2 img,
.u-section-4 .u-icon-3 img,
.u-section-4 .u-icon-4 img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
}

.u-section-4 .u-text-1,
.u-section-4 .u-text-3,
.u-section-4 .u-text-5,
.u-section-4 .u-text-7 {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--flexzen-white) !important;
  margin: 0 0 16px 0 !important;
}

.u-section-4 .u-text-2,
.u-section-4 .u-text-4,
.u-section-4 .u-text-6,
.u-section-4 .u-text-8 {
  font-size: 1.25rem !important;
  line-height: 1.9 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  margin: 0 !important;
}

/* Header - COMPLETE REDESIGN */
.u-header-modern {
  background: rgba(15, 23, 42, 0.95) !important;
  backdrop-filter: blur(30px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  border-bottom: 2px solid rgba(59, 130, 246, 0.2) !important;
}

.u-header-modern .u-sheet-1 {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 32px 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.u-logo-text-1 {
  font-size: 2.5rem !important;
  font-weight: 800 !important;
  color: var(--flexzen-white) !important;
  text-decoration: none !important;
  font-family: 'Manrope', 'Poppins', sans-serif !important;
  letter-spacing: -0.04em !important;
  transition: all 0.3s !important;
}

.u-logo-text-1:hover {
  color: var(--flexzen-accent-light) !important;
  transform: scale(1.05) !important;
}

.u-logo-text-inner {
  background: linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Footer - COMPLETE REDESIGN */
.u-footer-modern {
  background: linear-gradient(180deg, #0F172A 0%, #1E293B 100%) !important;
  color: var(--flexzen-gray-300) !important;
  padding: 120px 0 80px !important;
  border-top: 2px solid rgba(59, 130, 246, 0.2) !important;
}

.u-footer-modern .u-sheet-1 {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 100px !important;
}

.u-footer-modern .u-text-1 {
  font-size: 1.125rem !important;
  line-height: 1.9 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  text-align: center !important;
  margin: 0 0 80px 0 !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-footer-modern .u-layout-wrap-1 {
  margin: 0 !important;
}

.u-footer-modern .u-layout {
  display: flex !important;
}

.u-footer-modern .u-layout-row {
  display: flex !important;
  width: 100% !important;
  gap: 100px !important;
}

.u-footer-modern .u-size-30 {
  flex: 0 0 30% !important;
}

.u-footer-modern .u-text-2,
.u-footer-modern .u-text-3 {
  font-size: 1.125rem !important;
  line-height: 2 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.u-footer-modern .u-text-2 a {
  color: var(--flexzen-accent-light) !important;
  text-decoration: none !important;
  transition: color 0.3s !important;
}

.u-footer-modern .u-text-2 a:hover {
  color: var(--flexzen-accent) !important;
}

.u-text-footer-link {
  color: rgba(255, 255, 255, 0.7) !important;
  text-decoration: none !important;
  transition: color 0.3s !important;
  display: inline-block !important;
  margin-bottom: 16px !important;
  font-size: 1.125rem !important;
}

.u-text-footer-link:hover {
  color: var(--flexzen-accent-light) !important;
}

/* Utility Overrides */
.u-btn-modern {
  border-radius: 20px !important;
}

.u-radius-modern {
  border-radius: 20px !important;
}

.u-image-round-modern {
  border-radius: 40px !important;
}

.u-card-modern {
  background: var(--flexzen-white) !important;
  border-radius: 32px !important;
  border: 3px solid var(--flexzen-gray-200) !important;
  transition: all 0.5s ease !important;
}

.u-palette-1-base {
  background-color: var(--flexzen-primary-bright) !important;
}

.u-palette-1-light-1 {
  background-color: var(--flexzen-accent-light) !important;
}

.u-palette-2-base {
  background-color: var(--flexzen-secondary) !important;
}

.u-palette-2-light-2 {
  background-color: var(--flexzen-secondary-light) !important;
}

.u-palette-2-dark-2 {
  background-color: var(--flexzen-gray-900) !important;
}

.u-section-modern {
  background: linear-gradient(180deg, #1E293B 0%, #0F172A 100%) !important;
}

/* Override all Nicepage defaults */
.u-sheet {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 100px !important;
}

.u-clearfix::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}