/* Shared finishing layer for every Delve page, including the overview. */
:root {
  color-scheme: light;
  --bg: #fff;
  --bg-soft: #f5f5f7;
  --paper: #1d1d1f;
  --paper-dim: #65656c;
  --paper-faint: #65656c;
  --rule: #dedee4;
  --accent: #235cc5;
  --accent-deep: #194da9;
  --accent-faint: #235cc526;
  --surface: #fff;
  --nav-surface: #ffffffed;
  --action: #235cc5;
  --action-hover: #194da9;
  --sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --measure: 52rem;
  --measure-wide: 70rem;
  --funnel-shadow: 0 18px 45px #25252b09;
}
body.premium-site {
  color: var(--paper);
  background: var(--bg);
  font-family: var(--sans);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
body.premium-site #nav, body.premium-site #nav.scrolled {
  position: sticky;
  top: var(--ref-banner-h, 0px);
  height: 64px;
  padding: 0;
  background: var(--nav-surface);
  border-bottom: 1px solid #00000012;
  box-shadow: none;
  backdrop-filter: blur(20px);
}
body.premium-site .nav-inner {
  width: min(1120px, calc(100% - 64px));
  max-width: 1120px;
  height: 64px;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0;
  margin: auto;
}
body.premium-site .nav-brand { display: flex; align-items: center; gap: 16px; }
body.premium-site .nav-logo { display: flex; align-items: center; gap: 9px; }
body.premium-site .nav-logo-text { font-size: 22px; font-weight: 650; letter-spacing: -.6px; color: var(--paper); }
body.premium-site .nav-logo-studio { display: block; color: var(--paper-dim); font: 400 11px var(--sans); }
body.premium-site .nav-logo-studio::before { display: none; }
body.premium-site .nav-links { display: flex; gap: 26px; align-items: center; font-size: 12px; }
body.premium-site .nav-links a, body.premium-site .nav-links a:not(.nav-cta) { display: inline-flex; color: var(--paper); font-weight: 400; }
body.premium-site .nav-links a:hover { color: var(--accent); }
body.premium-site .nav-links a.nav-cta { color: #fff; padding: 9px 15px; border-radius: 30px; background: var(--paper); font-size: 12px; line-height: normal; }
body.premium-site .nav-links a.nav-cta:hover { background: #3d3d3f; }
body.premium-site .nav-mobile-toggle { display: none; }
body.premium-site .btn {
  min-height: 46px;
  border-radius: 30px;
  padding: 13px 23px;
  font: 500 14px/1.4 var(--sans);
  box-shadow: none;
}
body.premium-site .btn-primary { background: var(--action); border-color: var(--action); }
body.premium-site .btn-primary:hover { background: var(--action-hover); box-shadow: none; }
body.premium-site :is(.btn-secondary, .btn-ghost, .btn-quiet) { color: var(--paper); background: white; border: 1px solid var(--rule); }
body.premium-site :is(.btn-secondary, .btn-ghost, .btn-quiet):hover { color: var(--accent); background: white; border-color: var(--accent); }
body.premium-site .eyebrow { color: var(--paper-dim); font: 600 10px/1.5 var(--sans); letter-spacing: 1.6px; margin-bottom: 23px; }
body.premium-site:not(.delve-home) .reading { max-width: var(--measure); }
body.premium-site:not(.delve-home) :is(.blog-header, .post-header) { padding-top: 70px; padding-bottom: 35px; border: 0; }
body.premium-site:not(.delve-home) .blog-title { font-size: clamp(40px, 5vw, 64px); font-weight: 600; line-height: 1.07; letter-spacing: -.05em; }
body.premium-site:not(.delve-home) :is(.blog-sub, .lede) { font-size: 20px; line-height: 1.5; letter-spacing: -.4px; }
body.premium-site:not(.delve-home) article.reading { padding-top: 50px; padding-bottom: 20px; }
body.premium-site:not(.delve-home) .reading > :is(p, ul, ol) { line-height: 1.75; }
body.premium-site:not(.delve-home) .reading h2 { font-size: clamp(26px, 3vw, 34px); line-height: 1.15; letter-spacing: -.04em; }
body.premium-site .reading h2 .num { color: var(--paper-dim); font-family: var(--sans); font-size: 11px; letter-spacing: 0; vertical-align: middle; }
body.premium-site .post-link { border: 0; border-radius: 24px; background: var(--bg-soft); padding: 30px; }
body.premium-site .post-link:hover { background: #edf3fc; transform: none; }
body.premium-site .post-headline { font-size: 25px; letter-spacing: -.04em; }
body.premium-site :is(.callout, .verdict, .article-toc) { border: 0; border-radius: 24px; background: var(--bg-soft); padding: 26px 30px; }
body.premium-site .article-toc.reading { border-radius: 24px; }
body.premium-site .compare-wrap { border: 1px solid var(--rule); border-radius: 18px; box-shadow: none; }
body.premium-site table.compare { background: white; }
body.premium-site table.compare thead { background: var(--bg-soft); }
body.premium-site .spec dt { font-size: 12px; font-family: var(--sans); }
body.premium-site:not(.delve-home) #download:not(.legacy-anchor) { margin-top: 55px; padding-block: 55px; border-top: 1px solid var(--rule); }
body.premium-site .resource-nav { margin-top: 0; }
body.premium-site .resource-nav-inner, body.premium-site .resource-shell { max-width: 1176px; }
body.premium-site.has-resource-nav :is(.blog-header, .post-header) { padding-top: 55px; }
body.premium-site .resource-header { padding-block: 65px 45px; }
body.premium-site .resource-header h1 { font-size: clamp(40px, 5vw, 64px); font-weight: 600; line-height: 1.07; letter-spacing: -.05em; }
body.premium-site .resource-header > p:last-child { font-size: 20px; line-height: 1.5; }
body.premium-site.resource-page .resource-grid { gap: 24px; }
body.premium-site .resource-card-link { border: 0; border-radius: 24px; background: var(--bg-soft); padding: 30px; }
body.premium-site .resource-card-link:hover { background: #edf3fc; }
body.premium-site .resource-card h3 { font-size: 23px; letter-spacing: -.04em; font-weight: 600; }
body.premium-site .resource-kind { color: var(--paper-dim); }
body.premium-site .resource-tools input { border-radius: 25px; padding-inline: 18px; }
body.premium-site .price-card { border: 0; border-radius: 28px; padding: 40px; background: var(--bg-soft); margin-top: 0; }
body.premium-site .price-eyebrow { font-family: var(--sans); font-size: 11px; letter-spacing: 0; color: var(--paper-dim); }
body.premium-site .price-amount .figure { font-size: 76px; font-weight: 600; letter-spacing: -.06em; }
body.premium-site .price-share { text-align: left; }
body.premium-site .download-card { background: var(--bg-soft); border: 0; border-radius: 24px; box-shadow: none; }
body.premium-site .download-card .btn { font-size: 13px; min-height: 46px; }
body.premium-site .platform-icon { color: var(--paper); background: transparent; border: 0; }
body.premium-site .download-card .download-status { font-size: 11px; }
body.premium-site.ent-page { --ent-rail: min(calc(100% - 64px), 1120px); }
body.premium-site.ent-page #hero { padding: 65px 0 70px; background: white; }
body.premium-site.ent-page .hero-title { color: var(--paper); font-size: clamp(44px, 6.5vw, 84px); font-weight: 600; line-height: 1.04; }
body.premium-site.ent-page .product-lockup { font-size: 16px; font-weight: 600; letter-spacing: -.3px; color: var(--paper); }
body.premium-site.ent-page .ent-window { box-shadow: none; border: 1px solid var(--rule); border-radius: 20px; }
body.premium-site.ent-page .ent-figure { margin-top: 45px; }
body.premium-site.ent-page .ent-proof { display: none; }
body.premium-site.ent-page .ent-section { padding: 75px 0; }
body.premium-site.ent-page .ent-head h2 { font-size: clamp(34px, 4.2vw, 54px); font-weight: 600; line-height: 1.07; letter-spacing: -.05em; }
body.premium-site.ent-page .ent-head .eyebrow { color: var(--paper-dim); font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 600; }
body.premium-site.ent-page :is(.ent-card, .ent-panel, .ent-price-card) { border: 0; border-radius: 25px; box-shadow: none; padding: 32px; }
body.premium-site.ent-page :is(.ent-card, .ent-panel, .ent-price-card) h3 { font-weight: 600; letter-spacing: -.035em; }
body.premium-site.ent-page .ent-price-fig strong { font-weight: 600; letter-spacing: -.06em; }
body.premium-site #footer { background: var(--bg-soft); border-top: 0; padding: 40px 32px 25px; }
body.premium-site .footer-inner { max-width: 1120px; border-top: 1px solid var(--rule); padding-top: 40px; }
body.premium-site .footer-top { grid-template-columns: 1.4fr repeat(3, 1fr); gap: 40px; }
body.premium-site .footer-brand { font-size: 17px; font-weight: 600; }
body.premium-site .footer-description { font-size: 11px; line-height: 1.6; margin-top: 13px; }
body.premium-site .footer-group h2 { font-size: 11px !important; margin-bottom: 16px !important; }
body.premium-site .footer-group a { font-size: 11px; }
body.premium-site .footer-bottom { margin-top: 35px; padding-top: 22px; font-size: 10px; }
body.premium-site .footer-legal { gap: 22px; }
/* Preserve the overview's spacing while removing the old screenshot. */
body.delve-home .product-section { padding: 35px 0 0; }
body.delve-home .product-section .home-section-heading { margin-bottom: 0; }
body.delve-home #footer { padding-top: 0; }
@media (max-width: 760px) {
  body.premium-site .nav-inner { width: calc(100% - 40px); }
  body.premium-site .nav-brand { gap: 10px; }
  body.premium-site .nav-logo-text { font-size: 20px; }
  body.premium-site .nav-logo-studio { font-size: 10px; }
  body.premium-site .nav-mobile-toggle { display: flex; flex-direction: column; justify-content: center; gap: 5px; border: 0; background: none; padding: 12px; margin-right: -12px; width: 44px; height: 44px; }
  body.premium-site .nav-mobile-toggle span { width: 20px; height: 1.5px; background: var(--paper); margin: 0; }
  body.premium-site .nav-links { display: none; position: absolute; top: 64px; left: 0; right: 0; max-height: calc(100dvh - 64px); overflow-y: auto; border: 0; border-bottom: 1px solid var(--rule); border-radius: 0; background: white; padding: 22px 20px; box-shadow: none; }
  body.premium-site .nav-links.open { display: flex; flex-direction: row; flex-wrap: wrap; gap: 22px; }
  body.premium-site .nav-links a { display: inline-flex; padding: 0; font-size: 12px; }
  body.premium-site .nav-links a.nav-cta { margin: 0; }
  body.premium-site:not(.delve-home) :is(.blog-header, .post-header) { padding-top: 45px; padding-bottom: 25px; }
  body.premium-site.has-resource-nav :is(.blog-header, .post-header) { padding-top: 35px; }
  body.premium-site .resource-header { padding-block: 45px 30px; }
  body.premium-site:not(.delve-home) :is(.blog-sub, .lede), body.premium-site .resource-header > p:last-child { font-size: 18px; }
  body.premium-site .price-card { padding: 30px 24px; }
  body.premium-site .post-link, body.premium-site .resource-card-link { padding: 25px; }
  body.premium-site.ent-page { --ent-rail: calc(100% - 40px); }
  body.premium-site.ent-page #hero { padding: 45px 0 50px; }
  body.premium-site.ent-page #hero > .reading:first-of-type { text-align: center; }
  body.premium-site.ent-page .ent-section { padding: 55px 0; }
  body.premium-site .footer-top { grid-template-columns: repeat(3, 1fr); gap: 30px 15px; }
  body.premium-site .footer-top > div:first-child { grid-column: 1 / -1; }
  body.premium-site .footer-description { max-width: 290px; }
  body.premium-site .footer-group a { font-size: 10px; }
  body.premium-site #footer { padding-inline: 20px; }
}

body.premium-site:not(.delve-home) #faq.reading {
  width: 100%; max-width: var(--measure); margin-inline: auto;
  padding: 50px 28px 20px; text-align: left;
}
body.premium-site:not(.delve-home) #faq.reading > h2 {
  font-size: clamp(26px, 3vw, 34px); line-height: 1.15; letter-spacing: -.04em;
}
body.premium-site:not(.delve-home) .faq details { border-bottom: 1px solid var(--rule); }
body.premium-site:not(.delve-home) .faq summary { padding: 20px 28px 20px 0; font-size: 15px; font-weight: 550; }
body.premium-site:not(.delve-home) .faq summary::after { top: 18px; }
body.premium-site.ent-page .ent-tile span { opacity: 1; }
@media (max-width: 760px) {
  body.premium-site:not(.delve-home) #faq.reading { padding-inline: 24px; }
}