:root{--g:#0F6B3A;--gd:#084628;--o:#FF7A00;--y:#F4C430;--c:#F9F6ED;--ink:#102019;--mut:#64716A;--line:#DCE4DE}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:10;background:#f9f6ede8;backdrop-filter:blur(15px);border-bottom:1px solid #dce4de}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:9px;color:var(--g)}.logoMark{width:40px;height:40px;border-radius:13px;background:var(--g);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900;transform:rotate(-7deg)}.logo b{display:block;letter-spacing:.16em;font-size:16px;line-height:1}.logo small{display:block;letter-spacing:.32em;font-size:8px;margin-top:4px;color:#65726c}.links{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:750}.links a:hover{color:var(--g)}.pill{background:var(--g);color:white!important;padding:10px 17px;border-radius:99px}.menu{display:none;border:0;background:none;font-size:26px}.hero{min-height:700px;background:linear-gradient(120deg,#f9f6ed,#eef5ee 55%,#dcecdf);overflow:hidden}.heroGrid{min-height:700px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:900;color:var(--g);margin:0 0 14px}.hero h1{font-size:clamp(54px,7vw,92px);line-height:.92;letter-spacing:-.06em;margin:0 0 25px}.hero h1 span{color:var(--g)}.lead{font-size:18px;color:#526159;max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 42px}.btn{border:0;border-radius:99px;padding:14px 22px;font-weight:850;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.primary{background:var(--g);color:#fff}.primary:hover{background:var(--gd)}.light{border:1px solid #b8c8bd;background:#ffffff80}.orange{background:var(--o);color:#fff}.stats{display:flex;gap:32px}.stats div{display:flex;gap:9px}.stats b{color:var(--o)}.stats span{font-size:11px;line-height:1.35;color:#65716b}.heroProducts{height:570px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#fff,#e1f0e4);right:30px}.bottle,.pouch{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 30px 45px #10201932}.bottle{width:145px;height:350px;border-radius:25px 25px 35px 35px;padding-top:78px}.bottle:before{content:"";position:absolute;top:-25px;width:70px;height:34px;border-radius:10px 10px 4px 4px;background:#e8edf0}.bottle i,.pouch i{font-style:normal;color:var(--g);font-weight:950;font-size:30px;letter-spacing:-.08em}.bottle strong,.pouch strong{font-size:13px;line-height:1.05;margin-top:18px}.bottle small,.pouch small{font-size:8px;letter-spacing:.08em;margin-top:auto;margin-bottom:25px}.toilet{right:45px;bottom:70px;background:linear-gradient(145deg,#4bc17d,#086044);transform:rotate(10deg)}.bleach{left:100px;bottom:80px;background:linear-gradient(145deg,#d5edf4,#63aeca);transform:rotate(-7deg) scale(.9);z-index:1}.pouch{left:205px;bottom:35px;width:200px;height:290px;border-radius:18px 18px 28px 28px;background:linear-gradient(145deg,#b1d94e,#2e8d49);padding-top:42px;z-index:3;transform:rotate(-1deg)}.pouch:before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:#ffffff2d}.productCaption{position:absolute;bottom:22px;right:0;font-size:9px;letter-spacing:.18em;font-weight:900;color:#64716a}.trust{background:var(--g);color:white}.trustGrid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;text-align:center;font-size:11px;letter-spacing:.12em}.section{padding:110px 0}.white{background:#fff}.split,.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section h2,.dark h2{font-size:clamp(40px,4.7vw,62px);line-height:1.02;letter-spacing:-.05em;margin:0}.split p,.contact p{font-size:17px;color:var(--mut)}.textLink{color:var(--g);font-weight:900}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 14px;font-weight:750;cursor:pointer}.filters button.active,.filters button:hover{background:var(--g);color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid #e1e8e3;border-radius:25px;overflow:hidden;box-shadow:0 12px 35px #1020190c}.art{height:350px;display:grid;place-items:center;position:relative;overflow:hidden}.art:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:#ffffff88}.artToilet{background:linear-gradient(145deg,#e7f5ea,#b7dcc3)}.artLaundry{background:linear-gradient(145deg,#eef7dd,#b5d671)}.artBleach{background:linear-gradient(145deg,#e9f7fb,#afd9e7)}.miniBottle{width:125px;height:255px;border-radius:24px 24px 30px 30px;background:linear-gradient(90deg,#0a6644,#4abf7d);z-index:1;padding:55px 9px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 25px 30px #0002}.miniBottle.blue{background:linear-gradient(90deg,#e4f2f7,#6bb7d0)}.miniBottle span,.miniPouch span{font-size:26px;color:var(--g);font-weight:950;letter-spacing:-.08em}.miniBottle b,.miniPouch b{font-size:11px;line-height:1.05;margin-top:14px}.miniBottle small,.miniPouch small{font-size:7px;margin-top:auto}.miniPouch{width:205px;height:255px;border-radius:16px 16px 25px 25px;background:linear-gradient(145deg,#b2d94e,#2d8d49);z-index:1;padding:35px 10px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 25px 30px #0002}.cardBody{padding:24px}.cardBody label{font-size:9px;letter-spacing:.15em;color:var(--g);font-weight:900}.cardBody h3{font-size:25px;margin:8px 0}.cardBody p{color:var(--mut);margin:0 0 18px}.cardBody>strong{font-size:12px}.note{max-width:430px;color:var(--mut)}.capGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.capGrid article{padding:32px 25px;border-right:1px solid var(--line)}.capGrid article:last-child{border-right:0}.capGrid b{color:var(--o)}.capGrid h3{font-size:21px}.capGrid p{color:var(--mut)}.dark{background:var(--gd);color:white;padding:100px 0}.partner{display:grid;grid-template-columns:1fr .9fr;gap:90px}.inverse{color:#c7e4d1}.dark p{color:#c5d6cc;font-size:17px}.dark form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dark input,.dark select,.dark textarea{width:100%;border:1px solid #ffffff30;background:#ffffff12;color:#fff;border-radius:10px;padding:13px;font:inherit;outline:none}.dark input::placeholder,.dark textarea::placeholder{color:#c6d4cc}.dark select{color:#fff}.dark textarea{grid-column:1/-1;resize:vertical}.dark form .btn{grid-column:1/-1}.dark form small{grid-column:1/-1;color:#bfe4ca}.contactBox{background:var(--c);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:11px;box-shadow:0 15px 40px #10201912}.contactBox b{font-size:20px;color:var(--g)}.contactBox span{color:var(--mut)}.contactBox .btn{margin-top:12px;width:max-content}footer{background:#061f13;color:#c9d8d0;padding:30px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.foot .logo{color:#fff}.foot .logo small{color:#aebdb5}
@media(max-width:850px){.links{display:none;position:absolute;top:76px;left:0;right:0;background:var(--c);padding:20px;flex-direction:column}.links.open{display:flex}.menu{display:block}.heroGrid,.split,.partner,.contact{grid-template-columns:1fr;gap:40px}.hero{min-height:auto}.heroGrid{padding-top:65px;padding-bottom:50px}.heroProducts{height:500px}.trustGrid{grid-template-columns:1fr 1fr;gap:15px}.cards{grid-template-columns:1fr}.capGrid{grid-template-columns:1fr 1fr}.heading{align-items:start;flex-direction:column}.dark form{grid-template-columns:1fr}.dark textarea,.dark form .btn{grid-column:auto}.foot{flex-wrap:wrap}.hero h1{font-size:60px}.bottle.toilet{right:0}.bottle.bleach{left:0}.pouch{left:50%;transform:translateX(-50%)}}
@media(max-width:520px){.wrap{width:min(100% - 28px,1180px)}.stats{gap:14px}.stats div{display:block}.heroProducts{height:430px;transform:scale(.85);transform-origin:center}.capGrid{grid-template-columns:1fr}.trustGrid{font-size:9px}.section{padding:75px 0}.section h2,.dark h2{font-size:40px}.foot{flex-direction:column;align-items:flex-start}}
