:root{--navy:#061d33;--navy2:#0b2c4e;--blue:#008cff;--steel:#a7c2e8;--light:#f3f7fb;--ink:#10233b;--white:#fff;--muted:#617087;--line:#d9e4ef;--shadow:0 30px 70px rgba(4,24,44,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Segoe UI',Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:105px 0}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;text-transform:uppercase}.eyebrow.blue{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,6vw,84px);line-height:.98;letter-spacing:-.055em}h2{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.045em}h3{font-size:27px;letter-spacing:-.025em}.muted{color:#a9bfd2}.site-header{height:88px;position:fixed;z-index:50;top:0;left:0;right:0;display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:30px;padding:0 4vw;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(12,39,67,.08);transition:.25s}.site-header.scrolled{height:72px;box-shadow:0 8px 30px rgba(0,20,40,.07)}.brand img{display:block;width:270px;max-height:65px;object-fit:contain;object-position:left center}.site-header nav{display:flex;justify-content:center;gap:24px;font-size:11px;font-weight:700}.site-header nav a:hover{color:var(--blue)}.header-cta{background:var(--navy);color:#fff;padding:14px 20px;font-weight:700;font-size:12px}.menu-toggle{display:none;background:none;border:0;font-size:28px}.hero{min-height:770px;padding-top:88px;position:relative;overflow:hidden;color:#fff;background:#061d33}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,36,.97) 0%,rgba(4,31,55,.84) 48%,rgba(4,22,39,.18) 78%),url('../images/hero-tank.webp') center right/cover no-repeat}.hero-wave{position:absolute;left:-3%;bottom:-10px;width:76%;opacity:.5}.hero-content{position:relative;z-index:2;padding-top:125px}.hero h1{max-width:900px;margin:18px 0 26px}.hero h1 span{color:#92c9f4}.hero-copy{max-width:710px;font-size:18px;line-height:1.75;color:#d8e4ef}.hero-actions{display:flex;gap:12px;margin:32px 0 48px}.btn{display:inline-flex;align-items:center;gap:16px;border:0;padding:17px 24px;font:700 12px 'Segoe UI',Arial,Helvetica,sans-serif;cursor:pointer}.btn-primary{background:var(--blue);color:white}.btn-primary:hover{background:#087ddb}.btn-ghost{border:1px solid rgba(255,255,255,.3);color:#fff}.btn-light{background:#fff;color:var(--navy)}.hero-stats{display:flex;gap:65px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:27px}.hero-stats span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#aac0d3;margin-top:5px}.customer-strip{padding:26px 0 34px;border-bottom:1px solid var(--line);overflow:hidden;background:#fff}.customer-title{text-align:center;color:#78879a;font-size:9px;letter-spacing:.18em;font-weight:700;margin-bottom:18px}.logo-marquee{position:relative;overflow:hidden;width:100%}.logo-track{width:max-content;display:flex;align-items:center;gap:56px;animation:marquee 28s linear infinite;padding-inline:20px;will-change:transform}.customer-logo-card{flex:0 0 auto;min-width:170px;height:74px;display:flex;align-items:center;justify-content:center;padding:8px 0;background:transparent;border:0;border-radius:0;box-shadow:none}.customer-logo-card img{max-width:100%;max-height:58px;width:auto;height:auto;display:block;object-fit:contain}.customer-logo-card:nth-child(2) img{max-height:58px}.customer-logo-card:nth-child(4) img{max-height:48px}.customer-logo-card:nth-child(5) img{max-height:56px}.customer-logo-card:nth-child(6) img{max-height:52px}.logo-marquee:hover .logo-track{animation-play-state:paused}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.intro>p{font-size:17px;line-height:1.8;color:var(--muted)}.service-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:68px}
.service-card{background:#fff;min-height:300px;padding:34px;display:flex;flex-direction:column;justify-content:space-between}
.service-card.featured{grid-row:span 2;min-height:601px;background:var(--navy);color:#fff;padding:42px}
.service-number{font-size:11px;letter-spacing:.17em;color:var(--blue);font-weight:800}
.service-card h3{margin:12px 0 13px}
.service-card p{font-size:14.4px;line-height:1.67;color:#64758a}
.service-card.featured p{color:#b8c9d8}
.service-card ul{padding-left:18px;margin:21px 0 26px;font-size:13.2px;line-height:1.84;color:#d2dfeb}
.text-link{color:var(--blue);font-size:13px;font-weight:800}

.process{background:var(--light)}.process-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}.process-image{position:relative}.process-image img{width:100%;height:600px;object-fit:cover;box-shadow:var(--shadow)}.image-badge{position:absolute;left:-20px;bottom:30px;background:#fff;padding:18px 22px;font-size:10px;font-weight:700;letter-spacing:.12em;box-shadow:var(--shadow)}.image-badge span{background:var(--blue);color:#fff;padding:7px;margin-right:10px}.process-copy>p:not(.eyebrow){line-height:1.8;color:var(--muted)}.steps{padding:0;margin:35px 0 0;list-style:none}.steps li{display:grid;grid-template-columns:45px 1fr;gap:18px;border-top:1px solid #d4e0eb;padding:20px 0}.steps li>span{color:var(--blue);font-size:11px;font-weight:700}.steps b{font-size:14px}.steps p{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.5}.brands{text-align:center}.section-lead{max-width:720px;margin:0 auto 35px;color:var(--muted);line-height:1.8}.brand-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.brand-pills span{border:1px solid var(--line);padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:.08em}.testimonial{background:var(--navy);color:white}.testimonial-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.video-card{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.video-card video{width:100%;height:100%;object-fit:cover;opacity:.5}.video-overlay{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px}.video-overlay .play{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--blue);padding-left:4px}.video-overlay div:last-child{display:flex;flex-direction:column}.video-overlay span,.video-overlay small{font-size:9px;letter-spacing:.15em;color:#bad2e7}.video-overlay b{font-size:18px;margin:5px 0}.testimonial-copy blockquote{margin:25px 0;font-size:20px;line-height:1.7;font-weight:500}.testimonial-copy code{background:#173c5e;padding:3px 6px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-layout p{line-height:1.8;color:var(--muted)}.cta-band{position:relative;background:linear-gradient(120deg,#06375d,#008cff);color:white;padding:80px 0;overflow:hidden}.cta-band>img{position:absolute;right:-10%;bottom:-70px;width:70%;opacity:.35}.cta-band .wrap{position:relative;z-index:2}.cta-band h2{max-width:850px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-layout>div>p{color:var(--muted);line-height:1.7}.contact-cards{display:grid;gap:10px;margin:30px 0}.contact-cards a{padding:18px;border:1px solid var(--line);display:flex;flex-direction:column}.contact-cards span{font-size:9px;letter-spacing:.15em;color:#77879a}.contact-cards b{margin-top:6px}.address{font-size:13px}.contact-form{background:var(--light);padding:35px}.contact-form label,.login-form label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}.contact-form input,.contact-form textarea,.contact-form select,.login-form input{font:500 14px 'Segoe UI',Arial,Helvetica,sans-serif;padding:14px 12px;border:1px solid #ccd9e5;background:#fff;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus,.login-form input:focus{border-color:var(--blue)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}footer{background:#051a2d;color:#d9e6f1;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand img{width:250px;max-height:80px;object-fit:contain;object-position:left center;background:transparent}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-grid b{color:#fff;margin-bottom:5px}.footer-grid a{font-size:12px;color:#9fb3c5}.footer-bottom{border-top:1px solid #17334d;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#7f99ae}.login-body{min-height:100vh;background:#061d33 url('../images/hero-tank.webp') center/cover fixed;display:grid;place-items:center;padding:30px}.login-body:before{content:'';position:fixed;inset:0;background:linear-gradient(110deg,rgba(4,24,43,.96),rgba(4,31,55,.7))}.login-shell{position:relative;z-index:2;width:min(1050px,100%);display:grid;grid-template-columns:1.1fr .9fr;box-shadow:0 40px 100px rgba(0,0,0,.35)}.login-brand,.login-form-panel{padding:60px}.login-brand{background:rgba(6,29,51,.92);color:white;min-height:590px}.login-brand img{width:340px;max-height:105px;object-fit:contain;object-position:left center;margin-bottom:60px;display:block;height:auto}.login-brand h1{font-size:48px;max-width:520px}.login-brand>p:not(.eyebrow){color:#afc4d8;line-height:1.7}.login-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:50px}.login-pills span{border:1px solid #31506b;padding:8px 10px;font-size:9px;letter-spacing:.1em}.login-form-panel{background:white;display:flex;align-items:center}.login-form{width:100%}.login-form h2{font-size:34px}.form-error{background:#fff0f0;color:#b00020;padding:12px;margin-bottom:20px;font-size:12px}.message-page{min-height:100vh;display:grid;place-items:center;background:var(--light);padding:20px}.message-card{background:white;max-width:600px;padding:55px;box-shadow:var(--shadow);text-align:center}.message-card img{width:330px;max-width:100%;margin-bottom:30px}@media(max-width:900px){.site-header{grid-template-columns:1fr auto;padding:0 20px}.site-header nav,.header-cta{display:none}.site-header nav.open{display:flex;position:absolute;top:72px;left:0;right:0;background:white;flex-direction:column;padding:25px}.menu-toggle{display:block}.brand img{width:220px}.wrap{width:min(100% - 32px,1180px)}.hero{min-height:720px}.hero-content{padding-top:100px}.hero-stats{gap:28px}.intro,.process-layout,.testimonial-layout,.about-layout,.contact-layout{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card.featured{grid-row:auto;min-height:560px}.process-image img{height:430px}.login-shell{grid-template-columns:1fr}.login-brand{min-height:auto}.login-brand,.login-form-panel{padding:40px}.footer-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}@media(max-width:560px){.section{padding:70px 0}.hero h1{font-size:48px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-stats{flex-wrap:wrap}.hero-bg{background-position:64% center}.customer-logo-card{min-width:130px;height:62px;padding:4px 0}.customer-logo-card img{max-height:34px}.customer-logo-card:nth-child(4) img{max-height:27px}.customer-logo-card:nth-child(6) img{max-height:24px}.service-card,.service-card.featured{padding:30px;min-height:auto}.process-image img{height:320px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}.login-brand,.login-form-panel{padding:28px}.login-brand h1{font-size:38px}.login-brand img{width:340px;max-height:105px;object-fit:contain;object-position:left center;margin-bottom:60px;display:block;height:auto}}
@media(max-width:560px){.customer-logo-card{min-width:130px;height:62px;padding:4px 0}.customer-logo-card img{max-height:34px}.customer-logo-card:nth-child(4) img{max-height:27px}.customer-logo-card:nth-child(6) img{max-height:24px}}

.customer-logo-card:nth-child(7) img{max-height:54px}.customer-logo-card:nth-child(8) img{max-height:58px}.customer-logo-card:nth-child(10) img{max-height:48px}.customer-logo-card:nth-child(11) img{max-height:56px}.customer-logo-card:nth-child(12) img{max-height:52px}
@media(max-width:560px){.customer-logo-card{min-width:145px}.customer-logo-card img{max-height:40px}.customer-logo-card:nth-child(4) img,.customer-logo-card:nth-child(10) img{max-height:34px}.customer-logo-card:nth-child(6) img,.customer-logo-card:nth-child(12) img{max-height:36px}}

.site-toast{position:fixed;top:92px;left:50%;transform:translateX(-50%);z-index:200;width:min(680px,calc(100% - 32px));background:#fff;border-left:5px solid var(--blue);box-shadow:0 18px 55px rgba(4,24,44,.22);padding:18px 54px 18px 20px;display:flex;align-items:center;gap:16px;color:var(--ink);transition:opacity .3s ease,transform .3s ease}.site-toast strong{font-size:14px}.site-toast span{font-size:12px;color:var(--muted);line-height:1.45}.site-toast button{position:absolute;right:15px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:24px;color:var(--muted);cursor:pointer}.site-toast.hide{opacity:0;transform:translate(-50%,-12px);pointer-events:none}.footer-brand img{filter:none!important}.login-brand img{filter:none!important}@media(max-width:560px){.site-toast{top:78px;align-items:flex-start;flex-direction:column;gap:4px;padding-right:46px}}


/* Hero/header refinements - 2026-09-14 */
@media (min-width:901px){
  .site-header{height:88px;grid-template-columns:300px 1fr auto;gap:34px;padding:0 4.2vw}
  .site-header nav{gap:30px;font-size:12.5px;font-weight:700}
  .header-cta{padding:17px 25px;font-size:13px}
  .hero{height:calc(100vh - 88px);min-height:650px;max-height:860px;padding-top:88px}
  .hero-content{height:100%;padding-top:52px;padding-bottom:34px;display:flex;flex-direction:column;justify-content:center}
  .hero h1{font-size:clamp(50px,5.05vw,76px);max-width:860px;margin:14px 0 20px;line-height:.96}
  .hero-copy{max-width:720px;font-size:16.5px;line-height:1.62;margin-bottom:0}
  .hero-actions{margin:24px 0 26px;gap:14px}
  .hero-actions .btn{padding:18px 27px;font-size:13px}
  .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(150px,190px));gap:12px;margin-top:0;width:max-content}
  .hero-stats div{padding:13px 17px 12px;border:1px solid rgba(255,255,255,.22);background:rgba(5,29,51,.44);backdrop-filter:blur(7px);border-radius:3px;box-shadow:0 8px 26px rgba(0,0,0,.12)}
  .hero-stats strong{font-size:30px;line-height:1;color:#fff}
  .hero-stats span{font-size:10px;letter-spacing:.13em;color:#c4d9ea;margin-top:7px;font-weight:600}
}
@media (min-width:901px) and (max-height:760px){
  .hero{min-height:610px}
  .hero-content{padding-top:30px;padding-bottom:24px}
  .hero h1{font-size:clamp(46px,4.6vw,67px);margin:10px 0 16px}
  .hero-copy{font-size:15.5px;line-height:1.52;max-width:690px}
  .hero-actions{margin:18px 0 20px}
  .hero-actions .btn{padding:15px 23px}
  .hero-stats div{padding:10px 14px}
  .hero-stats strong{font-size:26px}
}


/* About page */
.site-header nav a.active{color:var(--blue)}


/* Final desktop hero size tune */
@media (min-width:901px) and (min-height:761px){
  .hero h1{font-size:clamp(52px,5.2vw,79px);max-width:900px}
  .hero-copy{font-size:17px;max-width:735px}
  .hero-actions .btn{padding:19px 29px;font-size:13.4px}
  .hero-stats{grid-template-columns:repeat(3,minmax(158px,198px));gap:13px}
  .hero-stats div{padding:14px 18px 13px}
  .hero-stats strong{font-size:31px}
}


/* =========================================================
   FINAL HERO BALANCE
   Keep the current first-screen hero while the rest of the
   site uses the original larger UTS layout and typography.
   ========================================================= */
@media (min-width:901px){
  .hero{
    position:relative;
    overflow:hidden;
    color:#fff;
    height:100dvh;
    min-height:690px;
    max-height:none;
    padding-top:88px;
    background:#061d33;
  }
  .hero-bg{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(3,20,36,.96) 0%,rgba(4,31,55,.85) 47%,rgba(4,22,39,.20) 78%),url('../images/hero-tank.webp') center right/cover no-repeat;
  }
  .hero-wave{left:-4%;bottom:-22px;width:72%;opacity:.42;pointer-events:none}
  .hero .wrap{width:min(1260px,calc(100% - 56px))}
  .hero-content{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:10px 0 12px;
  }
  .hero .eyebrow{margin-bottom:6px;font-size:11.5px}
  .hero h1{
    font-size:clamp(58px,4.25vw,74px);
    line-height:.95;
    letter-spacing:-.055em;
    max-width:1080px;
    margin:9px 0 15px;
  }
  .hero h1 span{color:#8fc8f3}
  .hero-copy{max-width:820px;margin:0;font-size:16.6px;line-height:1.55;color:#dce7f0}
  .hero-actions{display:flex;gap:14px;margin:18px 0 19px}
  .hero-actions .btn{min-height:54px;padding:16px 27px;font-size:13.5px;font-weight:800}
  .hero-stats{display:grid;grid-template-columns:repeat(3,220px);gap:12px;width:max-content}
  .hero-stats>div{
    position:relative;
    min-height:86px;
    padding:15px 18px 13px;
    display:block;
    background:rgba(5,31,54,.90);
    border:1px solid rgba(143,200,243,.50);
    box-shadow:0 12px 28px rgba(0,0,0,.20);
  }
  .hero-stats>div:before{content:"";position:absolute;left:0;top:-1px;width:68px;height:3px;background:#078cf0}
  .hero-stats strong{display:block;font-size:38px;line-height:1;color:#fff;letter-spacing:-.03em}
  .hero-stats span{display:block;margin-top:7px;font-size:10.4px;line-height:1.2;letter-spacing:.13em;text-transform:uppercase;color:#e3eef7;font-weight:700}
}

.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.site-toast-error{border-left-color:#b42318}

/* =========================================================
   SEO / CONTENT / PERFORMANCE RELEASE - 2026-09-30
   ========================================================= */
html{font-display:swap}.site-header nav a.active{color:var(--blue)}
.hero-media{position:absolute;inset:0;z-index:0;display:block}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center right;display:block}.hero-bg{z-index:1;background:linear-gradient(90deg,rgba(3,20,36,.96) 0%,rgba(4,31,55,.85) 47%,rgba(4,22,39,.20) 78%)!important;pointer-events:none}.hero-wave{z-index:1}.hero-content{z-index:2}
@media(max-width:700px){.hero-media img{object-position:64% center}}

/* Skip unnecessary offscreen painting while keeping layout dimensions stable. */
.customer-strip,.intro,.service-grid,.process,.brands,.insight-preview,.testimonial,.contact,footer,.alt-section{content-visibility:auto;contain-intrinsic-size:auto 700px}

/* Internal page hero */
.page-hero{position:relative;min-height:630px;padding-top:88px;background:var(--navy);color:#fff;overflow:hidden;display:flex;align-items:center}.page-hero-short{min-height:540px}.page-hero-media{position:absolute;inset:0}.page-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,36,.98) 0%,rgba(4,31,55,.90) 50%,rgba(4,22,39,.42) 100%)}.page-hero-media picture,.page-hero-media img{display:block;width:100%;height:100%}.page-hero-media img{object-fit:cover;object-position:center right}.page-hero-content{position:relative;z-index:2;padding:78px 0 62px}.page-hero-content h1{max-width:980px;margin:12px 0 22px;font-size:clamp(49px,5vw,74px)}.page-hero-content h1 span{color:#8fc8f3}.page-hero-content>p:not(.eyebrow){max-width:790px;font-size:17px;line-height:1.7;color:#d8e4ef}.page-hero-content .hero-actions{margin-bottom:0}

/* Service landing/detail pages */
.section-heading-row{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:45px}.section-heading-row h2{margin-bottom:0}.section-heading-links{display:flex;justify-content:flex-end;gap:28px;padding-bottom:8px}.section-intro-copy{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.service-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-link-grid>a{background:#fff;padding:38px;display:grid;grid-template-columns:46px 1fr;gap:20px;min-height:245px;transition:.2s}.service-link-grid>a:hover{background:#f8fbfe;transform:translateY(-2px);box-shadow:0 16px 35px rgba(4,24,44,.08);z-index:1}.service-link-grid>a>span{color:var(--blue);font-size:12px;font-weight:800}.service-link-grid h3{font-size:28px;margin:10px 0 12px}.service-link-grid p:not(.eyebrow){color:var(--muted);line-height:1.7;font-size:14px}.service-link-grid b{font-size:12px;color:var(--blue)}
.alt-section{background:var(--light)}.compact-process{align-items:stretch}.left-pills{justify-content:flex-start}.service-copy-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:90px;align-items:start}.prose h2{margin-bottom:28px}.prose>p:not(.eyebrow){font-size:16px;line-height:1.85;color:var(--muted);max-width:820px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;padding:0;margin:32px 0 0;list-style:none;border-top:1px solid var(--line)}.feature-list li{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:650}.feature-list li:before{content:"→";color:var(--blue);margin-right:10px}.service-side-card,.article-sidebar{position:sticky;top:105px;background:var(--navy);color:#fff;padding:34px;box-shadow:var(--shadow)}.service-side-card h3,.article-sidebar h3{font-size:28px;margin:8px 0 16px}.service-side-card>p:not(.eyebrow),.article-sidebar>p:not(.eyebrow){color:#bfd0df;line-height:1.7;font-size:13px}.service-side-card .btn,.article-sidebar .btn{margin-top:14px}.side-phone{display:block;margin-top:18px;color:#8fc8f3;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.detail-card{background:#fff;padding:32px;min-height:250px}.detail-card>span{color:var(--blue);font-size:11px;font-weight:800}.detail-card h3{font-size:24px;margin:28px 0 15px}.detail-card p{color:var(--muted);font-size:13px;line-height:1.75}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-size:16px;font-weight:750;cursor:pointer}.faq-list p{color:var(--muted);line-height:1.75;margin:14px 0 0;font-size:14px}.compact-cta{padding:65px 0}.compact-cta h2{font-size:clamp(34px,4vw,55px);margin-bottom:14px}.compact-cta .wrap>p:not(.eyebrow){max-width:760px;line-height:1.7}.compact-cta .hero-actions{margin-bottom:0}

/* Homepage insight cards */
.insight-preview{background:#fff}.content-card-grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:18px}.content-card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-height:360px;transition:.2s}.content-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.content-card-image{aspect-ratio:16/8;overflow:hidden}.content-card-image img{width:100%;height:100%;object-fit:cover;display:block}.content-card-body{padding:28px;display:flex;flex-direction:column;flex:1}.content-card-body h3{font-size:25px;margin:12px 0 12px}.content-card-body p{font-size:13px;color:var(--muted);line-height:1.7}.content-card-body b{margin-top:auto;color:var(--blue);font-size:12px}.content-type{font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--blue)}.content-card-placeholder{background:var(--navy);color:#fff}.content-card-placeholder .content-card-body p{color:#bcd0df}

/* Blog / case study listings */
.listing-header{max-width:840px;margin-bottom:45px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-height:460px}.article-image{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--light)}.article-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.article-card:hover .article-image img{transform:scale(1.025)}.article-card-body{padding:26px;display:flex;flex-direction:column;flex:1}.article-card-body h3{font-size:25px;margin:12px 0}.article-card-body p{color:var(--muted);font-size:13px;line-height:1.7}.article-card-body .text-link{margin-top:auto}.empty-state{background:var(--navy);color:#fff;padding:55px;max-width:850px}.empty-state>span{font-size:9px;letter-spacing:.16em;color:#8fc8f3;font-weight:800}.empty-state h3{font-size:34px;margin:14px 0}.empty-state p{color:#bfd0df;line-height:1.75;max-width:650px;margin-bottom:28px}

/* Article / case study detail */
.article-hero{padding:160px 0 70px;background:var(--light)}.article-hero-inner{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.article-hero h1{font-size:clamp(42px,5vw,68px);margin:14px 0 18px}.article-hero p{color:var(--muted);line-height:1.75;font-size:16px}.article-hero-image{aspect-ratio:16/10;overflow:hidden;box-shadow:var(--shadow)}.article-hero-image img{width:100%;height:100%;object-fit:cover}.article-meta{display:flex;gap:35px;margin-top:28px}.article-meta span{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.article-meta b{font-size:9px;letter-spacing:.14em;color:var(--blue);text-transform:uppercase;margin-bottom:5px}.article-layout{display:grid;grid-template-columns:minmax(0,790px) 330px;gap:90px;align-items:start}.article-section{margin-bottom:50px}.article-section h2{font-size:36px;margin-bottom:20px}.article-section p,.article-section li{font-size:15px;line-height:1.9;color:#50647a}.article-section ul{padding-left:22px}.case-facts{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:45px}.case-facts span{background:var(--light);padding:15px 18px;font-size:12px;font-weight:650}

.contact-note{margin-top:25px;border-left:3px solid var(--blue);padding:4px 0 4px 18px}.contact-note b{font-size:13px}.contact-note p{font-size:12px!important;margin:6px 0 0!important}.center-actions{justify-content:center}.dark-ghost{color:var(--navy);border-color:var(--line)}

/* Mobile conversion bar */
.mobile-cta-bar{display:none}

@media(max-width:1150px) and (min-width:901px){.site-header{grid-template-columns:245px 1fr auto;gap:18px;padding-inline:2.5vw}.brand img{width:230px}.site-header nav{gap:17px;font-size:10.5px}.header-cta{padding:15px 17px}.content-card-grid{grid-template-columns:1fr 1fr}.content-card-featured{grid-column:1/-1}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.page-hero{min-height:610px;padding-top:72px}.page-hero-content{padding:70px 0}.page-hero-content h1{font-size:48px}.service-copy-layout,.faq-layout,.article-hero-inner,.article-layout,.section-heading-row{grid-template-columns:1fr;gap:38px}.service-side-card,.article-sidebar{position:static}.service-link-grid,.content-card-grid,.article-grid{grid-template-columns:1fr 1fr}.section-heading-links{justify-content:flex-start}.feature-list{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.article-hero{padding-top:120px}.article-hero-image{order:-1}.mobile-cta-bar{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:12px;right:12px;bottom:12px;z-index:90;box-shadow:0 14px 36px rgba(2,20,38,.28);border-radius:2px;overflow:hidden}.mobile-cta-bar a{padding:14px 12px;text-align:center;font-size:12px;font-weight:800;background:#fff;color:var(--navy)}.mobile-cta-bar a:last-child{background:var(--blue);color:#fff}body{padding-bottom:62px}}
@media(max-width:600px){.page-hero{min-height:540px}.page-hero-content h1{font-size:40px}.page-hero-content>p:not(.eyebrow){font-size:15px}.service-link-grid,.content-card-grid,.article-grid,.detail-grid{grid-template-columns:1fr}.service-link-grid>a{padding:28px;min-height:auto}.section-heading-row{margin-bottom:28px}.article-hero h1{font-size:39px}.article-hero{padding:105px 0 45px}.article-layout{gap:45px}.article-section h2{font-size:30px}.empty-state{padding:34px}.service-copy-layout{gap:50px}}
.video-placeholder{width:100%;height:100%;object-fit:cover;opacity:.48;display:block}

/* =========================================================
   RESOURCES + VISUAL VARIETY RELEASE - 2026-09-30
   Keeps the main photographic hero, but removes repeated use
   of the same tank image throughout internal pages/content.
   ========================================================= */

/* Branded internal-page hero artwork */
.page-hero-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(0,140,255,.30),transparent 28%),linear-gradient(118deg,#04182b 0%,#082846 54%,#064b82 100%)}
.page-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,36,.98) 0%,rgba(4,31,55,.84) 52%,rgba(4,22,39,.18) 100%)}
.hero-art-grid{position:absolute;inset:-10%;opacity:.12;background-image:linear-gradient(rgba(143,200,243,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(143,200,243,.25) 1px,transparent 1px);background-size:46px 46px;transform:perspective(900px) rotateX(62deg) translateY(25%)}
.hero-art-orbit{position:absolute;border:1px solid rgba(96,190,255,.24);border-radius:50%;right:-8%;top:0;width:54vw;height:54vw;min-width:620px;min-height:620px}.hero-art-orbit-b{right:8%;top:24%;width:30vw;height:30vw;min-width:380px;min-height:380px;border-color:rgba(255,255,255,.10)}
.hero-art-wave{position:absolute;left:35%;right:-12%;height:180px;border-top:2px solid rgba(0,140,255,.45);border-radius:50%;transform:rotate(-7deg)}.hero-art-wave-a{bottom:12%}.hero-art-wave-b{bottom:4%;opacity:.45;transform:rotate(7deg)}
.hero-art-mark{position:absolute;right:7%;bottom:2%;font-size:clamp(140px,20vw,330px);font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.035);line-height:.8}
.page-hero-art-contact{background:radial-gradient(circle at 82% 18%,rgba(0,140,255,.34),transparent 28%),linear-gradient(118deg,#04182b,#082846 58%,#0a5f91)}
.page-hero-art-about{background:radial-gradient(circle at 75% 30%,rgba(167,194,232,.20),transparent 30%),linear-gradient(118deg,#04182b,#0b2c4e 60%,#17486d)}
.page-hero-art-resources{background:radial-gradient(circle at 78% 24%,rgba(54,183,255,.30),transparent 30%),linear-gradient(118deg,#04182b,#0b2c4e 52%,#086caa)}

/* Homepage engineering schematic replaces repeated photography */
.process-schematic{position:relative;min-height:585px;background:linear-gradient(145deg,#061d33,#0a3155);box-shadow:var(--shadow);overflow:hidden;color:#d7e6f2;border:1px solid #153f63}
.process-schematic:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(143,200,243,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(143,200,243,.09) 1px,transparent 1px);background-size:34px 34px}
.schematic-top,.schematic-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:15px;padding:24px 26px;font-size:9px;letter-spacing:.13em}.schematic-top{border-bottom:1px solid rgba(167,194,232,.18)}.schematic-top b{color:#69bfff}.schematic-footer{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(167,194,232,.18);color:#85a5bf}
.schematic-frame{position:absolute;inset:92px 58px 74px;border:1px solid rgba(143,200,243,.35)}.schematic-frame:before,.schematic-frame:after{content:"";position:absolute;background:#008cff}.schematic-frame:before{width:26px;height:1px;left:-13px;top:50%}.schematic-frame:after{width:1px;height:26px;left:50%;top:-13px}
.schematic-tank{position:absolute;left:14%;right:14%;top:24%;bottom:18%;border:2px solid rgba(255,255,255,.82);border-top-color:#36b7ff;box-shadow:inset 0 0 45px rgba(0,140,255,.08)}
.schematic-tank:before{content:"";position:absolute;left:7%;right:7%;top:15%;height:1px;background:#4aaef0}.schematic-part{position:absolute;border:2px solid #a7c2e8;left:32%;top:39%;width:35%;height:24%;border-radius:7px;transform:rotate(-8deg)}.part-b{left:41%;top:45%;width:18%;height:11%;border-color:#36b7ff;transform:rotate(10deg)}
.schematic-sonic{position:absolute;width:110px;height:110px;border:1px solid rgba(54,183,255,.65);border-radius:50%;left:8%;top:31%;box-shadow:0 0 0 16px rgba(0,140,255,.05),0 0 0 32px rgba(0,140,255,.03)}.sonic-b{left:auto;right:7%;top:auto;bottom:23%;width:76px;height:76px}
.schematic-dim{position:absolute;font-size:8px;letter-spacing:.14em;color:#7ba7c8}.dim-x{left:30%;bottom:7%;padding-top:8px;border-top:1px solid #376d98;width:40%;text-align:center}.dim-y{right:-32px;top:40%;writing-mode:vertical-rl;padding-left:8px;border-left:1px solid #376d98}

/* Reusable high-performance resource artwork - pure CSS, zero image download */
.content-visual{position:relative;width:100%;height:100%;min-height:250px;overflow:hidden;background:linear-gradient(145deg,#061d33,#0a3c68);color:#fff}
.content-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(167,194,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(167,194,232,.08) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent)}
.content-visual-compact{min-height:100%}
.visual-label{position:absolute;left:24px;top:22px;z-index:3;font-size:9px;font-weight:800;letter-spacing:.18em;color:#a9d8fb}.visual-mark{position:absolute;right:24px;top:14px;font-size:62px;line-height:1;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.10)}
.visual-wave{position:absolute;left:-10%;right:-10%;height:90px;border-top:2px solid rgba(54,183,255,.72);border-radius:50%}.visual-wave-a{bottom:24%;transform:rotate(6deg)}.visual-wave-b{bottom:10%;transform:rotate(-5deg);opacity:.45}.visual-grid{position:absolute;right:18%;top:30%;width:130px;height:130px;border:1px solid rgba(255,255,255,.20);transform:rotate(45deg)}
.visual-bespoke{background:radial-gradient(circle at 78% 28%,rgba(54,183,255,.26),transparent 25%),linear-gradient(145deg,#061d33,#0b365e)}.visual-bespoke .visual-grid{width:160px;height:92px;transform:none;border:2px solid rgba(255,255,255,.55);box-shadow:inset 0 -26px rgba(0,140,255,.10)}
.visual-repair{background:radial-gradient(circle at 78% 48%,rgba(0,140,255,.30),transparent 22%),linear-gradient(145deg,#071b2f,#173d5c)}.visual-repair .visual-grid{border-radius:50%;transform:none;border:2px dashed rgba(255,255,255,.45)}
.visual-refurb{background:linear-gradient(135deg,#061d33 0 48%,#0b3154 48% 64%,#0d5585 64% 100%)}.visual-refurb .visual-grid{transform:rotate(45deg);border:2px solid rgba(255,255,255,.35)}
.visual-specification{background:linear-gradient(145deg,#071b2f,#084a78)}.visual-specification .visual-grid{width:180px;height:120px;transform:none;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.18) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(255,255,255,.18) 50%,transparent 51%);background-size:34px 34px}
.visual-service{background:radial-gradient(circle at 76% 44%,rgba(0,140,255,.28),transparent 20%),linear-gradient(145deg,#071b2f,#12344e)}.visual-service .visual-grid{width:145px;height:145px;border-radius:50%;transform:none;box-shadow:0 0 0 18px rgba(0,140,255,.06),0 0 0 36px rgba(0,140,255,.03)}
.visual-lifecycle{background:linear-gradient(145deg,#061d33,#0a416c)}.visual-lifecycle .visual-grid{width:150px;height:150px;border-radius:50%;transform:none;border:2px solid rgba(255,255,255,.38);border-right-color:#36b7ff;border-bottom-color:#36b7ff}

/* Combined Case Studies & Insights hub */
.resource-hub{background:#fff}.resource-toolbar{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:38px}.resource-toolbar h2{margin-bottom:0}.resource-filters{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.resource-filters button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 15px;font:700 10px 'Segoe UI',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.resource-filters button.active,.resource-filters button:hover{background:var(--navy);border-color:var(--navy);color:#fff}.resource-card.is-hidden{display:none}.resource-grid .article-image{background:var(--navy)}.resource-authoring-note{margin-top:44px;padding:34px 38px;background:var(--light);border-left:4px solid var(--blue);display:flex;align-items:center;justify-content:space-between;gap:35px}.resource-authoring-note h3{font-size:28px;margin:8px 0 10px}.resource-authoring-note p{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.resource-authoring-note code{background:#e7eef5;padding:2px 5px}

/* Testimonial placeholder uses brand language rather than reusing the hero photograph */
.video-placeholder-brand{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(0,140,255,.28),transparent 28%),linear-gradient(135deg,#031729,#0b3559);overflow:hidden;display:grid;place-items:center}.video-placeholder-brand:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(167,194,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(167,194,232,.06) 1px,transparent 1px);background-size:32px 32px}.video-placeholder-brand img{width:48%;height:auto;opacity:.16;position:relative;z-index:2}.placeholder-wave{position:absolute;left:-10%;right:-10%;height:120px;border-top:2px solid rgba(0,140,255,.58);border-radius:50%;bottom:14%;transform:rotate(5deg)}.placeholder-wave-b{bottom:2%;opacity:.38;transform:rotate(-6deg)}
.video-card{background:#04182b}.video-card>video{position:absolute;inset:0}

@media(max-width:900px){.resource-toolbar{grid-template-columns:1fr}.resource-filters{justify-content:flex-start}.process-schematic{min-height:480px}.resource-authoring-note{align-items:flex-start;flex-direction:column}.hero-art-mark{right:2%}}
@media(max-width:600px){.process-schematic{min-height:420px}.schematic-frame{inset:88px 34px 70px}.schematic-footer{font-size:7px;flex-wrap:wrap}.visual-mark{font-size:48px}.content-visual{min-height:210px}.resource-authoring-note{padding:28px}.resource-filters button{flex:1 1 auto}.page-hero-art .hero-art-orbit{right:-70%;top:10%}}


/* FINAL RELEASE: stronger direct email route + photo-led internal pages */
.inline-email{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.email-direct,.contact-email-hero{
  display:flex;flex-direction:column;gap:4px;margin:26px 0 16px;padding:22px 24px;
  background:linear-gradient(115deg,#061d33,#0a4779);color:#fff;border-left:4px solid var(--blue);
  box-shadow:0 18px 42px rgba(4,24,44,.12);transition:.2s
}
.email-direct:hover,.contact-email-hero:hover{transform:translateY(-2px);box-shadow:0 24px 54px rgba(4,24,44,.18)}
.email-direct span,.contact-email-hero span{font-size:9px;letter-spacing:.18em;color:#8fc8f3;font-weight:800}
.email-direct strong,.contact-email-hero strong{font-size:clamp(18px,2.2vw,25px);letter-spacing:-.02em}
.email-direct b,.contact-email-hero b{font-size:11px;color:#8fc8f3;margin-top:3px}
.contact-card-email{border-color:#9fd4fb!important;background:#f2f9ff}
.contact-card-email span{color:#0078ce!important}
.contact-card-email b{color:#0064ac}
.side-email{display:block;margin-top:12px;color:#fff;font-weight:700;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.service-side-card .side-phone{margin-top:10px}
.page-hero-media img{filter:saturate(.92) contrast(1.03)}
.page-hero-media:after{background:linear-gradient(90deg,rgba(3,20,36,.985) 0%,rgba(4,31,55,.90) 45%,rgba(4,22,39,.28) 76%,rgba(4,22,39,.12) 100%)}
.content-card-image>img{width:100%;height:100%;object-fit:cover;display:block}
.mobile-cta-bar{grid-template-columns:repeat(3,1fr)}
.mobile-cta-bar a:nth-child(2){background:#0b2c4e;color:#fff}
.mobile-cta-bar a:last-child{background:var(--blue);color:#fff}

@media(max-width:900px){
  .page-hero-media img{object-position:62% center}
  .page-hero-content .hero-actions{flex-wrap:wrap}
}
@media(max-width:600px){
  .email-direct,.contact-email-hero{padding:19px 20px}
  .email-direct strong,.contact-email-hero strong{font-size:17px}
  .mobile-cta-bar a{padding:13px 8px;font-size:11px}
}

.footer-grid a.footer-email{color:#8fc8f3;font-weight:800;font-size:13px;margin-top:5px}
.testimonial-copy>p:not(.eyebrow):not(.muted){font-size:18px;line-height:1.75;color:#eef6fc;margin:22px 0 14px}

/* Final release v2 - keep enquiry forms widely available while making direct email equally obvious */
.quick-enquiry-section{background:#fff;border-top:1px solid var(--line)}
.quick-enquiry-section .contact-form{box-shadow:0 22px 55px rgba(4,24,44,.08);border-top:4px solid var(--blue)}
.quick-enquiry-section .email-direct{margin-top:24px}
.hero-email-link{display:inline-flex;align-items:center;gap:6px;margin-top:13px;color:#d9ecfb;font-size:12px;font-weight:600;text-decoration:none}
.hero-email-link strong{color:#fff;text-decoration:underline;text-decoration-color:rgba(54,183,255,.8);text-underline-offset:3px}
.hero-email-link:hover strong{color:#8fd3ff}
@media(max-width:900px){.mobile-cta-bar{grid-template-columns:1fr 1fr 1fr}.quick-enquiry-section .contact-layout{gap:34px}}
@media(max-width:560px){.hero-email-link{font-size:11px;flex-wrap:wrap}.quick-enquiry-section .contact-form{padding:24px}}