.devicePrice{display:block;font-size:22px;color:var(--red);margin:16px 0}.intro{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at 68% 45%,#123b55,var(--navy) 48%,#03101b);color:#fff;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8vw;transition:opacity .7s,transform .7s}.introOut{opacity:0;transform:scale(1.04);pointer-events:none}.intro>button{position:absolute;right:35px;top:30px;background:transparent;border:1px solid #7590a0;color:#fff;padding:12px 18px;font-weight:800}.introLogo{position:absolute;left:35px;top:25px;display:flex;align-items:center;gap:14px}.introLogo img{width:150px;filter:brightness(0) invert(1)}.introLogo span{font-size:9px;letter-spacing:2px}.introCopy{grid-column:1;grid-row:1;z-index:2}.introCopy small{color:var(--green);font-weight:900;letter-spacing:3px}.introCopy h2{font-size:64px;line-height:.98;letter-spacing:-4px;margin:20px 0}.introCopy p{color:#b7cbd7}.introCopy button{background:var(--red);color:#fff;border:0;padding:17px 24px;font-weight:900;text-transform:uppercase}.purifier{grid-column:2;grid-row:1;position:relative;width:330px;height:470px;margin:auto}.waterTank{position:absolute;width:300px;height:370px;left:15px;top:35px;border:4px solid #d9eef6;border-radius:30px 30px 55px 55px;overflow:hidden;box-shadow:0 0 60px #2dc1ff44 inset}.waterTank:before{content:'ARN';position:absolute;z-index:3;top:70px;width:100%;text-align:center;font-size:54px;font-weight:900;letter-spacing:12px}.waterFill{position:absolute;inset:auto 0 0;height:0;background:linear-gradient(#1aa9ebaa,#0878bd);animation:fillWater 6s ease forwards}.waterTank>i{position:absolute;width:13px;height:13px;background:#78ddff;border-radius:50%;bottom:-20px;z-index:2;animation:bubble 3s infinite}.waterTank>i:nth-child(1){left:25%}.waterTank>i:nth-child(2){left:52%;animation-delay:1s}.waterTank>i:nth-child(3){left:75%;animation-delay:2s}.filterStages{position:absolute;display:flex;gap:10px;bottom:15px;left:40px;z-index:4}.filterStages span{width:52px;height:88px;border:2px solid #fff;border-radius:20px;background:#f5fbfd;color:var(--red);display:grid;place-items:center;font-weight:900;animation:filterGlow 1.2s alternate infinite}.pureDrop{position:absolute;width:30px;height:30px;right:-12px;top:190px;background:#75dcff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);animation:drop 1.7s infinite}.introProgress{position:absolute;bottom:0;left:0;right:0;height:5px;background:#ffffff18}.introProgress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#36cfff);animation:progress 7s linear forwards}@keyframes fillWater{to{height:78%}}@keyframes bubble{0%{opacity:0}20%{opacity:1}100%{transform:translateY(-320px);opacity:0}}@keyframes filterGlow{to{box-shadow:0 0 22px #5dd6ff}}@keyframes drop{0%{transform:translateY(-25px) rotate(-45deg);opacity:0}60%{opacity:1}100%{transform:translateY(75px) rotate(-45deg);opacity:0}}@keyframes progress{from{width:0}to{width:100%}}.categoryHub{background:var(--paper);padding:100px max(26px,calc((100% - 1280px)/2))}.categoryTiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.categoryTile{border:1px solid var(--line);background:#fff;text-align:left;padding:0;cursor:pointer;transition:.25s}.categoryTile:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.categoryTile span{display:block;padding:18px 18px 0;font-weight:900;font-size:13px}.categoryTile img{width:100%;height:180px;object-fit:contain;padding:20px}.categoryTile b{display:block;border-top:1px solid var(--line);padding:14px 18px;color:var(--red);font-size:10px}.contact{max-width:1280px;margin:auto;padding:105px 26px;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.contact>div{background:var(--paper);padding:55px}.contact>div>span{color:var(--green);font-size:10px;font-weight:900;letter-spacing:2px}.contact h2{font-size:50px}.contact p{color:var(--muted);line-height:1.7}.contactButtons{display:flex;gap:10px;margin-top:30px}.contactButtons a{background:var(--red);color:#fff;padding:15px 18px;font-size:10px;font-weight:900}.contactButtons a:last-child{background:var(--navy)}.contact iframe{width:100%;min-height:470px;border:0}@media(max-width:900px){.categoryTiles{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.intro{grid-template-columns:1fr;padding:100px 25px}.introCopy{grid-column:1}.purifier{opacity:.25;position:absolute;right:-70px}.introCopy h2{font-size:52px}}@media(max-width:550px){.categoryTiles{grid-template-columns:1fr 1fr}.categoryTile img{height:140px}.contact{padding:70px 12px}.contact>div{padding:35px 24px}.contactButtons{display:grid}.introCopy h2{font-size:43px}.introLogo{left:18px}.introLogo img{width:115px}.intro>button{right:15px}.purifier{right:-155px;transform:scale(.8)}}