/* Styles for this page only: /services/industrial-tanks/ */
.bgx-sv{
  --sv-ink:#0A1A33; --sv-deep:#071631; --sv-body:#3A4763; --sv-muted:#6B7690; --sv-line:#DCE2EA; --sv-grey:#F3F5F8;
  --sv-accent:#1F5FB4; --sv-accent-lt:#7FB0F0; --sv-red:#B42318; --sv-green:#1E7B4A;
  --sv-font:"Plus Jakarta Sans","Inter","Helvetica Neue",Arial,sans-serif;
  position:relative; font-family:var(--sv-font); color:var(--sv-ink); background:#fff; padding:88px clamp(16px,4vw,48px);
}
.bgx-sv *,.bgx-sv *::before,.bgx-sv *::after{box-sizing:border-box}
.bgx-sv__wrap{max-width:1268px; margin:0 auto} /* matches the site content width (1268px) */
.bgx-sv__eyebrow{display:inline-flex; align-items:center; gap:12px; margin:0 0 14px; font-size:12.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--sv-accent)}
.bgx-sv__eyebrow::before{content:""; width:28px; height:1px; background:currentColor; opacity:.6}
.bgx-sv__lead{margin:0; font-size:17px; line-height:1.65; color:var(--sv-body)}
.bgx-sv__h{margin:0; font-size:clamp(26px,2.8vw,36px); line-height:1.15; font-weight:700; letter-spacing:-.02em; text-wrap:balance}
.bgx-sv__head2{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,480px); gap:16px 64px; align-items:end; margin-bottom:36px}
.bgx-sv--grey{background:var(--sv-grey)}
.bgx-sv a:focus-visible{outline:3px solid var(--sv-accent-lt); outline-offset:2px}
/* intro */
.bgx-sv--intro{padding-bottom:0}
.bgx-sv__intro{display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); gap:24px 80px; align-items:end}
.bgx-sv__h1{margin:0; font-size:clamp(32px,3.8vw,48px); line-height:1.08; font-weight:700; letter-spacing:-.024em; text-wrap:balance}
.bgx-sv__btn{display:inline-flex; align-items:center; gap:12px; margin-top:24px; padding:16px 26px; background:var(--sv-ink); color:#fff !important; font:600 15px/1 var(--sv-font); text-decoration:none !important; white-space:nowrap; transition:background .2s ease}
.bgx-sv__btn svg{transition:transform .2s ease}
.bgx-sv__btn:hover{background:var(--sv-accent)}
.bgx-sv__btn:hover svg{transform:translateX(4px)}
.bgx-sv__proof{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:48px 0 0 !important; box-shadow:0 30px 60px -30px rgba(10,26,51,.5); margin:0; padding:0; list-style:none; color:#fff;
  background:radial-gradient(520px 260px at 90% 0%, rgba(31,95,180,.4), transparent 70%), var(--sv-ink)}
.bgx-sv__proof li{padding:20px 26px}
.bgx-sv__proof li + li{border-left:1px solid rgba(255,255,255,.12)}
.bgx-sv__proof strong{display:block; font-size:16px}
.bgx-sv__proof span{display:block; margin-top:4px; font-size:13.5px; line-height:1.5; color:rgba(255,255,255,.7)}
/* leaks */
.bgx-sv__leaks{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:20px; row-gap:0; margin:0; padding:0; list-style:none}
.bgx-sv__lcard{display:grid; grid-template-rows:subgrid; grid-row:span 3; padding:26px 24px 24px; background:#fff; border-top:3px solid var(--sv-ink);
  box-shadow:0 0 0 1px rgba(10,26,51,.07), 0 0 26px rgba(10,26,51,.06), 0 16px 34px -24px rgba(10,26,51,.28)}
.bgx-sv__lcard h3{margin:0 0 16px; font-size:18px; line-height:1.3}
.bgx-sv__lcard dl{display:contents}
.bgx-sv__lcard dt{margin:0 0 6px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase}
.bgx-sv__lcard dd{margin:0; font-size:14.5px; line-height:1.6; color:var(--sv-body)}
.bgx-sv__leak dt{color:var(--sv-red)}
.bgx-sv__fix{margin-top:16px; padding-top:16px; border-top:1px solid var(--sv-line)}
.bgx-sv__fix dt{color:var(--sv-accent)}
/* deliverables */
.bgx-sv__deliver{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:48px 72px; align-items:center}
.bgx-sv__photo{position:relative; margin:0}
.bgx-sv__photo::before{content:""; position:absolute; left:-16px; top:-16px; width:44%; height:44%; background:var(--sv-ink)}
.bgx-sv__photo img{position:relative; display:block; width:100%; height:auto; aspect-ratio:830/502; object-fit:cover; box-shadow:0 24px 50px -28px rgba(10,26,51,.55)}
.bgx-sv__list{display:grid; grid-template-columns:1fr 1fr; gap:0 32px; margin:24px 0 0; padding:0; list-style:none; border-top:1px solid var(--sv-line)}
.bgx-sv__list li{padding:16px 0; border-bottom:1px solid var(--sv-line)}
.bgx-sv__list h3{margin:0 0 4px; font-size:16px; line-height:1.35}
.bgx-sv__list p{margin:0; font-size:14.5px; line-height:1.55; color:var(--sv-body)}
.bgx-sv__tools{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:22px 0 0; padding:0; list-style:none}
.bgx-sv__tools li{padding:6px 11px; background:var(--sv-grey); border:1px solid #CBD6E8; font-size:13px; font-weight:600}
.bgx-sv__tools li:first-child{padding-left:0; background:none; border:0; font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--sv-muted)}
.bgx-sv__lph{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; aspect-ratio:416/246; background:var(--sv-grey); border:1px dashed #CBD6E8; color:var(--sv-muted); font-size:11.5px; font-weight:600; text-align:center; padding:8px}
.bgx-sv__lph svg{color:var(--sv-accent)}
.bgx-sv__with{display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin:18px 0 0; padding:16px 0 0; border-top:1px solid var(--sv-line); list-style:none}
.bgx-sv__with li:first-child{font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--sv-muted)}
.bgx-sv__with a{display:inline-flex; align-items:center; gap:6px; font-size:14.5px; font-weight:600; color:var(--sv-ink) !important; text-decoration:none; border-bottom:1px solid var(--sv-accent)}
.bgx-sv__with a:hover{color:var(--sv-accent) !important}
.bgx-sv__with a svg{transition:transform .2s ease}
.bgx-sv__with a:hover svg{transform:translateX(3px)}
/* LOD */
.bgx-sv__lods{display:grid; gap:16px; margin:0; padding:0; list-style:none}
.bgx-sv__lod{display:grid; grid-template-columns:220px minmax(0,1fr); background:#fff; box-shadow:0 0 0 1px rgba(10,26,51,.07), 0 16px 34px -26px rgba(10,26,51,.3)}
.bgx-sv__lod figure{position:relative; margin:0; display:flex; flex-direction:column; justify-content:center; padding:14px 14px 12px; border-right:1px solid var(--sv-line)}
.bgx-sv__lod img{display:block; width:100%; height:auto; aspect-ratio:832/492; object-fit:contain}
.bgx-sv__lod figcaption{margin-top:6px; text-align:center; font-size:15px; font-weight:700; letter-spacing:.04em}
.bgx-sv__lbody{padding:22px 26px}
.bgx-sv__ltop{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; margin-bottom:14px}
.bgx-sv__ltop h3{margin:0; font-size:18px; line-height:1.3}
.bgx-sv__ltop span{font-size:13px; font-weight:600; color:var(--sv-muted)}
.bgx-sv__lcols{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 28px; margin:0}
.bgx-sv__lcols dt{margin:0 0 4px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--sv-muted)}
.bgx-sv__lcols dd{margin:0; font-size:14px; line-height:1.55; color:var(--sv-body)}
.bgx-sv__insight{display:flex; gap:10px; align-items:flex-start; margin:16px 0 0; padding:10px 14px; background:var(--sv-grey); border-left:3px solid var(--sv-green); font-size:14px; line-height:1.5; color:var(--sv-ink)}
.bgx-sv__insight b{flex:none; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--sv-green); padding-top:2px}
.bgx-sv__lod:nth-child(3){box-shadow:0 0 0 2px var(--sv-accent), 0 16px 34px -26px rgba(10,26,51,.3)}
.bgx-sv__tag{display:inline-block; font-style:normal; padding:3px 8px; background:var(--sv-accent); color:#fff; font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase}
.bgx-sv__note{margin:20px 0 0; font-size:15px; line-height:1.6; color:var(--sv-body)}
/* gallery (renderings) */
.bgx-sv__gallery{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:48px 0 0; padding:0; list-style:none}
.bgx-sv__gallery li{position:relative; margin:0; overflow:hidden; background:var(--sv-ink); box-shadow:0 24px 50px -30px rgba(10,26,51,.5)}
.bgx-sv__gallery li:first-child{grid-column:1 / -1}
.bgx-sv__gallery img{display:block; width:100%; height:100%; aspect-ratio:16/8; object-fit:cover}
.bgx-sv__gallery li:first-child img{aspect-ratio:1920/420; object-position:center 30%}
.bgx-sv__gallery span{position:absolute; left:0; bottom:0; padding:8px 12px; background:var(--sv-ink); color:#fff; font-size:11.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase}
/* steps (renderings) */
.bgx-sv__steps{position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:0; padding:0; list-style:none}
.bgx-sv__steps::before{content:""; position:absolute; top:21px; left:12.5%; right:12.5%; height:2px; opacity:.55; background:repeating-linear-gradient(90deg,var(--sv-accent) 0 10px,transparent 10px 18px)}
.bgx-sv__step{position:relative; display:flex; flex-direction:column}
.bgx-sv__step b{align-self:center; display:grid; place-items:center; width:42px; height:42px; margin-bottom:18px; background:var(--sv-ink); color:#fff; font-size:13px; box-shadow:0 0 0 8px var(--sv-grey)}
.bgx-sv__step div{flex:1; padding:22px 22px 20px; background:#fff; border-top:3px solid var(--sv-ink); box-shadow:0 0 0 1px rgba(10,26,51,.07), 0 16px 34px -24px rgba(10,26,51,.28)}
.bgx-sv__step h3{margin:0 0 6px; font-size:17px; line-height:1.3}
.bgx-sv__step p{margin:0; font-size:14.5px; line-height:1.6; color:var(--sv-body)}
@media (max-width:960px){ .bgx-sv__steps{grid-template-columns:1fr 1fr} .bgx-sv__steps::before{display:none} .bgx-sv__step b{align-self:flex-start; box-shadow:none} }
@media (max-width:700px){ .bgx-sv__gallery{grid-template-columns:1fr} .bgx-sv__gallery li:first-child img{aspect-ratio:16/9} .bgx-sv__steps{grid-template-columns:1fr} }
/* gallery: concept options (three equal views) */
.bgx-sv__gallery--opts{grid-template-columns:repeat(3,minmax(0,1fr))}
.bgx-sv__gallery--opts li:first-child{grid-column:auto}
.bgx-sv__gallery--opts img,.bgx-sv__gallery--opts li:first-child img{aspect-ratio:954/576; object-position:center}
.bgx-sv__gallery--opts span b{font-weight:700; color:var(--sv-accent-lt); margin-right:8px}
.bgx-sv__gnote{margin:14px 0 0; font-size:14.5px; line-height:1.55; color:var(--sv-muted)}
@media (max-width:700px){ .bgx-sv__gallery--opts{grid-template-columns:1fr} }
.bgx-sv__gallery--3x2 img,.bgx-sv__gallery--3x2 li:first-child img{aspect-ratio:3/2}
/* photo with soft shadow on all four edges */
.bgx-sv__photo--glow img{box-shadow:0 0 14px rgba(10,26,51,.14), 0 0 44px rgba(10,26,51,.22)}
/* proof single line */
.bgx-sv__proof strong,.bgx-sv__proof span{white-space:nowrap}
@media (max-width:1279px){.bgx-sv__proof li:nth-child(3){border-left:0}.bgx-sv__proof li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}}
@media (max-width:400px){.bgx-sv__proof strong,.bgx-sv__proof span{white-space:normal}}
/* margin heading single line */
@media (min-width:961px){.bgx-sv--leaks .bgx-sv__head2{grid-template-columns:max-content minmax(300px,480px);justify-content:space-between}.bgx-sv--leaks .bgx-sv__h{white-space:nowrap}}
/* card titles single line */
.bgx-sv__lcard h3{white-space:nowrap}
@media (max-width:400px){.bgx-sv__lcard h3{white-space:normal}}
/* deliver heading two lines */
@media (min-width:561px){.bgx-sv--deliver .bgx-sv__h{white-space:nowrap}}
@media (max-width:560px){.bgx-sv__br{display:none}}
/* gallery lead image */
.bgx-sv__gallery--lead li:first-child{grid-column:1 / -1}
.bgx-sv__gallery--lead li:first-child img{aspect-ratio:2.88/1; object-position:center}
@media (max-width:700px){.bgx-sv__gallery--lead li:first-child img{aspect-ratio:16/9}}
/* how it works on white (after a grey section) */
.bgx-sv--how-white .bgx-sv__step b{box-shadow:0 0 0 8px #fff}
.bgx-sv--how-white .bgx-sv__step div{box-shadow:0 0 0 1px rgba(10,26,51,.09), 0 16px 34px -24px rgba(10,26,51,.32)}
@media (max-width:960px){.bgx-sv--how-white .bgx-sv__step b{box-shadow:none}}
/* stats row (company credentials, same figures as the home page) */
.bgx-sv__stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:44px 0 0; padding:30px 0 80px; border-top:1px solid var(--sv-line); list-style:none}
.bgx-sv__stats li{margin:0; padding:0 28px; border-left:1px solid var(--sv-line)}
.bgx-sv__stats li:first-child{padding-left:0; border-left:0}
.bgx-sv__stats b{display:block; font-size:clamp(34px,3.3vw,46px); line-height:1; font-weight:700; letter-spacing:-.025em; color:var(--sv-ink)}
.bgx-sv__stats b i{font-style:normal; color:var(--sv-accent)}
.bgx-sv__stats span{display:block; margin-top:10px; font-size:13px; line-height:1.35; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--sv-muted)}
@media (max-width:768px){ .bgx-sv__stats{grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:26px; margin-top:36px; padding-bottom:56px} .bgx-sv__stats li:nth-child(3){padding-left:0; border-left:0} }
@media (max-width:400px){ .bgx-sv__stats li{padding:0 16px} .bgx-sv__stats span{font-size:11.5px; letter-spacing:.06em} }
/* responsive */
@media (max-width:1279px){ .bgx-sv__leaks{grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:20px} .bgx-sv__lcard{display:block; grid-row:auto} }
@media (max-width:960px){
  .bgx-sv{padding-top:64px; padding-bottom:64px}
  .bgx-sv--intro{padding-bottom:0}
  .bgx-sv__intro,.bgx-sv__head2{grid-template-columns:1fr; gap:16px}
  .bgx-sv__deliver{grid-template-columns:1fr}
  .bgx-sv__photo{max-width:640px}
  .bgx-sv__lcols{grid-template-columns:1fr}
}
@media (max-width:1279px){ .bgx-sv__proof{grid-template-columns:1fr 1fr} .bgx-sv__proof li:nth-child(3){border-left:0} .bgx-sv__proof li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)} }
@media (max-width:700px){
  .bgx-sv__proof{grid-template-columns:1fr}
  .bgx-sv__proof li + li{border-left:0; border-top:1px solid rgba(255,255,255,.12)}
  .bgx-sv__leaks{grid-template-columns:1fr}
  .bgx-sv__list{grid-template-columns:1fr}
  .bgx-sv__lod{grid-template-columns:1fr}
  .bgx-sv__lod figure{border-right:0; border-bottom:1px solid var(--sv-line); flex-direction:row; align-items:center; gap:16px}
  .bgx-sv__lod img{width:140px}
  .bgx-sv__lod figcaption{margin:0}
}
@media (max-width:560px){
  .bgx-sv{padding:52px 16px}
  .bgx-sv--intro{padding-bottom:0}
  .bgx-sv__lead{font-size:16px}
  .bgx-sv__btn{width:100%; justify-content:space-between; white-space:normal}
  .bgx-sv__photo::before{left:-8px; top:-8px}
  .bgx-sv__lbody{padding:18px 18px}
}
@media (max-width:400px){.bgx-sv{padding-left:12px; padding-right:12px}}
@media (prefers-reduced-motion:reduce){.bgx-sv *{transition:none !important}}