:root{--forest-green:#2d5a27;--forest-glow:#2d5a2766}.noise-overlay{z-index:10;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3 Atem filter='url(%23n)'%3E%3Crect width='100%25' height='100%25' fill='transparent'/%3E%3C/filter%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3C/svg%3E");position:fixed;inset:0}.about-toggle{-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #00000014;border-radius:999px;gap:0;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014,inset 0 2px 4px #ffffff80}.dark .about-toggle{background:#0009;border-color:#ffffff26;box-shadow:0 4px 12px #0000004d,inset 0 2px 4px #ffffff0d}.about-toggle-btn{z-index:1;cursor:pointer;white-space:nowrap;color:#334155;background:0 0;border:none;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative}.about-toggle-btn:hover:not(.active){color:var(--forest-green)}.about-toggle-btn.active{color:#fff}.dark .about-toggle-btn:not(.active){color:#cbd5e1}.about-toggle-indicator{background:var(--forest-green);z-index:0;border-radius:999px;width:100%;transition:left .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 4px 16px #2d5a274d}.dark .about-toggle-indicator{background:#10b981;box-shadow:0 4px 20px #10b98166,inset 0 2px 4px #fff3}.view-a-bg{z-index:0;overflow:hidden;background:linear-gradient(#d1fae5 0%,#a7f3d0 40%,#6ee7b7 80%,#34d399 100%)!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.dark .view-a-bg{background:linear-gradient(#065f46 0%,#064e3b 30% 70%,#022c22 100%)!important}.bg-gradient-pulse{z-index:0;background:radial-gradient(circle,#22c55e1a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotateGradient;position:absolute;top:-50%;left:-50%}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-b-bg{background:#020617;position:relative;overflow:hidden}.view-b-glow{pointer-events:none;z-index:1;filter:blur(80px);background:radial-gradient(circle,#2d5a2726 0%,#0000 70%);border-radius:50%;width:600px;height:600px;transition:all .15s ease-out;position:absolute}.glass-card-nature{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#ffffffd9;border:1px solid #a7f3d099;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d}.dark .glass-card-nature{background:#022c22b3;border-color:#10b9814d;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080}.hero-forest-overlay{-webkit-backdrop-filter:blur(24px);background:#ffffffbf;border:1px solid #fff6;box-shadow:0 20px 60px #2d5a271a,inset 0 0 0 1px #fff3}.tech-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;border:1px solid #ffffff0d;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.tech-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,0)var(--mouse-y,0),#ffffff0f,transparent 40%);z-index:0;pointer-events:none;position:absolute;inset:0}.tech-card:hover{border-color:#2d5a2766;transform:translateY(-8px)scale(1.02);box-shadow:0 0 40px #2d5a271a,inset 0 0 20px #ffffff05}.cta-btn{background:var(--forest-green);color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:8px;padding:18px 40px;font-size:16px;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #2d5a274d}.cta-btn:after{content:"";background:linear-gradient(45deg,#0000,#fff3,#0000);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.cta-btn:hover:after{transform:rotate(45deg)translate(50%,50%)}.cta-btn:hover{background:#234a1f;transform:translateY(-3px);box-shadow:0 16px 40px #2d5a2766}.grid-pattern{background-image:linear-gradient(#64748b0d 1px,#0000 1px),linear-gradient(90deg,#64748b0d 1px,#0000 1px);background-size:80px 80px}.grid-beam{background:linear-gradient(to bottom,transparent,var(--forest-green),transparent);z-index:1;opacity:.4;width:1px;height:100px;animation:8s linear infinite beamVertical;position:absolute}@keyframes beamVertical{0%{opacity:0;transform:translateY(-100px)scaleY(0)}10%{opacity:1;transform:translateY(0)scaleY(1)}90%{opacity:1;transform:translateY(800px)scaleY(1)}to{opacity:0;transform:translateY(1000px)scaleY(0)}}@keyframes float{0%,to{opacity:.3;transform:translate(0)rotate(0)}33%{opacity:.6;transform:translate(10px,-20px)rotate(10deg)}66%{opacity:.4;transform:translate(-10px,-10px)rotate(-5deg)}}.floating-leaf{animation:float var(--speed,6s)ease-in-out infinite;animation-delay:var(--delay,0s);filter:drop-shadow(0 0 8px #2d5a271a)}.parallax-fast{transform:translateY(var(--parallax-offset-fast,0))}.parallax-slow{transform:translateY(var(--parallax-offset-slow,0))}.section-divider{background:linear-gradient(90deg,#0000 0%,#2d5a274d 50%,#0000 100%);height:1px}.dark .section-divider{background:linear-gradient(90deg,#0000 0%,#34d39933 50%,#0000 100%)}.circuit-node-glow{filter:drop-shadow(0 0 20px #34d39999);transition:filter .3s}.circuit-node-glow:hover{filter:drop-shadow(0 0 30px #34d399e6)}@keyframes dataPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.circuit-pulse{animation:4s ease-in-out infinite dataPulse}@media (max-width:768px){.about-toggle-btn{padding:10px 16px;font-size:12px}.grid-pattern{background-size:40px 40px}}