:root{--ink:#123451;--muted:#677f94;--blue:#2462b1;--teal:#65c9ee;--mint:#e5f7ff;--border:#dfebf4;--shadow:0 24px 65px rgba(24,76,123,.105);background:#fff;color:var(--ink)}
body{background:#fff}::selection{background:#a9eafa;color:#16447f}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #60c6eb;outline-offset:3px}
.container{width:min(1260px,calc(100% - 72px))}
.topbar{background:#17477f;color:#e9f6ff}.topbar-inner{height:36px}.topbar-inner>span{display:flex;align-items:center;gap:7px}.topbar-inner svg{color:#8de7ff}.topbar b{color:#b3edff}.top-right a{display:inline-flex;align-items:center;gap:6px;font-weight:750}
.site-header{background:rgba(255,255,255,.97);border-color:#e7f0f6;box-shadow:0 7px 36px #153f6a07}.header-inner{height:90px;gap:20px}.brand{width:220px;min-width:170px;display:inline-flex;align-items:center}.brand img{display:block;width:100%;height:auto;object-fit:contain}.nav{margin-left:28px;gap:clamp(14px,1.65vw,27px)}.nav a{color:#365873;font-size:13px;font-weight:750}.nav a:hover,.nav a.active{color:#1b65b8}.icon-btn{border-radius:50%;color:#164a79}.icon-btn:hover{background:#e8f7fd}.badge-count{background:#266abd}
.btn{border-radius:100px;min-height:49px;padding:14px 24px;font-weight:800;box-shadow:none}.btn-primary{background:#2462b1;color:#fff;box-shadow:0 14px 25px #2462b12b}.btn-primary:hover{background:#174c93;box-shadow:0 18px 30px #2462b145}.btn-outline{background:#fff;color:#175ca4;border:1px solid #bcd8e9}.btn-white{color:#2462b1}.eyebrow{color:#3185c6;font-size:11px;letter-spacing:.17em}.eyebrow:before{background:#65c9ee;width:23px}.section{padding:105px 0}.section-soft{background:#f3faff}.text-link,.all-link{color:#2462b1}
.hero-new{isolation:isolate;min-height:660px;position:relative;overflow:hidden;background:#d8edfa}
.hero-photo{position:absolute;z-index:-2;inset:0;background:url('/assets/hero-hygiene.webp') center center/cover no-repeat}
.hero-new:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(239,248,255,.98) 0%,rgba(240,249,255,.93) 25%,rgba(233,245,253,.53) 45%,transparent 71%)}
.hero-new-inner{min-height:660px;display:flex;align-items:center;position:relative}.hero-new-copy{width:min(675px,60%);padding:70px 0 94px;animation:riseIn .8s both}
.hero-overline{display:inline-flex;align-items:center;gap:11px;color:#2168a9;font-size:10.5px;font-weight:850;letter-spacing:.16em}.hero-overline-mark{display:inline-block;width:27px;height:3px;border-radius:3px;background:#65c9ee}
.hero-new h1{margin:24px 0 23px;font-size:clamp(45px,5.3vw,76px);font-weight:900;line-height:1.12;letter-spacing:-.075em;color:#173c65}.hero-new h1 span{color:#2774ba}
.hero-new p{max-width:500px;font-size:16px;color:#52728e;line-height:1.85;margin-bottom:31px}.hero-new-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.btn-glass{color:#205c9c;border:1px solid rgba(44,120,177,.29);background:rgba(255,255,255,.76);backdrop-filter:blur(12px)}.btn-glass:hover{background:#fff}
.hero-new-facts{margin-top:45px;display:inline-flex;align-items:center;gap:25px;color:#6284a1;font-size:11.5px}.hero-new-facts strong{font-size:20px;margin-right:4px;color:#164b85;font-family:Manrope,sans-serif}.fact-separator{height:23px;width:1px;background:#accce2}
.hero-caption{position:absolute;right:6px;bottom:58px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 65px #164b8624;backdrop-filter:blur(18px);border-radius:17px;padding:15px 22px;animation:floatSoft 6s ease-in-out infinite}.caption-dot{width:27px;height:27px;border:7px solid #b2edff;background:#2c72bd;border-radius:50%}.hero-caption strong{font-size:12px;display:block}.hero-caption small{color:#7795af;font-size:10px}.hero-counter{position:absolute;bottom:28px;left:max(36px,calc((100vw - 1260px)/2));font-size:11px;letter-spacing:.17em;color:#457da9;font-weight:800}.hero-counter span{color:#91bcd5;margin:0 8px}
.value-stripe{background:#fff;border-bottom:1px solid #e9f0f7}.value-stripe-inner{min-height:92px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:20px}.value-stripe-inner>div{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:750;color:#46647d}.value-stripe-inner svg{color:#368ac3}
.feature-title{display:flex;justify-content:space-between;gap:44px;align-items:end;margin-bottom:36px}.feature-title h2{color:#183b60;font-size:clamp(32px,3.8vw,51px);line-height:1.17;font-weight:850;letter-spacing:-.061em;margin:13px 0 0}.feature-title h2 span{color:#3484bf}.feature-title>p{max-width:350px;line-height:1.8;font-size:13px;color:#748ba0;margin:0 8px 9px 0}
.universe-grid{display:grid;grid-template-columns:1.15fr 1fr .92fr;gap:20px}.universe-card{position:relative;display:flex;flex-direction:column;min-height:470px;border-radius:29px;padding:27px;overflow:hidden;isolation:isolate;transition:transform .35s,box-shadow .35s;box-shadow:0 6px 20px #2462b107}.universe-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #1d5a9822}
.universe-card:before{content:"";width:350px;height:350px;border-radius:50%;border:1px solid #5fbae633;position:absolute;z-index:-1;right:-100px;top:30px;box-shadow:0 0 0 55px #ffffff22,0 0 0 110px #ffffff1a}
.universe-paper{background:linear-gradient(140deg,#d6f1ff,#b5e6fa 70%,#f0f9ff)}.universe-dispensers{background:linear-gradient(140deg,#e6f2ff,#bedaff 75%,#f1f7ff)}.universe-packs{background:linear-gradient(140deg,#e6f8fd,#cbeaf5 70%,#f5fcff)}
.universe-number{font-size:10px;letter-spacing:.1em;font-weight:800;color:#346a96}.universe-image{flex:1;display:grid;place-items:center;padding:26px 20px 12px}.universe-image img{object-fit:contain;width:min(95%,270px);max-height:285px;filter:drop-shadow(0 24px 22px rgba(39,91,125,.14));transition:transform .55s}.universe-card:hover .universe-image img{transform:translateY(-8px) scale(1.04) rotate(-1deg)}
.universe-bottom{display:flex;justify-content:space-between;align-items:end;gap:15px}.universe-bottom h3{color:#1b4367;font-weight:850;font-size:28px;letter-spacing:-.055em;margin-bottom:5px}.universe-bottom p{font-size:12px;line-height:1.5;color:#5e85a0;max-width:240px;margin:0}.universe-bottom>span{flex-shrink:0;height:47px;width:47px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.88);color:#2462b1;box-shadow:0 7px 20px #287bc011}
.section-shop{background:#f7fbff}.feature-title-end{align-items:end}.all-link{font-size:13px;font-weight:850;padding:12px 0;display:inline-flex;gap:10px;align-items:center;white-space:nowrap}.products-grid{gap:20px}.product-card{border-radius:22px;border:1px solid #e7eef5;box-shadow:0 5px 17px #2b6b9807}.product-card:hover{transform:translateY(-7px);border-color:#bddef2;box-shadow:0 24px 50px #1d59971a}
.product-photo{height:255px;background:radial-gradient(circle at 50% 35%,#fff,#eef7fd 90%);padding:26px}.product-photo:after{content:"";position:absolute;inset:auto 0 0;height:42%;pointer-events:none;background:linear-gradient(transparent,#e8f5ff44)}.product-photo img{position:relative;z-index:1}
.product-photo .pill{top:15px;left:15px;background:rgba(255,255,255,.92);color:#2d70ae;font-size:9px;letter-spacing:.09em;border:1px solid #d6e8f4}.product-photo .pill-pack{background:#dff1ff}
.product-photo-cta{position:absolute;z-index:3;left:50%;bottom:14px;transform:translate(-50%,10px);opacity:0;display:flex;align-items:center;gap:7px;color:#fff;background:#2462b1;border-radius:30px;padding:9px 14px;font-size:10px;font-weight:800;white-space:nowrap;transition:.22s}.product-card:hover .product-photo-cta,.product-photo:focus-visible .product-photo-cta{opacity:1;transform:translate(-50%,0)}
.product-content{padding:23px}.product-kicker{color:#3180bb;letter-spacing:.11em}.product-title{font-size:13px;color:#27465c}.price{color:#174e85}.add-btn{background:#e4f4ff;color:#1f69b2;border-radius:50%}.add-btn:hover{background:#2462b1}.stock-label{color:#508d75}.center-link{display:flex;justify-content:center;margin-top:43px}
.story-section{background:#164d87;color:#fff;overflow:hidden;position:relative}.story-section:after{content:"";position:absolute;width:450px;height:450px;right:-230px;bottom:-200px;border:1px solid #6bc9ee38;border-radius:50%;box-shadow:0 0 0 80px #62bff207,0 0 0 150px #62bff207;pointer-events:none}
.story-layout{min-height:540px;display:grid;grid-template-columns:.93fr 1.07fr;gap:78px;align-items:center}.story-content{padding:100px 0;position:relative}.story-content .eyebrow{color:#a3e9ff}.story-content h2{font-size:clamp(35px,3.7vw,53px);line-height:1.18;letter-spacing:-.06em;margin:22px 0 25px}.story-content h2 em{color:#a9eaff;font-style:normal}.story-content p{color:#d4e7f6;font-size:14px;line-height:1.95;max-width:450px}.story-link{display:inline-flex;align-items:center;gap:11px;color:#fff;font-size:12px;font-weight:850;border-bottom:1px solid #87cbed;padding:0 0 10px;margin-top:24px}.story-watermark{position:absolute;bottom:18px;left:0;opacity:.1;font-size:70px;font-weight:900;letter-spacing:-.08em;white-space:nowrap;pointer-events:none}
.story-media{position:relative;z-index:1;border-radius:27px;padding:9px;background:rgba(255,255,255,.17);box-shadow:0 25px 70px #00294c50}.story-media iframe{width:100%;border:none;display:block;aspect-ratio:16/9;border-radius:19px;background:#0c3357}.story-video-caption{padding:16px 14px 8px;display:flex;align-items:center;gap:8px;font-size:11px;color:#d5edff}
.pack-section{background:#fff}.contact-home{background:linear-gradient(135deg,#e9f6fe,#f7fcff)}.contact-home-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.contact-home-copy h2{font-size:clamp(32px,3.7vw,49px);line-height:1.18;margin:17px 0 22px;font-weight:850}.contact-home-copy h2 span{color:#2876b9}.contact-home-copy p{font-size:14px;line-height:1.85;max-width:395px;color:#71899c}.contact-facts{display:grid;gap:15px;margin:26px 0 30px;color:#416582;font-size:12px}.contact-facts>span,.contact-facts>a{display:flex;align-items:center;gap:12px}.contact-facts svg{color:#2c79bb}
.map-panel{position:relative;overflow:hidden;border-radius:25px;background:#d0e9f6;box-shadow:0 22px 50px #205b9424;min-height:390px}.map-panel iframe{width:100%;height:390px;border:0;display:block;filter:saturate(.8)}.map-link{position:absolute;right:18px;bottom:18px;display:inline-flex;gap:9px;align-items:center;background:#fff;color:#205b94;border-radius:50px;box-shadow:0 7px 25px #17487824;padding:12px 16px;font-size:11px;font-weight:850}.contact-page-grid{padding-bottom:16px}
.about-visual{border-radius:28px;min-height:430px;overflow:hidden;box-shadow:var(--shadow)}.about-visual img{width:100%;height:430px;object-fit:cover;object-position:58% center;display:block}
.page-banner{color:#19476e;padding:72px 0 82px;background:linear-gradient(125deg,#e3f3fe,#f8fcff 66%,#dcf1fc);border-bottom:1px solid #d9edf8}.page-banner h1{font-weight:850;font-size:clamp(36px,4.5vw,56px);letter-spacing:-.055em}.page-banner p{color:#6b89a0}.page-banner .eyebrow{color:#2a79b2!important}.breadcrumbs{color:#718da3}.breadcrumbs span{color:#2572ae}.filters,.dashboard-card,.auth-card,.side-card{border-radius:23px}.filter-option input{accent-color:#2462b1}.detail-large{background:radial-gradient(circle at center,#fff,#f1f9fe);border-radius:27px}
.footer{background:#f1f8fd;color:#46677f;padding-top:75px;border-top:1px solid #d8ecf8}.footer .brand{width:260px}.footer h4{color:#184d81}.footer p,.footer-links,.footer-contact,.footer-bottom{color:#68859b}.footer-links a:hover{color:#2462b1}.footer-contact svg{color:#3587bd}.footer-bottom{border-color:#dcecf6}.footer .pill{background:#e0f2fb;color:#337dad}
@keyframes riseIn{from{opacity:.2;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:1120px){.brand{width:185px;min-width:160px}.nav{gap:13px;margin-left:0}.nav a{font-size:12px}.header-actions{gap:3px}.story-layout{gap:40px}.universe-bottom h3{font-size:24px}.universe-card{padding:22px;min-height:420px}}
@media(max-width:850px){.container{width:min(100% - 36px,1260px)}.topbar .top-right{display:none}.topbar-inner{justify-content:center}.header-inner{height:74px;min-height:74px}.nav{top:74px}.brand{width:190px}.hero-new,.hero-new-inner{min-height:715px}.hero-photo{background-size:auto 70%;background-position:83% bottom}.hero-new:before{background:linear-gradient(180deg,#eaf7ff 0%,rgba(239,249,255,.97) 48%,rgba(236,247,255,.08) 76%)}.hero-new-inner{align-items:flex-start}.hero-new-copy{width:100%;padding:58px 0 260px}.hero-new h1{font-size:clamp(42px,7.5vw,62px);max-width:690px;margin:17px 0}.hero-new p{max-width:560px;font-size:14px;line-height:1.7;margin-bottom:24px}.hero-new-facts{margin-top:27px}.hero-caption{right:18px;bottom:22px}.hero-counter{bottom:23px;left:18px}.value-stripe-inner{grid-template-columns:repeat(2,1fr);padding:24px 0;gap:19px 8px}.value-stripe-inner>div{justify-content:flex-start}.universe-grid{grid-template-columns:repeat(2,1fr)}.universe-card{min-height:385px}.universe-packs{grid-column:1/-1;min-height:320px}.universe-packs .universe-image{padding:0}.universe-packs .universe-image img{max-height:180px}.story-layout,.contact-home-grid{grid-template-columns:1fr;gap:25px}.story-content{padding:74px 0 0}.story-media{margin-bottom:65px}.contact-home-copy{padding-bottom:12px}}
@media(max-width:620px){.brand{width:150px;min-width:135px}.header-actions{gap:0}.icon-btn{min-width:35px;height:37px}.header-inner{gap:7px}.section{padding:69px 0}.hero-new,.hero-new-inner{min-height:700px}.hero-photo{background-size:auto 65%;background-position:77% bottom}.hero-new-copy{padding:48px 0 240px}.hero-overline{font-size:9px;letter-spacing:.09em}.hero-new h1{font-size:clamp(40px,10.1vw,56px);line-height:1.12;letter-spacing:-.063em}.hero-new p{font-size:12px;max-width:345px}.hero-new-actions{gap:9px}.hero-new-actions .btn{padding:11px 15px;font-size:11px;min-height:44px}.hero-new-facts{font-size:10px;gap:13px;margin-top:25px}.hero-new-facts strong{font-size:15px}.hero-caption{bottom:27px;right:10px;padding:9px 12px}.hero-caption strong{font-size:10px}.hero-caption small{font-size:9px}.hero-counter{bottom:18px;opacity:0}.value-stripe-inner>div{font-size:10px;gap:8px}.value-stripe-inner svg{width:19px;height:19px}.feature-title{display:block;margin-bottom:26px}.feature-title h2{font-size:31px}.feature-title>p{margin-top:20px;font-size:12px}.all-link{margin-top:18px}.universe-grid{grid-template-columns:1fr;gap:14px}.universe-card,.universe-packs{min-height:350px;grid-column:auto}.universe-image{padding:10px 20px}.universe-image img{max-height:215px}.universe-bottom h3{font-size:25px}.products-grid{gap:12px}.product-photo{height:184px;padding:12px}.product-content{padding:13px}.product-title{font-size:11px;min-height:70px}.product-photo-cta{display:none}.story-content h2{font-size:32px}.story-content p{font-size:12px}.story-watermark{font-size:43px;bottom:2px}.map-panel,.map-panel iframe{min-height:290px;height:290px}.map-link{bottom:10px;right:10px;padding:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-grid>div:first-child{grid-column:1/-1}.footer .brand{width:235px}}
@media(max-width:390px){.hero-new h1{font-size:37px}.hero-new-actions .btn{font-size:10px}.brand{width:137px}.header-actions svg{width:17px;height:17px}.product-photo{height:160px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
