:root{--navy:#05152e;--card:#0b2852;--line:#225185;--blue:#0d82f7;--cyan:#45bbff;--green:#31d889;--white:#f5f8ff;--muted:#9cb1ce;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.grid-bg{background-image:linear-gradient(rgba(66,184,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(66,184,255,.045) 1px,transparent 1px);background-size:52px 52px}.section{width:min(var(--max),calc(100% - 56px));margin:auto;padding:105px 0}.header{height:82px;padding:0 max(28px,calc((100vw - var(--max))/2 + 28px));display:flex;align-items:center;gap:34px;border-bottom:1px solid rgba(112,166,226,.16);position:sticky;top:0;z-index:50;background:rgba(5,21,46,.88);backdrop-filter:blur(20px)}.brand img{width:145px;height:48px;object-fit:contain}.phone{font-weight:900}.menu-button{display:none}.eyebrow{display:block;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:15px 22px;color:#fff;background:transparent;font-weight:800;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px)}.button.primary{border-color:transparent;background:linear-gradient(110deg,#087cff,#31a9ff);box-shadow:0 15px 40px rgba(7,124,255,.25)}.chem-hero{min-height:calc(100vh - 82px);padding:70px max(28px,calc((100vw - var(--max))/2 + 28px));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.hero-copy h1{font-size:clamp(52px,6.3vw,91px);line-height:.93;letter-spacing:-.06em;margin:21px 0}.hero-copy h1 em{color:transparent;-webkit-text-stroke:1px #6fc4ff;font-style:normal}.hero-copy>p{max-width:620px;color:var(--muted);font-size:19px}.hero-actions{display:flex;gap:12px;margin:33px 0}.hero-trust{display:flex;gap:8px;flex-wrap:wrap}.hero-trust span{padding:7px 10px;border:1px solid #285587;border-radius:999px;color:#9eb3cf;font-size:10px}.hero-visual{position:relative;min-height:620px;display:grid;place-items:center}.hero-visual>img{position:absolute;z-index:1;right:-8%;bottom:0;width:90%;height:74%;object-fit:contain;filter:drop-shadow(0 35px 50px rgba(0,0,0,.45))}.hero-ring{position:absolute;width:480px;height:480px;border:1px solid rgba(69,187,255,.25);border-radius:50%;box-shadow:inset 0 0 100px rgba(0,122,255,.08),0 0 120px rgba(0,122,255,.08)}.hero-ring:before,.hero-ring:after{content:"";position:absolute;inset:15%;border:inherit;border-radius:inherit}.hero-ring:after{inset:31%}.hero-pack,.packshot{position:absolute;z-index:2;width:145px;height:205px;padding:35px 15px 15px;border-radius:18px 18px 22px 22px;color:#fff;box-shadow:0 28px 45px rgba(0,0,0,.34);transform:rotate(-5deg);overflow:hidden}.hero-pack:before,.packshot:before{content:"";position:absolute;left:29px;top:-4px;width:72px;height:28px;border:9px solid rgba(255,255,255,.24);border-bottom:0;border-radius:13px 13px 0 0}.hero-pack:after,.packshot:after{content:"";position:absolute;inset:66px 12px 15px;border-radius:12px;background:rgba(245,249,255,.92);box-shadow:inset 0 0 0 1px rgba(10,51,99,.12)}.hero-pack span,.hero-pack b,.hero-pack small{position:relative;z-index:1;display:block}.hero-pack span{font-size:10px;font-weight:900;letter-spacing:.12em}.hero-pack b{margin-top:39px;color:#09234a;font-size:19px;line-height:1}.hero-pack small{margin-top:26px;color:#2587df;font-weight:900}.pack-blue{left:7%;bottom:18%;background:linear-gradient(150deg,#073c80,#087df2)}.pack-cyan{right:2%;top:14%;background:linear-gradient(150deg,#06678a,#25c9e9);transform:rotate(7deg) scale(.83)}.bubble{position:absolute;z-index:3;border-radius:50%;background:radial-gradient(circle at 30% 25%,#9beaff,#1da9f5 45%,#0566d3);box-shadow:inset -10px -12px 20px rgba(0,42,117,.25),0 18px 35px rgba(0,85,190,.22);animation:bubble 5s ease-in-out infinite}.bubble-a{width:70px;height:70px;left:3%;top:22%}.bubble-b{width:34px;height:34px;right:12%;bottom:15%;animation-delay:-2s}.bubble-c{width:18px;height:18px;left:34%;top:11%;animation-delay:-3s}.chem-stats{padding:28px 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;background:#09234a}.chem-stats article{display:flex;gap:16px;align-items:center;padding:18px 25px;border-right:1px solid var(--line)}.chem-stats article:last-child{border:0}.chem-stats strong{font-size:44px;line-height:1}.chem-stats strong small{font-size:18px;color:var(--cyan)}.chem-stats span{color:#9cb1ce;font-size:12px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-heading h2,.usage h2,.quality h2{margin:11px 0 0;font-size:clamp(42px,5vw,67px);line-height:.98;letter-spacing:-.05em}.section-heading>p{max-width:420px;color:var(--muted)}.filter-row{display:flex;gap:8px;overflow:auto;margin-bottom:22px;padding-bottom:5px;scrollbar-width:none}.filter{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:#081f43;color:#a8bdd9;font-weight:800;cursor:pointer}.filter span{margin-left:6px;color:var(--cyan)}.filter.active{background:#f4f8ff;color:#09234a;border-color:#f4f8ff}.filter.active span{color:#087ff2}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#0c2a56,#071c3c);overflow:hidden;transition:.35s}.product-card:hover{transform:translateY(-5px);border-color:#3b8bdd;box-shadow:0 25px 55px rgba(0,0,0,.28)}.product-card.selected{border-color:#2ccf8a;box-shadow:0 0 0 1px #2ccf8a}.product-card[hidden]{display:none}.product-media{position:relative;height:275px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#eaf7ff,#b9d6ed 62%,#91b6d5);overflow:hidden}.product-media:after{content:"";position:absolute;left:8%;right:8%;bottom:-34%;height:62%;border:1px solid rgba(0,109,215,.35);border-radius:50%}.packshot{position:relative;width:148px;height:210px;transform:rotate(-3deg);background:linear-gradient(145deg,var(--pack-dark),var(--pack-color));transition:.45s}.product-card:hover .packshot{transform:rotate(2deg) scale(1.04)}.pack-label{position:absolute;z-index:2;inset:70px 13px 15px;padding:13px;color:#09234a}.pack-label span,.pack-label b,.pack-label small{display:block}.pack-label span{font-size:9px;font-weight:900;letter-spacing:.12em}.pack-label b{margin-top:8px;font-size:16px;line-height:1}.pack-label small{position:absolute;bottom:10px;color:var(--pack-color);font-weight:900}.product-chip{position:absolute;z-index:3;left:14px;top:14px;padding:7px 9px;border-radius:999px;background:rgba(5,24,52,.88);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.details-button{position:absolute;z-index:3;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#09234a;font-size:22px;cursor:pointer;transition:.25s}.details-button:hover{transform:rotate(90deg)}.product-body{display:flex;flex:1;flex-direction:column;padding:21px}.product-category{color:var(--cyan);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.product-body h3{font-size:24px;line-height:1.05;margin:7px 0}.product-body p{min-height:43px;margin:0;color:#9bb0cc;font-size:12px}.product-meta{display:flex;gap:7px;margin:17px 0}.product-meta span{padding:5px 8px;border:1px solid #285789;border-radius:999px;color:#b3c5dc;font-size:9px}.product-buy{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #244c7a}.product-buy small,.product-buy strong{display:block}.product-buy small{color:#7892b3;font-size:9px}.product-buy strong{font-size:17px}.add-product{border:0;border-radius:999px;padding:10px 13px;background:#0c80f5;color:#fff;font-weight:800;cursor:pointer}.product-card.selected .add-product{background:#26c987}.usage{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.usage-copy>p{color:var(--muted);font-size:17px}.usage-copy ul{padding:0;list-style:none}.usage-copy li{margin:13px 0;color:#b4c5da}.usage-copy li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:12px;border:1px solid var(--green);border-radius:50%;color:var(--green)}.usage-calculator{padding:30px;border:1px solid #2b5d93;border-radius:24px;background:linear-gradient(150deg,#0e3061,#081f43)}.usage-calculator label{display:grid;grid-template-columns:1fr auto;gap:14px;margin-bottom:26px;color:#b5c6db}.usage-calculator output{color:var(--cyan);font-size:24px;font-weight:900}.usage-calculator input{grid-column:1/-1;width:100%;accent-color:#168af8}.usage-result{padding:24px;margin:4px 0 20px;border-radius:18px;background:#061a38}.usage-result span,.usage-result small{display:block;color:#89a1c0;font-size:11px}.usage-result strong{display:block;margin:4px 0;font-size:46px;letter-spacing:-.05em}.usage-calculator .button{width:100%}.quality{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.quality-photo{position:relative;min-height:530px;border:1px solid var(--line);border-radius:28px;overflow:hidden}.quality-photo img{width:100%;height:530px;object-fit:cover}.quality-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,34,.75),transparent 55%)}.quality-photo span{position:absolute;z-index:2;left:22px;bottom:20px;font-weight:800}.quality>div>p{color:var(--muted);font-size:17px}.quality-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.quality-points article{padding:15px;border:1px solid var(--line);border-radius:14px}.quality-points b,.quality-points span{display:block}.quality-points b{color:var(--cyan)}.quality-points span{font-size:10px}.selection-bar{position:fixed;z-index:90;left:50%;bottom:18px;transform:translateX(-50%);width:min(780px,calc(100% - 28px));display:grid;grid-template-columns:auto 1fr auto auto;gap:20px;align-items:center;padding:12px 14px 12px 20px;border:1px solid #3486d4;border-radius:18px;background:rgba(6,29,62,.95);box-shadow:0 25px 80px rgba(0,0,0,.5);backdrop-filter:blur(18px)}.selection-bar[hidden]{display:none}.selection-bar span{display:block;color:#87a0c0;font-size:9px}.selection-names{overflow:hidden;color:#b7c8de;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.selection-bar .button{padding:11px 16px;font-size:11px}.selection-clear{border:0;background:transparent;color:#9fb3cf;font-size:24px;cursor:pointer}dialog{width:min(850px,calc(100% - 32px));max-width:none;padding:32px;border:1px solid #32659b;border-radius:24px;background:#0a2853;color:#fff;box-shadow:0 35px 110px #000}dialog::backdrop{background:rgba(0,8,20,.8);backdrop-filter:blur(7px)}.dialog-close{position:absolute;z-index:3;right:17px;top:14px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.product-dialog{display:none;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.product-dialog[open]{display:grid}.dialog-pack{min-height:410px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle,#eaf7ff,#a9cbe4)}.dialog-pack .packshot{position:relative}.product-dialog h2,.order-dialog h2{font-size:43px;line-height:1;margin:12px 0}.product-dialog p,.order-dialog>p{color:var(--muted)}.product-dialog dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.product-dialog dl div{padding:12px;border:1px solid #315d91;border-radius:12px}.product-dialog dt{color:#7993b4;font-size:9px}.product-dialog dd{margin:3px 0 0;font-weight:800}.order-dialog{width:min(560px,calc(100% - 32px))}.order-list{margin:18px 0;padding:10px 14px;border:1px solid #315d91;border-radius:12px;color:#b6c8de;font-size:11px}.order-list:empty{display:none}form{display:grid;gap:12px}form label{color:#a9bdd6;font-size:11px}form input:not([type=checkbox]){display:block;width:100%;margin-top:5px;padding:13px;border:1px solid #315d91;border-radius:11px;background:#061a38;color:#fff;outline:none}form input:focus{border-color:#168cf8}.consent{display:flex;gap:8px;align-items:center}.success{text-align:center;padding:35px 0}.success strong{color:var(--green);font-size:26px}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}@keyframes bubble{50%{transform:translateY(-16px) scale(.94)}}@media(max-width:980px){.chem-hero{grid-template-columns:1fr;padding-top:110px}.hero-visual{min-height:520px}.chem-stats{grid-template-columns:1fr 1fr}.chem-stats article:nth-child(2){border-right:0}.chem-stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-grid{grid-template-columns:1fr 1fr}.usage,.quality{grid-template-columns:1fr;gap:35px}.global-footer{} }.menu-button{background:transparent;border:0;width:40px;height:40px}.menu-button span{display:block;height:2px;background:#fff;margin:7px}@media(max-width:720px){.section{width:min(100% - 36px,var(--max));padding:75px 0}.chem-hero{padding:70px 18px 30px;min-height:auto}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-visual{min-height:450px}.hero-visual>img{width:110%;right:-12%}.hero-ring{width:330px;height:330px}.hero-pack{transform:scale(.72) rotate(-5deg)}.pack-blue{left:-5%;bottom:12%}.pack-cyan{right:-10%;top:7%;transform:scale(.62) rotate(7deg)}.chem-stats{width:calc(100% - 28px);padding:8px}.chem-stats article{padding:16px 11px}.chem-stats strong{font-size:34px}.chem-stats span{font-size:9px}.section-heading{display:block}.product-grid{grid-template-columns:1fr}.product-body p{min-height:0}.quality-photo,.quality-photo img{height:390px;min-height:390px}.quality-points{grid-template-columns:1fr}.selection-bar{grid-template-columns:1fr auto}.selection-names{display:none}.selection-bar .button{grid-column:1/-1}.selection-clear{position:absolute;right:8px;top:4px}.product-dialog[open]{display:block}.dialog-pack{min-height:270px;margin-bottom:25px}.product-dialog dl{grid-template-columns:1fr}.product-dialog h2,.order-dialog h2{font-size:35px}.header{height:70px;padding:0 18px}.header .phone{display:none}.brand img{width:125px}}