/* Global premium color system */
:root {
    --primary: #34d399;
    --primary-dark: #10b981;
    --primary-light: rgba(52, 211, 153, 0.14);
    --ai-blue: #7dd3fc;
    --ai-purple: #a78bfa;
    --ai-cyan: #67e8f9;
    --ai-teal: #2dd4bf;
    --gold: #e3bf73;
    --silver: #dbe7df;
    --white: #ffffff;
    --light: #f8fbf8;
    --tech-dark: #081713;
    --tech-darker: #03110c;
    --tech-light: #10281d;
    --tech-lighter: #18382a;
    --surface-base: #03110c;
    --surface-deep: #061a13;
    --surface-raised: #0d261b;
    --surface-muted: #122e22;
    --surface-soft: rgba(255, 255, 255, 0.065);
    --line-soft: rgba(224, 246, 232, 0.15);
    --line-strong: rgba(52, 211, 153, 0.32);
    --text-strong: #f8fbf8;
    --text-body: #dbe8df;
    --text-muted: #a8b9ae;
    --text-soft: #7f9388;
    --gradient-primary: linear-gradient(135deg, #34d399 0%, #2dd4bf 100%);
    --gradient-ai: linear-gradient(135deg, #7dd3fc 0%, #a78bfa 100%);
    --gradient-gold: linear-gradient(135deg, #e3bf73 0%, #f3dda0 100%);
    --gradient-tech: linear-gradient(135deg, #081713 0%, #10281d 100%);
    --gradient-dark: linear-gradient(135deg, #03110c 0%, #0d261b 100%);
    --gradient-premium: linear-gradient(135deg, #03110c 0%, #0d261b 48%, #061a13 100%);
    --glass-bg: rgba(255, 255, 255, 0.065);
    --glass-border: rgba(224, 246, 232, 0.15);
    --glass-highlight: rgba(255, 255, 255, 0.1);
    --shadow-glow: 0 0 28px rgba(52, 211, 153, 0.22);
    --shadow-ai: 0 0 28px rgba(125, 211, 252, 0.2);
    --shadow-gold: 0 0 24px rgba(227, 191, 115, 0.18);
    --shadow-card: 0 16px 38px rgba(0, 0, 0, 0.28);
    --shadow-card-hover: 0 22px 54px rgba(0, 0, 0, 0.34);
    --shadow-floating: 0 28px 70px rgba(0, 0, 0, 0.38);
}

html {
    background: var(--surface-base);
}

body {
    background:
        radial-gradient(circle at 12% 12%, rgba(52, 211, 153, 0.07), transparent 32%),
        radial-gradient(circle at 88% 20%, rgba(103, 232, 249, 0.045), transparent 34%),
        linear-gradient(180deg, #03110c 0%, #061a13 45%, #03110c 100%);
    background-color: var(--surface-base);
    color: var(--text-body);
    letter-spacing: 0;
}

body::before,
.about-hero::before,
.contact-hero::before,
.greenhouse-hero::before,
.system-hero::before,
.app-hero::before,
.ai-hero::before,
.premium-platform::before,
.premium-solutions::before,
.luxury-cta::before,
.luxury-footer::before {
    animation: none !important;
    background:
        linear-gradient(135deg, rgba(52, 211, 153, 0.052), rgba(103, 232, 249, 0.036)),
        transparent !important;
    opacity: 0.72;
}

.luxury-nav,
.luxury-nav.scrolled {
    background: rgba(3, 17, 12, 0.92);
    border-bottom: 1px solid rgba(224, 246, 232, 0.13);
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.28);
}

.luxury-menu {
    background: rgba(3, 17, 12, 0.96);
}

.luxury-logo {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(224, 246, 232, 0.08);
}

.logo-crystal {
    width: 62px;
    height: 58px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    animation: none !important;
}

.logo-crystal::before,
.logo-crystal::after {
    display: none !important;
}

.logo-crystal img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    filter: drop-shadow(0 8px 18px rgba(52, 211, 153, 0.22)) !important;
}

.holographic-hero,
.about-hero,
.contact-hero,
.greenhouse-hero,
.system-hero,
.app-hero,
.ai-hero {
    background:
        linear-gradient(135deg, rgba(3, 17, 12, 0.96) 0%, rgba(13, 38, 27, 0.9) 58%, rgba(3, 17, 12, 0.94) 100%);
    color: var(--text-strong);
}

.holographic-hero {
    background:
        linear-gradient(90deg, rgba(3, 17, 12, 0.95) 0%, rgba(6, 26, 19, 0.84) 52%, rgba(3, 17, 12, 0.72) 100%),
        url("../img/hero-bg.webp") center / cover no-repeat;
}

.premium-platform,
.benefits-section,
.safety-section,
.team-section {
    background: var(--surface-deep);
}

.premium-solutions,
.commitment-section {
    background: var(--surface-base);
}

.luxury-cta,
.luxury-footer {
    background: linear-gradient(180deg, #122e22 0%, #061a13 100%);
}

.hero-title,
.hero-title-about,
.hero-title-contact,
.hero-title-greenhouse,
.hero-title-system,
.hero-title-app,
.hero-title-ai,
.section-title,
.section-title-premium,
.cta-title-premium {
    color: var(--text-strong);
    text-shadow: none;
}

.hero-title span,
.hero-title-about span,
.hero-title-contact span,
.hero-title-greenhouse span,
.hero-title-system span,
.hero-title-app span,
.hero-title-ai span,
.section-title span,
.section-title-premium span,
.cta-title-premium span,
.logo-main {
    background: linear-gradient(135deg, #f8fbf8 0%, #34d399 48%, #67e8f9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-subtitle,
.hero-text-about,
.hero-text-contact,
.hero-text-greenhouse,
.hero-text-system,
.hero-text-app,
.hero-text-ai,
.section-subtitle,
.section-subtitle-premium,
.section-text,
.showcase-description,
.solution-desc-premium,
.safety-card-desc,
.benefit-card-desc,
.cta-text-premium,
.footer-tagline-premium {
    color: var(--text-muted);
}

.premium-badge,
.section-badge-premium {
    color: #c7f9de;
    background: rgba(52, 211, 153, 0.08);
    border-color: rgba(52, 211, 153, 0.24);
    box-shadow: none;
}

.hero-feature,
.feature-card-premium,
.solution-card-premium,
.platform-showcase-premium,
.dashboard-panel,
.dash-card,
.content-section,
.mv-card,
.value-card,
.team-card,
.contact-info-section,
.contact-form-section,
.greenhouse-feature-card,
.system-feature-card,
.app-feature-card,
.ai-feature-card,
.application-card,
.problem-card,
.solution-card,
.safety-card,
.benefit-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.048));
    border-color: var(--line-soft);
    border-radius: 8px;
    box-shadow: var(--shadow-card);
}

.hero-feature:hover,
.feature-card-premium:hover,
.solution-card-premium:hover,
.platform-showcase-premium:hover,
.dash-card:hover,
.content-section:hover,
.mv-card:hover,
.value-card:hover,
.team-card:hover,
.contact-info-section:hover,
.contact-form-section:hover,
.greenhouse-feature-card:hover,
.system-feature-card:hover,
.app-feature-card:hover,
.ai-feature-card:hover,
.application-card:hover,
.problem-card:hover,
.solution-card:hover,
.safety-card:hover,
.benefit-card:hover {
    border-color: var(--line-strong);
    box-shadow: var(--shadow-card-hover);
}

.feature-icon,
.section-icon,
.contact-icon,
.greenhouse-feature-icon,
.system-feature-icon,
.app-feature-icon,
.ai-feature-icon,
.safety-card-icon,
.benefit-card-icon {
    background: rgba(52, 211, 153, 0.13);
    color: var(--primary);
    border-radius: 8px;
}

.cta-primary,
.cta-secondary,
.premium-button,
.luxury-button,
.download-button,
.form-button {
    border-radius: 8px;
    letter-spacing: 0;
    text-transform: none;
}

.cta-primary,
.premium-button,
.luxury-button,
.download-button,
.form-button {
    background: var(--gradient-primary);
    color: #02110b;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 14px 34px rgba(45, 212, 191, 0.22);
}

.cta-secondary {
    color: var(--text-strong);
    background: rgba(255, 255, 255, 0.055);
    border-color: var(--line-soft);
}

.cta-primary:hover,
.cta-secondary:hover,
.premium-button:hover,
.luxury-button:hover,
.download-button:hover,
.form-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 44px rgba(45, 212, 191, 0.26);
}

.luxury-nav-link:hover,
.luxury-nav-link.active,
.footer-links-premium a:hover,
.contact-text-premium:hover {
    color: var(--primary);
}

.luxury-nav-link::before,
.luxury-nav-link::after,
.feature-index-premium::before,
.section-title-premium::after,
.hero-title::after,
.section-title::after,
.hero-subtitle::before,
.hero-text-about::before,
.hero-text-contact::before,
.hero-text-greenhouse::before,
.hero-text-system::before,
.hero-text-app::before,
.hero-text-ai::before {
    background: var(--gradient-primary);
}

input,
textarea,
select,
.language-select {
    color: var(--text-strong);
    background-color: rgba(255, 255, 255, 0.06);
    border-color: var(--line-soft);
}

input:focus,
textarea:focus,
select:focus,
.language-select:focus {
    border-color: rgba(52, 211, 153, 0.55);
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.14);
}

.solution-overlay-premium {
    background: linear-gradient(180deg, transparent 8%, rgba(3, 17, 12, 0.9) 100%);
}

.status-online,
.gauge-dot,
.dash-card-title::before,
.feature-icon::before {
    animation: none !important;
}

::selection {
    background: rgba(52, 211, 153, 0.3);
    color: var(--text-strong);
}

@media (max-width: 768px) {
    .luxury-menu {
        background: rgba(3, 17, 12, 0.985);
    }

    .logo-crystal {
        width: 56px;
        height: 52px;
    }
}