.dc-content .brand-purple {color: #2e2a8f;}
.dc-content .brand-bg {background: #2e2a8f;}
.dc-content section {padding: 60px 30px; max-width: 100%; margin: 0 auto;}
.dc-content .hero p {font-size: 18px; max-width: 680px; margin: 0 auto 32px; opacity: 0.9;}
.dc-content .hero .btn {display: inline-block; background: #fff; color: #2e2a8f; padding: 14px 32px; border-radius: 6px; font-weight: 700; text-decoration: none; font-size: 16px;}
.dc-content .stats-bar {background: #f4f3ff; padding: 30px 20px;}
.dc-content .stats-bar .inner {max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; text-align: center;}
.dc-content .stat-item strong {display: block; font-size: 28px; font-weight: 800; color: #2e2a8f;}
.dc-content .stat-item span {font-size: 13px; color: #555;}
.dc-content .intro-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center;}
.dc-content .intro-grid {grid-template-columns: 1fr;}
.dc-content .heo-formula {background: #f4f3ff; border-radius: 12px; padding: 24px 28px; text-align: center; font-size: 20px; font-weight: 700; color: #2e2a8f; margin: 20px 0; letter-spacing: 0.5px;}
.dc-content .services-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px;}
.dc-content .service-card {border: 1px solid #e5e3f5; border-radius: 12px; padding: 28px 24px; transition: box-shadow 0.2s;}
.dc-content .service-card:hover {box-shadow: 0 8px 32px rgba(46,42,143,0.12);}
.dc-content .service-card .icon {font-size: 32px; margin-bottom: 12px;}
.dc-content .service-card ul {list-style: none; margin-top: 12px;}
.dc-content .service-card ul li {padding: 4px 0; color: #555; font-size: 14px;}
.dc-content .service-card ul li::before {content: "✔ "; color: #2e2a8f; font-weight: 700;}
.dc-content .pillars {counter-reset: pillar;}
.dc-content .pillar-item {display: flex; gap: 20px; margin-bottom: 32px; align-items: flex-start;}
.dc-content .pillar-num {counter-increment: pillar; min-width: 48px; height: 48px; background: #2e2a8f; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px;}
.dc-content .why-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px;}
.dc-content .why-card {background: #f9f9ff; border-radius: 10px; padding: 22px 20px; border-left: 4px solid #2e2a8f;}
.dc-content .process-steps {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;}
.dc-content .step {text-align: center; padding: 24px 16px;}
.dc-content .step .step-num {width: 52px; height: 52px; background: #2e2a8f; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 20px; margin: 0 auto 14px;}
.dc-content .pricing-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px;}
.dc-content .price-card {border: 1px solid #e5e3f5; border-radius: 14px; padding: 32px 24px;}
.dc-content .price-card.popular {border-color: #2e2a8f; box-shadow: 0 4px 24px rgba(46,42,143,0.15);}
.dc-content .price-card .badge {display: inline-block; background: #2e2a8f; color: #fff; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 20px; margin-bottom: 12px; letter-spacing: 1px; text-transform: uppercase;}
.dc-content .price-card h3 {font-size: 28px; color: #1a1a2e;}
.dc-content .price-card .sub {font-size: 13px; color: #888; margin-bottom: 20px;}
.dc-content .price-card ul {list-style: none;}
.dc-content .price-card ul li {padding: 6px 0; font-size: 14px; color: #444; border-bottom: 1px solid #f0f0f0;}
.dc-content .price-card ul li::before {content: "✔ "; color: #2e2a8f; font-weight: 700;}
.dc-content .comparison-table {width: 100%; border-collapse: collapse; font-size: 14px;}
.dc-content .comparison-table th {background: #2e2a8f; color: #fff; padding: 12px 16px; text-align: left;}
.dc-content .comparison-table td {padding: 12px 16px; border-bottom: 1px solid #eee;}
.dc-content .comparison-table tr:nth-child(even) td {background: #f9f9ff;}
.dc-content .faq-item {border-bottom: 1px solid #eee; padding: 20px 0;}
.dc-content .faq-item summary {cursor: pointer; font-weight: 700; color: #1a1a2e; font-size: 16px; list-style: none; display: flex; justify-content: space-between;}
.dc-content .faq-item summary::-webkit-details-marker {display: none;}
.dc-content .faq-item summary::after {content: "+"; color: #2e2a8f; font-size: 22px;}
.dc-content .faq-item[open] summary::after {content: "−";}
.dc-content .faq-item p {margin-top: 12px; font-size: 15px; color: #555;}
.dc-content .cta-band {background: linear-gradient(135deg, #2e2a8f, #1a1560); color: #fff; text-align: center; padding: 60px 20px;}
.dc-content .cta-band h2 {color: #fff;}
.dc-content .cta-band p {color: rgba(255,255,255,0.85); max-width: 560px; margin: 0 auto 28px;}
.dc-content .cta-band .btn {background: #fff; color: #2e2a8f; padding: 14px 36px; border-radius: 6px; font-weight: 700; text-decoration: none; display: inline-block;}
.dc-content .section-label {font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #2e2a8f; margin-bottom: 10px; margin-top: 11px;}
.dc-content .divider {height: 1px; background: #eee; max-width: 1100px; margin: 0 auto;}
@media(max-width:700px){ .dc-content .intro-grid { grid-template-columns: 1fr; } }

/* ---- Digital Crez shared extras (scoped; safe for header/footer) ---- */
.dc-content { font-family: 'Poppins','Segoe UI',system-ui,sans-serif; color:#1a1a2e; line-height:1.7; }
.dc-content *, .dc-content *::before, .dc-content *::after { box-sizing: border-box; }
.dc-content h2, .dc-content h3, .dc-content h4, .dc-content p, .dc-content ul { margin-top:0; }
.dc-content section { padding: 60px 30px; max-width: 100%; margin: 0 auto; }
@media (max-width: 575px) { .dc-content section { padding: 44px 18px; } }
.dc-content img { max-width: 100%; height: auto; }
.dc-content .comparison-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dc-content table { max-width: 100%; }
/* honeypot field: must stay invisible to humans */
.dc-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
/* form feedback message */
.dc-form-msg { margin: 10px 0 0; font-size: 14px; min-height: 0; }
.dc-form-msg.ok { color: #1b7a3a; font-weight: 600; }
.dc-form-msg.err { color: #c0392b; font-weight: 600; }
.email-subs-form .dc-form-msg { color: #fff; }
.email-subs-form .dc-form-msg.ok, .email-subs-form .dc-form-msg.err { color: #fff; }
/* long tables must scroll inside themselves, never widen the page */
.dc-content .table-scroll { overflow-x: auto; }
/* prevent any page-level sideways scrolling on phones */
html, body { max-width: 100%; overflow-x: hidden; }
/* simple legal / text pages */
.dc-legal { max-width: 860px; margin: 0 auto; }
.dc-legal h2 { font-size: 24px; margin: 34px 0 12px; }
.dc-legal p, .dc-legal li { font-size: 16px; color: #444; line-height: 1.8; }
.dc-legal ul { padding-left: 22px; margin-bottom: 14px; }
.dc-notfound { text-align: center; padding: 90px 20px; }
.dc-notfound h1 { font-size: 72px; font-weight: 800; color: #2e2a8f; margin-bottom: 8px; }

/* breadcrumb banner title when it is the page's H1 (same look as the old H2) */
.bread-title h1 { font-weight: 600; font-size: 35px; line-height: 47px; margin: 15px 0 0 0; color: inherit; }
@media (max-width: 991px) { .bread-title h1 { text-align: center; } }
/* decorative image that does not exist on the server: avoid a 404 request */
.service-img2:after { background: none; }