/* WaterBiotics: corporate presentation. Footer visual identity retained. */
:root{--db-teal:#004e68;--db-dark:#06384c;--db-accent:#20b6c7;--primary:#004e68;--secondary:#20b6c7}
html{scroll-behavior:smooth;scroll-padding-top:35px}body{color:#06384c;background:#fff}a:focus-visible,button:focus-visible{outline:3px solid #20b6c7;outline-offset:5px}
.db-logo img{width:220px;height:82px;object-fit:contain}.db-header-row{min-height:120px;justify-content:space-between;gap:30px}.wb-header-motto{margin:0 auto 0 30px;font-size:10px;letter-spacing:.18em;line-height:1.85;color:#557584}.wb-header-motto strong{font-weight:700;letter-spacing:.10em;color:#004e68}.wb-header-contact{background:#004e68;color:#fff;border-radius:6px;padding:14px 20px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:28px}.wb-header-contact:hover{background:#00637e}
.db-marquee{background:#004e68;color:#fff}.db-nav-bar{background:#004e68}.db-nav-inner nav{justify-content:space-between;width:100%}.db-nav-inner nav a,.db-nav-inner nav a:first-child{color:#fff}.db-nav-inner nav a:hover{color:#bdecf4}.db-top{background:#eef8fc}.db-support strong{color:#004e68}.db-hero{margin-top:26px}
.db-hero .db-slide{display:block;position:relative;isolation:isolate;aspect-ratio:2.45;min-height:0;background:#edf8fc;overflow:hidden}.db-hero .db-slide[hidden]{display:none}.wb-hero-image{position:absolute;inset:0;z-index:0;display:block}.wb-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.db-hero .db-slide:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(237,248,252,.94),rgba(237,248,252,.67) 36%,transparent 65%)}.db-hero .tone-0:after{background:linear-gradient(90deg,rgba(237,248,252,.35),rgba(237,248,252,.10) 43%,transparent 60%)}
.db-hero .db-hero-copy{position:absolute;inset:0 auto 0 0;z-index:2;width:55%;max-width:650px;padding:4.3%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.db-hero .db-hero-copy h1{font-size:clamp(34px,4.25vw,64px);line-height:1.08;letter-spacing:-.047em;color:#06384c;text-shadow:none;margin:0 0 19px}.db-hero .db-hero-copy h1 em{color:#006f8c;font-style:normal}.db-hero .db-hero-copy .db-eyebrow{color:#005973;font-size:10px;letter-spacing:.18em;margin-bottom:20px}.db-hero .db-hero-copy .db-hero-desc{display:block;color:#345f70;font-size:14px;max-width:340px;line-height:1.8;margin-bottom:24px}.db-hero .db-button{background:#004e68;border-color:#004e68;color:#fff;padding:13px 20px;font-size:12px}.db-hero .db-button:hover{background:#006a84}.db-hero .db-hero-note{color:#346578;font-size:9px;letter-spacing:.12em;margin-top:25px}.db-slider-bar{background:#edf8fc!important;color:#004e68!important}.db-slide-tabs button{color:#537886!important}.db-slide-tabs button[aria-pressed=true]{color:#004e68!important}.db-slide-tabs .db-dot{background:#b2dce6!important}.db-slide-tabs button[aria-pressed=true] .db-dot{background:#009cb4!important}.db-slider-controls button{background:#fff!important;color:#004e68!important;border-color:#b5d9e2!important}
.wb-product-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:76px;padding-bottom:76px}.wb-product-intro h2{font-family:Manrope,sans-serif;font-size:44px;letter-spacing:-.045em;line-height:1.15;margin:14px 0}.wb-product-intro p:not(.db-eyebrow){font-size:15px;color:#5a7480;line-height:1.8}.wb-product-intro .db-text-link{margin-top:16px}.wb-product-brand{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8fcfd,#e3f3f8);border:1px solid #d6edf3;border-radius:12px;padding:40px}.wb-product-brand img{width:78%;height:auto;max-width:330px}.wb-product-brand>span{font-size:9px;letter-spacing:.18em;color:#487c8e;margin-top:25px}
.db-campaign:after,.db-about-hero:after{background:linear-gradient(90deg,rgba(235,248,251,.95),rgba(235,248,251,.75) 42%,transparent 80%)}.db-campaign h2,.db-about-hero h1{color:#06384c}.db-campaign p,.db-about-hero p{color:#345f70}.db-campaign .db-button,.db-about-contact .db-button{background:#004e68;color:#fff}.db-campaign img{object-position:center}.db-story{padding-top:85px;padding-bottom:85px;gap:75px}.db-story-visual{background:#edf8fc;min-height:340px;display:flex;align-items:center;justify-content:center;aspect-ratio:1.25}.db-story-visual img{width:80%;height:auto!important;object-fit:contain;mix-blend-mode:normal}.db-story-copy h2{font-size:43px;letter-spacing:-.045em}.db-story-copy p{color:#52717e}
.wb-focus{padding-top:0;padding-bottom:80px}.wb-focus .db-section-head{align-items:flex-end;margin-bottom:30px}.wb-focus .db-section-head h2{font-size:42px;letter-spacing:-.045em;line-height:1.15}.wb-focus .db-section-head>p{font-size:13px;color:#627c87;line-height:1.8}.wb-focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.wb-focus-grid>a{border:1px solid #d6e8ee;border-radius:10px;background:#f5fafc;padding:34px;min-height:280px;display:flex;flex-direction:column;align-items:flex-start;color:#06384c;transition:background .2s,transform .2s}.wb-focus-grid>a:nth-child(2){background:#e7f5f8}.wb-focus-grid>a:nth-child(3){background:#004e68;color:#fff}.wb-focus-grid>a:hover{transform:translateY(-4px)}.wb-focus-grid>a>span{font-size:9px;font-weight:800;letter-spacing:.14em}.wb-focus-grid h3{font-family:Manrope,sans-serif;font-size:27px;line-height:1.3;letter-spacing:-.035em;margin:24px 0 14px}.wb-focus-grid p{font-size:13px;line-height:1.8;margin:0 0 24px;opacity:.85}.wb-focus-grid b{font-size:12px;margin-top:auto}.wb-contact-band{display:flex;align-items:center;justify-content:space-between;background:#edf8fc;border-radius:10px;padding:40px 44px;margin-bottom:72px;gap:30px}.wb-contact-band h2{font-size:28px;letter-spacing:-.03em;margin:12px 0}.wb-contact-band p{color:#507584}.wb-contact-band .db-button{background:#004e68;color:#fff;white-space:nowrap}
.wb-about-topics{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:35px 0 70px}.wb-about-topics article{padding:36px;background:#edf8fc;border-radius:10px;scroll-margin-top:30px}.wb-about-topics h2{font-size:27px;letter-spacing:-.035em;margin:20px 0}.wb-about-topics p{font-size:15px;line-height:1.9;color:#52717e;margin-bottom:22px}.db-about-contact{background:#edf8fc;color:#06384c}.db-about-contact h2{color:#06384c}.db-about-contact p{color:#52717e}.wb-journal-intro{padding-top:70px;padding-bottom:80px}.wb-journal-intro h1{font-size:48px;letter-spacing:-.04em}.wb-journal-intro p{line-height:1.8;color:#52717e}
.db-footer{background:#0e2a33!important}.db-footer-logo{padding:14px 18px;background:#fff;border-radius:8px}.db-footer-logo img{width:190px;height:70px;object-fit:contain}.db-footer-credit a{color:#ff7300!important}.db-footer-policies nav{grid-template-columns:repeat(5,minmax(0,1fr))}.db-footer-policies a{font-size:11px}.wb-catalog-empty{display:none!important}.db-card-image{background:linear-gradient(145deg,#f6fbfd,#e6f4f9)}.db-info-strip{background:#e4f5f9!important;color:#004e68!important}
@media(max-width:1050px){.wb-header-motto{margin-left:0}.wb-header-contact{font-size:11px;gap:15px}.db-hero .db-hero-copy h1{font-size:44px}.db-hero .db-hero-copy .db-hero-desc{font-size:12px;line-height:1.65;margin-bottom:15px}.db-hero .db-hero-note{margin-top:17px}.wb-focus-grid>a{padding:25px}.wb-focus-grid h3{font-size:24px}.db-footer-policies nav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.db-header-row{min-height:98px;gap:15px}.db-logo img{width:182px;height:68px}.wb-header-motto{display:none}.wb-header-contact{padding:11px 13px;font-size:10px;max-width:133px;line-height:1.6;gap:10px}.db-hero{margin-top:16px}.db-hero .db-slide{aspect-ratio:auto;min-height:495px}.db-hero .db-hero-copy{position:relative;inset:auto;width:100%;padding:30px 25px 160px;max-width:none;min-height:495px;justify-content:flex-start}.db-hero .db-hero-copy h1{font-size:39px;max-width:310px;margin-bottom:15px}.db-hero .db-hero-copy .db-eyebrow{display:block;font-size:9px;margin-bottom:20px}.db-hero .db-hero-copy .db-hero-desc{display:block;font-size:12px;line-height:1.75;max-width:270px;margin-bottom:19px}.db-hero .db-hero-note{display:none}.db-hero .db-button{font-size:11px;padding:12px 16px}.wb-hero-image img{object-position:66% bottom}.db-hero .db-slide:after,.db-hero .tone-0:after{background:linear-gradient(180deg,rgba(237,248,252,.99) 0%,rgba(237,248,252,.94) 34%,rgba(237,248,252,.45) 62%,transparent 90%)}.db-slide-tabs button{font-size:9px;gap:5px;padding:12px 6px}.db-slide-tabs{gap:4px}.db-slider-controls{gap:4px}.db-slider-controls button{height:28px;width:28px;font-size:13px}.db-slider-bar{padding:10px 8px;gap:8px}.wb-product-intro{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:45px}.wb-product-intro h2{font-size:34px}.wb-product-brand{min-height:180px;padding:28px}.wb-product-brand img{max-width:250px}.wb-product-brand>span{font-size:8px}.db-campaign{min-height:310px}.db-campaign>div{max-width:90%}.db-campaign h2{font-size:33px}.db-story{padding-top:48px;padding-bottom:48px;gap:28px}.db-story-visual{min-height:220px;aspect-ratio:1.6}.db-story-copy h2{font-size:34px}.wb-focus{padding-bottom:45px}.wb-focus .db-section-head{display:block}.wb-focus .db-section-head h2{font-size:34px}.wb-focus .db-section-head>p{margin-top:20px}.wb-focus-grid{grid-template-columns:1fr;gap:14px}.wb-focus-grid>a{min-height:235px;padding:28px}.wb-focus-grid h3{font-size:27px;margin-top:20px}.wb-contact-band{display:block;padding:30px 25px;margin-bottom:45px}.wb-contact-band h2{font-size:26px}.wb-contact-band .db-button{margin-top:25px}.wb-about-topics{grid-template-columns:1fr;padding-top:15px;padding-bottom:40px;gap:18px}.wb-about-topics article{padding:28px}.db-footer-policies nav{grid-template-columns:1fr 1fr}.db-footer-logo img{width:170px;height:63px}.db-about-hero>div{max-width:100%;padding:28px}.db-about-hero h1{font-size:35px}.wb-journal-intro h1{font-size:36px}}
.db-products{padding-top:65px;padding-bottom:65px}.db-products .db-section-head h2{font-size:38px;letter-spacing:-.04em}.db-empty{padding:40px!important;margin:20px 0 0;background:linear-gradient(115deg,#f7fbfd,#edf8fc);border:1px solid #d8eaf1;border-radius:10px;text-align:center;color:#557481;font-size:14px;line-height:1.8}.db-empty>strong{display:block;font-family:Manrope,sans-serif;font-size:23px;font-weight:700;color:#06384c;margin:12px 0}.db-empty>span:not(.wb-empty-line){display:block}.db-empty .db-text-link{display:inline-flex;margin-top:16px}.wb-empty-line{display:inline-block;width:42px;height:3px;background:#20b6c7}.db-products:has(.db-empty:not([hidden])) .db-product-toolbar,.db-products:has(.db-empty:not([hidden])) .db-filter-row{display:none}.db-footer-policies nav{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:700px){.db-header-row{gap:12px}.db-logo img{width:160px;height:65px}.db-products{padding-top:40px;padding-bottom:40px}.db-products .db-section-head h2{font-size:30px}.db-empty{padding:27px 20px!important}.db-empty>strong{font-size:20px}.db-footer-policies nav{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}.wb-focus-grid>a:hover{transform:none}}

/* Final shell contrast and single-product empty state. */
.db-marquee-track,.db-marquee-track span{color:#fff}.db-marquee-track b{color:#8bdce8}.db-top{background:#0e2a33;color:#fff}.db-top a,.db-top .db-support strong{color:#fff}.db-header{background:#fff}.db-header-row{background:#fff}.db-search{border-color:#087c97}.db-search button{background:#004e68;color:#fff}.db-search button:hover{background:#006f8c}.db-cart-count{background:#004e68}.db-nav-bar{border-bottom:0}.db-actions>a{background:#f7fbfd;border-color:#d7eaf0}.db-menu-toggle,.db-nav-inner>.db-menu-toggle{color:#fff}.db-nav-bar.db-menu-open .db-nav-inner>#db-navigation>a{color:#fff;border-color:#ffffff26}.db-nav-bar.db-menu-open #db-navigation>a:hover{background:#08637d}.db-products:has(.db-empty:not([hidden])) .db-catalog-tools{display:none}.db-campaign p:not(.db-eyebrow),.db-campaign .db-eyebrow,.db-about-hero>div>p:last-child,.db-about-hero .db-eyebrow{color:#345f70}.db-campaign .db-button:hover{background:#006f8c;color:#fff}.db-footer-policies nav{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.db-footer-policies nav{grid-template-columns:1fr 1fr}.db-top{padding:9px 0}.db-hero .db-slide:after{background:linear-gradient(180deg,rgba(237,248,252,.99),rgba(237,248,252,.94) 34%,rgba(237,248,252,.45) 62%,transparent 90%)}}

/* A single approved product receives a wide editorial product presentation. */
.db-grid:has(>.db-card:only-child){grid-template-columns:minmax(0,1fr);max-width:1000px;margin-inline:auto}.db-grid>.db-card:only-child{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.db-grid>.db-card:only-child .db-card-image{aspect-ratio:1;height:auto;padding:30px}.db-grid>.db-card:only-child .db-card-content{padding:40px;justify-content:center}.db-grid>.db-card:only-child h3{min-height:0;font-size:28px;margin-bottom:25px}.db-grid>.db-card:only-child h3 b{font-size:12px;letter-spacing:.16em;color:#006f8c}.db-grid>.db-card:only-child .db-card-bottom{margin-top:25px}.db-grid>.db-card:only-child .db-card-meta{color:#547786}.db-grid>.db-card:only-child .db-info-strip{color:#004e68!important;background:#e4f5f9!important}.db-grid>.db-card:only-child .db-details{background:#004e68;color:#fff;padding:16px;border-radius:7px;text-align:center}
@media(max-width:700px){.db-grid>.db-card:only-child{grid-template-columns:1fr}.db-grid>.db-card:only-child .db-card-content{padding:26px}.db-grid>.db-card:only-child h3{font-size:24px}.db-grid>.db-card:only-child .db-card-image{aspect-ratio:1.15}}

/* Information-only header, retaining the existing logo and footer identity. */
.db-header-row .wb-header-contact{color:#fff}.wb-header-motto{flex:1}.db-footer-credit{font-size:12px}.db-footer-policies nav{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.db-header-row{display:flex;flex-wrap:nowrap;justify-content:space-between;min-height:94px}.db-logo{flex:0 0 auto;max-width:none}.db-logo img{width:178px;height:68px;max-width:100%}.wb-header-contact{flex:0 0 auto;max-width:none;font-size:11px;padding:12px 14px}.db-footer-policies nav{grid-template-columns:1fr 1fr}}