/* One product surface. Every screen uses its original file, complete and
   contained within the same frame. No environmental composite or device art. */
body.g-world.g-polished #g-main .g-peer-product {
  --g-peer-ink:#163b53;--g-peer-muted:#61727d;--g-peer-line:#d6dfe4;
  box-sizing:border-box;display:block;position:relative;isolation:isolate;
  width:100%;max-width:1120px;margin:0 auto 44px;padding:0;
  background:#fff;color:var(--g-peer-ink);
}
body.g-world.g-polished #g-main .g-peer-product * {box-sizing:border-box;}
body.g-world.g-polished #g-main .g-peer-product [hidden] {display:none!important;}
body.g-world.g-polished #g-main .g-peer-product__tabs {
  display:grid;grid-template-columns:repeat(var(--g-peer-count,3),minmax(0,1fr));
  width:100%;gap:32px;margin:0;padding:0;border:0;
}
body.g-world.g-polished #g-main .g-peer-product__tab {
  appearance:none;display:flex;align-items:baseline;gap:12px;
  width:100%;min-width:0;min-height:72px;margin:0;padding:12px 0 22px;
  border:0;border-bottom:2px solid #dde4e7;border-radius:0;
  background:#fff;color:var(--g-peer-muted);font:inherit;
  text-align:left;text-decoration:none;cursor:pointer;
}
body.g-world.g-polished #g-main .g-peer-product__tab b {
  font-size:18px;font-weight:500;line-height:1.6;letter-spacing:0;
  word-break:normal;overflow-wrap:normal;text-wrap:balance;
}
body.g-world.g-polished #g-main .g-peer-product__index {
  flex:none;color:inherit;font-size:12px;font-weight:400;line-height:1.6;
  font-variant-numeric:tabular-nums;
}
body.g-world.g-polished #g-main .g-peer-product__tab[aria-selected="true"] {
  color:var(--g-peer-ink);border-bottom-color:var(--g-peer-ink);
}
body.g-world.g-polished #g-main .g-peer-product__tab:hover {color:var(--g-peer-ink);}
body.g-world.g-polished #g-main .g-peer-product__tab:focus-visible,
body.g-world.g-polished #g-main .g-peer-product a:focus-visible {
  outline:2px solid var(--g-peer-ink);outline-offset:5px;
}
body.g-world.g-polished #g-main .g-peer-product__panel {
  display:block;width:100%;min-width:0;max-width:none;margin:0 0 32px;
  padding:0;border:0;border-radius:0;background:#fff;box-shadow:none;
}
body.g-world.g-polished #g-main .g-peer-product[data-g-peer-ready] .g-peer-product__panel {margin:0;}
body.g-world.g-polished #g-main .g-peer-product__surface {
  display:block;width:100%;margin:0;padding:22px;background:#f1f4f5;
  border:0;border-radius:0;box-shadow:none;
}
body.g-world.g-polished #g-main .g-peer-product__screen,
body.g-world.g-polished #g-main .g-peer-product__screen:visited {
  display:block;position:relative;width:100%;aspect-ratio:1920/940;
  padding:0;margin:0;overflow:hidden;cursor:zoom-in;background:#fff;
  border:1px solid #dbe2e6;border-radius:0;box-shadow:none;text-decoration:none;
}
body.g-world.g-polished #g-main .g-peer-product__screen > img {
  display:block;position:static;width:100%;height:100%;max-width:100%;
  margin:0;padding:0;object-fit:contain;object-position:center;
  background:#fff;border:0;border-radius:0;box-shadow:none;transform:none;
}
body.g-world.g-polished #g-main .g-peer-product__caption {
  display:flex;align-items:center;gap:14px;width:100%;min-width:0;
  padding:18px 0 0;margin:0;color:var(--g-peer-muted);
  font-size:12px;line-height:1.7;text-align:left;
}
body.g-world.g-polished #g-main .g-peer-product__module {
  display:block;flex:none;width:36px;height:36px;margin:0;padding:0;
  border:0;border-radius:0;background:none;text-decoration:none;
}
body.g-world.g-polished #g-main .g-peer-product__module > img {
  display:block;width:100%;height:100%;max-width:100%;margin:0;
  border:0;box-shadow:none;border-radius:0;
}
body.g-world.g-polished #g-main .g-peer-product__caption-copy {display:block;min-width:0;}
body.g-world.g-polished #g-main .g-peer-product__fallback-name {
  display:block;margin:0 0 2px;color:var(--g-peer-ink);font-size:15px;font-weight:500;
}
body.g-world.g-polished #g-main .g-peer-product[data-g-peer-ready] .g-peer-product__fallback-name {display:none;}
body.g-world.g-polished #g-main .g-peer-product__expand {
  flex:none;margin-left:auto;color:var(--g-peer-ink);font:inherit;
  text-decoration:none;border:0;border-bottom:1px solid #becbd3;padding:4px 0;
}
body.g-world.g-polished #g-main .g-peer-product__note {
  display:block;margin:16px 0 0;padding:0;color:var(--g-peer-muted);
  font-size:11px;line-height:1.7;
}
body.g-world.g-polished[data-page="index"] #g-main #solutions > .g-sec__body > .g-panel:first-child > .g-peer-product {
  grid-column:1;grid-row:2;margin-bottom:0;
}
@media(max-width:1099px){
 body.g-world.g-polished #g-main .g-peer-product__tabs {gap:24px;}
 body.g-world.g-polished #g-main .g-peer-product__tab b {font-size:16px;}
 body.g-world.g-polished #g-main .g-peer-product__surface {padding:16px;}
}
@media(max-width:767px){
 body.g-world.g-polished #g-main .g-peer-product {margin-bottom:28px;}
 body.g-world.g-polished #g-main .g-peer-product__tabs {gap:16px;}
 body.g-world.g-polished #g-main .g-peer-product__tab {
   display:block;min-height:90px;padding:0 0 16px;
 }
 body.g-world.g-polished #g-main .g-peer-product__index {display:block;margin:0 0 7px;font-size:11px;}
 body.g-world.g-polished #g-main .g-peer-product__tab b {display:block;font-size:14px;line-height:1.6;text-wrap:pretty;}
 body.g-world.g-polished #g-main .g-peer-product__surface {padding:10px;}
 body.g-world.g-polished #g-main .g-peer-product__caption {gap:10px;padding-top:14px;font-size:11px;}
 body.g-world.g-polished #g-main .g-peer-product__module {width:32px;height:32px;}
 body.g-world.g-polished #g-main .g-peer-product__expand {align-self:center;white-space:nowrap;}
 body.g-world.g-polished #g-main .g-peer-product__note {font-size:10px;}
}
@media(max-width:359px){
 body.g-world.g-polished #g-main .g-peer-product__tabs {gap:12px;}
 body.g-world.g-polished #g-main .g-peer-product__tab b {font-size:13px;}
 body.g-world.g-polished #g-main .g-peer-product__caption {gap:8px;}
 body.g-world.g-polished #g-main .g-peer-product__surface {padding:8px;}
}
@media(prefers-reduced-motion:reduce){
 body.g-world.g-polished #g-main .g-peer-product *,
 body.g-world.g-polished #g-main .g-peer-product *::before,
 body.g-world.g-polished #g-main .g-peer-product *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
