/* Shared visual system, based on the approved homepage. */
.site-refined {
  --pod-ink: #241d2a;
  --pod-muted: #665f6d;
  --pod-purple: #79519a;
  --pod-line: #e4dde8;
  --primary-text-color: #241d2a;
  --gray-7: #665f6d;
  background: #f7f4f1;
  color: var(--pod-ink);
  -webkit-font-smoothing: antialiased;
}
.site-refined .tracker_interior,
.site-refined .journal-pill,
.site-refined .journal-index-header > .journal-eyebrow,
.site-refined .pill.blog {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  padding: 7px 12px;
  border: 1px solid #d6c8df;
  border-radius: 999px;
  background: #fffdfc80;
  box-shadow: none;
  color: #715381;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: center;
}
.site-refined .tracker_text,
.site-refined .pill.blog .heading {
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  background: none;
  -webkit-text-fill-color: currentColor;
  margin: 0;
}
.site-refined .tracker_interior::before,
.site-refined .tracker_interior::after { display: none; }
.site-refined :is(.blury-orange-holder,.blurs,.white,.light-wrapper,.bg-orange-color-line) { display: none; }
.site-refined :is(.company-page,.solution-page) { color: var(--pod-ink); }
:is(.company-page,.solution-page) :is([class*="animation-on-load"],.fade-in-move-on-scroll),
.company-page .page-wrapper [data-w-id],
.body-blog.site-refined .fade-in-move-on-scroll { opacity: 1 !important; transform: none !important; }
.site-refined a:focus-visible { outline: 2px solid var(--pod-purple); outline-offset: 4px; }
.site-refined .gradient { background: none; color: var(--pod-purple); -webkit-text-fill-color: currentColor; }
.site-refined .primary-cta { background: #70458e; border-color: #70458e; border-radius: 8px; box-shadow: none; }
.site-refined .primary-cta:hover { background: #5d3679; border-color: #5d3679; }
.site-refined .half-pixel-border-bottom { border-color: var(--pod-line); }
:is(.company-page,.solution-page) .hero-dashboard-image-holder { border: 1px solid var(--pod-line); border-radius: 20px; overflow: hidden; box-shadow: none; padding: 0; }
:is(.company-page,.solution-page) .hero-dashboard-main-holder.features.company { padding: 0; margin: 0; }
:is(.company-page,.solution-page) .hero-dashboard-app-image { border-radius: 0; height: auto; min-height: 0; aspect-ratio: 16/9; }
:is(.company-page,.solution-page) .container-4.features-container.company-vid-holder { width: calc(100% - 48px); max-width: 1104px; padding: 0; }
:is(.company-page,.solution-page) .subhead { max-width: 760px; margin-inline: auto; font-size: 19px; font-weight: 400; line-height: 1.6; color: var(--pod-muted); }
:is(.company-page,.solution-page) .subhead strong { color: #493d52; font-weight: 500; }
/* Company: keep the story and photography, remove oversized decoration. */
.company-page .ghost-white-color { background: #fcfbfa; }
.company-page .container.stats { padding: 80px 24px 56px; max-width: 1152px; }
.company-page .features-hero-grid { gap: 48px; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
.company-page .content.wider { width: auto; }
.company-page .large-text { padding: 0; font-size: clamp(40px,4.3vw,60px); font-weight: 600; line-height: 1.1; letter-spacing: -.035em; text-transform: none; text-align: left; color: var(--pod-ink); }
.company-page p { color: var(--pod-muted); font-size: 17px; line-height: 1.65; font-weight: 400; }
.company-page .logo-grid-holder-4 { margin-top: 56px; background: #f7f4f1; }
.company-page .container.gradreverse,
.company-page .container.peasinpod { padding: 72px 24px; max-width: 1152px; background: none; }
.company-page .center-text-holder { padding: 0; gap: 20px; margin-bottom: 40px; }
.company-page .medium-text { font-size: clamp(30px,3.1vw,44px); font-weight: 600; line-height: 1.15; letter-spacing: -.03em; text-transform: none; color: var(--pod-ink); }
.company-page .main-working-benefit-holder { padding: 0; margin: 0; }
.company-page .working-cms { gap: 24px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.company-page .growth-holder { padding: 0; margin: 0; height: 100%; border: 1px solid var(--pod-line); border-radius: 16px; background: #fffdfc; }
.company-page .opportunities-holder { height: 100%; padding: 28px; gap: 16px; align-items: flex-start; opacity: 1 !important; transform: none !important; }
.company-page .opportunities-holder p { margin: 0; text-align: left; }
.company-page .small-text { font-size: 24px; font-weight: 600; line-height: 1.25; text-align: left; text-transform: none; }
.company-page .nav-box-icon-large { margin: 0 0 8px; }
.company-page .center-paragraph { max-width: 680px; margin: 0; }
.company-page ._4-grid { gap: 24px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.company-page ._4-grid > .image-wrapper-small { grid-area: auto !important; }
.company-page .image-wrapper-small { width: 100%; height: auto; min-height: 0; aspect-ratio: 4/5; border-radius: 16px; overflow: hidden; }
.company-page .image-wrapper-small img { width: 100%; height: 100%; object-fit: cover; }
/* Solution: the same type scale, quieter cards, and straightforward spacing. */
.solution-page .hero-content.solution-overview { margin: 0; padding: 160px 0 48px; }
.solution-page .auto-layout-vertical-hero { gap: 20px; }
.solution-page .home-h1 { font-size: clamp(40px,4.4vw,62px); font-weight: 600; line-height: 1.1; letter-spacing: -.035em; margin-bottom: 12px; color: var(--pod-ink); }
.solution-page .section-8 { padding: 0; margin-bottom: 0; }
.solution-page .section-7 { padding: 72px 24px; margin-inline: 0; }
.solution-page .center-text-holder-5 { width: 100%; max-width: 1104px; margin: auto; padding: 0; gap: 40px; }
.solution-page .auto-layout-vertical-57 { gap: 20px; }
.solution-page :is(.put-it-all-in-one-place-0,.put-it-all-in-one-place-2) { font-size: clamp(30px,3.1vw,44px); font-weight: 600; line-height: 1.15; letter-spacing: -.03em; color: var(--pod-ink); background: none; -webkit-text-fill-color: currentColor; }
.solution-page .put-it-all-in-one-place-2 { color: var(--pod-purple); }
.solution-page .auto-layout-horizontal-89 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; width: 100%; padding: 0; }
.solution-page .who-card-2.sm { height: 100%; min-height: 0; min-width: 0; width: 100%; padding: 28px; border: 1px solid var(--pod-line); border-radius: 16px; box-shadow: none; background: #fffdfc; transition: none; justify-content: flex-start; }
.solution-page .auto-layout-vertical-62 { gap: 16px; align-items: flex-start; }
.solution-page .text-315 { font-size: 23px; line-height: 1.25; font-weight: 600; letter-spacing: -.015em; color: var(--pod-ink); text-align: left; }
.solution-page .error-e74575ad-4440-1afd-2fe1-4c835bb92a35-2 { font-size: 17px; line-height: 1.6; color: var(--pod-muted); font-weight: 400; text-align: left; }
.solution-page .trusted-by.demo { background: #f7f4f1; padding: 0 0 48px; }
.solution-page .logo-infinite-loop-holder-3.no-bg { margin-top: 0; }
/* Blog and stories: lighter cards and comfortable reading typography. */
.site-refined .journal-main { padding-top: 152px; padding-bottom: 72px; }
.site-refined .journal-index-header h1 { font-size: clamp(36px,4.4vw,62px); line-height: 1.1; color: var(--pod-ink); }
.site-refined :is(.journal-feature,.journal-card,.journal-article) { border-color: var(--pod-line); background: #fffdfc; border-radius: 20px; }
.site-refined .journal-card { border-radius: 16px; }
.site-refined :is(.journal-feature h2,.journal-section-heading h2,.journal-card h3,.journal-prose h2,.journal-prose h3) { font-weight: 600; color: var(--pod-ink); }
.site-refined .journal-card-copy > p,
.site-refined .journal-feature-copy > p { font-weight: 400; color: var(--pod-muted); }
.site-refined .journal-card-copy > p:not(.journal-eyebrow) { font-size: 16px; }
.site-refined .journal-feature h2 { font-size: clamp(30px,3.1vw,44px); line-height: 1.15; }
.site-refined .journal-article h1 { color: var(--pod-ink); font-size: clamp(30px,3.5vw,48px); line-height: 1.15; }
.site-refined .journal-prose { color: var(--pod-muted); }
.site-refined .journal-prose :is(p,li) { font-weight: 400; color: #493d52; }
.site-refined .journal-prose strong { font-weight: 600; color: var(--pod-ink); }
.site-refined .journal-prose blockquote { border-color: #bca7cb; }
.site-refined :is(.journal-prose a,.journal-read) { color: #70458e; }
.site-refined .journal-date { font-weight: 400; color: var(--pod-muted); }
/* Override the imported editorial rules without altering the article contents. */
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) { background: #f7f4f1; }
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .container.blog { padding-top: 152px; padding-bottom: 72px; }
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .blog-post-container { border: 1px solid var(--pod-line); border-radius: 20px; background: #fffdfc; padding-top: 32px; padding-bottom: 48px; }
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .div-block-13 { margin-top: 0; }
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .div-block-13 img[data-editorial-hero] { height: auto; aspect-ratio: 21/9; object-fit: contain; border-radius: 16px; mask-image: none; -webkit-mask-image: none; }
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .div-block-13 > div { margin-top: 28px; padding: 0; gap: 20px; }
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .div-block-13 .heading-7 { font-size: clamp(32px,3.5vw,48px); line-height: 1.15; font-weight: 600; color: var(--pod-ink); }
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .blog-rich-text-holder { max-width: 680px; font-size: 18px; line-height: 1.7; }
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .blog-rich-text-holder :is(p,li) { color: #493d52; font-weight: 400; }
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .blog-rich-text-holder h2 { color: var(--pod-ink); font-weight: 600; margin-top: 48px; }
body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .archive-answer { display: block; max-width: 680px; margin: 32px auto; }
@media (max-width: 991px) {
  .company-page .features-hero-grid { gap: 32px; }
  .company-page .working-cms,
  .solution-page .auto-layout-horizontal-89 { gap: 16px; }
  .company-page .opportunities-holder,
  .solution-page .who-card-2.sm { padding: 24px; }
}
@media (max-width: 767px) {
  :is(.company-page,.solution-page) .container-4.features-container.company-vid-holder { width: calc(100% - 40px); }
  :is(.company-page,.solution-page) .subhead { font-size: 17px; }
  .company-page .container.stats { padding: 80px 20px 32px; }
  .company-page .features-hero-grid { grid-template-columns: 1fr; gap: 24px; }
  .company-page .large-text { font-size: clamp(34px,8.8vw,42px); }
  .company-page .logo-grid-holder-4 { margin-top: 40px; }
  .company-page .container.gradreverse,
  .company-page .container.peasinpod { padding: 48px 20px; }
  .company-page .center-text-holder { margin-bottom: 28px; gap: 16px; }
  .company-page .working-cms { grid-template-columns: 1fr; }
  .company-page ._4-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  .solution-page .hero-content.solution-overview { padding: 152px 0 32px; }
  .solution-page .home-h1 { font-size: clamp(34px,8.8vw,42px); }
  .solution-page .container-large.padding-global { padding-inline: 20px; }
  .solution-page .section-7 { padding: 48px 20px; }
  .solution-page .center-text-holder-5 { gap: 28px; }
  .solution-page .auto-layout-horizontal-89 { grid-template-columns: 1fr; }
  .site-refined .journal-main { padding-top: 144px; padding-bottom: 48px; }
  .site-refined .journal-article h1 { font-size: clamp(27px,6.8vw,32px); }
  .site-refined .journal-feature-meta { gap: 20px; }
  body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .container.blog { padding-top: 152px; padding-bottom: 48px; }
  body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .blog-post-container { padding: 16px 20px 32px; border-radius: 16px; }
  body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .div-block-13 > div { margin-top: 24px; }
  body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .blog-rich-text-holder { font-size: 17px; line-height: 1.65; }
  body.site-refined.body-blog:has(.blog-inner > [data-editorial-marker][id]) .blog-rich-text-holder h2 { font-size: 28px; }
}