:root{--navy:#082d62;--navy-deep:#041a3a;--blue:#24a9f4;--ice:#edf6ff;--silver:#dce4ed;--ink:#172433;--white:#fff;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;line-height:1.5}.skip-link{position:absolute;left:-9999px}.announcement{padding:8px 4vw;text-align:center;background:var(--navy-deep);color:#dcecff;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid #e4e9ef}.brand{text-decoration:none;color:var(--navy);display:flex;flex-direction:column;line-height:1}.brand-name{font-weight:900;font-size:32px;letter-spacing:-.08em}.brand-name span{color:var(--blue)}.brand-name i{color:var(--blue);font-style:normal;font-size:15px;vertical-align:top;margin-left:4px}.brand small{font-size:8px;letter-spacing:.19em;text-transform:uppercase;margin-top:6px;color:#257db7}.site-header nav{display:flex;gap:28px}.site-header nav a{color:#27394b;text-decoration:none;font-size:13px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid var(--blue);border-radius:100px;background:var(--blue);color:#fff;text-decoration:none;font-weight:800;font-size:13px;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);background:#168fda}.button-small{min-height:42px;padding:0 20px}.button-outline{color:var(--navy);background:transparent;border-color:#aebdcb}.hero{min-height:720px;padding:56px 5vw 42px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;background:linear-gradient(120deg,#f8fbff 0%,#eaf3fc 100%);overflow:hidden}.hero-copy{padding:40px 2vw 40px 4vw;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#178cd2;font-weight:900;margin:0 0 18px}.hero h1,.statement h2,.section-heading h2,.quote-copy h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:.96;color:var(--navy-deep);margin:0}.hero h1{font-size:clamp(54px,6vw,92px)}.hero h1 em{color:var(--blue);font-weight:400}.hero-intro{max-width:620px;font-size:17px;color:#526679;margin:28px 0}.button-row{display:flex;gap:12px;flex-wrap:wrap}.hero-notes{display:flex;gap:22px;margin-top:36px;color:#53677b;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.hero-notes span:before{content:'✦';color:var(--blue);margin-right:8px}.hero-product{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center}.hero-product img{position:relative;z-index:2;width:min(820px,112%);height:auto;filter:drop-shadow(0 38px 45px rgba(12,48,86,.19));border-radius:24px}.product-halo{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0%,#d9ecff 48%,transparent 70%)}.floating-note{position:absolute;z-index:3;right:2%;bottom:12%;padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 16px 50px rgba(11,48,87,.14);display:flex;flex-direction:column}.floating-note strong{font-size:22px;color:var(--navy)}.floating-note span{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.statement{padding:120px 12vw;text-align:center;background:#fff}.statement h2{font-size:clamp(42px,5vw,72px);max-width:1050px;margin:auto}.statement>p:last-child{max-width:760px;margin:28px auto 0;color:#637385;font-size:17px}.range-section,.industries{padding:100px 6vw}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;margin-bottom:54px}.section-heading h2{font-size:clamp(42px,5vw,68px)}.section-heading>p{color:#657689}.chemical-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.chemical-card{position:relative;min-height:410px;padding:22px;background:#f2f6fa;border:1px solid #e2e9ef;border-radius:22px;overflow:hidden;transition:.25s}.chemical-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(17,55,92,.1)}.chemical-card.featured{background:#e7f3ff}.number{font-size:11px;color:#789;letter-spacing:.12em}.mini-pack,.bottle-icon{height:210px;display:flex;align-items:center;justify-content:center}.mini-pack img{width:125%;max-width:none;border-radius:12px}.bottle-icon{width:105px;height:145px;margin:40px auto 25px;background:linear-gradient(145deg,#fff,#dceaff);border-radius:18px 18px 12px 12px;box-shadow:0 18px 30px rgba(8,45,98,.12);color:var(--navy);font-weight:900;font-size:20px;position:relative}.bottle-icon:before{content:'';position:absolute;top:-22px;width:52px;height:25px;border-radius:8px 8px 2px 2px;background:var(--navy)}.chemical-card h3{font-size:20px;margin:10px 0 6px;color:var(--navy)}.chemical-card p{font-size:13px;color:#657689;min-height:42px}.chemical-card a{color:#147fc2;text-decoration:none;font-weight:800;font-size:12px}.hardware-section{background:var(--navy-deep);padding:100px 6vw;color:#fff}.section-heading.light h2{color:#fff}.section-heading.light>p{color:#aebed0}.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #31506f;border-left:1px solid #31506f}.hardware-grid a{min-height:210px;padding:30px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:start;color:#fff;text-decoration:none;border-right:1px solid #31506f;border-bottom:1px solid #31506f;transition:.25s}.hardware-grid a:hover{background:#0c396e}.hardware-grid span{color:#5cc3ff;font-size:11px}.hardware-grid strong{font-family:Georgia,serif;font-size:26px;font-weight:400}.hardware-grid i{font-style:normal;font-size:24px;color:var(--blue)}.industry-list{display:flex;flex-wrap:wrap;gap:10px}.industry-list span{padding:16px 22px;border:1px solid #cfd9e3;border-radius:100px;color:#3b536a;font-size:13px}.quote-section{display:grid;grid-template-columns:.8fr 1.2fr;background:linear-gradient(130deg,#eaf4ff,#f9fbfd);padding:100px 8vw;gap:8vw}.quote-copy h2{font-size:clamp(46px,5vw,70px)}.quote-copy>p{color:#617488}.whatsapp-link{display:inline-flex;flex-direction:column;margin-top:25px;text-decoration:none;color:var(--navy)}.whatsapp-link b{color:#189d52}.quote-form{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:0 25px 70px rgba(12,48,86,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#53697e;font-weight:800;margin-bottom:15px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #cfdbe5;border-radius:10px;padding:13px;background:#fbfdff;font:inherit;color:#1a2d40}.form-success{padding:12px;background:#e3f8ec;color:#13643a;border-radius:10px}footer{padding:48px 6vw;background:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;border-top:1px solid #e1e7ed}footer strong{color:var(--navy);font-size:13px}footer p{color:#738194;font-size:12px}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;padding:14px 20px;border-radius:100px;background:#1fa95a;color:#fff;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 15px 30px rgba(15,104,54,.25)}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}[data-reveal].is-visible{opacity:1;transform:none}@media(max-width:1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:25px}.hero-product{min-height:420px}.chemical-grid{grid-template-columns:repeat(2,1fr)}.hardware-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.announcement{font-size:8px}.site-header{height:72px;padding:0 18px}.site-header .button{display:none}.brand-name{font-size:27px}.hero{min-height:auto;padding:48px 20px 30px}.hero-copy{padding:0}.hero h1{font-size:52px}.hero-intro{font-size:15px}.hero-notes{display:grid;gap:8px}.hero-product{min-height:300px}.hero-product img{width:120%;max-width:none}.floating-note{display:none}.statement,.range-section,.hardware-section,.industries,.quote-section{padding:76px 20px}.statement{text-align:left}.statement h2,.section-heading h2,.quote-copy h2{font-size:42px}.section-heading{grid-template-columns:1fr;gap:20px}.chemical-grid{grid-template-columns:1fr}.chemical-card{min-height:360px}.mini-pack img{width:105%}.hardware-grid{grid-template-columns:1fr}.hardware-grid a{min-height:145px}.quote-section{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding:42px 20px}}
