@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Banners/AppDomainBlocks.razor.rz.scp.css */
.domain-controls[b-cgx5avni8t] { display: flex; justify-content: flex-end; padding-bottom: 12px; }
.domain-controls button[b-cgx5avni8t] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #d5dfe5;
  border-radius: 4px;
  color: #0b1f33;
  background: #ffffff;
  cursor: pointer;
}
.app-domain-grid[b-cgx5avni8t] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.app-domain-tile[b-cgx5avni8t] {
  display: flex;
  flex-direction: column;
  height: 120px;
  min-width: 0;
  padding: 14px 12px;
  box-sizing: border-box;
  border: 1px solid #d5dfe5;
  border-top: 3px solid var(--tile-accent);
  border-radius: 4px;
  background: rgba(255,255,255,.95);
  color: #0b1f33;
  text-decoration: none;
  transition: background-color .3s ease, border-color .3s ease;
}
.app-domain-tile.is-highlighted[b-cgx5avni8t],
.app-domain-tile:hover[b-cgx5avni8t] { background: color-mix(in srgb, var(--tile-accent) 24%, white); border-color: var(--tile-accent); }
.app-domain-tile:focus-visible[b-cgx5avni8t], .domain-controls button:focus-visible[b-cgx5avni8t] { outline: 2px solid #0b1f33; outline-offset: 3px; }
.tile-marker[b-cgx5avni8t] { width: 10px; height: 10px; background: var(--tile-accent); flex-shrink: 0; }
.tile-domain-area[b-cgx5avni8t] { display: flex; align-items: flex-end; min-height: 44px; margin-top: 10px; }
.tile-domain[b-cgx5avni8t] { font-family: var(--bm-font-heading); font-size: 17px; line-height: 1.2; font-weight: 700; animation: domain-enter-b-cgx5avni8t .4s ease; }
.tile-app-name[b-cgx5avni8t] { margin-top: 4px; color: var(--tile-accent); font-family: var(--bm-font-heading); font-size: 13px; font-weight: 700; line-height: 1.4; }
@keyframes domain-enter-b-cgx5avni8t { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 860px) {
  .app-domain-grid[b-cgx5avni8t] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .app-domain-grid[b-cgx5avni8t] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}
@media (max-width: 360px) { .app-domain-grid[b-cgx5avni8t] { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .tile-domain[b-cgx5avni8t] { animation: none; } .app-domain-tile[b-cgx5avni8t] { transition: none; } }
/* /Components/Banners/HeroDomainBlocks.razor.rz.scp.css */
.domain-dock[b-9586zyjqn5] { position: relative; }

.domain-row[b-9586zyjqn5] {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  border-top: 1px solid #d5dfe5;
  border-bottom: 1px solid #d5dfe5;
  background: #edf1f4;
}

.domain-block[b-9586zyjqn5] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-width: 0;
  height: 140px;
  padding: 20px 16px;
  box-sizing: border-box;
  border-right: 1px solid #d5dfe5;
  background: transparent;
  color: #334d5c;
  text-decoration: none;
  transition: background-color .65s ease, color .65s ease;
}

.domain-block:last-child[b-9586zyjqn5] { border-right: 0; }
.domain-block.is-highlighted[b-9586zyjqn5],
.domain-block:hover[b-9586zyjqn5] {
  background: var(--block-color);
  color: var(--block-ink);
}

.domain-marker[b-9586zyjqn5] {
  display: block;
  width: 12px;
  height: 12px;
  background: var(--block-color);
  transition: background-color .65s ease;
}

.is-highlighted .domain-marker[b-9586zyjqn5],
.domain-block:hover .domain-marker[b-9586zyjqn5] { background: currentColor; }
.domain-title[b-9586zyjqn5] { font-size: 16px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.domain-block:focus-visible[b-9586zyjqn5] { outline: 3px solid #0b1f33; outline-offset: -5px; }

.dock-controls[b-9586zyjqn5] { display: flex; justify-content: flex-end; padding: 0 20px 12px; }
.dock-controls button[b-9586zyjqn5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #d5dfe5;
  border-radius: 4px;
  background: #ffffff;
  color: #0b1f33;
  cursor: pointer;
}
.dock-controls button:focus-visible[b-9586zyjqn5] { outline: 2px solid #0b1f33; outline-offset: 3px; }

.dock-outline .domain-row[b-9586zyjqn5] { background: #ffffff; }
.dock-outline .domain-block[b-9586zyjqn5] {
  height: 120px;
  border-top: 4px solid transparent;
  background: #ffffff;
  color: #334d5c;
}
.dock-outline .domain-block.is-highlighted[b-9586zyjqn5],
.dock-outline .domain-block:hover[b-9586zyjqn5] {
  border-top-color: var(--block-color);
  background: color-mix(in srgb, var(--block-color) 9%, white);
  box-shadow: inset 0 0 0 1px var(--block-color);
}
.dock-outline .domain-marker[b-9586zyjqn5] { width: 18px; height: 18px; border: 2px solid var(--block-color); background: transparent; box-sizing: border-box; }
.dock-outline .is-highlighted .domain-marker[b-9586zyjqn5],
.dock-outline .domain-block:hover .domain-marker[b-9586zyjqn5] { background: var(--block-color); }

.dock-columns .domain-row[b-9586zyjqn5] {
  height: 190px;
  align-items: end;
  background: transparent;
  border-top: 0;
}
.dock-columns .domain-block[b-9586zyjqn5] {
  height: 120px;
  padding: 16px;
  gap: 12px;
  border-top: 4px solid var(--block-color);
  background: color-mix(in srgb, var(--block-color) 12%, #f5f7fa);
  transition: height .65s ease, background-color .65s ease, color .65s ease;
}
.dock-columns .domain-block.is-highlighted[b-9586zyjqn5],
.dock-columns .domain-block:hover[b-9586zyjqn5] { height: 184px; background: var(--block-color); color: var(--block-ink); }

.dock-geometric .domain-block[b-9586zyjqn5] {
  overflow: hidden;
  background: color-mix(in srgb, var(--block-color) 8%, white);
}
.dock-geometric .domain-block:nth-child(even)[b-9586zyjqn5] { background: color-mix(in srgb, var(--block-color) 16%, white); }
.dock-geometric .domain-block[b-9586zyjqn5]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--block-color);
  opacity: .1;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}
.dock-geometric .domain-block:nth-child(even)[b-9586zyjqn5]::after { clip-path: polygon(0 0, 100% 0, 0 100%); }
.dock-geometric .domain-marker[b-9586zyjqn5] { width: 24px; height: 24px; }
.dock-geometric .domain-block.is-highlighted[b-9586zyjqn5],
.dock-geometric .domain-block:hover[b-9586zyjqn5] { background: var(--block-color); color: var(--block-ink); }
.dock-geometric .domain-block.is-highlighted[b-9586zyjqn5]::after,
.dock-geometric .domain-block:hover[b-9586zyjqn5]::after { background: var(--block-ink); opacity: .14; }
.dock-geometric .domain-title[b-9586zyjqn5], .dock-geometric .domain-marker[b-9586zyjqn5] { position: relative; z-index: 1; }

.dock-signal .domain-row[b-9586zyjqn5] { background: #ffffff; }
.dock-signal .domain-block[b-9586zyjqn5] {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  height: 96px;
  padding: 12px;
  border-bottom: 4px solid transparent;
  color: #334d5c;
  background: #ffffff;
}
.dock-signal .domain-marker[b-9586zyjqn5] { flex: 0 0 4px; width: 4px; height: 32px; }
.dock-signal .domain-block.is-highlighted[b-9586zyjqn5],
.dock-signal .domain-block:hover[b-9586zyjqn5] { background: color-mix(in srgb, var(--block-color) 12%, white); border-bottom-color: var(--block-color); }
.dock-signal .is-highlighted .domain-marker[b-9586zyjqn5],
.dock-signal .domain-block:hover .domain-marker[b-9586zyjqn5] { background: var(--block-color); }
.dock-signal .domain-title[b-9586zyjqn5] { font-size: 14px; }

@media (max-width: 980px) {
  .domain-row[b-9586zyjqn5] {
    grid-template-columns: repeat(8, minmax(150px, 1fr));
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }
  .domain-block[b-9586zyjqn5] { height: 128px; scroll-snap-align: start; }
}

@media (prefers-reduced-motion: reduce) {
  .domain-block[b-9586zyjqn5], .domain-marker[b-9586zyjqn5] { transition: none; }
}

.dock-inset .dock-controls[b-9586zyjqn5] { padding: 0 0 12px; }
.dock-inset .domain-row[b-9586zyjqn5] {
  gap: 12px;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dock-inset .domain-block[b-9586zyjqn5] {
  height: 136px;
  border: 1px solid #d5dfe5;
  border-radius: 4px;
  background: #edf1f4;
}
.dock-inset .domain-block.is-highlighted[b-9586zyjqn5],
.dock-inset .domain-block:hover[b-9586zyjqn5] { background: var(--block-color); color: var(--block-ink); border-color: var(--block-color); }
.dock-inset .domain-title[b-9586zyjqn5] { font-size: 14px; }
.dock-inset.dock-columns .domain-row[b-9586zyjqn5] { height: auto; grid-auto-rows: 190px; }

@media (min-width: 641px) and (max-width: 980px) {
  .dock-inset .domain-row[b-9586zyjqn5] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .dock-inset .domain-row[b-9586zyjqn5] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .dock-inset .domain-block[b-9586zyjqn5] { height: 108px; padding: 14px; gap: 12px; }
}
/* /Components/Banners/HomeHeroCarousel.razor.rz.scp.css */
.hero-carousel[b-zlwgtrtemj] {
  position: relative;
  overflow: hidden;
  background: #f5f7fa;
  color: var(--bm-navy);
}

.carousel-slides[b-zlwgtrtemj] {
  display: grid;
  position: relative;
}

.carousel-static-content[b-zlwgtrtemj] {
  grid-area: 1 / 1;
  position: relative;
  z-index: 1;
}

.carousel-slide[b-zlwgtrtemj] {
  grid-area: 1 / 1;
  position: relative;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .6s ease, visibility .6s;
}

.carousel-slide.is-active[b-zlwgtrtemj] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.carousel-art[b-zlwgtrtemj] {
  position: absolute;
  right: 0;
  top: 8%;
  width: 66%;
  height: 84%;
  object-fit: contain;
  object-position: right center;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 80%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 80%, transparent 100%);
}

.carousel-content[b-zlwgtrtemj] {
  position: relative;
  z-index: 1;
  padding-top: 72px;
  padding-bottom: 32px;
  box-sizing: border-box;
}

.carousel-copy[b-zlwgtrtemj] {
  width: 54%;
  max-width: 620px;
  padding: 16px 24px 16px 0;
  background: rgba(245, 247, 250, .94);
}

.carousel-copy[b-zlwgtrtemj]  .bm-display {
  font-size: 56px;
  line-height: 1.08;
  margin: 16px 0 24px;
}

.carousel-copy[b-zlwgtrtemj]  .bm-subheading {
  margin-bottom: 28px;
}

.carousel-copy[b-zlwgtrtemj]  .bm-anchor-line {
  margin-top: 32px;
  color: var(--bm-slate);
  letter-spacing: 0;
}

.carousel-controls[b-zlwgtrtemj] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 32px;
}

.carousel-selectors[b-zlwgtrtemj],
.carousel-transport[b-zlwgtrtemj] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.carousel-controls button[b-zlwgtrtemj] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--bm-border);
  border-radius: 4px;
  color: var(--bm-navy);
  background: white;
  cursor: pointer;
}

.carousel-controls button:hover[b-zlwgtrtemj] {
  border-color: var(--bm-teal);
}

.carousel-controls button:focus-visible[b-zlwgtrtemj] {
  outline: 2px solid var(--bm-teal);
  outline-offset: 3px;
}

.carousel-controls .carousel-selector[b-zlwgtrtemj] {
  width: 48px;
  border: 0;
  background: transparent;
}

.carousel-selector span[b-zlwgtrtemj] {
  width: 100%;
  height: 3px;
  background: #c3cdd4;
}

.carousel-selector.is-selected span[b-zlwgtrtemj] {
  background: var(--bm-teal);
}

@media (max-width: 980px) {
  .carousel-copy[b-zlwgtrtemj]  .bm-display { font-size: 44px; }
}

@media (max-width: 640px) {
  .carousel-content[b-zlwgtrtemj] { padding-top: 28px; padding-bottom: 230px; }
  .carousel-copy[b-zlwgtrtemj] { width: 100%; max-width: none; padding: 0; background: transparent; }
  .carousel-copy[b-zlwgtrtemj]  .bm-display { font-size: 38px; }
  .carousel-copy[b-zlwgtrtemj]  .bm-subheading { font-size: 18px; }
  .carousel-art[b-zlwgtrtemj] { width: 100%; height: 210px; top: auto; bottom: 0; object-position: center; }
  .carousel-controls[b-zlwgtrtemj] { padding-bottom: 24px; }
  .carousel-selectors[b-zlwgtrtemj] { gap: 4px; }
  .carousel-controls .carousel-selector[b-zlwgtrtemj] { width: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .carousel-slide[b-zlwgtrtemj] { transition: none; }
}
/* /Components/Brand/StorysetCredit.razor.rz.scp.css */
.storyset-page-credit[b-xzri8w7x4g] { padding: 16px 0; background: #ffffff; color: #334d5c; text-align: center; font-size: 12px; line-height: 1.5; }
.storyset-page-credit p[b-xzri8w7x4g] { margin-top: 0; margin-bottom: 0; }
.storyset-page-credit a[b-xzri8w7x4g] { color: #167f75; text-decoration: underline; }
/* /Components/Gallery/GalleryAssetTable.razor.rz.scp.css */
.gallery-asset-toolbar[b-3twzjdudof] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 24px 0;
}
.gallery-asset-toolbar input[b-3twzjdudof] {
    box-sizing: border-box;
    width: 320px;
    max-width: 100%;
    padding: 10px 12px;
    border: 1px solid #899BAA;
    border-radius: 4px;
    background: #FFFFFF;
    color: #0B1F33;
    font: inherit;
}
.gallery-asset-toolbar span[b-3twzjdudof] { color: #334D5C; }
.gallery-asset-table[b-3twzjdudof] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left;
}
.gallery-asset-table th[b-3twzjdudof],
.gallery-asset-table td[b-3twzjdudof] {
    padding: 20px;
    border-bottom: 1px solid #D7DEE6;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.gallery-asset-table th[b-3twzjdudof] { background: #E6EBF0; }
.gallery-asset-table th:first-child[b-3twzjdudof] { width: 40%; }
.gallery-asset-table tbody tr:nth-child(even)[b-3twzjdudof] { background: #FFFFFF; }
.gallery-asset-table strong[b-3twzjdudof],
.gallery-asset-table code[b-3twzjdudof] { display: block; margin-bottom: 8px; }
.gallery-asset-table code[b-3twzjdudof] { font-size: 12px; color: #526879; }
.gallery-asset-table img[b-3twzjdudof] {
    display: block;
    width: 180px;
    max-width: 100%;
    height: 130px;
    object-fit: contain;
    margin-top: 16px;
}
.gallery-asset-table ul[b-3twzjdudof] { margin: 0; padding-left: 20px; }
.gallery-asset-table li[b-3twzjdudof] { margin-bottom: 8px; line-height: 1.6; }
.gallery-asset-unused[b-3twzjdudof] { color: #526879; }
.gallery-asset-variants[b-3twzjdudof] { margin-top: 16px; }
.gallery-asset-variants summary[b-3twzjdudof] { cursor: pointer; }
.gallery-asset-variants figure[b-3twzjdudof] {
    margin: 20px 0 0;
    padding-top: 16px;
    border-top: 1px solid #D7DEE6;
}
.gallery-preview-unavailable[b-3twzjdudof] {
    display: grid;
    place-items: center;
    width: 180px;
    max-width: 100%;
    height: 130px;
    margin-top: 16px;
    background: #E6EBF0;
    color: #334D5C;
    font-size: 13px;
}
.gallery-visually-hidden[b-3twzjdudof] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}
@media (max-width: 600px) {
    .gallery-asset-table th[b-3twzjdudof],
    .gallery-asset-table td[b-3twzjdudof] { padding: 12px 8px; }
    .gallery-asset-table th:first-child[b-3twzjdudof] { width: 43%; }
    .gallery-asset-table img[b-3twzjdudof] { height: 100px; }
    .gallery-asset-toolbar[b-3twzjdudof] { align-items: stretch; flex-direction: column; }
    .gallery-asset-toolbar input[b-3twzjdudof] { width: 100%; }
}
/* /Components/Sections/PortalAudienceGrid.razor.rz.scp.css */
.portal-audience-grid[b-buygkekmbj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.portal-audience-card[b-buygkekmbj] {
    min-width: 0;
    padding: 24px;
    border: 1px solid #D5DEE7;
    border-top: 3px solid var(--portal-color);
    border-radius: 8px;
    background: #F7F9FB;
    display: flex;
    flex-direction: column;
}

.portal-audience-art[b-buygkekmbj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 116px;
    margin-bottom: 20px;
}

.portal-audience-number[b-buygkekmbj] {
    color: var(--portal-color);
    font-weight: 700;
    font-size: 16px;
}

.portal-audience-art img[b-buygkekmbj] {
    width: 140px;
    height: 116px;
    object-fit: contain;
}

.portal-audience-card h3[b-buygkekmbj] {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.3;
    color: #0B1F33;
}

.portal-audience-card p[b-buygkekmbj] {
    margin: 0 0 24px;
}

.portal-audience-examples[b-buygkekmbj] {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #D5DEE7;
    color: var(--portal-color);
    font-weight: 600;
    line-height: 1.6;
}

.portal-audience-note[b-buygkekmbj] {
    margin: 28px 0 0;
}

@media (max-width: 1000px) {
    .portal-audience-grid[b-buygkekmbj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .portal-audience-grid[b-buygkekmbj] {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }
}
/* /Pages/Apps.razor.rz.scp.css */
.apps-domain-hero[b-6ud8e68dt3] { position: relative; isolation: isolate; overflow: hidden; background: #f5f7fa; color: #0b1f33; }
.apps-domain-stage[b-6ud8e68dt3] { position: relative; }
.apps-domain-art[b-6ud8e68dt3] { position: absolute; right: 0; top: 8%; width: 66%; height: 84%; object-fit: contain; object-position: right center; }
.apps-domain-content[b-6ud8e68dt3] { position: relative; z-index: 1; padding-top: 72px; padding-bottom: 32px; box-sizing: border-box; }
.apps-domain-copy[b-6ud8e68dt3] { width: 54%; max-width: 620px; padding: 16px 24px 16px 0; background: rgba(245,247,250,.94); }
.apps-domain-tiles[b-6ud8e68dt3] { padding-bottom: 48px; }
.apps-domain-copy[b-6ud8e68dt3]  .bm-display { font-size: 56px; line-height: 1.08; margin: 16px 0 24px; }
.apps-domain-copy[b-6ud8e68dt3]  .bm-subheading { max-width: 620px; }
.apps-domain-copy[b-6ud8e68dt3]  .bm-anchor-line { color: #334d5c; letter-spacing: 0; }
@media (max-width: 980px) {
  .apps-domain-copy[b-6ud8e68dt3]  .bm-display { font-size: 44px; }
}
@media (max-width: 640px) {
  .apps-domain-content[b-6ud8e68dt3] { padding-top: 28px; padding-bottom: 230px; }
  .apps-domain-copy[b-6ud8e68dt3] { width: 100%; max-width: none; padding: 0; background: transparent; }
  .apps-domain-copy[b-6ud8e68dt3]  .bm-display { font-size: 38px; }
  .apps-domain-copy[b-6ud8e68dt3]  .bm-subheading { font-size: 18px; }
  .apps-domain-art[b-6ud8e68dt3] { width: 100%; height: 210px; top: auto; bottom: 0; object-position: center; }
  .apps-domain-tiles[b-6ud8e68dt3] { padding-bottom: 32px; }
}
/* /Pages/ContentSections/FinalCtaSection.razor.rz.scp.css */
.final-cta-with-image[b-r06botiujt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 48px;
    align-items: center;
}
.final-cta-image[b-r06botiujt] {
    display: block;
    width: 100%;
    max-width: 300px;
    height: 260px;
    object-fit: contain;
    margin: auto;
}
@media (max-width: 740px) {
    .final-cta-with-image[b-r06botiujt] { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
/* /Pages/Demos/HeroBlocks.razor.rz.scp.css */
.block-style-picker[b-kua80xv3mn] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  border: 0;
  padding: 16px 0;
}
.block-style-picker label[b-kua80xv3mn] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.block-style-picker input[b-kua80xv3mn] { accent-color: #2bb8a7; }

.blocks-hero[b-kua80xv3mn] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #f5f7fa;
  color: #0b1f33;
}
.blocks-backdrop[b-kua80xv3mn] {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 140px);
  object-fit: cover;
  object-position: center;
  opacity: .27;
}
.blocks-copy[b-kua80xv3mn] { padding-top: 64px; padding-bottom: 32px; }
.blocks-copy[b-kua80xv3mn]  .bm-display { font-size: 64px; line-height: 1.06; margin: 20px 0 28px; }
.blocks-copy[b-kua80xv3mn]  .bm-subheading { max-width: 620px; margin-bottom: 28px; }
.blocks-copy[b-kua80xv3mn]  .bm-anchor-line { color: #334d5c; letter-spacing: 0; }

@media (max-width: 640px) {
  .blocks-copy[b-kua80xv3mn] { padding-top: 36px; padding-bottom: 20px; }
  .blocks-copy[b-kua80xv3mn]  .bm-display { font-size: 40px; }
  .blocks-copy[b-kua80xv3mn]  .bm-subheading { font-size: 18px; }
  .blocks-backdrop[b-kua80xv3mn] { object-position: 65% center; opacity: .18; }
}
/* /Pages/Demos/HeroBlocksInset.razor.rz.scp.css */
.inset-hero[b-v61gq34xng] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #f5f7fa;
  color: #0b1f33;
}
.inset-backdrop[b-v61gq34xng] {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .27;
}
.inset-content[b-v61gq34xng] { padding-top: 64px; padding-bottom: 48px; }
.inset-copy[b-v61gq34xng] { margin-bottom: 20px; }
.inset-copy[b-v61gq34xng]  .bm-display { font-size: 64px; line-height: 1.06; margin: 20px 0 28px; }
.inset-copy[b-v61gq34xng]  .bm-subheading { max-width: 620px; margin-bottom: 28px; }
.inset-copy[b-v61gq34xng]  .bm-anchor-line { color: #334d5c; letter-spacing: 0; }

@media (max-width: 640px) {
  .inset-content[b-v61gq34xng] { padding-top: 36px; padding-bottom: 32px; }
  .inset-copy[b-v61gq34xng]  .bm-display { font-size: 40px; }
  .inset-copy[b-v61gq34xng]  .bm-subheading { font-size: 18px; }
  .inset-backdrop[b-v61gq34xng] { object-position: 65% center; opacity: .18; }
}
/* /Pages/Gallery.razor.rz.scp.css */
.gallery-view-switch[b-sljye6ufjq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
}
.gallery-view-switch button[b-sljye6ufjq] {
    padding: 10px 18px;
    border: 1px solid #899BAA;
    border-radius: 24px;
    background: #FFFFFF;
    color: #334D5C;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.gallery-view-switch button[aria-pressed="true"][b-sljye6ufjq] {
    background: #0B1F33;
    border-color: #0B1F33;
    color: #FFFFFF;
}
.gallery-view-switch button:focus-visible[b-sljye6ufjq] {
    outline: 3px solid #2FB7A3;
    outline-offset: 3px;
}
/* /Pages/HowItWorks.razor.rz.scp.css */
.how-it-works-page[b-fxh8uwhait]  .how-image-hero { position: relative; overflow: hidden; background: #f5f7fa; }
.how-it-works-page[b-fxh8uwhait]  .how-image-hero-copy { position: relative; z-index: 1; width: 54%; max-width: 620px; }
.how-it-works-page[b-fxh8uwhait]  .how-image-hero-art { position: absolute; right: 0; top: 0; width: 66%; height: 100%; }
.how-it-works-page[b-fxh8uwhait]  .how-image-hero-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 55%);
  mask-image: linear-gradient(to right, transparent, #000 55%);
}
.how-it-works-page[b-fxh8uwhait]  .how-image-hero .bm-anchor-line { color: #334d5c; letter-spacing: 0; }
@media (max-width: 640px) {
  .how-it-works-page[b-fxh8uwhait]  .bm-section-tabs fluent-tab { padding-inline: 2px; font-size: 12px; }
  .how-it-works-page[b-fxh8uwhait]  .how-image-hero { padding-bottom: 270px; }
  .how-it-works-page[b-fxh8uwhait]  .how-image-hero-copy { width: 100%; max-width: none; }
  .how-it-works-page[b-fxh8uwhait]  .how-image-hero-art { top: auto; bottom: 0; width: 100%; height: 240px; }
  .how-it-works-page[b-fxh8uwhait]  .how-image-hero-art img { object-position: center; -webkit-mask-image: none; mask-image: none; }
}
/* /Pages/Pricing.razor.rz.scp.css */
.editions-page[b-lpdmzs6vg9]  .editions-image-hero { position: relative; overflow: hidden; background: #f5f7fa; }
.editions-page[b-lpdmzs6vg9]  .editions-image-hero-copy { position: relative; z-index: 1; width: 54%; max-width: 620px; }
.editions-page[b-lpdmzs6vg9]  .editions-image-hero-art { position: absolute; right: 0; top: 0; width: 66%; height: 100%; }
.editions-page[b-lpdmzs6vg9]  .editions-image-hero-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 55%);
  mask-image: linear-gradient(to right, transparent, #000 55%);
}
.editions-page[b-lpdmzs6vg9]  .editions-image-hero .bm-anchor-line { color: #334d5c; letter-spacing: 0; }
@media (max-width: 640px) {
  .editions-page[b-lpdmzs6vg9]  .editions-image-hero { padding-bottom: 270px; }
  .editions-page[b-lpdmzs6vg9]  .editions-image-hero-copy { width: 100%; max-width: none; }
  .editions-page[b-lpdmzs6vg9]  .editions-image-hero-art { top: auto; bottom: 0; width: 100%; height: 240px; }
  .editions-page[b-lpdmzs6vg9]  .editions-image-hero-art img { object-position: center; -webkit-mask-image: none; mask-image: none; }
}
/* /Pages/Services.razor.rz.scp.css */
.services-page[b-jfw8ane4ut]  .services-image-hero { position: relative; overflow: hidden; background: #f5f7fa; }
.services-page[b-jfw8ane4ut]  .services-image-hero-copy { position: relative; z-index: 1; width: 54%; max-width: 620px; }
.services-page[b-jfw8ane4ut]  .services-image-hero-art { position: absolute; right: 0; top: 0; width: 66%; height: 100%; }
.services-page[b-jfw8ane4ut]  .services-image-hero-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 55%);
  mask-image: linear-gradient(to right, transparent, #000 55%);
}
.services-page[b-jfw8ane4ut]  .services-image-hero .bm-anchor-line { color: #334d5c; letter-spacing: 0; }
@media (max-width: 640px) {
  .services-page[b-jfw8ane4ut]  .services-image-hero { padding-bottom: 270px; }
  .services-page[b-jfw8ane4ut]  .services-image-hero-copy { width: 100%; max-width: none; }
  .services-page[b-jfw8ane4ut]  .services-image-hero-art { top: auto; bottom: 0; width: 100%; height: 240px; }
  .services-page[b-jfw8ane4ut]  .services-image-hero-art img { object-position: center; -webkit-mask-image: none; mask-image: none; }
}