.x7-page{width:min(100%,1536px);margin:0 auto;padding-top:77px;overflow:hidden;background:#fff;color:#21355b}.x7-page h1,.x7-page h2,.x7-page h3,.x7-page p{letter-spacing:0}.x7-hero{position:relative;height:662px}.x7-hero>img{width:100%;height:620px;object-fit:cover}.x7-hero__panel{position:absolute;left:140px;bottom:0;width:813px;min-height:203px;padding:27px 48px;background:rgba(36,62,112,.86);color:#fff}.x7-hero__panel h1{margin:0 0 16px;font-size:32px;line-height:1.1}.x7-hero__panel p{max-width:652px;margin:0;font-size:16px;line-height:1.55}.x7-intro{position:relative;min-height:778px}.x7-intro aside{position:absolute;left:229px;top:44px;width:392px}.x7-intro aside h2{margin:0 0 18px;font-size:38px;line-height:1.1}.x7-intro aside>p{margin:0 0 8px;color:#003f64;font-size:16px}.x7-intro aside a{display:block;margin:7px 0;color:#213345;font-size:16px;text-decoration:none}.x7-intro__copy{position:absolute;left:634px;top:36px;width:697px;text-align:right}.x7-intro__copy h3{margin:0 0 15px;font-size:21px}.x7-intro__copy p{margin:0;color:#21355b;font-size:19px;line-height:1.25;white-space:normal}.x7-intro__portrait{position:absolute;left:630px;top:307px;width:226px;height:440px;object-fit:cover}.x7-intro__wide{position:absolute;left:878px;top:307px;width:464px;height:239px;object-fit:cover}.x7-expert{position:absolute;left:878px;top:546px;width:464px;height:174px;padding:20px;background:#21355b;color:#fff}.x7-expert h3{margin:0 0 10px;font-size:19px}.x7-expert p{margin:0;width:406px;font-size:16px;line-height:1.25}.x7-expert a{position:absolute;right:16px;bottom:12px;padding:9px 13px;background:#fff;color:#21355b;font-weight:700;text-decoration:none}.x7-operation{display:grid;grid-template-columns:442px 1fr;gap:24px;width:1234px;margin:0 auto 72px}.x7-operation__strips{padding-top:594px}.x7-operation__strips img{display:block;width:442px;height:106px;margin-bottom:34px;object-fit:cover}.x7-operation__copy h2{margin:0 0 39px;font-size:26px}.x7-operation__copy>p{min-height:520px;margin:0;color:#586a7b;font-size:25px;line-height:1.25;white-space:pre-line}.x7-operation__copy>h2:nth-of-type(2){margin:0 0 25px}.x7-features{min-height:334px;padding:18px 30px;background:#21355b;color:#fff}.x7-features ul{margin:0;padding-left:30px}.x7-features li{font-size:22px;line-height:1.3}.x7-models{padding:32px 0 44px}.x7-models>h2{text-align:center;font-size:38px}.x7-model-grid{display:grid;grid-template-columns:repeat(2,579px);gap:38px;width:1196px;margin:32px auto 0}.x7-model-grid a{position:relative;height:358px;overflow:hidden;color:#fff;text-align:center;text-decoration:none}.x7-model-grid img{width:100%;height:100%;object-fit:cover;filter:brightness(.76)}.x7-model-grid h3{position:absolute;right:20px;bottom:67px;left:20px;margin:0;font-size:26px}.x7-model-grid p{position:absolute;right:24px;bottom:38px;left:24px;margin:0;font-size:14px}.x7-model-grid b{position:absolute;bottom:7px;left:0;width:100%;font-size:16px}.x7-compare{position:relative;width:1196px;min-height:1140px;margin:0 auto}.x7-compare>h2{text-align:center;font-size:32px}.x7-compare__board{display:grid;grid-template-columns:1fr 1fr;height:804px;margin-top:23px;background:linear-gradient(120deg,#21355b 0 49.8%,#eef0f2 50%);overflow:hidden}.x7-product,.x7-conventional{position:relative;padding:260px 45px 30px}.x7-product{color:#fff}.x7-product h3,.x7-conventional h3{margin:0 0 20px;font-size:29px}.x7-product ul,.x7-conventional ul{margin:0;padding-left:24px;font-size:18px;line-height:1.65}.x7-product>img{position:absolute;left:74px;top:29px;width:360px;height:255px;object-fit:contain}.x7-conventional>img{position:absolute;right:42px;bottom:32px;width:330px;height:270px;object-fit:contain}.x7-conventional{padding-top:40px;color:#21355b}.x7-compare__close{width:805px;margin:20px 0 0;color:#586a7b;font-size:19px;line-height:1.35}.x7-slogan{display:block;width:678px;margin-top:13px;padding:16px 24px;background:#21355b;color:#fff;font-size:28px}.x7-compare__tiles{position:absolute;right:0;bottom:25px;display:flex;gap:27px}.x7-compare__tiles img{width:184px;height:169px;object-fit:cover}.x7-page>.internal-footer{margin-top:0}
@media(max-width:900px){.x7-page{padding-top:72px}.x7-hero{height:600px}.x7-hero>img{height:100%;object-fit:cover}.x7-hero__panel{left:24px;bottom:24px;width:calc(100% - 48px);min-height:0;padding:26px}.x7-intro{display:flex;min-height:0;flex-direction:column;padding:55px 24px}.x7-intro aside,.x7-intro__copy,.x7-intro__portrait,.x7-intro__wide,.x7-expert{position:relative;inset:auto;width:100%;height:auto;text-align:left}.x7-intro aside{margin-bottom:36px}.x7-intro__copy{margin-bottom:28px}.x7-intro__portrait,.x7-intro__wide{height:320px;object-fit:cover}.x7-expert{padding:28px;margin-top:0}.x7-expert a{position:static;display:inline-block;margin-top:20px}.x7-operation{grid-template-columns:1fr;width:calc(100% - 48px)}.x7-operation__strips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:0}.x7-operation__strips img{width:100%;height:110px;margin:0}.x7-operation__copy>p{min-height:0;margin-bottom:48px;font-size:19px}.x7-features li{font-size:17px}.x7-model-grid{grid-template-columns:1fr;width:calc(100% - 48px)}.x7-model-grid a{height:300px}.x7-compare{width:calc(100% - 48px);min-height:0}.x7-compare__board{grid-template-columns:1fr;height:auto;background:none}.x7-product,.x7-conventional{min-height:610px}.x7-product{background:#21355b}.x7-conventional{background:#eef0f2}.x7-compare__close{width:100%}.x7-slogan{width:100%;font-size:22px}.x7-compare__tiles{position:static;margin:22px 0 50px}.x7-compare__tiles img{width:calc(50% - 8px);height:auto}}

/* Match the latest Air Knife typography and CTA treatment. */
.x7-intro__copy::before{content:"";position:absolute;z-index:0;top:45px;right:-14px;width:726px;height:220px;background:#d9d9d9}.x7-intro__copy h3{position:relative;z-index:1;margin:0;font-size:21px;line-height:1.2}.x7-intro__copy>div{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:25px;text-align:left}.x7-intro__copy p{margin:0;color:#586a7b;font-size:15px;line-height:1.55}.x7-expert{background:#003f64}.x7-expert h3{margin:0;font-size:19px;line-height:1.2}.x7-expert p{margin-top:14px;line-height:1.35}.x7-expert a{right:8px;bottom:8px;display:flex;width:114px;height:35px;align-items:center;justify-content:center;padding:0;background:#006ead;color:#fff;font-size:13px}.x7-operation__copy h2{margin:0 0 16px;font-size:26px;line-height:1.35}.x7-operation__body{min-height:520px;padding:24px 35px;background:#d9d9d9;color:#586a7b}.x7-operation__body p{margin:0 0 17px;font-size:16px;line-height:1.6}.x7-operation__body p:last-child{margin-bottom:0}.x7-operation__copy>h2:nth-of-type(2){margin:24px 0 14px}.x7-features{background:#003f64}
@media(max-width:900px){.x7-intro__copy::before{display:none}.x7-intro__copy>div{grid-template-columns:1fr;gap:14px}.x7-intro__copy p{font-size:16px}.x7-operation__body{min-height:0;margin-bottom:35px;padding:24px}.x7-operation__body p{font-size:16px}.x7-expert a{display:inline-flex}}

/* Figma alignment corrections: panels end inside their images and comparison
   artwork keeps the original left-product/right-conventional relationship. */
.x7-hero{height:620px}.x7-hero__panel{bottom:0}.x7-expert{overflow:hidden}.x7-expert p{width:320px;margin-top:12px;font-size:14px;line-height:1.35}.x7-expert a{z-index:2}.x7-compare__board{position:relative}.x7-product,.x7-conventional{padding:0}.x7-product h3{position:absolute;top:385px;left:49px;width:358px;margin:0;font-size:29px}.x7-product>ul{position:absolute;top:439px;left:37px;width:390px;margin:0;padding-left:29px;font-size:19px;line-height:1.55}.x7-product__images img{position:absolute;z-index:1;object-fit:contain}.x7-page--aq .x7-product__images img:first-child{top:34px;left:70px;width:235px;height:278px}.x7-page--aq .x7-product__images img:nth-child(2){top:16px;left:347px;width:247px;height:293px}.x7-page--wt .x7-product__images img{top:51px;left:30px;width:326px;height:274px}.x7-conventional h3{position:absolute;top:51px;left:818px;width:340px;margin:0;font-size:29px}.x7-page--wt .x7-conventional h3{top:63px}.x7-conventional>ul{position:absolute;top:144px;left:800px;width:350px;margin:0;padding-left:29px;color:#586a7b;font-size:19px;line-height:1.55}.x7-conventional>img{position:absolute;right:54px;bottom:54px;width:360px;height:302px;object-fit:contain}
@media(max-width:900px){.x7-hero{height:600px}.x7-expert p{width:calc(100% - 125px);min-height:90px}.x7-compare__board{display:block}.x7-product,.x7-conventional{position:relative;min-height:610px;padding:0}.x7-product h3{top:300px;left:28px}.x7-product>ul{top:355px;left:18px;width:calc(100% - 40px)}.x7-page--aq .x7-product__images img:first-child{left:20px}.x7-page--aq .x7-product__images img:nth-child(2){right:20px;left:auto}.x7-conventional h3,.x7-page--wt .x7-conventional h3{top:35px;left:28px;width:calc(100% - 56px)}.x7-conventional>ul{top:115px;left:18px;width:calc(100% - 40px)}.x7-conventional>img{right:20px;bottom:20px}}

@media(min-width:901px){.x7-conventional h3{left:220px}.x7-conventional>ul{left:202px}}

/* Air Knife reference: 27px white separation below the landscape image;
   the CTA then finishes flush with the bottom of the portrait image. */
@media(min-width:901px){.x7-expert{top:573px}}

/* Use the shared GALEX CTA blue across AQ and WT comparison/closing panels. */
.x7-compare__board{background:linear-gradient(120deg,#003f64 0 49.8%,#eef0f2 50%)}
.x7-slogan{background:#003f64}
@media(max-width:900px){.x7-product{background:#003f64}}

/* Wastewater heading wraps to three lines; keep its list below the title. */
@media(min-width:901px){.x7-page--wt .x7-conventional>ul{top:190px}}

/* The product sub-navigation is the vertical sticky element; its page wrapper
   must not become an overflow container or sticky positioning is disabled. */
.x7-page{overflow-x:clip;overflow-y:visible}

/* Shared 50% hero text overlay for all Axion One application pages. */
.x7-hero__panel{background:rgba(58,78,116,.5)}
