@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17211f;--muted:#6c7773;--green:#126b55;--lime:#d8f36a;--cream:#f7f8f3;--line:#e7ebe5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}.topline{background:#173e34;color:#e8f3df;text-align:center;padding:9px 15px;font-size:12px;letter-spacing:.04em}.header{height:86px;display:flex;align-items:center;gap:38px;padding:0 max(5vw,22px);border-bottom:1px solid var(--line)}.logo{font:800 24px Manrope,sans-serif;letter-spacing:-1.5px;color:var(--ink);text-decoration:none;white-space:nowrap}.logo span{color:var(--green)}.logo small{display:block;font:700 8px 'DM Sans';letter-spacing:4px;text-align:right;margin-top:-3px;color:#87918a}.search{display:flex;max-width:650px;flex:1;height:45px;border:1px solid #dfe5df;border-radius:7px;overflow:hidden;background:#fafbf9}.search input{border:0;background:transparent;outline:0;padding:0 16px;flex:1;font:14px 'DM Sans'}.search button{width:52px;border:0;background:var(--lime);font-size:25px;cursor:pointer;color:#20352b}.header-link{color:var(--ink);font-size:13px;text-decoration:none;font-weight:700}.nav{display:flex;gap:30px;padding:0 max(5vw,22px);height:48px;align-items:center;border-bottom:1px solid var(--line);overflow:auto}.nav a{font-size:13px;text-decoration:none;color:#53605a;white-space:nowrap}.nav a:hover,.footer-links a:hover{color:var(--green)}main{max-width:1440px;margin:auto;padding:0 max(5vw,22px)}.hero{margin:34px 0 26px;background:#f1f5ed;border-radius:14px;min-height:380px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-copy{padding:58px 7%;align-self:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 15px}.hero h1{font:800 clamp(38px,5vw,62px)/1.04 Manrope,sans-serif;letter-spacing:-3px;margin:0 0 18px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p:not(.eyebrow){max-width:430px;color:#63716a;line-height:1.7;font-size:15px}.cta{display:inline-flex;align-items:center;gap:25px;margin-top:17px;background:var(--green);color:white;text-decoration:none;padding:14px 19px;border-radius:5px;font-size:13px;font-weight:700}.cta span{font-size:18px}.hero-art{position:relative;min-height:340px;background:radial-gradient(circle at 50% 50%,#e1eece,#d4e4d2 60%,#c5dacb)}.circle{position:absolute;border:1px solid #fff8;border-radius:50%;width:310px;height:310px;left:50%;top:50%;transform:translate(-50%,-50%)}.circle-two{width:235px;height:235px}.shopping-bag{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-7deg);width:150px;height:165px;background:#fff;border-radius:12px 12px 22px 22px;box-shadow:0 20px 40px #284e3625;display:grid;place-items:center;font:800 40px Manrope;color:var(--green)}.shopping-bag:before{content:"";position:absolute;width:65px;height:42px;border:8px solid #fff;border-bottom:0;border-radius:45px 45px 0 0;top:-37px}.shopping-bag span{position:absolute;color:#b4d33e;font-size:22px;right:25px;top:55px}.floating-card{position:absolute;right:8%;bottom:14%;background:#fff;padding:15px 20px;border-radius:7px;box-shadow:0 10px 30px #203b2820;font-size:9px;letter-spacing:1.5px;line-height:1.8;color:#738078;transform:rotate(4deg)}.floating-card b{color:var(--green);font-size:12px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:22px 0 48px;border-bottom:1px solid var(--line)}.benefits div{display:flex;flex-direction:column;gap:6px;padding-left:20px;border-left:2px solid var(--lime)}.benefits b{font-size:13px}.benefits span{font-size:12px;color:var(--muted)}.products-section{padding:54px 0 65px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2,.newsletter h2{font:800 31px Manrope;letter-spacing:-1.2px;margin:0}.result-count{font-size:12px;color:var(--muted)}.chips{display:flex;gap:9px;margin:25px 0}.chip{border:1px solid var(--line);background:white;border-radius:30px;padding:9px 16px;font:600 12px 'DM Sans';color:#53605a;cursor:pointer}.chip.active,.chip:hover{background:var(--green);border-color:var(--green);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #142f2010}.product-visual{height:180px;background:#f5f7f3;display:grid;place-items:center;font-size:65px}.product-info{padding:16px}.product-category{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--green);font-weight:700}.product-info h3{font:700 15px Manrope;margin:8px 0}.product-info p{font-size:12px;line-height:1.5;color:var(--muted);min-height:36px}.price{font:800 17px Manrope;margin-top:14px}.demo-tag{display:inline-block;margin-top:10px;padding:5px 8px;background:#f1f5e6;color:#657a35;border-radius:3px;font-size:9px;font-weight:700}.disclaimer{font-size:11px;color:#89938d;margin-top:24px}.newsletter{background:#f1f5ed;border-radius:12px;padding:34px 5%;display:flex;align-items:center;justify-content:space-between;margin-bottom:55px}.newsletter h2{font-size:24px}.newsletter p:last-child{font-size:13px;color:var(--muted)}.mail-icon{font-size:48px;color:var(--green);padding:0 30px}footer{border-top:1px solid var(--line);padding:30px max(5vw,22px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-logo{font-size:20px}.footer-links{display:flex;gap:22px}.footer-links a{font-size:12px;color:#66716b;text-decoration:none}footer>p{width:100%;font-size:10px;color:#929b95;margin:0}
@media(max-width:800px){.header{gap:15px;height:auto;min-height:75px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.search{order:3;flex-basis:100%;max-width:none}.header-link{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 8% 25px}.hero-art{min-height:260px}.benefits{grid-template-columns:1fr;gap:18px;padding-bottom:30px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-visual{height:140px}.newsletter{padding:28px;}.footer-links{flex-wrap:wrap;gap:12px}}
@media(max-width:440px){main{padding:0 16px}.nav{padding:0 16px;gap:22px}.product-grid{gap:10px}.product-info{padding:12px}.product-visual{height:120px;font-size:48px}.product-info h3{font-size:13px}.hero h1{letter-spacing:-2px}.newsletter h2{font-size:20px}.mail-icon{padding:0 5px}}