.between-samples{margin:48px 0;padding:32px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#172334,#111419)}.bs-heading{max-width:780px}.bs-controls{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.bs-controls button{padding:12px 18px;border:1px solid #53647b;border-radius:7px;background:#202630;color:#e4eaf2;cursor:pointer}.bs-controls button[aria-pressed=true]{background:#7caeff;color:#111419}.bs-controls button:focus-visible{outline:3px solid white;outline-offset:3px}.bs-chart svg{display:block;width:100%;height:auto;overflow:visible}.bs-chart text{fill:#c8d5e8;font-size:16px}.bs-chart .bs-axis-title{font-weight:600}.bs-grid{stroke:#3b4859;stroke-width:1}.bs-sample-guide{stroke:#8293ad;stroke-dasharray:4 6;opacity:.6}.bs-grab-dot{fill:#fff;stroke:#111419;stroke-width:3}.bs-chart .bs-sample-value{fill:#fff;font-weight:700}.bs-dip,.bs-trend{fill:none;stroke:#7caeff;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;animation:bs-draw 14s linear infinite;animation-play-state:var(--bs-play)}.bs-dip{stroke:#f5be69}.bs-dip-label{animation:bs-label 14s linear infinite;animation-play-state:var(--bs-play)}.bs-dip-label rect{fill:#29313c;stroke:#f5be69}.bs-dip-label line{stroke:#f5be69}.bs-chart .bs-dip-label text{fill:#ffe0a6;font-weight:600}.bs-legend{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0;font-size:14px}.bs-legend span{display:flex;align-items:center;gap:9px}.bs-dot{width:12px;height:12px;border-radius:50%;background:white}.bs-line{width:26px;height:4px;background:#7caeff}.bs-takeaway{border-top:1px solid var(--line);padding-top:20px;max-width:900px}.bs-note{font-size:13px!important;color:#bcc8d8}.bs-reduced .bs-dip,.bs-reduced .bs-dip-label,.bs-reduced .bs-trend{animation:none;stroke-dashoffset:0;opacity:1}@keyframes bs-draw{0%,8%{stroke-dashoffset:1}70%,95%{stroke-dashoffset:0}to{stroke-dashoffset:1}}@keyframes bs-label{0%,42%{opacity:0}48%,95%{opacity:1}to{opacity:0}}@media (max-width:600px){.between-samples{padding:18px 10px}.bs-controls,.bs-heading,.bs-legend,.bs-note,.bs-takeaway{margin-left:8px;margin-right:8px}.bs-chart text{font-size:23px}.bs-chart .bs-dip-label text{font-size:20px}.bs-controls button{padding:12px;font-size:14px}}@media (prefers-reduced-motion:reduce){.bs-dip,.bs-dip-label,.bs-trend{animation:none!important;stroke-dashoffset:0;opacity:1}}.distribution-map-demo{margin:30px 0 55px}.dm-intro{max-width:850px;margin-bottom:26px}.dm-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:26px;align-items:start}.dm-map{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#111419}.distribution-page .dm-map>img{display:block;width:100%;height:auto;aspect-ratio:1058/1487}.dm-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dm-point{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;place-items:center;background:transparent;color:#101820;padding:0}.dm-point,.dm-point span{display:grid;border-radius:50%}.dm-point span{place-items:center;width:27px;height:27px;background:#7caeff;border:2px solid #fff;font-size:13px;font-weight:800;box-shadow:0 0 0 5px #11141999}.dm-point.active span{background:#fff;box-shadow:0 0 0 6px #7caeff88}.dm-map-tag{position:absolute;bottom:14px;left:14px;padding:10px 14px;background:#111419ed;color:#c7d8ee;font-size:12px;line-height:1.6;border-radius:6px}.dm-panel{position:sticky;top:130px}.dm-panel>label{display:block;font-weight:650;margin-bottom:10px}.dm-panel select{width:100%;padding:13px;margin-bottom:18px}.dm-control,.dm-reading,.dm-stage{border:1px solid var(--line);border-radius:12px;padding:24px;background:#202630;margin-bottom:18px}.dm-control{background:#172334}.dm-value{font-size:clamp(38px,4vw,58px);line-height:1.2;color:var(--accent);font-weight:750;margin:24px 0 12px}.dm-value span{font-size:16px;display:block;margin-top:8px}.dm-valve{padding-top:14px;border-top:1px solid var(--line)}.dm-buttons{display:flex;flex-wrap:wrap;gap:12px}.distribution-page .dm-example-settings{font-size:13px;line-height:1.7;margin-bottom:0}.dm-stage{margin-bottom:15px}.dm-stage h3{margin-top:0}.dm-legend{font-size:13px}.dm-amber,.dm-blue{display:inline-block;width:13px;height:13px;border-radius:50%;background:#7caeff;margin:0 4px;vertical-align:middle}.dm-amber{background:#f5be69}.dm-details{border-block:1px solid var(--line);margin:22px 0 32px;padding:20px 0}.dm-details summary{cursor:pointer;font-weight:650;color:var(--accent)}.dm-video{margin:35px 0}.dm-video video{width:100%;max-height:620px;border:1px solid var(--line);border-radius:12px;background:#111419}.dm-video>p{font-size:13px}@media (max-width:1000px){.dm-panel{position:static}.dm-layout{grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}}@media (max-width:850px){.dm-layout{grid-template-columns:1fr}.dm-map{max-width:650px;width:100%;margin:auto}.dm-point span{width:25px;height:25px}.dm-control,.dm-reading,.dm-stage{padding:20px}}@media (prefers-reduced-motion:reduce){.dm-overlay *{animation:none!important;transition:none!important}}.dm-network-toolbar{border:1px solid var(--line);background:#172334;border-radius:12px;padding:22px;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:20px;align-items:end}.dm-network-toolbar label{display:grid;gap:8px;font-size:14px}.dm-network-toolbar select{padding:10px;max-width:100%}.dm-north{position:absolute;top:14px;left:14px;background:#111419eb;padding:10px;color:#dbeaff;font-size:14px;font-weight:700;border-radius:6px}.dm-north small{font-size:11px;font-weight:400}.dm-flush-point span{border-radius:5px}.dm-point.dm-open span{outline:3px solid #7caeff;outline-offset:4px}.dm-point.active{outline:2px solid white;outline-offset:2px}.dm-valve-list{display:grid;gap:8px}.dm-valve-list button{display:flex;justify-content:space-between;gap:12px;text-align:left;border:1px solid var(--line);border-radius:6px;background:#111419;color:#e4eaf2;padding:12px}.dm-valve-list button[aria-pressed=true]{border-color:#7caeff}.dm-valve-list small{display:block;font-size:12px;color:#c0cede;margin-top:4px}.dm-trend{display:block;width:100%;height:70px;border-bottom:1px solid var(--line)}.dm-events{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dm-events p{background:#111419;padding:14px;border-radius:6px;margin:0}.dm-events strong{display:block;color:#7caeff}.dm-network-toolbar button:focus-visible,.dm-point:focus-visible,.dm-valve-list button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media (max-width:600px){.dm-network-toolbar{padding:16px}.dm-network-toolbar>label:first-child{width:100%}.dm-events{grid-template-columns:1fr}.dm-north{font-size:11px;padding:7px}.dm-map-tag{font-size:10px;padding:7px;left:7px;bottom:7px}}.dm-map-tag{left:auto;right:10px;max-width:60%}.distribution-page{--bg:var(--background)}.distribution-page h2{font-size:clamp(28px,3.3vw,44px);line-height:1.18;letter-spacing:-.025em;margin:14px 0 22px}.distribution-page h3{font-size:22px;line-height:1.3;margin:14px 0}.distribution-page p{line-height:1.75}.distribution-page a:not(.button):hover{text-decoration:underline;text-underline-offset:4px}.distribution-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:5px}.distribution-page .button{white-space:normal;text-align:left}.distribution-page [id]{scroll-margin-top:125px}.distribution-hero{padding-top:28px;padding-bottom:70px}.distribution-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;margin-top:42px}.distribution-hero-identity{display:flex;align-items:center;gap:14px}.distribution-hero-identity img{flex:none;width:clamp(58px,6vw,76px);height:auto}.distribution-page .distribution-hero h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-.04em;margin:22px 0}.distribution-intro{font-size:18px;max-width:650px}.distribution-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 20px}.distribution-install{margin:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#304866,#182230 70%)}.distribution-install img{width:100%;height:auto;max-height:640px;-o-object-fit:contain;object-fit:contain;margin:20px 0}.distribution-install figcaption{border-top:1px solid #52647b;padding-top:20px}.distribution-install figcaption span{display:block;font-size:14px;color:var(--muted);line-height:1.6;margin-top:8px}.distribution-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.distribution-photo-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.distribution-photo-link{display:block;position:relative;background:#121820}.distribution-page .distribution-photo-link img{display:block;width:100%;height:auto;aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover}.distribution-photo-link span{position:absolute;bottom:14px;right:14px;background:#101820ed;color:#fff;border:1px solid #64748b;border-radius:5px;padding:8px 12px;font-size:13px}.distribution-photo-grid figcaption{padding:22px}.distribution-photo-grid figcaption h3{font-size:21px;margin-top:0}.distribution-photo-grid figcaption p{margin-bottom:0;font-size:15px}@media (max-width:1000px){.distribution-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.distribution-photo-grid{grid-template-columns:1fr}}.distribution-benefits,.distribution-cards,.distribution-mounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.distribution-benefits article{padding:20px 22px 20px 0;border-top:1px solid var(--line)}.distribution-benefits h3{font-size:20px}.distribution-note{padding:22px 26px;border-left:3px solid var(--accent);background:var(--accent-soft);margin-top:30px}.distribution-cards article{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);background:linear-gradient(140deg,#202d40,#181e28);border-radius:12px}.distribution-solution-icon{display:grid;place-items:center;width:56px;height:56px;flex:none;margin-bottom:22px;border:1px solid var(--line);border-radius:12px;background:var(--accent-soft);color:var(--accent)}.distribution-cards article p{flex:1;margin-bottom:24px}.distribution-cards a{line-height:1.6}.distribution-network-origin{display:inline-block;padding:15px 20px;border:1px solid #7caeff;border-radius:8px;margin:10px 0 32px;color:var(--accent)}.distribution-node{display:block;color:var(--accent);margin-bottom:16px}.distribution-mounts article{padding:5px 16px 10px 0}.distribution-mounts a{display:block;color:var(--accent);line-height:1.65;margin:12px 0}.distribution-planner{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;margin-top:30px;align-items:start}.distribution-questions{padding:28px;border:1px solid var(--line);border-radius:12px}.distribution-questions label{display:grid;gap:12px;margin-bottom:24px;font-weight:600}.distribution-questions label:last-child{margin-bottom:0}.distribution-questions select{padding:13px;width:100%;min-width:0}.distribution-result{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:30px}.distribution-result dt{font-weight:700;color:var(--accent);margin-top:22px}.distribution-result dd{margin:8px 0 0;color:var(--muted);line-height:1.7}.distribution-result dl{margin-bottom:24px}.distribution-page .dc-inquiry a{color:var(--accent)}.distribution-page .dc-inquiry fieldset{margin:20px 0;padding:0}.distribution-page .dc-inquiry legend{font-weight:700;margin-bottom:16px}.distribution-page button:disabled{cursor:not-allowed;opacity:.6}.distribution-page .dc-inquiry summary{padding:8px 0}@media (max-width:1000px){.distribution-hero-grid{gap:30px}.distribution-benefits,.distribution-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.distribution-hero-grid,.distribution-mounts,.distribution-planner{grid-template-columns:1fr}.distribution-hero-grid{margin-top:25px}.distribution-install{padding:22px}.distribution-install img{max-height:520px}.distribution-questions,.distribution-result{padding:22px}}@media (max-width:480px){.distribution-benefits,.distribution-cards{grid-template-columns:1fr}.distribution-actions .button{width:100%}.distribution-cards article{padding:24px}}.tank-turnover{margin:48px 0;padding:32px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#172334,#111419);scroll-margin-top:120px}.tt-intro{max-width:850px}.tt-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}.tt-diagram{position:relative;min-width:0}.tt-diagram svg{display:block;width:100%;height:auto}.tt-diagram text{fill:#d4e3f7;font-size:16px}.tt-flow{fill:none;stroke:#e3efff;stroke-width:5;stroke-dasharray:12 18;animation:tt-water var(--tt-speed) linear infinite;animation-play-state:var(--tt-play);marker-end:url(#tt-arrow);opacity:.8}.tt-flow-secondary{animation-duration:calc(var(--tt-speed) * 1.6);opacity:.6}.tt-pipe{fill:none;stroke:#7caeff;stroke-width:18}.tt-direction{fill:none;stroke:#fff;stroke-width:4;marker-end:url(#tt-arrow)}.tt-probe{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:3px solid white;background:#182b45;color:white;font-weight:800;cursor:pointer}.tt-probe.active{background:#7caeff;color:#111419;box-shadow:0 0 0 6px #7caeff55}.tt-panel{background:#202630;border:1px solid var(--line);padding:24px;border-radius:12px}.tt-value{font-size:48px;color:#a9ccff;font-weight:700;margin:16px 0}.tt-value span{font-size:16px;display:block}.tt-readings{display:grid;gap:8px}.tt-readings button{padding:12px;display:flex;justify-content:space-between;gap:12px;text-align:left;color:#e4eaf2;background:#111419;border:1px solid var(--line);border-radius:6px;cursor:pointer}.tt-readings button[aria-pressed=true]{border-color:#7caeff}.tt-readings small{font-weight:400}.tt-caption{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;min-height:135px}.tt-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.tt-controls button{background:#202630;color:#e4eaf2;border:1px solid #6f87a5;padding:12px 16px;border-radius:6px;cursor:pointer}.tt-controls span,.tt-note{font-size:13px!important;color:#c0cede}.tank-turnover button:focus-visible{outline:3px solid #fff;outline-offset:3px}.tank-turnover button:disabled{opacity:.5;cursor:default}@keyframes tt-water{to{stroke-dashoffset:-60}}@media (max-width:850px){.tt-layout{grid-template-columns:1fr;gap:16px}.tank-turnover{padding:20px 14px}.tt-panel{padding:20px}.tt-diagram text{font-size:20px}.tt-caption{min-height:0}}@media (prefers-reduced-motion:reduce){.tt-flow{animation:none!important}}.tt-direction{stroke-dasharray:12 16;animation:tt-water 3s linear infinite;animation-play-state:var(--tt-play)}@media (prefers-reduced-motion:reduce){.tt-direction{animation:none!important}}