.hero-section{background:linear-gradient(135deg,#4a7c59,#2d5016);position:relative;overflow:hidden;min-height:100vh}.floating-elements{position:absolute;inset:0;pointer-events:none}.floating-icon{position:absolute;font-size:1.5rem;opacity:.4;animation:floatAround 12s ease-in-out infinite}.floating-icon:nth-child(1){top:10%;left:8%;animation-delay:0s;color:gold}.floating-icon:nth-child(2){top:20%;right:12%;animation-delay:3s;color:#ffb347}.floating-icon:nth-child(3){top:65%;left:5%;animation-delay:6s;color:#ff6b6b}.floating-icon:nth-child(4){top:75%;right:15%;animation-delay:9s;color:#4ecdc4}.floating-icon:nth-child(5){top:45%;right:8%;animation-delay:1.5s;color:#45b7d1}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:300;color:#ffffffe6;margin-bottom:1rem;animation:slideInDown 1s ease-out}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#fffc;font-weight:300;line-height:1.5;margin-bottom:2rem;animation:slideInUp 1s ease-out .3s both}.cta-buttons{animation:fadeInScale 1s ease-out .6s both}.btn-hero{padding:12px 24px;font-size:.95rem;font-weight:500;border-radius:25px;transition:all .3s;border:2px solid transparent;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary-hero{background:#fff;color:#2d5016;border-color:#fff;box-shadow:0 4px 15px #fff3}.btn-primary-hero:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d;color:#1a3009}.btn-outline-hero{border:2px solid rgba(255,255,255,.6);color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline-hero:hover{background:#fff3;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #fff3;color:#fff}.hero-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3rem;margin-top:3rem;color:#fff}.hero-stat{text-align:center}.hero-stat-number{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.hero-stat-label{font-size:.85rem;opacity:.8;font-weight:300}.feature-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 15px 35px #00000014;border:1px solid rgba(45,80,22,.1);transition:all .3s;height:100%;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#2d5016,#4a7c59);transform:scaleX(0);transition:transform .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block;animation:bounce 2s ease-in-out infinite}.feature-title{color:#2d5016;font-weight:700;margin-bottom:.5rem}.feature-description{color:#6c757d;line-height:1.6}.stats-section{background:linear-gradient(135deg,#2d5016,#4a7c59);color:#fff;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1" cx="20" cy="20" r="2"/><circle fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1" cx="80" cy="80" r="3"/><circle fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1" cx="40" cy="70" r="1.5"/></svg>');animation:drift 20s linear infinite}.stat-number{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;color:#a8d5ba;margin-bottom:.25rem;animation:countUp 2s ease-out}.stat-label{font-size:1rem;opacity:.9;text-transform:uppercase;letter-spacing:1px}.cta-card{background:#fff;border-radius:25px;padding:3rem;box-shadow:0 20px 60px #0000001a;max-width:900px;margin:0 auto;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(45,80,22,.05) 0%,transparent 70%);animation:rotate 20s linear infinite}.nav-scrolled{background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.1)!important}.scroll-animate{opacity:0;transform:translateY(24px);transition:all .7s ease}.scroll-animate.animate{opacity:1;transform:translateY(0)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes floatAround{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-15px) rotate(5deg) scale(1.1)}50%{transform:translateY(-8px) rotate(-3deg) scale(.9)}75%{transform:translateY(-12px) rotate(2deg) scale(1.05)}}@keyframes drift{0%{transform:translate(-100px)}to{transform:translate(100px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.hero-stats{gap:2rem}.hero-stat-number{font-size:1.25rem}.feature-card{padding:1.5rem}.cta-card{padding:2rem;margin:0 1rem}}@media (max-width: 640px){.hero-stats{flex-direction:column;gap:1.5rem}.btn-hero{width:100%;justify-content:center;margin-bottom:.5rem}.cta-buttons{flex-direction:column;width:100%}}
