:root{
 --navy:#0d2c6d;--blue:#087df0;--green:#0aa84a;--ink:#102141;--muted:#61718b;
 --line:#d6e5f0;--panel:#fff;--soft:#f5faff;--shadow:0 7px 20px rgba(31,74,121,.07);--max:1510px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;padding:0 8px;background:#f7fbff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#0876df;text-decoration:none}a:hover{text-decoration:underline}
.shell{max-width:var(--max);margin:0 auto;padding:0 16px}
.head{background:#fff;border-bottom:1px solid #dfe9f3}
.headrow{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-weight:850;font-size:1.08rem}.brand small{display:block;font-size:.61rem;color:#61718a}
.nav{display:flex;gap:19px;align-items:center;font-size:.82rem;font-weight:730}.nav a{color:#10294f;white-space:nowrap}.nav .contact{background:var(--blue);color:#fff;padding:8px 15px;border-radius:999px}
.lang details{position:relative}.lang summary{cursor:pointer;list-style:none;font-weight:780;color:#183a61;font-size:.82rem}
.langbox{position:absolute;right:0;top:28px;width:272px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:4px;z-index:99}
.langbox a{padding:6px 7px;border-radius:7px;font-size:.8rem;color:#18385f}.langbox a:hover{background:#edf6ff;text-decoration:none}

.water,.pagehero{
 position:relative;overflow:hidden;border-bottom:1px solid #cce4f4;
 background:
 radial-gradient(ellipse at 16% 7%,rgba(255,255,255,.95),transparent 31%),
 linear-gradient(180deg,#dff3ff 0%,#fbfdff 52%,#dff4ff 100%);
}
.water:before,.pagehero:before{content:"";position:absolute;inset:0;opacity:.36;pointer-events:none;background:
 linear-gradient(29deg,transparent 49%,rgba(54,146,223,.20) 49.3%,rgba(54,146,223,.20) 50%,transparent 50.3%),
 linear-gradient(-29deg,transparent 49%,rgba(54,146,223,.13) 49.3%,rgba(54,146,223,.13) 50%,transparent 50.3%);
 background-size:145px 94px}
.water:after,.pagehero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:118px;pointer-events:none;opacity:.46;background:
 linear-gradient(to top,rgba(95,187,236,.18),transparent 54%),
 repeating-radial-gradient(ellipse at 50% 105%,rgba(92,181,232,.20) 0 7px,rgba(230,249,255,.08) 8px 17px,transparent 18px 27px);
 transform:scaleY(.56);transform-origin:bottom}
.hero-in{position:relative;z-index:2;padding:22px 0 12px}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:18px;align-items:center}
.eyebrow{display:inline-block;border:1px solid #a8d0f4;background:rgba(255,255,255,.78);border-radius:8px;padding:4px 8px;font-size:.64rem;font-weight:900;letter-spacing:.04em;color:#076fd2}
h1{font-size:clamp(2.1rem,3.9vw,3.75rem);line-height:.98;letter-spacing:-.04em;color:var(--navy);margin:8px 0 7px}
h1 .sub{display:block;color:#4e6381;font-size:.73em;margin-top:4px}
h2{color:var(--navy);margin:0 0 8px;font-size:1.05rem}
h3{color:#132e64;margin:0 0 6px;font-size:.95rem}
.lead{font-size:.95rem;line-height:1.48;color:#42546d;max-width:780px}
.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:7px;border:1px solid #bcd7ed;background:#fff;color:#155285;font-weight:800;font-size:.82rem}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}
.proofrow{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.proof{font-size:.7rem;font-weight:800;color:#15345d}.proof strong{display:block;font-size:.65rem;color:#05973e;margin-top:1px}
.ehero{background:rgba(255,255,255,.9);border:1px solid #d4e5f2;border-radius:12px;padding:10px;box-shadow:var(--shadow)}
.ehero h3{text-align:center;font-size:.89rem}.ehero p{text-align:center;font-size:.7rem;color:#62728c;margin:0 0 7px}
.epair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.epair img{width:100%;border-radius:6px;border:1px solid #dde7ef}.ehero .more{display:block;text-align:center;font-size:.69rem;font-weight:800;margin-top:6px}

.main{padding:10px 0 20px}
.zone{display:grid;grid-template-columns:1.16fr .84fr;gap:10px;margin-bottom:10px}
.block,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;box-shadow:var(--shadow)}
.block>h2{text-align:center;font-size:.94rem;margin-bottom:9px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.card{background:#fff;border:1px solid #dce7f1;border-radius:9px;padding:11px;min-width:0}.card p{font-size:.75rem;line-height:1.39;color:#60718a;margin:4px 0 8px}.card a{font-size:.72rem;font-weight:800}
.badge{font-size:.61rem;font-weight:900;color:#05943c;margin-bottom:5px}.icon{font-size:1.35rem;margin-bottom:5px}
.mode{display:flex;gap:9px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px;margin-bottom:7px}.mode .sym{font-size:1.35rem;width:34px;height:34px;display:grid;place-items:center;background:#eaf5ff;border-radius:8px}.mode p{font-size:.73rem;color:#5f7089;line-height:1.38;margin:2px 0}
.usecases{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.use{border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff}.use .ico{font-size:1.35rem}.use h3{font-size:.78rem;margin:3px 0}.use p{font-size:.67rem;line-height:1.34;color:#61718b}
.bottom{display:grid;grid-template-columns:1.13fr 1.02fr 1fr .72fr 1.15fr;gap:7px}.mini{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px}.mini h3{font-size:.82rem}.mini p,.mini li{font-size:.67rem;line-height:1.38;color:#60718a}.mini ul{padding-left:15px;margin:4px 0}.price{font-size:1.45rem;font-weight:900;color:var(--navy)}
.pagehero .shell{position:relative;z-index:1;padding-top:20px;padding-bottom:17px}.pagehero h1{font-size:clamp(1.9rem,3.3vw,3rem)}
.section{padding:14px 0}
.linkgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.linkcard{display:block;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff;color:#18385e}.linkcard b{display:block;font-size:.78rem;margin-bottom:4px}.linkcard span{font-size:.69rem;color:#64758d;line-height:1.34}
.egrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fig{margin:0;border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff}.fig img{width:100%;display:block;border-radius:6px}.fig figcaption{font-size:.7rem;color:#60718b;line-height:1.35;margin-top:6px}
.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.check{display:flex;gap:7px;align-items:flex-start;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px;font-size:.73rem}.yes{color:#08a248;font-weight:900}
.note{border-left:4px solid var(--blue);background:#f2f8ff;padding:9px 11px;border-radius:7px;font-size:.73rem;color:#52657e}
table{width:100%;border-collapse:collapse}th,td{padding:7px;border-bottom:1px solid #dce7f1;text-align:left;font-size:.73rem}
footer{border-top:1px solid #dce7f1;background:#fff;padding:13px 0 16px}.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.67rem;color:#66768b}.stores{display:flex;gap:8px;flex-wrap:wrap}.stores a{font-weight:760}

/* Existing download page is retained; visual shell is added without replacing its download links/buttons. */
body.download-themed{padding:0 8px}
body.download-themed .wrap{max-width:1220px!important;margin:0 auto!important;padding-left:16px!important;padding-right:16px!important}
body.download-themed .topbar{background:#fff;border-bottom:1px solid var(--line)}
body.download-themed .hero{background:linear-gradient(180deg,#dff3ff,#f9fcff 70%,#e4f6ff)!important;border-bottom:1px solid #d1e4f1;padding:20px 16px!important}
body.download-themed .panel{border-radius:12px!important;box-shadow:var(--shadow)!important;margin-top:10px!important}
body.download-themed a.btn,body.download-themed button,body.download-themed a[href$=".exe"],body.download-themed a[href$=".msi"],body.download-themed a[href$=".apk"]{border-radius:8px!important}
.bottom-links{margin:8px auto 0;max-width:1220px;padding:10px 14px;border-top:1px solid var(--line);display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-size:.7rem}.bottom-links a{padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#19446f;font-weight:750}
a[href*="x.com"],a[href*="twitter.com"],a[href*="linkedin.com"]{display:none!important}
@media(max-width:1080px){.nav{gap:10px;font-size:.76rem}.hero-grid,.zone{grid-template-columns:1fr}.usecases{grid-template-columns:repeat(3,1fr)}.bottom{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{padding:0 4px}.nav{display:none}.grid4,.grid3,.grid2,.usecases,.bottom,.linkgrid,.egrid,.checks{grid-template-columns:1fr}.epair{grid-template-columns:1fr}}


/* === Baseline-derived English unified shell v1 === */
body.cxs-unified-page{
  margin:0;
  padding:0 8px;
  background:#f7fbff!important;
  color:#102141;
}
body.cxs-unified-page > .cxs-global-head{
  margin-left:-8px;margin-right:-8px;
}
.cxs-global-head{
  background:#fff;
  border-bottom:1px solid #dfe9f3;
  position:relative;
  z-index:100;
}
.cxs-global-head .cxs-gh-row{
  max-width:1510px;
  margin:0 auto;
  padding:0 18px;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.cxs-gh-brand{display:flex;align-items:center;gap:9px;color:#0d2c6d!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap}
.cxs-gh-brand small{display:block;font-size:.61rem;color:#61718a;font-weight:650}
.cxs-gh-nav{display:flex;align-items:center;gap:18px;font-size:.81rem;font-weight:750}
.cxs-gh-nav a{color:#10294f!important;text-decoration:none!important;white-space:nowrap}
.cxs-gh-nav .contact{background:#087df0;color:#fff!important;padding:8px 15px;border-radius:999px}
.cxs-gh-lang details{position:relative}
.cxs-gh-lang summary{list-style:none;cursor:pointer;color:#17395f;font-size:.8rem;font-weight:850;white-space:nowrap}
.cxs-gh-langs{position:absolute;right:0;top:29px;width:270px;background:#fff;border:1px solid #d6e5f0;border-radius:12px;padding:10px;box-shadow:0 7px 20px rgba(31,74,121,.10);display:grid;grid-template-columns:1fr 1fr;gap:4px;z-index:110}
.cxs-gh-langs a{padding:6px 7px;border-radius:7px;color:#18385f!important;font-size:.79rem;text-decoration:none!important}
.cxs-gh-langs a:hover{background:#edf6ff}
.cxs-global-footer{
  max-width:1510px;
  margin:14px auto 0;
  padding:13px 16px 17px;
  border-top:1px solid #d6e5f0;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  font-size:.7rem;
  color:#66768b;
  background:#fff;
}
.cxs-global-footer .stores{display:flex;gap:8px;flex-wrap:wrap}
.cxs-global-footer a{font-weight:760;color:#0876df!important}
body.cxs-unified-page > .cxs-language-switcher,
body.cxs-unified-page > .topbar,
body.cxs-unified-page > header:not(.cxs-global-head),
body.cxs-unified-page .footer,
body.cxs-unified-page footer:not(.cxs-global-footer){display:none!important}

/* Old content becomes the same light water/network family instead of looking like a leftover site. */
body.cxs-unified-page .wrap,
body.cxs-unified-page .wrapper,
body.cxs-unified-page .container,
body.cxs-unified-page main,
body.cxs-unified-page .page,
body.cxs-unified-page .shell{
  max-width:1460px!important;
  width:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.cxs-unified-page .wrap,
body.cxs-unified-page .wrapper,
body.cxs-unified-page .container,
body.cxs-unified-page main,
body.cxs-unified-page .page{
  padding-left:16px!important;
  padding-right:16px!important;
}
body.cxs-unified-page .hero{
  position:relative!important;
  overflow:hidden!important;
  color:#102141!important;
  background:
    radial-gradient(ellipse at 16% 7%,rgba(255,255,255,.95),transparent 31%),
    linear-gradient(180deg,#dff3ff 0%,#fbfdff 52%,#dff4ff 100%)!important;
  border:1px solid #cfe4f3!important;
  border-radius:12px!important;
  box-shadow:0 7px 20px rgba(31,74,121,.05)!important;
  padding:22px!important;
  margin-top:10px!important;
}
body.cxs-unified-page .hero:before{
  content:"";position:absolute;inset:0;opacity:.24;pointer-events:none;
  background:
    linear-gradient(29deg,transparent 49%,rgba(54,146,223,.20) 49.3%,rgba(54,146,223,.20) 50%,transparent 50.3%),
    linear-gradient(-29deg,transparent 49%,rgba(54,146,223,.13) 49.3%,rgba(54,146,223,.13) 50%,transparent 50.3%);
  background-size:145px 94px;
}
body.cxs-unified-page .hero > *{position:relative;z-index:1}
body.cxs-unified-page .card,
body.cxs-unified-page .panel,
body.cxs-unified-page .section,
body.cxs-unified-page .callout,
body.cxs-unified-page .download-card{
  background:#fff!important;
  border:1px solid #d6e5f0!important;
  border-radius:12px!important;
  box-shadow:0 7px 20px rgba(31,74,121,.06)!important;
}
body.cxs-unified-page .card,
body.cxs-unified-page .panel,
body.cxs-unified-page .section{margin-top:10px!important}
body.cxs-unified-page h1,
body.cxs-unified-page h2,
body.cxs-unified-page h3{color:#0d2c6d!important}
body.cxs-unified-page p,
body.cxs-unified-page li{color:#586b84}
body.cxs-unified-page .btn,
body.cxs-unified-page button,
body.cxs-unified-page input[type=submit]{
  border-radius:8px!important;
}
body.cxs-unified-page a[href*="x.com"],
body.cxs-unified-page a[href*="twitter.com"],
body.cxs-unified-page a[href*="linkedin.com"]{display:none!important}

/* Contact */
.cxs-contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}
.cxs-contact-card{background:#fff;border:1px solid #d6e5f0;border-radius:12px;padding:16px;box-shadow:0 7px 20px rgba(31,74,121,.06)}
.cxs-contact-card .bigmail{font-size:1.15rem;font-weight:850}

/* Terms hub */
.cxs-terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cxs-term-card{background:#fff;border:1px solid #d6e5f0;border-radius:12px;padding:15px;box-shadow:0 7px 20px rgba(31,74,121,.05)}
.cxs-term-card h2{font-size:1rem!important}

/* Guide index additions */
.cxs-guide-intro{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.cxs-guide-intro .check{background:#fff;border:1px solid #d6e5f0;border-radius:10px;padding:10px;font-size:.75rem}
.cxs-troubleshooting{border-left:4px solid #e74c3c!important}

@media(max-width:1100px){
  .cxs-gh-nav{gap:9px;font-size:.75rem}
  .cxs-contact-grid,.cxs-terms-grid{grid-template-columns:1fr}
  .cxs-guide-intro{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body.cxs-unified-page{padding:0 4px}
  .cxs-gh-nav{display:none}
  .cxs-guide-intro{grid-template-columns:1fr}
}


/* === CXS English layout cleanup v1 === */

/* small, consistent page breathing room */
html{background:#f7fbff}
body{
  padding-left:16px !important;
  padding-right:16px !important;
}
body > .head,
body > .water,
body > .pagehero,
body > footer{
  margin-left:0 !important;
  margin-right:0 !important;
}
.shell{
  padding-left:22px !important;
  padding-right:22px !important;
}

/* One approved navigation system only */
.cxs-global-head,
.cxs-global-footer{
  display:none !important;
}
body.cxs-approved-legacy .cxs-language-switcher{
  display:none !important;
}
body.cxs-approved-legacy .topbar{
  display:none !important;
}
.cxs-approved-head{
  display:block !important;
  background:#fff !important;
  border-bottom:1px solid #dfe9f3 !important;
}
.cxs-approved-head .headrow{
  min-height:62px !important;
}
.cxs-approved-head .brand{
  display:flex !important;
}
.cxs-approved-head .nav{
  display:flex !important;
}
.cxs-approved-head .lang{
  display:block !important;
}

/* Legacy English pages now use the same width and light visual shell as the front page. */
body.cxs-approved-legacy > .shell,
body.cxs-approved-legacy .shell{
  max-width:1460px !important;
  width:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.cxs-approved-legacy .hero{
  position:relative !important;
  overflow:hidden !important;
  max-width:none !important;
  color:#102141 !important;
  background:
    radial-gradient(ellipse at 16% 7%,rgba(255,255,255,.95),transparent 31%),
    linear-gradient(180deg,#dff3ff 0%,#fbfdff 52%,#dff4ff 100%) !important;
  border:1px solid #cfe4f3 !important;
  border-radius:12px !important;
  box-shadow:0 7px 20px rgba(31,74,121,.06) !important;
}
body.cxs-approved-legacy .card,
body.cxs-approved-legacy .section,
body.cxs-approved-legacy .panel,
body.cxs-approved-legacy .download-row{
  border-color:#d6e5f0 !important;
}
body.cxs-approved-legacy h1,
body.cxs-approved-legacy h2,
body.cxs-approved-legacy h3{
  color:#0d2c6d !important;
}

/* Download page: preserve every existing download button and checksum block,
   but make the page use the approved site width instead of the old narrow portal shell. */
body.cxs-approved-legacy .hero-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
body.cxs-approved-legacy .hero-actions .btn,
body.cxs-approved-legacy .download-row .btn,
body.cxs-approved-legacy a[href*="/downloads/"]{
  visibility:visible !important;
}
body.cxs-approved-legacy .download-row{
  border-radius:10px !important;
  padding-left:10px !important;
  padding-right:10px !important;
}
body.cxs-approved-legacy .section{
  border-radius:12px !important;
  box-shadow:0 7px 20px rgba(31,74,121,.05) !important;
}
body.cxs-approved-legacy pre.hash-value{
  overflow-wrap:anywhere !important;
  white-space:pre-wrap !important;
}

/* Front page and composite pages: keep content away from the viewport edge. */
body.cxs-approved-page .water .shell,
body.cxs-approved-page .pagehero .shell,
body.cxs-approved-page .main .shell{
  padding-left:28px !important;
  padding-right:28px !important;
}

/* Footer/store links stay at the bottom and old social links remain hidden. */
a[href*="x.com"],
a[href*="twitter.com"],
a[href*="linkedin.com"]{
  display:none !important;
}
.cxs-approved-footer{
  border-top:1px solid #dce7f1 !important;
  background:#fff !important;
  padding:13px 0 16px !important;
}

@media(max-width:1100px){
  .cxs-approved-head .nav{gap:9px !important;font-size:.75rem !important}
}
@media(max-width:760px){
  body{padding-left:6px !important;padding-right:6px !important}
  .shell{padding-left:14px !important;padding-right:14px !important}
  .cxs-approved-head .nav{display:none !important}
}


/* === CXS homepage left margin fix v1 === */
/* Homepage only: add a little extra breathing room on the left,
   without changing card widths, menu layout, or other English pages. */
body.cxs-approved-page .water > .shell,
body.cxs-approved-page .water .hero-in,
body.cxs-approved-page .main > .shell{
  padding-left:34px !important;
  padding-right:24px !important;
}

@media(max-width:760px){
  body.cxs-approved-page .water > .shell,
  body.cxs-approved-page .water .hero-in,
  body.cxs-approved-page .main > .shell{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}


/* === CXS English menu audit geometry v1 === */
.cxs-approved-head,
.head{
  width:100% !important;
  max-width:none !important;
  overflow:visible !important;
}
.cxs-approved-head .shell,
.head .shell{
  max-width:1510px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:22px !important;
  padding-right:22px !important;
}
.cxs-approved-head .headrow,
.head .headrow{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:62px !important;
}
.cxs-approved-head .brand,
.head .brand{
  flex:0 0 auto !important;
  min-width:245px !important;
  white-space:nowrap !important;
}
.cxs-approved-head .nav,
.head .nav{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:17px !important;
  min-width:0 !important;
  overflow:visible !important;
}
.cxs-approved-head .nav a,
.head .nav a{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  margin:0 !important;
}
.cxs-approved-head .lang,
.head .lang{
  flex:0 0 auto !important;
  min-width:86px !important;
  white-space:nowrap !important;
}

@media(max-width:1180px){
  .cxs-approved-head .nav,.head .nav{gap:10px !important;font-size:.74rem !important}
  .cxs-approved-head .brand,.head .brand{min-width:215px !important}
}
@media(max-width:900px){
  .cxs-approved-head .nav,.head .nav{display:none !important}
}


/* === CXS homepage banner OUTER margin fix v1 === */
/* The previous patch increased padding INSIDE the hero.
   This one moves the entire homepage banner away from the viewport edge. */
body.cxs-approved-page > .water{
  margin-left:28px !important;
  margin-right:18px !important;
  width:auto !important;
  border-radius:0 0 12px 12px !important;
  overflow:hidden !important;
}

/* Keep the hero text itself comfortably inset after moving the whole banner. */
body.cxs-approved-page > .water > .shell,
body.cxs-approved-page > .water .hero-in{
  padding-left:24px !important;
  padding-right:24px !important;
}

/* Do not change the lower homepage cards; they already have acceptable spacing. */
@media(max-width:760px){
  body.cxs-approved-page > .water{
    margin-left:10px !important;
    margin-right:10px !important;
  }
  body.cxs-approved-page > .water > .shell,
  body.cxs-approved-page > .water .hero-in{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

/* BEGIN CXS LOCAL APPROVED BANNER ARCHITECTURE v1 */
/* Exact known-good Web1 banner rules, normalized to hostname-local asset. */
/* HTML-LEVEL ONLY: same approved skyline/water/network background as Download. */
body.cxs-approved-page > .water {
  background-color:#dff3ff !important;
  background-image:url('/assets/cxs-banner-world-network.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
}
body.cxs-approved-page > .water::before,
body.cxs-approved-page > .water::after {
  display:none !important;
  content:none !important;
}
body.cxs-approved-page > .water > .shell,
body.cxs-approved-page > .water .hero-in {
  position:relative !important;
  z-index:2 !important;
}

/* HTML-ONLY: common approved skyline / water / network banner background. */
.pagehero {
  background-color:#dff3ff !important;
  background-image:url('/assets/cxs-banner-world-network.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
}
.pagehero::before,
.pagehero::after {
  content:none !important;
  display:none !important;
}
.pagehero > .shell,
.pagehero > .cxs-shell {
  position:relative !important;
  z-index:2 !important;
}
/* END CXS LOCAL APPROVED BANNER ARCHITECTURE v1 */