/* The homepage is the visual authority. Keep its tokens and font stacks live. */
@import url("../index/theme.css");
@import url("../index/typography.css");

:root {
  --site-hero-size: 50px;
  --site-section-size: 48px;
  --site-heading-size: 26px;
  --site-body-size: 16px;
  --site-lede-size: 18px;
  --site-label-size: 14px;
  --site-button-size: 15px;
  --font-sans: var(--sans);
  --font-mono: var(--mono);
  --fp-regular: var(--sans);
  --fp-medium: var(--sans);
  --fp-bold: var(--sans);
  --accent: var(--blue);
  --accent-hover: var(--blue-dark);
  --bg: var(--surface);
  --bg-alt: var(--paper);
  --card-bg: var(--surface);
  --border: var(--line);
  --radius-lg: 8px;
  --radius-md: 6px;
  --v3-font: var(--sans);
  --v3-font-mono: var(--mono);
  --v3-bg: var(--surface);
  --v3-bg-muted: var(--paper);
  --v3-ink: var(--ink);
  --v3-ink-mid: var(--ink-soft);
  --v3-ink-light: var(--muted);
  --v3-accent: var(--blue);
  --v3-accent-hover: var(--blue-dark);
  --v3-border: var(--line);
  --v3-border-dark: var(--line-strong);
  --color-black: var(--ink);
  --color-white: var(--surface);
  --color-grey: var(--ink-soft);
  --color-spaceblack: var(--ink);
  --color-midwhite: var(--paper);
  --color-blue: var(--blue);
  --color-blue-btn: var(--blue);
  --benchmark-bg: var(--surface);
  --benchmark-surface: var(--surface);
  --benchmark-surface-alt: var(--paper);
  --benchmark-ink: var(--ink);
  --benchmark-muted: var(--ink-soft);
  --benchmark-border: var(--line);
  --benchmark-primary: var(--blue);
  --benchmark-primary-deep: var(--blue-dark);
  --benchmark-soft: var(--blue-soft);
  --benchmark-shadow: none;
}
body[data-site-family] {
  margin: 0;
  background: var(--surface);
  color: var(--ink);
  font: 400 var(--site-body-size) / 1.6 var(--sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body[data-site-family] main {
  font-family: var(--sans) !important;
}
body[data-site-family]
  main
  *:where(:not(.fa, .fas, .far, .fab, .fa-solid, .fa-brands)) {
  font-family: inherit !important;
}
body[data-site-family] main :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--display) !important;
  font-weight: 600;
  letter-spacing: 0;
}
body[data-site-family]
  main
  :is(
    pre,
    code,
    kbd,
    samp,
    .mono,
    .dev-line,
    .dev-command,
    .dev-command-bar,
    .role-diff,
    .sol-security-code,
    .feature-command,
    .partner-command,
    .cr-code-window,
    .code-snippet-container,
    .monospace-code-style
  ) {
  font-family: var(--mono) !important;
}
body[data-site-family] main :is(pre, code, kbd, samp) * {
  font-family: inherit !important;
}
body[data-site-family] main h1 {
  font-size: var(--site-hero-size) !important;
  line-height: 1.08 !important;
  font-weight: 650 !important;
  color: var(--ink);
  overflow-wrap: break-word;
}
body[data-site-family]
  main
  :is(
    .cr-section-title,
    .dc-intro-section h2,
    .dc-features-heading h2,
    .dc-cta-section-title,
    .partner-heading,
    .feature-directory-heading h2,
    .feature-group > header h2,
    .hero-text,
    .team-title-heading,
    .benchmark-report-section > h2,
    .dev-section-intro h2,
    .sol-heading h2,
    .sol-example-heading h2,
    .dev-start h2
  ) {
  font-size: var(--site-section-size) !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
}
body[data-site-family]
  main
  :is(
    .cr-feature-card h3,
    .dc-feature-copy h2,
    .sol-use-grid h3,
    .sol-three h3,
    .sol-workflow h3,
    .sol-personal h3,
    .sol-policy h3,
    .sol-reasons h3,
    .review-coverage-card h2
  ) {
  font-size: var(--site-heading-size);
  line-height: 1.25;
}
body[data-site-family]
  main
  :is(
    .cr-description,
    .cr-section-text,
    .dc-lead,
    .partner-lede,
    .dev-lede,
    .sol-heading > p,
    .sol-example-heading > p,
    .pricing-details-text-style,
    .team-culture-description,
    .banner_content > p
  ) {
  font-size: var(--site-lede-size) !important;
  line-height: 1.65 !important;
  color: var(--ink-soft);
  font-weight: 400;
}
body[data-site-family]
  main
  :is(
    .sol-use-grid p,
    .sol-three p,
    .sol-workflow p,
    .sol-personal p,
    .sol-policy p,
    .sol-reasons p,
    .sol-quality-list p,
    .cr-feature-card p,
    .feature-row-copy p,
    .executive-bio-text-style,
    .next-gen-dev-text
  ) {
  font-size: var(--site-body-size);
  line-height: 1.7;
}
body[data-site-family]
  main
  :is(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid var(--blue) !important;
  outline-offset: 4px;
}
body[data-site-family] main :is(input, textarea, select) {
  color: var(--ink);
  background-color: var(--surface);
  border-color: var(--line-strong);
  border-radius: 6px;
  font-size: 16px;
}
body[data-site-family] main :is(input, textarea)::placeholder {
  color: var(--muted);
  opacity: 1;
}
body[data-site-family]
  main
  :is(
    .cr-btn,
    .dc-btn,
    .partner-btn,
    .plan-cta,
    .benchmark-report-button,
    .send-message-button,
    .book-demo-button,
    .demo-button-style,
    .contact-us-button-style,
    .discount-card-button,
    .btn-gradient-1
  ) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  height: auto;
  padding: 10px 24px;
  border-radius: 100px !important;
  font-size: var(--site-button-size) !important;
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
  box-shadow: none !important;
  cursor: pointer;
}
body[data-site-family]
  main
  :is(
    .cr-btn-primary,
    .dc-btn-primary,
    .partner-btn-primary,
    .plan-cta,
    .benchmark-report-button--primary,
    .send-message-button,
    .book-demo-button,
    .contact-us-button-style,
    .discount-card-button,
    .btn-gradient-1
  ) {
  color: #fff !important;
  background: var(--blue) !important;
  border: 1px solid var(--blue);
}
body[data-site-family]
  main
  :is(
    .cr-btn-primary,
    .dc-btn-primary,
    .partner-btn-primary,
    .plan-cta,
    .benchmark-report-button--primary,
    .send-message-button,
    .book-demo-button,
    .contact-us-button-style,
    .discount-card-button,
    .btn-gradient-1
  ):hover {
  background: var(--blue-dark) !important;
  border-color: var(--blue-dark);
}
body[data-site-family]
  main
  :is(
    .cr-btn-secondary,
    .dc-btn-secondary,
    .partner-btn:not(.partner-btn-primary),
    .ghost-cta,
    .benchmark-report-button--secondary,
    .demo-button-style
  ) {
  color: var(--blue-dark) !important;
  background: transparent !important;
  border-color: transparent;
  box-shadow: none;
}
body[data-site-family]
  main
  :is(
    .cr-btn-secondary,
    .dc-btn-secondary,
    .partner-btn:not(.partner-btn-primary),
    .ghost-cta,
    .benchmark-report-button--secondary,
    .demo-button-style
  ):hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
body[data-site-family]
  main
  :is(
    .cr-container,
    .dc-container,
    .pricing-section-container,
    .partner-shell
  ) {
  max-width: 1120px;
}
body[data-site-family]
  main
  :is(
    .cr-hero,
    .dc-hero,
    .pricing-container,
    .page_banner_section,
    .benchmark-report-hero
  ) {
  background: var(--surface);
  border-color: var(--line);
}
body[data-site-family] main :is(.cr-hero, .dc-hero, .partner-hero, .dev-hero) {
  padding-top: 48px;
}
body[data-site-family]
  main
  :is(
    .cr-section,
    .dc-intro-section,
    .dc-features-heading,
    .partner-section,
    .dev-section
  ) {
  padding-block: 96px;
}
body[data-site-family]
  main
  :is(
    .cr-stats-section,
    .dc-stats,
    .cr-section-alt,
    .dc-features-heading,
    .discount-programs,
    .news_letter_section
  ) {
  background: var(--paper);
  border-color: var(--line);
}
body[data-site-family]
  main
  :is(
    .cr-badge,
    .dc-badge,
    .cr-feature-tag,
    .dc-overline,
    .pricing-eyebrow,
    .benchmark-report-kicker
  ) {
  color: var(--muted);
  background: transparent;
  padding-inline: 0;
  font-size: var(--site-label-size);
  font-weight: 500;
  text-transform: none;
}
body[data-site-family]
  main
  :is(
    .cr-feature-card,
    .cr-card,
    .dc-card,
    .plan-card,
    .discount-card,
    .benchmark-report-card,
    .news_post,
    .review-coverage-card
  ) {
  border-color: var(--line);
  border-radius: 8px;
  box-shadow: none;
}
body[data-site-family]
  main
  :is(.cr-cta-section, .dc-cta-section, .dc-intelligence-layer) {
  --ink: #f7f7f4;
  --ink-soft: #c9c8be;
  background: #26251e;
  color: #f7f7f4;
}
body[data-site-family]
  main
  :is(.cr-cta-section, .dc-cta-section, .dc-intelligence-layer)
  :is(h2, h3, p) {
  color: inherit;
}
body[data-site-family]
  main
  :is(.cr-cta-section, .dc-cta-section)
  :is(.cr-btn-secondary, .dc-btn-secondary) {
  color: #72b6ff !important;
}
body[data-site-family] main :is(.sol-dark, .dev-context) {
  background-color: #26251e;
}
body[data-site-family] main > div[data-ignore] {
  background: var(--surface) !important;
}
body[data-site-family]
  main
  :is(.cr-lead, .benchmark-report-summary, .benchmark-report-legitimacy) {
  font-size: var(--site-lede-size);
  line-height: 1.65;
  color: var(--ink-soft);
}
body[data-site-family] main :is(.cr-stats, .cr-stats-bar) {
  background: var(--paper);
  border-color: var(--line);
}
body[data-site-family] main :is(.cr-card h3, .cr-split-content h3) {
  font-size: var(--site-heading-size);
  line-height: 1.25;
}
body[data-site-family]
  main
  :is(.cr-card p, .cr-split-content > ul, .dc-feature-copy p) {
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink-soft);
}
body[data-site-family] main :is(.cr-cta-section h2, .dc-security-section h2) {
  font-size: var(--site-section-size);
  line-height: 1.1;
}

/* The content families retain their layouts, not their legacy visual systems. */
body[data-site-family="pricing"] .pricing-container {
  padding-top: 48px;
}
body[data-site-family="pricing"]
  :is(.plan-card, .discount-card, .discount-modal-dialog) {
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: none;
  border-radius: 8px;
}
body[data-site-family="pricing"] .plan-card {
  box-sizing: border-box;
  min-height: 0;
}
body[data-site-family="pricing"] .plan-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
}
body[data-site-family="pricing"] .discount-card {
  box-sizing: border-box;
  min-height: 0;
}
body[data-site-family="pricing"] main :is(h1, h2, h3, .plan-price, .plan-name) {
  color: var(--ink);
}
body[data-site-family="pricing"]
  main
  :is(p, li, .plan-description, .plan-subtitle) {
  color: var(--ink-soft);
}
body[data-site-family="pricing"] .pricing-features-btn-in-active {
  font-size: var(--site-label-size);
  font-weight: 500;
  border-radius: 6px;
  border-color: var(--line-strong);
  box-shadow: none;
  color: var(--ink-soft);
  background: var(--surface);
}
body[data-site-family="pricing"] .pricing-features-btn-active {
  color: #fff;
  background: var(--blue);
  border-color: var(--blue);
}
body[data-site-family="pricing"] .plan-card h2 {
  font-size: 26px;
  font-weight: 600;
}
body[data-site-family="pricing"] .plan-price {
  font-weight: 600;
}
body[data-site-family="pricing"] main .large-centered-heading {
  color: var(--ink);
  font-size: 26px;
  line-height: 1.25;
  font-weight: 600;
}
body[data-site-family="pricing"] main .price-highlight-text-style {
  color: var(--ink);
  font-size: 40px;
  line-height: 1.15;
  font-weight: 600;
}
body[data-site-family="pricing"] .discount-card h2 {
  font-size: 26px;
  line-height: 1.25;
}
body[data-site-family="pricing"] .discount-modal {
  font-family: var(--sans);
  color: var(--ink);
}
body[data-site-family="pricing"] main .discounts-heading {
  color: var(--ink);
  font-size: var(--site-section-size);
  font-weight: 600;
  line-height: 1.1;
}
body[data-site-family="pricing"] .discount-form {
  background: var(--surface);
}
body[data-site-family="pricing"] main .discount-form-title {
  color: var(--ink);
  font-size: 26px;
  font-weight: 600;
  line-height: 1.25;
  padding-right: 32px;
}
body[data-site-family="pricing"] .discount-modal-close {
  background: var(--surface);
  border-color: var(--line-strong);
  color: var(--ink);
}
body[data-site-family="pricing"]
  main
  :is(.discount-form-status.is-success, .discount-thank-you-label) {
  color: var(--lime-dark);
  background: var(--lime-soft);
}
body[data-site-family="pricing"] main .discount-form-status.is-error {
  color: var(--coral-dark);
  background: var(--coral-soft);
}
body[data-site-family="company"]
  main
  :is(p, .central-text-block, .contact-info-title1, .contact-info-text-style) {
  color: var(--ink-soft);
}
body[data-site-family="company"]
  main
  :is(.team-culture-card, .team-section-style, .contact-form-container) {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
body[data-site-family="company"]
  main
  :is(.executive-title-style1, .native-integrations-title) {
  font-size: 26px;
  line-height: 1.25;
  font-weight: 600;
  color: var(--ink);
}
body[data-site-family="company"]
  main
  :is(.hero-text, .team-title-heading, .contact-info-title1) {
  color: var(--ink);
}
body[data-site-family="company"] .contact-info-title1 {
  font-size: 26px;
  line-height: 1.25;
}
body[data-site-family="company"] .central-text-block {
  font-size: 18px;
  line-height: 1.65;
}
body[data-site-family="company"] .team-culture-section1 {
  width: min(1120px, calc(100% - 40px));
}
body[data-site-family="company"] .team-culture-description {
  max-width: 760px;
}
body[data-site-family="company"] .team-section-style {
  margin-top: 64px;
}
body[data-site-family="company"] .executive-profile-card {
  background: var(--paper);
  border-color: var(--line);
  padding: 20px 16px;
}
body[data-site-family="company"] main .book-demo-svg {
  color: inherit;
  width: 20px;
  height: 20px;
}
body[data-site-family="legal"] .page-container {
  width: 100%;
  max-width: 840px;
  padding: 0;
  margin: 48px auto 80px;
}
body[data-site-family="legal"] .page-body-text {
  font-size: 16px;
  line-height: 1.75;
  color: var(--ink-soft);
}
body[data-site-family="legal"] .paragraph-section-title {
  font-size: 26px;
  line-height: 1.3;
  margin-block: 32px 16px;
  color: var(--ink);
}
body[data-site-family="legal"] main a {
  color: var(--blue-dark);
}
body[data-site-family="blog"] main {
  color: var(--ink);
}
body[data-site-family="blog"] .container {
  max-width: 1150px;
}
body[data-site-family="blog"] main :is(p, li) {
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.75;
}
body[data-site-family="blog"] main :is(a, .current_page) {
  color: var(--blue-dark);
}
body[data-site-family="blog"] .page_banner_section {
  padding-block: 48px;
  border-color: var(--line);
}
body[data-site-family="blog"] .blog_section {
  padding-block: 64px;
}
body[data-site-family="blog"] .main-blog {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0 24px 0 0;
}
body[data-site-family="blog"] .blog-info h3 {
  font-size: 26px;
  line-height: 1.3;
  color: var(--ink);
  margin-block: 32px 16px;
}
body[data-site-family="blog"] .news_post:not(.main-blog) {
  background: var(--paper);
  border: 1px solid var(--line);
}
body[data-site-family="blog"] :is(.news_info h3, .widget-title) {
  font-size: 26px;
  line-height: 1.25;
  color: var(--ink);
}
body[data-site-family="blog"] .news_info h3 a {
  color: inherit;
}
body[data-site-family="blog"] .post-content h5 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
body[data-site-family="blog"] .post-content h5 a {
  color: var(--ink);
}
body[data-site-family="blog"] .sidebar p {
  font-size: 12px;
}
body[data-site-family="blog"] .news_meta {
  font-size: 12px;
  color: var(--muted);
}
body[data-site-family="blog"] .news_letter_section {
  box-shadow: none;
}
body[data-site-family="blog"]
  :is(.news_img, .news_img img, .news_post > a > img) {
  border-radius: 8px 8px 0 0;
}
body[data-site-family="blog"] .news_info .readmore {
  background: none;
  color: var(--blue-dark);
  -webkit-text-fill-color: currentColor;
}
body[data-site-family="partner"] .partner-native-title {
  font-size: 26px;
  line-height: 1.3;
}
body[data-site-family="partner"] .feature-row-copy h3 {
  font-size: 26px;
  line-height: 1.25;
}
body[data-site-family="partner"] .partner-terminal {
  background: #26251e;
}
body[data-site-family="benchmark"]
  main
  :is(.benchmark-report-section h2, .benchmark-report-heading) {
  font-size: var(--site-section-size);
  line-height: 1.1;
}
body[data-site-family="benchmark"]
  main
  :is(.benchmark-report-description, .benchmark-report-lead) {
  color: var(--ink-soft);
  font-size: 18px;
  line-height: 1.65;
}
body[data-site-family="benchmark"] .benchmark-report-page {
  background: var(--surface);
}
body[data-site-family="benchmark"] .benchmark-shell {
  width: min(1120px, calc(100% - 40px));
  max-width: 1120px;
  padding-inline: 0;
}
body[data-site-family="benchmark"] .benchmark-hero-section {
  padding-block: 48px 64px;
}
body[data-site-family="benchmark"]
  :is(
    .benchmark-hero-card,
    .benchmark-hero-copy-card,
    .benchmark-hero-visual-card,
    .benchmark-methodology-card,
    .benchmark-language-card,
    .benchmark-cta-card
  ) {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body[data-site-family="benchmark"]
  :is(.benchmark-hero-card, .benchmark-hero-copy-card) {
  padding: 0;
}
body[data-site-family="benchmark"] .benchmark-hero-copy-card {
  max-width: 920px;
}
body[data-site-family="benchmark"] .benchmark-report-stat-grid:empty {
  display: none;
}
body[data-site-family="benchmark"] .benchmark-section {
  padding-block: 64px;
}
body[data-site-family="benchmark"] .benchmark-section--muted {
  background: var(--paper);
  border-color: var(--line);
}
body[data-site-family="benchmark"]
  :is(.benchmark-report-eyebrow, .benchmark-section-heading > span) {
  padding: 0;
  background: transparent;
  color: var(--muted);
  font-size: var(--site-label-size);
  font-weight: 500;
  text-transform: none;
}
body[data-site-family="benchmark"] .benchmark-section-heading h2 {
  font-size: var(--site-section-size);
  line-height: 1.1;
}
body[data-site-family="benchmark"] .benchmark-section-heading p {
  font-size: var(--site-lede-size);
  line-height: 1.65;
}
body[data-site-family="benchmark"]
  :is(
    .benchmark-pr1-card,
    .benchmark-proof-root,
    .benchmark-proof-card,
    .benchmark-report-stat-card,
    .benchmark-stat-card,
    .benchmark-takeaway-card,
    .benchmark-repository-card,
    .benchmark-method-step,
    .benchmark-command-card,
    .benchmark-uplift-card,
    .benchmark-results-graph,
    .benchmark-results-scatter,
    .benchmark-language-panel
  ) {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: none;
}
body[data-site-family="benchmark"] .benchmark-language-panel {
  background: transparent;
  border: 0;
  padding-inline: 0;
}
body[data-site-family="benchmark"]
  :is(
    .benchmark-results-filters,
    .benchmark-critical-table th,
    .benchmark-table th,
    .benchmark-language-table th
  ) {
  background: var(--paper);
  border-color: var(--line);
  color: var(--ink-soft);
}
body[data-site-family="benchmark"]
  :is(.benchmark-language-tabs, .benchmark-results-graph-tabs)
  button {
  border-radius: 6px;
  background: var(--surface);
  color: var(--ink-soft);
  border-color: var(--line);
}
body[data-site-family="benchmark"]
  :is(.benchmark-language-tabs, .benchmark-results-graph-tabs)
  button.is-active {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}
body[data-site-family="benchmark"] .benchmark-bar-fill {
  background: var(--line-strong);
  border-color: var(--line-strong);
  border-radius: 6px 6px 0 0;
  box-shadow: none;
}
body[data-site-family="benchmark"]
  .benchmark-bar.is-leader
  .benchmark-bar-fill {
  background: var(--blue-soft);
  border-color: var(--blue);
}
body[data-site-family="benchmark"]
  :is(
    .benchmark-results-bar,
    .benchmark-scatter-rank-badge,
    .benchmark-results-scatter-rank
  ) {
  background: var(--blue);
}
body[data-site-family="benchmark"]
  :is(
    .benchmark-scatter-tool-label.top-rank,
    .benchmark-results-scatter-marker.is-top-rank
  ) {
  border-color: var(--blue);
}
body[data-site-family="benchmark"] .benchmark-command-card code {
  background: var(--ink);
  color: var(--surface);
}
body[data-site-family="report"] main {
  background: var(--surface);
  color: var(--ink);
}
body[data-site-family="report"]
  :is(
    .card,
    .chart-container,
    .table-container,
    .filters,
    .filter-panel,
    .repository-card
  ) {
  background: var(--paper);
  border-color: var(--line);
  border-radius: 8px;
  box-shadow: none;
}
body[data-site-family="report"] :is(.preset-toggle, .share-btn) {
  font-size: var(--site-label-size);
  border-color: var(--line-strong);
  border-radius: 6px;
}
body[data-site-family="report"] .metric-bar-value {
  background: var(--blue);
}
body[data-site-family="report"] .repositories-title {
  font-size: 26px;
}
body[data-site-family="report"] :is(.main-container, .content-area) {
  background: var(--surface);
}
body[data-site-family="report"]
  :is(.predefined-filters, .sidebar, .table-header, .repositories-section) {
  background: var(--paper);
  border-color: var(--line);
}
body[data-site-family="report"] :is(.predefined-filter, .share-btn) {
  color: var(--ink);
  background: var(--surface);
  border-color: var(--line);
}
body[data-site-family="report"] .predefined-filter.active {
  background: var(--blue-soft);
  color: var(--blue-dark);
  border-color: var(--blue);
}
body[data-site-family="report"]
  :is(.predefined-label, .results-label, .filter-option, .results-description) {
  color: var(--ink-soft);
}
body[data-site-family="report"] .results-title {
  font-family: var(--display) !important;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
}
body[data-site-family="report"] .chart-rank-badge {
  background: var(--blue);
}
body[data-site-family="report"] .chart-tool-label.top-rank {
  border-color: var(--blue);
}

/* Engineering Leaders predates the shared site-family contract. Normalize its
   editorial roles while leaving the dense review workspace intentionally compact. */
body[data-site-family="solution"].el-page {
  background: var(--surface);
}
body[data-site-family="solution"].el-page main {
  --el-rule: var(--line);
  --el-muted: var(--ink-soft);
  color: var(--ink);
}
body[data-site-family="solution"].el-page
  main
  :is(
    .el-role-hero,
    .el-audience-heading,
    .el-heading,
    .el-closing,
    .el-insight
  )
  :is(h1, h2, h3, h4) {
  color: var(--ink);
}
body[data-site-family="solution"].el-page main .el-role-hero {
  background: var(--surface);
}
body[data-site-family="solution"].el-page main .el-role-hero h1 {
  font-size: var(--site-hero-size) !important;
  line-height: 1.08 !important;
  font-weight: 650 !important;
}
body[data-site-family="solution"].el-page main .el-role-hero .el-tagline {
  color: var(--ink);
  font-size: var(--site-heading-size);
  font-weight: 600;
}
body[data-site-family="solution"].el-page
  main
  :is(.el-role-hero .el-lead, .el-audience-heading .el-lead, .el-heading > p) {
  color: var(--ink-soft);
  font-size: var(--site-lede-size);
  line-height: 1.65;
}
body[data-site-family="solution"].el-page main .el-audience-heading > h2 {
  font-size: var(--site-section-size);
  line-height: 1.1;
  font-weight: 600;
}
body[data-site-family="solution"].el-page
  main
  :is(.el-heading > h3, .el-closing h3, .el-insight > h3, .el-insight > h4) {
  font-size: var(--site-heading-size);
  line-height: 1.25;
  font-weight: 600;
}
body[data-site-family="solution"].el-page main :is(.el-button, .el-link) {
  font-size: var(--site-button-size);
}
body[data-site-family="solution"].el-page
  main
  :is(.el-pr-labels, .el-status, .el-pr-title small, .el-briefing-header) {
  font-size: 12px;
}
@media (max-width: 1060px) {
  :root {
    --site-section-size: 40px;
  }
}
@media (max-width: 780px) {
  :root {
    --site-hero-size: 48px;
    --site-section-size: 34px;
    --site-lede-size: 16px;
  }
  body[data-site-family]
    main
    :is(
      .cr-section,
      .dc-intro-section,
      .dc-features-heading,
      .partner-section,
      .dev-section
    ) {
    padding-block: 64px;
  }
  body[data-site-family]
    main
    :is(.cr-hero, .dc-hero, .partner-hero, .dev-hero) {
    padding-top: 34px;
  }
}
@media (max-width: 560px) {
  :root {
    --site-hero-size: 40px;
    --site-section-size: 32px;
    --site-heading-size: 22px;
  }
  body[data-site-family]
    main
    :is(.cr-hero, .dc-hero, .partner-hero, .dev-hero) {
    padding-top: 14px;
  }
  body[data-site-family="blog"] .main-blog {
    padding: 0;
  }
  body[data-site-family="blog"] .page_banner_section {
    padding-block: 32px;
  }
  body[data-site-family="legal"] .page-container {
    margin-block: 32px 64px;
  }
}