:root { --soft-transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
        body { background-color: #F5F2ED; color: #4A4A4A; scroll-behavior: smooth; overflow-x: hidden; }
        .organic-shape { border-radius: 60% 40% 70% 30% / 30% 67% 33% 70%; }
        .glass-wellness { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); }
        .reveal { opacity: 0; transform: translateY(40px); transition: var(--soft-transition); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .nav-link { position: relative; transition: color 0.3s; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1.5px; background: #8BA888; transition: width 0.3s; }
        .nav-link:hover::after { width: 100%; }
        .btn-sage { background: #8BA888; color: white; transition: var(--soft-transition); }
        .btn-sage:hover { background: #6B705C; transform: translateY(-3px); box-shadow: 0 15px 30px rgba(107, 112, 92, 0.2); }
        .custom-scroll::-webkit-scrollbar { width: 5px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #D1CDC7; border-radius: 10px; }
        #balance-canvas { cursor: crosshair; touch-action: none; background: linear-gradient(to bottom, #F5F2ED, #ffffff); }
        .hero-gradient { background: radial-gradient(circle at top right, rgba(139, 168, 136, 0.1), transparent); }
        
        /* Animation keyframes */
        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        .animate-float { animation: float 6s ease-in-out infinite; }