:root{--navy:#05243d;--navy2:#031827;--teal:#08a6b7;--teal2:#13d4df;--red:#e84538;--gold:#ffb547;--light:#f4fbfd;--line:#dcecf1;--text:#173247;--muted:#5d7180;--white:#fff;--shadow:0 18px 45px rgba(0,24,39,.16);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--navy2);color:#dffcff;font-size:.95rem}.topbar-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:8px 0}.topbar a{color:#dffcff;text-decoration:none;font-weight:900}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 6px 22px rgba(0,24,39,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;color:var(--navy);font-size:1.35rem;line-height:1.1}.brand img{width:150px;height:92px;object-fit:contain;border-radius:0;flex:0 0 auto}.nav{display:flex;gap:24px;align-items:center}.nav a{text-decoration:none;font-weight:800;color:var(--navy)}.nav a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--teal);color:white!important;text-decoration:none;padding:13px 22px;font-weight:900;box-shadow:0 10px 22px rgba(8,166,183,.25);cursor:pointer;text-align:center}.btn.small{padding:10px 18px}.btn:hover{background:#078da0}.btn.secondary{background:var(--navy)}.btn.warning{background:var(--red)}.btn.outline{background:transparent;color:var(--navy)!important;border:2px solid rgba(5,36,61,.22);box-shadow:none}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy2),#064a69 54%,#087a8a);color:white}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(19,212,223,.28),transparent 27%),radial-gradient(circle at 10% 80%,rgba(232,69,56,.18),transparent 25%)}.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:74px 0}.eyebrow{display:inline-block;background:#dff7fb;border:1px solid #62cad5;color:var(--navy);border-radius:999px;padding:8px 16px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;box-shadow:0 8px 18px rgba(8,166,183,.10)}.hero .eyebrow{background:rgba(19,212,223,.16);border-color:rgba(19,212,223,.38);color:#dffcff;box-shadow:none}.hero h1{font-size:clamp(2.35rem,4.6vw,4.8rem);line-height:1;margin:18px 0}.hero p{font-size:1.22rem;color:#dffcff;max-width:680px}.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.hero-card img{border-radius:18px;object-fit:cover;width:100%}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.phone-callout{display:inline-flex;gap:10px;align-items:center;margin-top:18px;font-weight:900;color:#fff}.phone-callout a{color:#fff;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.35)}.trust-strip{background:var(--light);border-bottom:1px solid #dcedf2}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.trust-item{padding:22px;text-align:center;font-weight:900;color:var(--navy);background:white}.section{padding:74px 0}.section.alt{background:var(--light)}.section-title{max-width:840px;margin:0 auto 38px;text-align:center}.section-title h1,.section-title h2{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.08;margin:12px 0 14px;color:var(--navy)}.section-title p{color:var(--muted);font-size:1.1rem;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 30px rgba(5,36,61,.08)}.card h3{margin:0 0 10px;color:var(--navy);font-size:1.35rem}.card p{margin:0;color:var(--muted)}.icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--teal),var(--navy));display:grid;place-items:center;color:white;font-size:1.55rem;font-weight:900;margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split h1,.split h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1.08;margin:18px 0;color:var(--navy)}.split p{font-size:1.1rem;color:var(--muted)}.split img{border-radius:var(--radius);box-shadow:var(--shadow)}.service-hero-image,.service-tank-image{background:white;border:1px solid var(--line);padding:0;object-fit:cover;width:100%;height:auto}.checklist{list-style:none;padding:0;margin:22px 0}.checklist li{padding:9px 0 9px 34px;position:relative;font-weight:700}.checklist li:before{content:"✓";position:absolute;left:0;top:7px;color:var(--teal);font-weight:900}.cta{background:linear-gradient(135deg,var(--navy),#064a69);color:white;border-radius:30px;padding:48px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.cta h2{margin:0 0 8px;font-size:2.35rem;color:white}.cta p{margin:0;color:#dffcff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.contact-box,.form-box{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 12px 30px rgba(5,36,61,.08)}label{display:block;font-weight:900;color:var(--navy);margin:0 0 6px}input,textarea,select{width:100%;padding:14px 15px;border:1px solid #c9dce4;border-radius:14px;font:inherit;margin-bottom:16px;background:#fff}textarea{min-height:150px;resize:vertical}.hp-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 12px 30px rgba(5,36,61,.08);display:flex;flex-direction:column;gap:14px}.service-card img{height:230px;width:100%;object-fit:cover;background:#fff;border-radius:18px;border:1px solid #e2f1f5;padding:0}.service-card h3{margin:0;color:var(--navy);font-size:1.18rem}.service-card p{margin:0;color:var(--muted);font-size:.96rem}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 12px 30px rgba(5,36,61,.08)}.step:before{counter-increment:steps;content:counter(steps);width:42px;height:42px;border-radius:50%;background:var(--teal);color:white;display:grid;place-items:center;font-weight:900;margin-bottom:14px}.step h3{margin:0 0 8px;color:var(--navy)}.step p{margin:0;color:var(--muted)}.notice{background:#fff8ea;border:1px solid #f6d38a;border-radius:20px;padding:18px;color:#5b4210}.footer{background:var(--navy2);color:#dffcff;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer a{color:#dffcff;text-decoration:none;font-weight:800}.footer h3{margin-top:0;color:white}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;color:#a9c7d3;font-size:.92rem}.alert{padding:14px 16px;border-radius:14px;margin-bottom:18px;font-weight:800}.alert.error{background:#ffe9e6;color:#8f1b12}.alert.success{background:#e9fbf4;color:#075b49}.mini-link-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.mini-link-list a{border:1px solid #cfe8ee;border-radius:999px;padding:8px 12px;text-decoration:none;font-weight:800;color:var(--navy);background:white}.mini-link-list a:hover{border-color:var(--teal);color:var(--teal)}@media(max-width:1040px){.service-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:880px){.hero .container,.split,.contact-grid,.cta{grid-template-columns:1fr}.cards,.trust-grid,.footer-grid{grid-template-columns:1fr}.nav{display:none}.nav-wrap{padding:8px 0}.brand{gap:12px;font-size:1.18rem}.brand img{width:140px;height:86px;border-radius:0}.hero .container{padding:48px 0}.section{padding:52px 0}.cta{padding:30px}.topbar-wrap{display:block;text-align:center}.topbar span{display:block}.hero h1{font-size:clamp(2.2rem,10vw,3.7rem)}.split h1,.split h2{font-size:clamp(2rem,8vw,3.2rem)}.eyebrow{font-size:.86rem;padding:9px 18px}.service-hero-image,.service-tank-image{padding:8px;border-radius:20px}.form-row{grid-template-columns:1fr}}@media(max-width:520px){.service-grid,.steps{grid-template-columns:1fr}.service-card img{height:220px}.brand{font-size:1.05rem}.brand img{width:128px;height:80px}.hero-actions .btn{width:100%}.cta .btn{width:100%}.cta{border-radius:22px}}

/* Mobile navigation dropdown */
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:7px;width:58px;height:58px;border:2px solid rgba(5,36,61,.16);border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(5,36,61,.08);cursor:pointer;margin-left:auto}
.menu-toggle span{display:block;width:31px;height:4px;border-radius:999px;background:var(--navy);transition:transform .2s ease,opacity .2s ease}
.menu-toggle.is-open span:nth-child(1){transform:translateY(11px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}

@media(min-width:881px){
  .nav{gap:16px}
  .nav a{white-space:nowrap}
}

@media(max-width:880px){
  .site-header{top:0}
  .nav-wrap{position:relative;gap:12px;min-height:112px}
  .brand{flex:1;min-width:0}
  .brand span{font-size:1.15rem;line-height:1.15}
  .menu-toggle{display:flex;flex:0 0 auto}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:200;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:0 0 24px 24px;box-shadow:0 24px 44px rgba(5,36,61,.18);overflow:hidden}
  .nav.is-open{display:flex}
  .nav a{display:block;padding:17px 22px;border-bottom:1px solid var(--line);font-size:1.05rem;color:var(--navy);text-decoration:none}
  .nav a:hover{background:var(--light);color:var(--teal)}
  .nav a.btn.small{margin:16px 18px 18px;padding:14px 20px;text-align:center;border-bottom:0;color:#fff!important}
}

@media(max-width:520px){
  .nav-wrap{min-height:104px}
  .menu-toggle{width:56px;height:56px;border-radius:15px}
  .menu-toggle span{width:30px;height:4px}
  .brand span{font-size:1.06rem}
}


/* Professional logo and image update */
.brand img{width:132px!important;height:auto!important;max-height:92px!important;object-fit:contain!important;border-radius:0!important}
.brand span{font-size:1.55rem}
.site-header .nav-wrap{padding:14px 0}
.service-card img{height:245px;object-fit:cover;background:#f7fcfe;border-radius:20px;border:1px solid #d9edf3;padding:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.service-hero-image,.hero-card img,.split img[src*="service-cylinders-realistic"]{background:#f7fcfe;border:1px solid rgba(255,255,255,.24);padding:0;object-fit:cover;width:100%;height:auto;border-radius:22px}
.hero-card{padding:20px}
.topbar{font-size:.98rem}
.topbar-wrap{padding:9px 0}
@media(max-width:1040px){.brand img{width:118px!important;max-height:86px!important}.brand span{font-size:1.35rem}.nav{gap:12px}.nav a{font-size:.95rem}.service-card img{height:230px}}
@media(max-width:880px){.nav-wrap{min-height:108px}.brand img{width:128px!important;max-height:92px!important}.brand span{font-size:1.24rem}.topbar-wrap{padding:8px 0}.topbar span:first-child{font-size:.88rem}.service-card img{height:250px}.hero-card{padding:12px}}
@media(max-width:520px){.nav-wrap{min-height:100px}.brand{gap:10px}.brand img{width:116px!important;max-height:84px!important}.brand span{font-size:1.08rem}.menu-toggle{width:54px;height:54px}.service-card img{height:230px}}

/* 2026-05 visual polish: larger header logo and cleaner professional cylinder artwork */
.site-header .nav-wrap{
  padding:18px 0;
}
.brand{
  gap:18px;
}
.brand img{
  width:190px!important;
  height:auto!important;
  max-height:118px!important;
  object-fit:contain!important;
  border-radius:0!important;
}
.brand span{
  font-size:1.7rem!important;
  letter-spacing:-.02em;
}
.hero-card{
  padding:22px;
}
.hero-card img,
.service-hero-image,
.split img[src*="pro-service-cylinders"]{
  background:#f7fcfe!important;
  border:1px solid rgba(255,255,255,.36)!important;
  border-radius:26px!important;
  padding:0!important;
  object-fit:contain!important;
  box-shadow:0 18px 45px rgba(0,24,39,.18);
}
.service-card{
  overflow:hidden;
}
.service-card img{
  height:238px!important;
  width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
  background:linear-gradient(180deg,#fbfeff,#eef8fb)!important;
  border:1px solid #d8edf3!important;
  border-radius:22px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 10px 20px rgba(5,36,61,.06)!important;
}
.service-card h3{
  margin-top:4px;
}
@media(max-width:1100px){
  .brand img{width:160px!important;max-height:108px!important}
  .brand span{font-size:1.45rem!important}
  .nav{gap:12px}
  .nav a{font-size:.94rem}
}
@media(max-width:880px){
  .site-header .nav-wrap{min-height:120px;padding:12px 0}
  .brand{gap:14px}
  .brand img{width:154px!important;max-height:104px!important}
  .brand span{font-size:1.28rem!important}
  .service-card img{height:250px!important}
}
@media(max-width:520px){
  .site-header .nav-wrap{min-height:112px}
  .brand{gap:10px}
  .brand img{width:138px!important;max-height:96px!important}
  .brand span{font-size:1.12rem!important;line-height:1.08}
  .menu-toggle{width:56px;height:56px;flex:0 0 56px}
  .service-card img{height:232px!important}
}
@media(max-width:390px){
  .brand img{width:124px!important;max-height:88px!important}
  .brand span{font-size:1.02rem!important}
}


/* Visual upgrade: larger logo and photo-based tank assets */
.brand img{width:150px;height:92px;object-fit:contain;border-radius:0;flex:0 0 auto}
.service-card img{height:230px;width:100%;object-fit:cover;background:#fff;border-radius:18px;border:1px solid #e2f1f5;padding:0}
.hero-card img,.service-hero-image,.service-tank-image{object-fit:cover;width:100%;padding:0;background:#fff}
@media(max-width:880px){.brand img{width:140px;height:86px;border-radius:0}.nav-wrap{min-height:102px}}
@media(max-width:520px){.brand img{width:128px;height:80px}.service-card img{height:220px}}

/* Header polish update - larger logo, cleaner brand area, balanced navigation */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.site-header {
  background: rgba(255,255,255,.985) !important;
  border-bottom: 1px solid rgba(5,36,61,.08) !important;
  box-shadow: 0 8px 26px rgba(5,36,61,.08) !important;
}

.site-header .nav-wrap {
  min-height: 112px !important;
  padding: 10px 0 !important;
  gap: 24px !important;
}

.brand.brand-logo-only {
  flex: 0 0 auto !important;
  min-width: auto !important;
  gap: 0 !important;
  padding: 0 !important;
}

.brand.brand-logo-only img {
  width: 190px !important;
  height: auto !important;
  max-height: 102px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

.site-header .nav {
  margin-left: auto !important;
  gap: 18px !important;
  align-items: center !important;
}

.site-header .nav a {
  font-size: .98rem !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  letter-spacing: .01em !important;
}

.site-header .nav a.btn.small {
  padding: 13px 20px !important;
  min-height: 48px !important;
}

.menu-toggle {
  margin-left: auto !important;
}

@media (max-width: 1160px) {
  .brand.brand-logo-only img {
    width: 168px !important;
    max-height: 96px !important;
  }

  .site-header .nav {
    gap: 12px !important;
  }

  .site-header .nav a {
    font-size: .92rem !important;
  }

  .site-header .nav a.btn.small {
    padding: 12px 16px !important;
  }
}

@media (max-width: 1040px) {
  .site-header .nav-wrap {
    min-height: 104px !important;
    padding: 8px 0 !important;
    position: relative !important;
  }

  .brand.brand-logo-only img {
    width: 166px !important;
    max-height: 94px !important;
  }

  .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 58px !important;
    height: 58px !important;
    border: 1px solid rgba(5,36,61,.16) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(5,36,61,.08) !important;
  }

  .menu-toggle span {
    width: 30px !important;
    height: 3px !important;
    background: var(--navy) !important;
  }

  .site-header .nav {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 200 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-radius: 0 0 24px 24px !important;
    box-shadow: 0 24px 44px rgba(5,36,61,.18) !important;
    overflow: hidden !important;
    margin-left: 0 !important;
  }

  .site-header .nav.is-open {
    display: flex !important;
  }

  .site-header .nav a {
    display: block !important;
    padding: 17px 22px !important;
    border-bottom: 1px solid var(--line) !important;
    font-size: 1.05rem !important;
    color: var(--navy) !important;
    text-decoration: none !important;
  }

  .site-header .nav a.btn.small {
    margin: 16px 18px 18px !important;
    padding: 14px 20px !important;
    text-align: center !important;
    border-bottom: 0 !important;
    color: #fff !important;
  }
}

@media (max-width: 520px) {
  .site-header .nav-wrap {
    min-height: 96px !important;
  }

  .brand.brand-logo-only img {
    width: 150px !important;
    max-height: 88px !important;
  }

  .menu-toggle {
    width: 54px !important;
    height: 54px !important;
  }
}