@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#f8faf6;color:#173c37;font-family:DM Sans,system-ui,sans-serif}a{color:inherit;text-decoration:none}.site-header{display:flex;justify-content:space-between;align-items:center;padding:30px 7%;border-bottom:1px solid #dfe8dd}.logo{font-size:34px;font-weight:800;letter-spacing:-2px}.logo span{display:block;font-size:8px;letter-spacing:2.2px;margin-top:3px}nav{display:flex;gap:32px;align-items:center;font-size:13px}.portal{border:1px solid #bacac0;padding:13px 20px;border-radius:30px}.hero{padding:80px 7% 50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:680px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}h1{font-family:Manrope,sans-serif;font-size:clamp(55px,6.5vw,100px);line-height:1.08;letter-spacing:-6px;font-weight:600;margin:32px 0}h1 em{font-style:normal;color:#4c9381}.intro{max-width:420px;font-size:17px;line-height:1.8;color:#61746a}.cta{display:inline-flex;gap:35px;align-items:center;border-radius:30px;background:#204f43;color:#fff;font-size:13px;padding:17px 25px;margin-top:20px}.cta span{font-size:20px}.hero-note{margin-top:58px;font-size:11px;color:#76857a}.hero-note span{color:#204f43;margin-right:15px}.water-art{position:relative;height:540px;background:#e5eee1;border-radius:240px 240px 20px 20px;overflow:hidden;display:grid;place-items:center}.orb{position:absolute;width:360px;height:360px;border:1px solid #bacdb8;border-radius:50%;top:65px;left:50%;transform:translate(-50%)}.bottle{width:220px;height:400px;position:relative;transform:rotate(9deg);filter:drop-shadow(20px 30px 15px #294b4129)}.cap{position:absolute;left:80px;top:4px;width:60px;height:25px;background:repeating-linear-gradient(90deg,#286f67 0 3px,#38867a 3px 6px);border-radius:6px}.neck{position:absolute;left:87px;top:29px;width:46px;height:30px;background:#add2c8;border:2px solid #7fbaa9}.body{position:absolute;top:52px;width:220px;height:310px;border-radius:65px 65px 35px 35px;background:linear-gradient(100deg,#76b7ad88,#d8eee5ee 25%,#9fd0bd 65%,#65a897);border:2px solid #90c1ae;box-shadow:inset 10px 0 18px #fff6;overflow:hidden}.body:before,.body:after{content:"";position:absolute;left:-2px;width:222px;height:15px;border-top:3px solid #6ba89666;border-bottom:3px solid #e1f0e277;border-radius:20px}.body:before{top:56px}.body:after{bottom:45px}.body>span{position:absolute;top:115px;left:0;width:100%;background:#f6f6e9;padding:22px 0;text-align:center;font-size:34px;font-weight:800;letter-spacing:-2px;color:#1d5e51;transform:rotate(-2deg)}.body small{display:block;font-size:7px;letter-spacing:1.4px;margin-top:4px}.art-caption{position:absolute;bottom:30px;font-size:9px;letter-spacing:3px}.services{padding:75px 7%;background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:40px}.section-heading h2,.about h2{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,55px);font-weight:500;letter-spacing:-2px;line-height:1.2}.section-heading>p{max-width:360px;color:#728278;font-size:15px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.cards article{padding:28px 0;border-top:1px solid #cbd9ca}.cards span{font-size:11px;color:#6f9988}.cards h3{font-size:21px;font-weight:500;margin:32px 0 15px}.cards p{font-size:14px;line-height:1.8;color:#728278;max-width:300px}.about{padding:85px 7%;background:#204f43;color:#f1f5e9}.about>p:last-child{max-width:500px;line-height:1.8;color:#c2d3c5}footer{padding:35px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}footer p{color:#7b877d}@media(max-width:750px){.site-header{padding:20px 6%}nav{gap:15px}nav>a:not(.portal){display:none}.portal{padding:10px;font-size:11px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:35px}h1{letter-spacing:-3px}.water-art{height:430px}.bottle{transform:rotate(9deg) scale(.85)}.hero-note{margin-top:30px}.section-heading{display:block}.cards{grid-template-columns:1fr;gap:0}.services,.about{padding:50px 6%}footer{flex-wrap:wrap}}