/* Base styles */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Hero decorative shapes */
.hero-circle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.circle-1 {
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(226, 114, 91, 0.08) 0%, transparent 70%);
    top: -100px;
    right: -150px;
}

.circle-2 {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(26, 60, 40, 0.06) 0%, transparent 70%);
    bottom: 10%;
    left: -100px;
}

.hero-rect {
    position: absolute;
    width: 200px;
    height: 200px;
    background: rgba(226, 114, 91, 0.05);
    border-radius: 30px;
    top: 30%;
    left: 5%;
    transform: rotate(15deg);
    pointer-events: none;
}

.hero-triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 120px 120px;
    border-color: transparent transparent rgba(26, 60, 40, 0.04) transparent;
    bottom: 20%;
    right: 10%;
    pointer-events: none;
}

/* CTA shapes */
.cta-shape-1 {
    position: absolute;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(226, 114, 91, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    top: -80px;
    left: -80px;
}

.cta-shape-2 {
    position: absolute;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(227, 235, 221, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    bottom: -60px;
    right: 5%;
}

/* Offering cards */
.offering-card {
    transition: transform 0.4s ease;
}

.offering-card:hover {
    transform: translateY(-4px);
}

/* Mobile menu active state */
.mobile-link {
    transition: color 0.2s ease, transform 0.2s ease;
}

.mobile-link:hover {
    color: #E2725B;
    transform: scale(1.05);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #FDFBF7;
}

::-webkit-scrollbar-thumb {
    background: #1a3c28;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #0f2418;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    
    .offering-card:hover {
        transform: none;
    }
    
    .offering-card img {
        transition: none;
    }
}

/* Tablet adjustments */
@media (max-width: 768px) {
    .hero-circle {
        display: none;
    }
    
    .hero-rect {
        display: none;
    }
    
    .hero-triangle {
        display: none;
    }
}