:root{--green-600: #16a34a;--green-500: #22c55e;--green-400: #4ade80;--green-100: #dcfce7;--green-50: #f0fdf4;--text-dark: #0f172a;--text-gray: #64748b;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{font-family:Inter,Poppins,sans-serif;margin:0;padding:0}.navbar{background:linear-gradient(120deg,#ffffff8c,#ffffff59);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(241,245,249,.6);position:sticky;top:0;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px -4px #00000014,0 2px 8px -2px #0000000d}.navbar-scrolled{background:linear-gradient(120deg,#ffffffc7,#fff9);border-bottom:1px solid rgba(241,245,249,.9);box-shadow:0 6px 32px -6px #00000026,inset 0 0 0 1px #ffffff80}.nav-inner{max-width:1400px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;transition:padding .3s ease}.navbar-scrolled .nav-inner{padding:12px 20px}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.75rem;letter-spacing:-.02em;cursor:pointer;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.logo:hover{transform:scale(1.02)}.logo-icon{font-size:1.4em;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--green-100),var(--green-50));border-radius:10px;animation:gentle-bounce 2s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.logo-text{background:linear-gradient(135deg,var(--green-600),var(--green-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0;align-items:center}.nav-link{position:relative;text-decoration:none;font-weight:500;font-size:1rem;color:var(--text-dark);transition:all .3s cubic-bezier(.4,0,.2,1);padding:8px 12px;border-radius:8px}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,var(--green-600),var(--green-400));transition:all .3s ease;transform:translate(-50%);border-radius:1px}.nav-link:hover{color:var(--green-600);background:#16a34a0d;transform:translateY(-1px)}.nav-link:hover:before{width:80%}.nav-actions{display:flex;align-items:center;gap:16px}.btn-nav{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--green-600),var(--green-500));color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:0 4px 14px #16a34a4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:none;cursor:pointer}.btn-nav:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-nav:hover:before{left:100%}.btn-nav:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #16a34a66}.btn-nav:active{transform:translateY(0) scale(.98)}.btn-icon{font-size:1.1em;transition:transform .2s ease}.btn-nav:hover .btn-icon{transform:scale(1.1)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.mobile-menu-toggle:hover{background:#16a34a1a}.mobile-menu-toggle span{width:24px;height:3px;background:var(--text-dark);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-backdrop{position:fixed;cursor:pointer;inset:0;background:#00000080;z-index:998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-cta-mobile{display:none}@media (max-width: 768px){.nav-links{position:fixed;top:73px;right:-100%;width:260px;height:calc(100vh - 73px);background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:flex-start;padding:32px 20px;gap:24px;border-left:1px solid rgba(241,245,249,.8);box-shadow:var(--shadow-lg);transition:right .3s cubic-bezier(.4,0,.2,1);z-index:999}.nav-links-mobile{right:0}.nav-link{font-size:1.1rem;padding:12px 16px;width:100%;border-radius:10px;transition:all .2s ease}.nav-link:hover{background:#16a34a1a;transform:translate(4px)}.nav-link:before{display:none}.nav-cta-mobile{display:block;margin-top:16px;padding-top:20px;border-top:1px solid rgba(241,245,249,.8);width:100%}.nav-cta-mobile .btn-nav{width:100%;justify-content:center;padding:16px 24px;font-size:1rem}.btn-nav-desktop{display:none}.mobile-menu-toggle{display:flex}.logo{font-size:1.5rem}.logo-icon{width:32px;height:32px;font-size:1.2em}}@media (max-width: 480px){.nav-inner{padding:10px 16px}.nav-links{width:100%;right:-100%;top:65px;height:calc(100vh - 65px)}.logo{font-size:1.3rem}.logo-icon{width:28px;height:28px}.nav-links{display:none;top:60px;height:calc(100vh - 60px)}.btn-nav{padding:10px 16px;font-size:.9rem}.nav-cta-mobile .btn-nav{padding:14px 20px;font-size:.95rem;display:none}}html{scroll-behavior:smooth}.nav-link:focus,.btn-nav:focus,.mobile-menu-toggle:focus{outline:2px solid var(--green-400);outline-offset:2px}:root{--green-600: #16a34a;--green-500: #22c55e;--green-400: #4ade80;--green-100: #dcfce7;--green-50: #f0fdf4;--bg-gradient: linear-gradient(135deg, #f0fff4, #ffffff, #fefffe);--text-900: #0f172a;--text-700: #334155;--muted: #64748b;--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}body{font-family:Inter,Poppins,sans-serif}.hero{position:relative;padding:100px 20px 120px;background:var(--bg-gradient);overflow:hidden;font-family:Inter,sans-serif;min-height:90vh;max-width:100vw;display:flex;align-items:center}.hero-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:80px;flex-wrap:wrap;position:relative;z-index:2}.hero-left{flex:1 1 500px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-block;background:linear-gradient(135deg,var(--green-100),var(--green-50));color:var(--green-600);font-size:.875rem;font-weight:600;padding:8px 16px;border-radius:50px;border:1px solid rgba(22,163,74,.2);margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInFromLeft .8s ease-out .2s both}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hero-title{font-size:3.3rem;font-weight:900;line-height:1.1;margin-bottom:24px;color:var(--text-900);letter-spacing:-.02em;animation:slideInFromLeft .8s ease-out .4s both}.hero-title .accent{background:linear-gradient(135deg,var(--green-600),var(--green-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.rotating-word{color:var(--green-600);-webkit-text-fill-color:initial}.hero-title .accent:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--green-600),var(--green-400));border-radius:2px;opacity:.3}.hero-sub{font-size:1.25rem;color:var(--muted);margin-bottom:32px;line-height:1.7;max-width:55ch;font-weight:400;animation:slideInFromLeft .8s ease-out .6s both}.hero-ctas{display:flex;gap:20px;margin-bottom:40px;animation:slideInFromLeft .8s ease-out .8s both}.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 28px;border-radius:14px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--green-600),var(--green-500));color:#fff;box-shadow:var(--shadow-lg);border:none}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #16a34a66}.btn-outline{background:#ffffffe6;color:var(--green-600);border:2px solid var(--green-600);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#16a34a1a;transform:translateY(-2px);border-color:var(--green-500)}.btn-icon{font-size:1.1em}.feature-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-item{display:flex;align-items:center;gap:16px;position:relative;transition:all .4s ease;cursor:default}.feature-item:hover{transform:translateY(-6px) scale(1.02)}.feature-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--green-100),var(--green-50));display:flex;align-items:center;justify-content:center;font-size:1.4em;transition:transform .4s ease,background .4s ease}.feature-item:hover .feature-icon{transform:scale(1.15);background:linear-gradient(135deg,var(--green-200),var(--green-100))}.feature-text{font-size:1.125rem;font-weight:500;color:var(--text-900)}.hero-right{flex:1 1 400px;display:flex;justify-content:center;animation:fadeInRight .8s ease-out .5s both}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.phone-container{position:relative;transform:perspective(1000px) rotateY(-10deg) rotateX(5deg);transition:transform .3s ease}.phone-container:hover{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg) scale(1.02)}.phone-frame{width:320px;border-radius:35px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:var(--shadow-xl);padding:8px;position:relative;z-index:1}.phone-frame:before{content:"";position:absolute;inset:0;border-radius:35px;padding:2px;background:linear-gradient(145deg,var(--green-400),var(--green-600));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.phone-frame:after{content:"";position:absolute;left:50%;bottom:-24px;transform:translate(-50%);width:60%;height:18px;background:radial-gradient(ellipse at center,#10b98159,#10b98100 70%);filter:blur(10px);animation:ringPulse 2.6s ease-in-out infinite}@keyframes ringPulse{0%,to{opacity:.55;transform:translate(-50%) scaleX(1)}50%{opacity:.85;transform:translate(-50%) scaleX(1.08)}}.phone-frame img{width:100%;border-radius:28px;display:block;object-fit:cover}.floating-elements{position:absolute;inset:0;pointer-events:none;z-index:3}.floating-card{position:absolute;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-700);box-shadow:var(--shadow-lg);animation:float 6s ease-in-out infinite;z-index:4}.floating-card .card-icon{font-size:1.2em}.card-1{top:10%;right:-20%;animation-delay:0s}.card-2{bottom:40%;left:-30%;animation-delay:2s}.card-3{bottom:10%;right:-15%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;z-index:1;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.6}}.blob-1{width:350px;height:350px;background:radial-gradient(circle,#a7f3d0,#bbf7d0);top:-150px;left:-150px;animation-delay:0s}.blob-2{width:450px;height:450px;background:radial-gradient(circle,#bbf7d0,#d1fae5);bottom:-200px;right:-180px;animation-delay:3s}.blob-3{width:280px;height:280px;background:radial-gradient(circle,#d1fae5,#a7f3d0);top:50%;right:20%;animation-delay:6s}@media (max-width: 1200px){.hero-title{font-size:3rem}.floating-card{display:none}}@media (max-width: 900px){.hero{padding:60px 20px 80px}.hero-inner{flex-direction:column-reverse;text-align:center;gap:60px}.hero-left{flex:1 1 100%}.hero-title{font-size:2.5rem}.hero-ctas{justify-content:center;flex-wrap:wrap}.phone-container{transform:none}.phone-frame{width:280px}}@media (max-width: 640px){.hero-title{font-size:2rem}.hero-sub{font-size:1.1rem}.btn{padding:14px 24px;font-size:.9rem}.phone-frame{width:240px}}@media (prefers-reduced-motion: reduce){.floating-card,.blob,.phone-frame:after{animation:none!important}}:root{--ink: #0b1220;--muted: #5a6473;--brand: #0ea967;--brand-2: #1bc87a;--surface: #ffffff;--surface-2: #f5f8f7;--glass: rgba(255, 255, 255, .75);--ring: rgba(11, 18, 32, .08)}.lux-bg{position:relative;background:radial-gradient(1200px 600px at 10% -10%,#e8fff0 0%,transparent 60%),radial-gradient(900px 500px at 90% 10%,#eefdf3 0%,transparent 55%),linear-gradient(180deg,#fff,#fcfdfc,#fff);overflow:hidden}.features{max-width:100vw;margin:auto;padding:140px 0 220px}.features-inner{position:relative;z-index:2;max-width:80%;margin:auto;padding:0 16px}.features-head{text-align:center;margin-bottom:64px}.features-head .eyebrow{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid rgba(14,169,103,.2);color:var(--brand);background:linear-gradient(180deg,#f0fff7,#fff);font-weight:600;letter-spacing:.2px}.features-head .title{margin:14px 0 10px;font-size:2.25rem;line-height:1.2;color:var(--ink);letter-spacing:-.02em}.features-head .title.super{font-size:clamp(2.4rem,6vw,5rem);font-weight:900;letter-spacing:-.04em;line-height:.98;background:linear-gradient(135deg,#0d1b2a,#0f5132,#0d1b2a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-head .subtitle{margin:0 auto;max-width:62ch;color:var(--muted);font-size:1.05rem}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-top:48px}.card{grid-column:span 3;background:var(--surface);border:1px solid rgba(11,18,32,.06);border-radius:16px;padding:24px;box-shadow:0 10px 30px #0b12200f;position:relative;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease;min-height:240px}@media (max-width: 1200px){.card{grid-column:span 4}}@media (max-width: 820px){.card{grid-column:span 6}}@media (max-width: 620px){.card{grid-column:span 12}}.card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#0ea96738,#1bc87a1f);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card:hover{box-shadow:0 16px 40px #0b12201f}.icon-wrap{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#effff7,#fff);border:1px solid rgba(14,169,103,.18);box-shadow:0 8px 22px #0ea9671f;color:var(--brand)}.icon{font-size:1.4rem}.card-title{margin:16px 0 8px;font-size:1.15rem;font-weight:700;color:var(--ink)}.card-text{margin:0;color:var(--muted);line-height:1.6}.feature-row{display:grid;grid-template-columns:1.5fr 2fr;gap:28px;margin-top:72px;align-items:center}.feature-row.reverse{grid-template-columns:2fr 1.5fr}.feature-row .feature-row-media{height:360px;border-radius:20px;border:1px solid rgba(11,18,32,.06);background:radial-gradient(400px 200px at 20% 20%,rgba(27,200,122,.12),transparent 60%),linear-gradient(180deg,#f7fffb,#fff);box-shadow:0 20px 50px #0b12200f}.feature-row .feature-row-media.right{background:radial-gradient(400px 200px at 80% 20%,rgba(27,200,122,.12),transparent 60%),linear-gradient(180deg,#f7fffb,#fff)}.feature-row .feature-row-content h3{font-size:1.8rem;margin:0 0 10px;color:var(--ink)}.feature-row .feature-row-content p{color:var(--muted);margin:0 0 12px}.feature-row .feature-row-content ul{padding-left:18px;color:var(--muted);line-height:1.7}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,#f0fff7,#fff);border:1px solid rgba(14,169,103,.18);color:var(--ink);font-weight:600;font-size:.95rem}.media-icon{display:grid;place-items:center}.media-fa{font-size:clamp(4rem,9vw,7rem);color:var(--brand);opacity:.9;filter:drop-shadow(0 10px 20px rgba(14,169,103,.25))}@media (max-width: 900px){.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:24px;margin-top:48px}.feature-row.reverse .feature-row-content,.feature-row.reverse .feature-row-media{order:unset}.feature-row .feature-row-media{width:100%;height:auto;min-height:240px}}.features:after,.features:before{content:"";position:absolute;filter:blur(60px);opacity:.5;z-index:1}.features:before{width:320px;height:320px;top:-100px;left:-120px;background:radial-gradient(circle,rgba(27,200,122,.24),transparent 60%)}.features:after{width:380px;height:380px;bottom:-120px;right:-120px;background:radial-gradient(circle,rgba(14,169,103,.22),transparent 60%)}@media (max-width: 480px){.features{padding:80px 0 120px}.feature-row{margin-top:36px;gap:16px}}:root{--bg: #0f1722;--bg2: #0d1622;--text: #d8e0ea;--muted: #8a96a8;--brand: #22c55e;--chip: #1f2937 }.footer{width:auto;background:linear-gradient(180deg,var(--bg2),#0f1a27);color:#fff;padding:64px 0 28px;border-radius:24px 24px 0 0}.footer-inner{max-width:80%;margin:0 auto;padding:0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.col-title{color:#bfe3c9;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.underline{width:72px;height:6px;border-radius:6px;background:linear-gradient(135deg,#22c55e,#7dd3fc);margin:0 0 18px}.logo{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:800}.logo-text{color:#a7f3d0}.logo-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:0 8px 24px #22c55e38}.desc{color:#fff;opacity:.9;max-width:46ch;line-height:1.7}.contact{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px;color:#fff}.contact li{display:flex;align-items:center;gap:10px}.links-col nav{display:flex;flex-direction:column;gap:12px}.links-col a{color:#fff;text-decoration:none;opacity:.85}.links-col a:hover{opacity:1;color:#c7f9d8}.socials{display:flex;align-items:center;gap:18px;margin-top:6px}.socials a{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#111827,#0b1220);box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 20px #00000059;color:#7ee2a8;font-size:1.2rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.socials a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff1a,0 16px 28px #00000073}.foot-bar{margin-top:28px;border-top:1px solid rgba(255,255,255,.06);padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:.95rem}.prefooter-impact{background:linear-gradient(180deg,#f0f9f4,#e8fff4);padding:40px 0 70px}.impact-inner{max-width:1200px;margin:0 auto;padding:0 24px}.impact-title{text-align:center;color:#0d3924;font-weight:800;font-size:clamp(1.6rem,3vw,2rem);margin-bottom:22px}.impact-cards{background:#ecfff5;border:1px solid rgba(16,185,129,.18);border-radius:20px;padding:26px;display:grid;grid-template-columns:repeat(12,1fr);gap:22px;box-shadow:0 20px 40px #0000000f}.impact-card{grid-column:span 4;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:26px 18px;text-align:center;box-shadow:0 10px 22px #0000000f}.impact-number{color:#16a34a;font-weight:900;font-size:2.6rem;letter-spacing:-.02em}.impact-text{color:#0f172a;opacity:.9;max-width:32ch;margin:8px auto 0;line-height:1.5}@media (max-width: 900px){.impact-card{grid-column:span 12}}@media (max-width:900px){.footer-grid{grid-template-columns:1fr;gap:28px}.foot-bar{flex-direction:column;gap:8px}}