/* 1NDYGO AI Business Consultancy - Professional AI Tech Theme */

:root {
    /* 1NDYGO AI Brand Color Palette */
    --primary-blue: #1A5276;        /* Deep Indigo/Dark Blue - Primary brand color */
    --secondary-teal: #85C1E9;      /* Light Blue - For accents and icons */
    --accent-blue: #85C1E9;         /* Light Blue - Consistent with brand */
    --dark-blue: #1A5276;          /* Deep Indigo - Same as primary for consistency */
    --light-teal: #85C1E9;         /* Light Blue - Brand accent */
    --golden-yellow: #FFD700;       /* Gold - AI signature color (readable) */
    
    /* Supporting Colors */
    --white: #FFFFFF;               /* Pure white for text on dark backgrounds */
    --light-gray: #f8fafc;
    --medium-gray: #64748b;
    --dark-gray: #334155;
    --success: #10b981;
    --warning: #f59e0b;
    
    /* Enhanced Gradients */
    --gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, #2E86AB 100%);
    --gradient-secondary: linear-gradient(135deg, var(--secondary-teal) 0%, #AED6F1 100%);
    --gradient-accent: linear-gradient(135deg, var(--golden-yellow) 0%, #F4D03F 100%);
    --gradient-hero: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);
    --gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.05) 100%);
    
    /* Typography */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    
    /* Advanced Spacing & Layout */
    --container-max: 1200px;
    --section-padding: 80px 0;
    --border-radius: 12px;
    --border-radius-lg: 20px;
    --border-radius-xl: 32px;
    
    /* Enhanced Shadows & Depth */
    --shadow: 0 10px 25px rgba(26, 35, 126, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 8px 25px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 32px 64px rgba(0, 0, 0, 0.2);
    --shadow-glow: 0 0 30px rgba(133, 193, 233, 0.4);
    --shadow-warm: 0 8px 32px rgba(247, 220, 111, 0.25);
    
    /* Advanced Transitions */
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --transition-smooth: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary);
    line-height: 1.6;
    color: var(--white);
    background-color: #000000;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.content-container {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Styles */
.header {
    padding: 20px 0;
    background: #000000;
    border-bottom: 1px solid #333333;
}

.header.simple {
    box-shadow: var(--shadow);
}

.logo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo-image {
    height: 60px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
}

.logo-text-container {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.logo-text {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(135deg, var(--primary-blue), var(--secondary-teal));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
}

.logo-tagline {
    font-size: 11px;
    color: var(--secondary-teal);
    font-weight: 500;
    line-height: 1;
    opacity: 0.9;
}

/* Hero Section - Professional Design Excellence */
.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: #000000;
    overflow: hidden;
}

/* Professional Ambient Background System */
.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 15% 85%, rgba(255, 215, 0, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 85% 15%, rgba(133, 193, 233, 0.06) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(26, 82, 118, 0.04) 0%, transparent 70%);
    animation: ambientBreathing 20s ease-in-out infinite alternate;
    z-index: 1;
}

/* Sophisticated Floating Elements */
.hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        /* Elegant particle system */
        radial-gradient(circle at 25% 25%, rgba(255, 215, 0, 0.4) 1px, transparent 2px),
        radial-gradient(circle at 75% 75%, rgba(133, 193, 233, 0.3) 1px, transparent 2px),
        radial-gradient(circle at 50% 20%, rgba(255, 215, 0, 0.25) 1px, transparent 2px),
        radial-gradient(circle at 20% 80%, rgba(133, 193, 233, 0.35) 1px, transparent 2px),
        radial-gradient(circle at 80% 50%, rgba(255, 215, 0, 0.3) 1px, transparent 2px);
    background-size: 200px 200px, 250px 250px, 180px 180px, 220px 220px, 160px 160px;
    animation: elegantFloat 25s linear infinite;
    z-index: 2;
}

/* Next-Generation Hero Background - Watermark Style */
.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 80%, rgba(26, 82, 118, 0.06) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(133, 193, 233, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(255, 215, 0, 0.04) 0%, transparent 60%);
    opacity: 0.6;
    z-index: 0;
    animation: backgroundFloat 20s ease-in-out infinite;
}

/* Animated background floating effect */
@keyframes backgroundFloat {
    0%, 100% { 
        transform: scale(1) translate(0, 0) rotate(0deg);
        opacity: 0.08;
    }
    33% { 
        transform: scale(1.05) translate(-2%, -1%) rotate(0.5deg);
        opacity: 0.12;
    }
    66% { 
        transform: scale(0.98) translate(1%, 1%) rotate(-0.3deg);
        opacity: 0.06;
    }
}

/* Additional sophisticated overlay pattern */
.hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        linear-gradient(45deg, transparent 30%, rgba(247, 220, 111, 0.02) 50%, transparent 70%),
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 2px,
            rgba(26, 82, 118, 0.01) 2px,
            rgba(26, 82, 118, 0.01) 4px
        );
    z-index: 1;
    pointer-events: none;
}

/* Ensure content appears above background */
.hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.hero-visual {
    position: relative;
    z-index: 2;
}

/* Floating geometric elements for next-gen design */
.hero-visual::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    top: -50px;
    right: -50px;
    background: 
        radial-gradient(circle, rgba(133, 193, 233, 0.15) 0%, transparent 70%),
        conic-gradient(from 45deg, transparent 0deg, rgba(247, 220, 111, 0.08) 90deg, transparent 180deg);
    border-radius: 50%;
    animation: floatRotate 15s ease-in-out infinite;
    z-index: 1;
    filter: blur(1px);
}

/* Neural Membrane Activity - Electric Field Visualization */
.hero-content::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    top: 20%;
    left: -50px;
    background: 
        /* Electric field lines */
        repeating-conic-gradient(
            from 0deg,
            rgba(26, 82, 118, 0.06) 0deg 15deg,
            transparent 15deg 30deg
        ),
        /* Membrane potential waves */
        radial-gradient(circle at 50% 50%, 
            rgba(255, 215, 0, 0.1) 0%, 
            rgba(133, 193, 233, 0.05) 30%,
            transparent 60%
        );
    border-radius: 50%;
    animation: dataRotate 20s linear infinite, neuralPulse 4s ease-in-out infinite alternate;
    z-index: -1;
}

/* Neural Action Potential Spikes */
.hero-content::after {
    content: '';
    position: absolute;
    top: 40%;
    right: -30px;
    width: 150px;
    height: 20px;
    background-image: 
        /* Spike pattern */
        linear-gradient(0deg, transparent 0%, rgba(255, 215, 0, 0.6) 20%, transparent 40%),
        linear-gradient(0deg, transparent 30%, rgba(133, 193, 233, 0.4) 50%, transparent 70%),
        linear-gradient(0deg, transparent 60%, rgba(26, 82, 118, 0.3) 80%, transparent 100%);
    background-size: 8px 100%, 12px 100%, 15px 100%;
    background-repeat: repeat-x;
    animation: synapticTransmission 3s linear infinite;
    z-index: 0;
    opacity: 0.8;
}

.hero-content::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 10%;
    right: -40px;
    background: 
        linear-gradient(45deg, 
            rgba(133, 193, 233, 0.05) 0%, 
            rgba(247, 220, 111, 0.03) 50%, 
            transparent 100%
        );
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    animation: dataFloat 18s ease-in-out infinite;
    z-index: -1;
}

@keyframes dataRotate {
    0% { transform: rotate(0deg) scale(1); }
    100% { transform: rotate(360deg) scale(1.1); }
}

@keyframes dataFloat {
    0%, 100% { 
        transform: translateY(0) rotate(0deg);
        opacity: 0.6;
    }
    50% { 
        transform: translateY(-20px) rotate(180deg);
        opacity: 0.3;
    }
}

.hero-visual::after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    bottom: -30px;
    left: -30px;
    background: 
        linear-gradient(135deg, rgba(26, 82, 118, 0.08) 0%, transparent 50%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    animation: floatPulse 12s ease-in-out infinite reverse;
    z-index: 1;
}

@keyframes floatRotate {
    0%, 100% { 
        transform: rotate(0deg) scale(1);
        opacity: 0.6;
    }
    50% { 
        transform: rotate(180deg) scale(1.1);
        opacity: 0.3;
    }
}

@keyframes floatPulse {
    0%, 100% { 
        transform: scale(1) translateY(0);
        opacity: 0.4;
    }
    50% { 
        transform: scale(1.2) translateY(-10px);
        opacity: 0.7;
    }
}

.hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 24px;
    color: var(--white);
    position: relative;
}

.hero-title .highlight {
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

/* Sophisticated glow effect for highlight text */
.hero-title .highlight::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: blur(8px);
    opacity: 0.3;
    z-index: -1;
    animation: textGlow 3s ease-in-out infinite alternate;
}

@keyframes textGlow {
    0% { filter: blur(8px); opacity: 0.2; }
    100% { filter: blur(12px); opacity: 0.4; }
}



.hero-layout {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 20px;
}

.hero-content {
    position: relative;
    z-index: 2;
}

.hero-header {
    text-align: left;
    max-width: 800px;
    margin-bottom: 60px;
}

.hero-text {
    position: relative;
}

.hero-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    position: relative;
    padding: 0;
}

/* Sophisticated Neural Pathway Network */
.hero-content::before {
    content: '';
    position: absolute;
    top: -20%;
    left: -10%;
    right: -10%;
    bottom: -20%;
    background-image:
        /* Primary neural pathways */
        linear-gradient(45deg, transparent 0%, rgba(133, 193, 233, 0.2) 2%, transparent 4%),
        linear-gradient(-45deg, transparent 20%, rgba(255, 215, 0, 0.15) 22%, transparent 24%),
        linear-gradient(135deg, transparent 40%, rgba(26, 82, 118, 0.1) 42%, transparent 44%),
        linear-gradient(-135deg, transparent 60%, rgba(133, 193, 233, 0.15) 62%, transparent 64%),
        linear-gradient(90deg, transparent 80%, rgba(255, 215, 0, 0.1) 82%, transparent 84%),
        /* Neural nodes */
        radial-gradient(circle at 25% 30%, rgba(133, 193, 233, 0.4) 1px, transparent 2px),
        radial-gradient(circle at 75% 20%, rgba(255, 215, 0, 0.6) 1px, transparent 2px),
        radial-gradient(circle at 60% 80%, rgba(26, 82, 118, 0.5) 1px, transparent 2px),
        radial-gradient(circle at 20% 70%, rgba(133, 193, 233, 0.3) 1px, transparent 2px),
        radial-gradient(circle at 85% 60%, rgba(255, 215, 0, 0.4) 1px, transparent 2px);
    background-size: 
        200px 200px, 180px 180px, 220px 220px, 160px 160px, 190px 190px,
        80px 80px, 100px 100px, 120px 120px, 90px 90px, 110px 110px;
    animation: neuralFlow 12s linear infinite, neuralPulse 6s ease-in-out infinite alternate;
    z-index: 0;
    opacity: 0.7;
}

/* Enhanced Neural Network Nodes */
.hero-content .hero-title::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: -15px;
    left: 8%;
    background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, transparent 70%);
    border-radius: 50%;
    box-shadow: 
        25px 20px 0 -2px rgba(133, 193, 233, 0.7),
        55px 12px 0 -2px rgba(255, 215, 0, 0.6),
        80px 30px 0 -2px rgba(26, 82, 118, 0.6),
        110px 18px 0 -2px rgba(133, 193, 233, 0.5),
        140px 35px 0 -2px rgba(255, 215, 0, 0.7),
        170px 25px 0 -2px rgba(26, 82, 118, 0.4),
        200px 15px 0 -2px rgba(133, 193, 233, 0.6);
    animation: neuralNodePulse 4s ease-in-out infinite;
    z-index: 1;
}

/* Synaptic Connection Lines */
.hero-content .hero-title::after {
    content: '';
    position: absolute;
    top: -8px;
    left: 10%;
    width: 180px;
    height: 2px;
    background: linear-gradient(90deg, 
        rgba(255, 215, 0, 0.6) 0%, 
        rgba(133, 193, 233, 0.4) 25%,
        rgba(26, 82, 118, 0.3) 50%,
        rgba(133, 193, 233, 0.4) 75%,
        rgba(255, 215, 0, 0.6) 100%
    );
    border-radius: 1px;
    animation: synapticFlow 3s ease-in-out infinite;
    z-index: 1;
}

/* Network connection lines */
.hero-content .hero-subtitle::after {
    content: '';
    position: absolute;
    bottom: -15px;
    right: 20%;
    width: 60px;
    height: 1px;
    background: linear-gradient(90deg, 
        rgba(133, 193, 233, 0.3) 0%, 
        rgba(247, 220, 111, 0.5) 50%, 
        rgba(26, 82, 118, 0.2) 100%
    );
    transform-origin: left;
    animation: networkConnect 3s ease-in-out infinite alternate;
    z-index: -1;
}

.hero-content .hero-subtitle::before {
    content: '';
    position: absolute;
    bottom: -14px;
    right: calc(20% + 55px);
    width: 3px;
    height: 3px;
    background: var(--golden-yellow);
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(247, 220, 111, 0.6);
    animation: networkNode 2s ease-in-out infinite;
    z-index: -1;
}

/* Advanced Synaptic Connections */
.hero-content::after {
    content: '';
    position: absolute;
    top: 60%;
    right: -20px;
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(133, 193, 233, 0.6) 20%,
        rgba(255, 215, 0, 0.8) 50%,
        rgba(26, 82, 118, 0.4) 80%,
        transparent 100%
    );
    border-radius: 1px;
    animation: synapticTransmission 4s ease-in-out infinite;
    z-index: 0;
}

/* Additional Neural Nodes */
.hero::before {
    content: '';
    position: absolute;
    top: 30%;
    left: 15%;
    width: 4px;
    height: 4px;
    background: radial-gradient(circle, rgba(133, 193, 233, 0.9) 0%, transparent 70%);
    border-radius: 50%;
    box-shadow: 
        40px 25px 0 -1px rgba(255, 215, 0, 0.8),
        85px 10px 0 -1px rgba(26, 82, 118, 0.7),
        130px 40px 0 -1px rgba(133, 193, 233, 0.6),
        175px 20px 0 -1px rgba(255, 215, 0, 0.9),
        220px 35px 0 -1px rgba(26, 82, 118, 0.5);
    animation: neuralConnectivity 8s ease-in-out infinite;
    z-index: 1;
}

/* Micro-synaptic Activity */
.hero-visual::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    top: -50px;
    right: -50px;
    background: 
        radial-gradient(circle at 25% 25%, rgba(133, 193, 233, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(255, 215, 0, 0.1) 0%, transparent 50%),
        conic-gradient(from 45deg, transparent 0deg, rgba(247, 220, 111, 0.08) 90deg, transparent 180deg);
    border-radius: 50%;
    animation: floatRotate 15s ease-in-out infinite, brainWave 10s linear infinite;
    z-index: 1;
    filter: blur(1px);
}

@keyframes networkPulse {
    0%, 100% { 
        opacity: 0.6;
        transform: scale(1);
    }
    50% { 
        opacity: 1;
        transform: scale(1.2);
    }
}

@keyframes networkConnect {
    0% { 
        transform: scaleX(0.3);
        opacity: 0.3;
    }
    100% { 
        transform: scaleX(1);
        opacity: 0.8;
    }
}

@keyframes networkNode {
    0%, 100% { 
        transform: scale(1);
        box-shadow: 0 0 6px rgba(247, 220, 111, 0.6);
    }
    50% { 
        transform: scale(1.4);
        box-shadow: 0 0 12px rgba(247, 220, 111, 0.9);
    }
}

/* Neural Dendrites - Complex branching structures */
.hero-title::after {
    content: '';
    position: absolute;
    top: -30px;
    left: 60%;
    width: 80px;
    height: 80px;
    background-image: 
        /* Main dendrite branches */
        linear-gradient(45deg, transparent 48%, rgba(133, 193, 233, 0.4) 49%, rgba(133, 193, 233, 0.4) 51%, transparent 52%),
        linear-gradient(-45deg, transparent 48%, rgba(255, 215, 0, 0.3) 49%, rgba(255, 215, 0, 0.3) 51%, transparent 52%),
        linear-gradient(90deg, transparent 48%, rgba(26, 82, 118, 0.2) 49%, rgba(26, 82, 118, 0.2) 51%, transparent 52%),
        linear-gradient(0deg, transparent 48%, rgba(133, 193, 233, 0.3) 49%, rgba(133, 193, 233, 0.3) 51%, transparent 52%),
        /* Synaptic endpoints */
        radial-gradient(circle at 15% 85%, rgba(255, 215, 0, 0.6) 1px, transparent 2px),
        radial-gradient(circle at 85% 15%, rgba(133, 193, 233, 0.5) 1px, transparent 2px),
        radial-gradient(circle at 85% 85%, rgba(26, 82, 118, 0.4) 1px, transparent 2px),
        radial-gradient(circle at 15% 15%, rgba(255, 215, 0, 0.7) 1px, transparent 2px);
    background-size: 
        40px 40px, 40px 40px, 40px 40px, 40px 40px,
        20px 20px, 20px 20px, 20px 20px, 20px 20px;
    animation: neuralConnectivity 6s ease-in-out infinite, brainWave 12s linear infinite;
    z-index: 0;
    opacity: 0.6;
}

/* Neural Axon Pathways */
.hero-subtitle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -40px;
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, 
        rgba(133, 193, 233, 0.2) 0%, 
        rgba(255, 215, 0, 0.6) 30%,
        rgba(26, 82, 118, 0.4) 60%,
        rgba(133, 193, 233, 0.8) 90%,
        transparent 100%
    );
    border-radius: 2px;
    animation: synapticFlow 5s ease-in-out infinite;
    z-index: 0;
}

/* Neural Signal Propagation */
.hero-subtitle::before {
    content: '';
    position: absolute;
    top: 48%;
    left: -42px;
    width: 6px;
    height: 7px;
    background: radial-gradient(ellipse, rgba(255, 215, 0, 1) 0%, rgba(255, 215, 0, 0.3) 70%, transparent 100%);
    border-radius: 50%;
    box-shadow: 
        0 0 8px rgba(255, 215, 0, 0.8),
        0 0 16px rgba(255, 215, 0, 0.4);
    animation: synapticTransmission 5s ease-in-out infinite;
    z-index: 1;
}

/* AI Brand Accent Styling */
.ai-accent {
    color: var(--golden-yellow);
    font-weight: 700;
}

.ai-highlight {
    background: linear-gradient(135deg, var(--golden-yellow), #F4D03F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

.hero-subtitle {
    font-size: 1.3rem;
    color: #CCCCCC;
    margin-bottom: 50px;
    line-height: 1.7;
    font-weight: 400;
    position: relative;
}

.benefits {
    margin-bottom: 50px;
    position: relative;
}

/* Hero Founder Section - Prominent Brand Display */
.hero-founder {
    margin: 60px 0;
    padding: 40px 0;
    position: relative;
    z-index: 10;
}

.founder-intro {
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 800px;
}

.founder-photo {
    flex-shrink: 0;
}

.hero-founder-image {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid var(--golden-yellow);
    box-shadow: 
        0 15px 40px rgba(0, 0, 0, 0.3),
        0 0 0 8px rgba(255, 215, 0, 0.2);
    transition: var(--transition);
    filter: brightness(1.05) contrast(1.1);
}

.hero-founder-image:hover {
    transform: scale(1.05);
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.4),
        0 0 0 8px rgba(255, 215, 0, 0.4),
        0 0 30px rgba(255, 215, 0, 0.3);
}

.founder-placeholder-circle {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 4rem;
    border: 4px solid var(--golden-yellow);
    box-shadow: 
        0 15px 40px rgba(0, 0, 0, 0.3),
        0 0 0 8px rgba(255, 215, 0, 0.2);
}

.founder-content h3 {
    font-size: 2rem;
    color: var(--white);
    margin-bottom: 8px;
    font-weight: 700;
}

.founder-title {
    font-size: 1.2rem;
    color: var(--golden-yellow);
    margin-bottom: 16px !important;
    font-weight: 600;
}

.founder-description {
    font-size: 1.1rem;
    color: #CCCCCC;
    line-height: 1.6;
    margin: 0;
}

.benefit-item {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    font-size: 1.1rem;
    padding: 16px 20px;
    background: rgba(33, 33, 33, 0.9);
    color: var(--white);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border-left: 4px solid var(--success);
}

.benefit-item:hover {
    transform: translateX(8px);
    box-shadow: var(--shadow-md);
    background: rgba(50, 50, 50, 0.95);
}

.benefit-item i {
    color: var(--success);
    font-size: 1.4rem;
    padding: 8px;
    background: rgba(16, 185, 129, 0.1);
    border-radius: 50%;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* CTA Styles */
.cta-section {
    text-align: left;
    position: relative;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: var(--gradient-primary);
    color: var(--white);
    padding: 20px 40px;
    border-radius: var(--border-radius-lg);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.cta-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: var(--transition);
}

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

.cta-button:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: var(--shadow-lg);
    border-color: rgba(133, 193, 233, 0.5);
}

.cta-button:active {
    transform: translateY(-1px) scale(0.98);
    transition: var(--transition-fast);
}

.cta-button.large {
    padding: 26px 52px;
    font-size: 1.3rem;
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-lg);
}

.cta-button.large:hover {
    box-shadow: var(--shadow-xl);
}

.cta-subtext {
    margin-top: 16px;
    color: #CCCCCC;
    font-size: 0.9rem;
}

.secondary-cta {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
}

.secondary-cta p {
    margin-bottom: 12px;
    color: #CCCCCC;
    font-size: 0.95rem;
}

.calculator-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--secondary-teal);
    text-decoration: none;
    font-weight: 600;
    padding: 8px 16px;
    border: 2px solid var(--secondary-teal);
    border-radius: 6px;
    transition: all 0.3s ease;
}

.calculator-link:hover {
    background: var(--secondary-teal);
    color: var(--white);
    transform: translateY(-1px);
}





























/* Professional Animation Keyframes */
@keyframes ambientBreathing {
    0% { 
        opacity: 0.3;
        transform: scale(1) rotate(0deg);
    }
    50% { 
        opacity: 0.7;
        transform: scale(1.05) rotate(0.5deg);
    }
    100% { 
        opacity: 0.3;
        transform: scale(1) rotate(0deg);
    }
}

/* AI Text Movement Animation */
@keyframes aiTextMove {
    0%, 100% { 
        transform: translateY(0px) scale(1);
        filter: brightness(1);
    }
    50% { 
        transform: translateY(-2px) scale(1.02);
        filter: brightness(1.1);
    }
}

@keyframes aiUnderlineMove {
    0%, 100% { 
        opacity: 0.7;
        transform: scaleX(1);
    }
    50% { 
        opacity: 0.9;
        transform: scaleX(1.05);
    }
}

@keyframes elegantFloat {
    0% { 
        background-position: 0% 0%, 10% 10%, 20% 20%, 5% 5%, 15% 15%;
        opacity: 0.2;
    }
    25% { 
        background-position: 25% 25%, 35% 35%, 45% 45%, 30% 30%, 40% 40%;
        opacity: 0.4;
    }
    50% { 
        background-position: 50% 50%, 60% 60%, 70% 70%, 55% 55%, 65% 65%;
        opacity: 0.6;
    }
    75% { 
        background-position: 75% 75%, 85% 85%, 95% 95%, 80% 80%, 90% 90%;
        opacity: 0.4;
    }
    100% { 
        background-position: 100% 100%, 110% 110%, 120% 120%, 105% 105%, 115% 115%;
        opacity: 0.2;
    }
}

/* Hero Founder Section - Prominent Brand Display */
.hero-founder {
    margin: 60px 0;
    padding: 40px 0;
    position: relative;
    z-index: 10;
}

.founder-intro {
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 800px;
}

.founder-photo {
    flex-shrink: 0;
}

.hero-founder-image {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid var(--golden-yellow);
    box-shadow: 
        0 15px 40px rgba(0, 0, 0, 0.3),
        0 0 0 8px rgba(255, 215, 0, 0.2);
    transition: var(--transition);
    filter: brightness(1.05) contrast(1.1);
}

.hero-founder-image:hover {
    transform: scale(1.05);
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.4),
        0 0 0 8px rgba(255, 215, 0, 0.4),
        0 0 30px rgba(255, 215, 0, 0.3);
}

.founder-placeholder-circle {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 4rem;
    border: 4px solid var(--golden-yellow);
    box-shadow: 
        0 15px 40px rgba(0, 0, 0, 0.3),
        0 0 0 8px rgba(255, 215, 0, 0.2);
}

.founder-content h3 {
    font-size: 2rem;
    color: var(--white);
    margin-bottom: 8px;
    font-weight: 700;
}

.founder-title {
    font-size: 1.2rem;
    color: var(--golden-yellow);
    margin-bottom: 16px !important;
    font-weight: 600;
}

.founder-description {
    font-size: 1.1rem;
    color: #CCCCCC;
    line-height: 1.6;
    margin: 0;
}

/* Pulsing Animation Keyframes */
@keyframes pulseYellow {
    0%, 100% { 
        transform: scale(1);
        opacity: 0.6;
        filter: blur(0px);
        box-shadow: 
            80px 60px 0 -2px rgba(133, 193, 233, 0.6),
            160px 20px 0 -4px rgba(255, 215, 0, 0.8),
            240px 80px 0 -3px rgba(133, 193, 233, 0.7),
            40px 140px 0 -2px rgba(255, 215, 0, 0.6),
            200px 160px 0 -4px rgba(133, 193, 233, 0.5),
            120px 30px 0 -3px rgba(255, 215, 0, 0.7),
            280px 140px 0 -2px rgba(133, 193, 233, 0.6),
            60px 200px 0 -4px rgba(255, 215, 0, 0.5);
    }
    50% { 
        transform: scale(1.5);
        opacity: 1;
        filter: blur(1px);
        box-shadow: 
            80px 60px 0 0px rgba(133, 193, 233, 1),
            160px 20px 0 -2px rgba(255, 215, 0, 1),
            240px 80px 0 -1px rgba(133, 193, 233, 0.9),
            40px 140px 0 0px rgba(255, 215, 0, 0.9),
            200px 160px 0 -2px rgba(133, 193, 233, 0.8),
            120px 30px 0 -1px rgba(255, 215, 0, 1),
            280px 140px 0 0px rgba(133, 193, 233, 0.9),
            60px 200px 0 -2px rgba(255, 215, 0, 0.8),
            0 0 20px rgba(255, 215, 0, 0.5);
    }
}

@keyframes pulseBlue {
    0%, 100% { 
        transform: scale(1);
        opacity: 0.7;
        filter: blur(0px);
        box-shadow: 
            -100px -40px 0 -1px rgba(255, 215, 0, 0.6),
            -200px 20px 0 -2px rgba(133, 193, 233, 0.7),
            -50px -120px 0 -1px rgba(255, 215, 0, 0.5),
            -180px -80px 0 -3px rgba(133, 193, 233, 0.6),
            -120px 60px 0 -2px rgba(255, 215, 0, 0.7),
            -260px -20px 0 -1px rgba(133, 193, 233, 0.5),
            -80px -180px 0 -2px rgba(255, 215, 0, 0.6);
    }
    50% { 
        transform: scale(1.3);
        opacity: 1;
        filter: blur(0.5px);
        box-shadow: 
            -100px -40px 0 1px rgba(255, 215, 0, 0.9),
            -200px 20px 0 0px rgba(133, 193, 233, 1),
            -50px -120px 0 1px rgba(255, 215, 0, 0.8),
            -180px -80px 0 -1px rgba(133, 193, 233, 0.9),
            -120px 60px 0 0px rgba(255, 215, 0, 1),
            -260px -20px 0 1px rgba(133, 193, 233, 0.8),
            -80px -180px 0 0px rgba(255, 215, 0, 0.9),
            0 0 15px rgba(133, 193, 233, 0.4);
    }
}

@keyframes particleFlow {
    0% { 
        background-position: 0% 0%, 10% 10%, 20% 20%, 5% 5%, 15% 15%;
        opacity: 0.3;
    }
    25% { 
        background-position: 25% 25%, 35% 35%, 45% 45%, 30% 30%, 40% 40%;
        opacity: 0.6;
    }
    50% { 
        background-position: 50% 50%, 60% 60%, 70% 70%, 55% 55%, 65% 65%;
        opacity: 0.9;
    }
    75% { 
        background-position: 75% 75%, 85% 85%, 95% 95%, 80% 80%, 90% 90%;
        opacity: 0.6;
    }
    100% { 
        background-position: 100% 100%, 110% 110%, 120% 120%, 105% 105%, 115% 115%;
        opacity: 0.3;
    }
}

@keyframes geometricFloat {
    0%, 100% { 
        transform: translateY(0) rotate(0deg) scale(1);
        opacity: 0.3;
    }
    33% { 
        transform: translateY(-20px) rotate(120deg) scale(1.1);
        opacity: 0.7;
    }
    66% { 
        transform: translateY(-10px) rotate(240deg) scale(0.9);
        opacity: 0.5;
    }
}

@keyframes circuitFlow {
    0% { 
        background-position: 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        opacity: 0.2;
    }
    25% { 
        background-position: 25% 25%, -25% 25%, 50% -25%, 15% 15%;
        opacity: 0.4;
    }
    50% { 
        background-position: 50% 50%, -50% 50%, 100% -50%, 30% 30%;
        opacity: 0.6;
    }
    75% { 
        background-position: 75% 75%, -75% 75%, 150% -75%, 45% 45%;
        opacity: 0.4;
    }
    100% { 
        background-position: 100% 100%, -100% 100%, 200% -100%, 60% 60%;
        opacity: 0.2;
    }
}

@keyframes ambientGlow {
    0% { 
        opacity: 0.1;
        transform: scale(1);
    }
    50% { 
        opacity: 0.3;
        transform: scale(1.1);
    }
    100% { 
        opacity: 0.1;
        transform: scale(1);
    }
}

@keyframes orbit {
    0% { 
        transform: rotate(0deg) translateX(150px) rotate(0deg);
        opacity: 0.4;
    }
    50% { 
        opacity: 1;
    }
    100% { 
        transform: rotate(360deg) translateX(150px) rotate(-360deg);
        opacity: 0.4;
    }
}

@keyframes reverseOrbit {
    0% { 
        transform: rotate(0deg) translateX(-120px) rotate(0deg);
        opacity: 0.5;
    }
    50% { 
        opacity: 0.9;
    }
    100% { 
        transform: rotate(-360deg) translateX(-120px) rotate(360deg);
        opacity: 0.5;
    }
}









/* Floating Animation */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

/* Social Proof */
.social-proof {
    padding: 60px 0;
    background: #000000;
    text-align: center;
}

.social-proof h3 {
    font-size: 1.5rem;
    color: var(--white);
    margin-bottom: 40px;
}

.stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 30px;
}

.stat {
    text-align: center;
    padding: 32px 24px;
    background: rgba(33, 33, 33, 0.8);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    border: 1px solid rgba(133, 193, 233, 0.4);
    position: relative;
    overflow: hidden;
}

.stat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-secondary);
}

.stat:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
    border-color: rgba(133, 193, 233, 0.4);
}

.stat-number {
    display: block;
    font-size: 3.2rem;
    font-weight: 700;
    background: var(--gradient-secondary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 8px;
    position: relative;
}

.stat-text {
    color: #CCCCCC;
    font-size: 1.1rem;
    font-weight: 500;
}

/* About Section */
/* About Section - Professional Tab Format */
.about {
    padding: var(--section-padding);
    background: #000000;
}

.about-content {
    max-width: 1200px;
    margin: 0 auto;
}

.about h2 {
    font-size: 2.5rem;
    color: var(--white);
    text-align: center;
    margin-bottom: 40px;
}

/* Tab Navigation */
.tab-navigation {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    background: rgba(33, 33, 33, 0.8);
    border-radius: 12px;
    padding: 8px;
    box-shadow: var(--shadow);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.tab-btn {
    flex: 1;
    padding: 15px 20px;
    border: none;
    background: transparent;
    color: #CCCCCC;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.tab-btn:hover {
    background: #000000;
    color: var(--secondary-teal);
}

.tab-btn.active {
    background: var(--primary-blue);
    color: var(--white);
    box-shadow: 0 2px 8px rgba(26, 82, 118, 0.3);
}

.tab-btn i {
    font-size: 1.1rem;
}

/* Tab Content Container */
.tab-content-container {
    background: #000000;
    border-radius: 16px;
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 30px;
}

.tab-content {
    display: none;
    padding: 40px;
    min-height: 400px;
}

.tab-content.active {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
}

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

/* Tab Layout */
.tab-layout {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 40px;
    align-items: start;
}

.tab-layout .full-width {
    grid-column: 1 / -1;
}

/* Photo Section */
.tab-photo {
    text-align: center;
}

.founder-image {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid var(--golden-yellow);
    box-shadow: 
        var(--shadow),
        0 0 0 8px rgba(255, 215, 0, 0.15);
    transition: transform 0.3s ease;
    filter: brightness(1.05) contrast(1.1);
}

.founder-image:hover {
    transform: scale(1.05);
}

.founder-placeholder {
    display: flex;
    justify-content: center;
    align-items: center;
}

.founder-placeholder-circle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 4rem;
    border: 4px solid var(--golden-yellow);
    box-shadow: 
        var(--shadow),
        0 0 0 8px rgba(255, 215, 0, 0.15);
}

/* Tab Text Content */
.tab-text h3 {
    font-size: 1.8rem;
    color: var(--secondary-teal);
    margin-bottom: 20px;
}

.tab-text p {
    font-size: 1.1rem;
    color: #CCCCCC;
    line-height: 1.6;
    margin-bottom: 30px;
}

/* Experience Highlights */
.experience-highlights {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.highlight-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    background: #000000;
    border-radius: 8px;
    border-left: 4px solid var(--secondary-teal);
}

.highlight-item i {
    color: var(--secondary-teal);
    font-size: 1.1rem;
}

.highlight-item span {
    font-weight: 500;
    color: var(--white);
}

/* Expertise Areas */
.expertise-areas {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.expertise-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
    background: #000000;
    border-radius: 12px;
    transition: transform 0.2s ease;
}

.expertise-item:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow);
}

.expertise-item i {
    color: var(--golden-yellow);
    font-size: 2rem;
    margin-top: 5px;
}

.expertise-item h4 {
    font-size: 1.2rem;
    color: var(--secondary-teal);
    margin-bottom: 8px;
}

.expertise-item p {
    font-size: 0.95rem;
    color: #CCCCCC;
    margin: 0;
}

/* Mission Points */
.mission-points {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.mission-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
    background: #000000;
    border-radius: 12px;
    transition: transform 0.2s ease;
}

.mission-item:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow);
}

.mission-item i {
    color: var(--primary-blue);
    font-size: 2rem;
    margin-top: 5px;
}

.mission-item h4 {
    font-size: 1.2rem;
    color: var(--secondary-teal);
    margin-bottom: 8px;
}

.mission-item p {
    font-size: 0.95rem;
    color: #CCCCCC;
    margin: 0;
}

/* Founder Signature */
.founder-signature {
    text-align: center;
    padding: 30px;
    background: #000000;
    border-radius: 12px;
    box-shadow: var(--shadow);
}

.founder-signature p {
    font-size: 1.5rem;
    color: var(--secondary-teal);
    margin-bottom: 8px;
}

.founder-signature .title {
    font-size: 1rem;
    color: #CCCCCC;
    font-weight: 500;
}

/* Responsive Styles for Founder Tabs */
@media (max-width: 768px) {
    .tab-navigation {
        flex-direction: column;
        padding: 12px;
        max-width: 100%;
    }
    
    .tab-btn {
        margin-bottom: 4px;
        padding: 12px 15px;
        font-size: 0.9rem;
    }
    
    .tab-btn:last-child {
        margin-bottom: 0;
    }
    
    .tab-content {
        padding: 25px 20px;
        min-height: 300px;
    }
    
    .tab-layout {
        grid-template-columns: 1fr;
        gap: 25px;
        text-align: center;
    }
    
    .founder-image {
        width: 200px;
        height: 200px;
    }
    
    .tab-layout .founder-placeholder-circle {
        width: 200px;
        height: 200px;
        font-size: 3.5rem;
    }
    
    .tab-text h3 {
        font-size: 1.5rem;
    }
    
    .expertise-areas, .mission-points {
        gap: 15px;
    }
    
    .expertise-item, .mission-item {
        padding: 15px;
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .expertise-item i, .mission-item i {
        margin-top: 0;
    }
    
    .founder-signature {
        padding: 20px;
    }
    
    .founder-signature p {
        font-size: 1.3rem;
    }
}

/* Premium Visual Enhancements */

/* Elegant Section Dividers */
.section-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--secondary-teal) 50%, transparent 100%);
    margin: 80px 0;
    position: relative;
}

.section-divider::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: var(--secondary-teal);
    border-radius: 50%;
    box-shadow: 0 0 0 4px var(--white), 0 0 20px rgba(133, 193, 233, 0.4);
}

/* Enhanced Visual Feedback */
.interactive-element {
    transition: var(--transition);
    cursor: pointer;
}

.interactive-element:hover {
    transform: translateY(-2px);
}

/* Premium Glass Effect */
.glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
}

/* Floating Animation */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

.floating {
    animation: float 6s ease-in-out infinite;
}

/* Pulse Animation for CTAs */
.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(133, 193, 233, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(133, 193, 233, 0); }
    100% { box-shadow: 0 0 0 0 rgba(133, 193, 233, 0); }
}

/* Enhanced Typography */
.text-gradient {
    background: var(--gradient-secondary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Premium Loading States */
.shimmer {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* Enhanced Micro-interactions */
.scale-on-hover {
    transition: var(--transition);
}

.scale-on-hover:hover {
    transform: scale(1.05);
}

/* Advanced Visual Hierarchy */
.elevated-content {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: var(--border-radius-xl);
    padding: 40px;
    margin: 40px 0;
    box-shadow: var(--shadow-lg);
    border: 1px solid rgba(133, 193, 233, 0.1);
}

/* Premium Visual Separators */
.visual-break {
    margin: 100px 0;
    position: relative;
    text-align: center;
}

.visual-break::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(133, 193, 233, 0.3) 50%, transparent 100%);
}

/* Enhanced Focus States */
.focus-ring:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(133, 193, 233, 0.4);
}

/* Vivid Text-Only Logo Styling */
.logo-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.logo-text {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-weight: 900;
    font-size: 2rem;
    line-height: 1.1;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    font-family: 'Inter', sans-serif;
}

.logo-1ndygo {
    color: #1A5276;
    font-weight: 900;
    letter-spacing: -0.8px;
    text-shadow: 0 2px 4px rgba(26, 82, 118, 0.3);
    font-size: 1em;
}

.logo-ai {
    /* Clean yellow styling with movement */
    color: var(--golden-yellow);
    font-weight: 900;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    letter-spacing: 2px;
    font-size: 1em;
    position: relative;
    /* Clean yellow gradient */
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    /* Movement animation */
    animation: aiTextMove 3s ease-in-out infinite;
}

.logo-ai::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--golden-yellow), transparent);
    border-radius: 2px;
    opacity: 0.7;
    animation: aiUnderlineMove 3s ease-in-out infinite 0.5s;
}

.logo-tagline {
    color: #85C1E9;
    font-size: 0.9rem;
    font-weight: 700;
    margin-top: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(133, 193, 233, 0.4);
}

/* Enhanced Logo Hover Effect */
.logo:hover .logo-1ndygo {
    color: #0F3460;
    transition: var(--transition);
}

.logo:hover .logo-ai {
    background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 2px 6px rgba(255, 215, 0, 0.4);
    transform: scale(1.08);
    transition: var(--transition);
}

.logo:hover .logo-tagline {
    color: #5DADE2;
    transition: var(--transition);
}

/* Responsive Logo Sizing */
@media (max-width: 768px) {
    .logo-text {
        font-size: 1.5rem;
        gap: 6px;
    }
    
    .logo-tagline {
        font-size: 0.75rem;
    }
}

/* Mobile optimization for hero background and 3D chart */
@media (max-width: 768px) {
    .hero::before {
        background-size: 150% auto, 150% auto, cover;
        opacity: 0.05;
        animation-duration: 25s;
    }
    
    .hero-visual::before {
        width: 120px;
        height: 120px;
        top: -30px;
        right: -30px;
    }
    
    .hero-visual::after {
        width: 100px;
        height: 100px;
        bottom: -20px;
        left: -20px;
    }
    
    .hero-title .highlight::after {
        filter: blur(6px);
        opacity: 0.2;
    }
    
    /* Mobile 3D Chart Optimization */
    .hero-3d-chart {
        max-width: 300px;
    }
    
    .growth-badge {
        padding: 8px 16px;
        font-size: 0.8rem;
        top: -5px;
        right: -5px;
    }
    
    .chart-overlay {
        top: -5px;
        right: -5px;
    }
}

/* Founder Name Section (for thank-you page) */
.founder-name {
    margin-top: 30px;
    text-align: center;
    padding: 20px;
    background: rgba(33, 33, 33, 0.8);
    border-radius: 12px;
    border-left: 4px solid var(--secondary-teal);
}

.founder-name p {
    font-size: 1.4rem;
    color: var(--primary-blue);
    margin-bottom: 8px;
}

.founder-name .founder-title {
    font-size: 1rem;
    color: #CCCCCC;
    font-weight: 500;
}
    line-height: 1.7;
}

.credentials {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.credential {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #000000;
    padding: 16px 24px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}

.credential i {
    color: var(--secondary-teal);
    font-size: 1.2rem;
}

/* Tasmania's AI Opportunity Section */
.tasmania-opportunity {
    padding: var(--section-padding);
    background: #000000;
    position: relative;
}

.tasmania-opportunity::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231A5276' fill-opacity='0.02'%3E%3Ccircle cx='9' cy='9' r='1'/%3E%3Ccircle cx='49' cy='49' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.6;
}

.opportunity-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.opportunity-header h2 {
    font-size: 2.8rem;
    color: var(--white);
    margin-bottom: 16px;
    line-height: 1.2;
    font-weight: 700;
}

.opportunity-subtitle {
    color: #CCCCCC;
    font-size: 1.2rem;
    font-style: italic;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.opportunity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.opportunity-item {
    background: #000000;
    padding: 40px 30px;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: all 0.3s ease;
    border-top: 4px solid var(--primary-blue);
    position: relative;
    overflow: hidden;
}

.opportunity-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-blue), var(--golden-yellow));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.opportunity-item:hover::before {
    transform: scaleX(1);
}

.opportunity-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);
}

.opportunity-item.health {
    border-top-color: #e74c3c;
}

.opportunity-item.services {
    border-top-color: #27ae60;
}

.opportunity-item.economy {
    border-top-color: var(--golden-yellow);
}

.opportunity-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background: linear-gradient(135deg, var(--primary-blue), var(--secondary-teal));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 2rem;
    box-shadow: 0 8px 24px rgba(26, 82, 118, 0.3);
}

.opportunity-item h3 {
    font-size: 1.5rem;
    color: var(--white);
    margin-bottom: 16px;
    font-weight: 600;
}

.opportunity-item p {
    color: #CCCCCC;
    line-height: 1.7;
    margin-bottom: 20px;
    font-size: 1rem;
}

.impact-stat {
    background: linear-gradient(135deg, var(--golden-yellow), #f39c12);
    color: var(--white);
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
    box-shadow: 0 4px 12px rgba(247, 220, 111, 0.3);
}

.opportunity-cta {
    background: #000000;
    padding: 50px 40px;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
    z-index: 2;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.opportunity-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, var(--primary-blue), var(--golden-yellow), var(--secondary-teal));
    border-radius: 16px;
    padding: 2px;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: subtract;
    z-index: -1;
}

.opportunity-cta h3 {
    font-size: 1.8rem;
    color: var(--white);
    margin-bottom: 16px;
    font-weight: 600;
}

.opportunity-cta p {
    color: #CCCCCC;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.cta-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .opportunity-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .opportunity-item {
        padding: 30px 24px;
    }
    
    .opportunity-header h2 {
        font-size: 2.2rem;
    }
    
    .opportunity-cta {
        padding: 40px 24px;
    }
    
    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .cta-buttons .cta-button {
        width: 100%;
        max-width: 300px;
    }
}

/* AI Applications Section */
.ai-applications {
    padding: var(--section-padding);
    background: #000000;
}

.applications-header {
    text-align: center;
    margin-bottom: 60px;
}

.applications-header h2 {
    font-size: 2.5rem;
    color: var(--white);
    margin-bottom: 16px;
    line-height: 1.2;
}

.applications-subtitle {
    color: #CCCCCC;
    font-size: 1.1rem;
    font-style: italic;
}

.applications-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

.app-item {
    background: #000000;
    padding: 30px 24px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    text-align: center;
    transition: all 0.3s ease;
    border-left: 4px solid var(--golden-yellow);
}

.app-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.app-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, var(--primary-blue), var(--secondary-teal));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 1.5rem;
}

.app-item h3 {
    font-size: 1.25rem;
    color: var(--white);
    margin-bottom: 8px;
    font-weight: 600;
}

.app-stat {
    background: var(--golden-yellow);
    color: var(--white);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 12px;
}

.app-item p {
    color: #CCCCCC;
    line-height: 1.6;
    font-size: 0.95rem;
}

.applications-cta {
    text-align: center;
    background: #000000;
    padding: 40px 30px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}

.applications-cta .cta-text {
    font-size: 1.2rem;
    color: var(--white);
    margin-bottom: 24px;
    font-weight: 500;
}

@media (max-width: 768px) {
    .applications-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .app-item {
        padding: 24px 20px;
    }
    
    .applications-header h2 {
        font-size: 2rem;
    }
}

/* What You'll Get */
.what-you-get {
    padding: var(--section-padding);
    background: #000000;
}

.what-you-get h2 {
    font-size: 2.5rem;
    color: var(--white);
    text-align: center;
    margin-bottom: 60px;
}

.assessment-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
}

.assessment-item {
    text-align: center;
    padding: 40px 24px;
    background: #000000;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}

.item-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 2rem;
}

.assessment-item h3 {
    font-size: 1.5rem;
    color: var(--white);
    margin-bottom: 16px;
}

.assessment-item p {
    color: #CCCCCC;
    line-height: 1.6;
}

/* Business Growth Visualization */
.growth-visualization {
    margin-top: 60px;
    padding: 40px 0;
    text-align: center;
    background: #000000;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}

.growth-chart-container {
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.growth-chart {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.growth-chart:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.growth-caption h3 {
    font-size: 1.8rem;
    color: var(--white);
    margin-bottom: 12px;
    font-weight: 600;
}

.growth-caption p {
    color: #CCCCCC;
    font-size: 1.1rem;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

/* Responsive adjustments for growth visualization */
@media (max-width: 768px) {
    .growth-visualization {
        margin-top: 40px;
        padding: 30px 20px;
    }
    
    .growth-caption h3 {
        font-size: 1.5rem;
    }
    
    .growth-caption p {
        font-size: 1rem;
    }
}

/* Final CTA */
.final-cta {
    padding: var(--section-padding);
    background: #000000;
    color: var(--white);
    text-align: center;
}

.final-cta h2 {
    font-size: 2.5rem;
    margin-bottom: 16px;
}

.final-cta p {
    font-size: 1.25rem;
    margin-bottom: 40px;
    opacity: 0.9;
}

.urgency {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--warning);
    font-weight: 600;
}

.alternative-action {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.alternative-action p {
    margin-bottom: 12px;
    opacity: 0.8;
    font-size: 0.95rem;
}

.calculator-link-alt {
    color: var(--white);
    text-decoration: none;
    font-weight: 500;
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.calculator-link-alt:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Form Section Styles */
.form-section {
    padding: var(--section-padding);
    background: #000000;
}

.form-container {
    max-width: 1000px;
    margin: 0 auto;
}

.form-header {
    text-align: center;
    margin-bottom: 60px;
}

.form-header h1 {
    font-size: 2.5rem;
    color: var(--white);
    margin-bottom: 24px;
}

.form-subtitle {
    font-size: 1.25rem;
    color: #CCCCCC;
    line-height: 1.6;
    margin-bottom: 40px;
}

/* Booking Options */
.booking-options {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 30px;
    align-items: center;
    margin-bottom: 40px;
}

.booking-option {
    text-align: center;
    padding: 30px 20px;
    background: #000000;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.booking-option:first-child {
    border-color: var(--secondary-teal);
    background: linear-gradient(135deg, #e0f2f1, #f0f9ff);
}

.booking-option:first-child h3 {
    color: var(--dark-gray);
}

.booking-option:first-child p {
    color: var(--medium-gray);
}

.booking-option:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(0, 172, 193, 0.2);
}

.booking-option h3 {
    font-size: 1.25rem;
    color: var(--white);
    margin-bottom: 12px;
}

.booking-option p {
    color: #CCCCCC;
    margin-bottom: 20px;
    line-height: 1.5;
}

.calendly-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
    color: var(--white);
    padding: 16px 32px;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: var(--shadow);
}

.calendly-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(0, 172, 193, 0.4);
}

.booking-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #000000;
    border-radius: 50%;
    border: 2px solid #CCCCCC;
    color: #CCCCCC;
    font-weight: 600;
    font-size: 1.1rem;
}

.form-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

/* Value Reminders */
.value-reminders h3 {
    font-size: 1.5rem;
    color: var(--white);
    margin-bottom: 24px;
}

.reminder-item {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    padding: 20px;
    background: #000000;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}

.reminder-item i {
    color: var(--success);
    font-size: 1.2rem;
    margin-top: 4px;
}

.reminder-item strong {
    display: block;
    color: var(--white);
    margin-bottom: 4px;
}

.reminder-item p {
    color: #CCCCCC;
    font-size: 0.9rem;
}

/* Testimonial */
.testimonial {
    margin-top: 40px;
    padding: 24px;
    background: linear-gradient(135deg, var(--primary-blue), var(--accent-blue));
    color: var(--white);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}

.testimonial-content p {
    font-style: italic;
    margin-bottom: 16px;
    line-height: 1.6;
}

.testimonial-author strong {
    display: block;
    font-size: 1.1rem;
}

.testimonial-author span {
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Form Styles */
.assessment-form {
    background: #000000;
    padding: 40px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}

.form-group {
    margin-bottom: 24px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    color: var(--white);
    font-weight: 500;
}

.form-group input,
.form-group select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #666666;
    background: #000000;
    color: var(--white);
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.form-group input:focus,
.form-group select:focus {
    outline: none;
    border-color: var(--accent-blue);
}

.checkbox-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 1.5;
}

.checkbox-label input[type="checkbox"] {
    width: auto;
    margin: 0;
}

.submit-btn {
    width: 100%;
    padding: 18px;
    background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
    color: var(--white);
    border: none;
    border-radius: var(--border-radius);
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.3s ease;
}

.submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow);
}

.security-notice {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #000000;
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid var(--success);
    margin: 20px 0;
}

.security-icon {
    color: var(--success);
    font-size: 1.5rem;
    margin-top: 2px;
}

.security-text strong {
    display: block;
    color: var(--white);
    margin-bottom: 8px;
}

.security-text p {
    color: #CCCCCC;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0;
}

.form-disclaimer {
    margin-top: 16px;
    font-size: 0.8rem;
    color: #CCCCCC;
    text-align: center;
}

.form-disclaimer a,
.checkbox-label a {
    color: var(--accent-blue);
    text-decoration: none;
}

.form-disclaimer a:hover,
.checkbox-label a:hover {
    text-decoration: underline;
}

/* Progress Indicator Styles */
.progress-container {
    margin-bottom: 40px;
    padding: 20px 0;
}

.progress-steps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
}

.progress-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
}

.step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 8px;
    transition: all 0.3s ease;
    border: 2px solid #e2e8f0;
}

.progress-step.active .step-number,
.progress-step.completed .step-number {
    background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
    color: var(--white);
    border-color: var(--primary-blue);
}

.progress-step.completed .step-number {
    background: var(--success);
    border-color: var(--success);
}

.step-label {
    font-size: 0.9rem;
    color: #CCCCCC;
    text-align: center;
    font-weight: 500;
}

.progress-step.active .step-label,
.progress-step.completed .step-label {
    color: var(--primary-blue);
    font-weight: 600;
}

.progress-bar {
    width: 100%;
    height: 4px;
    background: #e2e8f0;
    border-radius: 2px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-blue), var(--secondary-teal));
    border-radius: 2px;
    transition: width 0.5s ease;
}

/* Form Steps */
.form-step {
    display: none;
}

.form-step.active {
    display: block;
}

/* Enhanced Form Tooltips */
.field-tooltip {
    position: relative;
    display: inline-block;
    margin-left: 8px;
    cursor: help;
}

.field-tooltip i {
    color: var(--secondary-teal);
    font-size: 0.9rem;
}

.field-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--dark-gray);
    color: var(--white);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 1000;
    margin-bottom: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.field-tooltip::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--white);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1000;
    margin-bottom: 2px;
}

.field-tooltip:hover::after,
.field-tooltip:hover::before {
    opacity: 1;
}

.field-tooltip:hover i {
    color: var(--primary-blue);
}

/* Enhanced Form Placeholders */
.form-group input::placeholder,
.form-group select::placeholder {
    color: #a0aec0;
    opacity: 0.8;
    font-style: italic;
}

.form-group input:focus::placeholder,
.form-group select:focus::placeholder {
    opacity: 0.5;
}

/* Tasmania AI Adoption Gap Section */
.ai-adoption-gap {
    padding: 80px 0;
    background: #000000;
    position: relative;
    overflow: hidden;
}

.ai-adoption-gap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff6b6b' fill-opacity='0.03'%3E%3Ccircle cx='9' cy='9' r='1'/%3E%3Ccircle cx='49' cy='49' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.4;
}

.gap-content {
    position: relative;
    z-index: 2;
}

.gap-header {
    text-align: center;
    margin-bottom: 50px;
}

.gap-header h2 {
    font-size: 2.5rem;
    color: var(--white);
    margin-bottom: 16px;
    line-height: 1.2;
}

.gap-header h2 i {
    color: #ff6b6b;
    margin-right: 8px;
}

.gap-subtitle {
    font-size: 1.3rem;
    color: #CCCCCC;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.5;
}

.adoption-visualization {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 60px;
}

.chart-container {
    text-align: center;
}

.adoption-chart {
    width: 100%;
    max-width: 500px;
    height: auto;
    border-radius: var(--border-radius-lg);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    transition: var(--transition);
}

.adoption-chart:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.gap-insights {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.insight-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    background: rgba(33, 33, 33, 0.8);
    border-radius: var(--border-radius);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    border-left: 4px solid;
}

.insight-item.urgent {
    border-left-color: #ff6b6b;
}

.insight-item.opportunity {
    border-left-color: var(--success);
}

.insight-item.action {
    border-left-color: var(--golden-yellow);
}

.insight-item:hover {
    transform: translateX(8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.insight-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.insight-item.urgent .insight-icon {
    background: linear-gradient(135deg, #ff6b6b, #ff8e8e);
    color: var(--white);
}

.insight-item.opportunity .insight-icon {
    background: linear-gradient(135deg, var(--success), #48bb78);
    color: var(--white);
}

.insight-item.action .insight-icon {
    background: linear-gradient(135deg, var(--golden-yellow), #f6e05e);
    color: var(--white);
}

.insight-content h3 {
    font-size: 1.3rem;
    color: var(--white);
    margin-bottom: 8px;
    font-weight: 600;
}

.insight-content p {
    color: #CCCCCC;
    line-height: 1.5;
    margin: 0;
}

.urgency-cta {
    text-align: center;
    background: rgba(33, 33, 33, 0.95);
    padding: 50px 40px;
    border-radius: var(--border-radius-xl);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(255, 107, 107, 0.3);
}

.urgency-cta h3 {
    font-size: 2rem;
    color: var(--white);
    margin-bottom: 16px;
    font-weight: 700;
}

.urgency-cta p {
    font-size: 1.2rem;
    color: #CCCCCC;
    line-height: 1.6;
    margin-bottom: 40px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.cta-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.cta-button.secondary {
    background: transparent;
    color: var(--primary-blue);
    border: 2px solid var(--primary-blue);
}

.cta-button.secondary:hover {
    background: var(--primary-blue);
    color: var(--white);
}

.urgency-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--golden-yellow);
    font-weight: 600;
    font-size: 0.95rem;
}

.urgency-note i {
    color: var(--golden-yellow);
}

.business-disclaimer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(133, 193, 233, 0.2);
}

.business-disclaimer p {
    margin: 0;
    font-size: 0.85rem;
    color: #CCCCCC;
    line-height: 1.4;
    font-style: italic;
}

/* Responsive Design for AI Gap Section */
@media (max-width: 768px) {
    .adoption-visualization {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }
    
    .gap-header h2 {
        font-size: 2rem;
    }
    
    .gap-subtitle {
        font-size: 1.1rem;
    }
    
    .cta-actions {
        flex-direction: column;
        align-items: center;
    }
    
    .cta-button {
        width: 100%;
        max-width: 300px;
    }
    
    .urgency-cta {
        padding: 30px 20px;
    }
    
    .urgency-cta h3 {
        font-size: 1.5rem;
    }
    
    .urgency-cta p {
        font-size: 1.1rem;
    }
}

/* Trust Signals */
.trust-signals {
    padding: 60px 0;
    background: #000000;
    text-align: center;
}

.trust-content h3 {
    font-size: 1.5rem;
    color: var(--white);
    margin-bottom: 40px;
}

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

.trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #CCCCCC;
    font-weight: 500;
}

.trust-item i {
    color: var(--secondary-teal);
    font-size: 1.2rem;
}

/* Contact Section */
.contact-section {
    padding: 60px 0;
    background: #000000;
    text-align: center;
}

.contact-content h3 {
    font-size: 1.5rem;
    color: var(--white);
    margin-bottom: 40px;
}

.contact-methods {
    display: flex;
    justify-content: center;
    gap: 60px;
}

.contact-method {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact-method i {
    color: var(--secondary-teal);
    font-size: 1.5rem;
}

.contact-method strong {
    display: block;
    color: var(--white);
}

.contact-method a {
    color: var(--accent-blue);
    text-decoration: none;
}

.contact-method a:hover {
    text-decoration: underline;
}

/* Thank You Page Styles */
.success-section {
    padding: var(--section-padding);
    background: #000000;
    text-align: center;
}

.success-icon {
    margin-bottom: 24px;
}

.success-icon i {
    font-size: 4rem;
    color: var(--success);
}

.success-title {
    font-size: 2.5rem;
    color: var(--white);
    margin-bottom: 24px;
}

.success-subtitle {
    font-size: 1.25rem;
    color: #CCCCCC;
    line-height: 1.6;
}

/* Timeline */
.next-steps {
    padding: var(--section-padding);
    background: #000000;
}

.steps-container {
    max-width: 800px;
    margin: 0 auto;
}

.next-steps h2 {
    font-size: 2.5rem;
    color: var(--white);
    text-align: center;
    margin-bottom: 60px;
}

.timeline {
    position: relative;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--accent-blue);
}

.timeline-item {
    position: relative;
    padding-left: 80px;
    margin-bottom: 60px;
}

.timeline-number {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
}

.timeline-content h3 {
    font-size: 1.5rem;
    color: var(--white);
    margin-bottom: 12px;
}

.timeline-content p {
    color: #CCCCCC;
    line-height: 1.6;
    margin-bottom: 8px;
}

.timeline-time {
    color: var(--secondary-teal);
    font-weight: 600;
    font-size: 0.9rem;
}

.timeline-action {
    margin: 16px 0;
}

.timeline-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
    color: var(--white);
    padding: 10px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.timeline-cta:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow);
}

/* Preparation Section */
.preparation {
    padding: var(--section-padding);
    background: rgba(33, 33, 33, 0.8);
}

.prep-container {
    max-width: 800px;
    margin: 0 auto;
}

.preparation h2 {
    font-size: 2.5rem;
    color: var(--white);
    text-align: center;
    margin-bottom: 24px;
}

.prep-intro {
    font-size: 1.1rem;
    color: #CCCCCC;
    text-align: center;
    margin-bottom: 60px;
}

.prep-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.prep-item {
    background: #000000;
    padding: 30px 24px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    text-align: center;
}

.prep-item i {
    font-size: 2.5rem;
    color: var(--secondary-teal);
    margin-bottom: 16px;
}

.prep-item h3 {
    font-size: 1.25rem;
    color: var(--white);
    margin-bottom: 12px;
}

.prep-item p {
    color: #CCCCCC;
    line-height: 1.6;
}

/* Contact Info Cards */
.contact-info {
    padding: var(--section-padding);
    background: #000000;
}

.contact-container {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.contact-info h2 {
    font-size: 2rem;
    color: var(--white);
    margin-bottom: 16px;
}

.contact-info p {
    font-size: 1.1rem;
    color: #CCCCCC;
    margin-bottom: 40px;
}

.contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.contact-card {
    background: rgba(33, 33, 33, 0.8);
    padding: 30px 24px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    text-align: center;
}

.contact-card i {
    font-size: 2.5rem;
    color: var(--secondary-teal);
    margin-bottom: 16px;
}

.contact-card h3 {
    font-size: 1.25rem;
    color: var(--white);
    margin-bottom: 12px;
}

.contact-card a {
    color: var(--accent-blue);
    text-decoration: none;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.contact-card a:hover {
    text-decoration: underline;
}

.contact-card p {
    color: #CCCCCC;
    font-size: 0.9rem;
}

/* About Indea */
.about-indea {
    padding: var(--section-padding);
    background: rgba(33, 33, 33, 0.8);
}

.about-container {
    max-width: 800px;
    margin: 0 auto;
}

.about-indea h2 {
    font-size: 2.5rem;
    color: var(--white);
    text-align: center;
    margin-bottom: 60px;
}

.consultant-info {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
    align-items: start;
}

.consultant-photo {
    text-align: center;
}

.consultant-image {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid var(--secondary-teal);
    box-shadow: var(--shadow);
    transition: transform 0.3s ease;
}

.consultant-image:hover {
    transform: scale(1.05);
}

.consultant-placeholder {
    display: flex;
    justify-content: center;
    align-items: center;
}

.placeholder-circle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 4rem;
    border: 4px solid var(--secondary-teal);
    box-shadow: var(--shadow);
}

.consultant-info h3 {
    font-size: 2rem;
    color: var(--white);
    margin-bottom: 8px;
}

.consultant-info .title {
    font-size: 1.25rem;
    color: var(--secondary-teal);
    font-weight: 600;
    margin-bottom: 24px;
}

.consultant-info .bio {
    font-size: 1.1rem;
    color: #CCCCCC;
    line-height: 1.7;
    margin-bottom: 40px;
}

.consultant-credentials {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

/* Testimonials Grid */
.social-proof-section {
    padding: var(--section-padding);
    background: #000000;
}

.proof-container {
    max-width: 1000px;
    margin: 0 auto;
}

.social-proof-section h2 {
    font-size: 2.5rem;
    color: var(--white);
    text-align: center;
    margin-bottom: 60px;
}

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

.testimonial-card {
    background: rgba(33, 33, 33, 0.8);
    padding: 30px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}

.testimonial-card .testimonial-content p {
    font-style: italic;
    color: #CCCCCC;
    line-height: 1.6;
    margin-bottom: 20px;
}

.testimonial-card .testimonial-author strong {
    display: block;
    color: var(--white);
    margin-bottom: 4px;
}

.testimonial-card .testimonial-author span {
    color: var(--secondary-teal);
    font-size: 0.9rem;
}

/* Final Message */
.final-message {
    padding: var(--section-padding);
    background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
    color: var(--white);
    text-align: center;
}

.message-container {
    max-width: 800px;
    margin: 0 auto;
}

.final-message h2 {
    font-size: 2.5rem;
    margin-bottom: 24px;
}

.final-message p {
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 40px;
    opacity: 0.9;
}

.next-action {
    background: rgba(255, 255, 255, 0.1);
    padding: 24px;
    border-radius: var(--border-radius);
}

.next-action p {
    margin: 0;
    font-weight: 600;
}

/* Footer */
.footer {
    padding: 60px 0 20px;
    background: #000000;
    color: var(--white);
}

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

.footer-info p {
    margin-top: 16px;
    opacity: 0.8;
}

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

.contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-item i {
    color: var(--secondary-teal);
    width: 20px;
}

.footer-bottom {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    opacity: 0.8;
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero {
        text-align: center;
        padding: 40px 0;
    }
    
    .hero-header {
        text-align: center;
        max-width: 100%;
        margin-bottom: 40px;
    }
    
    .hero-content {
        padding: 0 20px;
    }
    
    .founder-intro {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    
    .hero-founder-image,
    .founder-placeholder-circle {
        width: 150px;
        height: 150px;
    }
    
    .founder-placeholder-circle {
        font-size: 3rem;
    }
    

    

    
    .cta-section {
        text-align: center;
    }
    
    .hero-title {
        font-size: 2.5rem;
        margin-bottom: 20px;
    }
    
    .form-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .booking-options {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .booking-divider {
        width: 40px;
        height: 40px;
        font-size: 0.9rem;
        justify-self: center;
    }
    
    .contact-methods {
        flex-direction: column;
        gap: 30px;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .credentials {
        justify-content: center;
    }
    
    .about-layout {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }
    
    .about-image,
    .about-placeholder-circle {
        width: 160px;
        height: 160px;
    }
    
    .about-placeholder-circle {
        font-size: 2.5rem;
    }

/* Legal Pages Styling */
.legal-content {
    padding: 0;
    background: #000000;
    min-height: 100vh;
}

.legal-container {
    max-width: 1200px;
    margin: 0 auto;
    background: #000000;
    padding: 0 20px;
}

.legal-header {
    background: #000000;
    color: var(--white);
    padding: 80px 0;
    text-align: center;
    position: relative;
}

.legal-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 80%, rgba(26, 82, 118, 0.06) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(133, 193, 233, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(255, 215, 0, 0.04) 0%, transparent 60%);
    opacity: 0.6;
    z-index: 0;
}

.legal-header h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative;
    z-index: 10;
    color: var(--white);
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

.legal-icon {
    font-size: 3rem;
    margin-bottom: 20px;
    opacity: 0.9;
    position: relative;
    z-index: 10;
}

.last-updated {
    background: rgba(255, 255, 255, 0.15);
    color: var(--white);
    padding: 12px 24px;
    border-radius: 25px;
    display: inline-block;
    font-size: 0.95rem;
    font-weight: 500;
    margin-top: 16px;
    position: relative;
    z-index: 10;
}

.legal-body {
    padding: 60px 0;
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.policy-section {
    margin-bottom: 50px;
    position: relative;
}

.policy-section:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    border-radius: 1px;
}

.section-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding: 20px 0;
    border-bottom: 1px solid #333333;
}

.section-number {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
}

.policy-section h2 {
    font-size: 1.75rem;
    color: var(--white);
    font-weight: 600;
    margin: 0;
    flex: 1;
}

.policy-section h3 {
    font-size: 1.25rem;
    color: var(--white);
    margin: 32px 0 16px 0;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.policy-section h3::before {
    content: '';
    width: 4px;
    height: 20px;
    background: linear-gradient(135deg, var(--secondary-teal), var(--accent-blue));
    border-radius: 2px;
}

.policy-section p {
    color: #CCCCCC;
    line-height: 1.8;
    margin-bottom: 20px;
    font-size: 1.05rem;
}

.policy-section p strong {
    color: var(--white);
    font-weight: 600;
}

.policy-list {
    background: rgba(33, 33, 33, 0.8);
    padding: 24px;
    border-radius: 10px;
    margin: 20px 0;
    border-left: 4px solid var(--secondary-teal);
}

.policy-list ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.policy-list li {
    color: #CCCCCC;
    line-height: 1.7;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    font-size: 1.05rem;
}

.policy-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--success);
    font-weight: bold;
    font-size: 1.1rem;
}

.policy-list li strong {
    color: var(--white);
    font-weight: 600;
}

.highlight-box {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid var(--success);
    padding: 24px;
    border-radius: 12px;
    margin: 24px 0;
    position: relative;
}

.highlight-box::before {
    content: '!';
    position: absolute;
    top: -10px;
    left: 20px;
    width: 24px;
    height: 24px;
    background: var(--success);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9rem;
}

.highlight-box p {
    margin: 0;
    color: var(--white);
    font-weight: 600;
    font-size: 1.1rem;
}

.contact-info {
    background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
    color: var(--white);
    padding: 30px;
    border-radius: 12px;
    margin-top: 24px;
    text-align: center;
}

.contact-info h4 {
    color: var(--white);
    margin-bottom: 20px;
    font-size: 1.3rem;
}

.contact-info p {
    color: var(--white);
    margin-bottom: 8px;
    opacity: 0.9;
}

.contact-info a {
    color: var(--light-teal);
    text-decoration: none;
    font-weight: 600;
}

.contact-info a:hover {
    text-decoration: underline;
    color: var(--white);
}

.compliance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 24px 0;
}

.compliance-item {
    background: #000000;
    border: 2px solid #333333;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s ease;
}

.compliance-item:hover {
    border-color: var(--secondary-teal);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 172, 193, 0.15);
}

.compliance-item strong {
    display: block;
    color: var(--white);
    margin-bottom: 8px;
    font-size: 1.1rem;
}

.compliance-item span {
    color: #CCCCCC;
    font-size: 0.9rem;
}

/* Tablet Logo Responsive */
@media (max-width: 768px) {
    .logo-image {
        height: 55px;
    }
    
    .logo-text {
        font-size: 22px;
    }
}

/* Responsive Legal Pages */
@media (max-width: 768px) {
    .legal-container {
        padding: 0 15px;
    }
    
    .legal-header {
        padding: 60px 0;
    }
    
    .legal-header h1 {
        font-size: 2.25rem;
        padding: 0 15px;
    }
    
    .legal-body {
        padding: 40px 15px;
    }
    
    .policy-section {
        margin-bottom: 40px;
    }
    
    .section-header {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    
    .compliance-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* Footer legal links */
.footer-bottom {
    color: var(--white);
}

.footer-bottom a {
    color: var(--white);
    text-decoration: none;
    margin: 0 4px;
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.footer-bottom a:hover {
    opacity: 1;
    text-decoration: underline;
}
    
    .consultant-credentials {
        justify-content: center;
    }
    
    .consultant-info {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }
    
    .consultant-image {
        width: 200px;
        height: 200px;
    }
    
    .placeholder-circle {
        width: 200px;
        height: 200px;
        font-size: 3rem;
    }
}

@media (max-width: 480px) {
    .logo-image {
        height: 45px;
    }
    
    .logo-text {
        font-size: 18px;
    }
    
    .logo-tagline {
        font-size: 10px;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .cta-button {
        padding: 16px 24px;
        font-size: 1rem;
    }
    
    .assessment-form {
        padding: 24px;
    }
    
    .timeline-item {
        padding-left: 60px;
    }
    
    .timeline-number {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
    }
}

/* Advanced Neural Network Animation Keyframes */

/* Neural Flow Animation - Creates flowing pathways effect */
@keyframes neuralFlow {
    0% { 
        background-position: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        opacity: 0.4;
    }
    25% { 
        background-position: 25% 25%, -25% 25%, 50% -25%, -50% 50%, 75% -75%, 12.5% 12.5%, 37.5% 37.5%, 62.5% 62.5%, 87.5% 87.5%, 6.25% 6.25%;
        opacity: 0.7;
    }
    50% { 
        background-position: 50% 50%, -50% 50%, 100% -50%, -100% 100%, 150% -150%, 25% 25%, 75% 75%, 125% 125%, 175% 175%, 12.5% 12.5%;
        opacity: 1;
    }
    75% { 
        background-position: 75% 75%, -75% 75%, 150% -75%, -150% 150%, 225% -225%, 37.5% 37.5%, 112.5% 112.5%, 187.5% 187.5%, 262.5% 262.5%, 18.75% 18.75%;
        opacity: 0.7;
    }
    100% { 
        background-position: 100% 100%, -100% 100%, 200% -100%, -200% 200%, 300% -300%, 50% 50%, 150% 150%, 250% 250%, 350% 350%, 25% 25%;
        opacity: 0.4;
    }
}

/* Neural Pulse Animation - Creates rhythmic pulsing of neural elements */
@keyframes neuralPulse {
    0% { 
        opacity: 0.3;
        transform: scale(1);
        filter: blur(0px);
    }
    25% { 
        opacity: 0.6;
        transform: scale(1.02);
        filter: blur(0.5px);
    }
    50% { 
        opacity: 0.9;
        transform: scale(1.05);
        filter: blur(1px);
    }
    75% { 
        opacity: 0.6;
        transform: scale(1.02);
        filter: blur(0.5px);
    }
    100% { 
        opacity: 0.3;
        transform: scale(1);
        filter: blur(0px);
    }
}

/* Neural Node Pulse - Individual node pulsing animation */
@keyframes neuralNodePulse {
    0%, 100% { 
        transform: scale(1) rotate(0deg);
        opacity: 0.6;
        filter: brightness(1) blur(0px);
        box-shadow: 
            25px 20px 0 -2px rgba(133, 193, 233, 0.7),
            55px 12px 0 -2px rgba(255, 215, 0, 0.6),
            80px 30px 0 -2px rgba(26, 82, 118, 0.6),
            110px 18px 0 -2px rgba(133, 193, 233, 0.5),
            140px 35px 0 -2px rgba(255, 215, 0, 0.7),
            170px 25px 0 -2px rgba(26, 82, 118, 0.4),
            200px 15px 0 -2px rgba(133, 193, 233, 0.6);
    }
    25% { 
        transform: scale(1.1) rotate(1deg);
        opacity: 0.8;
        filter: brightness(1.2) blur(0.5px);
        box-shadow: 
            25px 20px 0 -1px rgba(133, 193, 233, 0.9),
            55px 12px 0 -1px rgba(255, 215, 0, 0.8),
            80px 30px 0 -1px rgba(26, 82, 118, 0.8),
            110px 18px 0 -1px rgba(133, 193, 233, 0.7),
            140px 35px 0 -1px rgba(255, 215, 0, 0.9),
            170px 25px 0 -1px rgba(26, 82, 118, 0.6),
            200px 15px 0 -1px rgba(133, 193, 233, 0.8);
    }
    50% { 
        transform: scale(1.3) rotate(2deg);
        opacity: 1;
        filter: brightness(1.5) blur(1px);
        box-shadow: 
            25px 20px 2px 0px rgba(133, 193, 233, 1),
            55px 12px 2px 0px rgba(255, 215, 0, 1),
            80px 30px 2px 0px rgba(26, 82, 118, 1),
            110px 18px 2px 0px rgba(133, 193, 233, 0.9),
            140px 35px 2px 0px rgba(255, 215, 0, 1),
            170px 25px 2px 0px rgba(26, 82, 118, 0.8),
            200px 15px 2px 0px rgba(133, 193, 233, 1),
            0 0 20px rgba(133, 193, 233, 0.6),
            0 0 40px rgba(255, 215, 0, 0.4);
    }
    75% { 
        transform: scale(1.1) rotate(1deg);
        opacity: 0.8;
        filter: brightness(1.2) blur(0.5px);
        box-shadow: 
            25px 20px 0 -1px rgba(133, 193, 233, 0.9),
            55px 12px 0 -1px rgba(255, 215, 0, 0.8),
            80px 30px 0 -1px rgba(26, 82, 118, 0.8),
            110px 18px 0 -1px rgba(133, 193, 233, 0.7),
            140px 35px 0 -1px rgba(255, 215, 0, 0.9),
            170px 25px 0 -1px rgba(26, 82, 118, 0.6),
            200px 15px 0 -1px rgba(133, 193, 233, 0.8);
    }
}

/* Synaptic Flow - Connection flow animation */
@keyframes synapticFlow {
    0% { 
        background-position: 0% 50%;
        opacity: 0.4;
        transform: scaleX(0.8) translateY(0px);
        filter: brightness(1) blur(0px);
    }
    20% { 
        background-position: 25% 50%;
        opacity: 0.7;
        transform: scaleX(0.9) translateY(-1px);
        filter: brightness(1.1) blur(0.3px);
    }
    40% { 
        background-position: 50% 50%;
        opacity: 0.9;
        transform: scaleX(1) translateY(-2px);
        filter: brightness(1.3) blur(0.5px);
    }
    60% { 
        background-position: 75% 50%;
        opacity: 1;
        transform: scaleX(1.1) translateY(-1px);
        filter: brightness(1.5) blur(0.8px);
        box-shadow: 0 0 15px rgba(255, 215, 0, 0.4), 0 0 30px rgba(133, 193, 233, 0.2);
    }
    80% { 
        background-position: 100% 50%;
        opacity: 0.9;
        transform: scaleX(1) translateY(-2px);
        filter: brightness(1.3) blur(0.5px);
    }
    100% { 
        background-position: 125% 50%;
        opacity: 0.4;
        transform: scaleX(0.8) translateY(0px);
        filter: brightness(1) blur(0px);
    }
}

/* Additional Neural Network Effects */

/* Synaptic Transmission Effect */
@keyframes synapticTransmission {
    0% { 
        background: linear-gradient(90deg, 
            transparent 0%, 
            rgba(255, 215, 0, 0.8) 2%, 
            transparent 4%
        );
        background-size: 20px 100%;
        background-position: -20px 0;
    }
    100% { 
        background: linear-gradient(90deg, 
            transparent 0%, 
            rgba(255, 215, 0, 0.8) 2%, 
            transparent 4%
        );
        background-size: 20px 100%;
        background-position: 200px 0;
    }
}

/* Neural Connectivity Animation */
@keyframes neuralConnectivity {
    0%, 100% { 
        opacity: 0.2;
        transform: scale(0.95) rotate(-1deg);
        filter: brightness(0.8);
    }
    20% { 
        opacity: 0.5;
        transform: scale(1) rotate(0deg);
        filter: brightness(1);
    }
    40% { 
        opacity: 0.8;
        transform: scale(1.05) rotate(0.5deg);
        filter: brightness(1.2);
    }
    60% { 
        opacity: 1;
        transform: scale(1.1) rotate(1deg);
        filter: brightness(1.5);
    }
    80% { 
        opacity: 0.8;
        transform: scale(1.05) rotate(0.5deg);
        filter: brightness(1.2);
    }
}

/* Brain Wave Pattern Animation */
@keyframes brainWave {
    0% { 
        background-position: 0% 0%, 10% 10%, 20% 20%;
        opacity: 0.3;
    }
    33% { 
        background-position: 33% 33%, 43% 43%, 53% 53%;
        opacity: 0.6;
    }
    66% { 
        background-position: 66% 66%, 76% 76%, 86% 86%;
        opacity: 0.9;
    }
    100% { 
        background-position: 100% 100%, 110% 110%, 120% 120%;
        opacity: 0.3;
    }
}



@keyframes goldenPulse {
    0% {
        box-shadow: 0 0 15px rgba(255, 215, 0, 0.4), 0 8px 20px rgba(0, 0, 0, 0.2);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 35px rgba(255, 215, 0, 0.8), 0 12px 30px rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
    }
    100% {
        box-shadow: 0 0 15px rgba(255, 215, 0, 0.4), 0 8px 20px rgba(0, 0, 0, 0.2);
        transform: scale(1);
    }
}

@keyframes brainPulse {
    0% {
        text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
        transform: scale(1);
    }
    50% {
        text-shadow: 0 0 15px rgba(255, 215, 0, 1), 0 0 25px rgba(255, 215, 0, 0.5);
        transform: scale(1.1);
    }
    100% {
        text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
        transform: scale(1);
    }
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}