/* RemObjects modern master page styles. */

.modern-site-frame
{
  --modern-site-titlebar-height: 92px;
  --modern-site-titlebar-background: rgba(6, 10, 9, 0.68);
  min-height: 100vh;
  color: #17201c;
  background: #f7f4ec;
  font-family: myriad-pro, Lucida Grande, Segoe UI, Lucida Sans Unicode, sans-serif;
}

.modern-site-frame:has(.modern-site-hero-slot > :not(style))
{
  --modern-site-titlebar-background: rgba(6, 10, 9, 0.48);
}

.modern-site-titlebar
{
  position: sticky;
  top: 0;
  z-index: 50;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
    var(--modern-site-titlebar-background);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.modern-site-titlebar-inner
{
  max-width: 1180px;
  min-height: 92px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 28px;
  padding-right: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.modern-site-brand
{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: white;
  font-family: myriad-pro, Lucida Grande, Segoe UI, Lucida Sans Unicode, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

.modern-site-brand:link,
.modern-site-brand:visited
{
  color: white;
}

.modern-site-brand:hover
{
  text-decoration: none;
}

.modern-site-brand-mark
{
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transform: translateY(3px);
}

.modern-site-brand-mark img
{
  width: 56px;
  height: 56px;
  display: block;
}

.modern-site-brand-name
{
  font-size: 48pt;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 300;
}

.modern-site-brand-name span
{
  color: #d6ddd9;
  font-weight: normal;
}

.modern-site-nav
{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  flex-wrap: wrap;
  font-family: myriad-pro, Lucida Grande, Segoe UI, Lucida Sans Unicode, sans-serif;
  font-weight: 300;
}

.modern-site-nav a
{
  color: #eef5f1;
  text-decoration: none;
  font-size: 14pt;
  line-height: 1;
  padding: 11px 12px;
  border-radius: 7px;
}

.modern-site-nav a:link,
.modern-site-nav a:visited
{
  color: #eef5f1;
}

.modern-site-nav a:hover
{
  color: white;
  background: rgba(255, 255, 255, 0.08);
  text-decoration: none;
}

.modern-site-nav a.modern-site-account
{
  margin-left: 4px;
  color: white;
  background: rgba(255, 255, 255, 0.12);
  border: none;
  font-weight: 300;
}

.modern-site-nav a.modern-site-account:link,
.modern-site-nav a.modern-site-account:visited
{
  color: white;
}

.modern-site-nav a.modern-site-account:hover
{
  color: white;
  background: rgba(255, 255, 255, 0.18);
}

.modern-site-nav a.modern-site-account-logged-in
{
  padding: 10px 11px;
  color: white;
  background: transparent;
  border: 1px dashed rgba(255, 255, 255, 0.48);
  margin-left: 8px;
}

.modern-site-nav a.modern-site-account-logged-in:link,
.modern-site-nav a.modern-site-account-logged-in:visited
{
  color: white;
}

.modern-site-nav a.modern-site-account-logged-in:hover
{
  color: white;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.64);
}

.modern-site-main
{
  background: #fffdf8;
}

.modern-site-hero-slot
{
  position: relative;
}

.modern-site-hero-slot > style:first-child + *,
.modern-site-hero-slot > :first-child:not(style)
{
  margin-top: calc(var(--modern-site-titlebar-height) * -1);
  padding-top: var(--modern-site-titlebar-height);
}

.modern-site-hero-slot > .modern-legacy-banner
{
  margin-top: 0;
  padding-top: 0;
}

.modern-site-section
{
  padding-left: 28px;
  padding-right: 28px;
}

.modern-site-section-inner
{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.modern-site-footer
{
  color: #d7dfdb;
  background: #121816;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.modern-site-footer-inner
{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: start;
}

.modern-site-footer p
{
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 1.5;
}

.modern-site-footer a,
.modern-site-footer a:link,
.modern-site-footer a:visited
{
  color: #d7dfdb;
  text-decoration: none;
}

.modern-site-footer a:hover
{
  color: white;
  text-decoration: underline;
}

.modern-site-footer-links
{
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 14px;
}

/* Modern reusable page content. */

.modern-page-section
{
  padding: 58px 28px;
  background: #fffdf8;
  border-top: 1px solid rgba(23, 32, 28, 0.12);
}

.modern-page-section-less-tall
{
  padding-top: 36px;
  padding-bottom: 36px;
}

.modern-page-section-alt
{
  background: linear-gradient(180deg, #fffdf8 0%, #f7f4f9 100%);
}

.modern-page-section-flush
{
  border-top: none;
}

.modern-page-section-media
{
  padding-top: 18px;
  background: linear-gradient(180deg, #fffdf8 0%, #f6f4ef 100%);
}

.modern-page-narrow,
.modern-page-wide
{
  margin-left: auto;
  margin-right: auto;
}

.modern-page-narrow
{
  max-width: 760px;
}

.modern-page-wide
{
  max-width: 1180px;
}

.modern-page-copy
{
  color: #17201c;
}

.modern-page-copy a
{
  color: #4d47d8;
  text-decoration: none;
}

.modern-page-copy a:hover
{
  text-decoration: underline;
}

.modern-page-copy p,
.modern-page-copy li
{
  font-size: 18px;
  line-height: 1.58;
}

.modern-page-copy p
{
  margin: 0 0 20px 0;
}

.modern-page-copy h1,
.modern-page-copy h2
{
  margin: 0;
  color: #17201c;
  font-family: myriad-pro, Lucida Grande, Segoe UI, Lucida Sans Unicode, sans-serif;
  font-weight: 300;
  letter-spacing: 0;
}

.modern-page-copy h2
{
  margin-top: 34px;
  margin-bottom: 12px;
  font-size: 34pt;
  line-height: 1;
}

.modern-page-title
{
  margin-bottom: 14px;
  font-size: 48pt;
  line-height: 0.95;
}

.modern-page-copy .modern-page-lead
{
  font-size: 23px;
  line-height: 1.45;
}

.modern-page-intro
{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: start;
}

.modern-page-grid-intro
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.modern-page-badges
{
  display: flex;
  gap: 10px;
  align-items: center;
  padding-top: 8px;
}

.modern-page-badges a
{
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(23, 32, 28, 0.14);
  box-shadow: 0 10px 26px rgba(23, 32, 28, 0.12);
}

.modern-page-badges img
{
  display: block;
}

.modern-callout
{
  margin: 28px 0 0 0;
  padding: 20px 22px;
  color: #17201c;
  background: linear-gradient(135deg, rgba(45, 212, 191, 0.18), rgba(130, 106, 254, 0.13));
  border: 1px solid rgba(45, 212, 191, 0.28);
  border-left: 4px solid #2dd4bf;
  border-radius: 8px;
  font-size: 17px;
  line-height: 1.55;
}

.modern-callout strong
{
  display: block;
  margin-bottom: 4px;
}

.modern-feature-grid
{
  margin: 30px 0 0 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.modern-feature-grid-2
{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.modern-feature-grid-4
{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.modern-feature-card
{
  min-height: 180px;
  padding: 22px;
  color: #17201c;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(23, 32, 28, 0.13);
  border-radius: 8px;
  box-shadow: 0 18px 46px rgba(23, 32, 28, 0.08);
  position: relative;
  overflow: hidden;
}

.modern-feature-card img
{
  width: 56px;
  height: 56px;
  display: block;
  margin-bottom: 16px;
}

.modern-feature-card h3
{
  margin: 0 0 10px 0;
  color: #17201c;
  font-family: myriad-pro, Lucida Grande, Segoe UI, Lucida Sans Unicode, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: 0;
}

.modern-feature-card p
{
  margin: 0 0 14px 0;
  color: #46504b;
  font-size: 16px;
  line-height: 1.5;
}

.modern-feature-card p:last-child
{
  margin-bottom: 0;
}

.modern-feature-card a
{
  margin-top: 14px;
  display: inline-block;
  color: #1268d6;
  text-decoration: none;
}

.modern-feature-card a:hover
{
  color: #004fc4;
  text-decoration: underline;
}

.modern-clickable-card,
.modern-clickable-card:link,
.modern-clickable-card:visited
{
  display: block;
  color: #17201c;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.modern-clickable-card:hover,
.modern-clickable-card:focus-visible,
.modern-page-copy a.modern-clickable-card:hover,
.modern-page-copy a.modern-clickable-card:focus-visible
{
  color: #17201c;
  text-decoration: none;
  transform: translateY(-2px);
  background: var(--modern-clickable-card-hover-background, rgba(255, 255, 255, 0.9));
  border-color: var(--modern-clickable-card-hover-border-color, rgba(23, 32, 28, 0.2));
  box-shadow: var(--modern-clickable-card-hover-shadow, 0 22px 52px rgba(71, 53, 120, 0.12));
}

.modern-clickable-card *,
.modern-clickable-card:hover *,
.modern-clickable-card:focus-visible *,
.modern-page-copy a.modern-clickable-card *,
.modern-page-copy a.modern-clickable-card:hover *,
.modern-page-copy a.modern-clickable-card:focus-visible *
{
  text-decoration: none;
}

.modern-clickable-card p
{
  color: #56625e;
}

.modern-card-link
{
  margin-top: auto;
  color: #315ed7;
  font-size: 17px;
  line-height: 1.2;
  text-decoration: none;
}

.modern-clickable-card:hover .modern-card-link,
.modern-clickable-card:focus-visible .modern-card-link
{
  color: #173a9a;
  text-decoration: none;
}

.modern-license-grid
{
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.modern-license-card
{
  padding: 24px;
  color: #17201c;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(23, 32, 28, 0.14);
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(23, 32, 28, 0.08);
}

.modern-license-card-featured
{
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 252, 209, 0.82));
  border-color: rgba(137, 142, 92, 0.26);
}

.modern-license-card-header
{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 112px;
}

.modern-license-card-header img
{
  width: 58px;
  height: 58px;
  display: block;
}

.modern-license-card h2
{
  margin: 0;
  color: #17201c;
  font-family: myriad-pro, Lucida Grande, Segoe UI, Lucida Sans Unicode, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0;
}

.modern-license-price
{
  margin: 8px 0 0 0;
  color: #58635d;
  font-size: 15px;
  line-height: 1.35;
}

.modern-license-card p
{
  margin: 18px 0 0 0;
  color: #46504b;
  font-size: 16px;
  line-height: 1.52;
}

.modern-license-card > p
{
  min-height: 104px;
}

.modern-license-actions
{
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modern-action-button
{
  min-height: 44px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #17201c;
  background: white;
  border: 1px solid rgba(23, 32, 28, 0.16);
  border-radius: 7px;
  box-shadow: 0 12px 28px rgba(23, 32, 28, 0.1);
  font-family: myriad-pro, Lucida Grande, Segoe UI, Lucida Sans Unicode, sans-serif;
  font-size: 18pt;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
}

.modern-action-button:link,
.modern-action-button:visited
{
  color: #17201c;
}

.modern-action-button:hover
{
  color: #17201c;
  background: #eef2ef;
  text-decoration: none;
}

.modern-action-button-secondary
{
  background: rgba(255, 255, 255, 0.54);
}

.modern-action-note
{
  color: #65706b;
  font-size: 14px;
  line-height: 1.35;
}

.modern-page-actions
{
  margin-top: 28px;
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.modern-page-download-band
{
  padding: 36px 28px;
  background: #fffdf8;
  border-top: 1px solid rgba(23, 32, 28, 0.12);
}

.modern-page-download-band-inner
{
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  text-align: center;
}

.modern-page-download-item
{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modern-page-download-band small
{
  display: block;
  margin-top: 8px;
  color: #65706b;
  font-size: 14px;
  line-height: 1.35;
}

.modern-page-download-note
{
  padding-top: 16px;
}

.modern-subhero
{
  position: relative;
  overflow: hidden;
}

.modern-subhero-inner
{
  max-width: 980px;
  min-height: 280px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 28px 48px 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: center;
}

.modern-subhero-copy
{
  max-width: 760px;
  color: #17201c;
}

.modern-subhero-inner > .modern-subhero-copy:only-child
{
  margin-left: auto;
  margin-right: auto;
}

.modern-subhero-kicker
{
  margin: 0 0 14px 0;
  color: rgba(23, 32, 28, 0.62);
  font-size: 15px;
  line-height: 1.35;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0;
}

.modern-subhero h1
{
  margin: 0;
  color: #17201c;
  font-family: myriad-pro, Lucida Grande, Segoe UI, Lucida Sans Unicode, sans-serif;
  font-size: 58pt;
  font-weight: 300;
  line-height: 0.98;
  letter-spacing: 0;
}

.modern-subhero .modern-subhero-lead
{
  margin: 18px 0 0 0;
  color: rgba(23, 32, 28, 0.78);
  font-size: 23px;
  line-height: 1.42;
}

.modern-subhero-mark
{
  width: 112px;
  height: 112px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.46);
  border: 1px solid rgba(23, 32, 28, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 18px 48px rgba(23, 32, 28, 0.12);
}

.modern-subhero-mark img
{
  width: 82px;
  height: 82px;
  display: block;
}

.modern-subhero-logo
{
  width: 128px;
  max-width: 22vw;
  height: auto;
  display: block;
  filter: drop-shadow(0 18px 34px rgba(23, 32, 28, 0.16));
}

.modern-figure
{
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
}

.modern-screenshot
{
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(23, 32, 28, 0.14);
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(23, 32, 28, 0.16);
}

.modern-floating-screenshot
{
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: none;
  box-shadow: none;
  filter: drop-shadow(0 26px 42px rgba(23, 32, 28, 0.24));
}

.modern-video-section
{
  padding-top: 42px;
  padding-bottom: 46px;
}

.modern-section-cloudy-blue
{
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(116deg, rgba(45, 212, 191, 0.12) 0%, rgba(45, 212, 191, 0) 34%),
    linear-gradient(248deg, rgba(130, 106, 254, 0.13) 0%, rgba(130, 106, 254, 0) 42%),
    linear-gradient(180deg, #fffefa 0%, #fbfcff 46%, #f3f8fb 100%);
}

.modern-section-cloudy-blue::before
{
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  top: 28%;
  height: 42%;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.64) 25%, rgba(255, 255, 255, 0.22) 60%, rgba(255, 255, 255, 0) 100%);
  filter: blur(28px);
  transform: skewY(-2deg);
}

.modern-section-cloudy-blue > *
{
  position: relative;
  z-index: 1;
}

.modern-section-cloudy-yellow
{
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(116deg, rgba(255, 244, 113, 0.18) 0%, rgba(255, 244, 113, 0) 36%),
    linear-gradient(248deg, rgba(210, 253, 185, 0.18) 0%, rgba(210, 253, 185, 0) 42%),
    linear-gradient(180deg, #fffef4 0%, #fffbea 48%, #f8f7e1 100%);
}

.modern-section-cloudy-yellow::before
{
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  top: 28%;
  height: 42%;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 234, 0.7) 25%, rgba(255, 250, 190, 0.24) 60%, rgba(255, 255, 255, 0) 100%);
  filter: blur(28px);
  transform: skewY(-2deg);
}

.modern-section-cloudy-yellow > *
{
  position: relative;
  z-index: 1;
}

.modern-section-cloudy-green
{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 22%, rgba(205, 255, 185, 0.38) 0, rgba(205, 255, 185, 0) 34%),
    radial-gradient(circle at 76% 20%, rgba(133, 214, 149, 0.34) 0, rgba(133, 214, 149, 0) 38%),
    radial-gradient(circle at 82% 76%, rgba(45, 212, 191, 0.26) 0, rgba(45, 212, 191, 0) 42%),
    linear-gradient(118deg, #fffefa 0%, #eefbe8 48%, #dff8ed 100%);
}

.modern-section-cloudy-green::before
{
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  top: 26%;
  height: 46%;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 246, 0.72) 25%, rgba(212, 255, 222, 0.28) 62%, rgba(255, 255, 255, 0) 100%);
  filter: blur(30px);
  transform: skewY(-2deg);
}

.modern-section-cloudy-green > *
{
  position: relative;
  z-index: 1;
}

.modern-section-cloudy-purple
{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 24%, rgba(255, 246, 190, 0.34) 0, rgba(255, 246, 190, 0) 34%),
    radial-gradient(circle at 72% 18%, rgba(255, 174, 214, 0.38) 0, rgba(255, 174, 214, 0) 38%),
    radial-gradient(circle at 82% 74%, rgba(142, 113, 255, 0.36) 0, rgba(142, 113, 255, 0) 42%),
    linear-gradient(118deg, #fff7fb 0%, #f9e4f3 35%, #ece6ff 72%, #ddd3ff 100%);
}

.modern-section-cloudy-purple::before
{
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  top: 26%;
  height: 46%;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 25%, rgba(255, 219, 239, 0.28) 62%, rgba(255, 255, 255, 0) 100%);
  filter: blur(30px);
  transform: skewY(-2deg);
}

.modern-section-cloudy-purple > *
{
  position: relative;
  z-index: 1;
}

.modern-shop-hero .modern-subhero-inner
{
  min-height: 190px;
  padding-top: 42px;
  padding-bottom: 30px;
}

.modern-shop-hero .modern-subhero-logo
{
  width: 180px;
  max-height: 180px;
}

.modern-shop-tabs
{
  position: relative;
  z-index: 1;
  margin-top: -10px;
  padding-bottom: 24px;
}

.modern-shop-tabs .product-tabs-v2
{
  margin-top: 0;
}

.modern-video-preview
{
  max-width: 760px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.modern-video-preview div.video
{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  text-align: left;
}

.modern-video-preview video.video,
.modern-video-preview object
{
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
  padding: 0;
  background: #17201c;
  border: 1px solid rgba(23, 32, 28, 0.16);
  border-radius: 8px !important;
  box-shadow: 0 22px 58px rgba(23, 32, 28, 0.18);
}

.modern-link-list
{
  margin: 14px 0 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(23, 32, 28, 0.14);
}

.modern-link-list li
{
  margin: 0;
}

.modern-link-list a
{
  min-height: 48px;
  padding: 12px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid rgba(23, 32, 28, 0.14);
  border-radius: 6px;
  text-decoration: none;
}

.modern-link-list a:hover
{
  background: rgba(46, 111, 210, 0.06);
  text-decoration: none;
}

.modern-link-list span
{
  color: #1268d6;
}

.modern-link-list small
{
  color: #65706b;
  font-size: 14px;
  white-space: nowrap;
}

.modern-link-list a:hover span
{
  color: #004fc4;
  text-decoration: underline;
}

.modern-link-list a:visited span
{
  color: #435dbf;
}

/* Modern product section tabs. */

.product-tabs-v2
{
  width: -webkit-fit-content;
  width: fit-content;
  max-width: calc(100% - 28px);
  margin: 18px auto 0 auto;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(32, 36, 34, 0.14);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(32, 36, 34, 0.08);
}

.product-tabs-v2 a
{
  min-height: 42px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #242827;
  border-radius: 6px;
  font-size: 14pt;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
}

.product-tabs-v2 a:hover
{
  color: #000000;
  background: rgba(255, 255, 255, 0.72);
  text-decoration: none;
}

.product-tabs-v2 a.active
{
  color: white;
  background: #202423;
  box-shadow: 0 8px 22px rgba(32, 36, 34, 0.2);
}

@media only screen and (max-width: 920px)
{
  .product-tabs-v2
  {
    width: auto;
    max-width: none;
    margin-left: 14px;
    margin-right: 14px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .product-tabs-v2 a
  {
    min-width: 0;
    min-height: 40px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13pt;
    white-space: normal;
    text-align: center;
  }
}

@media only screen and (max-width: 900px)
{
  .modern-feature-grid-4
  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 760px)
{
  .modern-site-titlebar-inner
  {
    min-height: 74px;
    padding-left: 18px;
    padding-right: 18px;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .modern-site-brand-name
  {
    font-size: 36pt;
  }

  .modern-site-nav
  {
    justify-content: flex-start;
  }

  .modern-site-nav a
  {
    padding: 8px 9px;
    font-size: 14px;
  }

  .modern-site-nav a.modern-site-account
  {
    margin-left: 0;
  }

  .modern-site-section
  {
    padding-left: 18px;
    padding-right: 18px;
  }

  .modern-site-footer-inner
  {
    grid-template-columns: 1fr;
    padding-left: 18px;
    padding-right: 18px;
  }

  .modern-site-footer-links
  {
    justify-content: flex-start;
  }

  .modern-page-section
  {
    padding: 42px 18px;
  }

  .modern-page-section-media
  {
    padding-top: 8px;
  }

  .modern-page-intro
  {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .modern-subhero-inner
  {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 48px 18px 38px 18px;
  }

  .modern-subhero h1
  {
    font-size: 42pt;
  }

  .modern-subhero .modern-subhero-lead
  {
    font-size: 20px;
  }

  .modern-subhero-mark
  {
    display: none;
  }

  .modern-subhero-logo
  {
    width: 96px;
    max-width: 100%;
  }

  .modern-page-badges
  {
    padding-top: 0;
  }

  .modern-page-title
  {
    font-size: 38pt;
  }

  .modern-page-copy .modern-page-lead
  {
    font-size: 20px;
  }

  .modern-page-copy p,
  .modern-page-copy li
  {
    font-size: 17px;
  }

  .modern-page-copy h2
  {
    font-size: 30pt;
  }

  .modern-feature-grid
  {
    grid-template-columns: 1fr;
  }

  .modern-feature-grid-4
  {
    grid-template-columns: 1fr;
  }

  .modern-license-grid
  {
    grid-template-columns: 1fr;
  }

  .modern-license-card-header,
  .modern-license-card > p
  {
    min-height: 0;
  }

  .modern-link-list a
  {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
}

@media only screen and (max-width: 520px)
{
  .product-tabs-v2
  {
    grid-template-columns: 1fr;
  }

  .product-tabs-v2 a
  {
    justify-content: center;
  }
}