/* Deep Sea Water principal: original 2300 × 3072 composition, native site typography. */
.dsx-expansion>#dsx-principal{container-type:inline-size;position:relative;width:100%;max-width:none;margin:0;background:#e5eef9;color:#15366b;font-family:var(--site-font);scroll-margin-top:140px;overflow:clip}
#dsx-principal *{box-sizing:border-box}
#dsx-principal :is(p,h2,h3,h4,figure,ul,dl,dt,dd){margin:0}
#dsx-principal .dsx-pr-window{position:relative;display:block;aspect-ratio:var(--pr-ratio);overflow:hidden;margin:0;pointer-events:none}
#dsx-principal .dsx-pr-window>img{position:absolute;left:var(--pr-img-left);top:0;width:var(--pr-img-width)!important;max-width:none!important;height:auto!important;transform:translateY(var(--pr-img-y));margin:0!important}
html body #main #dsx-principal :is(p,dt,dd){font-family:var(--site-font)!important;font-size:var(--arotec-body-size,18px)!important;line-height:var(--arotec-body-line-height,28px)!important;letter-spacing:normal!important}
@layer arotec-display-headings.spec.request-20260910{
 html body #main#main #dsx-principal #dsx-principal-title{font-family:var(--site-font)!important;font-size:var(--arotec-display-size)!important;line-height:var(--arotec-display-line-height)!important;font-weight:var(--arotec-display-weight)!important;letter-spacing:var(--arotec-display-letter-spacing)!important;text-transform:none!important;color:white!important;margin:8px 0 12px!important}
 html body #main#main #dsx-principal h3{font-family:var(--site-font)!important;font-size:32px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.02em!important;text-transform:none!important;margin:0 0 20px!important;color:inherit!important}
 html body #main#main #dsx-principal .dsx-p-values h3{font-size:20px!important;line-height:27px!important;font-weight:500!important;margin:0 0 6px!important;color:#7bd6f8!important}
 html body #main#main #dsx-principal .dsx-p-benefits>h3{font-size:24px!important;line-height:32px!important;margin:0 0 22px!important}
 html body #main#main #dsx-principal .dsx-p-location h3{font-size:24px!important;line-height:32px!important;font-weight:500!important;margin:0!important;color:#77d3fc!important}
}
@layer arotec-mobile-main-headings{
 @media(max-width:767px){html body #main#main #dsx-principal #dsx-principal-title{font-size:calc(var(--arotec-display-size) * .6)!important;line-height:calc(var(--arotec-display-line-height) * .6)!important;letter-spacing:calc(var(--arotec-display-letter-spacing) * .6)!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}}
}
#dsx-principal .dsx-p-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:48.652cqw;background:#020914;color:white;padding-bottom:2.5cqw}
#dsx-principal .dsx-p-ocean{position:absolute;inset:0;z-index:-1}
#dsx-principal .dsx-pr-hero-art{width:100%;height:100%;aspect-ratio:auto}
#dsx-principal .dsx-pr-hero-art>img{height:274.53%!important}
#dsx-principal .dsx-p-heading{width:29%;margin-left:8.5%;padding-top:2.8cqw}
html body #main #dsx-principal .dsx-p-brand{font-size:32px!important;line-height:38.4px!important;font-weight:500;white-space:nowrap;color:white}
html body #main #dsx-principal .dsx-p-eyebrow{position:absolute;left:37.1%;top:3.1cqw;font-size:24px!important;line-height:32px!important;color:#80d4fa;text-shadow:0 1px 4px #00142f,0 0 8px #00142f}
html body #main #dsx-principal .dsx-p-tagline{position:relative;max-width:270px;font-size:24px!important;line-height:32px!important;color:#78d5f9;padding-bottom:16px;margin-bottom:18px}
#dsx-principal .dsx-p-tagline::after{content:"";position:absolute;left:0;bottom:0;width:58px;height:1px;background:#9bdaf3}
#dsx-principal .dsx-p-intro{max-width:325px;color:white}
html body #main #dsx-principal .dsx-p-seal{position:absolute;left:79.18%;top:8.65cqw;width:11.75cqw;min-height:12.09cqw;aspect-ratio:160/165;border:1px solid #aab8cb;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:10px;text-align:center;font-size:16px!important;line-height:22px!important;color:white}
#dsx-principal .dsx-p-seal span{display:block}
#dsx-principal .dsx-p-values{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:auto 8.5% 0;padding:24px 0 0}
#dsx-principal .dsx-p-values li{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:0 15px;border-right:1px solid #8b9aa8}
#dsx-principal .dsx-p-values li:first-child{padding-left:0}
#dsx-principal .dsx-p-values li:last-child{padding-right:0;border:0}
#dsx-principal .dsx-pr-value-icon{flex:0 0 62px;width:62px;max-width:36%;filter:grayscale(1) contrast(4) brightness(2);mix-blend-mode:screen}
#dsx-principal .dsx-p-values li>div{min-width:0;flex:1}
html body #main #dsx-principal .dsx-p-values p{font-size:16px!important;line-height:22px!important;color:white}
#dsx-principal .dsx-p-source{position:relative;min-height:29.739cqw;background:#e1ebf7}
#dsx-principal .dsx-p-source-copy{position:relative;width:28.28%;padding:3.3cqw 1.4cqw 3cqw 9.6cqw}
#dsx-principal .dsx-p-source-copy h3,#dsx-principal .dsx-p-balance-copy h3{position:relative;padding-bottom:14px}
#dsx-principal .dsx-p-source-copy h3::after,#dsx-principal .dsx-p-balance-copy h3::after{content:"";position:absolute;bottom:0;left:0;width:56px;height:1px;background:#61c8ee}
#dsx-principal .dsx-pr-source-diagram{position:absolute;left:28.28%;top:0;width:71.72%;height:100%;background:#061c39}
#dsx-principal .dsx-pr-diagram-art{width:100%;height:100%;aspect-ratio:auto}
#dsx-principal .dsx-pr-diagram-art>img{height:449.13%!important}
#dsx-principal .dsx-p-source-labels{position:absolute;inset:0;color:white}
#dsx-principal .dsx-p-source-labels>div{position:absolute;max-width:34%}
html body #main #dsx-principal .dsx-p-source-labels :is(dt,dd){font-size:16px!important;line-height:22px!important;color:inherit}
#dsx-principal .dsx-p-source-sea-surface{left:74%;top:16.7%;color:#172637}
#dsx-principal .dsx-p-source-surface-water{left:72.6%;top:37.5%}
#dsx-principal .dsx-p-source-intake-pipe{left:12%;top:47%}
#dsx-principal .dsx-p-source-depth-200{left:54.8%;top:56.7%;padding:0 4px;background:#0a2549}
#dsx-principal .dsx-p-source-intake-port{left:8.7%;top:66.7%;text-align:center}
#dsx-principal .dsx-p-source-intake-port dd{margin-top:4px}
#dsx-principal .dsx-p-source-deep-water{left:71.3%;top:73%}
#dsx-principal .dsx-p-source-depth-1000{left:55.6%;top:90%;padding:0 4px;background:#07172c}
#dsx-principal .dsx-p-balance{position:relative;min-height:26.74cqw;isolation:isolate}
#dsx-principal .dsx-pr-balance-art{position:absolute;inset:0 0 auto;width:100%;z-index:-1}
#dsx-principal .dsx-p-globe{position:absolute;left:8.42%;top:.29cqw;width:24.18%;aspect-ratio:1}
#dsx-principal .dsx-pr-globe-art{display:none}
html body #main #dsx-principal .dsx-p-globe-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;text-align:center;color:white;text-shadow:0 1px 5px #001124}
#dsx-principal .dsx-p-globe-copy>span{display:block}
#dsx-principal .dsx-p-globe-copy strong{display:block;font:500 56px/1.1 var(--site-font);color:#77d3fc;margin:6px 0}
#dsx-principal .dsx-p-balance-copy{position:relative;margin-left:32.75%;width:25.9%;padding-top:4.8cqw;padding-bottom:28px}
#dsx-principal .dsx-p-minerals-scene{position:absolute;left:58.9%;top:.95cqw;width:27.11%;aspect-ratio:370/341}
#dsx-principal .dsx-pr-bubbles-art{display:none}
#dsx-principal .dsx-p-minerals{position:absolute;inset:0;list-style:none;padding:0;color:#122775}
#dsx-principal .dsx-p-ion{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translate(-50%,-50%);gap:1px;width:23%;min-height:70px}
#dsx-principal .dsx-p-ion strong{font:500 32px/1.1 var(--site-font)}
#dsx-principal .dsx-p-ion span{font:400 var(--site-type-small,14px)/1.2 var(--site-font)}
#dsx-principal .dsx-p-ion-k{left:23.06%;top:25%}
#dsx-principal .dsx-p-ion-ca{left:55.86%;top:14.3%}
#dsx-principal .dsx-p-ion-na{left:86.5%;top:25.87%}
#dsx-principal .dsx-p-ion-mg{left:53.54%;top:49.98%;width:43%}
#dsx-principal .dsx-p-ion-mg strong{font-size:48px}
#dsx-principal .dsx-p-ion-mg span{font-size:20px;font-weight:600}
#dsx-principal .dsx-p-ion-zn{left:11.91%;top:52.94%;width:18%}
#dsx-principal .dsx-p-ion-fe{left:27.55%;top:73.04%;width:21%}
#dsx-principal .dsx-p-ion-se{left:53.62%;top:84.7%;width:23%}
#dsx-principal .dsx-p-ion-traces{left:88.18%;top:59.81%;width:20%}
#dsx-principal .dsx-p-ion-traces strong,#dsx-principal .dsx-p-ion-manganese strong{font-size:24px}
#dsx-principal .dsx-p-ion-traces span{font-size:12px}
#dsx-principal .dsx-p-ion-manganese{left:79.76%;top:79.91%;width:23%}
#dsx-principal .dsx-p-benefits{position:relative;isolation:isolate;min-height:11.825cqw;padding:16px 9.5% 24px;text-align:center}
#dsx-principal .dsx-pr-benefits-art{position:absolute;inset:0 0 auto;width:100%;z-index:-1}
#dsx-principal .dsx-pr-clean-patch{position:absolute;left:46.89%;top:1.829cqw;width:5.128%;z-index:-1}
#dsx-principal .dsx-p-benefits ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;gap:0}
#dsx-principal .dsx-p-benefits li{display:flex;align-items:center;text-align:left;gap:16px;padding:0 22px;border-right:1px solid #99c5e8;min-width:0}
#dsx-principal .dsx-p-benefits li:last-child{border:0}
#dsx-principal .dsx-pr-benefit-icon{width:64px;flex:0 0 64px;filter:contrast(1.5) brightness(1.3);mix-blend-mode:multiply}
#dsx-principal .dsx-p-benefits li>span{font:400 16px/24px var(--site-font)}
#dsx-principal .dsx-p-close{position:relative;isolation:isolate;min-height:16.61cqw;background:#082146;color:white;padding:2.8cqw 0 2cqw}
#dsx-principal .dsx-pr-close-art{position:absolute;inset:0 0 auto;width:100%;z-index:-1}
#dsx-principal .dsx-p-close-copy{width:26%;margin-left:10.7%;color:white}
#dsx-principal .dsx-p-location{position:absolute;left:69.8%;top:6.8cqw;width:26%}
html body #main #dsx-principal .dsx-p-location p{font-size:16px!important;line-height:22px!important;color:white}
#dsx-principal .dsx-p-official-link{position:absolute;left:73.5%;bottom:16px;max-width:24%;display:flex;align-items:center;gap:16px;font:400 24px/32px var(--site-font);color:white;text-decoration:none;border-bottom:1px solid #a4c4df;padding:0 0 4px}
#dsx-principal .dsx-p-official-link i{display:block;font-size:28px}
#dsx-principal .dsx-p-official-link:hover{color:#8addff}
#dsx-principal .dsx-p-official-link:focus-visible{outline:3px solid #70d8ff;outline-offset:6px}
@layer arotec-text-colors{
 html body #main #dsx-principal :is(.dsx-p-intro,.dsx-p-brand,.dsx-p-seal,.dsx-p-seal span,.dsx-p-values p,.dsx-p-globe-copy,.dsx-p-globe-copy>span,.dsx-p-close-copy,.dsx-p-location p,.dsx-p-official-link,.dsx-p-official-link span,.dsx-p-source-labels dt,.dsx-p-source-labels dd){color:white!important;-webkit-text-fill-color:white!important}
 html body #main #dsx-principal .dsx-p-globe-copy strong{color:#77d3fc!important;-webkit-text-fill-color:#77d3fc!important}
 html body #main #dsx-principal .dsx-p-source-sea-surface dt{color:#172637!important;-webkit-text-fill-color:#172637!important}
}
@media(max-width:1279px){
 #dsx-principal .dsx-p-hero{padding:0}
 #dsx-principal .dsx-p-ocean{position:relative;inset:auto;aspect-ratio:1365/664;z-index:0}
 #dsx-principal .dsx-p-heading{width:auto;margin:0;padding:32px max(24px,8%)}
 html body #main #dsx-principal .dsx-p-brand{font-size:24px!important;line-height:32px!important;white-space:normal}
 html body #main #dsx-principal .dsx-p-eyebrow{position:static;margin:8px 0 18px;font-size:20px!important;line-height:28px!important}
 #dsx-principal .dsx-p-intro{max-width:none}
 html body #main #dsx-principal .dsx-p-seal{width:160px;min-height:165px;left:auto;right:7%;top:12%;font-size:16px!important}
 #dsx-principal .dsx-p-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;margin:0;padding:12px max(24px,8%) 32px}
 #dsx-principal .dsx-p-values li{padding:0;border:0;gap:16px}
 #dsx-principal .dsx-pr-value-icon{width:54px;flex-basis:54px}
 #dsx-principal .dsx-p-source-copy{width:auto;padding:32px max(24px,8%)}
 #dsx-principal .dsx-pr-source-diagram{position:relative;inset:auto;width:100%;height:auto}
 #dsx-principal .dsx-pr-diagram-art{height:auto;aspect-ratio:var(--pr-ratio)}
 #dsx-principal .dsx-pr-diagram-art>img{height:auto!important}
 #dsx-principal .dsx-p-source-labels{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:26px max(24px,8%)}
 #dsx-principal .dsx-p-source-labels>div{position:static;max-width:none;width:auto;text-align:left;background:none;padding:0;color:white}
 #dsx-principal .dsx-p-balance{display:grid;grid-template-columns:1fr 1fr;padding:0 max(24px,6%) 24px;gap:24px}
 #dsx-principal .dsx-pr-balance-art{display:none}
 #dsx-principal .dsx-p-balance-copy{grid-column:1/-1;grid-row:1;position:static;width:auto;margin:0;padding:32px 0 0}
 #dsx-principal .dsx-p-globe{position:relative;inset:auto;width:min(100%,360px);grid-row:2;margin:auto;align-self:start}
 #dsx-principal .dsx-pr-globe-art{display:block;width:100%}
 #dsx-principal .dsx-p-minerals-scene{position:relative;inset:auto;width:min(100%,400px);grid-row:2;margin:auto;align-self:start}
 #dsx-principal .dsx-pr-bubbles-art{display:block;width:100%}
 #dsx-principal .dsx-p-benefits{padding:26px max(24px,6%);background:#e5eef9}
 #dsx-principal .dsx-pr-benefits-art,#dsx-principal .dsx-pr-clean-patch{display:none}
 #dsx-principal .dsx-p-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 #dsx-principal .dsx-p-benefits li{border:0;padding:0}
 #dsx-principal .dsx-p-close{display:flex;flex-direction:column;padding:0}
 #dsx-principal .dsx-pr-close-art{position:relative;inset:auto;order:1;aspect-ratio:850/226.715}
 #dsx-principal .dsx-pr-close-art img{width:160.588%!important;left:-51.765%}
 #dsx-principal .dsx-p-close-copy{order:0;width:auto;margin:0;padding:32px max(24px,8%) 24px}
 #dsx-principal .dsx-p-location{position:static;order:2;width:auto;padding:24px max(24px,8%) 0}
 #dsx-principal .dsx-p-official-link{position:static;order:3;max-width:none;margin:20px max(24px,8%) 28px;justify-content:space-between}
 @layer arotec-text-colors{html body #main #dsx-principal .dsx-p-source-sea-surface dt{color:white!important;-webkit-text-fill-color:white!important}}
}
@media(max-width:767px){
 @layer arotec-display-headings.spec.request-20260910{html body #main#main #dsx-principal :is(.dsx-p-source-copy,.dsx-p-balance-copy) h3{font-size:26px!important;line-height:32.5px!important}}
 #dsx-principal .dsx-p-values{grid-template-columns:repeat(2,minmax(0,1fr))}
 #dsx-principal .dsx-p-values li{display:block}
 #dsx-principal .dsx-pr-value-icon{max-width:none;margin:0 0 12px}
 #dsx-principal .dsx-p-balance{grid-template-columns:1fr}
 #dsx-principal .dsx-p-globe{grid-row:2;width:min(100%,350px)}
 #dsx-principal .dsx-p-minerals-scene{grid-row:3;width:100%;aspect-ratio:auto}
 #dsx-principal .dsx-pr-bubbles-art{display:none}
 #dsx-principal .dsx-p-minerals{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
 #dsx-principal .dsx-p-ion{position:static;width:auto;min-height:90px;transform:none;gap:6px;border-bottom:1px solid #b8ccdf;padding:12px 4px}
 #dsx-principal .dsx-p-ion-mg{grid-column:1/-1;grid-row:1}
 #dsx-principal .dsx-p-ion strong{font-size:32px}
 #dsx-principal .dsx-p-ion span{font-size:16px;line-height:22px}
 #dsx-principal .dsx-p-benefits li{display:block;text-align:center}
 #dsx-principal .dsx-pr-benefit-icon{margin:0 auto 12px}
}