/*
Theme Name: Scaleon Intelligence
Theme URI: https://scaleon.ai
Author: Deepmind Antigravity
Author URI: https://deepmind.google
Description: Premium enterprise-grade software solutions theme featuring high-end claymorphic and glassmorphic styling.
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scaleon-intelligence
*/

/* Core Icon Utilities */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Apple HIG / Elevate365 Soft Glass Elements */
.clay-glass-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px) saturate(140%);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    box-shadow: 
        0 1px 2px rgba(0, 0, 0, 0.02),
        0 12px 30px rgba(103, 91, 148, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.9);
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.clay-glass-card:hover {
    transform: translateY(-6px) scale(1.005);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.02),
        0 20px 40px rgba(103, 91, 148, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 1);
}

/* Claymorphism Design Tokens */
.clay-surface {
    background: #ffffff;
    box-shadow: 
        9px 9px 18px rgba(166, 180, 200, 0.15),
        -9px -9px 18px rgba(255, 255, 255, 0.95),
        inset 3px 3px 6px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.clay-card {
    background: #ffffff;
    box-shadow: 
        12px 12px 24px rgba(166, 180, 200, 0.15),
        -12px -12px 24px rgba(255, 255, 255, 0.9),
        inset 4px 4px 8px rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.8);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Scroll Reveal Classes (Cinematic 1.4s) */
.scroll-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform, opacity;
}

.scroll-reveal.reveal-active {
    opacity: 1;
    transform: translateY(0);
}

/* Delay classes */
.scroll-reveal.delay-1 { transition-delay: 100ms; }
.scroll-reveal.delay-2 { transition-delay: 200ms; }
.scroll-reveal.delay-3 { transition-delay: 300ms; }
.scroll-reveal.delay-4 { transition-delay: 400ms; }
.scroll-reveal.delay-5 { transition-delay: 500ms; }
.scroll-reveal.delay-6 { transition-delay: 600ms; }
.scroll-reveal.delay-7 { transition-delay: 700ms; }
.scroll-reveal.delay-8 { transition-delay: 800ms; }
.scroll-reveal.delay-9 { transition-delay: 900ms; }

/* Abstract Graphic Shapes */
.hero-art-shape {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(123, 44, 191, 0.15) 0%, rgba(99, 91, 241, 0) 70%);
    border-radius: 50%;
    filter: blur(40px);
    pointer-events: none;
}

.abstract-ring {
    border: 30px solid rgba(232, 91, 63, 0.1);
    border-top-color: rgba(123, 44, 191, 0.15);
    border-radius: 50%;
    width: 320px;
    height: 320px;
    pointer-events: none;
}