*{box-sizing:border-box;margin:0;padding:0}
:root{--green:#1456a0;--mint:#e8f1fb;--lime:#8ed8ff;--cream:#f7fbff;--dark:#122b45;--muted:#66788a;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--dark);background:var(--cream);line-height:1.6}
.container{width:min(1120px,92%);margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(251,250,244,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,77,61,.08)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:800;color:var(--green);font-size:18px;text-decoration:none;display:flex;align-items:center;gap:8px}
.logo span{display:grid;place-items:center;width:31px;height:31px;background:var(--lime);border-radius:50%;font-size:15px}
.logo em{font-style:normal;font-weight:500;color:#71869b;font-size:11px;letter-spacing:.3px;margin-left:2px}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{color:var(--dark);text-decoration:none;font-size:14px;font-weight:600}
.nav-cta{background:var(--green)!important;color:white!important;padding:12px 20px;border-radius:30px}
.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--green)}
.hero{min-height:650px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f9faf2 0%,#eef6ff 100%)}
.hero-glow{position:absolute;width:520px;height:520px;background:#d7eafa;border-radius:50%;right:-150px;top:-190px;filter:blur(5px);opacity:.8}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:650px;gap:30px}
.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:800;color:#4f83b8;margin-bottom:15px}
.hero h1{font-family:"Playfair Display",serif;font-size:clamp(52px,6vw,82px);line-height:1.02;letter-spacing:-2px}
.hero h1 span,h2 span{color:#6e9c58}
.hero-text{max-width:560px;color:var(--muted);font-size:17px;margin:24px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:15px;border:0;text-decoration:none;font:700 14px "DM Sans";padding:14px 21px;border-radius:30px;cursor:pointer}
.btn-primary{background:var(--green);color:white;box-shadow:0 10px 24px rgba(23,77,61,.16)}
.btn-secondary{color:var(--green);border:1px solid #c8d8e8}
.trust-row{display:flex;gap:35px;margin-top:45px}
.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:12px;color:#7caa65}.trust-row span{font-size:11px;color:#718078}
.hero-art{height:520px;position:relative;display:grid;place-items:center}
.sun{position:absolute;width:270px;height:270px;border-radius:50%;background:#f6d98c;top:55px;right:95px}
.circle{position:absolute;border-radius:50%}.circle-back{width:400px;height:400px;background:#bddbf3;right:20px;bottom:25px}.circle-front{width:285px;height:285px;background:#5b8fc2;right:75px;bottom:80px;opacity:.9}
.plant{position:absolute;font-size:85px;z-index:4}.plant-one{left:60px;bottom:55px}.plant-two{right:35px;top:90px;font-size:60px}.bottle{position:absolute;z-index:5;font-size:88px;right:180px;bottom:70px;transform:rotate(-8deg)}.fruit{position:absolute;z-index:5;font-size:62px;left:110px;top:145px}
.hero-card{position:absolute;z-index:10;left:10px;bottom:80px;background:rgba(255,255,255,.94);padding:14px 18px;border-radius:18px;box-shadow:0 15px 35px rgba(23,77,61,.12);display:flex;align-items:center;gap:12px}.hero-card .check{width:34px;height:34px;background:var(--lime);border-radius:50%;display:grid;place-items:center;font-weight:900}.hero-card small{display:block;color:#7b8983;font-size:11px}
.section{padding:105px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.two-col h2,.section-heading h2,.tip-content h2,.contact h2{font-family:"Playfair Display";font-size:46px;line-height:1.1;letter-spacing:-1px}.intro{background:white}.intro-copy{color:var(--muted);font-size:16px}.intro-copy p+p{margin-top:17px}
.services{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:400px;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border:1px solid #e5ebe6;border-radius:22px;padding:27px;transition:.25s}.card:hover{transform:translateY(-7px);box-shadow:0 18px 35px rgba(23,77,61,.1)}.card.featured{background:var(--green);color:white}.card.featured p,.card.featured a{color:#d0e1ef}.icon{font-size:33px;margin-bottom:24px}.card h3{font-size:19px;margin-bottom:9px}.card p{color:var(--muted);font-size:13px;min-height:66px}.card a{display:inline-block;margin-top:20px;text-decoration:none;color:var(--green);font-weight:700;font-size:12px}
.tips{background:#eaf4ff}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.tips-visual{height:470px;border-radius:30px;background:#c3dcf3;position:relative;overflow:hidden;display:grid;place-items:center}.tips-visual:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#5c91c4}.leaf{position:relative;z-index:2;font-size:150px;transform:rotate(-15deg)}.tip-number{position:absolute;z-index:3;bottom:25px;right:30px;font-size:12px;font-weight:800;color:white}.tip-content>p:not(.eyebrow){color:var(--muted);margin:22px 0}.tip-content ul{list-style:none;margin:25px 0}.tip-content li{margin:12px 0;font-size:14px}.tip-content li span{display:inline-grid;place-items:center;width:23px;height:23px;background:var(--lime);border-radius:50%;margin-right:10px;font-weight:900;font-size:11px}.text-link{color:var(--green);font-weight:800;text-decoration:none;font-size:13px}
.contact{background:white}.contact-box{background:var(--green);color:white;border-radius:32px;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-box .eyebrow{color:#8ed8ff}.contact h2 span{color:var(--lime)}.contact-box>div>p:last-child{color:#c4d5e4;margin-top:20px}.contact form{display:grid;gap:14px}.contact label{font-size:11px;font-weight:700;color:#d3e0db}.contact input,.contact textarea{width:100%;margin-top:6px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:white;border-radius:12px;padding:12px 14px;font:14px "DM Sans";outline:none}.contact input:focus,.contact textarea:focus{border-color:var(--lime)}.contact input::placeholder,.contact textarea::placeholder{color:#a9bdb5}.contact .btn{justify-content:center;background:var(--lime);color:var(--green);margin-top:4px}.form-note{font-size:12px;color:#cde2d8;min-height:18px}
footer{background:#0d2945;color:#b8c9d8;padding:30px 0 20px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner .logo{color:white}.footer-inner p{font-size:11px}.back-top{width:36px;height:36px;border-radius:50%;background:#1d466f;color:white;text-decoration:none;display:grid;place-items:center}.disclaimer{font-size:10px;text-align:center;margin-top:25px;color:#7890a5}
@media(max-width:850px){.nav-links{display:none;position:absolute;left:4%;right:4%;top:70px;background:white;padding:20px;border-radius:18px;box-shadow:0 15px 35px #123a2220;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-toggle{display:block}.hero-grid,.two-col,.tips-grid,.contact-box{grid-template-columns:1fr}.hero{padding-top:30px}.hero-grid{min-height:auto}.hero-art{height:430px}.hero-copy{padding-top:25px}.cards{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading>p{margin-top:15px}.contact-box{gap:40px;padding:40px 28px}.two-col,.tips-grid{gap:40px}}
@media(max-width:540px){.logo em{display:none}.hero h1{font-size:50px}.hero-text{font-size:15px}.trust-row{gap:18px}.hero-art{transform:scale(.86);margin:-25px -30px}.cards{grid-template-columns:1fr}.section{padding:75px 0}.two-col h2,.section-heading h2,.tip-content h2,.contact h2{font-size:38px}.tips-visual{height:350px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}}
