.svc-social-automation { overflow: clip; background: #050b19; }
.svc-social-centered > .asfs-svc-heading { margin-right: auto; margin-left: auto; text-align: center; }
.svc-social-hero { padding: 32px 0 72px; border-bottom: 1px solid #263650; background: #071022; }
.svc-social-breadcrumbs { margin-bottom: 34px; }
.svc-social-breadcrumbs .breadcrumbs { margin: 0; padding: 0; border: 0; color: #b8c9df; background: transparent; }
.svc-social-breadcrumbs .breadcrumbs ol { width: auto; max-width: none; min-height: 0; margin: 0; padding: 0; }
.svc-social-breadcrumbs :where(a, li, span) { color: #b8c9df; font-size: .8125rem; }
.svc-social-breadcrumbs a:hover { color: #fff; }
.svc-social-hero-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(430px, .88fr); gap: 54px; align-items: center; }
.svc-social-hero-copy h1 { max-width: 800px; font-size: 3.35rem; }
.svc-social-hero-copy > p:not(.asfs-svc-eyebrow) { max-width: 780px; margin: 20px 0 0; color: #d3deec; font-size: 1.04rem; line-height: 1.7; }
.svc-social-hero-signals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 28px; padding-top: 22px; border-top: 1px solid #293b55; }
.svc-social-hero-signals span { min-width: 0; color: #9fb0c8; font-size: .72rem; line-height: 1.45; }
.svc-social-hero-signals b { display: block; margin-bottom: 3px; color: #67e8f9; font-size: .76rem; }
.svc-social-hero-signals span:nth-child(2) b { color: #a78bfa; }
.svc-social-hero-signals span:nth-child(3) b { color: #34d399; }

.svc-social-runtime { min-width: 0; padding: 18px; border: 1px solid #344965; border-radius: 8px; background: #0a1427; box-shadow: 0 24px 70px rgba(0, 0, 0, .28); }
.svc-social-browser-bar { display: flex; align-items: center; gap: 6px; padding-bottom: 15px; border-bottom: 1px solid #273951; }
.svc-social-browser-bar > span { width: 10px; height: 10px; border-radius: 50%; background: #ef5a47; }
.svc-social-browser-bar > span:nth-child(2) { background: #e5ae36; }
.svc-social-browser-bar > span:nth-child(3) { background: #24ad82; }
.svc-social-browser-bar code { overflow: hidden; max-width: calc(100% - 70px); margin-left: auto; color: #b8c8dc; font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; }
.svc-social-current { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 9px; align-items: center; margin-top: 14px; padding: 11px; border: 1px solid #376cc9; border-radius: 6px; background: #102c61; }
.svc-social-current b, .svc-social-current em { color: #dff5ff; font-size: .63rem; font-style: normal; text-transform: uppercase; }
.svc-social-current span { min-width: 0; color: #fff; font-size: .72rem; font-weight: 700; }
.svc-social-current em { padding: 4px 6px; color: #67e8f9; border: 1px solid #337be2; border-radius: 4px; }
.svc-social-runtime-stages { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; margin: 14px 0 0; padding: 0; list-style: none; }
.svc-social-runtime-stages li { display: grid; align-content: space-between; min-width: 0; min-height: 72px; padding: 8px 5px; text-align: center; border: 1px solid #2e425e; border-radius: 4px; background: #0c1729; }
.svc-social-runtime-stages li.is-active { border-color: #d99017; background: #2e220c; }
.svc-social-runtime-stages b { color: #e7eef8; font-size: .54rem; line-height: 1.25; text-transform: uppercase; }
.svc-social-runtime-stages em { margin-top: 8px; color: #67e8f9; font-size: .48rem; font-style: normal; font-weight: 800; text-transform: uppercase; }
.svc-social-runtime-stages .is-active em { color: #fbbf24; }
.svc-social-runtime-label { margin: 15px 0 8px; color: #99abc2; font-size: .58rem; font-weight: 800; text-transform: uppercase; }
.svc-social-platforms { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.svc-social-platforms span { display: grid; gap: 5px; min-width: 0; padding: 9px; border: 1px solid #30445f; border-radius: 5px; background: #101d31; }
.svc-social-platforms span:last-child { grid-column: span 2; }
.svc-social-platforms b { overflow-wrap: anywhere; color: #f5f8fc; font-size: .62rem; }
.svc-social-platforms em { color: #34d399; font-size: .5rem; font-style: normal; font-weight: 800; text-transform: uppercase; }
.svc-social-platforms span:nth-child(3) em { color: #fbbf24; }
.svc-social-platforms span:nth-child(4) em { color: #94a3b8; }
.svc-social-platforms span:nth-child(5) em { color: #c4b5fd; }
.svc-social-gate { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; padding: 10px; border: 1px solid #185b55; border-radius: 5px; background: #092826; }
.svc-social-gate b, .svc-social-gate span { color: #5eead4; font-size: .55rem; text-transform: uppercase; }
.svc-social-gate span { color: #b7c7d9; text-align: right; }

.svc-social-summary-section, .svc-social-pain-section, .svc-social-capabilities-section, .svc-social-workspace-section, .svc-social-assets-section, .svc-social-publishing-section, .svc-social-foundations-section, .svc-social-outcomes-section { background: #f8fafc; }
.svc-social-audience-section, .svc-social-comparison-section, .svc-social-journey-section, .svc-social-platform-section, .svc-social-review-section, .svc-social-process-section, .svc-social-integrations-section, .svc-social-work-related-section { background: #0b1426; }
.svc-social-audience-section, .svc-social-platform-section, .svc-social-review-section, .svc-social-process-section, .svc-social-integrations-section, .svc-social-work-related-section { border-top: 1px solid #263850; }

.svc-social-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.svc-social-summary-grid article { min-width: 0; padding: 22px; border: 1px solid #d8e1ed; border-radius: 8px; background: #f5f8fc; }
.svc-social-summary-grid article > span { display: inline-grid; min-width: 32px; height: 26px; padding: 0 7px; place-items: center; color: #2563eb; font-size: .72rem; font-weight: 800; border-radius: 4px; background: #e4edff; }
.svc-social-summary-grid h3 { margin: 16px 0 8px; font-size: 1rem; }
.svc-social-summary-grid p { margin: 0; font-size: .82rem; line-height: 1.6; }
.svc-social-scope-note { margin: 28px 0 0; padding: 13px 16px; color: #5c6c82; font-size: .76rem; line-height: 1.55; border: 1px solid #cbd9ec; border-radius: 7px; background: #edf5ff; }
.svc-social-scope-note--dark { width: min(920px, 100%); margin-right: auto; margin-left: auto; color: #9fb0c7; text-align: center; border: 0; background: transparent; }

.svc-social-tablist { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 28px; }
.svc-social-tablist button { min-height: 50px; padding: 11px 14px; color: #d2ddec; font: inherit; font-size: .79rem; font-weight: 700; text-align: left; border: 1px solid #32435b; border-radius: 7px; background: #101c30; cursor: pointer; }
.svc-social-tablist button:hover { color: #fff; border-color: #6282a5; }
.svc-social-tablist button[aria-selected="true"] { color: #fff; border-color: #3b82f6; background: #2563eb; }
.svc-social-tablist button:focus-visible { outline: 3px solid #67e8f9; outline-offset: 3px; }
.svc-social-audience [role="tabpanel"] { display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: 12px; align-items: start; padding: 26px; border: 1px solid #30425a; border-radius: 8px; background: #101b2e; }
.svc-social-audience [role="tabpanel"][hidden] { display: none; }
.svc-social-audience [role="tabpanel"] > span { width: 9px; height: 9px; margin-top: 7px; border-radius: 50%; background: #22d3ee; }
.svc-social-audience h3 { font-size: 1.08rem; }
.svc-social-audience p { margin: 7px 0 0; font-size: .9rem; }

.svc-social-split, .svc-social-reverse, .svc-social-workspace-layout { display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: 46px; align-items: center; }
.svc-social-reverse { grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr); }
.svc-social-workspace-layout { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); }
.svc-social-pain-copy ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.svc-social-pain-copy li { display: flex; gap: 11px; padding: 10px 12px; color: #33445c; font-size: .83rem; line-height: 1.5; border: 1px solid #d5dfeb; border-radius: 6px; background: #fff; }
.svc-social-pain-copy li span { flex: 0 0 auto; color: #ef5368; font-size: 1rem; font-weight: 800; }

.svc-social-image-frame { overflow: hidden; width: 100%; max-width: 100%; margin: 0; border: 1px solid #d3ddea; border-radius: 8px; background: #eef3f8; box-shadow: 0 18px 45px rgba(15, 23, 42, .13); }
.svc-social-image-frame img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.svc-social-image-frame--dark { border-color: #30435d; background: #081224; box-shadow: 0 18px 45px rgba(0, 0, 0, .24); }
.svc-social-image-frame--feature, .svc-social-image-frame--journey { width: min(1000px, 100%); margin: 0 auto; }
.svc-social-image-frame--integrations, .svc-social-image-frame--outcomes { width: min(980px, 100%); margin: 0 auto; }

.svc-social-comparison-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; width: min(1000px, 100%); margin: 28px auto 0; text-align: left; }
.svc-social-comparison-cards article { padding: 22px; border: 1px solid #8d2c36; border-radius: 8px; background: #101b2e; }
.svc-social-comparison-cards article:last-child { border-color: #126953; }
.svc-social-comparison-cards p { margin: 0 0 13px; color: #ff6b7b; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.svc-social-comparison-cards article:last-child p { color: #34d399; }
.svc-social-comparison-cards ul { display: grid; gap: 8px; margin: 0; padding-left: 17px; color: #cfdaea; font-size: .78rem; line-height: 1.55; }

.svc-social-capabilities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.svc-social-capabilities article, .svc-social-foundations article { position: relative; min-width: 0; padding: 18px; border: 1px solid #d5dfeb; border-radius: 8px; background: #f5f8fc; }
.svc-social-capabilities article > span, .svc-social-foundations article > span { position: absolute; top: 21px; left: 18px; width: 5px; height: 5px; border-radius: 50%; background: #2563eb; }
.svc-social-capabilities h3, .svc-social-foundations h3 { padding-left: 13px; font-size: .86rem; }
.svc-social-capabilities p, .svc-social-foundations p { margin: 8px 0 0; font-size: .75rem; line-height: 1.58; }

.svc-social-journey-labels { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 9px; width: min(1160px, 100%); margin: 24px auto 0; padding: 0; list-style: none; }
.svc-social-journey-labels li { min-width: 0; padding: 13px 8px; color: #f5f8fc; font-size: .67rem; font-weight: 700; line-height: 1.35; text-align: center; border: 1px solid #30425c; border-radius: 7px; background: #101b2e; }
.svc-social-journey-labels span { display: block; margin-bottom: 6px; color: #67e8f9; font-size: .61rem; }

.svc-social-workspace-points, .svc-social-platform-list, .svc-social-publishing-options { display: grid; gap: 10px; }
.svc-social-workspace-points article, .svc-social-platform-list article, .svc-social-publishing-options article { min-width: 0; padding: 13px 15px; border: 1px solid #d4deea; border-radius: 7px; background: #fff; }
.svc-social-workspace-points h3, .svc-social-platform-list h3, .svc-social-publishing-options h3 { font-size: .8rem; }
.svc-social-workspace-points p, .svc-social-platform-list p, .svc-social-publishing-options p { margin: 5px 0 0; font-size: .74rem; line-height: 1.55; }
.svc-social-platform-section .asfs-svc-heading { margin-bottom: 22px; }
.svc-social-platform-list article { color: #dbe5f2; border-color: #30425b; background: #101b2e; }
.svc-social-platform-list h3 { color: #67e8f9; }
.svc-social-asset-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.svc-social-asset-list span { padding: 10px 12px; color: #32455f; font-size: .76rem; font-weight: 700; border: 1px solid #d4deea; border-radius: 6px; background: #fff; }
.svc-social-asset-list span::before { margin-right: 7px; color: #2563eb; content: "\2022"; }

.svc-social-review-outcomes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; width: min(1000px, 100%); margin: 28px auto 0; text-align: left; }
.svc-social-review-outcomes article { min-width: 0; padding: 18px; border: 1px solid #157764; border-radius: 8px; background: #101b2e; }
.svc-social-review-outcomes article:nth-child(2) { border-color: #b56c14; }
.svc-social-review-outcomes article:nth-child(3) { border-color: #2366b3; }
.svc-social-review-outcomes article:nth-child(4) { border-color: #95333d; }
.svc-social-review-outcomes span { color: #34d399; font-size: .65rem; font-weight: 800; }
.svc-social-review-outcomes h3 { margin-top: 8px; color: #fff; font-size: .88rem; }
.svc-social-review-outcomes p { margin: 7px 0 0; color: #bccadd; font-size: .72rem; line-height: 1.55; }
.svc-social-publishing-options h3 { color: #2563eb; text-transform: uppercase; }
.svc-social-process-section .asfs-svc-track { grid-auto-columns: minmax(145px, 1fr); }
.svc-social-process-section .asfs-svc-step-copy { text-align: left; }

.svc-social-foundations { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 15px; }
.svc-social-foundations article { background: #fff; }
.svc-social-integration-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; width: min(1000px, 100%); margin: 24px auto 0; }
.svc-social-integration-tags span { padding: 7px 13px; color: #dce7f5; font-size: .7rem; font-weight: 700; border: 1px solid #334962; border-radius: 999px; background: #101c30; }
.svc-social-outcomes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 30px; text-align: left; }
.svc-social-outcomes article { min-width: 0; padding: 17px; border: 1px solid #d6e0ec; border-radius: 8px; background: #fff; }
.svc-social-outcomes p { margin: 0; color: #40516a; font-size: .76rem; line-height: 1.5; }
.svc-social-outcomes p + p { margin-top: 8px; color: #075f53; }
.svc-social-outcomes p span { color: #b4233c; font-weight: 800; text-transform: uppercase; }
.svc-social-outcomes p + p span { color: #047a64; }

.svc-social-featured-work { margin-bottom: 64px; padding-bottom: 64px; border-bottom: 1px solid #2a3b53; }
.svc-social-work-related-section .asfs-svc-project-image { border-color: #30425b; background: #071022; }
.svc-social-work-related-section .asfs-svc-project-copy > p:not(.asfs-svc-project-category) { color: #b9c7da; }
.svc-social-work-related-section .asfs-svc-project-category { color: #67e8f9; }
.svc-social-work-related-section .asfs-svc-project h3 { color: #fff; }
.svc-social-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.svc-social-related-grid article { display: flex; flex-direction: column; min-width: 0; padding: 19px; border: 1px solid #30425b; border-radius: 8px; background: #101c30; }
.svc-social-related-grid h3 { margin-top: 13px; color: #fff; font-size: .9rem; }
.svc-social-related-grid p { margin: 8px 0 16px; color: #aebdd1; font-size: .73rem; line-height: 1.55; }
.svc-social-related-grid a { margin-top: auto; }
.svc-social-faq-final, .svc-social-faq-final .asfs-svc-faq-section { background: #fff; }

@media (max-width: 1180px) {
  .svc-social-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .svc-social-hero-copy h1 { font-size: 3rem; }
  .svc-social-runtime { width: min(900px, 100%); }
  .svc-social-tablist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svc-social-foundations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .svc-social-summary-grid, .svc-social-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svc-social-split, .svc-social-reverse, .svc-social-workspace-layout { grid-template-columns: minmax(0, 1fr); }
  .svc-social-split .svc-social-image-frame, .svc-social-reverse .svc-social-image-frame, .svc-social-workspace-layout .svc-social-image-frame { width: min(840px, 100%); }
  .svc-social-journey-labels { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .svc-social-review-outcomes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svc-social-outcomes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .svc-social-hero { padding-top: calc(var(--asfit-header-height, 78px) + 32px); }
}
@media (max-width: 767px) {
  .svc-social-hero { padding: calc(var(--asfit-header-height, 78px) + 24px) 0 58px; }
  .svc-social-breadcrumbs { margin-bottom: 28px; }
  .svc-social-hero-grid { gap: 38px; }
  .svc-social-hero-copy h1 { font-size: 2.35rem; }
  .svc-social-hero-signals { grid-template-columns: minmax(0, 1fr); }
  .svc-social-runtime-stages { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .svc-social-platforms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svc-social-platforms span:last-child { grid-column: auto; }
  .svc-social-comparison-cards, .svc-social-outcomes { grid-template-columns: minmax(0, 1fr); }
  .svc-social-journey-labels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svc-social-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .svc-social-hero-copy h1 { font-size: 2rem; }
  .svc-social-runtime { padding: 13px; }
  .svc-social-current { grid-template-columns: minmax(0, 1fr) auto; }
  .svc-social-current b { grid-column: 1 / -1; }
  .svc-social-runtime-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svc-social-platforms, .svc-social-summary-grid, .svc-social-tablist, .svc-social-capabilities, .svc-social-foundations, .svc-social-related-grid { grid-template-columns: minmax(0, 1fr); }
  .svc-social-gate { flex-direction: column; }
  .svc-social-gate span { text-align: left; }
  .svc-social-audience [role="tabpanel"] { padding: 21px; }
  .svc-social-image-frame, .svc-social-image-frame--feature, .svc-social-image-frame--journey, .svc-social-image-frame--integrations, .svc-social-image-frame--outcomes { overflow: hidden; width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; }
  .svc-social-image-frame img { width: 100%; max-width: 100%; height: auto; }
  .svc-social-journey-labels, .svc-social-review-outcomes { grid-template-columns: minmax(0, 1fr); }
  .svc-social-asset-list { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .svc-social-automation *, .svc-social-automation *::before, .svc-social-automation *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}