@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--white:#fff;--off-white:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-green:0 8px 32px #22c55e40;--shadow-lg:0 20px 60px #0000001f;--nav-height:72px;--transition:.3s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--off-white);color:var(--gray-800);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--green-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--green-500)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-18px)rotate(3deg)}66%{transform:translateY(-8px)rotate(-2deg)}}@keyframes floatMed{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-24px)rotate(5deg)scale(1.05)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 16px #22c55e00}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 40% 60% 50%}75%{border-radius:40% 30% 60% 50%/60% 50% 40% 30%}}.font-display{font-family:var(--font-display)}.text-gradient{background:linear-gradient(135deg, var(--green-500) 0%, var(--green-700) 60%, var(--green-400) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-shimmer{background:linear-gradient(90deg, var(--green-600) 0%, var(--green-400) 30%, var(--green-600) 60%, var(--green-800) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #fff9}.glass-dark{-webkit-backdrop-filter:blur(20px);background:#0f172ab3;border:1px solid #ffffff14}.float-slow{animation:7s ease-in-out infinite floatSlow}.float-med{animation:5s ease-in-out infinite floatMed}.blob-anim{animation:10s ease-in-out infinite blob}.spin-slow{animation:20s linear infinite spin-slow}.pulse-green{animation:2.5s ease-in-out infinite pulse-green}.animate-fade-in-up{animation:.7s both fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.btn-primary{background:linear-gradient(135deg, var(--green-500), var(--green-600));color:#fff;font-family:var(--font-sans);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-green);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:linear-gradient(135deg, var(--green-400), var(--green-600));transform:translateY(-2px);box-shadow:0 12px 40px #22c55e59}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--green-600);font-family:var(--font-sans);border:2px solid var(--green-400);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:8px;padding:13px 30px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline:hover{background:var(--green-50);border-color:var(--green-500);transform:translateY(-2px)}.nav-root{height:var(--nav-height);z-index:100;transition:background var(--transition), box-shadow var(--transition);position:fixed;top:0;left:0;right:0}.nav-root.scrolled{-webkit-backdrop-filter:blur(20px);background:#ffffffe6;box-shadow:0 1px #0000000f}.nav-inner{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:0 auto;padding:0 32px;display:flex}.tab-list{align-items:center;gap:4px;display:flex;position:relative}.tab-btn{cursor:pointer;font-family:var(--font-sans);color:var(--gray-500);transition:color var(--transition);z-index:1;white-space:nowrap;background:0 0;border:none;padding:8px 20px;font-size:.9375rem;font-weight:500;position:relative}.tab-btn:hover{color:var(--gray-800)}.tab-btn.active{color:var(--gray-900);font-weight:600}.tab-indicator{background:linear-gradient(90deg, var(--green-400), var(--green-600));border-radius:var(--radius-full) var(--radius-full) 0 0;height:3px;transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}.hero{min-height:100vh;padding-top:var(--nav-height);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(ellipse 80% 60% at 50% -10%, #22c55e1f 0%, transparent 70%), radial-gradient(ellipse 50% 50% at 80% 80%, #86efac1a 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 10% 70%, #4ade8014 0%, transparent 50%), var(--off-white);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:760px;padding:0 24px;position:relative}.feature-card{border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:all var(--transition);background:#fff;padding:32px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--green-400), var(--green-600));transform-origin:0;height:3px;transition:transform var(--transition);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--green-200);transform:translateY(-6px)}.feature-card:hover:before{transform:scaleX(1)}