*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:"Inter",system-ui,-apple-system,sans-serif;color:#1e293b;background:#f0f4f8;min-height:100vh;overflow-x:hidden;line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}.bg-shapes{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.shape--1{width:600px;height:600px;background:#6ee7b7;top:-150px;right:-100px;animation:float-1 20s ease-in-out infinite}.shape--2{width:500px;height:500px;background:#06b6d4;bottom:-100px;left:-150px;animation:float-2 25s ease-in-out infinite}.shape--3{width:350px;height:350px;background:#a78bfa;top:50%;left:50%;transform:translate(-50%, -50%);animation:float-3 18s ease-in-out infinite}.shape--4{width:420px;height:420px;background:#34d399;top:20%;left:-80px;animation:float-4 22s ease-in-out infinite}.shape--5{width:300px;height:300px;background:#67e8f9;bottom:15%;right:-50px;animation:float-5 19s ease-in-out infinite}.shape--6{width:250px;height:250px;background:#fbbf24;top:70%;left:40%;opacity:.35;animation:float-6 24s ease-in-out infinite}.shape--7{width:380px;height:380px;background:#f0abfc;top:-50px;left:30%;opacity:.4;animation:float-7 21s ease-in-out infinite}@keyframes float-1{0%,100%{transform:translate(0, 0) scale(1)}50%{transform:translate(-60px, 40px) scale(1.05)}}@keyframes float-2{0%,100%{transform:translate(0, 0) scale(1)}50%{transform:translate(50px, -30px) scale(1.08)}}@keyframes float-3{0%,100%{transform:translate(-50%, -50%) scale(1)}50%{transform:translate(-40%, -55%) scale(1.1)}}@keyframes float-4{0%,100%{transform:translate(0, 0) scale(1)}50%{transform:translate(40px, 50px) scale(1.06)}}@keyframes float-5{0%,100%{transform:translate(0, 0) scale(1)}50%{transform:translate(-35px, -45px) scale(1.07)}}@keyframes float-6{0%,100%{transform:translate(0, 0) scale(1)}50%{transform:translate(30px, -25px) scale(1.09)}}@keyframes float-7{0%,100%{transform:translate(0, 0) scale(1)}50%{transform:translate(-50px, 35px) scale(1.04)}}.glass-container{background:hsla(0,0%,100%,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.7);border-radius:20px;padding:56px}@media(max-width: 768px){.glass-container{padding:36px 24px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 48px;background:rgba(240,244,248,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsla(0,0%,100%,.6);transition:.3s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 768px){.navbar{padding:10px 24px}}.navbar__logo{display:flex;align-items:center;gap:10px;transition:opacity .3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar__logo:hover{opacity:.8}.navbar__logo-icon{height:1.5em;border-radius:8px;object-fit:contain;margin:1em 0}.navbar__logo-text{font-size:1.75rem;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg, #45C46A, #06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.navbar__links{display:flex;gap:36px}@media(max-width: 768px){.navbar__links{position:fixed;top:0;right:0;width:260px;height:100vh;flex-direction:column;gap:0;padding:80px 0 32px;background:rgba(240,244,248,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid hsla(0,0%,100%,.6);box-shadow:-4px 0 30px rgba(0,0,0,.08);transform:translateX(100%);transition:transform .35s cubic-bezier(0.4, 0, 0.2, 1);z-index:200}.navbar__links.open{transform:translateX(0)}.navbar__links li a{display:block;padding:16px 32px;font-size:1rem}.navbar__links li a:hover{background:rgba(69,196,106,.06)}.navbar__links li a::after{display:none}}.navbar__links a{font-size:.9rem;font-weight:500;color:#64748b;transition:color .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.navbar__links a::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#45c46a;border-radius:1px;transition:width .3s cubic-bezier(0.4, 0, 0.2, 1)}.navbar__links a:hover{color:#45c46a}.navbar__links a:hover::after{width:100%}.navbar__hamburger{display:none;background:none;border:none;cursor:pointer;width:32px;height:24px;position:relative;z-index:300;padding:0}@media(max-width: 768px){.navbar__hamburger{display:flex;flex-direction:column;justify-content:space-between}}.navbar__hamburger span{display:block;width:100%;height:3px;background:#1e293b;border-radius:2px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center}.navbar__hamburger.active span:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.navbar__hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger.active span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.navbar__overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:150;opacity:0;transition:opacity .3s ease}.navbar__overlay.visible{display:block;opacity:1}main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 24px}.section-title{font-size:2.2rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg, #45C46A, #06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);display:inline-block}.section-subtitle{color:#64748b;font-size:1.05rem;margin-bottom:40px;max-width:520px}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px}.hero__content{width:100%}@media(max-width: 768px){.hero__content{margin-top:2em}}.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media(max-width: 768px){.hero__grid{grid-template-columns:1fr;gap:36px}}.hero__title{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:1.1;margin-bottom:24px}.hero__title-line{font-size:.7em;display:block;opacity:0;transform:translateY(30px);animation:title-reveal .8s cubic-bezier(0.22, 1, 0.36, 1) forwards}.hero__title-line--accent{font-size:clamp(2.2rem,5vw,3.8rem);background:linear-gradient(135deg, #45C46A, #06b6d4);padding-bottom:.5em;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation-delay:.15s}.hero__subtitle{font-size:1.05rem;color:#64748b;max-width:580px;line-height:1.75;margin-bottom:32px;opacity:0;transform:translateY(20px);animation:title-reveal .8s .35s cubic-bezier(0.22, 1, 0.36, 1) forwards}.hero__actions{display:flex;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:title-reveal .8s .5s cubic-bezier(0.22, 1, 0.36, 1) forwards}.hero__image-wrapper{opacity:0;transform:translateY(24px) scale(0.97);animation:image-reveal 1s .4s cubic-bezier(0.22, 1, 0.36, 1) forwards}@media(max-width: 768px){.hero__image-wrapper{order:-1}}.hero__image{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:2em;transition:all .5s cubic-bezier(0.22, 1, 0.36, 1);filter:drop-shadow(1em 1em 2em rgba(0, 0, 0, 0.7))}.hero__image:hover{transform:translateY(-0.3em)}@keyframes title-reveal{to{opacity:1;transform:translateY(0)}}@keyframes image-reveal{to{opacity:1;transform:translateY(0) scale(1)}}.btn{display:inline-flex;align-items:center;padding:14px 32px;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:2px solid rgba(0,0,0,0)}.btn--primary{background:linear-gradient(135deg, #45C46A, #06b6d4);color:#fff;box-shadow:0 4px 20px rgba(69,196,106,.3)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(69,196,106,.4)}.btn--outline{border-color:#45c46a;color:#45c46a;background:rgba(0,0,0,0)}.btn--outline:hover{background:#45c46a;color:#fff;transform:translateY(-2px)}.products{padding:80px 0}.products__grid{display:grid;gap:24px}.product-card{background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;padding:36px 28px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}.product-card a{text-decoration:underline;color:#888}.product-card__icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg, #45C46A, #06b6d4);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.product-card__icon svg{width:24px;height:24px;stroke:#fff}.product-card h3{font-size:1.25rem;font-weight:700;margin-bottom:10px}.product-card p{color:#64748b;font-size:.95rem;line-height:1.7;margin:1em 0}.contact{padding-bottom:80px}.contact__grid{display:flex;flex-wrap:wrap;gap:32px}.contact__item{display:flex;width:20em;align-items:center;gap:14px;padding:18px 28px;background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.contact__item:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}.contact__item svg{width:22px;height:22px;stroke:#45c46a;flex-shrink:0}.contact__item span{font-size:.95rem;font-weight:500;color:#1e293b}.footer{position:relative;z-index:1;text-align:center;padding:32px 24px;color:#64748b;font-size:.85rem}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(0.22, 1, 0.36, 1),transform .7s cubic-bezier(0.22, 1, 0.36, 1)}.reveal.visible{opacity:1;transform:translateY(0)}