:root{--primary-color: #1b453b;--secondary-color: #e8feb6;--accent-color: rgba(255, 193, 94, .91);--background-color: #f7fafc;--text-color: #2d3748;--text-light-color: #718096;--border-color: #e2e8f0;--success-color: #4caf50;--error-color: #e53e3e;--cart-bg-color: #f9fafb;--cart-item-bg: #ffffff;--hover-color: #ecf7ed;--progress-bg: #e8f5e9;--progress-fill: #43a047;--macro-bg: #f0f9f1;--dark-green: #2e7d32;--banner-bg: #2e7d32;--text-shadow: 0 1px 1px rgba(0, 0, 0, .25);--white-with-opacity: rgba(255, 255, 255, .95);--transition-speed: .5s;--section-gradient-overlay: linear-gradient( 180deg, rgba(27, 69, 59, .15), rgba(232, 254, 182, .1) );--footer-gradient: linear-gradient(135deg, rgba(27, 69, 59, .05), rgba(255, 255, 255, .95));--form-gradient: linear-gradient( 135deg, rgba(232, 254, 182, .2), rgba(255, 255, 255, .95), rgba(232, 254, 182, .08) );--header-height: 70px;--color-forest: #1a3c2f;--color-forest-light: #2f5a47;--color-cream: #f8f5f0;--color-cream-dark: #e8e4df;--color-coral: #e07a5f;--color-coral-light: #f09580;--color-green-soft: #5c7066;--color-terracotta: #d67c5f;--color-terracotta-light: #e89a81;--success-green: #8ac926;--button-hover-green: #43a047;--button-active-green: #1b5e20;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--shadow-sm: 0 2px 8px rgba(26, 60, 47, .08);--shadow-md: 0 8px 24px rgba(26, 60, 47, .12);--shadow-lg: 0 16px 48px rgba(26, 60, 47, .16);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--font-display: "DM Serif Display", serif;--font-body: "Outfit", sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-md: clamp(1.125rem, 1rem + .6vw, 1.25rem);--text-lg: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-2xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-3xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);--text-4xl: clamp(2.75rem, 2rem + 3.75vw, 4rem);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em}body{font-family:var(--font-body);margin:0;padding:0;color:var(--text-color);line-height:var(--leading-normal);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:contain}body.landing-page{background-color:var(--primary-color);background-image:linear-gradient(135deg,#1b453bf2,#1b453bcc,#1b453bb3 40%,#e8feb633);background-attachment:fixed;background-size:200% 200%;animation:gradientBackground 15s ease infinite}@keyframes gradientBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes formGradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}section{transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,opacity var(--transition-speed) ease;position:relative;opacity:.95;transform:translateY(15px)}section.section-visible{opacity:1;transform:translateY(0)}@keyframes button-shine{to{transform:translate(100%)}}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes footerGradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseCart{0%{box-shadow:0 4px 12px #00000040,0 0 0 3px #e8feb680}50%{box-shadow:0 6px 16px #0000004d,0 0 0 5px #e8feb699}to{box-shadow:0 4px 12px #00000040,0 0 0 3px #e8feb680}}@keyframes shimmer-delay{0%{transform:translate(0);opacity:0}10%{opacity:1}to{transform:translate(200%);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}body.menu-open{overflow:hidden}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:block}}.hidden{display:none}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:10}.confetti{position:absolute;width:10px;height:10px;background-color:var(--accent-color);pointer-events:none}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(300px) rotate(720deg);opacity:0}}.confetti.animate{opacity:1;animation:confetti-fall 1.5s ease-out forwards}.ripple-effect{position:absolute;border-radius:50%;background:#e8feb626;transform:scale(0);animation:ripple .6s ease-out;pointer-events:none;z-index:1}@keyframes ripple{to{transform:scale(2);opacity:0}}.sparkle-effect{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(138,201,38,.4) 0%,transparent 70%);border-radius:50%;animation:sparkle .8s ease-out;opacity:0}@keyframes sparkle{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes buttonBounce{0%{transform:scale(0)}70%{transform:scale(1.05)}85%{transform:scale(.95)}to{transform:scale(1)}}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body)}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}#products-section,#how-it-works-section,#values-section{scroll-margin-top:var(--header-height)}body{overflow-x:hidden}img{max-width:100%}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.relative{position:relative}.cursor-pointer{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes pulseCart{0%{box-shadow:0 4px 12px #00000040,0 0 0 3px #e8feb680}50%{box-shadow:0 4px 12px #00000059,0 0 0 5px #e8feb6b3}to{box-shadow:0 4px 12px #00000040,0 0 0 3px #e8feb680}}