@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--bg:#f7faf6;--surface:#ffffffdb;--soft:#e8f4ed;--text:#102a22;--muted:#62776f;--accent:#18a775;--accent2:#77d8b5;--border:#0f41331f;--nav:#fbfdf9d6;--shadow:0 20px 55px #234c3e14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:DM Sans,sans-serif}button,input,textarea,select{font:inherit}.app{background:radial-gradient(circle at 92% 5%,#28be8924,transparent 30rem),radial-gradient(circle at 2% 72%,#6987f014,transparent 32rem),var(--bg);min-height:100vh;overflow:hidden}.container{width:min(1180px,88%);margin:auto}.nav{z-index:20;background:var(--nav);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:78px;padding:0 6vw;display:flex;position:fixed;inset:0 0 auto}.brand{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Manrope;font-weight:800;display:grid}.brand span:last-child{flex-direction:column;display:flex}.brand small{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-top:4px;font-size:9px}.desktop-nav{gap:7px;display:flex}.desktop-nav button,.mobile-nav button{color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:99px;padding:10px 15px;transition:all .25s}.desktop-nav button:hover,.desktop-nav button.active{background:var(--accent);color:#fff;transform:translateY(-2px)}.menu{border:1px solid var(--border);background:var(--surface);border-radius:50%;width:42px;height:42px;display:none}.menu span{background:var(--text);width:17px;height:1px;margin:5px auto;display:block}.mobile-nav{z-index:19;background:var(--nav);opacity:0;padding:12px 6vw 22px;transition:all .4s;position:fixed;top:78px;left:0;right:0;transform:translateY(-140%)}.mobile-nav.open{opacity:1;transform:none}.mobile-nav button{text-align:left;border-bottom:1px solid var(--border);border-radius:0;width:100%;display:block}.page{animation:.7s cubic-bezier(.16,1,.3,1) enter}@keyframes enter{0%{opacity:0;filter:blur(5px);transform:translateY(20px)}}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:45px;min-height:100vh;padding-top:110px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:25px;height:1px}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.07em;margin:24px 0;font:800 clamp(3.7rem,7.2vw,7rem)/.96 Manrope}.hero h1 span{color:#0000;background:linear-gradient(110deg,var(--accent),#7bb66c 55%,#6685d4);-webkit-background-clip:text;background-clip:text}.hero>div>p,.section-title p,.page-header p,.story>p,.contact>div>p,.card p,.product p{color:var(--muted);font-size:17px;line-height:1.75}.actions{flex-wrap:wrap;gap:13px;margin-top:34px;display:flex}.primary,.secondary{cursor:pointer;border-radius:99px;min-height:52px;padding:0 24px;transition:all .25s}.primary{background:var(--accent);color:#fff;border:0;font-weight:700;box-shadow:0 12px 35px #14966933}.primary:hover,.secondary:hover{transform:translateY(-4px)}.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.visual{place-items:center;min-height:590px;display:grid;position:relative}.orbit{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffffff4d,transparent 13%),radial-gradient(circle,#5fe0b247,var(--soft) 65%);border:1px solid #18a77540;border-radius:50%;width:min(430px,36vw);animation:5s ease-in-out infinite float;position:relative;box-shadow:inset 0 0 80px #18a7751a,0 25px 90px #14644b1f}.orbit:before,.orbit:after{content:"";border:1px solid #18a77547;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:-35px}.orbit:after{border-style:dashed;animation-duration:30s;animation-direction:reverse;inset:-75px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-18px)rotate(2deg)}}.flask{width:150px;height:210px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.neck{border:4px solid var(--text);border-top:0;width:53px;height:82px;margin:auto}.body{border:4px solid var(--text);border-radius:48% 48% 35% 35%;width:124px;height:135px;position:absolute;bottom:2px;left:13px;overflow:hidden;transform:rotate(45deg)}.liquid{background:linear-gradient(135deg,#71dfb7,var(--accent));width:180px;height:95px;animation:4s ease-in-out infinite wave;position:absolute;bottom:-18px;left:-28px;transform:rotate(-45deg)}@keyframes wave{50%{transform:rotate(-40deg)translateY(-5px)}}.body i{background:#dfffee;border-radius:50%;width:10px;height:10px;animation:3s ease-in infinite bubble;position:absolute;bottom:40px;left:35px}.body i:nth-of-type(2){width:7px;height:7px;animation-delay:1s;left:65px}.body i:nth-of-type(3){width:15px;height:15px;animation-delay:1.7s;left:82px}@keyframes bubble{0%{opacity:0}25%{opacity:1}to{opacity:0;transform:translateY(-100px)}}.float-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:15px 18px;animation:5s ease-in-out infinite float;position:absolute}.float-card b,.float-card small{display:block}.float-card small{color:var(--muted)}.float-card.top{top:17%;left:0}.float-card.bottom{animation-delay:1.5s;bottom:20%;right:-2%}.stats{border:1px solid var(--border);background:var(--border);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.stats div{background:var(--surface);text-align:center;padding:37px}.stats b,.stats span{display:block}.stats b{font:700 36px Manrope}.stats span{color:var(--muted);font-size:13px}.section{padding:110px 0}.section-title{max-width:760px;margin-bottom:52px}.section-title h2,.page-header h1{letter-spacing:-.055em;margin:18px 0;font:800 clamp(2.8rem,6vw,5.5rem)/1.03 Manrope}.cards,.products{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card,.product,form{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px}.card{min-height:290px;padding:34px;transition:all .35s}.card:hover,.product:hover{transform:translateY(-8px)}.card em{color:var(--accent);font-style:normal}.card h3{margin-top:90px;font:700 25px Manrope}.cta{background:linear-gradient(120deg,var(--soft),var(--surface));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:30px;margin:35px auto 110px;padding:65px}.cta h2{max-width:700px;margin:18px 0;font:800 clamp(2.4rem,5vw,4.2rem)/1.05 Manrope}.page-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg,transparent,var(--soft));padding:170px 0 85px}.about{grid-template-columns:.9fr 1.1fr;gap:70px;display:grid}.quote{color:#fff;min-height:500px;box-shadow:var(--shadow);background:linear-gradient(#0000,#082d22e6),radial-gradient(circle at 60% 20%,#7df3c480,#0000 40%),#27896b;border-radius:30px;flex-direction:column;justify-content:flex-end;padding:50px;display:flex;position:sticky;top:120px}.quote span{color:#baf5dc;font-size:70px}.quote h2{font:700 30px/1.3 Manrope}.story h2,.contact h2{letter-spacing:-.04em;font:700 42px Manrope}.timeline{border-left:1px solid var(--border);padding:0 0 28px 28px;position:relative}.timeline:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-5px}.timeline p{color:var(--muted)}.filters{flex-wrap:wrap;gap:10px;margin-bottom:38px;display:flex}.filters button{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:99px;padding:11px 18px}.filters button.active{background:var(--accent);color:#fff}.product{flex-direction:column;min-height:390px;padding:27px;transition:all .35s;animation:.5s both enter;display:flex}.product-top{color:var(--muted);justify-content:space-between;display:flex}.formula{height:145px;color:var(--accent);place-items:center;font:700 31px Manrope;display:grid}.product h3{font:700 23px Manrope}.product>span{border:1px solid var(--border);border-radius:50%;place-items:center;width:42px;height:42px;margin-top:auto;display:grid}.notice{color:#79631c;background:#ffdc501a;border:1px solid #be972040;border-radius:14px;margin-top:34px;padding:19px}.contact{grid-template-columns:.85fr 1.15fr;gap:60px;display:grid}.details{margin-top:35px}.details p{border-bottom:1px solid var(--border);margin:0;padding:18px 0}.details small,.details b{display:block}.details small{color:var(--muted);margin-bottom:5px}form{padding:38px}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{margin-bottom:17px;display:block}.field>span{color:var(--muted);margin:0 0 8px 3px;font-size:12px;font-weight:600;display:block}.field input,.field textarea,.field select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:12px;outline:0;padding:15px}.field textarea{resize:vertical;min-height:140px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #18a7751a}.success{color:var(--accent);background:#18a7751f;border-radius:12px;margin-bottom:18px;padding:14px}footer{border-top:1px solid var(--border);color:var(--muted);background:var(--surface);justify-content:space-between;padding:48px 6vw;display:flex}footer button{color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border:0;margin-left:18px}@media (width<=900px){.desktop-nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:155px}.orbit{width:min(390px,70vw)}.cards,.products{grid-template-columns:repeat(2,1fr)}.about,.contact{grid-template-columns:1fr}.quote{position:relative;top:0}}@media (width<=620px){.container{width:90%}.brand small{display:none}.hero h1{font-size:3.5rem}.visual{min-height:430px}.flask{transform:translate(-50%,-50%)scale(.8)}.stats,.cards,.products,.form-row{grid-template-columns:1fr}.section{padding:78px 0}.page-header{padding-top:145px}.cta,form{padding:32px 24px}footer{flex-direction:column;gap:20px}}