.elementor-kit-11{--e-global-color-primary:#7C4DFF;--e-global-color-secondary:#08B2A5;--e-global-color-text:#2D3648;--e-global-color-accent:#2B176E;--e-global-color-background:#FFFFFF;--e-global-color-51e610d:#FFFFFF;--e-global-color-7303fca:#E2E1E8;--e-global-color-6469911:#E8F8F7;--e-global-color-a693e86:#4F5768;--e-global-color-02d577b:#08B2A5;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.5em;--e-global-typography-7127d9c-font-family:"Inter";--e-global-typography-7127d9c-font-size:18px;--e-global-typography-7127d9c-font-weight:400;--e-global-typography-7127d9c-line-height:1.6px;--e-global-typography-heading-xl-font-family:"Poppins";--e-global-typography-heading-xl-font-size:56px;--e-global-typography-heading-xl-font-weight:600;--e-global-typography-heading-xl-line-height:1.2em;--e-global-typography-heading-l-font-family:"Poppins";--e-global-typography-heading-l-font-size:48px;--e-global-typography-heading-l-font-weight:600;--e-global-typography-heading-l-line-height:1.2em;--e-global-typography-heading-m-font-family:"Poppins";--e-global-typography-heading-m-font-size:40px;--e-global-typography-heading-m-font-weight:600;--e-global-typography-heading-m-line-height:1.2em;--e-global-typography-heading-s-font-family:"Poppins";--e-global-typography-heading-s-font-size:18px;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Figtree";--e-global-typography-body-s-font-size:14px;--e-global-typography-body-s-font-weight:400;--e-global-typography-body-s-line-height:1.5em;--e-global-typography-c0ee108-font-family:"Inter";--e-global-typography-c0ee108-font-size:14px;--e-global-typography-c0ee108-font-weight:400;--e-global-typography-c0ee108-line-height:1.5px;--e-global-typography-f175451-font-family:"Inter";--e-global-typography-f175451-font-size:16px;--e-global-typography-f175451-font-weight:500;--e-global-typography-f175451-letter-spacing:0.3px;background-color:var( --e-global-color-background );color:#000000;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:var( --e-global-color-02d577b );font-family:var( --e-global-typography-f175451-font-family ), Sans-serif;font-size:var( --e-global-typography-f175451-font-size );font-weight:var( --e-global-typography-f175451-font-weight );letter-spacing:var( --e-global-typography-f175451-letter-spacing );color:var( --e-global-color-51e610d );border-radius:12px 12px 12px 12px;padding:14px 24px 14px 24px;}.elementor-kit-11 button:hover,.elementor-kit-11 button:focus,.elementor-kit-11 input[type="button"]:hover,.elementor-kit-11 input[type="button"]:focus,.elementor-kit-11 input[type="submit"]:hover,.elementor-kit-11 input[type="submit"]:focus,.elementor-kit-11 .elementor-button:hover,.elementor-kit-11 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-51e610d );border-radius:11px 11px 11px 11px;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:var( --e-global-color-accent );}.elementor-kit-11 a:hover{color:#5128CC;}.elementor-kit-11 h1{color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-size:44px;font-weight:700;}.elementor-kit-11 h2{color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;}.elementor-kit-11 h3{color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-size:26px;font-weight:600;}.elementor-kit-11 h4{color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:22px;font-weight:500;}.elementor-kit-11 h5{color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;}.elementor-kit-11 h6{color:var( --e-global-color-51e610d );font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-11 label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-11 input:not([type="button"]):not([type="submit"]),.elementor-kit-11 textarea,.elementor-kit-11 .elementor-field-textual{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:var( --e-global-color-text );background-color:var( --e-global-color-51e610d );border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E1E8;border-radius:12px 12px 12px 12px;padding:12px 16px 12px 16px;}.elementor-kit-11 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-11 textarea:focus,.elementor-kit-11 .elementor-field-textual:focus{background-color:var( --e-global-color-51e610d );box-shadow:0px 0px 0px 3px rgba(0,0,0,0.5);border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-11{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading-xl-font-size:48px;--e-global-typography-heading-l-font-size:40px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:18px;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:var( --e-global-typography-f175451-font-size );letter-spacing:var( --e-global-typography-f175451-letter-spacing );}.elementor-kit-11 label{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading-xl-font-size:40px;--e-global-typography-heading-l-font-size:32px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:16px;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:var( --e-global-typography-f175451-font-size );letter-spacing:var( --e-global-typography-f175451-letter-spacing );}.elementor-kit-11 label{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==============================================
   MOUNJARO UK - CUSTOM CSS
   Design System Enhancements
   ============================================== */

/* Form Field Focus States */
.elementor-field-textual:focus {
  border: 2px solid #7C4DFF !important;
  box-shadow: 0 0 0 3px rgba(124, 77, 255, 0.1) !important;
  outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  border: 2px solid #7C4DFF !important;
  box-shadow: 0 0 0 3px rgba(124, 77, 255, 0.1) !important;
  outline: none;
}

/* Smooth Transitions */
button,
.elementor-button,
input,
textarea,
select,
a {
  transition: all 0.3s ease;
}

/* Card Hover Effects */
.elementor-widget-container {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Link Hover States */
a:not(.elementor-button):hover {
  opacity: 0.8;
}

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

/* Focus Visible for Accessibility */
*:focus-visible {
  outline: 2px solid #7C4DFF;
  outline-offset: 2px;
}

/* Remove default button focus outline (we have custom) */
button:focus,
.elementor-button:focus {
  outline: none;
}

/* Medical Dosing Badge Styles */
.dose-badge {
  display: inline-block;
  background: rgba(124, 77, 255, 0.1);
  color: #7C4DFF;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
}

/* Price Emphasis */
.price-large {
  font-size: 32px;
  font-weight: 700;
  color: #7C4DFF;
  line-height: 1.2;
}

/* Comparison Table Enhancements */
.comparison-highlight {
  background: rgba(8, 178, 165, 0.1);
  border-left: 4px solid #08B2A5;
}
/* Nausea Relief Category Page Styling */
.nausea-hero {
    background: linear-gradient(135deg, #7C4DFF 0%, #7C3AED 100%);
    color: white;
    padding: 80px 24px;
    text-align: center;
    border-radius: 0;
}

.nausea-hero h1 {
    color: white !important;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

.nausea-hero p {
    color: rgba(255,255,255,0.95);
    font-size: 20px;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.breadcrumb-nav {
    background: #F9FAFB;
    padding: 16px 24px;
    border-bottom: 1px solid #E5E7EB;
}

.breadcrumb-nav a {
    color: #7C4DFF;
    text-decoration: none;
    font-size: 14px;
}

.breadcrumb-nav span {
    color: #6B7280;
    margin: 0 8px;
}

.why-section {
    background: linear-gradient(135deg, rgba(237, 228, 255, 0.3) 0%, rgba(196, 246, 238, 0.2) 100%);
    padding: 64px 24px;
}

.why-section h2 {
    color: #2B176E;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 16px;
    font-family: 'Poppins', sans-serif;
}

.why-content {
    max-width: 900px;
    margin: 0 auto;
    background: white;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.why-content p {
    color: #4F5768;
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 16px;
}

.products-section {
    padding: 64px 24px;
    background: white;
}

.products-section h2 {
    color: #2B176E;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Poppins', sans-serif;
}

.tips-section {
    background: #F9FAFB;
    padding: 64px 24px;
}

.tips-section h2 {
    color: #2B176E;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Poppins', sans-serif;
}

.tips-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.tip-card {
    background: white;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid #E5E7EB;
    transition: all 0.3s;
}

.tip-card:hover {
    border-color: #7C4DFF;
    box-shadow: 0 10px 30px rgba(124, 77, 255, 0.15);
    transform: translateY(-4px);
}

.tip-card h3 {
    color: #2B176E;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    font-family: 'Poppins', sans-serif;
}

.tip-card p {
    color: #4F5768;
    font-size: 15px;
    line-height: 1.6;
}

.related-categories {
    padding: 64px 24px;
    background: white;
}

.related-categories h2 {
    color: #2B176E;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 32px;
    font-family: 'Poppins', sans-serif;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.category-card {
    background: linear-gradient(135deg, rgba(124, 77, 255, 0.05) 0%, rgba(8, 178, 165, 0.05) 100%);
    border-radius: 16px;
    padding: 32px 24px;
    text-align: center;
    border: 1px solid #E5E7EB;
    transition: all 0.3s;
    text-decoration: none;
    display: block;
}

.category-card:hover {
    border-color: #7C4DFF;
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(124, 77, 255, 0.15);
}

.category-card h3 {
    color: #2B176E;
    font-size: 20px;
    font-weight: 600;
    margin-top: 16px;
    font-family: 'Poppins', sans-serif;
}

.category-card p {
    color: #4F5768;
    font-size: 14px;
    margin-top: 8px;
}

.disclaimer {
    background: #FFF9E6;
    border-left: 4px solid #FFB800;
    padding: 20px;
    margin: 40px auto;
    max-width: 1200px;
    border-radius: 8px;
}

.disclaimer p {
    color: #4F5768;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Container max-width */
.section-container {
    max-width: 1400px;
    margin: 0 auto;
}

/* WooCommerce Product Grid Styling */
.woocommerce ul.products {
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .nausea-hero h1 {
        font-size: 32px;
    }
    
    .tips-grid, .category-grid {
        grid-template-columns: 1fr;
    }
}
/* ================================================================
   🌟 CATEGORY ARCHIVE — STUNNING VISUAL EDITION 🌟
   
   NOT BORING ANYMORE:
   ✅ Animated gradient backgrounds
   ✅ Floating particle effects
   ✅ Glassmorphism UI elements
   ✅ Gradient text effects
   ✅ Smooth scroll animations
   ✅ Premium shadows & glows
   ✅ Interactive hover states
   ✅ Modern, vibrant design
   
   This makes your category pages look like premium SaaS landing pages!
   ================================================================ */

/* =========================
   PREMIUM DESIGN TOKENS
   ========================= */

:root {
  /* Vibrant Brand Colors */
  --brand-purple: #6b4eff;
  --brand-purple-dark: #4c36c8;
  --brand-purple-light: #8b6eff;
  --brand-blue: #3b82f6;
  --brand-teal: #08B2A5;
  --brand-orange: #ff6b35;
  
  /* Gradients (Premium) */
  --gradient-hero: linear-gradient(135deg, #6b4eff 0%, #4c36c8 50%, #3b82f6 100%);
  --gradient-purple: linear-gradient(135deg, #6b4eff 0%, #8b6eff 100%);
  --gradient-blue: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
  --gradient-teal: linear-gradient(135deg, #08B2A5 0%, #14b8a6 100%);
  --gradient-orange: linear-gradient(135deg, #ff6b35 0%, #ff8c61 100%);
  --gradient-text: linear-gradient(135deg, #6b4eff 0%, #3b82f6 60%, #08B2A5 100%);
  
  /* Shadows (Dramatic) */
  --shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-medium: 0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-large: 0 16px 48px rgba(107, 78, 255, 0.2);
  --shadow-glow: 0 0 60px rgba(107, 78, 255, 0.4);
  --shadow-glow-blue: 0 0 60px rgba(59, 130, 246, 0.3);
  
  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  
  /* Typography */
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* =========================
   BASE WRAPPER
   ========================= */

.category-archive-stunning {
  background: #ffffff;
  font-family: var(--font-display);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  position: relative;
}

/* =========================
   SECTION 1: STUNNING HERO (MASSIVE & ANIMATED)
   ========================= */

.stunning-hero {
  position: relative;
  min-height: 85vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, #6b4eff 0%, #4c36c8 50%, #3b82f6 100%);
}

/* Animated particle background */
.particles-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.particle {
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.15;
  animation: floatParticle 20s ease-in-out infinite;
}

.particle--1 {
  top: 10%;
  left: 10%;
  background: radial-gradient(circle, #8b6eff 0%, transparent 70%);
  animation-delay: 0s;
}

.particle--2 {
  top: 50%;
  right: 10%;
  background: radial-gradient(circle, #3b82f6 0%, transparent 70%);
  animation-delay: 4s;
}

.particle--3 {
  bottom: 20%;
  left: 30%;
  background: radial-gradient(circle, #08B2A5 0%, transparent 70%);
  animation-delay: 8s;
}

.particle--4 {
  top: 30%;
  left: 60%;
  background: radial-gradient(circle, #ff6b35 0%, transparent 70%);
  animation-delay: 2s;
}

.particle--5 {
  bottom: 10%;
  right: 40%;
  background: radial-gradient(circle, #6b4eff 0%, transparent 70%);
  animation-delay: 6s;
}

.particle--6 {
  top: 70%;
  left: 50%;
  background: radial-gradient(circle, #3b82f6 0%, transparent 70%);
  animation-delay: 10s;
}

@keyframes floatParticle {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(50px, -50px) scale(1.1);
  }
  66% {
    transform: translate(-30px, 40px) scale(0.9);
  }
}

/* Gradient overlay */
.gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.gradient-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.2;
  animation: pulseOrb 8s ease-in-out infinite;
}

.gradient-orb--purple {
  top: 15%;
  left: 20%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, #8b6eff 0%, transparent 60%);
}

.gradient-orb--blue {
  top: 40%;
  right: 15%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, #3b82f6 0%, transparent 60%);
  animation-delay: 2s;
}

.gradient-orb--teal {
  bottom: 10%;
  left: 40%;
  width: 550px;
  height: 550px;
  background: radial-gradient(circle, #08B2A5 0%, transparent 60%);
  animation-delay: 4s;
}

@keyframes pulseOrb {
  0%, 100% {
    transform: scale(1) translate(0, 0);
    opacity: 0.2;
  }
  50% {
    transform: scale(1.2) translate(20px, -20px);
    opacity: 0.3;
  }
}

/* Decorative pattern */
.hero-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.1;
}

.pattern-svg {
  width: 100%;
  height: 100%;
}

/* Hero container */
.stunning-hero__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem 2rem;
  position: relative;
  z-index: 10;
  text-align: center;
}

/* Breadcrumb */
.modern-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: var(--space-xl);
  padding: 0.75rem 1.5rem;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.modern-breadcrumb__link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.modern-breadcrumb__link:hover {
  color: #ffffff;
}

.modern-breadcrumb__link svg {
  width: 16px;
  height: 16px;
}

.modern-breadcrumb__separator {
  display: flex;
  opacity: 0.5;
}

.modern-breadcrumb__separator svg {
  width: 16px;
  height: 16px;
}

.modern-breadcrumb__current {
  color: #ffffff;
  font-weight: 600;
}

/* Mega category badge */
.mega-category-badge {
  display: inline-block;
  margin-bottom: var(--space-xl);
  position: relative;
}

.mega-category-badge__pulse {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  animation: pulse 3s ease-in-out infinite;
}

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

.mega-category-badge__content {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: 1.25rem 2rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(30px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 100px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

.mega-category-badge__icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.mega-category-badge__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  color: #ffffff;
}

.mega-category-badge__label {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  opacity: 0.9;
}

.mega-category-badge__count {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.count-label {
  font-size: 1rem;
  font-weight: 500;
  opacity: 0.9;
}

/* MASSIVE gradient title */
.stunning-hero__title {
  font-size: clamp(3rem, 8vw, 5.5rem);
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 var(--space-xl) 0;
  letter-spacing: -0.03em;
  color: #ffffff;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.title-line {
  display: inline-block;
  position: relative;
}

/* Enhanced description */
.stunning-hero__description {
  max-width: 800px;
  margin: 0 auto var(--space-2xl) auto;
  position: relative;
}

.description-decorator {
  position: absolute;
  left: -2rem;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.decorator-line {
  width: 2px;
  height: 60px;
  background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);
}

.decorator-dot {
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}

.description-content {
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

/* Statistics row */
.hero-statistics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--space-md);
  max-width: 900px;
  margin: 0 auto var(--space-2xl) auto;
}

.stat-card {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 1.25rem 1.5rem;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  transition: all var(--transition-smooth);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.stat-card:hover {
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

.stat-card__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.stat-card__icon--purple { background: rgba(139, 110, 255, 0.3); }
.stat-card__icon--blue { background: rgba(59, 130, 246, 0.3); }
.stat-card__icon--teal { background: rgba(8, 178, 165, 0.3); }
.stat-card__icon--orange { background: rgba(255, 107, 53, 0.3); }

.stat-card__content {
  flex: 1;
  text-align: left;
}

.stat-card__label {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0.25rem;
}

.stat-card__value {
  font-size: 1.125rem;
  font-weight: 700;
  color: #ffffff;
}

/* CTA buttons */
.hero-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  justify-content: center;
  margin-bottom: var(--space-3xl);
}

.hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem 2.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  transition: all var(--transition-smooth);
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.hero-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s ease;
}

.hero-cta:hover::before {
  left: 100%;
}

.hero-cta--primary {
  background: #ffffff;
  color: #6b4eff;
  border: 2px solid transparent;
}

.hero-cta--primary:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
}

.hero-cta--secondary {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(20px);
}

.hero-cta--secondary:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-4px);
}

.hero-cta__icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--transition-fast);
}

.hero-cta:hover .hero-cta__icon {
  transform: translateX(4px);
}

/* Scroll indicator */
.scroll-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
}

.scroll-indicator__mouse {
  width: 28px;
  height: 44px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 14px;
  display: flex;
  justify-content: center;
  padding-top: 8px;
}

.scroll-indicator__wheel {
  width: 4px;
  height: 8px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 2px;
  animation: scrollWheel 2s ease-in-out infinite;
}

@keyframes scrollWheel {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(10px);
    opacity: 0;
  }
}

.scroll-indicator__text {
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.05em;
}

/* Wave separator */
.wave-separator {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  z-index: 5;
}

.wave-separator svg {
  display: block;
  width: 100%;
  height: 80px;
}

/* =========================
   SECTION 2: CATEGORY INSIGHTS (VISUAL CARDS)
   ========================= */

.category-insights {
  padding: var(--space-3xl) 2rem;
  background: #ffffff;
}

.category-insights__container {
  max-width: 1200px;
  margin: 0 auto;
}

.insights-header {
  text-align: center;
  margin-bottom: var(--space-2xl);
}

.insights-header__title {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  color: #0f172a;
  margin: 0 0 var(--space-sm) 0;
  letter-spacing: -0.02em;
}

.insights-header__subtitle {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  color: #475569;
  margin: 0;
}

.insights-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-xl);
}

.insight-card {
  position: relative;
  padding: 2.5rem 2rem;
  background: #ffffff;
  border: 2px solid transparent;
  border-radius: 20px;
  text-align: center;
  transition: all var(--transition-smooth);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.insight-card__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity var(--transition-smooth);
  z-index: 0;
}

.insight-card--purple .insight-card__background {
  background: linear-gradient(135deg, rgba(107, 78, 255, 0.05) 0%, rgba(139, 110, 255, 0.05) 100%);
}

.insight-card--blue .insight-card__background {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(96, 165, 250, 0.05) 100%);
}

.insight-card--teal .insight-card__background {
  background: linear-gradient(135deg, rgba(8, 178, 165, 0.05) 0%, rgba(20, 184, 166, 0.05) 100%);
}

.insight-card--orange .insight-card__background {
  background: linear-gradient(135deg, rgba(255, 107, 53, 0.05) 0%, rgba(255, 140, 97, 0.05) 100%);
}

.insight-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-large);
}

.insight-card:hover .insight-card__background {
  opacity: 1;
}

.insight-card--purple:hover { border-color: #6b4eff; }
.insight-card--blue:hover { border-color: #3b82f6; }
.insight-card--teal:hover { border-color: #08B2A5; }
.insight-card--orange:hover { border-color: #ff6b35; }

.insight-card__icon {
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  margin: 0 auto var(--space-lg) auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  transition: all var(--transition-smooth);
}

.insight-card--purple .insight-card__icon {
  background: linear-gradient(135deg, rgba(107, 78, 255, 0.1), rgba(139, 110, 255, 0.1));
  color: #6b4eff;
}

.insight-card--blue .insight-card__icon {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(96, 165, 250, 0.1));
  color: #3b82f6;
}

.insight-card--teal .insight-card__icon {
  background: linear-gradient(135deg, rgba(8, 178, 165, 0.1), rgba(20, 184, 166, 0.1));
  color: #08B2A5;
}

.insight-card--orange .insight-card__icon {
  background: linear-gradient(135deg, rgba(255, 107, 53, 0.1), rgba(255, 140, 97, 0.1));
  color: #ff6b35;
}

.insight-card:hover .insight-card__icon {
  transform: scale(1.1) rotate(5deg);
}

.insight-card__title {
  position: relative;
  z-index: 1;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.3;
  color: #0f172a;
  margin: 0 0 var(--space-sm) 0;
}

.insight-card__text {
  position: relative;
  z-index: 1;
  font-size: 1rem;
  line-height: 1.65;
  color: #475569;
  margin: 0;
}

/* =========================
   SECTION 3: POSTS INTRO
   ========================= */

.posts-intro {
  padding: var(--space-2xl) 2rem var(--space-xl) 2rem;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  border-top: 1px solid #e5e7eb;
}

.posts-intro__container {
  max-width: 1200px;
  margin: 0 auto;
}

.posts-intro__header {
  text-align: center;
  margin-bottom: var(--space-xl);
}

.posts-intro__label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  background: linear-gradient(135deg, rgba(107, 78, 255, 0.1), rgba(59, 130, 246, 0.1));
  border: 1px solid rgba(107, 78, 255, 0.2);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #6b4eff;
  margin-bottom: var(--space-md);
}

.posts-intro__label svg {
  color: #6b4eff;
}

.posts-intro__title {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  color: #0f172a;
  margin: 0 0 var(--space-md) 0;
  letter-spacing: -0.02em;
}

.posts-intro__description {
  font-size: clamp(1rem, 2vw, 1.125rem);
  line-height: 1.7;
  color: #475569;
  max-width: 720px;
  margin: 0 auto;
}

.posts-intro__stats {
  display: flex;
  justify-content: center;
  gap: var(--space-xl);
  flex-wrap: wrap;
}

.intro-stat {
  text-align: center;
  padding: var(--space-md);
}

.intro-stat__number {
  font-size: 2.5rem;
  font-weight: 800;
  background: var(--gradient-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.intro-stat__label {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* =========================
   POSTS GRID STYLING (ELEMENTOR WIDGET)
   ========================= */

.elementor-posts-container,
.elementor-posts {
  padding: var(--space-xl) 2rem var(--space-3xl) 2rem;
  max-width: 1200px;
  margin: 0 auto;
  background: #f7f9fc;
}

.elementor-post,
.elementor-post.elementor-grid-item {
  background: #ffffff;
  border: 2px solid transparent;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  transition: all var(--transition-smooth);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.elementor-post:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-large);
  border-color: #6b4eff;
}

.elementor-post__thumbnail {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
  aspect-ratio: 16 / 9;
}

.elementor-post__thumbnail__link {
  display: block;
  width: 100%;
  height: 100%;
}

.elementor-post__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.1);
}

.elementor-post__text {
  padding: 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.elementor-post__terms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: var(--space-md);
}

.elementor-post__terms a {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: linear-gradient(135deg, rgba(107, 78, 255, 0.1), rgba(59, 130, 246, 0.1));
  color: #6b4eff;
  border-radius: 8px;
  text-decoration: none;
  transition: all var(--transition-fast);
  border: 1px solid rgba(107, 78, 255, 0.2);
}

.elementor-post__terms a:hover {
  background: var(--gradient-purple);
  color: #ffffff;
  border-color: transparent;
  transform: translateY(-2px);
}

.elementor-post__title {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 var(--space-sm) 0;
  letter-spacing: -0.01em;
}

.elementor-post__title a {
  color: #0f172a;
  text-decoration: none;
  transition: color var(--transition-fast);
  background-image: linear-gradient(to right, #6b4eff, #6b4eff);
  background-size: 0 3px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size var(--transition-smooth);
}

.elementor-post__title a:hover {
  color: #6b4eff;
  background-size: 100% 3px;
}

.elementor-post__excerpt {
  font-size: 1rem;
  line-height: 1.7;
  color: #475569;
  margin: 0 0 var(--space-lg) 0;
  flex: 1;
}

.elementor-post__meta-data {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding-top: var(--space-sm);
  border-top: 2px solid #f3f4f6;
  font-size: 0.875rem;
  color: #64748b;
  margin-top: auto;
}

.elementor-post__date::before {
  content: '•';
  color: #6b4eff;
  font-weight: 700;
  margin-right: 0.5rem;
}

.elementor-post__read-more {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #6b4eff;
  text-decoration: none;
  margin-top: var(--space-sm);
  transition: all var(--transition-fast);
  border-bottom: 2px solid transparent;
  padding-bottom: 0.25rem;
}

.elementor-post__read-more:hover {
  gap: 0.875rem;
  color: #3b82f6;
  border-bottom-color: #3b82f6;
}

.elementor-post__read-more::after {
  content: '→';
  font-size: 1.25rem;
}

/* =========================
   SECTION 5: TRUST STUNNING
   ========================= */

.trust-stunning {
  position: relative;
  padding: var(--space-3xl) 2rem;
  background: linear-gradient(135deg, #0b1220 0%, #1a1f35 100%);
  color: #e5e7eb;
  overflow: hidden;
}

.trust-stunning__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.trust-gradient-sphere {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.15;
  animation: rotateSphere 20s linear infinite;
}

.trust-gradient-sphere--1 {
  top: -10%;
  left: 10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, #6b4eff 0%, transparent 60%);
}

.trust-gradient-sphere--2 {
  bottom: -10%;
  right: 10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, #3b82f6 0%, transparent 60%);
  animation-delay: -10s;
}

@keyframes rotateSphere {
  0%, 100% {
    transform: rotate(0deg) translate(20px, 20px);
  }
  50% {
    transform: rotate(180deg) translate(-20px, -20px);
  }
}

.trust-stunning__container {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.trust-content-wrapper {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(30px);
  border: 2px solid rgba(107, 78, 255, 0.3);
  border-radius: 24px;
  padding: var(--space-2xl);
  box-shadow: 
    0 16px 48px rgba(0, 0, 0, 0.4),
    0 0 80px rgba(107, 78, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
}

.trust-content-wrapper::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15%;
  bottom: 15%;
  width: 6px;
  background: linear-gradient(180deg, transparent 0%, #6b4eff 30%, #3b82f6 70%, transparent 100%);
  border-radius: 0 4px 4px 0;
}

.trust-visual-header {
  display: flex;
  align-items: center;
  gap: var(--space-xl);
  margin-bottom: var(--space-2xl);
}

.trust-visual-header__icon {
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(107, 78, 255, 0.15);
  border-radius: 20px;
  border: 2px solid rgba(107, 78, 255, 0.3);
  box-shadow: 0 8px 24px rgba(107, 78, 255, 0.3);
}

.trust-visual-header__text {
  flex: 1;
}

.trust-visual-header__title {
  font-size: clamp(1.875rem, 3vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.02em;
}

.trust-visual-header__subtitle {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.trust-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-lg);
  margin-bottom: var(--space-xl);
}

.trust-feature-item {
  padding: 2rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  transition: all var(--transition-smooth);
}

.trust-feature-item:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(107, 78, 255, 0.3);
  transform: translateY(-4px);
}

.trust-feature-item__icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(107, 78, 255, 0.2);
  border-radius: 12px;
  color: #8b6eff;
  margin-bottom: var(--space-md);
}

.trust-feature-item__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #ffffff;
  margin: 0 0 var(--space-sm) 0;
}

.trust-feature-item__text {
  font-size: 1rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.trust-disclaimer-badge {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  padding: var(--space-lg);
  background: rgba(255, 107, 53, 0.1);
  border: 2px solid rgba(255, 107, 53, 0.3);
  border-radius: 12px;
}

.trust-disclaimer-badge__icon {
  flex-shrink: 0;
  color: #ff6b35;
}

.trust-disclaimer-badge__text {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

/* =========================
   SECTION 6: CTA STUNNING
   ========================= */

.cta-stunning {
  position: relative;
  padding: var(--space-3xl) 2rem;
  background: linear-gradient(135deg, #6b4eff 0%, #4c36c8 50%, #3b82f6 100%);
  overflow: hidden;
}

.cta-stunning__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cta-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.2;
  animation: moveOrb 15s ease-in-out infinite;
}

.cta-orb--purple {
  top: -20%;
  left: 10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, #8b6eff 0%, transparent 60%);
}

.cta-orb--blue {
  top: 50%;
  right: 5%;
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, #3b82f6 0%, transparent 60%);
  animation-delay: -5s;
}

.cta-orb--teal {
  bottom: -20%;
  left: 50%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, #08B2A5 0%, transparent 60%);
  animation-delay: -10s;
}

@keyframes moveOrb {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(30px, -30px) scale(1.1);
  }
  66% {
    transform: translate(-20px, 40px) scale(0.95);
  }
}

.cta-stunning__container {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.cta-visual-content {
  text-align: center;
}

.cta-mega-icon {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto var(--space-xl) auto;
}

.cta-mega-icon__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 140%;
  height: 140%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: pulse 3s ease-in-out infinite;
}

.cta-text-stunning {
  margin-bottom: var(--space-xl);
}

.cta-text-stunning__title {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff;
  margin: 0 0 var(--space-md) 0;
  letter-spacing: -0.025em;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.cta-text-stunning__subtitle {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.95);
  max-width: 680px;
  margin: 0 auto var(--space-lg) auto;
}

.cta-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  justify-content: center;
  margin-bottom: var(--space-xl);
}

.cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #ffffff;
}

.cta-button-stunning {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 1.75rem 3rem;
  background: #ffffff;
  color: #6b4eff;
  border-radius: 16px;
  text-decoration: none;
  transition: all var(--transition-smooth);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}

.cta-button-stunning__shine {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(107, 78, 255, 0.2), transparent);
  transition: left 0.6s ease;
}

.cta-button-stunning:hover .cta-button-stunning__shine {
  left: 100%;
}

.cta-button-stunning:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
}

.cta-button-stunning__main {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.cta-button-stunning__sub {
  font-size: 1rem;
  font-weight: 500;
  color: #64748b;
}

/* =========================
   RESPONSIVE (MOBILE-FIRST)
   ========================= */

@media (max-width: 768px) {
  .stunning-hero {
    min-height: 70vh;
    padding-top: 2rem;
  }
  
  .stunning-hero__container {
    padding: 2rem 1.5rem;
  }
  
  .modern-breadcrumb {
    font-size: 0.75rem;
    padding: 0.625rem 1rem;
  }
  
  .mega-category-badge__content {
    flex-direction: column;
    text-align: center;
    padding: 1rem 1.5rem;
  }
  
  .hero-statistics {
    grid-template-columns: 1fr;
  }
  
  .hero-cta-group {
    flex-direction: column;
    width: 100%;
  }
  
  .hero-cta {
    width: 100%;
    justify-content: center;
  }
  
  .description-decorator {
    display: none;
  }
  
  .insights-grid {
    grid-template-columns: 1fr;
  }
  
  .posts-intro__stats {
    flex-direction: column;
    gap: var(--space-md);
  }
  
  .trust-visual-header {
    flex-direction: column;
    text-align: center;
  }
  
  .trust-feature-grid {
    grid-template-columns: 1fr;
  }
  
  .cta-badges {
    flex-direction: column;
    align-items: center;
  }
  
  .cta-button-stunning {
    width: 100%;
    max-width: 320px;
  }
}

/* =========================
   ACCESSIBILITY
   ========================= */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid #6b4eff;
  outline-offset: 4px;
  border-radius: 4px;
}/* End custom CSS */