@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1300px; }
}
.title-wrap h1 { font-size: 50px; font-weight: 600; line-height: 140%; letter-spacing: -0.5px; color: #fff; position: relative; z-index: 99; margin: 0; }
.dots { position: relative; }
.common-media { padding: 60px 0 7px 0; }
@media screen and (max-width:1199px) {
  .common-media { padding: 55px 0px 12px 0; }
}
@media screen and (max-width:991px) {
  .common-media { padding: 50px 0 26px 0; }
}
@media screen and (max-width:767px) {
  .common-media { padding: 45px 0px 37px 0; }
}
@media (max-width:576px) {
  .common-media { padding: 35px 0; }
}
@media (max-width:480px) {
  .common-media { padding: 25px 0; }
}
.title-wrap .h4 .dots { left: 0; top: 6px; width: 8px; height: 8px; border-radius: 100%; background: var(--primarycolor); display: block; }
.title-wrap .h4 { font-size: 14px; color: #4C596D; font-weight: 500; line-height: 150%; position: relative; padding-bottom: 15px; display: flex; gap: 10px; margin: 0; }
.author-main { margin-top: 10px; }
audio { width: 500px; height: 60px; }
.spotify-podcast-frame { border-radius: 12px; }
.blog-author-detail p a { color: #192A44; font-size: 20px; font-weight: 600; line-height: 40px; }
.blog-author-detail p a:hover { color: #ff6c1a; }
.author-detail { color: #192A44; font-size: 18px; font-weight: 400; line-height: 24px; }
.blogs-main-content-wrap { margin-top: 85px; }
.blog-post-content ul, .blog-post-content ol, .blog-post-content p { margin-bottom: 0; }
.blog-post-content ul li, .blog-post-content ol li, .blog-post-content p { color: #192A44; font-size: 18px; font-weight: 400; line-height: 35px; padding-bottom: 8px; }
label { color: #192A44; font-size: 18px; font-weight: 400; padding-bottom: 14px; }
li b, p b, li strong, p strong { font-weight: 600; }
@media (max-width:1199px) {
  .title-wrap h1 { font-size: 34px; line-height: 132%; }
  audio { width: 400px; height: 50px; }
  .blogs-main-content-wrap { margin-top: 60px; }
}
@media (max-width:991px) {
  audio { width: 300px; height: 50px; }
  .blogs-main-content-wrap { margin-top: 50px; }
}
.blog-post-content .h2, .blog-post-content h2 { color: #192A44; font-size: 26px; font-weight: 700; line-height: 36px; margin-bottom: 0; padding-top: 22px !important; padding-bottom: 16px !important; }
.blog-post-content h3, .blog-post-content .h3, .blog-post-content h2.cost-glance-heading { color: #192A44; font-size: 22px !important; font-weight: 700 !important; line-height: normal !important; margin-bottom: 0 !important; padding: 6px 0 4px 0px !important; text-align: left !important; }
.blog-post-content h4, .blog-post-content .h4 { color: #192A44; font-size: 20px; font-weight: 600; line-height: normal; margin-bottom: 0; padding: 6px 0px 4px; }
@media (max-width: 767px) {
  .blog-post-content .h2, .blog-post-content h2 { font-size: 22px; }
  .blog-post-content h3, .blog-post-content .h3, .blog-post-content h2.cost-glance-heading { font-size: 18px !important; }
}
@media (max-width: 480px) {
  .blog-post-content .h2, .blog-post-content h2 { font-size: 20px; }
}
.sub-titles { color: #192A44; font-size: 18px; font-weight: 600; line-height: normal; margin-bottom: 10px; }
/* Table of contents start */
.table-of-content-section { position: sticky; top: 100px; }
.blog-toc { border: 3px solid #FF6C1A66; border-radius: 15px; padding-top: 10px; }
.recent-blogs-head .h2 { color: #192A44; font-size: 20px; font-weight: 700; line-height: 150%; padding-left: 20px; }
.sidebar-blogs-single .h4 { margin-bottom: 0; }
.smart-header .h4 { display: block; color: #192A44; font-size: 16px; font-weight: 400; line-height: 25px; padding: 10px 25px; border-radius: 4px; width: 100%; margin-bottom: 0; }
.sidebar-blogs-single .h4 a { display: block; color: #192A44; font-size: 16px; font-weight: 400; line-height: 25px; padding: 10px 25px; border-radius: 4px; width: 100%; }
.smart-image { padding: 10px 10px 0 10px; }
.smart-image img { border-radius: 15px; }
.smart-blog-first { cursor: pointer; }
.popular-item:hover .popular-number { color: #FF8A3D !important; transition: 0.3s ease-in-out; }
.popular-item:hover .h4 { color: #FF8A3D; transition: 0.3s ease-in-out; }
.toc-scroll .menu-link.active { background: rgba(255, 108, 26, 0.15); color: #FF6C1A; font-weight: 600; }
.toc-scroll { display: flex; flex-direction: column; gap: 3px; }
@media (max-width:1199px) {
  .smart-header .h4 { padding: 10px 15px; }
}
@media (max-width:991px) {
  .blog-post-content .h2, .blog-post-content h2 { font-size: 24px; line-height: 32px; }
  .title-wrap h1 { font-size: 30px; }
  .smart-image { padding: 0; }
  .recent-blogs-head .h2 { padding: 0px 0px 10px 0px; }
}
@media (max-width: 700px) {
  .title-wrap h1 { font-size: 28px; }
  .blog-author-detail img { width: 33px !important; height: 33px !important; }
  .blog-author-detail p a { font-size: 18px; line-height: 130%; }
  .author-detail { font-size: 16px; }
  .blogs-main-content-wrap { margin-top: 35px; }
  .blog-post-content .h2, .blog-post-content h2 { font-size: 22px; line-height: 28px; }
  .blog-post-content ul li, .blog-post-content ol li, .blog-post-content p, .blog-bullet-list li, .blog-points-list li { font-size: 17px; line-height: 150%; }
  label { font-size: 17px; }
  .blog-post-content h4, .blog-post-content .h4 { font-size: 18px; }
  .blog-post-content .h2 { text-align: center !important; }
  .blog-post-content h3, .blog-post-content .h3, .blog-post-content h2.cost-glance-heading { font-size: 18px !important; padding: 8px 0 4px 0px !important; text-align: left !important; }
}
@media (max-width: 575px) {
  .title-wrap h1 { font-size: 26px; }
  .author-detail { font-size: 14px; }
  audio { height: 40px; }
}
@media (max-width: 480px) {
  .title-wrap h1 { font-size: 24px; }
  .blog-post-content .h2, .blog-post-content h2:not(.cost-glance-heading) { font-size: 20px; line-height: 26px; padding-top: 14px !important; padding-bottom: 16px !important; }
  .blog-post-content h2.cost-glance-heading { font-size: 18px !important; line-height: normal !important; padding: 8px 0 4px 0px !important; }
  .blog-post-content ul li, .blog-post-content ol li, .blog-post-content p, .blog-bullet-list li, .blog-points-list li { font-size: 15px; }
  label { font-size: 16px; }
  .sub-titles { font-size: 16px; }
  .blog-post-content h4, .blog-post-content .h4 { font-size: 17px; }
}
/* Blog Scroll Section style start here */
.blog-section .blog-card { padding-bottom: 0; }
.blog-section .blog-card figure { margin-bottom: 0; }
.blog-section .desc { padding: 15px; background: #f7f7f7; border: 1px solid #ededed; }
.blog-section .bolg-category-title .h4, .blog-section .bolg-category-title h4 { font-size: 14px; line-height: 21px; font-weight: 600; color: #192a44; padding-right: 10px; margin: 0; }
.blog-section .blog-card .bolg-category-title img { visibility: hidden; }
.blog-section .blog-card:hover .bolg-category-title img { transition: 1s ease-in-out; visibility: visible; }
.blog-section .blog-card h3, .blog-section .blog-card .h3 { color: var(--secondrycolor); font-size: 20px; font-weight: 600; line-height: 150%; transition: .3s ease-in-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 60px; margin: 0 !important; padding: 0; }
.blog-section .blog-card:hover h3 { color: var(--primarycolor); }
@media screen and (max-width:1199px) {
  .blog-section .blog-card h3, .blog-section .blog-card .h3 { font-size: 18px; min-height: 54px; }
}
@media screen and (max-width:767px) {
  .blog-section { padding-left: 12px !important; padding-right: 12px !important; }
  .blog-section .blog-card h3, .blog-section .blog-card .h3 { font-size: 17px; min-height: 50px; }
}
@media screen and (max-width:480px) {
  .blog-section .desc { padding: 10px; }
  .blog-section .bolg-category-title .h4, .blog-section .bolg-category-title h4 { font-size: 13px; }
  .blog-section .blog-card h3, .blog-section .blog-card .h3 { font-size: 15px; min-height: 45px; }
}
/* Blog Scroll Section style ends here */
/* FAQ Start */
.faq-assist-heading { color: #192A44; font-size: 32px; font-weight: 700; line-height: 1.3; letter-spacing: 0; position: relative; display: inline-block; max-width: 760px; margin: 0 auto; }
.faq-assist-heading span:first-child { color: #FF6C1A; }
.faq-assist-heading .dots { display: inline-block; width: 26px; height: 26px; border-radius: 50%; background: #FF6C1A; margin-left: 4px; transform: translateY(5px); }
.faq .accordion-item { border: 0; border-bottom: 1px solid #E5E7EB; }
.faq .accordion-item:last-child { border-bottom: 0; }
.faq .accordion-button { font-size: 20px; color: #4C596D; padding: 30px 0; gap: 5px; }
.faq .accordion-button:not(.collapsed) { font-weight: 600; color: #111928; background-color: transparent; box-shadow: 0 0 0 0; }
.faq .accordion-button::after { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.0007 0.0820312C8.10555 0.0820312 0.0839844 8.1036 0.0839844 17.9987C0.0839844 27.8939 8.10555 35.9154 18.0007 35.9154C27.8958 35.9154 35.9173 27.8939 35.9173 17.9987C35.9173 8.1036 27.8958 0.0820312 18.0007 0.0820312ZM19.6673 11.332C19.6673 10.4116 18.9212 9.66536 18.0007 9.66536C17.0802 9.66536 16.334 10.4116 16.334 11.332V16.332H11.334C10.4135 16.332 9.66732 17.0782 9.66732 17.9987C9.66732 18.9192 10.4135 19.6654 11.334 19.6654H16.334V24.6654C16.334 25.5859 17.0802 26.332 18.0007 26.332C18.9212 26.332 19.6673 25.5859 19.6673 24.6654V19.6654H24.6673C25.5878 19.6654 26.334 18.9192 26.334 17.9987C26.334 17.0782 25.5878 16.332 24.6673 16.332H19.6673V11.332Z" fill="%23FF6C1A" fill-opacity="0.2"/></svg>'); width: 40px; height: 40px; background-size: 40px; }
.faq .accordion-button:not(.collapsed)::after { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0007 2.08203C10.1056 2.08203 2.08398 10.1036 2.08398 19.9987C2.08398 29.8939 10.1056 37.9154 20.0007 37.9154C29.8958 37.9154 37.9173 29.8939 37.9173 19.9987C37.9173 10.1036 29.8958 2.08203 20.0007 2.08203ZM13.334 18.332C12.4135 18.332 11.6673 19.0782 11.6673 19.9987C11.6673 20.9192 12.4135 21.6654 13.334 21.6654H26.6673C27.5878 21.6654 28.334 20.9192 28.334 19.9987C28.334 19.0782 27.5878 18.332 26.6673 18.332H13.334Z" fill="%23FF6C1A"/></svg>'); }
.faq .accordion-button:focus { box-shadow: 0 0 0 0; }
.faq .accordion-body { padding: 0 0 30px; }
.faq .accordion-body p { color: #192A44; font-size: 18px; font-weight: 400; line-height: 162%; }
/* FAQ End */
@media (max-width: 767px) {
  .faq .accordion-button { font-size: 18px; padding: 20px 0; }
  .faq .accordion-body p { font-size: 17px; }
}
@media (max-width: 576px) {
  .faq .accordion-button { font-size: 16px; padding: 20px 0; }
  .faq .accordion-body p { font-size: 15px; }
  .faq .accordion-button::after { width: 30px; height: 30px; background-size: 30px; }
}
/* Footer Start */
.lines-white hr { background: #D1D5DB; }
.social-icons ul li a { transition: 0.3s ease-in-out; }
.social-icons ul li a:hover svg path { fill: #ff6c1a; }
.footer-heading ul li a:hover { font-weight: 400 !important; }
@media screen and (max-width: 991px) {
  .footer-heading p { padding-bottom: 25px !important; }
  .lines-white hr { margin: 0 0 25px; }
}
/* Footer End */
/* Table of Contents style start here */
body button.btn.btn-toc { background: #ff6c1a !important; color: #fff !important; border-radius: 0; position: relative; }
body button.btn.btn-toc.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
.toc-main { position: relative; margin-top: 30px; margin-bottom: -60px; z-index: 1; }
.btn-toc { background: #ff6c1a !important; color: #fff !important; border-radius: 0; }
.btn-toc .btn.show { color: #fff !important; }
.btn-toc.dropdown-menu.show { position: relative !important; transform: translate(0, 0) !important; transition: all 2s ease-in-out; }
.btn-toc.toc-tab-menu.dropdown-menu.show { position: relative !important; top: 0 !important; left: 0 !important; transform: none !important; max-height: 300px !important; overflow-y: auto !important; }
.btn-toc.toc-tab-menu.dropdown-menu.show::-webkit-scrollbar { width: 5px !important; }
.btn-toc.toc-tab-menu.dropdown-menu.show::-webkit-scrollbar-thumb { background-color: #ff6c1a !important; border-radius: 20px !important; }
.btn-toc.dropdown-menu { width: 100%; background: #f3f6f9 !important; border-radius: 6px; padding: 25px; }
.btn-toc.dropdown-menu li { list-style: disc; list-style-position: inside; color: #000; }
.btn-toc.dropdown-menu li a { font-size: 16px; color: #4c596d !important; }
.btn-toc.dropdown-menu li a:hover { color: #ff6c1a !important; }
@media (max-width:991px) {
  .toc-main { margin-bottom: -40px; }
  .table-of-content-section { top: 20px; }
}
@media (max-width:767px) {
  .toc-main { margin-bottom: -20px; }
  .btn-toc.dropdown-menu li a { font-size: 14px; }
  .btn-toc.dropdown-menu { padding: 15px; }
}
@media (max-width:576px) {
  .btn-toc.dropdown-menu { padding: 10px; }
}
/* Keep TOC labels in logical LTR order even inside RTL scroll containers */
.blog-toc .menu-link { direction: ltr; unicode-bidi: isolate; text-align: left; display: block; }
.toc-scroll .toc-subitems .menu-link.active { background: transparent; }
.toc-subitems li { list-style: none; position: relative; padding-left: 30px; }
.toc-scroll .toc-subitems li .menu-link.active::before { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 100%; background: #ff6c1a; left: 15px; top: 12px; transform: translate(-50%, -50%); }
.toc-subitems { flex-direction: column; gap: 10px; margin: 10px 0; }
.toc-subitems.is-open { display: flex; }
.custom-scroll { max-height: 300px; overflow-y: auto; padding-right: 6px; direction: rtl; text-align: end; scrollbar-width: none; -ms-overflow-style: none; }
.custom-scroll::-webkit-scrollbar { width: 0; height: 0; display: none; }
.custom-scroll::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 20px; }
.custom-scrolls { max-height: 600px; overflow-y: auto; padding-right: 6px; direction: rtl; text-align: end; position: sticky; top: 100px; scrollbar-width: thin; scrollbar-color: #ff6c1a transparent; }
.custom-scrolls::-webkit-scrollbar { width: 5px; }
.custom-scrolls::-webkit-scrollbar-thumb { background-color: #ff6c1a; border-radius: 20px; }
.popular-number { margin: auto; color: #FF6C1A66; font-size: 32px; font-weight: 700; display: flex; justify-content: center; align-items: center; }
.cta-text .cta-title { margin: 0 0 2px !important; padding-bottom: 0 !important; color: var(--text, #192A44) !important; font-size: clamp(15px, 1.6vw, 17px) !important; font-weight: 700 !important; line-height: 1.35 !important; }
.popular-section { border: 3px solid #FF6C1A66; padding: 10px; border-radius: 15px; }
.horizontal-line { margin: 30px 0px; height: 0px; border-top: 0 solid #e6e8ea; position: relative; height: 2px; opacity: 1; background: #e6e8ea; }
.horizontal-lines { margin: 30px 0px 20px 0px; height: 0px; border-top: 0 solid #e6e8ea; position: relative; height: 2px; opacity: 1; background: #e6e8ea; }
.horizontal-lines:before, .horizontal-lines:after, .horizontal-line:before, .horizontal-line:after { width: 35px; height: 2px; background: #ff6c1a; content: ""; position: absolute; left: 0; top: 0; }
.horizontal-lines:after, .horizontal-line:after { width: 6px; background: #fff; left: 35px; }
.responsive-height { height: auto; }
@media (min-width: 768px) {
  .responsive-height { height: 100%; }
}
.toc-subitems { display: none; }
.author-detail-img { width: calc(100% - 70px); }
.author-detail-img img { width: 100%; }
@media (max-width:991px) {
  .author-detail-img { width: auto; }
  .author-detail-img img { width: auto; }
}
@media (max-width:700px) {
  .author-detail-img { width: calc(100% - 70px); }
  .author-detail-img img { width: 100% !important; height: auto !important; }
}
.banner-new { background-color: #4c596d; align-items: center; justify-content: center; }
.blog-banner-header { background-color: #192A44; height: 430px; padding: 20px; }
.blog-banner { height: 100%; }
@media(max-width:1199px) {
  .blog-banner-header { height: auto; }
  .blog-banner { height: auto; }
}
@media(max-width: 991px) {
  .popular-number { text-align: end; margin: 0; }
}
@media(max-width:576px) {
  .blog-header h1 { text-align: center !important; margin: auto !important; }
  .blog-banner-header { display: flex; align-items: center; height: 200px; }
  .blog-banner { display: block; align-items: center !important; margin: auto; }
  .banner-image { display: none; }
}
@media (max-width:991px) {
  .popular-content hr { border-top: 0 solid #e6e8ea; position: relative; height: 2px; opacity: 1; background: #e6e8ea; margin: 70px 0px 10px 0px; }
  .popular-content hr:before, .popular-content hr:after { width: 35px; height: 2px; background: #ff6c1a; content: ""; position: absolute; left: 0; top: 0; }
  .popular-content hr:after { width: 6px; background: #fff; left: 35px; }
}
@media (max-width: 480px) {
  .popular-content hr { margin: 40px 0px 60px 0px; }
}
/* ==========================================================================
   Blog Post Content - Modern UI Enhancements for DevOps Consulting Cost
   ========================================================================== */
.internal-links, .blog-post-content a.internal-links, .blog-post-content a:not(.inline-cta-btn):not(.assessment-btn):not(.menu-link):not(.dt-article-cta-btn) { color: #ff6c1a !important; text-decoration: none !important; word-wrap: break-word; font-weight: 500; transition: color 0.2s ease; }
.internal-links:hover, .blog-post-content a.internal-links:hover, .blog-post-content a:not(.inline-cta-btn):not(.assessment-btn):not(.menu-link):not(.dt-article-cta-btn):hover { color: #e05507 !important; text-decoration: none !important; }
/* Utilities matching why-digital-transformation-projects-fail */
.quote-box { background: #f5f5f5; border-left: 4px solid #F97316; padding: 16px 18px; font-style: italic; font-family: "Georgia", "Times New Roman", serif; color: #1F2937; font-size: 20px; max-width: 880px; margin: 10px 0; }
@media (max-width: 1199px) {
  .quote-box { max-width: 100%; font-size: 18px; }
}
@media (max-width: 767px) {
  .quote-box { max-width: 100%; font-size: 16px; }
}
.preferred-box { padding: 20px 24px !important; margin: 15px 0px !important; border-left: 4px solid #FF6C1A; background-color: #f3f7ff; transform: translateY(-2px); transition: background-color 0.4s ease, border-left 0.4s ease, transform 0.3s ease; }
.preferred-box:hover { transform: translateY(-4px); }
.important-box { border-left: 4px solid #FF6C1A; padding: 5px 20px; margin: 10px 0; }
@media (max-width: 767px) {
  .important-box { border-left: 3px solid #FF6C1A; padding: 3px 8px; }
}
.quick-facts-card { margin: 24px 0 8px; padding: 24px 26px; border: 1px solid rgba(255, 108, 26, 0.18); border-left: 5px solid #FF6C1A; border-radius: 14px; background: linear-gradient(135deg, #fffaf6 0%, #ffffff 58%, #f7fbff 100%); box-shadow: 0 16px 34px rgba(25, 42, 68, 0.08); }
.quick-facts-card h3 { padding: 0 !important; margin: 0 0 18px !important; color: #10153f !important; font-size: 22px !important; line-height: 1.3 !important; font-weight: 800 !important; }
.quick-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.quick-facts p { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: 10px; margin: 0 !important; padding: 12px 14px !important; border: 1px solid #edf2f7; border-radius: 10px; background: rgba(255, 255, 255, 0.78); color: #192A44; font-size: 15px !important; line-height: 1.5 !important; box-shadow: 0 8px 18px rgba(25, 42, 68, 0.05); }
.quick-facts p span { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; background: rgba(255, 108, 26, 0.10); font-size: 18px; line-height: 1; }
@media (max-width: 991px) {
  .quick-facts { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .quick-facts-card { padding: 18px 16px; border-radius: 12px; }
  .quick-facts-card h3 { font-size: 19px !important; }
}
@media (max-width: 480px) {
  .quick-facts p { grid-template-columns: 30px minmax(0, 1fr); padding: 10px 11px !important; font-size: 14px !important; }
  .quick-facts p span { width: 30px; height: 30px; font-size: 16px; }
}
/* Article CTA Component */
.dt-article-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 24px; border: 1px solid rgba(255, 108, 26, 0.28); border-radius: 14px; background: linear-gradient(135deg, #fff8f4 0%, #ffffff 58%, #f7fbff 100%); box-shadow: 0 14px 30px rgba(25, 42, 68, 0.08); }
.dt-article-cta-final { background: #192A44; border-color: #192A44; box-shadow: 0 16px 34px rgba(25, 42, 68, 0.16); }
.dt-article-cta-kicker { display: inline-flex; width: fit-content; margin-bottom: 8px; padding: 4px 10px; border-radius: 999px; background: rgba(255, 108, 26, 0.12); color: #ff6c1a; font-size: 11px; font-weight: 800; line-height: 1.2; text-transform: uppercase; }
.dt-article-cta-final .dt-article-cta-kicker { background: rgba(255, 108, 26, 0.22); }
.dt-article-cta-title { margin: 0 !important; padding-bottom: 8px !important; color: #192A44 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.28 !important; }
.dt-article-cta-text { margin: 0 !important; padding-bottom: 0 !important; color: #4C596D !important; font-size: 15.5px !important; line-height: 1.55 !important; }
.dt-article-cta-final .dt-article-cta-title, .dt-article-cta-final .dt-article-cta-text { color: #ffffff !important; }
.dt-article-cta-final .dt-article-cta-text { opacity: 0.86; }
.dt-article-cta-btn, .blog-post-content a.dt-article-cta-btn, .blog-post-content .dt-article-cta a.dt-article-cta-btn, .dt-article-cta-final .dt-article-cta-btn, a.dt-article-cta-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 12px 20px; border: 1px solid #ff6c1a; border-radius: 10px; background: #ff6c1a !important; color: #ffffff !important; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none !important; white-space: nowrap; transition: background 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease, color 0.22s ease; }
.dt-article-cta-btn:link, .dt-article-cta-btn:visited, .blog-post-content a.dt-article-cta-btn:link, .blog-post-content a.dt-article-cta-btn:visited { color: #ffffff !important; }
.dt-article-cta-btn:hover, .blog-post-content a.dt-article-cta-btn:hover, .blog-post-content .dt-article-cta a.dt-article-cta-btn:hover, .dt-article-cta-final .dt-article-cta-btn:hover, a.dt-article-cta-btn:hover { background: #e85a0e !important; border-color: #e85a0e !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(255, 108, 26, 0.24); transform: translateY(-1px); }
.dt-article-cta-btn:active, .dt-article-cta-btn:focus, .blog-post-content a.dt-article-cta-btn:focus { color: #ffffff !important; }
.dt-article-cta-btn .btn-arrow, .blog-post-content a.dt-article-cta-btn .btn-arrow { display: inline-block; color: #ffffff !important; margin-left: 2px; transition: transform 0.2s ease; }
.dt-article-cta-btn:hover .btn-arrow, .blog-post-content a.dt-article-cta-btn:hover .btn-arrow { color: #ffffff !important; transform: translateX(3px); }
@media (max-width: 767px) {
  .dt-article-cta { grid-template-columns: 1fr; gap: 14px; padding: 18px; border-radius: 12px; }
  .dt-article-cta-title { font-size: 18px !important; }
  .dt-article-cta-text { font-size: 13.5px !important; }
  .dt-article-cta-btn, .blog-post-content a.dt-article-cta-btn, a.dt-article-cta-btn { width: auto !important; justify-self: center !important; min-height: 38px !important; padding: 8px 18px !important; font-size: 13.5px !important; font-weight: 700 !important; border-radius: 8px !important; gap: 6px !important; white-space: nowrap !important; }
}
/* Quick Answer Callout */
.quick-answer-card { background: #fff4ec; border: 1px solid #ffd8c0; border-radius: 14px; padding: 24px 28px; margin: 30px 0; box-shadow: 0 4px 16px rgba(25, 42, 68, 0.04); }
.quick-answer-badge { display: block; background: transparent; color: #192a44; font-weight: 700; font-size: 19px; text-transform: none; letter-spacing: normal; padding: 0; margin-bottom: 12px; }
.quick-answer-card p { color: #192a44; font-size: 17px; line-height: 1.75; margin-bottom: 0; font-weight: 500; }
@media (max-width: 767px) {
  .quick-answer-card { padding: 16px 18px !important; margin: 18px 0 !important; border-radius: 12px !important; }
  .quick-answer-badge { font-size: 16px !important; margin-bottom: 8px !important; line-height: 1.3 !important; }
  .quick-answer-card p { font-size: 15px !important; line-height: 1.55 !important; }
}
@media (max-width: 480px) {
  .quick-answer-card { padding: 14px 15px !important; margin: 16px 0 !important; border-radius: 10px !important; }
  .quick-answer-badge { font-size: 15px !important; margin-bottom: 6px !important; }
  .quick-answer-card p { font-size: 14px !important; line-height: 1.5 !important; }
}
/* Modern Tables */
.blog-table-wrap { background: #ffffff; border: 1px solid #e5e9f0; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 20px rgba(25, 42, 68, 0.04); margin: 28px 0 32px 0; }
.blog-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #ff6c1a #f1f5f9; }
.blog-table-responsive::-webkit-scrollbar { height: 6px; background-color: #f1f5f9; }
.blog-table-responsive::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 4px; }
.blog-table-responsive::-webkit-scrollbar-thumb { background-color: #ff6c1a; border-radius: 4px; }
.blog-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 16px; margin-bottom: 0; }
.blog-table thead th { background: #192a44; color: #ffffff; font-weight: 600; padding: 14px 20px; text-align: left; font-size: 15px; letter-spacing: 0.3px; border: none; }
.blog-table tbody tr { transition: background-color 0.15s ease; }
.blog-table tbody tr:nth-child(even) { background: #fbfcfe; }
.blog-table tbody tr:hover { background: #f3f6fa; }
.blog-table tbody td { padding: 16px 20px; border-top: 1px solid #edf2f7; color: #334155; vertical-align: top; line-height: 1.6; }
.blog-table tbody td strong { color: #192a44; }
.table-price-badge { display: inline-block; background: transparent; color: #ff6c1a; font-weight: 700; padding: 0; font-size: 15px; white-space: nowrap; }
.table-disclaimer { padding: 12px 20px; background: #f8fafc; border-top: 1px solid #eef2f6; font-size: 13.5px; color: #64748b; margin-bottom: 0; }
/* Table Column Width Specifications */
.table-cost-glance th:nth-child(1) { width: 55%; }
.table-cost-glance th:nth-child(2) { width: 45%; }
.table-services th:nth-child(1) { width: 32%; }
.table-services th:nth-child(2) { width: 68%; }
.table-pricing-models th:nth-child(1) { width: 22%; }
.table-pricing-models th:nth-child(2) { width: 28%; }
.table-pricing-models th:nth-child(3) { width: 25%; }
.table-pricing-models th:nth-child(4) { width: 25%; }
.table-project-estimates th:nth-child(1) { width: 25%; }
.table-project-estimates th:nth-child(2) { width: 38%; }
.table-project-estimates th:nth-child(3) { width: 17%; }
.table-project-estimates th:nth-child(4) { width: 20%; }
.table-team-comparison th:nth-child(1) { width: 34%; }
.table-team-comparison th:nth-child(2) { width: 33%; }
.table-team-comparison th:nth-child(3) { width: 33%; }
.table-roi-breakdown th:nth-child(1) { width: 30%; }
.table-roi-breakdown th:nth-child(2) { width: 45%; }
.table-roi-breakdown th:nth-child(3) { width: 25%; }
@media (max-width: 767px) {
  .blog-table-wrap { margin: 20px 0 24px 0 !important; border-radius: 12px !important; }
  .blog-table-responsive { padding-bottom: 4px; }
  .blog-table { font-size: 14.5px !important; }
  .blog-table thead th { padding: 12px 16px !important; font-size: 14px !important; white-space: nowrap !important; }
  .blog-table tbody td { padding: 13px 16px !important; font-size: 14px !important; line-height: 1.55 !important; }
  .table-cost-glance { min-width: 520px !important; }
  .table-services { min-width: 580px !important; }
  .table-pricing-models { min-width: 780px !important; }
  .table-project-estimates { min-width: 780px !important; }
  /* Team Comparison Table - Mobile Compact Spacing */
  .table-team-comparison { min-width: 620px !important; }
  .table-team-comparison thead th { padding: 10px 12px !important; }
  .table-team-comparison thead th:nth-child(3) { white-space: normal !important; line-height: 1.35 !important; }
  .table-team-comparison thead th:nth-child(3) span { display: block !important; white-space: nowrap !important; }
  .table-team-comparison tbody td { padding: 8px 12px !important; line-height: 1.35 !important; vertical-align: middle !important; }
  .table-team-comparison th:nth-child(1), .table-team-comparison td:nth-child(1) { width: 38% !important; }
  .table-team-comparison th:nth-child(2), .table-team-comparison td:nth-child(2) { width: 31% !important; }
  .table-team-comparison th:nth-child(3), .table-team-comparison td:nth-child(3) { width: 31% !important; }
  .table-roi-breakdown { min-width: 660px !important; }
  .table-price-badge { white-space: nowrap !important; font-size: 14px !important; }
  .table-disclaimer { padding: 10px 16px !important; font-size: 13px !important; }
}
/* What You'll Learn Box */
.takeaways-box { background: #f8fafd; border: 1px solid #dbeafe; border-radius: 14px; padding: 24px 28px; margin: 30px 0; }
.takeaways-title { color: #192a44; font-size: 20px; font-weight: 700; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.takeaways-list { list-style: none; padding-left: 0; margin-bottom: 0; display: flex; flex-direction: column; gap: 12px; }
.takeaways-list li { position: relative; padding-left: 28px; color: #334155; font-size: 16px; line-height: 1.6; }
.takeaways-list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #ff6c1a; font-weight: 800; font-size: 16px; }
@media (max-width: 767px) {
  .takeaways-box { padding: 14px 16px !important; margin: 16px 0 !important; border-radius: 12px !important; }
  .takeaways-title { font-size: 16px !important; margin-bottom: 8px !important; }
  .takeaways-list { gap: 8px !important; }
  .takeaways-list li { font-size: 14px !important; line-height: 1.5 !important; padding-left: 20px !important; }
  .takeaways-list li::before { top: 7px !important; width: 6.5px !important; height: 6.5px !important; }
}
@media (max-width: 480px) {
  .takeaways-box { padding: 12px 14px !important; margin: 14px 0 !important; border-radius: 10px !important; }
  .takeaways-title { font-size: 15px !important; }
  .takeaways-list li { font-size: 13.5px !important; line-height: 1.45 !important; padding-left: 18px !important; }
  .takeaways-list li::before { top: 6.5px !important; width: 6px !important; height: 6px !important; }
}
/* Inline CTA Box */
.inline-cta-box { background: linear-gradient(135deg, #192a44 0%, #223859 100%); border-radius: 16px; padding: 26px 32px; color: #ffffff; margin: 35px 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 28px; box-shadow: 0 12px 30px rgba(25, 42, 68, 0.12); }
.inline-cta-box > div:first-child { flex: 1 1 auto; }
.inline-cta-box > div:last-child { flex-shrink: 0; display: flex; align-items: center; }
.inline-cta-box strong { color: #ffffff; font-size: 19px; display: block; margin-bottom: 6px; }
.inline-cta-box p { color: #e2e8f0; margin-bottom: 0; font-size: 16.5px; line-height: 1.6; }
.inline-cta-box a:not(.inline-cta-btn) { color: #ff6c1a !important; text-decoration: none !important; font-weight: 500; }
.inline-cta-box a:not(.inline-cta-btn):hover { color: #ff853f !important; text-decoration: none !important; }
.inline-cta-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #ff6c1a; color: #ffffff !important; font-weight: 600; font-size: 15px; padding: 13px 26px; border-radius: 8px; text-decoration: none !important; white-space: nowrap; width: fit-content; transition: all 0.25s ease; margin-top: 0; }
.inline-cta-btn:hover { background: #e55a0f; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(255, 108, 26, 0.35); }
/* 7 Factors Interactive Tabs Menu */
.factors-tab-wrapper { margin: 28px 0 35px 0; }
.factors-tab-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.factor-tab-btn { display: inline-flex; align-items: center; gap: 10px; background: #ffffff; border: 1.5px solid #e2e8f0; border-radius: 999px; padding: 8px 18px; color: #192a44; font-size: 14.5px; font-weight: 600; cursor: pointer; transition: all 0.22s ease; outline: none; user-select: none; box-shadow: 0 2px 6px rgba(25, 42, 68, 0.03); }
.factor-tab-btn .tab-num { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: #fff0e6; color: #ff6c1a; border-radius: 50%; font-size: 12.5px; font-weight: 700; transition: all 0.22s ease; }
.factor-tab-btn:hover { border-color: #ff6c1a; color: #ff6c1a; transform: translateY(-1px); }
.factor-tab-btn.active { background: #ff6c1a; border-color: #ff6c1a; color: #ffffff; box-shadow: 0 4px 14px rgba(255, 108, 26, 0.32); }
.factor-tab-btn.active .tab-num { background: #ffffff; color: #ff6c1a; }
.factor-pane { display: none; }
.factor-pane.active { display: block; animation: factorPaneFadeIn 0.3s ease; }
@keyframes factorPaneFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.factor-nav-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; padding-top: 18px; border-top: 1px solid #edf2f7; }
.factor-nav-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: #ffffff; border: 1px solid #e2e8f0; color: #192a44; padding: 9px 18px; border-radius: 8px; font-size: 14px; font-weight: 600; line-height: 1.4; cursor: pointer; transition: all 0.2s ease; }
.factor-nav-btn:hover { background: #fff4ec; border-color: #ff6c1a; color: #ff6c1a; }
.factor-next-btn { margin-left: auto; }
/* Arrow Vertical Centering & Micro-Interactions */
.btn-arrow { display: inline-flex; align-items: center; justify-content: center; line-height: 1; font-size: 1.15em; vertical-align: middle; position: relative; top: -1.5px; transition: transform 0.2s ease; }
.factor-prev-btn .btn-arrow { margin-right: 3px; }
.factor-next-btn .btn-arrow, .inline-cta-btn .btn-arrow, .assessment-btn .btn-arrow { margin-left: 3px; }
.factor-next-btn:hover .btn-arrow, .inline-cta-btn:hover .btn-arrow, .assessment-btn:hover .btn-arrow { transform: translateX(3px); }
.factor-prev-btn:hover .btn-arrow { transform: translateX(-3px); }
/* Factor Cards */
.factor-card { background: #ffffff; border: 1px solid #e8edf3; border-radius: 14px; padding: 28px 32px; margin-bottom: 20px; box-shadow: 0 4px 16px rgba(25, 42, 68, 0.04); transition: box-shadow 0.2s ease; }
.factor-card-header { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.factor-number { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #fff0e6; color: #ff6c1a; font-weight: 700; border-radius: 50%; font-size: 16px; flex-shrink: 0; }
.factor-card-title { color: #192a44; font-size: 20px; font-weight: 700; margin-bottom: 0; }
.factor-card p { margin-bottom: 14px; color: #475569; font-size: 16.5px; line-height: 1.75; }
.factor-card p:last-child { margin-bottom: 0; }
/* Bullet list styled */
.blog-bullet-list { list-style: none; padding-left: 0; margin-bottom: 0; }
.blog-bullet-list li { position: relative; padding-left: 26px; padding-bottom: 8px; margin-bottom: 0; color: #192A44; font-size: 18px; font-weight: 400; line-height: 35px; }
.blog-bullet-list li::before { content: ""; position: absolute; left: 6px; top: 13px; width: 8px; height: 8px; background: #ff6c1a; border-radius: 50%; }
/* Standard bullet dot points list */
.blog-points-list { list-style-type: disc !important; padding-left: 24px !important; margin-bottom: 0 !important; }
.blog-points-list li { color: #192A44; font-size: 18px; font-weight: 400; line-height: 35px; padding-bottom: 8px; margin-bottom: 0; }
.blog-points-list li::marker { color: #192a44; font-size: 1em; }
/* ROI Pillars Grid */
.roi-pillars-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin: 28px 0; }
.roi-pillar-card { background: #f8fafd; border: 1px solid #e2e8f0; border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.roi-pillar-icon { width: 44px; height: 44px; border-radius: 10px; background: #fff0e6; color: #ff6c1a; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; }
.blog-post-content .roi-pillar-card h3, .roi-pillar-card .roi-pillar-title, .roi-pillar-title { margin-top: 0 !important; color: #192a44; font-size: 18px; font-weight: 700; margin-bottom: 0; }
.roi-pillar-card p { color: #475569; font-size: 16px; line-height: 1.6; margin-bottom: 0; }
.roi-pillar-card .blog-bullet-list { margin: 6px 0 0 0; }
.roi-pillar-card .blog-bullet-list li, .roi-pillar-card ul li { color: #475569; font-size: 16px; line-height: 1.6; margin-bottom: 8px; }
.roi-pillar-card .blog-bullet-list li:last-child, .roi-pillar-card ul li:last-child { margin-bottom: 0; }
.roi-pillar-card .blog-bullet-list li::before, .roi-pillar-card ul li::before { top: 9px; }
/* Formula Box */
.formula-box { background: #192a44; color: #ffffff; border-radius: 12px; padding: 20px 26px; margin: 22px 0; text-align: center; font-size: 18px; font-weight: 600; letter-spacing: 0.3px; box-shadow: 0 8px 20px rgba(25, 42, 68, 0.1); }
.formula-box span { color: #ff914d; }
/* Checklist and Red Flags */
.checklist-container { background: #fbfcfe; border: 1px solid #e2e8f0; border-radius: 14px; padding: 24px 28px; margin: 24px 0; letter-spacing: 0.25px !important; }
.checklist-item { display: flex; gap: 14px; margin-bottom: 16px; align-items: flex-start; }
.checklist-item:last-child { margin-bottom: 0; }
.checklist-box-icon { width: 22px; height: 22px; border: 2px solid #ff6c1a; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #ff6c1a; font-size: 13px; font-weight: 800; flex-shrink: 0; margin-top: 3px; background: #ffffff; }
.checklist-text { color: #192a44; font-size: 16px; line-height: 1.7; letter-spacing: 0.35px !important; word-spacing: 0.5px; }
.checklist-text strong { font-weight: 600; letter-spacing: 0.25px !important; }
.red-flags-card { background: #fff8f8; border: 1px solid #ffd6d6; border-radius: 12px; padding: 22px 26px; margin: 26px 0; }
.red-flags-title { color: #b91c1c; font-size: 18px; font-weight: 700; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.red-flags-card ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.red-flags-card ul li { position: relative; padding-left: 22px; color: #7f1d1d; margin-bottom: 8px; font-size: 16px; line-height: 1.6; }
.red-flags-card ul li:last-child { margin-bottom: 0; }
.red-flags-card ul li::before { content: ""; position: absolute; left: 6px; top: 9px; width: 6px; height: 6px; background: #ef4444; border-radius: 50%; }
/* Question Cards */
.questions-card { background: #f8fafd; border: 1px solid #dce5ef; border-radius: 12px; padding: 22px 26px; margin: 24px 0; }
.questions-card ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.questions-card ul li { position: relative; padding-left: 26px; color: #1e293b; margin-bottom: 12px; font-size: 16px; font-weight: 500; }
.questions-card ul li:last-child { margin-bottom: 0; }
.questions-card ul li::before { content: "❓"; position: absolute; left: 0; top: 0; font-size: 14px; }
/* Sparkout Feature Cards */
.sparkout-features-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 24px 0; }
.sparkout-feature-item { background: #ffffff; border: 1px solid #e5e9f0; border-radius: 10px; padding: 18px 22px; box-shadow: 0 4px 12px rgba(25, 42, 68, 0.03); }
.sparkout-feature-item strong { color: #192a44; font-size: 17px; display: block; margin-bottom: 6px; }
.sparkout-feature-item p { color: #475569; margin-bottom: 0; font-size: 16px; }
/* Big Assessment CTA Card */
.maturity-assessment-cta-card { background: linear-gradient(135deg, #192a44 0%, #0d1726 100%); border: 2px solid #ff6c1a; border-radius: 18px; padding: 36px 36px; color: #ffffff; margin: 40px 0; position: relative; overflow: hidden; box-shadow: 0 16px 36px rgba(25, 42, 68, 0.2); }
.maturity-assessment-cta-card::after { content: ""; position: absolute; right: -50px; bottom: -50px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(255, 108, 26, 0.2) 0%, rgba(255, 108, 26, 0) 70%); pointer-events: none; }
.maturity-assessment-cta-card .cta-heading { color: #ffffff; font-size: 26px; font-weight: 700; margin-bottom: 12px; }
.maturity-assessment-cta-card p { color: #F1F5FA; font-size: 16.5px; line-height: 1.7; }
.assessment-benefits { list-style: none; padding-left: 0; margin: 20px 0 26px 0; display: flex; flex-direction: column; gap: 12px; }
.blog-post-content .maturity-assessment-cta-card .assessment-benefits li, .maturity-assessment-cta-card .assessment-benefits li, .assessment-benefits li { position: relative; padding-left: 0 !important; padding-bottom: 0 !important; color: #f1f5f9 !important; font-size: 16px !important; line-height: 1.6 !important; }
.assessment-btn { display: inline-flex; align-items: center; gap: 10px; background: #ff6c1a; color: #ffffff !important; font-weight: 700; font-size: 17px; padding: 14px 30px; border-radius: 10px; text-decoration: none !important; transition: all 0.25s ease; box-shadow: 0 6px 20px rgba(255, 108, 26, 0.4); }
.assessment-btn:hover { background: #f45e07; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(255, 108, 26, 0.5); }
.assessment-subtext { font-size: 14px; color: #F1F5FA !important; margin-top: 12px; margin-bottom: 0 !important; }
@media (max-width: 767px) {
  /* Factors Tab & Cards (Screenshot 2) */
  .factors-tab-wrapper { margin: 18px 0 !important; }
  .factors-tab-nav { flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding-bottom: 8px; margin-bottom: 12px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
  .factor-tab-btn { white-space: nowrap; flex-shrink: 0; padding: 8px 14px; font-size: 13.5px; }
  .factor-card { padding: 14px 14px 10px !important; margin-bottom: 12px !important; border-radius: 10px !important; }
  .factor-card-header { gap: 10px !important; margin-bottom: 10px !important; }
  .factor-number { width: 30px !important; height: 30px !important; font-size: 14px !important; }
  .factor-card-title { font-size: 17px !important; line-height: 1.35 !important; }
  .factor-card p { font-size: 14px !important; line-height: 1.55 !important; margin-bottom: 8px !important; }
  .factor-card p:last-of-type { margin-bottom: 0 !important; }
  .factor-nav-footer { margin-top: 8px !important; padding-top: 8px !important; gap: 6px !important; }
  .factor-nav-btn { padding: 4px 8px !important; font-size: 11.5px !important; line-height: 1.25 !important; border-radius: 6px !important; gap: 4px !important; }
  .factor-prev-btn { flex-shrink: 0 !important; white-space: nowrap !important; }
  .factor-nav-btn .btn-arrow { font-size: 11px !important; top: -0.5px !important; }
  /* ROI Pillars Grid & Cards (Screenshot 3) */
  .roi-pillars-grid { grid-template-columns: 1fr !important; gap: 12px !important; margin: 18px 0 !important; }
  .roi-pillar-card { padding: 14px 16px !important; gap: 8px !important; border-radius: 12px !important; }
  .roi-pillar-icon { width: 36px !important; height: 36px !important; font-size: 16px !important; border-radius: 8px !important; }
  .blog-post-content .roi-pillar-card h3, .roi-pillar-card .roi-pillar-title, .roi-pillar-title { font-size: 16px !important; line-height: 1.35 !important; }
  .roi-pillar-card p { font-size: 14px !important; line-height: 1.5 !important; }
  .roi-pillar-card ul li { font-size: 14px !important; line-height: 1.5 !important; }
  .roi-pillar-card .blog-bullet-list li::before, .roi-pillar-card ul li::before { top: 7px !important; width: 6px !important; height: 6px !important; }
  /* Blog Bullet List - Vertically Centered Dots for Mobile */
  .blog-bullet-list li { padding-left: 20px !important; padding-bottom: 6px !important; font-size: 15px !important; line-height: 1.5 !important; }
  .blog-bullet-list li::before { left: 4px !important; top: 7.5px !important; width: 6.5px !important; height: 6.5px !important; }
  /* Formula Box */
  .formula-box { padding: 12px 16px !important; margin: 14px 0 !important; font-size: 14px !important; line-height: 1.45 !important; border-radius: 10px !important; letter-spacing: 0.2px !important; }
  /* Checklist Container (Screenshot 4) */
  .checklist-container { padding: 14px 16px !important; margin: 16px 0 !important; border-radius: 12px !important; }
  .checklist-item { gap: 10px !important; margin-bottom: 10px !important; }
  .checklist-box-icon { width: 18px !important; height: 18px !important; font-size: 11px !important; margin-top: 2px !important; }
  .checklist-text { font-size: 14px !important; line-height: 1.5 !important; letter-spacing: normal !important; word-spacing: normal !important; }
  .checklist-text strong { font-size: 14px !important; letter-spacing: normal !important; }
  /* Red Flags Card & Questions Card (Screenshot 5) */
  .red-flags-card { padding: 14px 16px !important; margin: 16px 0 !important; border-radius: 10px !important; }
  .red-flags-title { font-size: 15px !important; margin-bottom: 8px !important; gap: 6px !important; }
  .red-flags-card ul li { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 6px !important; padding-left: 18px !important; }
  .red-flags-card ul li::before { left: 4px !important; top: 7px !important; width: 5px !important; height: 5px !important; }
  .questions-card { padding: 14px 16px !important; margin: 16px 0 !important; border-radius: 10px !important; }
  .questions-card ul li { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 8px !important; padding-left: 20px !important; }
  .questions-card ul li::before { font-size: 14px !important; top: 1px !important; }
  /* Inline CTA Box */
  .inline-cta-box { flex-direction: column; align-items: flex-start; gap: 12px !important; padding: 16px 16px !important; margin: 18px 0 !important; border-radius: 12px !important; }
  .inline-cta-box > div:last-child { width: 100%; }
  .inline-cta-box strong { font-size: 15.5px !important; }
  .inline-cta-box p { font-size: 14px !important; line-height: 1.5 !important; }
  .inline-cta-btn { width: 100% !important; justify-content: center !important; min-height: 38px !important; padding: 8px 16px !important; font-size: 13.5px !important; font-weight: 600 !important; border-radius: 8px !important; gap: 6px !important; }
  /* Maturity Assessment CTA Card */
  .maturity-assessment-cta-card { padding: 16px 16px !important; margin: 18px 0 !important; border-radius: 12px !important; }
  .maturity-assessment-cta-card .cta-heading, .assessment-cta-title { font-size: 18px !important; line-height: 1.25 !important; margin-bottom: 8px !important; }
  .maturity-assessment-cta-card p { font-size: 13.5px !important; line-height: 1.5 !important; margin-bottom: 8px !important; }
  .maturity-assessment-cta-card p.text-white { margin-top: 10px !important; margin-bottom: 6px !important; font-size: 14px !important; }
  .maturity-assessment-cta-card p.text-white strong { font-size: 14px !important; }
  .assessment-benefits { margin: 8px 0 14px 0 !important; gap: 6px !important; }
  .blog-post-content .maturity-assessment-cta-card .assessment-benefits li, .maturity-assessment-cta-card .assessment-benefits li, .assessment-benefits li { font-size: 13px !important; line-height: 1.45 !important; }
  .maturity-assessment-cta-card .mt-4 { margin-top: 12px !important; }
  .assessment-btn { width: 100% !important; justify-content: center !important; min-height: 38px !important; padding: 8px 16px !important; font-size: 13.5px !important; font-weight: 700 !important; border-radius: 8px !important; gap: 6px !important; }
  .assessment-subtext { margin-top: 8px !important; font-size: 12px !important; }
  .dt-article-cta-btn, .blog-post-content a.dt-article-cta-btn, a.dt-article-cta-btn { width: auto !important; justify-self: center !important; min-height: 38px !important; padding: 8px 18px !important; font-size: 13.5px !important; font-weight: 700 !important; border-radius: 8px !important; gap: 6px !important; white-space: nowrap !important; }
  /* Sparkout Features Grid & Cards */
  .sparkout-features-grid { gap: 10px !important; margin: 12px 0 20px 0 !important; }
  .sparkout-feature-item { padding: 13px 15px !important; border-radius: 10px !important; }
  .sparkout-feature-item strong { font-size: 15px !important; margin-bottom: 4px !important; line-height: 1.35 !important; }
  .sparkout-feature-item p { font-size: 13.5px !important; line-height: 1.5 !important; }
  .table-price-badge { white-space: nowrap !important; }
}
@media (max-width: 480px) {
  .formula-box { padding: 10px 12px !important; margin: 12px 0 !important; font-size: 13px !important; line-height: 1.4 !important; }
  .factor-card { padding: 12px 12px 8px !important; }
  .factor-nav-footer { margin-top: 6px !important; padding-top: 6px !important; gap: 4px !important; }
  .factor-nav-btn { padding: 3px 6px !important; font-size: 11px !important; line-height: 1.2 !important; gap: 3px !important; }
  .blog-bullet-list li { padding-left: 18px !important; padding-bottom: 5px !important; font-size: 14px !important; line-height: 1.45 !important; }
  .blog-bullet-list li::before { left: 3px !important; top: 7px !important; width: 6px !important; height: 6px !important; }
  .table-team-comparison thead th { padding: 8px 10px !important; font-size: 13px !important; }
  .table-team-comparison tbody td { padding: 7px 10px !important; font-size: 13px !important; }
}