/** Shopify CDN: Minification failed

Line 21:16 Expected ")" to end URL token
Line 30:16 Expected ")" to end URL token
Line 39:16 Expected ")" to end URL token
Line 48:16 Expected ")" to end URL token
Line 57:16 Expected ")" to end URL token
Line 66:16 Expected ")" to end URL token
Line 75:16 Expected ")" to end URL token

**/
/* ===== BEGIN GUSTOMIND.AI CUSTOM FONT LOADS FOR INTER (SHOPIFY-HOSTED) ===== */

/* inter-300 - latin_latin-ext */
/* inter-300 - latin_latin-ext */
@font-face {
    font-display: swap;
    font-family: 'InterCustom';
    font-style: normal;
    font-weight: 300;
    src: url({{ 'inter-v19-latin_latin-ext-300.woff2' | asset_url }}) format('woff2');
  }
  
  /* inter-regular (400) - latin_latin-ext */
  @font-face {
    font-display: swap;
    font-family: 'InterCustom';
    font-style: normal;
    font-weight: 400;
    src: url({{ 'inter-v19-latin_latin-ext-regular.woff2' | asset_url }}) format('woff2');
  }
  
  /* inter-500 - latin_latin-ext */
  @font-face {
    font-display: swap;
    font-family: 'InterCustom';
    font-style: normal;
    font-weight: 500;
    src: url({{ 'inter-v19-latin_latin-ext-500.woff2' | asset_url }}) format('woff2');
  }
  
  /* inter-600 - latin_latin-ext */
  @font-face {
    font-display: swap;
    font-family: 'InterCustom';
    font-style: normal;
    font-weight: 600;
    src: url({{ 'inter-v19-latin_latin-ext-600.woff2' | asset_url }}) format('woff2');
  }
  
  /* inter-700 - latin_latin-ext */
  @font-face {
    font-display: swap;
    font-family: 'InterCustom';
    font-style: normal;
    font-weight: 700;
    src: url({{ 'inter-v19-latin_latin-ext-700.woff2' | asset_url }}) format('woff2');
  }
  
  /* inter-800 - latin_latin-ext */
  @font-face {
    font-display: swap;
    font-family: 'InterCustom';
    font-style: normal;
    font-weight: 800;
    src: url({{ 'inter-v19-latin_latin-ext-800.woff2' | asset_url }}) format('woff2');
  }
  
  /* inter-900 - latin_latin-ext */
  @font-face {
    font-display: swap;
    font-family: 'InterCustom';
    font-style: normal;
    font-weight: 900;
    src: url({{ 'inter-v19-latin_latin-ext-900.woff2' | asset_url }}) format('woff2');
  }
  /* ===== END GUSTOMIND.AI CUSTOM FONT LOADS FOR INTER ===== */
  

/* =============================================================================
   GUSTOMIND DESIGN SYSTEM
   ============================================================================= */

:root {
  /* Core Brand Colors */
  --gm-dark: #231971;
  --gm-body: #475569;
  --gm-primary: #5E4CE6;
  --gm-primary-dark: #4B35E3;
  --gm-primary-deeper: #440BE5;
  --gm-light: #F8FAFC;
  --gm-light-purple: #EEF1FF;
  --gm-accent-light: #C3BCF6;
  --gm-accent-purple: #6236C8;

  /* Trademark Title Colors (for consistent contrast pattern) */
  --gm-title-dark: #231971;
  --gm-title-highlight: #5E4CE6;

  /* Background Colors */
  --gm-bg-dark-purple: #231971;        /* Credentials bar, trust bar */
  --gm-bg-medium-purple: #3531ab;      /* Testimonials, lead magnet, FAQ, footer */
  --gm-bg-light-purple1: #f5f4ff; 

  /* Gradients */
  --gm-gradient-hero: linear-gradient(115deg, #f8fafc 0%, #5E4CE6 250%);  /* Main hero gradient */
  --gm-gradient-inner-box: linear-gradient(115deg, #f8fafc 0%, #5E4CE6 250%);  /* Inner content boxes */
  --gm-gradient-light-purple: radial-gradient(circle, #ffffff 0%, #e2dcfe 100%);      /* MBA section, light sections */

}

/* =============================================================================
   GLOBAL: Override Shopify's default "Buy it now" button color
   The dynamic checkout button can sometimes use Shopify's default blue.
   This ensures it always uses our brand purple (#5E4CE6).
   ============================================================================= */
.shopify-payment-button__button--unbranded {
  background-color: #5E4CE6 !important;
  color: white !important;
}
.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: #4B35E3 !important;
}

/* =============================================================================
   HEADER CUSTOMIZATIONS - PURPLE BRANDING
   ============================================================================= */

/* Logo text color - All instances */
.header__heading-link .h2,
.header__heading .h2,
.header__heading h1 .h2,
h1.header__heading .h2 {
  color: var(--gm-primary) !important;
}

/* Header icon colors */
.header__icon .icon,
.header__icon svg {
  stroke: var(--gm-primary) !important;
}

/* Search icon */
.header__search .icon,
modal-opener .icon {
  stroke: var(--gm-primary) !important;
}

/* Typography */
.gustomind-h1 {
  font-family: 'InterCustom', sans-serif;
  font-size: clamp(2.5rem, 6vw, 3.8rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--gm-dark);
}

.gustomind-h2 {
  font-family: 'InterCustom', sans-serif;
  font-size: clamp(1.8rem, 5vw, 2.6rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--gm-dark);
}

.gustomind-h3 {
  font-family: 'InterCustom', sans-serif;
  font-size: clamp(1.4rem, 5vw, 2.1rem);
  font-weight: 700;
  line-height: 1.3;
  color: var(--gm-dark);
}

.gustomind-body {
  font-family: 'InterCustom', sans-serif;
  font-size: 1.15rem;
  line-height: 1.8;
  color: var(--gm-body);
}

.gustomind-body-small {
  font-family: 'InterCustom', sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--gm-body);
}

/* Buttons */
.gustomind-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  font-family: 'InterCustom', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
  text-decoration: none;
}

.gustomind-button--primary {
  background-color: var(--gm-primary);
  color: white;
  border: none;
}

.gustomind-button--primary:hover {
  background-color: var(--gm-primary-dark);
}

.gustomind-button--secondary {
  background-color: var(--gm-light-purple);
  color: var(--gm-primary);
  border: none;
}

.gustomind-button--secondary:hover {
  background-color: var(--gm-accent-light);
}

/* Common gradients */
.gustomind-gradient-blue {
  background: linear-gradient(135deg, #f8fafc 0%, #EEF1FF 100%);
}

.gustomind-gradient-purple {
  background: var(--gustomind-gradient);
}

/* Utilities */
.gustomind-highlight {
  color: var(--gm-primary);
}

/* Layout helpers */
.gustomind-container {
  max-width: var(--page-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Shadows */
.gustomind-shadow-sm {
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.gustomind-shadow-md {
  box-shadow: 0 8px 25px rgba(0,0,0,0.07);
}

.gustomind-shadow-lg {
  box-shadow: 0 10px 35px rgba(0,0,0,0.1);
}

/* Text Color Utilities */
.gustomind-text-primary-blue {
  color: var(--gustomind-primary) !important;
}

.gustomind-text-product-dark-blue {
  color: var(--gustomind-product-title-dark-blue) !important;
}

.gustomind-text-dark-red {
  color: var(--gustomind-dark-red-text-highlight) !important;
}

.gustomind-text-medium-green {
  color: var(--gustomind-medium-green-text-highlight) !important;
}

.gustomind-text-dark-green {
  color: var(--gustomind-dark-green-text-highlight) !important;
}

.gustomind-text-orange {
  color: var(--gustomind-orange-text-highlight) !important;
}

/* =============================================================================
   GUSTOMIND.AI CUSTOM STYLES
   ============================================================================= */

/* CSS Custom Properties (Variables) */
:root {
    /* Legacy variable names - kept for backward compatibility */
    --gustomind-primary: #5E4CE6;
    --gustomind-primary-dark: #4B35E3;
    --gustomind-primary-deeper: #440BE5;
    --gustomind-text-dark: #231971; /* Deep indigo for headings */
    --gustomind-text-medium: #4B5563; /* Updated/Confirmed from Hero section styles (was text-secondary) */
    --gustomind-text-light: #9CA3AF; /* Updated from Hero section styles (was text-muted) */
    --gustomind-text-primary: #1a1a1a; /* Keeping this if used elsewhere, specific hero uses -dark/-medium */
    --gustomind-text-secondary: #4b5563; /* This is same as --gustomind-text-medium */
    --gustomind-text-muted: #6b7280; /* Keeping this if used elsewhere */
    --gustomind-white: #ffffff;
    --gustomind-gradient: linear-gradient(135deg, #f8fafc 0%, #EEF1FF 100%);
    --gustomind-shadow: 0 10px 20px rgba(94, 76, 230, 0.1);
    --gustomind-shadow-hover: 0 10px 20px rgba(94, 76, 230, 0.2);
    --gustomind-transition: all 0.3s ease;
    --gustomind-border-radius: 8px;

    /* Purple brand colors */
    --gustomind-darker-purple-background: #3908AF;
    --gustomind-product-title-purple: #231971;
    --gustomind-accent-purple: #6236C8;
    --gustomind-accent-light: #C3BCF6;

    /* Highlight colors (keep existing) */
    --gustomind-highlight-red: #c70000;
    --gustomind-highlight-green-medium: #74c100;
    --gustomind-highlight-green-dark: #009a0d;
    --gustomind-highlight-orange: #f86300;

    /* Legacy support - map old blue names to new purple values */
    --gustomind-darker-blue-background: var(--gustomind-darker-purple-background);
    --gustomind-product-title-dark-blue: var(--gustomind-product-title-purple);
    --gustomind-dark-red-text-highlight: var(--gustomind-highlight-red);
    --gustomind-medium-green-text-highlight: var(--gustomind-highlight-green-medium);
    --gustomind-dark-green-text-highlight: var(--gustomind-highlight-green-dark);
    --gustomind-orange-text-highlight: var(--gustomind-highlight-orange);
}

/* =============================================================================
   GLOBAL TYPOGRAPHY OVERRIDES
   ============================================================================= */

/* Override Dawn's header logo styling for better brand consistency */
.header__heading-logo .h2,
.header__heading-logo h1,
.header__heading-logo a {
    color: var(--gm-primary) !important;

}

/* Global text size improvements */
body {
    font-family: 'InterCustom', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.6;
}

/* =============================================================================
   HEADER/LOGO IMPROVEMENTS
   ============================================================================= */

/* Header base styling */
.header {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 12px 0;
}

.header.drawer-open {
    background-color: rgb(255, 255, 255);
}

/* Header menu styling improvements */
.header__inline-menu .list-menu {
    gap: 16px !important; /* Tighter spacing */
}

/* ==== HEADER MENU FONT SIZE AND WEIGHT SETTINGS (EDIT HERE) ==== */
.header__menu-item {
    font-family: 'InterCustom'; /* Changed from 600 to 700 for bolder text */
    color: #231971 !important; /* Deep indigo #231971 for better contrast */
    text-decoration: none !important;
    padding: 8px 4px !important; /* Add some padding */
}

.header__menu-item:hover {
    color: var(--gm-primary) !important;
}

/* Only current page should be purple */
.header__active-menu-item {
    color: var(--gm-primary) !important;
    text-decoration: none !important; /* Remove underline */
}

/* Remove any other blue/underline styling */
.header__menu-item.link--text {
    text-decoration: none !important;
   
    font-family: 'InterCustom';
    
}

.list-menu__item--active {
    text-decoration: none !important;
}
/*----------------This is the one that changes the FONT WEIGHT FOR THE MENU BAR IN THE HEADER--------------------------*/
.header__inline-menu .list-menu a {
    font-family: 'InterCustom';
    font-size: clamp(2rem, 4vw, 5rem);
    letter-spacing: 0em;
    word-spacing: 0em; /* Increased from 16px to 18px */
    font-weight: 600 !important; /* Changed from 600 to 700 for bolder text */
    color: #231971 !important; /* Deep indigo for menu items */
    text-decoration: none !important;
}

/* Header icons styling */
.header__icons {
    gap: 16px;
    align-items: center;
}

/* Only change icon color to purple - no size changes at all */
.header__icon svg {
    color: var(--gm-primary) !important;
}

/* Logo styling */
.header__heading .h2 {
    color: var(--gm-primary) !important;
    font-size: clamp(2rem, 5vw, 4rem)!important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    margin: 0 !important;
}

/* Navigation menu styling */
.header__inline-menu .list-menu a {
    font-size: 14px;
    font-weight: 600; /* Bolder menu items */
    color: #231971 !important; /* Deep indigo for menu items */
    text-decoration: none;
    transition: color 0.2s ease;
    font-family: 'InterCustom', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.header__inline-menu .list-menu a:hover {
    color: #5E4CE6 !important;
}

/* NUCLEAR OPTION: Force all menu links to use deep indigo on ALL pages */
.header__inline-menu .list-menu__item a,
.header__menu .list-menu a,
.list-menu--inline .list-menu__item a,
nav .list-menu a,
.header__inline-menu a,
.header__menu-item span,
.header__menu-item:not(.header__active-menu-item),
.list-menu__item span {
    color: #231971 !important;
}

/* Specifically target any span inside menu items that's NOT active */
.header__menu-item:not(:has(.header__active-menu-item)) span,
.header__menu-item span:not(.header__active-menu-item) {
    color: #231971 !important;
}

/* Target each menu item by position - nuclear option for stubborn Insights tab */
.header__inline-menu .list-menu > li:nth-child(1) a,
.header__inline-menu .list-menu > li:nth-child(1) span,
.header__inline-menu .list-menu > li:nth-child(2) a,
.header__inline-menu .list-menu > li:nth-child(2) span,
.header__inline-menu .list-menu > li:nth-child(3) a,
.header__inline-menu .list-menu > li:nth-child(3) span,
.header__inline-menu .list-menu > li:nth-child(4) a,
.header__inline-menu .list-menu > li:nth-child(4) span,
.header__inline-menu .list-menu > li:nth-child(5) a,
.header__inline-menu .list-menu > li:nth-child(5) span {
    color: #231971 !important;
}

/* Override any color-scheme foreground colors for menu */
.header__inline-menu .list-menu a,
.header__inline-menu .list-menu span:not(.header__active-menu-item) {
    color: #231971 !important;
}

/* ROOT CAUSE FIX: Override the color scheme's CSS variable for the header */
.header-wrapper {
    --color-foreground: 35, 25, 113 !important; /* RGB of #231971 (deep indigo) - this is what was causing Insights to be purple */
}

/* Header icons styling */
.header__icons {
    gap: 16px;
}

.header__icon {
    color: #231971;
    transition: color 0.2s ease;
}

.header__icon:hover {
    color: #5E4CE6;
}

/* Logo styling */
.header__heading .h2,
.header__heading h1 {
    color: #5E4CE6;
    font-weight: 700;
    font-size: 4px; /* Larger desktop logo text */
    font-family: 'InterCustom', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Mobile header adjustments */
@media (max-width: 989px) {
    .header {
        padding: 12px 20px !important;
    }
    
    /* FORCE mobile logo size across ALL pages */
    .header__heading .h2,
    .header__heading-link .h2,
    .header .h2,
    h2.h2 {
        font-size: 18px !important;
        max-width: none !important;
        width: auto !important;
    }
    
    /* ==== HEADER ICONS GAP SETTING (EDIT HERE) ==== */
    /* Completely eliminate gap between icons on mobile */
    .header__icons {
        gap: 0 !important;
        padding-right: 0 !important;
        margin-right: -8px !important; /* Pull icons closer together */
    }

    /* Individual icon adjustments for mobile */
    .header__icon {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Fix cart icon positioning */
    .header__icon--cart {
        margin-right: 0 !important;
        margin-left: -8px !important; /* Pull cart icon closer to search */
    }
}

/* Utility bar optimization */
.utility-bar {
    padding: 8px 0 !important;
    font-size: 12px !important;
}

/* =============================================================================
   UTILITY CLASSES
   ============================================================================= */

.gustomind-text-center {
    text-align: center;
}

.gustomind-mb-0 {
    margin-bottom: 0;
}

.gustomind-mt-0 {
    margin-top: 0;
}

/* Font weight utilities */
.gustomind-fw-600 {
    font-weight: 600;
}

.gustomind-fw-700 {
    font-weight: 700;
}

.gustomind-fw-800 {
    font-weight: 800;
}

/* Modern Footer Currency/Country Selector Styling - Dark Theme */
/* Reset parent details element to prevent interference */
.footer .localization-form > form > details {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important; /* Ensure it's not adding a background */
    padding: 0 !important; /* Remove any default padding */
    border-radius: 8px !important; /* Match button radius */
}

/* Footer Localization - Main Button - Aggressive Reset & Base Style */
.footer .localization-form__select,
.footer .localization-selector,
.footer__localization .disclosure__button {
    background-color: rgba(30, 41, 59, 0.8) !important; /* Dark slate background */
    backdrop-filter: blur(10px) !important;
    border: 1px solid #6B7280 !important; /* Tailwind gray-500 for default */
    outline: none !important;
    box-shadow: none !important; /* NO shadow in default state */
    border-radius: 8px !important;
    padding: 12px 40px 12px 16px !important;
    color: #e2e8f0 !important; 
    font-weight: 500 !important;
    font-size: 16px !important;
    font-family: 'InterCustom', -apple-system, BlinkMacSystemFont, sans-serif !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
    min-width: 220px !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
    position: relative !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
}

/* Reset pseudo-elements for the button */
.footer__localization .disclosure__button::before,
.footer__localization .disclosure__button::after {
    display: none !important;
    content: '' !important; /* Ensure content is empty */
    border: none !important;
    background: none !important;
}

/* Footer Localization - Button Hover State */
.footer .localization-form__select:hover,
.footer .localization-selector:hover,
.footer__localization .disclosure__button:hover {
    background-color: rgba(45, 59, 82, 0.85) !important; /* Slightly lighter slate */
    border-color: var(--gustomind-blue-500) !important; /* Blue border on hover */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important; /* Blue glow */
    color: #f1f5f9 !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

/* Footer Localization - Button Focus State */
.footer .localization-form__select:focus,
.footer .localization-selector:focus,
.footer__localization .disclosure__button:focus {
    background-color: rgba(45, 59, 82, 0.85) !important; /* Slightly lighter slate */
    border-color: var(--gustomind-blue-500) !important; /* Blue border on focus */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important; /* Blue glow */
    outline: none !important;
}

/* Footer Localization - Button Active State (when dropdown is open) */
/* Footer Localization - Button Active State (when dropdown is open) */
.footer .localization-form details[open] > summary.disclosure__button,
.footer .localization-form .disclosure__button[aria-expanded="true"] {
    background-color: rgba(45, 59, 82, 0.9) !important; /* Slightly more distinct background when open */
    border-color: var(--gustomind-blue-500) !important; /* Blue border when open */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important; /* Blue glow */
    outline: none !important;
}

/* Style the dropdown arrow SVG - position it properly */
.footer .localization-form__select svg,
.footer .localization-selector svg,
.footer__localization .disclosure__button svg {
    color: #94a3b8 !important; /* Light gray arrow */
    width: 16px !important;
    height: 16px !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    flex-shrink: 0 !important;
    transition: color 0.2s ease !important;
}

/* Brighter arrow on hover */
.footer .localization-form__select:hover svg,
.footer .localization-selector:hover svg,
.footer__localization .disclosure__button:hover svg {
    color: #2563eb !important;
}

/* Ensure text has proper spacing from icon */
.footer .localization-form__select span,
.footer .localization-selector span,
.footer__localization .disclosure__button span {
    margin-right: 24px !important;
    white-space: nowrap !important;
}

/* Footer localization container styling */
.footer__localization {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 20px 0 !important;
}

/* Hide labels for cleaner look */
.footer__localization h2 {
    display: none !important;
}

/* Fix Country Dropdown Visibility - Remove Border from Dropdown List */
.footer .shopify-section .localization-form .disclosure__list,
.footer .shopify-section .localization-form__option,
.footer .shopify-section .localization-form details summary ~ * {
    background: rgba(30, 41, 59, 0.95) !important;
    border: none !important; /* Remove border from dropdown list */
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px) !important;
}

.footer .shopify-section .localization-form__option {
    color: #e2e8f0 !important; /* Light text for better visibility */
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.2s ease !important;
}

.footer .shopify-section .localization-form__option:hover {
    background: rgba(37, 99, 235, 0.2) !important;
    color: #ffffff !important;
}

.footer .shopify-section .localization-form__option:last-child {
    border-bottom: none !important;
}

/* Hide email signup section completely */
.footer__newsletter,
.newsletter-form,
.footer .newsletter,
.footer-block[data-type="newsletter"],
.footer-block--newsletter {
    display: none !important;
}

/* Beautiful Turbo-style Footer Design */
.footer {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border-top: 1px solid rgba(37, 99, 235, 0.2) !important;
    padding: 40px 0 20px !important;
    color: #e2e8f0 !important;
}

/* Footer content layout */
.footer__content-top {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr 1fr !important;
    gap: 40px !important;
    margin-bottom: 30px !important;
}

/* Brand section styling */
.footer__content-top .footer__column:first-child {
    grid-column: 1 !important;
}

.footer .h2,
.footer__heading {
    color: #2563eb !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    font-family: 'InterCustom', sans-serif !important;
}

/* Menu sections styling */
.footer__column h2,
.footer__column .h2 {
    color: #f8fafc !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
    font-family: 'InterCustom', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.footer__column ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer__column li {
    margin-bottom: 8px !important;
}

.footer__column a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    transition: all 0.2s ease !important;
    font-family: 'InterCustom', sans-serif !important;
}

.footer__column a:hover {
    color: #2563eb !important;
    transform: translateX(4px) !important;
}

/* Footer bottom section */
.footer__content-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-top: 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

/* Copyright text */
.footer__copyright {
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-family: 'InterCustom', sans-serif !important;
}

/* Payment icons styling */
.footer__payment {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

.footer__payment svg,
.footer__payment img {
    height: 24px !important;
    width: auto !important;
    opacity: 0.8 !important;
    transition: opacity 0.2s ease !important;
}

.footer__payment svg:hover,
.footer__payment img:hover {
    opacity: 1 !important;
}

/* Social icons styling */
.footer__social {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
}

.footer__social a {
    background: rgba(37, 99, 235, 0.1) !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
    border-radius: 8px !important;
    padding: 8px !important;
    color: #2563eb !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer__social a:hover {
    background: rgba(37, 99, 235, 0.2) !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
    transform: translateY(-2px) !important;
}

.footer__social svg {
    width: 16px !important;
    height: 16px !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .footer__content-top {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        text-align: center !important;
    }
    
    .footer__content-bottom {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .footer__localization {
        order: -1 !important;
    }
}

/* Fix Country Dropdown Visibility */
.footer .shopify-section .localization-form .disclosure__list,
.footer .shopify-section .localization-form__option,
.footer .shopify-section .localization-form details summary ~ * {
    background: rgba(30, 41, 59, 0.95) !important;
    border: none !important; /* Remove border from dropdown list */
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px) !important;
}

.footer .shopify-section .localization-form__option {
    color: #e2e8f0 !important; /* Light text for better visibility */
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.2s ease !important;
}

.footer .shopify-section .localization-form__option:hover {
    background: rgba(37, 99, 235, 0.2) !important;
    color: #ffffff !important;
}

.footer .shopify-section .localization-form__option:last-child {
    border-bottom: none !important;
}

/* Privacy Popup Styling - Only target specific privacy/cookie elements */
.cookie-notice,
.privacy-notice,
.gdpr-notice,
.shopify-pc-banner,
#shopify-pc__banner {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    border-radius: 16px !important;
    padding: 32px !important;
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.3) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-family: 'InterCustom', sans-serif !important;
    margin: 20px !important;
    max-width: 600px !important;
    z-index: 9999 !important;
    position: fixed !important;
    bottom: 15px !important;
    left: 15px !important;
    /* backdrop-filter: blur(5px) !important; Remove if too much on light bg */
    /* -webkit-backdrop-filter: blur(5px) !important; */
}

/* Style text in specific privacy popups only */
.privacy-popup h1, .privacy-popup h2, .privacy-popup h3, .privacy-popup p,
.cookie-popup h1, .cookie-popup h2, .cookie-popup h3, .cookie-popup p,
.privacy-notice h1, .privacy-notice h2, .privacy-notice h3, .privacy-notice p,
.cookie-notice h1, .cookie-notice h2, .cookie-notice h3, .cookie-notice p {
    color: #ffffff !important;
    font-family: 'InterCustom', sans-serif !important;
}

/* Style buttons in specific privacy popups only */
.privacy-popup button,
.cookie-popup button,
.privacy-notice button,
.cookie-notice button {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    font-family: 'InterCustom', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 8px !important;
    min-width: 120px !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
}

.privacy-popup button:hover,
.cookie-popup button:hover,
.privacy-notice button:hover,
.cookie-notice button:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
}

/* Accept button styling for privacy popups */
.privacy-popup button:last-child,
.cookie-popup button:last-child,
.privacy-notice button:last-child,
.cookie-notice button:last-child {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #2563eb !important;
    font-weight: 700 !important;
}

.privacy-popup button:last-child:hover,
.cookie-popup button:last-child:hover,
.privacy-notice button:last-child:hover,
.cookie-notice button:last-child:hover {
    background: #ffffff !important;
    color: #4B35E3 !important;
}

/* Beautiful Privacy Popup Styling */
.shopify-section .shopify-privacy,
.shopify-section .shopify-cookie,
.shopify-section .shopify-terms,
.shopify-section .shopify-policy {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%) !important;
    border-radius: 16px !important;
    padding: 32px !important;
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.3) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-family: 'InterCustom', sans-serif !important;
}

.shopify-section .shopify-privacy h2,
.shopify-section .shopify-privacy h3,
.shopify-section .shopify-cookie h2,
.shopify-section .shopify-cookie h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    font-size: 24px !important;
}

.shopify-section .shopify-privacy p,
.shopify-section .shopify-cookie p {
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.6 !important;
    margin-bottom: 24px !important;
    font-size: 16px !important;
}

/* Modern Privacy Popup Buttons */
.shopify-section .shopify-privacy button,
.shopify-section .shopify-cookie button {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    font-family: 'InterCustom', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 8px !important;
    min-width: 120px !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
}

.shopify-section .shopify-privacy button:hover,
.shopify-section .shopify-cookie button:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
}

/* Accept Button - Make it stand out */
.shopify-section .shopify-privacy button[class*="accept"],
.shopify-section .shopify-privacy button:last-child,
.shopify-section .shopify-cookie button[class*="accept"],
.shopify-section .shopify-cookie button:last-child {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #2563eb !important;
    font-weight: 700 !important;
}

.shopify-section .shopify-privacy button[class*="accept"]:hover,
.shopify-section .shopify-cookie button[class*="accept"]:hover {
    background: #ffffff !important;
    color: #4B35E3 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3) !important;
}

/* Privacy popup links */
.shopify-section .shopify-privacy a,
.shopify-section .shopify-cookie a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.shopify-section .shopify-privacy a:hover,
.shopify-section .shopify-cookie a:hover {
    color: #ffffff !important;
}

/* Button Container */
.shopify-section .shopify-privacy .button-container,
.shopify-section .shopify-cookie .button-container {
    display: flex !important;
    gap: 16px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin-top: 24px !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .shopify-section .shopify-privacy,
    .shopify-section .shopify-cookie {
        margin: 16px !important;
        padding: 24px !important;
        border-radius: 12px !important;
    }
    
    .shopify-section .shopify-privacy .button-container,
    .shopify-section .shopify-cookie .button-container {
        flex-direction: column !important;
    }
    
    .shopify-section .shopify-privacy button,
    .shopify-section .shopify-cookie button {
        width: 100% !important;
        margin: 4px 0 !important;
    }
}

/* Comprehensive Privacy/Cookie Banner Styling - Specific selectors only */
.privacy-banner,
.cookie-banner,
.privacy-popup,
.cookie-popup,
.privacy-notice,
.cookie-notice,
#privacy-popup,
#cookie-banner,
.shopify-section--privacy,
.shopify-section--cookie,
[data-section-type="privacy"],
[data-section-type="cookie"]
{
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%) !important;
    border-radius: 16px !important;
    padding: 32px !important;
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.3) !important;
    color: #ffffff !important;
}

/* Style all headings in privacy popups */
.privacy-banner h1, .privacy-banner h2, .privacy-banner h3,
.cookie-banner h1, .cookie-banner h2, .cookie-banner h3,
.privacy-popup h1, .privacy-popup h2, .privacy-popup h3,
.cookie-popup h1, .cookie-popup h2, .cookie-popup h3,
.privacy-notice h1, .privacy-notice h2, .privacy-notice h3,
.cookie-notice h1, .cookie-notice h2, .cookie-notice h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    font-size: 24px !important;
    font-family: 'InterCustom', sans-serif !important;
}

/* Style all paragraphs in privacy popups */
.privacy-banner p,
.cookie-banner p,
.privacy-popup p,
.cookie-popup p,
.privacy-notice p,
.cookie-notice p {
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.6 !important;
    margin-bottom: 24px !important;
    font-size: 16px !important;
    font-family: 'InterCustom', sans-serif !important;
}

/* Style all buttons in privacy popups */
.privacy-banner button,
.cookie-banner button,
.privacy-popup button,
.cookie-popup button,
.privacy-notice button,
.cookie-notice button,
button[onclick*="accept"],
button[onclick*="decline"],
button[onclick*="privacy"],
button[onclick*="cookie"] {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    font-family: 'InterCustom', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 8px !important;
    min-width: 120px !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
}

/* Button hover effects */
.privacy-banner button:hover,
.cookie-banner button:hover,
.privacy-popup button:hover,
.cookie-popup button:hover,
.privacy-notice button:hover,
.cookie-notice button:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
}

/* Accept button styling */
button[onclick*="accept"]:last-child,
.privacy-banner button:last-child,
.cookie-banner button:last-child,
.privacy-popup button:last-child,
.cookie-popup button:last-child,
.privacy-notice button:last-child,
.cookie-notice button:last-child {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #2563eb !important;
    font-weight: 700 !important;
}

button[onclick*="accept"]:hover,
.privacy-banner button:last-child:hover,
.cookie-banner button:last-child:hover,
.privacy-popup button:last-child:hover,
.cookie-popup button:last-child:hover,
.privacy-notice button:last-child:hover,
.cookie-notice button:last-child:hover {
    background: #ffffff !important;
    color: #4B35E3 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3) !important;
}

/* Privacy popup links */
.privacy-banner a,
.cookie-banner a,
.privacy-popup a,
.cookie-popup a,
.privacy-notice a,
.cookie-notice a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.privacy-banner a:hover,
.cookie-banner a:hover,
.privacy-popup a:hover,
.cookie-popup a:hover,
.privacy-notice a:hover,
.cookie-notice a:hover {
    color: #ffffff !important;
}

/* Targeted Privacy Popup Styling - Very Specific */
.privacy-popup,
.cookie-popup {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%) !important;
    border-radius: 16px !important;
    padding: 32px !important;
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.3) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-family: 'InterCustom', sans-serif !important;
}

/* Privacy popup text styling */
/* Footer Localization Dropdown List - Border & Background (V4) */
.footer .localization-form details[open] { /* Target the details element when open */
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important; /* Ensure details tag itself has no bg causing issues */
}

.footer .localization-form .disclosure__list-wrapper { /* Target a common wrapper */
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: #1E293B !important; /* Dark background for the wrapper */
    padding: 0 !important;
    margin-top: 4px !important; /* Add a small gap between button and list */
    border-radius: var(--popup-border-radius) !important; /* Consistent rounding */
    overflow: hidden !important; /* Try to clip any rogue borders from children */
}

.footer .localization-form .disclosure__list-wrapper > .disclosure__list,
.footer .localization-form details[open] > .disclosure__list {
    background-color: #1E293B !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 8px 0 !important; /* Vertical padding for the list */
    margin: 0 !important;
    list-style: none !important;
}

.footer .localization-form .disclosure__list .localization-form__item,
.footer .localization-form .disclosure__list li {
    color: var(--gustomind-white) !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important; /* Padding will be on the button inside */
    margin: 0 !important;
}

.footer .localization-form .disclosure__list .localization-form__item button,
.footer .localization-form .disclosure__list li button {
    color: var(--gustomind-white) !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 8px 15px !important; /* Padding for items */
    margin: 0 !important;
    width: 100% !important;
    text-align: left !important;
    border-radius: 0 !important; /* Ensure no rounding on individual buttons */
    font-weight: normal !important;
}

/* Hover/focus for list items/buttons */
.footer .localization-form .disclosure__list .localization-form__item button:hover,
.footer .localization-form .disclosure__list li button:hover,
.footer .localization-form .disclosure__list .localization-form__item button:focus,
.footer .localization-form .disclosure__list li button:focus {
    background-color: var(--gustomind-primary-darker) !important; /* Dark blue hover for items */
    color: var(--gustomind-white) !important;
    text-decoration: none !important;
}

/* Style for the selected item's button */
.footer .localization-form .disclosure__list .localization-form__item[aria-current="true"] button,
.footer .localization-form .disclosure__list li[aria-current="true"] button {
    background-color: var(--gustomind-primary) !important; /* Lighter blue for selected */
    color: var(--gustomind-white) !important;
    font-weight: bold !important;
}

/* === Swap Accept and Decline Button Order in Shopify Privacy/Cookie Banner === */
/* 
   GOAL: Reorder buttons from default "Manage Preferences | Accept | Decline" 
         to desired "Manage Preferences | Decline | Accept"

   ATTEMPTED SOLUTIONS (All Failed):
   1. CSS flexbox `order` property with ID selectors (#shopify-pc_banner__btn-accept)
   2. CSS flexbox `order` property with class selectors (.shopify-pc_banner__btn-accept)  
   3. CSS transform translateX() with ID and class selectors
   4. CSS :contains() pseudo-selectors
   5. JavaScript DOM manipulation in theme.liquid

   ISSUE: Shopify's native privacy banner buttons are protected from external styling
         and DOM manipulation. Likely using Shadow DOM or constant JS overrides.

   POTENTIAL FUTURE SOLUTIONS:
   - Check if Shopify adds native button order settings in admin
   - Try MutationObserver JavaScript approach to catch dynamic changes
   - Consider third-party privacy banner app with more customization options
   - Contact Shopify support for native button order customization
   
   CURRENT STATUS: Privacy banner styling works perfectly, button order cannot be changed
*/

/* Reset the button container to use relative positioning instead of flex order */
.shopify-pc_banner__btns.shopify-pc_banner__btns-granular {
  display: flex !important;
  position: relative !important;
}

/* Try targeting ALL buttons in the privacy banner with very simple selectors */
section[id*="shopify-pc"] button {
  position: relative !important;
  background: red !important; /* Temporary to see if ANY button styling works */
}

/* === Swap Accept and Decline Button Order in Shopify Privacy/Cookie Banner === */
/* NOTE: CSS-only approach cannot target these buttons due to Shadow DOM or JS overrides */
/* Alternative solutions needed: App settings, JavaScript, or different app */

/* Reset the button container to use relative positioning instead of flex order */
.shopify-pc_banner__btns.shopify-pc_banner__btns-granular {
  display: flex !important;
  position: relative !important;
}

/* Privacy Notice Styling - Hero Gradient & Swapped Buttons */
#shopify-pc__banner,
.shopify-pc-banner,
.cc-banner,
#cookieconsent-banner,
.shopify-challenge__container,
[data-privacy-banner],
[data-cookie-banner]
{
    background: var(--gustomind-gradient) !important; /* Hero section gradient */
    border-radius: 12px !important; /* Slightly smaller radius */
    padding: 24px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important; /* Softer shadow for light bg */
    color: var(--gustomind-text-primary) !important; /* Dark text for light bg */
    font-family: 'InterCustom', sans-serif !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important; /* Subtle dark border */
    margin: 15px !important;
    max-width: 500px !important; /* Slightly smaller max-width */
    z-index: 999999 !important;
    position: fixed !important;
    bottom: 15px !important;
    left: 15px !important;
    /* backdrop-filter: blur(5px) !important; Remove if too much on light bg */
    /* -webkit-backdrop-filter: blur(5px) !important; */
}

/* Text styling within these banners */
#shopify-pc__banner *,
.shopify-pc-banner *,
.cc-banner *,
#cookieconsent-banner *,
.shopify-challenge__container *,
[data-privacy-banner] *,
[data-cookie-banner] * {
    color: var(--gustomind-text-secondary) !important; /* Darker text color */
    font-family: 'InterCustom', sans-serif !important;
    background: none !important;
}

#shopify-pc__banner a,
.shopify-pc-banner a,
.cc-banner a,
#cookieconsent-banner a,
.shopify-challenge__container a,
[data-privacy-banner] a,
[data-cookie-banner] a {
    color: var(--gustomind-primary) !important; /* Links in primary blue */
    text-decoration: underline !important;
}

#shopify-pc__banner h1, #shopify-pc__banner h2, #shopify-pc__banner h3,
.shopify-pc-banner h1, .shopify-pc-banner h2, .shopify-pc-banner h3,
.cc-banner h1, .cc-banner h2, .cc-banner h3,
#cookieconsent-banner h1, #cookieconsent-banner h2, #cookieconsent-banner h3,
.shopify-challenge__container h1, .shopify-challenge__container h2, .shopify-challenge__container h3,
[data-privacy-banner] h1, [data-privacy-banner] h2, [data-privacy-banner] h3,
[data-cookie-banner] h1, [data-cookie-banner] h2, [data-cookie-banner] h3,
.privacy-banner h1, .privacy-banner h2, .privacy-banner h3,
.cookie-notice h1, .cookie-notice h2, .cookie-notice h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    color: var(--gustomind-text-primary) !important; /* Ensure headings are also dark */
}

#shopify-pc__banner p,
.shopify-pc-banner p,
.cc-banner p,
#cookieconsent-banner p,
.shopify-challenge__container p,
[data-privacy-banner] p,
[data-cookie-banner] p,
.privacy-banner p,
.cookie-notice p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 18px !important;
    color: var(--gustomind-text-secondary) !important; /* Ensure paragraphs are also dark */
}

/* General Button Styling (Applied to ALL buttons in the notice now) */
#shopify-pc__banner button,
.shopify-pc-banner button,
.cc-banner button,
#cookieconsent-banner button,
.shopify-challenge__container button,
[data-privacy-banner] button,
[data-cookie-banner] button,
.privacy-banner button,
.cookie-notice button {
    background: transparent !important;
    border: 1px solid #9CA3AF !important; /* More visible neutral gray border (coolGray-400) */
    border-radius: 8px !important;
    padding: 10px 20px !important;
    color: var(--gustomind-text-primary) !important; /* Darker text for better contrast */
    font-weight: 600 !important; /* Slightly bolder for clarity */
    font-size: 14px !important;
    font-family: 'InterCustom', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 5px !important;
    min-width: auto !important; /* Allow buttons to size naturally */
    text-transform: none !important;
    letter-spacing: 0.2px !important;
}

#shopify-pc__banner button:hover,
.shopify-pc-banner button:hover,
.cc-banner button:hover,
#cookieconsent-banner button:hover,
.shopify-challenge__container button:hover,
[data-privacy-banner] button:hover,
[data-cookie-banner] button:hover,
.privacy-banner button:hover,
.cookie-notice button:hover {
    background: #F3F4F6 !important; /* Very light gray background on hover (coolGray-100) */
    border-color: #6B7280 !important; /* Darker gray border on hover (coolGray-500) */
    color: var(--gustomind-text-primary) !important;
}


/* =============================================================================
                   HOMEPAGE SECTIONS IN SEQUENCE
   ============================================================================= */

/* =============================================================================
   HERO SECTION01 - BASED ON ORIGINAL TURBO THEME STRUCTURE
   ============================================================================= */

/* ------------------------- BASE STYLES (All Devices) ------------------------- */
   .gustomind-hero {
    background: var(--gm-gradient-hero);
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: hidden;
}

.gustomind-hero .page-width {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.gustomind-hero__content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}

.gustomind-hero .page-width .gustomind-hero__content .gustomind-hero__title,
.gustomind-hero .page-width .gustomind-hero__content h1.gustomind-hero__title {
    font-family: 'InterCustom';
    font-size: clamp(2.8rem, 6vw, 3.5rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    word-spacing: 0em;
    line-height: 1.2;
    margin-bottom: 25px;
    color: var(--gm-title-dark);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: none;
}

.gustomind-hero__highlight {
    color: var(--gm-title-highlight);
}

.gustomind-hero .page-width .gustomind-hero__content .gustomind-hero__subtitle,
.gustomind-hero .page-width .gustomind-hero__content p.gustomind-hero__subtitle {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.2rem, 4.3vw, 1.4rem);
    font-weight: 400;
    letter-spacing: -0.01em;
    word-spacing: -0.03em;
    line-height: 1.6;
    color: #4b5563;
    margin-bottom: 30px;
    max-width: none;
}

.gustomind-hero__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 30px;
}

/* =============================================================================
   HERO SECTION BUTTONS - Single source of truth
   Clean, dedicated styles for hero buttons only
   ============================================================================= */

/* Base hero button styles - shared between primary and secondary */
.gustomind-hero-btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'InterCustom', sans-serif;
    font-size: 1.3rem;          /* CONTROL FONT SIZE HERE */
    font-weight: 700;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Primary hero button (purple) */
.gustomind-hero-btn--primary {
    background: var(--gm-primary);
    color: white;
    border-color: var(--gm-primary);
}

.gustomind-hero-btn--primary:hover {
    background: var(--gm-primary);
    border-color: var(--gm-primary);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(94, 76, 230, 0.2);
}

/* Secondary hero button (white outline) */
.gustomind-hero-btn--secondary {
    background: #ffffff;
    color: #552af0;
    border-color: #552af0;
}

.gustomind-hero-btn--secondary:hover {
    background: var(--gm-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(94, 76, 230, 0.1);
}

.gustomind-hero__trust {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    color: #6b7280;
    font-size: 15px;
    margin-top: 40px;
    font-family: 'InterCustom', sans-serif;
}

.gustomind-hero__trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gustomind-hero__trust-icon {
    width: 16px;
    height: 16px;
    fill: #5E4CE6;
    flex-shrink: 0;
}

.gustomind-hero__image {
    width: 100%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

.gustomind-hero__img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
}

/* ------------------------- DEVICE-SPECIFIC ADJUSTMENTS ------------------------- */

/* Tablet and Desktop (min-width: 768px) */
@media (min-width: 768px) {
    .gustomind-hero .page-width {
        padding-left: 40px;
        padding-right: 40px;
    }
    .gustomind-hero__content {
        grid-template-columns: 3fr 2fr; /* Text column wider to fit headline on separate lines */
    }
    .gustomind-hero__trust {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px 30px;
    }
}

/* Desktop (min-width: 1024px) */
@media (min-width: 1024px) {
    .gustomind-hero .page-width {
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* Large Desktop (min-width: 1300px) - Progressive Scaling */
@media (min-width: 1300px) {
    .gustomind-hero .page-width {
        max-width: 1350px;
    }
    .gustomind-hero__content {
        gap: 60px;
    }
    .gustomind-hero__image {
        max-width: 380px; /* Minimal scaling - reduced from 450px */
    }
}

/* Ultra-Wide Display (min-width: 1600px) - Full Optimization */
@media (min-width: 1600px) {
    .gustomind-hero .page-width {
        max-width: 1600px;
    }
    .gustomind-hero__content {
        gap: 80px;
    }
    .gustomind-hero__image {
        max-width: 420px; /* Capped at reasonable size - reduced from 550px */
    }
    .gustomind-hero__text {
        max-width: 900px; /* Prevents text from becoming too wide for readability */
    }
}

/* ------------------------- MOBILE ADJUSTMENTS START HERE ------------------------- */

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
    .gustomind-hero {
    }
    .gustomind-hero__content {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 90%; /* Limits the width of the text block */
        margin-left: auto; /* Centers the block horizontally */
        margin-right: auto;
        /* Ensure the grid allows centering of children */
        justify-items: center; /* Centers grid items horizontally */
    }
    .gustomind-hero__image {
        order: -1;
        display: none !important; /* Hides image on mobile, overrides earlier block */
        max-width: 150px;
        margin: 0 auto 15px auto;
    }
    .gustomind-hero__buttons {
        flex-direction: column;
        gap: 12px;
    }
    /* Hero button mobile overrides */
    .gustomind-hero-btn {
        width: 100%;
        text-align: center;
        padding: 12px 20px;      /* MOBILE: Adjust padding */
        font-size: 1.2rem;       /* MOBILE: Adjust font size */
    }
    .gustomind-hero__subtitle {
        max-width: 400px; /* Limits the width of the text block */
        margin-left: auto; /* Centers the block horizontally */
        margin-right: auto;
        text-align: left; /* Left-aligns the text within the block */
        width: 100%; /* Ensures the element respects max-width */
        box-sizing: border-box; /* Ensures padding/margins don't break centering */
       
    }
    .gustomind-hero__trust {
        margin-top: 10px;
        padding-left: 0; /* Remove padding-left to allow centering */
        gap: 8px;
        max-width: 350px; /* Limits the width of the grid */
        margin-left: auto; /* Centers the grid horizontally */
        margin-right: auto;
    }
    .gustomind-hero__trust-item {
        text-align: left; /* Ensures text in each item is left-aligned */
    }
    .section-gustomind-hero {
        padding-top: 10px !important;
    }
    .page-width {
        padding-top: 0;
    }
    .desktop-only {
        display: none !important;
    }
}


/* End Homepage Section 01: Hero - Gustomind */
/* =============================================================================
   Homepage Section02: Credibility Bar Section
   ============================================================================= */

   .credibility-bar-gustomind {
    background-color: var(--gm-bg-dark-purple);
    color: #F0F4F8;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    box-sizing: border-box; /* Apply to the section itself */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow-x: hidden;
}

.credibility-bar-gustomind .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px; /* Reduced default side padding slightly for more item space */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; /* Good for desktop if more than 2 fit */
    box-sizing: border-box; /* Important for parent of flex items */
}

.credibility-bar-gustomind .credibility-item {
    flex-grow: 1; /* Allow items to grow to fill space */
    flex-shrink: 1; /* Allow items to shrink if necessary */
    flex-basis: 200px; /* Base width for desktop, allowing multiple columns */
    min-width: 180px;
    margin: 15px; /* Simplified margin for easier calculation */
    padding: 0px;
    box-sizing: border-box; /* Crucial for item sizing */
}

.credibility-bar-gustomind .credibility-metric {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2rem, 6vw, 2.75rem);
    font-weight: 700;
    color: #c0aff8;
    display: block;
    margin-bottom: 8px;
    letter-spacing: -0.01em;
    word-spacing: normal;
}

.credibility-bar-gustomind .credibility-description {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.25rem, 3vw,  1.5rem);
    color: #CBD5E1;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: normal;
    word-spacing: normal;
}

/* --- Responsive adjustments for tablets and mobile devices --- */
@media (max-width: 767px) {
    .credibility-bar-gustomind {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .credibility-bar-gustomind .container {
        justify-content: center; /* Center the row of items */
        padding: 0 5px; /* Minimal padding to maximize space for items */
    }

    .credibility-bar-gustomind .credibility-item {
        /* --- 2 COLUMNS on screens <= 767px --- */
        flex-grow: 0; /* Don't allow growing beyond flex-basis */
        flex-shrink: 0; /* Don't allow shrinking smaller than flex-basis */
        flex-basis: calc(50% - (10px * 2)); /* 50% width minus its own horizontal margins (10px left + 10px right) */
        /* Or, if margin was 15px as per desktop: flex-basis: calc(50% - (15px * 2)); */
        max-width: calc(50% - (10px * 2));
        margin: 10px; /* Adjust margin if needed, this must match the calculation above */

        /* Make sure there are no min-width overrides from desktop preventing 50% */
        min-width: 0; /* Reset min-width from desktop rule if it interferes */
    }
}

/* Optional: Stack to 1 column on very small screens */
/*
@media (max-width: 479px) { // Example breakpoint for 1 column
    .credibility-bar-gustomind .container {
        padding: 0 10px; // Adjust container padding if going to 1 column
    }
    .credibility-bar-gustomind .credibility-item {
        flex-basis: calc(100% - (10px * 2)); // Full width minus its horizontal margins
        max-width: calc(100% - (10px * 2));
        margin: 10px;
    }
}
*/
/* End Homepage Section 02: Credibility Bar - Gustomind */

/* =============================================================================
   Homepage Section03: Problem Section (AI Implementation Crisis)
   ============================================================================= */
.problem-section-gustomind {
    background: var(--gm-gradient-hero);
    padding: 30px 0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.problem-section-gustomind .container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
@media (min-width: 768px) {
    .problem-section-gustomind .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (min-width: 1024px) {
    .problem-section-gustomind .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}
.problem-section-gustomind .section-header {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.problem-section-gustomind .section-header h2 {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.5rem, 9vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    color: var(--gm-title-dark);
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.3;
}
.problem-section-gustomind .section-header .highlight-blue {
    color: #5E4CE6;
}
.problem-section-gustomind .section-header p {
    font-size: 1.4rem;
    color: #475569;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}
.problem-section-gustomind .problem-cards-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
}
.problem-section-gustomind .problem-card {
    background-color: #ffffff;
    padding: 30px 24px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(94, 76, 230, 0.08), 0 2px 8px rgba(94, 76, 230, 0.06);
    text-align: center;
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.problem-section-gustomind .problem-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.06), 0 3px 10px rgba(0,0,0,0.05);
}
.problem-section-gustomind .problem-card-icon-wrapper {
    margin: 0 auto 20px auto;
}
.problem-section-gustomind .problem-card-icon-wrapper svg {
    width: 54px;
    height: 54px;
    color: #5E4CE6;
    display: block;
    margin: 0 auto;
}
.problem-section-gustomind .problem-card h3 {
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    word-spacing: -0.03em;
    color: var(--gm-title-dark);
    margin-top: 0;
    margin-bottom: 12px;
    width: 100%;
    text-align: center !important;
}
.problem-section-gustomind .problem-card p {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    word-spacing: -0.03em;
    color: #4A5568;
    line-height: 1.65;
    width: 100%;
    text-align: center !important;
    flex-grow: 1;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .problem-section-gustomind .problem-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .problem-section-gustomind .problem-cards-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1024px) {
    .problem-section-gustomind .problem-cards-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* End Homepage Section 03: AI Implementation Crisis - Gustomind */

/* =============================================================================
   Homepage Section04: Solution Section (HP-04)
   ============================================================================= */

.solution-section-gustomind {
    background-color: var(--gm-gradient-light-purple);
    /*background: var(--gm-bg-light-purple); */
}

.section-homepage-solution-gustomind .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 35px; /* Base side padding */
    display: grid;
    align-items: center;
    gap: 48px; /* Gap between text and image columns */
}

@media (min-width: 768px) {
    .section-homepage-solution-gustomind .container {
        grid-template-columns: 4.5fr 3fr; /* Text column wider to fit headline on separate lines */
    }
}

/* Gradient background box for text content */
.section-homepage-solution-gustomind .solution-text-content {
    /* background: var(--gm-gradient-hero); */
    padding: 40px;
    border-radius: 16px;
    /* box-shadow: 0 4px 20px rgba(94, 76, 230, 0.15); */
}

@media (max-width: 767px) {
    .section-homepage-solution-gustomind .solution-text-content {
        padding: 30px 25px;
    }
}

.section-homepage-solution-gustomind .solution-text-content .main-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.5rem, 9vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    color: var(--gm-title-dark); /* Deep indigo text color */
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.3;

}

/* Highlight color is set inline via section settings */

.section-homepage-solution-gustomind .solution-text-content .intro-paragraph {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(0.7rem, 4.3vw,1em); /* Intro paragraph font size */
    font-weight: 400;
    letter-spacing: -0.01em; /* BRAND TYPOGRAPHY */
    word-spacing: -0.02em; /* BRAND TYPOGRAPHY */
    color: #475569; /* Slightly lighter text color */
    line-height: 1.7;
    margin-top: 25px;
    margin-bottom: 30px; /* Space after first paragraph */

}

.section-homepage-solution-gustomind .solution-text-content .secondary-paragraph {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(0.7rem, 4.3vw,1em);
    font-weight: 700;
    letter-spacing: -0.01em; /* BRAND TYPOGRAPHY */
    word-spacing: -0.02em; /* BRAND TYPOGRAPHY */
    color: #475569;
    line-height: 1.7;
    margin-top: -5px;
    margin-bottom: 40px; /* Space after second paragraph, before list */
}

.section-homepage-solution-gustomind .features-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.section-homepage-solution-gustomind .feature-item {
    display: flex;
    align-items: flex-start; /* Align icon with top of text */
    margin-bottom: 24px; /* Space between feature items */
}

.section-homepage-solution-gustomind .feature-icon-wrapper {
    flex-shrink: 0; /* Prevent icon from shrinking */
    margin-right: 16px; /* Space between icon and text */
    /* background-color and color are set inline via section settings */
    width: 28px; /* Icon wrapper size (width) */
    height: 28px; /* Icon wrapper size (height) */
    border-radius: 50%; /* Makes it circular */
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-homepage-solution-gustomind .feature-icon-wrapper svg {
    width: 16px; /* Checkmark icon size within wrapper */
    height: 16px; /* Checkmark icon size within wrapper */
}

.section-homepage-solution-gustomind .feature-text h4 {
    font-size: 1.7rem; /* Feature title font size */
    font-weight: 700; /* Feature title font weight */
    color: var(--gm-title-dark);
    margin-top: 0;
    margin-bottom: 6px; /* Space between feature title and description */
    letter-spacing: -0.01em; /* BRAND TYPOGRAPHY */
    word-spacing: -0.03em; /* BRAND TYPOGRAPHY */
}

.section-homepage-solution-gustomind .feature-text p {
    font-size: 1.25rem; /* Feature description font size */
    color: #4A5568;
    line-height: 1.6;
    margin: 0;
    letter-spacing: -0.01em; /* BRAND TYPOGRAPHY */
    word-spacing: -0.03em; /* BRAND TYPOGRAPHY */
}

.section-homepage-solution-gustomind .solution-image-wrapper {
    width: 100%;
    position: relative;
}

.section-homepage-solution-gustomind .solution-image-wrapper img,
.section-homepage-solution-gustomind .solution-image-wrapper .solution-image-placeholder svg {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    border-radius: 12px; /* Image corner rounding */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); /* Example shadow */
    display: block; /* Remove extra space below image */
}

.solution-image-placeholder svg {
    background-color: #F3F4F6; /* Light grey for placeholder */
    color: #5E4CE6; /* Blue icon for placeholder */
    min-height: 300px; /* Minimum height of placeholder */
}

/* Large Desktop (min-width: 1300px) - Progressive Scaling */
@media (min-width: 1300px) {
    .section-homepage-solution-gustomind .container {
        max-width: 1350px;
        gap: 60px;
    }
    .section-homepage-solution-gustomind .solution-text-content {
        max-width: 750px; /* Prevents text from becoming too wide */
    }
}

/* Ultra-Wide Display (min-width: 1600px) - Full Optimization */
@media (min-width: 1600px) {
    .section-homepage-solution-gustomind .container {
        max-width: 1600px;
        gap: 80px;
    }
    .section-homepage-solution-gustomind .solution-text-content {
        max-width: 900px; /* Optimal readability width */
    }
}

/* Mobile specific adjustments */
@media (max-width: 767px) {
    .section-homepage-solution-gustomind .solution-image-wrapper {
        order: -1; /* To make image appear first on mobile */
    }
}

/* End Homepage Section 04: Solution- Gustomind */

/* =============================================================================
   Homepage Section05: Testimonials Section Styles (HP-05)
   ============================================================================= */

.testimonials-section-gustomind {
    background: linear-gradient(180deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.testimonials-section-gustomind::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 30% 20%, rgba(94, 76, 230, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 80%, rgba(124, 109, 233, 0.1) 0%, transparent 40%);
    pointer-events: none;
}

.testimonials-section-gustomind .container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 80px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.testimonials-main-title {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: clamp(2.5rem, 9vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    color: #ffffff; /* White text for contrast */
    margin-bottom: 50px;
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.testimonial-card {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2), 0 0 60px rgba(94, 76, 230, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 60px rgba(0, 0, 0, 0.25), 0 0 80px rgba(94, 76, 230, 0.25);
    border-color: rgba(255, 255, 255, 0.15);
}

.testimonial-stars {
    margin-bottom: 20px;
    display: flex;
    gap: 4px;
    justify-content: center;
}

.testimonial-stars svg {
    width: 22px;
    height: 22px;
    color: #5E4CE6; /* Gold stars */
}

.testimonial-quote {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1rem, 3.9vw, 1.3rem);
    font-weight: 300;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    font-style: italic;
    color: #333; /* Dark text on white card */
    margin-bottom: 25px;
    flex-grow: 1;
    line-height: 1.7;
}

.testimonial-author {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.testimonial-author-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
    border: 2px solid #eee;
}

.testimonial-author-info {
    display: flex;
    flex-direction: column;
}

.testimonial-author-name {
    font-weight: 700;
    color: #1a1a1a; /* Dark text on white card */
    font-size: 1rem;
    margin-bottom: 2px;
}

.testimonial-author-title {
    font-size: 0.9rem;
    color: #555; /* Dark text on white card */
}

/* Responsive adjustments for tablets */
@media (max-width: 991px) {
    .testimonials-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

/* Responsive adjustments for mobile devices */
@media (max-width: 767px) {
    .testimonials-section-gustomind .container {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 5px;
    }
    .testimonials-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* End Homepage Section 05: Testimonials - Gustomind */

/* =============================================================================
   Homepage Section06: Product Display - GustoMind
   ============================================================================= */

/* Section container */
.product-display-gustomind {
    padding-top: 40px;
    padding-bottom: 70px;
    background: var(--gm-gradient-hero);
    font-family: 'InterCustom', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

/* Inner container */
.product-display-gustomind .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Header */
.product-display-header {
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Title */
.product-display-title {
    font-family: 'InterCustom', sans-serif;
    text-align: center;
    font-size: clamp(2.5rem, 9vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    color: var(--gm-title-dark);
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.3;
}

.product-display-title .highlight-blue {
    color: var(--gm-title-highlight);
}

/* Subtitle */
.product-display-subtitle {
    font-size: clamp(1.7rem, 5vw, 2rem);
    color: #475569;
    max-width: 700px;
    text-align: center;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: -20px;
    letter-spacing: -0.01em;
    word-spacing: -0.03em;
}

/* Product cards grid - 4-card layout (horizontal row showing journey) */
.product-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: stretch;
    max-width: 1200px;
    margin: 0 auto;
}

/* Individual product card */
.product-card {
    background-color: #ffffff8b;
    border-radius: 16px;
    padding: 20px;
    padding-top: 32px; /* Extra padding top to prevent badge cutoff */
    box-shadow: 0 6px 12px rgba(100, 116, 139, 0.08);
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: visible; /* Changed from hidden to visible to show badges */
    height: 100%;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(100, 116, 139, 0.12);
}

/* Best value badge */
.best-value-badge {
    position: absolute;
    top: -1px;
    right: -1px;
    background: linear-gradient(135deg, #5E4CE6 0%, #cc35fe 90%);
    color: white;
    padding: 10px 18px;
    font-size: 1rem;
    font-weight: 700;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 20px;
    text-align: center;
    z-index: 10;
    line-height: 1;
    box-shadow: 0 4px 12px rgba(94, 76, 230, 0.3);
}

/* Discount text */
.discount-text {
    display: block;
    font-size: 1.1rem;
    margin-top: 10px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* Social proof text within best-value-badge */
.social-proof-text {
    display: block;
    font-size: 0.75rem;
    margin-top: 8px;
    font-weight: 400;
    letter-spacing: 0.2px;
    opacity: 0.95;
    font-style: italic;
}

/* Bundle card styling (legacy - keeping for backwards compatibility) */
.product-card.bundle {
    border: 2px solid #D93737;
    padding: 23px;
    padding-top: 33px; /* Adjusted for extra top padding */
}

/* Premium bundle card styling - using elevated purple gradient (royal → electric violet) */
.product-card.premium-bundle {
    border: 3.5px solid transparent;
    /* Soft lavender background with gradient border */
    background: linear-gradient(360deg, #ffffff 0%, #b3a7ff 220%) padding-box,
                linear-gradient(135deg, #8652ff 0%, #ea3dfd 100%) border-box;
    padding: 22px;
    padding-top: 32px; /* Adjusted for extra top padding */
    /* Deeper shadow for "featured" treatment */
    box-shadow: 0 30px 40px rgba(90, 1, 232, 0.2);
}

.product-card.premium-bundle:hover {
    box-shadow: 0 14px 28px rgba(168, 85, 247, 0.3);
    transform: translateY(-5px);
}

/* Card icon wrapper */
.card-icon-wrapper {
    margin: 0 auto 12px auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-icon-wrapper svg {
    width: 28px;
    height: 28px;
    stroke: var(--gm-primary);
    fill: none;
}

.product-card.bundle .card-icon-wrapper svg {
    stroke: var(--gm-primary); /* Redundant, can be removed if no override needed */
}

/* Card title */
.card-title {
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
    font-weight: 700;
    color: var(--gm-title-dark);
    margin-top: 0;
    margin-bottom: 12px;
    line-height: 1.25;
    width: 100%;
    text-align: center;
    letter-spacing: -0.01em;
    word-spacing: -0.03em;
}

/* Card description */
.card-description {
    font-size: clamp(0.85rem, 1.8vw, 1rem);
    font-weight: 400;
    letter-spacing: -0.01em;
    word-spacing: -0.03em;
    color: #4A5568;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 16px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

/* Features list */
.card-features-list {
    list-style: none;
    padding: 0;
    margin: 0 auto 16px auto;
    text-align: left;
    font-size: clamp(0.8rem, 1.6vw, 0.95rem);
    font-weight: 400;
    letter-spacing: -0.01em;
    word-spacing: -0.03em;
    color: #4A5568;
    max-width: 100%;
}

.card-features-list li {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

/* Feature tick */
.feature-tick {
    color: #5E4CE6;
    margin-right: 8px;
    font-weight: bold;
    line-height: 1;
    font-size: 1.1em;
    flex-shrink: 0;
}

/* Card price */
.card-price {
    font-size: clamp(1.5rem, 3vw, 1.8rem);
    font-weight: 800;
    color: #1E293B;
    margin-top: auto;
    margin-bottom: 12px;
    text-align: center;
}

.card-price.bundle-price {
    color: #D93737;
}

/* Premium price - using elevated purple gradient (royal → electric violet) */
.card-price.premium-price {
    background: linear-gradient(135deg, #6D28D9 0%, #c12fff 20%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 2.2rem;
}

/* Original price */
.original-price {
    font-size: 1rem;
    color: #6b7280;
    text-decoration: line-through;
    margin-right: 8px;
    font-weight: 500;
}

/* CTA button */
.card-cta-button {
    display: block;
    padding: 10px 16px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: clamp(0.85rem, 1.8vw, 1rem);
    transition: all 0.3s ease;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
}

.card-cta-button.primary {
    background-color: #5E4CE6;
    color: white;
    border: 1px solid #2563eb;
}

.card-cta-button.primary:hover {
    background-color: #4B35E3;
    border-color: var(--gm-primary-dark);
    transform: translateY(-2px);
}

.card-cta-button.bundle-cta {
    background-color: #D93737;
    color: white;
    border: 1px solid #D93737;
}

.card-cta-button.bundle-cta:hover {
    background-color: #B91C1C;
    border-color: #B91C1C;
    transform: translateY(-2px);
}

/* Premium CTA button - richer saturated purple gradient for visual dominance */
.card-cta-button.premium-cta {
    background: linear-gradient(155deg, #6d3eda 0%, #f33dfd 90%);
    color: white;
    border: none;
    box-shadow: 0 4px 14px rgba(91, 33, 182, 0.45);
    font-weight: 700;
}

.card-cta-button.premium-cta:hover {
    background: linear-gradient(135deg, #4C1D95 0%, #7E22CE 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(147, 51, 234, 0.55);
}

/* Large Desktop (min-width: 1300px) - 4 cards in row with more space */
@media (min-width: 1300px) {
    .product-display-gustomind .container {
        max-width: 1350px;
    }
    .product-cards-grid {
        max-width: 1300px;
        gap: 20px;
    }
}

/* Ultra-Wide Display (min-width: 1600px) - 4 cards with generous spacing */
@media (min-width: 1600px) {
    .product-display-gustomind .container {
        max-width: 1600px;
    }
    .product-cards-grid {
        max-width: 1500px;
        gap: 24px;
    }
    .product-display-header {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Tablet - 2x2 grid */
@media (max-width: 1100px) {
    .product-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: 700px;
        gap: 20px;
    }
}

/* Mobile - single column stack */
@media (max-width: 600px) {
    .product-display-gustomind .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .product-cards-grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        gap: 24px;
    }
}
/* End Homepage Section 06: Product Display - Gustomind */


/* =============================================================================
   Homepage Section07: Lead Magnet - Gustomind
   ============================================================================= */
.lead-magnet-gustomind {
    background: linear-gradient(180deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%);
    color: #FFFFFF !important;
    padding: 80px 0;
    text-align: center;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: hidden; /* Prevents horizontal scrollbar due to 100vw technique */
}

/* Decorative gradient overlay for premium feel */
.lead-magnet-gustomind::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 30% 20%, rgba(94, 76, 230, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 80%, rgba(124, 109, 233, 0.1) 0%, transparent 40%);
    pointer-events: none;
}

.lead-magnet-gustomind .container {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.lead-magnet-gustomind h2 {
    font-family: 'InterCustom', sans-serif;
    text-align: center;
    font-size: clamp(2.2rem, 8vw, 3.4rem)!important;
    font-weight: 800;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    color: #FFFFFF !important;
    margin-top: 0;
    margin-bottom: 16px;
}

.lead-magnet-gustomind .lead-magnet-subtitle {
    font-size: 20px;
    line-height: 1.6;
    opacity: 0.95;
    color: #FFFFFF !important;
    margin-bottom: 32px;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: -0.01em;
    word-spacing: -0.03em;
}

.lead-magnet-gustomind .email-form-gustomind {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 500px;
    margin: 0 auto 24px auto;
}

/* --- COMMON STYLES FOR INPUT AND BUTTON TO ENSURE SIMILAR BOX MODEL --- */
.lead-magnet-gustomind .email-form-gustomind input[type="email"],
.lead-magnet-gustomind .email-form-gustomind button[type="submit"] {
    padding: 12px 18px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    line-height: 1.5 !important;
    height: 48px !important; /* Fixed height for both elements */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    -webkit-appearance: none;
    appearance: none;
}

.lead-magnet-gustomind .email-form-gustomind input[type="email"] {
    flex-grow: 1;
    background-color: #FFFFFF !important;
    color: #1E293B !important;
    border-color: #D1D5DB !important;
    text-align: left !important;
    justify-content: flex-start !important; /* Align text to start for input */
}

.lead-magnet-gustomind .email-form-gustomind input[type="email"]::placeholder {
    color: #9CA3AF !important;
}

.lead-magnet-gustomind .email-form-gustomind input[type="email"]:focus {
    outline: none !important;
    border-color: #5E4CE6 !important; /* Purple for focus */
    box-shadow: 0 0 0 3px rgba(94, 76, 230, 0.4) !important;
}

.lead-magnet-gustomind .email-form-gustomind button[type="submit"] {
    padding-left: 24px !important;
    padding-right: 24px !important;
    font-weight: 600 !important;
    background-color: #FFFFFF !important; /* White background */
    color: #5E4CE6 !important; /* Theme blue text */
    border-color: #FFFFFF !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.1s ease-out !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.lead-magnet-gustomind .email-form-gustomind button[type="submit"]:hover {
    background-color: #F0F4F8 !important; /* Slightly off-white or very light grey */
    color: #4B35E3 !important; /* Darker purple for hover */
    transform: translateY(-1px);
}

/* Klaviyo trigger button for lead magnet section */
.lead-magnet-gustomind .klaviyo-trigger-button-gustomind {
    display: inline-block;
    padding: 14px 28px !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    color: #5E4CE6 !important;
    border: 1px solid #FFFFFF !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.1s ease-out !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    -webkit-appearance: none;
    appearance: none;
    margin: 0 auto 32px auto;
}

.lead-magnet-gustomind .klaviyo-trigger-button-gustomind:hover {
    background-color: #F0F4F8 !important;
    color: #4B35E3 !important;
    transform: translateY(-1px);
}

.lead-magnet-gustomind .form-disclaimer {
    font-size: 15px;
    opacity: 0.85;
    color: #FFFFFF !important;
    margin-top: 0; /* Reset margin if needed */
}

@media (min-width: 576px) {
    .lead-magnet-gustomind .email-form-gustomind {
        flex-direction: row;
        gap: 16px;
        align-items: stretch !important; /* Ensures input and button have same height if content differs */
    }
}
/* --- Mobile Responsive Styles for Section 07 --- */
@media (max-width: 767px) {
    .lead-magnet-gustomind {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .lead-magnet-gustomind h2 {
        /* Clamp already handles responsive, ensure mobile end is good */
        font-size: clamp(1.8rem, 5vw, 2.5rem); /* Adjusted mobile end of clamp */
        font-weight: 700;
        letter-spacing: -0.01em;
        word-spacing: normal;
        margin-bottom: 15px;
    }
    .lead-magnet-gustomind .subtitle {
        font-size: 0.95rem;
        font-weight: 400;
        letter-spacing: normal;
        word-spacing: normal;
        margin-bottom: 25px;
    }
    .lead-magnet-gustomind .form-container {
        flex-direction: column; /* Stack form elements */
        gap: 15px;
    }
    .lead-magnet-gustomind .email-input,
    .lead-magnet-gustomind .submit-button {
        width: 100%; /* Full width form elements */
        max-width: 400px; /* Max width for very wide mobile */
        margin-left: auto;
        margin-right: auto;
    }
    .lead-magnet-gustomind .email-input {
        font-size: 0.95rem;
        font-weight: 400; /* Added */
        letter-spacing: normal; /* Added */
        word-spacing: normal; /* Added */
    }
    .lead-magnet-gustomind .submit-button {
        font-size: 0.95rem;
        font-weight: 600;
        letter-spacing: normal;
        word-spacing: normal;
        padding: 12px 20px;
    }
    .lead-magnet-gustomind .disclaimer {
        font-size: 0.8rem;
        font-weight: 400;
        letter-spacing: normal;
        word-spacing: normal;
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    .lead-magnet-gustomind h2 {
        font-size: clamp(1.6rem, 5vw, 2.2rem);
    }
    .lead-magnet-gustomind .subtitle {
        font-size: 0.9rem;
    }
}

/* End Homepage Section 07: Lead Magnet - Gustomind */

/* =============================================================================
   Homepage Section08: Why Trust GustoMind.ai (REVISED)
   ============================================================================= */
   .gustomind-trust-section {
    background: var(--gm-gradient-hero);
    padding: 10px 0 70px 0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.gustomind-trust-section > * {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.gustomind-trust-section .main-title {
    font-family: 'InterCustom', sans-serif;
    text-align: center;
    font-size: clamp(3rem, 6vw, 4rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--gm-title-dark);
    margin-bottom: 20px;
}

.gustomind-trust-section .highlight-blue {
    color: #5E4CE6;
}

.gustomind-trust-section .content-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}

.gustomind-trust-section .image-container {
    display: flex;
    justify-content: center;
}

.gustomind-trust-section .founder-image {
    width: 100%;
    height: auto;
    object-fit: contain; /* Show full image without cropping */
    border-radius: 16px;
    transition: transform 0.3s ease;
}

/* Hover effect only for non-video images */
.gustomind-trust-section .image-container > .founder-image:hover {
    transform: scale(1.02);
}

.gustomind-trust-section .text-content {
    text-align: left;
}

.gustomind-trust-section .section-title {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2rem, 5vw, 2.5rem);
    font-weight: 800;
    letter-spacing: 0.01em;
    color: var(--gm-title-dark);
    margin-bottom: 24px;
    line-height: 1.5;
}

/* Add styling for the second line of the subtitle */
.gustomind-trust-section .section-title br + :nth-child(1) {
    color: #5E4CE6;
    display: inline-block;
}

.gustomind-trust-section .section-title .highlight-blue {
    color: #5E4CE6;
}

.gustomind-trust-section .section-title .real-world-experience {
    color: #5E4CE6;
}

.gustomind-trust-section .description-text {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 4vw, 1.5rem);
    font-weight: 400;
    color: #4a4a4a;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 0 1.2em 0;
}

/* NEW/REVISED: Styles for the new checkmark list */
.gustomind-trust-section .credentials-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.gustomind-trust-section .credential-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(0.8rem, 3.5vw, 1.2rem);;
    font-weight: 300;
    color: #374151;
}
.gustomind-trust-section .credential-check-icon {
    width: 22px;
    height: 22px;
    color: #5E4CE6;
    flex-shrink: 0;
}

/* REMOVED: .credentials-section and its child styles are no longer needed */
.gustomind-trust-section .credentials-section { display: none; }

/* NEW/REVISED: Button Container styles */
.gustomind-trust-section .button-container {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

/* Trust Section Button Styles */
.gustomind-trust-section .gustomind-btn--primary,
.gustomind-trust-section .gustomind-btn--secondary {
    display: inline-block;
    padding: 14px 28px;
    font-size: clamp(0.9rem, 4vw, 1.25rem);
    font-family: 'InterCustom', sans-serif;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Primary button - filled purple */
.gustomind-trust-section .gustomind-btn--primary {
    background: var(--gm-primary);
    color: white;
    border-color: var(--gm-primary);
}

.gustomind-trust-section .gustomind-btn--primary:hover {
    background: var(--gm-primary-dark);
    border-color: var(--gm-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(94, 76, 230, 0.2);
}

/* Secondary button - outline style */
.gustomind-trust-section .gustomind-btn--secondary {
    background: transparent;
    color: #5E4CE6;
    border: 2px solid #5E4CE6;
    padding: 14px 28px;
    text-decoration: none;
}

.gustomind-trust-section .gustomind-btn--secondary:hover {
    background: var(--gm-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(94, 76, 230, 0.1);
}

/* Desktop layout - wide image gets more space */
@media (min-width: 992px) {
    .gustomind-trust-section .content-wrapper {
        grid-template-columns: 1.4fr 1fr; /* Image column wider for stage photo */
        gap: 50px;
    }
    .gustomind-trust-section .text-content {
        max-width: 480px; /* Constrain text for readability */
    }
}

/* Large displays - scale up proportionally */
@media (min-width: 1300px) {
    .gustomind-trust-section > * {
        max-width: 1350px;
    }
    .gustomind-trust-section .content-wrapper {
        grid-template-columns: 1.5fr 1fr;
        gap: 60px;
    }
    .gustomind-trust-section .text-content {
        max-width: 520px;
    }
}

/* Extra large displays */
@media (min-width: 1600px) {
    .gustomind-trust-section > * {
        max-width: 1500px;
    }
    .gustomind-trust-section .content-wrapper {
        grid-template-columns: 1.6fr 1fr;
        gap: 70px;
    }
    .gustomind-trust-section .text-content {
        max-width: 560px;
    }
}
@media (max-width: 991px) {
    .gustomind-trust-section .text-content,
    .gustomind-trust-section .main-title {
        text-align: center;
    }
    .gustomind-trust-section .credentials-list {
        display: inline-flex; /* Allows centering of the list block */
        text-align: left;
    }
    .gustomind-trust-section .button-container {
        justify-content: center;
    }
}
/* ------------------------- MOBILE ADJUSTMENTS START HERE ------------------------- */

@media (max-width: 767px) {
    .gustomind-trust-section { 
        margin-top: -30px;
        margin-bottom: 20px;
        padding: 30px; }

    .gustomind-trust-section .main-title {
        margin-bottom: 30px;
    }

.gustomind-trust-section .section-title {
    margin-top: -5px;
}

}
/* End Homepage Section 08 */

/* =============================================================================
   Homepage Section 09: FAQ
   ============================================================================= */
.faq-section-gustomind {
    padding-top: 20px;
    padding-bottom: 80px;
    background: linear-gradient(180deg, #ffffff 0%, #f8f7ff 100%);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    /* Full-width bleed */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip; /* Changed from 'hidden' to 'clip' for modern best practice */
}

/* Decorative gradient overlay for premium feel */
.faq-section-gustomind::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 30% 20%, rgba(94, 76, 230, 0.06) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 80%, rgba(124, 109, 233, 0.04) 0%, transparent 40%);
    pointer-events: none;
}

.faq-section-gustomind .container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.faq-section-gustomind .faq-main-title {
    font-family: 'InterCustom', sans-serif;
    display: block !important; /* Ensuring display block as per user CSS */
    width: 100% !important; /* Ensuring width 100% as per user CSS */
    text-align: center !important; /* Ensuring text-align center as per user CSS */
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 700;
    letter-spacing: -0.01em;
    word-spacing: -0.01em ; /* Added for order */
    color: var(--gm-title-dark); /* Dark title for light background */
    margin-bottom: 50px;
}

.faq-section-gustomind .faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.faq-section-gustomind .faq-item {
    background: #ffffff; /* White background for FAQ boxes */
    border-radius: 10px;
    padding: 25px 30px;
    box-shadow: 0 4px 20px rgba(94, 76, 230, 0.08);
    border: 1px solid #e5e7eb;
}

.faq-section-gustomind .faq-item h3.faq-question {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 4.5vw, 1.7rem);
    font-weight: 600;
    letter-spacing: -0.01em;
    word-spacing: -0.01em ; /* Added for order */
    color: var(--gm-title-dark);
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 1.4;
}

.faq-section-gustomind .faq-answer {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 3.5vw, 1.4rem);
    font-weight: 300;
    letter-spacing: -0.01em;
    word-spacing: -0.01em ; /* Added for order */
    color: #4b5563;
    line-height: 1.7;
    margin-bottom: 0; /* Restoring margin-bottom from original */
}

.faq-section-gustomind .faq-answer strong,
.faq-section-gustomind .faq-answer b {
    font-weight: 600; /* Ensured font-weight is present */
    color: #333;
}

/* Responsive Adjustments for FAQ section */
@media (max-width: 767px) { /* Mobile */
    .faq-section-gustomind .faq-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .faq-section-gustomind .faq-item {
        padding: 20px 25px;
    }
}
/* End Homepage Section 09: FAQ */

/* =============================================================================
   Homepage Section 10: Final CTA - Gustomind
   ============================================================================= */
.final-cta-section-gustomind {
    padding-top: 10px;
    padding-bottom: 60px;
    background: var(--gm-gradient-hero);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    text-align: center;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.final-cta-section-gustomind .container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.final-cta-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.5rem, 4vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    color: var(--gm-title-dark);
    line-height: 1.5;
    margin-bottom: 20px;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

.cta-headline-highlight {
    color: #5E4CE6;
}

.final-cta-subheadline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1rem, 4vw, 1.7rem);
    font-weight: 400;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    color: #4b5563;
    margin-bottom: 40px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.final-cta-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 50px;
    flex-wrap: wrap;
    width: 100%;
}

.final-cta-buttons .cta-button-primary {
    background: #5E4CE6 !important;
    color: white !important;
    padding: 16px 32px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: clamp(1rem, 4vw, 1.4rem);
    font-weight: 600 !important;
    letter-spacing: normal; /* Added */
    word-spacing: normal; /* Added */
    border: 2px solid #5E4CE6 !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(94, 76, 230, 0.2);
}

.final-cta-buttons .cta-button-primary:hover {
    background: #4B35E3 !important;
    border-color: #4B35E3 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(94, 76, 230, 0.3) !important;
}

.final-cta-buttons .cta-button-secondary {
    background: #ffffff !important;
    color: #5E4CE6 !important;
    padding: 16px 32px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: clamp(1rem, 4vw, 1.4rem);
    font-weight: 600 !important;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    border: 2px solid #5E4CE6 !important;
    transition: all 0.3s ease;
}

.final-cta-buttons .cta-button-secondary:hover {
    background: #5E4CE6 !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(94, 76, 230, 0.15) !important;
}

.final-cta-confidence-booster {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 25px 30px;
    max-width: 550px;
    margin: 0 auto;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.confidence-booster-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.5rem, 4vw, 1.8rem);
    font-weight: 800;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    color: #5E4CE6;
    margin-bottom: 3px;
    margin-top: 0px;
    line-height: 35px;
}

.confidence-booster-text {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1rem, 4vw, 1.4rem);
    font-weight: 300;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    color: #4b5563;
    line-height: 1.6;
}

/* ------------------------- MOBILE ADJUSTMENTS START HERE ------------------------- */
@media (max-width: 767px) {
    .final-cta-section-gustomind {
        padding-top: 20px;
        padding-bottom: 60px;
    }

    .final-cta-buttons {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 40px;
    }

    .final-cta-buttons .cta-button-primary,
    .final-cta-buttons .cta-button-secondary {
        width: 100%;
        max-width: 320px;
        padding: 12px 24px !important;
        /* Typography properties inherited or explicitly set if different */
    }

    .final-cta-confidence-booster {
        padding: 20px 25px;
    }

    }
/* End Homepage Section 10: Final CTA - Gustomind */


/* =============================================================================
                   ABOUT PAGE SECTIONS IN SEQUENCE
   ============================================================================= */

/* =============================================================================
            01. ABOUT PAGE HERO SECTION
   ============================================================================= */

/* ------------------------- BASE STYLES (All Devices) ------------------------- */
.gustomind-hero-wrapper {
    background: var(--gm-gradient-hero);
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.gustomind-hero-section {
    /* padding-top & padding-bottom are applied via inline Liquid styles */
    display: flex;
    align-items: center;
    justify-content: center;
}

.gustomind-hero-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    
}

.gustomind-hero-text {
    text-align: center;
}

.gustomind-hero-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.8rem, 6vw, 4rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    word-spacing: 0em;
    line-height: 1.2;
    color: var(--gm-title-dark);
    margin-top: 0;
    margin-bottom: 20px;
}

.gustomind-highlight {
    color: var(--gm-title-highlight);
}

.gustomind-hero-image.gustomind-hero-image-mobile {
    display: block;
    margin: 0 auto 28px auto;
}

.gustomind-founder-image.gustomind-founder-image-mobile {
    width: 100%;
    max-width: 230px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    object-fit: cover;
    margin: 0 auto;
    align-items: center;
}

.gustomind-hero-description {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.2rem, 4.3vw, 1.4rem);
    font-weight: 400;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    line-height: 1.6;
    color: var(--gustomind-text-medium, #475569);
    margin-bottom: 32px;
}

.gustomind-hero-description p {
    margin: 0 0 16px;
}

.gustomind-hero-description p:last-child {
    margin-bottom: 0;
}

.gustomind-credentials {
    list-style: none;
    padding: 0;
    margin: 32px 0 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: left;
}

.gustomind-credentials li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1rem, 4vw, 1.2rem);
    font-weight: 400;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    line-height: 1.6;
    color: var(--gustomind-text-secondary, #4a4a4a);
    line-height: 1.4;
}

.gustomind-check-icon {
    width: 20px;
    height: 20px;
    color: var(--gm-title-highlight);
    flex-shrink: 0;
}

.gustomind-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 30px;
}

/* =============================================================================
   SHARED BUTTON STYLES (.gustomind-btn)
   
   WARNING: These styles affect MULTIPLE sections including:
   - Hero section (with .gustomind-btn--primary/.gustomind-btn--secondary)
   - About page sections
   - Possibly other sections
   
   The hero section combines these base styles with .gustomind-btn--primary
   (defined at line ~1485) creating a confusing dual-class system.
   
   TO ADJUST ONLY HERO BUTTONS:
   You need to modify BOTH this section AND line ~1485
   
   Base button properties (apply to all .gustomind-btn):
   ============================================================================= */

.gustomind-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    border-radius: 10px;
    font-family: 'InterCustom', sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    min-width: 250px;
    text-align: center;
    border: 2px solid transparent;
    box-sizing: border-box;
}

.gustomind-btn.gustomind-btn-primary {
    background: var(--gm-primary);
    color: var(--gustomind-white, white);
    border-color: var(--gm-primary);
}

.gustomind-btn.gustomind-btn-primary:hover {
    background: var(--gm-primary-dark);
    border-color: var(--gm-primary-dark);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(94, 76, 230, 0.25);
}

.gustomind-btn.gustomind-btn-secondary {
    background: transparent;
    color: var(--gm-title-highlight);
    border-color: var(--gm-primary);
}

.gustomind-btn.gustomind-btn-secondary:hover {
    background: var(--gm-primary);
    color: var(--gustomind-white, white);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(94, 76, 230, 0.2);
}

.gustomind-hero-image.gustomind-hero-image-desktop {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.gustomind-founder-image.gustomind-founder-image-desktop {
    width: 100%;
    max-width: 360px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    object-fit: cover;
    margin: 0 auto;
}

.gustomind-btn:focus-visible {
    outline: 3px solid rgba(37, 99, 235, 0.4);
    outline-offset: 2px;
}

/* ------------------------- DEVICE-SPECIFIC ADJUSTMENTS ------------------------- */

/* Tablet and Desktop (min-width: 768px) */
@media (min-width: 768px) {
    .gustomind-hero-container {
        padding-left: 40px;
        padding-right: 40px;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
    }
    .gustomind-hero-text {
        text-align: left;
        order: 1;
    }
    .gustomind-hero-image.gustomind-hero-image-mobile {
        display: none;
    }
    .gustomind-credentials {
        align-items: flex-start;
    }
.gustomind-cta-buttons {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .gustomind-hero-image.gustomind-hero-image-desktop {
        display: flex;
        order: 2;
    }
    .gustomind-founder-image.gustomind-founder-image-desktop {
        max-width: 420px;
    }
}

/* Specific Tablet Range (min-width: 768px and max-width: 1032px) */
@media (min-width: 768px) and (max-width: 1032px) {
    .gustomind-hero-text {
        /* text-align: center; */ /* Uncomment if text should be centered here */
        /* If text column spans full width: grid-column: 1 / -1; */
    }
    .gustomind-credentials {
        /* align-items: center; */ /* Uncomment if credentials should be centered here */
    }
    .gustomind-cta-buttons {
        /* flex-direction: column; */ /* Uncomment if buttons stack and center here */
        /* align-items: center; */
    }
    .gustomind-hero-image.gustomind-hero-image-desktop {
        /* If image stacks below centered text: */
        /* grid-column: 1 / -1; order: 2; margin-top: 30px; */
    }
}


/* ------------------------- MOBILE ADJUSTMENTS START HERE ------------------------- */

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
    .gustomind-hero-container {
        padding-left: 0; /* Keep padding removed for true centering */
        padding-right: 0;
        padding-top: 20px;
        padding-bottom: 30px;
        gap: 30px;
    }
    .gustomind-hero-text {
        max-width: 320px; /* Match button width for consistency */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px; /* Restore side padding */
        padding-right: 30px;
    }
    .gustomind-hero-headline {
        margin-bottom: 25px;
    }
    .gustomind-founder-image.gustomind-hero-image-mobile {
        max-width: 100px;
    }
    .gustomind-credentials {
        max-width: 320px; /* Match other blocks */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px; /* Restore side padding */
        padding-right: 0px;
    }
    .gustomind-credentials li {
        text-align: left;
        gap: 8px;
        padding-left: 0px;
    }
    .gustomind-cta-buttons {
        flex-direction: column;
        gap: 10px;
        max-width: 320px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px; /* Already set, kept for clarity */
        padding-right: 0px;
    }
    
    /* HERO BUTTONS - MOBILE RESPONSIVE OVERRIDES
       Adjust these values to control hero buttons on mobile devices */
    .gustomind-btn {
        width: 100%;
        padding: 12px 20px;      /* MOBILE: Adjust button padding */
        align-items: center;
        text-align: center;
        justify-content: center;
        font-size: 1.2rem;       /* MOBILE: Adjust font size */
    }
}

/* End About Page Section 01: Hero - Gustomind */

/* =============================================================================
                    02. ABOUT PAGE REALIZATION SECTION
   ============================================================================= */

/* ------------------------- BASE STYLES (All Devices) ------------------------- *//* About Page Section 02: Realization Moment - Gustomind */

/* About Page Section 02: Realization Moment - Gustomind */

/* Base Styles */
.gustomind-realization-wrapper {
    background: linear-gradient(180deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%);
    position: relative;
    overflow: hidden; /* Prevents decorative quote mark from causing scrollbars */
}

.gustomind-realization-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 30% 20%, rgba(94, 76, 230, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 80%, rgba(124, 109, 233, 0.1) 0%, transparent 40%);
    pointer-events: none;
    z-index: 0;
}

.gustomind-realization-section {
    text-align: center;
    position: relative;
    z-index: 1;
}

.gustomind-realization-section::before {
    content: '"';
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 220px;
    color: rgba(255, 255, 255, 0.05); /* Subtle white */
    font-weight: 900;
    line-height: 1;
    z-index: 0;
}

.gustomind-realization-section::after {
    content: '"';
    position: absolute;
    bottom: -30px; /* Adjust this value to position the quote mark */
    left: 50%;
    transform: translateX(-50%) rotate(180deg); /* Rotate to make it a closing quote */
    font-size: 220px;
    color: rgba(255, 255, 255, 0.05); /* Subtle white, matching the opening quote */
    font-weight: 900;
    line-height: 1;
    z-index: 0;
}

.gustomind-realization-quote {
    max-width: 1200px;
    margin: 0 auto; /* Centers the block element */
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 1;
}

.gustomind-quote-title {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.9rem, 3vw, 3.6rem);
    font-weight: 800;
    letter-spacing: -0.01em;
    word-spacing: -0.07em;
    line-height: 1.2;
    color: #ffffff;
    margin-top: 40px;
    margin-bottom: 10px;
    font-style: italic; /* Added this line to make the quote italic */
}

.gustomind-quote-title p {
    margin: 0;
}

.gustomind-quote-title p + p {
    margin-top: 0.5em; /* Small spacing between the two parts to mimic a line break */
}

.gustomind-quote-main {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    font-weight: 800;
    letter-spacing: -0.01em;
    word-spacing: -0.03em;
    line-height: 1.7;
    color: #ffffff;
    margin-bottom: 50px;
    margin-top: 20px; /* Changed from 0 to -5px to pull it closer to the title */
}

.gustomind-quote-main p {
    margin-top: 0; /* Remove top margin from paragraphs inside quote main */
    margin-bottom: 16px; /* Keep some spacing between paragraphs if multiple */
}

.gustomind-quote-main p:last-child {
    margin-bottom: 0; /* Remove bottom margin from last paragraph */
}

.gustomind-quote-title .gustomind-highlight,
.gustomind-quote-main .gustomind-highlight {
    font-weight: 700; /* Bolder for highlighted text */
    color: #C3BCF6; /* light purple accent */
}

.gustomind-quote-attribution {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.9rem, 6vw, 3.7rem);
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    word-spacing: -0.02em;
    line-height: 1.6;
    color: #e2e8f0;
    font-style: italic;
}

/* ------------------------- DEVICE-SPECIFIC ADJUSTMENTS ------------------------- */

/* Tablet and Desktop (min-width: 768px) */
@media (min-width: 768px) {
    .gustomind-realization-quote {
        padding: 0 40px;
    }
}

/* Specific Tablet Range (min-width: 768px and max-width: 1032px) */
@media (min-width: 768px) and (max-width: 1032px) {
    .gustomind-realization-quote {
        max-width: 700px;
    }

}

/* ------------------------- MOBILE ADJUSTMENTS START HERE ------------------------- */

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
    .gustomind-realization-quote {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 35px;
        padding-right: 35px;
    }
    .gustomind-quote-title {
        
    }
    .gustomind-quote-main {

    }
    .gustomind-realization-section::before {
        top: -30px;
    }
    .gustomind-quote-attribution {
        
    }
}

/* End About Page Section 02: Realization Moment - Gustomind */

/* =============================================================================
           03. ABOUT PAGE - PROBLEM TO SOLUTION DIAGRAM
   ============================================================================= */
   .gustomind-diagram-wrapper {
    background: var(--gm-gradient-hero);
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
    padding-top: 0; /* Remove top padding completely */
}

.gustomind-diagram-section {
    text-align: center;
}

.gustomind-diagram-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative; /* Added to serve as positioning context for connectors */
}

.gustomind-diagram-header {
    margin: 0 auto 40px auto; /* Reduced margin bottom from 60px to 40px */
    max-width: 1200px;
}

.gustomind-diagram-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.5rem, 6vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--gm-title-dark);
    margin: 0 0 16px 0;
}

.gustomind-diagram-subtitle {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 3vw, 1.25rem);
    font-weight: 400;
    letter-spacing: -0.01em;
    color: var(--gustomind-text-medium, #475569);
    margin: 0;
    line-height: 1.5;
}

/* MODIFIED: The grid container is now shorter and only has one row */
.gustomind-problem-solution-diagram {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 0 0px;
    align-items: center;
    padding-bottom: 170px; /* Space for the connector lines to extend */
    min-height: 250px;
}

.gustomind-diagram-connectors {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    z-index: 0;
    pointer-events: none; /* Ensure connectors don't interfere with clicks */
}

.gustomind-diagram-connectors path {
    stroke: #C3BCF6; /* light purple accent */
    stroke-width: 0.8; /* Reduced from 2.5 for a more sleek look */
    stroke-dasharray: 5 5; /* Reduced from 8 8 for a more sleek look */
    stroke-linecap: round;
    fill: none;
}

.gustomind-diagram-node {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* YOUR ICON STYLES - UNCHANGED */
.gustomind-diagram-node__icon-wrapper {
    background-color: #f0ebff; /* Very light purple */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    box-shadow: 0 0 0 6px var(--gm-primary); /* Creates a clean break from the dotted line */
}

.gustomind-diagram-node__icon-wrapper svg {
    width: 38px;
    height: 38px;
    color: var(--gm-title-highlight);
}

.gustomind-diagram-node__title {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.5rem, 4vw, 1.7rem);
    font-weight: 700;
    color: var(--gm-title-dark);
    margin: 0 0 12px 0;
}

.gustomind-diagram-node__description {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1rem, 3vw, 1.1rem);
    line-height: 1.6;
    color: var(--gustomind-text-medium, #475569);
    max-width: 420px;
}

.gustomind-diagram-node__description p { margin: 0; }
.gustomind-diagram-node__description b,
.gustomind-diagram-node__description strong { font-weight: 600; color: #1E293B; }

/* NEW/MODIFIED: Grid Placement rules for the new structure */
.gustomind-diagram-node--problem-1 { grid-column: 1 / 2; }
.gustomind-diagram-node--problem-2 { grid-column: 2 / 3; }

/* The solution ICON sits at the bottom center of the grid container */
.gustomind-diagram-node--solution-icon {
    grid-column: 1 / 3;
    /* Position it at the bottom of its grid area */
    align-self: end;
    margin-top: 50px; /* Added to push the icon lower */
}
/* Hide the text content for the icon-only node */
.gustomind-diagram-node--solution-icon .gustomind-diagram-node__text-content {
    display: none;
}

/* NEW: Separate solution icon styling */
.gustomind-diagram-solution-icon {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 30px; /* Adjusted */
    margin-bottom: 10px; /* Reduced from 20px to bring text closer to icon */
    z-index: 1;
}

/* NEW: Styles for the separated conclusion text block */
.gustomind-diagram-conclusion-text {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
    text-align: center;
}

/* Add styles to center the title and description in the conclusion text */
.gustomind-diagram-conclusion-text .gustomind-diagram-node__title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.gustomind-diagram-conclusion-text .gustomind-diagram-node__description {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* ------------------------- DEVICE-SPECIFIC ADJUSTMENTS ------------------------- */

/* ------------------------- MOBILE ADJUSTMENTS START HERE ------------------------- */
@media (max-width: 767px) {
    .gustomind-diagram-wrapper {
        padding-top: 0; /* No top padding */
    }
    
    .gustomind-diagram-header {
        margin-bottom: 30px; /* Even less margin on mobile */
    }
    
    .gustomind-problem-solution-diagram {
        grid-template-columns: 1fr;
        gap: 40px 0;
        min-height: 0; /* Let content define height on mobile */
        padding-bottom: 60px;
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .gustomind-diagram-node--problem-1,
    .gustomind-diagram-node--problem-2 {
        grid-column: 1 / 2;
        align-self: center; /* Reset alignment */
    }
    
    .gustomind-diagram-node--problem-1 { grid-row: 1; }
    .gustomind-diagram-node--problem-2 { grid-row: 2; }
    
    .gustomind-diagram-headline {
        padding: 0 20px;
    }

    .gustomind-diagram-subtitle {
        padding: 0 20px;
    }
    
    .gustomind-diagram-solution-icon {
        margin-top: -20px;
        margin-bottom: 5px; /* Further reduced on mobile to bring text closer */
    }
    
    .gustomind-diagram-conclusion-text {
        margin-top: 0; /* Remove top margin on mobile */
        padding-top: 0; /* Ensure no padding creates space */
        padding-left: 20px;
        padding-right: 20px;
    }
    
    /* Ensure connectors are hidden on mobile */
    .gustomind-diagram-connectors {
        display: none !important;
    }
}
/* End About Page Section 03 */

/* =============================================================================
           04. ABOUT PAGE - OBSERVATIONS SECTION
   ============================================================================= */
   .gustomind-observations-wrapper {
    background: #ffffff; /* MODIFIED: White background as requested */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.gustomind-observations-section {
    padding-top: 80px; /* Default padding */
    padding-bottom: 80px; /* Default padding */
}

.gustomind-observations-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.gustomind-observations-header {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.gustomind-observations-header h2 {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.5rem, 9vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.01em;
    color: var(--gm-title-dark);
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.3;
}

.gustomind-observations-subtitle {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 3vw, 1.25rem);
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #4A5568;
    max-width: 800px;
    margin: 0 auto 40px;
    line-height: 1.6;
}

.gustomind-observations-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
}

.gustomind-observation-card {
    /* MODIFIED: Using the gradient for the card background */
    background: linear-gradient(135deg, #ffffff 0%, #f0ebff 100%);
    padding: 30px 24px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(94, 76, 230, 0.08), 0 2px 8px rgba(94, 76, 230, 0.06);
    text-align: center;
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.gustomind-observation-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(94, 76, 230, 0.15), 0 3px 10px rgba(94, 76, 230, 0.10);
}

.gustomind-observation-card__icon-wrapper {
    margin: 0 auto 20px auto;
}

.gustomind-observation-card__icon-wrapper svg {
    width: 54px;
    height: 54px;
    color: #5E4CE6; /* Your brand's primary blue */
    display: block;
    margin: 0 auto;
}

.gustomind-observation-card__title {
    font-size: clamp(1.5rem, 4vw, 1.8rem);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #1E293B;
    margin-top: 0;
    margin-bottom: 12px;
    width: 100%;
    text-align: center;
}

.gustomind-observation-card__description {
    font-size: clamp(1rem, 3vw, 1.1rem);
    letter-spacing: -0.01em;
    color: #4A5568;
    line-height: 1.65;
    width: 100%;
    text-align: center;
    flex-grow: 1;
}

.gustomind-observation-card__description p {
    margin: 0;
}

@media (min-width: 768px) {
    .gustomind-observations-container {
        padding-left: 40px;
        padding-right: 40px;
    }
    .gustomind-observations-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .gustomind-observations-container {
        padding-left: 60px;
        padding-right: 60px;
    }
    .gustomind-observations-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}

/* End About Page Section 04 */

/* =============================================================================
           05. ABOUT PAGE - VALUE PROPOSITION SECTION
   ============================================================================= */
   .gustomind-value-prop-wrapper {
    background: linear-gradient(180deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%);
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.gustomind-value-prop-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 30% 20%, rgba(94, 76, 230, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 80%, rgba(124, 109, 233, 0.1) 0%, transparent 40%);
    pointer-events: none;
    z-index: 0;
}

.gustomind-value-prop-section {
    color: #FFFFFF;
    text-align: center;
    position: relative;
    z-index: 1;
}

.gustomind-value-prop-container {
    max-width: 1200px; /* Constrained width for readability */
    margin: 0 auto;
    padding: 0 00px;
    box-sizing: border-box;
}

.gustomind-value-prop-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.9rem, 6vw, 4rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.6;
    color: #FFFFFF;
    margin: 0 0 24px 0;
    padding-bottom: 10px;
}

.gustomind-value-prop-subheadline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.15rem, 3vw, 1.35rem);
    font-weight: 400;
    line-height: 1.7;
    color: #FFFFFF;
    opacity: 0.9;
    margin: 0;
}

.gustomind-value-prop-subheadline p {
    margin: 0;
}

    
    /* ------------------------- DEVICE-SPECIFIC ADJUSTMENTS ------------------------- */

/* ------------------------- MOBILE ADJUSTMENTS START HERE ------------------------- */
@media (max-width: 767px) {
    .gustomind-value-prop-section {
        padding-left: 30px; /* Default padding */
        padding-right: 30px; /* Default padding */
    }
    
}

/* End About Page Section 05 */

/* =============================================================================
           06. ABOUT PAGE - PROCESS FLOW SECTION
   ============================================================================= */
   .gustomind-process-wrapper {
    background: #ffffff;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.gustomind-process-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.gustomind-process-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.gustomind-process-header {
    text-align: center;
    max-width: 950px;
    margin: 0 auto 20px auto;
}

.gustomind-process-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.5rem, 6vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--gm-title-dark);
    margin: 0 0 16px 0;
}

.gustomind-process-subtitle {
    max-width: 800px;
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 3vw, 1.25rem);
    line-height: 1.6;
    color: var(--gustomind-text-medium, #475569);
    margin: auto;
    
}

.gustomind-process-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 60px;
    position: relative;
}

.gustomind-process-step {
    flex: 0 0 auto;
    width: 240px;
    padding: 20px;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 20px;
}

.gustomind-process-step__icon-wrapper {
    width: 64px;
    height: 64px;
    background-color: #f0ebff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
    box-shadow: 0 6px 15px rgba(94, 76, 230, 0.1);
}

.gustomind-process-step__icon-wrapper svg {
    width: 32px;
    height: 32px;
    color: var(--gm-title-highlight);
}

.gustomind-process-step__title {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.5rem, 4vw, 1.5rem);
    font-weight: 700;
    color: var(--gm-title-dark);
    margin: 0 0 12px 0;
}

.gustomind-process-step__description {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1rem, 3vw, 1.1rem);
    line-height: 1.6;
    color: var(--gustomind-text-medium, #475569);
}

.gustomind-process-connector {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5E4CE6;
    width: 40px;
    height: 84px;
    flex: 0 0 auto;
    margin-top: 32px; /* Center with icon */
    z-index: 1;
}

.gustomind-process-connector svg {
    width: 34px;
    height: 34px;
}

.gustomind-process-bottom-text {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 3vw, 1.35rem);
    font-weight: 400;
    line-height: 1.5;
    color: var(--gustomind-text-medium, #475569);
    padding: 0 20px;
}

/* ------------------------- DEVICE-SPECIFIC ADJUSTMENTS ------------------------- */



/* Desktop Layout */
@media (min-width: 1024px) {
    .gustomind-process-grid {
        flex-wrap: nowrap;
    }
    
    .gustomind-process-step {
        margin-bottom: 0;
    }
    
    .gustomind-process-connector--mobile {
        display: none;
    }
}

/* Tablet Layout */
@media (min-width: 768px) and (max-width: 1023px) {
    .gustomind-process-grid {
        justify-content: center;
    }
    
    .gustomind-process-step {
        width: 200px;
        margin: 0 10px 30px;
    }
    
    .gustomind-process-connector {
        display: none;
    }
    
    /* Show only first connector on tablet */
    .gustomind-process-grid .gustomind-process-connector:nth-of-type(1) {
        display: flex;
    }
    
    .gustomind-process-connector--mobile {
        display: none;
    }
    
    .gustomind-process-connector--desktop {
        display: block;
    }
}

/* ------------------------- MOBILE ADJUSTMENTS START HERE ------------------------- */

/* Mobile Layout */
@media (max-width: 767px) {
    .gustomind-process-container {
        padding: 0 25px;
    }
    
    .gustomind-process-grid {
        flex-direction: column;
        align-items: center;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .gustomind-process-step {
        width: 100%;
        margin-bottom: 15px;
        padding: 20px 0;
    }
    
    .gustomind-process-connector {
        height: 40px;
        margin: 0 auto;
    }
    
    .gustomind-process-connector--desktop {
        display: none;
    }
    
    .gustomind-process-connector--mobile {
        display: block;
    }
    
    .gustomind-process-bottom-text {
        padding: 0;
    }
}
/* End About Page Section 06 */

/* =============================================================================
           07. ABOUT PAGE - COMMITMENT & PRINCIPLES
   ============================================================================= */
   .gustomind-commitment-wrapper {
    background: var(--gm-gradient-hero);
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.gustomind-commitment-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.gustomind-commitment-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.gustomind-commitment-header {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 60px auto;
}

.gustomind-commitment-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.5rem, 6vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--gm-title-dark);
    margin: 0 0 16px 0;
}
.gustomind-commitment-headline p { margin: 0; }

.gustomind-commitment-subtitle {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 3vw, 1.25rem);
    line-height: 1.6;
    color: var(--gustomind-text-medium, #475569);
    margin: 0;
}

.gustomind-commitment-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 60px;
}

.gustomind-commitment-principle {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.gustomind-commitment-principle__icon-wrapper {
    width: 80px;
    height: 80px;
    background-color: #f0ebff; /* Very light purple - matching section 03 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px auto; /* Center the icon and add bottom margin */
    box-shadow: 0 0 0 6px var(--gm-primary); /* Purple border matching section 03 */
}

.gustomind-commitment-principle__icon-wrapper svg {
    width: 38px;
    height: 38px;
    color: var(--gm-title-highlight);
}

.gustomind-commitment-principle {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.gustomind-commitment-principle__text-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

@media (min-width: 768px) {
    .gustomind-commitment-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    
    /* Keep principles centered in desktop view as well */
    .gustomind-commitment-principle {
        align-items: center;
        text-align: center;
    }
    
    .gustomind-commitment-principle__text-content {
        align-items: center;
        text-align: center;
    }
}

.gustomind-commitment-principle__title {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.6rem, 4vw, 1.8rem);
    font-weight: 700;
    color: var(--gm-title-dark);
    margin: 0;
}

.gustomind-commitment-principle__description {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1rem, 3vw, 1.1rem);
    line-height: 1.6;
    color: var(--gustomind-text-medium, #475569);
    max-width: 500px;
    padding-top: 30px;
}
.gustomind-commitment-principle__description p { margin: 0; }

.gustomind-commitment-bottom-text {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-family: 'InterCustom', sans-serif;
    font-style: italic;
    font-size: clamp(1.1rem, 3vw, 1.35rem);
    line-height: 1.7;
    color: var(--gm-title-dark);
}

.gustomind-commitment-bottom-text p { margin: 0; }

@media (min-width: 768px) {
    .gustomind-commitment-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    .gustomind-commitment-principle {
        align-items: flex-start;
        text-align: left;
    }
}

/* ------------------------- MOBILE ADJUSTMENTS START HERE ------------------------- */



/* End About Page Section 07 */

/* =============================================================================
           08. ABOUT PAGE - EXPERIENCE SECTION (REVISED)
   ============================================================================= */
   .gustomind-experience-wrapper {
    background: #ffffff; /* White section background */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.gustomind-experience-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.gustomind-experience-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.gustomind-experience-header {
    text-align: center;
    max-width: 950px;
    margin: 0 auto 60px auto;
}

.gustomind-experience-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.5rem, 6vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--gm-title-dark);
    margin: 0 0 16px 0;
}

/* ADDED: Class for the blue highlight */
.gustomind-experience-headline .gustomind-highlight {
    color: #5E4CE6;
}

.gustomind-experience-subtitle {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 3vw, 1.25rem);
    line-height: 1.6;
    color: var(--gustomind-text-medium, #475569);
    margin: 0;
}

.gustomind-experience-story-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.gustomind-experience-story-card {
    background: linear-gradient(135deg, #f8fafc 0%, #f0ebff 100%);
    padding: 32px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(94, 76, 230, 0.08);
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

.gustomind-experience-story-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(94, 76, 230, 0.15);
}

.gustomind-experience-card-title {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.6rem, 4vw, 1.8rem);
    font-weight: 700;
    color: var(--gm-title-dark);
    margin: 0 0 20px 0;
}

.gustomind-experience-card-text {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1rem, 3vw, 1.1rem);
    line-height: 1.7;
    color: var(--gustomind-text-medium, #475569);
}

.gustomind-experience-card-text p {
    margin: 0 0 1em 0;
}

.gustomind-experience-card-text p:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .gustomind-experience-story-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .gustomind-experience-story-card {
        padding: 40px;
    }
}
/* End About Page Section 08 */

/* =============================================================================
           09. ABOUT PAGE - CREDENTIALS SHOWCASE
   ============================================================================= */
   .gustomind-credentials-showcase-wrapper {
    background: linear-gradient(180deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%);
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.gustomind-credentials-showcase-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 30% 20%, rgba(94, 76, 230, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 80%, rgba(124, 109, 233, 0.1) 0%, transparent 40%);
    pointer-events: none;
    z-index: 0;
}

.gustomind-credentials-showcase-section {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
}

.gustomind-credentials-showcase-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.gustomind-credentials-showcase-header {
    text-align: center;
    margin: 0 auto 60px auto;
}

.gustomind-credentials-showcase-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.5rem, 6vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: #FFFFFF;
    margin: 0;
}

.gustomind-credentials-showcase-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
}

.gustomind-credential-item {
    text-align: center;
}

.gustomind-credential-item__metric {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(3rem, 8vw, 4.5rem);
    font-weight: 700;
    color: #60A5FA; /* Light blue from credibility bar */
    margin-bottom: 8px;
    line-height: 1;
}

.gustomind-credential-item__metric svg {
    width: 1em; /* Makes SVG scale with font-size */
    height: 1em;
    display: inline-block;
}

.gustomind-credential-item__line1 {
    font-family: 'InterCustom', sans-serif;
    font-size: 0.975rem; /* 14px */
    font-weight: 600;
    color: #CBD5E1; /* Lighter greyish white */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 8px 0;
}

.gustomind-credential-item__line2 {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 4vw, 1.3rem); /* 18px */
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    margin: 0;
}

@media (min-width: 768px) {
    .gustomind-credentials-showcase-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 50px 30px;
    }
}
/* End About Page Section 09 */

/* =============================================================================
           10. ABOUT PAGE - FINAL CTA (CORRECTED)
   ============================================================================= */
   .gustomind-final-cta-wrapper {
    background: var(--gm-gradient-hero);
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    overflow-x: clip;
}

.gustomind-final-cta-section {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}

.gustomind-final-cta-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.gustomind-final-cta-header {
    margin: 0 auto 50px auto;
}

.gustomind-final-cta-headline {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(2.5rem, 6vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--gm-title-dark);
    margin: 0 0 16px 0;
}

.gustomind-final-cta-headline .gustomind-highlight {
    color: #5E4CE6;
}

.gustomind-final-cta-subtitle {
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 3vw, 1.25rem);
    line-height: 1.6;
    color: var(--gustomind-text-medium, #475569);
    margin: 0;
}

.gustomind-final-cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.gustomind-final-cta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.25s ease;
    width: 100%;
    max-width: 480px;
    box-sizing: border-box;
    text-align: center;
    height: 100%;
}

.gustomind-final-cta-btn > div {
    width: 100%;
}

.gustomind-final-cta-btn--primary {
    background-color: var(--gm-primary);
    color: #ffffff;
}
.gustomind-final-cta-btn--primary:hover {
    background-color: var(--gm-primary-dark);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(94, 76, 230, 0.25);
}

.gustomind-final-cta-btn--secondary {
    background-color: #ffffff;
    color: var(--gm-title-highlight);
    border: 2px solid var(--gm-primary);
}
.gustomind-final-cta-btn--secondary:hover {
    background-color: #f0ebff;
    border-color: var(--gm-primary-dark);
    color: var(--gm-primary-dark);
}

.gustomind-final-cta-btn__main-text {
    display: block;
    font-family: 'InterCustom', sans-serif;
    font-size: clamp(1.1rem, 4vw, 1.4rem);
    font-weight: 700;
    line-height: 1.4;
}

.gustomind-final-cta-btn__sub-text {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: clamp(0.8rem, 3.5vw, 1.1rem);
    font-weight: 400;
    line-height: 1.5;
    margin-top: 4px;
    opacity: 0.9;
}
.gustomind-final-cta-btn--secondary .gustomind-final-cta-btn__sub-text {
    opacity: 0.8;
}

@media (min-width: 768px) {
    .gustomind-final-cta-buttons {
        flex-direction: row;
        gap: 20px;
        justify-content: center;
    }
    
    .gustomind-final-cta-btn {
        width: calc(50% - 10px); /* Equal width buttons with gap in between */
        max-width: 380px;
    }
}

@media (max-width: 767px) {
    .gustomind-final-cta-buttons {
        width: 100%;
    }
    
    .gustomind-final-cta-btn {
        width: 100%;
        max-width: 100%;
    }
}
/* End About Page Section 10 */

/* =============================================================================
   =============================================================================
                     ABOUT PAGE STYLES END HERE
   =============================================================================
   ============================================================================= */

/* =============================================================================
   MOBILE OVERRIDE FIXES
   ============================================================================= */

/* 
 * Mobile Logo Fix (Global)
 * This rule ensures the logo is centered and sized correctly on mobile devices
 * across the entire site by overriding the theme's default left-alignment on non-homepage headers.
*/
@media (max-width: 989px) {
    .header--mobile-left .header__heading,
    .header--mobile-left .header__heading-link {
      width: 100%;
      justify-self: center;
      text-align: center;
    }
  
    .header__heading-logo {
      max-width: 120px;
    }
}

/* 
 * 'Releasing Soon' Notice (Homepage Products)
 * This styles the notice on the homepage product cards.
*/
.product-card__release-notice {
    font-size: clamp(1.4rem, 4vw, 1.7rem);
    font-weight: 600;
    color: #b91c1c;
    text-align: center;
    margin-top: 15px;
    letter-spacing: -0.01em;
}

/* Price formatting - smaller cents portion */
.price-item {
  position: relative;
}

.price-item::after {
  content: attr(data-cents);
  position: absolute;
  font-size: 0.65em;
  top: -0.2em;
  right: -0.1em;
}

.price-item[data-formatted="true"] {
  position: relative;
}

.price-item[data-formatted="true"]::after {
  display: none;
}

/* Hide the currency code that appears after the price */
.price-item .money-currency-code {
  display: none;
}