:root{--color-green:#134e2c;--color-green-dark:#0c3a20;--color-green-light:#1a6438;--color-green-muted:#134e2c14;--color-yellow:#facc15;--color-yellow-dark:#e6b800;--color-yellow-light:#fef08a;--color-black:#1a1a1a;--color-black-soft:#2a2a2a;--color-cream:#fffbeb;--color-cream-dark:#fef3c7;--color-white:#fff;--color-gray-100:#f8fafc;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--font-heading:"Archivo Black", sans-serif;--font-body:"Hind", sans-serif;--font-caption:"Space Grotesk", sans-serif;--font-accent:"Instrument Serif", serif;--font-archivo:"Archivo", sans-serif;--text-h1:clamp(36px, 5vw, 48px);--text-h2:clamp(24px, 3.5vw, 32px);--text-h3:clamp(18px, 2.5vw, 22px);--text-body:16px;--text-caption:12px;--text-sm:14px;--text-lg:18px;--text-xl:20px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000001a, 0 2px 6px #0000000f;--shadow-lg:0 10px 40px #00000024, 0 4px 12px #00000014;--shadow-xl:0 20px 60px #0003, 0 8px 20px #0000001a;--shadow-green:0 8px 32px #134e2c4d;--shadow-yellow:0 4px 20px #facc1566;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--transition-bounce:.3s cubic-bezier(.34, 1.56, .64, 1);--container-max:1280px;--navbar-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-black);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}h1{font-family:var(--font-heading);font-size:var(--text-h1);letter-spacing:-.03em;font-weight:900;line-height:1}h2{font-family:var(--font-archivo);font-size:var(--text-h2);letter-spacing:-.02em;font-weight:800;line-height:1.05}h3{font-family:var(--font-archivo);font-size:var(--text-h3);letter-spacing:-.01em;font-weight:700;line-height:1.2}.caption{font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:.05em;font-weight:500}.accent-text{font-family:var(--font-accent);font-style:italic}.container{max-width:var(--container-max);padding:0 var(--space-lg);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--space-md)}}.section{padding:var(--space-3xl) 0}.section-sm{padding:var(--space-2xl) 0}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-caption);font-size:var(--text-sm);letter-spacing:.03em;text-transform:uppercase;transition:all var(--transition-bounce);cursor:pointer;white-space:nowrap;border:2px solid #0000;padding:14px 28px;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-yellow);color:var(--color-black);border-color:var(--color-yellow);box-shadow:var(--shadow-yellow)}.btn-primary:hover{background:var(--color-yellow-dark);border-color:var(--color-yellow-dark);transform:translateY(-2px);box-shadow:0 8px 28px #facc1580}.btn-secondary{color:var(--color-white);background:0 0;border-color:#fff9}.btn-secondary:hover{border-color:var(--color-white);background:#ffffff1f;transform:translateY(-2px)}.btn-dark{background:var(--color-green);color:var(--color-white);border-color:var(--color-green);box-shadow:var(--shadow-green)}.btn-dark:hover{background:var(--color-green-light);transform:translateY(-2px);box-shadow:0 12px 36px #134e2c66}.btn-outline-green{color:var(--color-green);border-color:var(--color-green);background:0 0}.btn-outline-green:hover{background:var(--color-green);color:var(--color-white);transform:translateY(-2px)}.btn-lg{font-size:var(--text-body);padding:18px 36px}.btn-sm{font-size:var(--text-caption);padding:10px 20px}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.badge{border-radius:var(--radius-full);font-family:var(--font-caption);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--color-green-muted);color:var(--color-green)}.badge-yellow{background:var(--color-yellow-light);color:#78350f}.badge-white{color:var(--color-black);background:#ffffffe6}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-2xl)}.section-label{font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--color-green);align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-weight:600;display:inline-flex}.section-label:before,.section-label:after{content:"";background:var(--color-yellow);border-radius:2px;width:24px;height:2px;display:block}.section-header h2{color:var(--color-black);margin-bottom:var(--space-md)}.section-header p{color:var(--color-gray-500);font-size:var(--text-lg);line-height:1.7}.price-display{align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;display:flex}.price-current{font-family:var(--font-archivo);font-size:var(--text-h3);color:var(--color-green);font-weight:800}.price-original{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-gray-400);text-decoration:line-through}.price-save{font-family:var(--font-caption);color:#16a34a;border-radius:var(--radius-full);background:#dcfce7;padding:2px 8px;font-size:11px;font-weight:600}.stars{color:var(--color-yellow);gap:2px;display:inline-flex}.input-field{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-black);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:14px 18px}.input-field:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #134e2c1a}.input-field::placeholder{color:var(--color-gray-400)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-green);border-radius:3px}::selection{background:var(--color-yellow);color:var(--color-black)}.text-green{color:var(--color-green)}.text-yellow{color:var(--color-yellow)}.text-white{color:var(--color-white)}.text-gray{color:var(--color-gray-500)}.text-center{text-align:center}.bg-green{background:var(--color-green)}.bg-yellow{background:var(--color-yellow)}.bg-cream{background:var(--color-cream)}.bg-white{background:var(--color-white)}.bg-black{background:var(--color-black)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.overflow-hidden{overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #facc1566}50%{box-shadow:0 0 0 12px #facc1500}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.hero-pattern{background-image:radial-gradient(circle at 25% 25%,#facc1512 0%,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff0a 0%,#0000 50%)}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1f}.glass-dark{-webkit-backdrop-filter:blur(16px);background:#134e2cd9;border:1px solid #ffffff1a}.divider{background:linear-gradient(to right, transparent, var(--color-gray-200), transparent);height:1px}.gradient-text{background:linear-gradient(135deg, var(--color-green) 0%, #1e7a40 50%, var(--color-green-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-yellow{background:linear-gradient(135deg, var(--color-yellow) 0%, #f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}