:root{--blue:#0057b8;--navy:#07356a;--aqua:#11cde3;--ink:#102a4b;--pale:#edf7fb;--cream:#f8fbfd;--line:#cfe2ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff;line-height:1.5}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.06;letter-spacing:-.045em}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #edf3f7}.brand{display:flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;line-height:.8;letter-spacing:.07em;font-size:14px}.brand b{font-size:17px}.brand-mark{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue);font-size:17px}nav{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:600}nav a{transition:.2s}nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{padding:10px 16px;border:1px solid var(--blue);border-radius:30px;color:var(--blue)}.menu-button{display:none;border:0;background:none;font-size:23px;color:var(--blue)}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(115deg,#edfaff 0%,#f9fdff 49%,#e4f8fd 49%);overflow:hidden}.hero-copy{padding:104px 6vw 55px;position:relative;z-index:2}.eyebrow,.section-label{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--blue)}h1{font-size:clamp(45px,5.3vw,77px);margin:16px 0 23px}.lead{font-size:18px;max-width:510px;color:#41617c}.actions{display:flex;gap:14px;margin-top:33px}.button{font:700 14px "DM Sans",sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;border-radius:40px;padding:15px 20px;cursor:pointer}.button span{font-size:19px}.button-primary{color:#fff;background:var(--blue);box-shadow:0 11px 20px #0057b825}.button-primary:hover{background:#004797}.button-plain{color:var(--blue);border:1px solid #a8cde1;background:#ffffff88}.trust-row{display:flex;gap:18px;margin-top:68px;color:#4b718c;font-size:12px;font-weight:600}.hero-art{position:relative;min-height:600px;overflow:hidden;background:radial-gradient(circle at 60% 20%,#fff 0 8%,transparent 30%)}.sun{position:absolute;width:295px;height:295px;border-radius:50%;background:#d7f7fa;right:12%;top:9%}.tile-grid{position:absolute;right:-40px;bottom:-70px;width:470px;height:310px;background-image:linear-gradient(#b8edf2 2px,transparent 2px),linear-gradient(90deg,#b8edf2 2px,transparent 2px);background-size:48px 48px;transform:skewY(-13deg);opacity:.65}.bubble{position:absolute;border-radius:50%;background:#fff;box-shadow:0 8px 16px #17829a15}.b1{width:44px;height:44px;top:14%;left:13%}.b2{width:20px;height:20px;top:27%;left:23%}.b3{width:72px;height:72px;bottom:18%;right:5%}.product{position:absolute;border-radius:18px 18px 28px 28px;box-shadow:15px 18px 24px #02519a35;z-index:3}.product.detergent{background:linear-gradient(110deg,#0191e2,#0061bc 55%,#004788);width:170px;height:288px;bottom:42px;left:20%;transform:rotate(-7deg)}.product.detergent:after{content:"";position:absolute;width:52px;height:82px;border:12px solid #c8efff;border-left-width:8px;border-radius:15px;right:14px;top:28px}.product .cap{position:absolute;background:#039acb;width:52%;height:20px;top:-14px;left:25%;border-radius:7px 7px 2px 2px}.product .handle{position:absolute;width:48px;height:66px;border:11px solid #bdf2ff;border-radius:13px;top:22px;right:10px}.product.toilet{width:130px;height:290px;bottom:35px;left:51%;background:linear-gradient(110deg,#00d2d0,#008ec5 55%,#0061aa);border-radius:20px 20px 35px 35px;transform:rotate(7deg)}.product.toilet:before{content:"";position:absolute;top:-41px;left:42px;width:45px;height:57px;border-radius:7px 7px 13px 7px;background:#008ac6;transform:skewX(-22deg)}.product.toilet .cap{top:-50px;left:42px;height:13px;width:44px;background:#f6ffff;border-radius:4px}.product-label{position:absolute;top:37%;left:13px;right:13px;bottom:16px;background:#f8fdff;border-radius:11px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#0561ad;padding-top:12px;line-height:.9}.product-label strong{font:800 18px Manrope}.product-label small{font:700 7px "DM Sans";letter-spacing:.08em;margin-top:9px}.product-label i{font:700 9px Manrope;background:#d8f7e5;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;margin-top:10px;color:#008f76}.towel{position:absolute;width:195px;height:85px;background:linear-gradient(130deg,#fff,#e6f8fc);border-radius:50% 10px 30px 50%;bottom:30px;left:5%;transform:rotate(7deg);box-shadow:0 10px 15px #02769318}.art-note{position:absolute;right:11%;bottom:12%;color:#176f8b;font:700 16px Manrope;z-index:2}.intro-strip{padding:21px 6vw;background:var(--blue);color:#fff;display:flex;justify-content:space-between;align-items:center;font:700 13px Manrope}.intro-strip p{margin:0}.intro-strip div{display:flex;gap:12px;font-size:10px;letter-spacing:.14em}.section{padding:104px 8vw}.about{background:#fff}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:26px}.about h2,.section-heading h2,.why h2,.use h2,.testimonials h2,.faq h2{font-size:clamp(36px,4vw,58px)}.about-content p{font-size:17px;color:#516b82;max-width:520px}.text-link{display:inline-block;font-weight:700;margin-top:12px;color:var(--blue)}.text-link span{margin-left:6px}.value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:67px}.value-cards article{padding:25px;background:var(--cream);border-radius:14px}.value-cards span{color:var(--aqua);font-size:24px}.value-cards h3{margin:14px 0 7px;font-size:20px}.value-cards p{font-size:14px;color:#678096;margin:0}.products{background:var(--pale)}.section-heading,.why-heading{display:flex;justify-content:space-between;align-items:end}.section-heading p,.why-heading p{max-width:260px;color:#597388;font-size:16px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:45px}.product-card{border-radius:19px;padding:26px;overflow:hidden;background:#fff}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#56718a}.pill{padding:7px 11px;background:#d6f7fa;border-radius:20px;font-size:10px;letter-spacing:.08em;color:#14728b}.toilet-card .pill{background:#dce8fd;color:#2460ad}.card-visual{height:250px;position:relative;overflow:hidden;margin:17px -26px 15px;border-radius:14px;background:linear-gradient(140deg,#d5faff,#f8feff)}.toilet-card .card-visual{background:linear-gradient(140deg,#dbeaff,#f6fbff)}.card-visual:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#b9eef3;right:-45px;top:0}.toilet-card .card-visual:after{background:#c8dcfa}.product.mini{transform:scale(.62) rotate(-6deg);transform-origin:bottom left;left:25%;bottom:0}.product.mini.tall{transform:scale(.8) rotate(7deg);left:46%}.toilet.mini{transform:scale(.63) rotate(-6deg);left:27%;bottom:0}.toilet.mini.tall{transform:scale(.79) rotate(6deg);left:48%}.product-card h3{font-size:28px;margin:18px 0 8px}.product-card>p{color:#587187;font-size:15px;min-height:46px}.product-card ul{list-style:none;padding:0;border-top:1px solid #dbe8ee;margin:19px 0}.product-card li{font-size:13px;padding:8px 0;border-bottom:1px solid #dbe8ee;color:#416078}.product-card li:before{content:"✓";color:#00aabe;font-weight:800;margin-right:9px}.card-bottom a{color:var(--blue);font-weight:700}.card-bottom b{font-size:17px;margin-left:5px}.why{background:var(--blue);color:#fff}.why .section-label{color:#76eff5}.why-heading{margin:22px 0 54px}.why-heading p{color:#d5eaff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #65a4dd}.benefit-grid>div{padding:23px 22px 12px 0;border-right:1px solid #65a4dd;margin-right:18px}.benefit-grid>div:last-child{border:0}.benefit-grid i{font-style:normal;color:#75edf4;font-size:12px}.benefit-grid h3{font-size:20px;margin:43px 0 8px}.benefit-grid p{font-size:14px;color:#c9e3fa}.use{display:grid;grid-template-columns:1fr 1.4fr;gap:7%;background:#fff}.use-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.use-panels article{padding:25px;border-radius:16px;background:#eff9fb}.use-panels article+article{background:#edf2fc}.use-icon{font-size:30px;color:#03a9bd}.use-panels h3{font-size:21px;margin:28px 0 17px}.use-panels ol{list-style:none;padding:0;margin:0}.use-panels li{font-size:13px;padding:13px 0;border-top:1px solid #cee8ee;color:#4b6c81}.use-panels b{font-size:10px;color:var(--blue);margin-right:7px}.testimonials{background:#f8fbfd}.testimonials h2{margin:22px 0 47px}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quote-grid blockquote{margin:0;padding:27px;border-radius:14px;background:#fff}.quote-grid blockquote>div{color:#f7a825;font-size:13px;letter-spacing:2px}.quote-grid p{font:700 20px Manrope;line-height:1.3;margin:22px 0 34px}.quote-grid footer{font-size:13px;color:#638096}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;background:#fff}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{font:700 16px Manrope;cursor:pointer;display:flex;justify-content:space-between;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:20px;font-family:DM Sans;font-weight:400}.faq-list p{color:#5b778e;font-size:14px;max-width:560px;margin:14px 30px 0 0}.contact{padding:100px 8vw;display:grid;grid-template-columns:1fr .9fr;gap:10%;background:linear-gradient(120deg,#003e8b,#0064bf);color:#fff}.contact h2{font-size:clamp(40px,4.5vw,65px);margin:16px 0 24px}.contact h2 em{color:#70f5f6;font-style:normal}.contact-copy>p:not(.eyebrow){max-width:410px;color:#cfeaff}.contact .eyebrow{color:#72f6f7}.contact-details{display:grid;gap:9px;margin-top:35px;color:#ceebff;font-size:14px}form{display:grid;gap:15px;background:#fff;padding:29px;border-radius:16px;color:var(--ink)}form label{font-size:12px;font-weight:700;color:#3b5b75}input,textarea{display:block;width:100%;padding:10px 0 7px;border:0;border-bottom:1px solid #ccdde7;outline:0;font:14px "DM Sans";color:var(--ink);resize:vertical}input:focus,textarea:focus{border-color:var(--blue)}form .button{margin-top:9px;width:100%}.form-note{text-align:center;color:#6f8798;font-size:11px;margin:0}footer{padding:42px 6vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;background:#f7fafc}.footer-links{display:flex;gap:19px;font-size:13px;font-weight:600}.legal{display:flex;justify-content:flex-end;gap:13px;color:#698196;font-size:11px}.legal a{text-decoration:underline}@media(max-width:780px){.site-header{height:68px;padding:0 5vw}.menu-button{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px 5vw;flex-direction:column;align-items:flex-start;gap:17px;border-bottom:1px solid #dbe8ee}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:64px 6vw 30px}.hero-art{min-height:390px}.hero .product.detergent{left:20%;bottom:20px;transform:scale(.75) rotate(-7deg);transform-origin:bottom left}.hero .product.toilet{left:49%;bottom:15px;transform:scale(.75) rotate(7deg);transform-origin:bottom left}.art-note{bottom:13%;right:9%}.trust-row{margin-top:38px;gap:9px;font-size:10px}.intro-strip{display:block;text-align:center}.intro-strip div{margin-top:9px;justify-content:center;font-size:8px}.section{padding:70px 6vw}.about-content,.faq,.contact,.use{grid-template-columns:1fr;gap:30px}.value-cards,.product-grid,.quote-grid{grid-template-columns:1fr}.section-heading,.why-heading{display:block}.section-heading p,.why-heading p{max-width:370px}.product-grid{margin-top:28px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid>div:nth-child(2){border-right:0}.benefit-grid h3{margin-top:25px}.use-panels{grid-template-columns:1fr}.quote-grid blockquote{padding:23px}.quote-grid p{margin:15px 0 20px}.contact{padding:70px 6vw}.contact-details{margin-bottom:10px}footer{grid-template-columns:1fr;justify-items:start;padding:35px 6vw}.legal{justify-content:flex-start;flex-wrap:wrap}.card-visual{height:220px}}