.content-efficiency-page {
  --roi-ink: #1c2535;
  --roi-body: #566174;
  --roi-purple: #7639b6;
  --roi-blue: #4289d2;
  color: var(--roi-ink);
  background: #fff;
}

.content-efficiency-page *,
.content-efficiency-page *::before,
.content-efficiency-page *::after { box-sizing: border-box; }
.content-efficiency-page .roi-main { width: 100%; max-width: none; padding: 0; margin: 0; background: #fff; }
.content-efficiency-page .roi-shell { max-width: 1248px; padding: 0 24px; margin: 0 auto; }
.content-efficiency-page :is(h1, h2, h3, p, figure, blockquote, ul) { margin-top: 0; }
.content-efficiency-page .roi-main h2 { color: var(--roi-ink); font-size: 36px; line-height: 1.18; letter-spacing: -.025em; margin-bottom: 16px; }
.content-efficiency-page .roi-main h3 { color: var(--roi-ink); font-size: 24px; line-height: 1.25; margin-bottom: 16px; }
.content-efficiency-page .roi-main p,
.content-efficiency-page .roi-main li { color: var(--roi-body); font-size: 20px; line-height: 1.55; }
.content-efficiency-page .roi-main p { margin-bottom: 24px; }
.content-efficiency-page .roi-section { padding: 120px 0; }
.content-efficiency-page .roi-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 36px; }
.content-efficiency-page .roi-section-heading h2 { margin-bottom: 0; }
.content-efficiency-page .roi-section-heading p:last-child { margin: 12px 0 0; }
.content-efficiency-page .roi-eyebrow { display: table; color: #3d85cb !important; background: #f1f6ff; border-radius: 100px; padding: 6px 14px; font-size: 15px !important; font-weight: 700; line-height: 1.25 !important; text-transform: uppercase; margin-bottom: 20px !important; }
.content-efficiency-page .roi-button { display: inline-flex; justify-content: center; align-items: center; min-height: 40px; padding: 9px 18px; background: var(--roi-purple); border: 1px solid var(--roi-purple); border-radius: 4px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; white-space: normal; text-align: center; }
.content-efficiency-page .roi-button:hover,
.content-efficiency-page .roi-button:focus-visible { color: #fff; background: #56268c; text-decoration: none; }
.content-efficiency-page .roi-button:focus-visible,
.content-efficiency-page summary:focus-visible { outline: 3px solid var(--roi-blue); outline-offset: 3px; }
.content-efficiency-page .roi-button--light { background: #fff; border-color: #fff; color: var(--roi-purple); }
.content-efficiency-page .roi-button--light:hover { color: var(--roi-purple); background: #f0e7fa; }
.content-efficiency-page .roi-button--outline { background: transparent; border-color: #fff; }
.content-efficiency-page .roi-button--border { color: #3864b6; background: transparent; border-color: #6790e4; }
.content-efficiency-page .roi-button--border:hover { color: #fff; background: #3864b6; }
.content-efficiency-page .roi-visual { display: block; max-width: 100%; height: auto; border-radius: 14px; }
.content-efficiency-page .roi-grid-bg { background-color: #fbfcff; background-image: linear-gradient(#f1f3fa 1px, transparent 1px), linear-gradient(90deg, #f1f3fa 1px, transparent 1px); background-size: 68px 68px; }

.content-efficiency-page .roi-hero { padding: 90px 0 120px; background-image: linear-gradient(to bottom, transparent, #fbfcff 90%), linear-gradient(#f1f3fa 1px, transparent 1px), linear-gradient(90deg, #f1f3fa 1px, transparent 1px); background-size: 100% 100%, 68px 68px, 68px 68px; }
.content-efficiency-page .roi-hero .roi-shell { max-width: 1262px; }
.content-efficiency-page .roi-hero h1 { font-size: 48px; line-height: 1.18; letter-spacing: -.03em; margin-bottom: 65px; }
.content-efficiency-page .roi-hero h1 span { color: var(--roi-purple); position: relative; }
.content-efficiency-page .roi-hero h1 span::after { content: ''; position: absolute; height: 7px; left: 0; right: 0; bottom: -13px; background: #d8c4f4; border-radius: 100%; transform: rotate(-2deg); }
.content-efficiency-page .roi-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 650px; align-items: center; gap: 52px; }
.content-efficiency-page .roi-hero-grid p { font-size: 18px; }
.content-efficiency-page .roi-hero-grid > img { display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 18px 45px rgba(71, 67, 133, .08); }
.content-efficiency-page .roi-hero h2 { font-size: 40px; }
.content-efficiency-page .roi-hero .roi-note { font-size: 14px; margin: 20px 0 0; }

.content-efficiency-page .roi-trust { padding-top: 100px; padding-bottom: 150px; text-align: center; }
.content-efficiency-page .roi-trust h2 { font-size: 24px; margin-bottom: 24px; }
.content-efficiency-page .consulting-logo-grid { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 22px; }
.content-efficiency-page .consulting-logo-slot { align-items: center; background: #fff; border: 1px solid #edf0f5; border-radius: 10px; display: flex; height: 104px; justify-content: center; overflow: hidden; padding: 14px 20px; position: relative; }
.content-efficiency-page .consulting-logo { height: calc(100% - 28px); inset: 14px 20px; opacity: 0; position: absolute; transform: translateY(20px); transition: opacity .42s ease, transform .42s ease; width: calc(100% - 40px); }
.content-efficiency-page .consulting-logo.is-active { opacity: 1; transform: translateY(0); }
.content-efficiency-page .consulting-logo.is-leaving { opacity: 0; transform: translateY(-20px); }
.content-efficiency-page .roi-difference { padding-top: 80px; }
.content-efficiency-page .roi-difference > .roi-shell > h3 { margin-top: 32px; }
.content-efficiency-page .roi-checks { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 32px; padding: 0; margin: 18px 0 38px; }
.content-efficiency-page .roi-checks--single { grid-template-columns: 1fr; }
.content-efficiency-page .roi-checks li { position: relative; padding-left: 32px; margin: 0; }
.content-efficiency-page .roi-checks li::before { content: '✓'; position: absolute; left: 0; top: 2px; width: 21px; height: 21px; line-height: 17px; border: 2px solid #9150d1; border-radius: 50%; text-align: center; color: #9150d1; font-size: 14px; font-weight: 700; }
.content-efficiency-page .roi-checks--blue li::before { border-color: #55a8ef; color: #55a8ef; }
.content-efficiency-page .roi-full-picture { margin: 69px auto 27px; }
.content-efficiency-page .roi-gradient-cta { display: grid; grid-template-columns: 31% 1fr; align-items: center; gap: 32px; overflow: hidden; padding: 24px 32px 0; min-height: 260px; border-radius: 15px; color: #fff; background: linear-gradient(115deg, #a565d3, #b66df5 55%, #9054bc); }
.content-efficiency-page .roi-gradient-cta img { align-self: end; width: 100%; height: auto; border-radius: 12px 12px 0 0; }
.content-efficiency-page .roi-gradient-cta h3 { color: #fff; font-size: 32px; margin-bottom: 22px; }
.content-efficiency-page .roi-gradient-cta .roi-button { margin-right: 10px; margin-bottom: 20px; }

.content-efficiency-page .roi-steps { background: #f8fbff; }
.content-efficiency-page .roi-capabilities { padding: 80px 0; }
.content-efficiency-page .roi-feature--blue { padding: 65px 0; }
.content-efficiency-page .roi-feature--pale:has(.roi-callout) { padding: 120px 0; }
.content-efficiency-page .roi-step-grid { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 115px 65px; }
.content-efficiency-page .roi-step-grid article { position: relative; }
.content-efficiency-page .roi-step-flow { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.content-efficiency-page .roi-step-icon,
.content-efficiency-page .roi-capability-icon { display: block; width: 88px; height: 88px; margin-bottom: 22px; object-fit: contain; }
.content-efficiency-page .roi-step-icon { width: 100px; height: 100px; }
.content-efficiency-page .roi-step-grid h3 { font-size: 22px; }
.content-efficiency-page .roi-step-grid p { margin: 0; }
.content-efficiency-page .roi-capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid #e2e7f3; border-radius: 30px; background: #fff; box-shadow: 0 13px 22px rgba(34, 48, 82, .05); }
.content-efficiency-page .roi-capabilities .roi-section-heading h2 { font-size: 33px; }
.content-efficiency-page .roi-capability-grid article { min-height: 285px; padding: 30px; border-right: 1px solid #edf0f7; border-bottom: 1px solid #edf0f7; }
.content-efficiency-page .roi-capability-grid article:nth-child(3n) { border-right: 0; }
.content-efficiency-page .roi-capability-grid article:nth-child(n+4) { border-bottom: 0; }
.content-efficiency-page .roi-capability-icon { width: 100px; height: 100px; }
.content-efficiency-page .roi-capability-grid h3 { margin-bottom: 7px; }
.content-efficiency-page .roi-capability-grid p { margin: 0; }
.content-efficiency-page .roi-quote { display: grid; grid-template-columns: 120px 1fr; gap: 24px; background: linear-gradient(110deg, #f9f7ff, #eeeaff); border-top: 2px solid #9361d1; border-radius: 10px; padding: 24px; margin: 40px 0 0; }
.content-efficiency-page .roi-quote > img { width: 120px; height: 120px; object-fit: cover; border-radius: 20px; }
.content-efficiency-page .roi-quote p { color: #1d2432; font-size: 23px; font-weight: 700; line-height: 1.3; margin-bottom: 16px; }
.content-efficiency-page .roi-quote cite { display: block; color: #425069; font-size: 17px; font-style: normal; margin-bottom: 24px; }
.content-efficiency-page .roi-quote cite img { width: 38px; height: 38px; object-fit: contain; margin-right: 12px; vertical-align: middle; }
.content-efficiency-page .roi-actions { display: flex; flex-wrap: wrap; gap: 10px; }

.content-efficiency-page .roi-feature--blue { background: #eaf5ff; }
.content-efficiency-page .roi-feature--pale { background: #fafaff; }
.content-efficiency-page .roi-feature--lavender { background: linear-gradient(#f0edff, #fff); }
.content-efficiency-page .roi-feature .roi-visual { width: 100%; margin: 36px 0 38px; }
.content-efficiency-page .roi-feature > .roi-shell > h3 { margin: 32px 0 20px; }
.content-efficiency-page .roi-feature > .roi-shell > .roi-checks { margin-bottom: 28px; }
.content-efficiency-page .roi-aside { font-style: italic; font-size: 16px !important; }
.content-efficiency-page .roi-split { display: grid; grid-template-columns: 40% 1fr; gap: 40px; align-items: center; }
.content-efficiency-page .roi-split .roi-visual { margin: 0; }
.content-efficiency-page .roi-callout { padding: 30px; margin-top: 32px; background: linear-gradient(120deg, #faf8ff, #eeeaff); border-top: 2px solid #8650ca; border-radius: 8px; }
.content-efficiency-page .roi-callout p { margin-bottom: 25px; }
.content-efficiency-page .roi-delivery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 30px; }
.content-efficiency-page .roi-delivery span { display: flex; align-items: center; gap: 16px; min-height: 76px; background: #fff; border-radius: 14px; padding: 12px; color: #344259; font-size: 17px; }
.content-efficiency-page .roi-delivery img { flex: none; width: 52px; height: 52px; object-fit: contain; padding: 9px; border-radius: 12px; background: #f5f8ff; }
.content-efficiency-page .roi-audiences { padding-bottom: 90px; }
.content-efficiency-page .roi-audience-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 70px; }
.content-efficiency-page .roi-audience-grid article { min-height: 350px; padding: 26px; border-radius: 14px; background: #f1f9ff; }
.content-efficiency-page .roi-audience-grid article:nth-child(2) { background: #f8f6ff; }
.content-efficiency-page .roi-audience-grid article:nth-child(3) { background: #fdf2ff; }
.content-efficiency-page .roi-audience-grid article:nth-child(4) { background: #ecfff2; }
.content-efficiency-page .roi-audience-grid .roi-checks { margin: 0; }
.content-efficiency-page .roi-audience-grid li::before { border-color: #48abdc; color: #48abdc; }
.content-efficiency-page .roi-audience-grid article:nth-child(2) li::before { border-color: #9b64d9; color: #9b64d9; }
.content-efficiency-page .roi-audience-grid article:nth-child(3) li::before { border-color: #d25cdb; color: #d25cdb; }
.content-efficiency-page .roi-audience-grid article:nth-child(4) li::before { border-color: #42ba7b; color: #42ba7b; }
.content-efficiency-page .roi-faq { padding-bottom: 206px; }
.content-efficiency-page .roi-faq .roi-questions { margin: 30px 0 55px; }
.content-efficiency-page .roi-questions details { margin: 0; border: 0; border-bottom: 1px solid #e2e8f0; }
.content-efficiency-page .roi-questions summary { display: flex; justify-content: space-between; gap: 20px; padding: 23px 0; color: #1b2636; font-size: 19px; font-weight: 700; cursor: pointer; list-style: none; }
.content-efficiency-page .roi-questions summary::-webkit-details-marker { display: none; }
.content-efficiency-page .roi-questions summary::after { content: '+'; display: inline-flex; flex: none; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50%; background: #f1f4fb; color: #35415c; font-size: 25px; line-height: 1; }
.content-efficiency-page .roi-questions details[open] summary::after { content: '−'; background: #f1eafa; color: var(--roi-purple); }
.content-efficiency-page .roi-questions details p { max-width: 95%; padding: 0 0 8px 24px; margin: 0 0 20px; border-left: 2px solid var(--roi-purple); }
.content-efficiency-page .roi-faq-cta { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 36px; border-radius: 15px; background: #f2edff; font-size: 18px; }
.content-efficiency-page .roi-contact { scroll-margin-top: 65px; }
.content-efficiency-page .roi-contact .consulting-contact-copy h2 { color: #fff; white-space: nowrap; }
.content-efficiency-page .roi-contact .consulting-contact-copy p { color: #d9e4ff; }

@media (min-width: 768px) {
  .content-efficiency-page .roi-feature--indexing .roi-visual { margin: 55px 0 80px; }
  .content-efficiency-page .roi-feature--article { padding-bottom: 163px; }
  .content-efficiency-page .roi-feature--article > .roi-shell > p { margin-bottom: 7px; }
  .content-efficiency-page .roi-feature--article .roi-split { grid-template-columns: 37% 1fr; }
  .content-efficiency-page .roi-feature--article .roi-visual { width: 680px; }
  .content-efficiency-page .roi-feature--optimizer .roi-visual { margin: 79px 0 90px; }
  .content-efficiency-page .roi-feature--efficiency .roi-visual { margin-bottom: 78px; }
  .content-efficiency-page .roi-feature--brief .roi-visual { margin: 32px 0 126px; }
  .content-efficiency-page .roi-feature--syndication .roi-visual { margin: 57px 0 11px; }
}

@media (max-width: 900px) {
  .content-efficiency-page .roi-hero-grid { grid-template-columns: 1fr 1fr; gap: 25px; }
  .content-efficiency-page .roi-step-grid { gap: 55px 30px; }
  .content-efficiency-page .roi-step-flow { display: none; }
  .content-efficiency-page .roi-capability-grid article { padding: 22px; }
}

@media (max-width: 767px) {
  .content-efficiency-page .roi-shell { padding: 0 20px; }
  .content-efficiency-page .roi-section { padding: 68px 0; }
  .content-efficiency-page .roi-feature--pale:has(.roi-callout) { padding: 68px 0; }
  .content-efficiency-page .roi-main h2 { font-size: 30px; }
  .content-efficiency-page .roi-contact .consulting-contact-copy h2 { white-space: normal; }
  .content-efficiency-page .roi-capabilities .roi-section-heading h2 { font-size: 30px; }
  .content-efficiency-page .roi-main h3 { font-size: 21px; }
  .content-efficiency-page .roi-main p,
  .content-efficiency-page .roi-main li { font-size: 16px; }
  .content-efficiency-page .roi-hero { padding: 55px 0 70px; }
  .content-efficiency-page .roi-hero h1 { font-size: 36px; margin-bottom: 48px; }
  .content-efficiency-page .roi-hero-grid,
  .content-efficiency-page .roi-split,
  .content-efficiency-page .roi-gradient-cta { grid-template-columns: 1fr; }
  .content-efficiency-page .roi-hero-grid > img { margin-top: 12px; }
  .content-efficiency-page .roi-trust { padding-top: 60px; padding-bottom: 65px; }
  .content-efficiency-page .roi-trust h2 { font-size: 20px; }
  .content-efficiency-page .consulting-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-efficiency-page .consulting-logo-slot { height: 86px; }
  .content-efficiency-page .roi-section-heading { align-items: start; flex-direction: column; }
  .content-efficiency-page .roi-checks,
  .content-efficiency-page .roi-step-grid,
  .content-efficiency-page .roi-audience-grid { grid-template-columns: 1fr; }
  .content-efficiency-page .roi-step-grid { gap: 30px; }
  .content-efficiency-page .roi-audience-grid { margin-top: 30px; }
  .content-efficiency-page .roi-audience-grid article { min-height: 0; }
  .content-efficiency-page .roi-gradient-cta { gap: 10px; padding: 25px; }
  .content-efficiency-page .roi-gradient-cta img { max-width: 350px; }
  .content-efficiency-page .roi-gradient-cta h3 { font-size: 26px; }
  .content-efficiency-page .roi-capability-grid { grid-template-columns: repeat(2, 1fr); }
  .content-efficiency-page .roi-capability-grid article:nth-child(3n) { border-right: 1px solid #edf0f7; }
  .content-efficiency-page .roi-capability-grid article:nth-child(2n) { border-right: 0; }
  .content-efficiency-page .roi-capability-grid article:nth-child(n+4) { border-bottom: 1px solid #edf0f7; }
  .content-efficiency-page .roi-capability-grid article:nth-child(n+5) { border-bottom: 0; }
  .content-efficiency-page .roi-delivery { grid-template-columns: repeat(2, 1fr); }
  .content-efficiency-page .roi-faq-cta { align-items: start; flex-direction: column; }
}

@media (max-width: 480px) {
  .content-efficiency-page .consulting-logo-grid { gap: 8px; }
  .content-efficiency-page .consulting-logo-slot { height: 74px; padding: 10px 12px; }
  .content-efficiency-page .consulting-logo { height: calc(100% - 20px); inset: 10px 12px; width: calc(100% - 24px); }
}

@media (prefers-reduced-motion: reduce) {
  .content-efficiency-page .consulting-logo { transition: none; }
}

@media (max-width: 520px) {
  .content-efficiency-page .roi-hero h1 { font-size: 31px; }
  .content-efficiency-page .roi-hero h1 span::after { bottom: 1px; height: 4px; }
  .content-efficiency-page .roi-capability-grid,
  .content-efficiency-page .roi-delivery { grid-template-columns: 1fr; }
  .content-efficiency-page .roi-capability-grid article { min-height: 0; border-right: 0 !important; border-bottom: 1px solid #edf0f7 !important; }
  .content-efficiency-page .roi-capability-grid article:last-child { border-bottom: 0 !important; }
  .content-efficiency-page .roi-quote { grid-template-columns: 1fr; padding: 22px; }
  .content-efficiency-page .roi-quote p { font-size: 20px; }
  .content-efficiency-page .roi-faq-cta { padding: 22px; }
}