.dpc-industries-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 2.2rem;
}
@media (min-width: 700px) {
    .dpc-industries-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 1100px) {
    .dpc-industries-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.dpc-industry-card {
    background: #f8f9fb;
    border-radius: 16px;
    box-shadow: 0 2px 12px 0 rgba(10,34,64,0.06);
    padding: 32px 20px 28px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 180px;
    text-align: center;
    transition: box-shadow 0.2s, transform 0.2s;
}
.dpc-industry-card:hover {
    box-shadow: 0 6px 24px 0 rgba(10,34,64,0.13);
    transform: translateY(-4px) scale(1.03);
}
.dpc-industry-icon {
    font-size: 2.3rem;
    color: #ff9800;
    margin-bottom: 18px;
}
.dpc-industry-label {
    font-weight: 700;
    color: #0a2240;
    font-size: 1.18rem;
    margin-bottom: 0.5rem;
}
.dpc-industry-desc {
    font-size: 1.02rem;
    color: #222;
    line-height: 1.6;
}
.dpc-tech-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 2.2rem;
}
@media (min-width: 700px) {
    .dpc-tech-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 1100px) {
    .dpc-tech-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
.dpc-tech-card {
    background: #f8f9fb;
    border-radius: 16px;
    box-shadow: 0 2px 12px 0 rgba(10,34,64,0.06);
    padding: 32px 20px 28px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 180px;
    text-align: center;
    transition: box-shadow 0.2s, transform 0.2s;
}
.dpc-tech-card:hover {
    box-shadow: 0 6px 24px 0 rgba(10,34,64,0.13);
    transform: translateY(-4px) scale(1.03);
}
.dpc-tech-icon {
    font-size: 2.3rem;
    color: #ff9800;
    margin-bottom: 18px;
}
.dpc-tech-label {
    font-weight: 700;
    color: #0a2240;
    font-size: 1.18rem;
    margin-bottom: 0.5rem;
}
.dpc-tech-desc {
    font-size: 1.02rem;
    color: #222;
    line-height: 1.6;
}
.dpc-faq-section {
    background: #fff;
    color: #0a2240;
    padding: 64px 0 56px 0;
}
.dpc-faq-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-faq-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-faq-list {
    margin-top: 1.5rem;
}
.dpc-faq-item {
    margin-bottom: 2.2rem;
}
.dpc-faq-question {
    font-weight: 600;
    color: #ff9800;
    font-size: 1.13rem;
    margin-bottom: 0.5rem;
}
.dpc-faq-answer {
    font-size: 1.08rem;
    color: #222;
    line-height: 1.7;
    margin-left: 0.5rem;
}
.dpc-coverage-section {
    background: #f8f9fb;
    color: #0a2240;
    padding: 64px 0 56px 0;
}
.dpc-coverage-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-coverage-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-coverage-desc {
    font-size: 1.13rem;
    color: #333;
    margin-bottom: 1.1rem;
    line-height: 1.7;
}
.dpc-industries-section {
    background: #fff;
    color: #0a2240;
    padding: 64px 0 56px 0;
}
.dpc-industries-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-industries-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-industries-list {
    list-style: disc inside;
    font-size: 1.13rem;
    color: #222;
    margin-left: 0;
    padding-left: 0;
}
.dpc-industries-list li {
    margin-bottom: 1.1rem;
    line-height: 1.7;
}
.dpc-pricing-section {
    background: #f8f9fb;
    color: #0a2240;
    padding: 64px 0 56px 0;
}
.dpc-pricing-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-pricing-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-pricing-desc {
    font-size: 1.13rem;
    color: #333;
    margin-bottom: 1.1rem;
    line-height: 1.7;
}
.dpc-why-section {
    background: #fff;
    color: #0a2240;
    padding: 64px 0 56px 0;
}
.dpc-why-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-why-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-why-list {
    list-style: disc inside;
    font-size: 1.13rem;
    color: #222;
    margin-left: 0;
    padding-left: 0;
}
.dpc-why-list li {
    margin-bottom: 1.1rem;
    line-height: 1.7;
}
.dpc-process-section {
    background: #f8f9fb;
    color: #0a2240;
    padding: 64px 0 56px 0;
}
.dpc-process-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-process-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-process-list {
    list-style: decimal inside;
    font-size: 1.13rem;
    color: #222;
    margin-left: 0;
    padding-left: 0;
}
.dpc-process-list li {
    margin-bottom: 1.1rem;
    line-height: 1.7;
}
.dpc-process-step {
    font-weight: 600;
    color: #ff9800;
}
.dpc-tech-section {
    background: #fff;
    color: #0a2240;
    padding: 64px 0 56px 0;
}
.dpc-tech-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-tech-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-tech-intro {
    font-size: 1.13rem;
    color: #333;
    margin-bottom: 1.5rem;
    line-height: 1.7;
}
.dpc-tech-list {
    list-style: disc inside;
    font-size: 1.13rem;
    color: #222;
    margin-left: 0;
    padding-left: 0;
}
.dpc-tech-list li {
    margin-bottom: 1.1rem;
    line-height: 1.7;
}
.dpc-tech-strong {
    font-weight: 600;
    color: #ff9800;
}
.dpc-secure-section {
    background: #f8f9fb;
    color: #0a2240;
    padding: 64px 0 56px 0;
}
.dpc-secure-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-secure-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-secure-list {
    list-style: disc inside;
    font-size: 1.13rem;
    color: #222;
    margin-left: 0;
    padding-left: 0;
}
.dpc-secure-list li {
    margin-bottom: 1.1rem;
    line-height: 1.7;
}
.dpc-secure-strong {
    font-weight: 600;
    color: #ff9800;
}
.dpc-seo-section {
    background: #0a2240;
    color: #fff;
    padding: 64px 0 56px 0;
}
.dpc-seo-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-seo-title {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-seo-intro {
    font-size: 1.13rem;
    color: #e0e7ef;
    margin-bottom: 1.5rem;
    line-height: 1.7;
}
.dpc-seo-list {
    list-style: disc inside;
    font-size: 1.13rem;
    color: #fff;
    margin-left: 0;
    padding-left: 0;
}
.dpc-seo-list li {
    margin-bottom: 1.1rem;
    line-height: 1.7;
}
.dpc-seo-strong {
    font-weight: 600;
    color: #ffe082;
}
.dpc-features-section {
    background: #fff;
    padding: 64px 0 56px 0;
}
.dpc-features-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-features-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 2.2rem;
    text-align: left;
}
.dpc-features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}
@media (min-width: 700px) {
    .dpc-features-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 1100px) {
    .dpc-features-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
.dpc-feature-card {
    background: #f8f9fb;
    border-radius: 16px;
    box-shadow: 0 2px 12px 0 rgba(10,34,64,0.06);
    padding: 32px 20px 28px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 170px;
    transition: box-shadow 0.2s, transform 0.2s;
}
.dpc-feature-card:hover {
    box-shadow: 0 6px 24px 0 rgba(10,34,64,0.13);
    transform: translateY(-4px) scale(1.03);
}
.dpc-feature-title {
    font-size: 1.13rem;
    font-weight: 700;
    color: #ff9800;
    margin-bottom: 0.6rem;
}
.dpc-feature-desc {
    font-size: 1.02rem;
    color: #222;
    line-height: 1.6;
}
.dpc-services-section {
    background: #f8f9fb;
    padding: 64px 0 56px 0;
}
.dpc-services-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-services-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-services-intro {
    font-size: 1.13rem;
    color: #333;
    margin-bottom: 1.5rem;
    line-height: 1.7;
}
.dpc-services-list {
    list-style: disc inside;
    font-size: 1.13rem;
    color: #333;
    margin-left: 0;
    padding-left: 0;
}
.dpc-services-list li {
    margin-bottom: 1.1rem;
    line-height: 1.7;
}
.dpc-benefits-flex {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}
@media (min-width: 900px) {
    .dpc-benefits-flex {
        flex-direction: row;
        align-items: stretch;
        gap: 56px;
    }
}
.dpc-benefits-image-block {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    max-width: 420px;
}
.dpc-benefits-image {
    width: 100%;
    max-width: 380px;
    border-radius: 18px;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.18);
    background: #fff;
}
.dpc-benefits-content {
    flex: 2 1 0%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dpc-benefits-section {
    background: #0a2240;
    color: #fff;
    padding: 64px 0 56px 0;
}
.dpc-benefits-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-benefits-title {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.5rem;
    text-align: left;
}
.dpc-benefits-list {
    list-style: disc inside;
    font-size: 1.13rem;
    color: #fff;
    margin-left: 0;
    padding-left: 0;
}
.dpc-benefits-list li {
    margin-bottom: 1.1rem;
    line-height: 1.7;
}
.dpc-benefit-strong {
    font-weight: 600;
    color: #ffe082;
}
.dpc-who-section {
    background: #fff;
    padding: 56px 0 48px 0;
    border-bottom: 1px solid #e5e7eb;
}
.dpc-who-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-who-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 2.2rem;
    text-align: left;
}
.dpc-who-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}
@media (min-width: 600px) {
    .dpc-who-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 900px) {
    .dpc-who-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.dpc-who-card {
    background: #f8f9fb;
    border-radius: 18px;
    box-shadow: 0 2px 12px 0 rgba(10,34,64,0.06);
    padding: 32px 24px 28px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: box-shadow 0.2s, transform 0.2s;
}
.dpc-who-card:hover {
    box-shadow: 0 6px 24px 0 rgba(10,34,64,0.13);
    transform: translateY(-4px) scale(1.03);
}
.dpc-who-icon {
    font-size: 2.3rem;
    color: #ff9800;
    margin-bottom: 18px;
}
.dpc-who-role {
    font-weight: 700;
    color: #0a2240;
    font-size: 1.18rem;
    margin-bottom: 0.5rem;
}
.dpc-who-desc {
    font-size: 1.08rem;
    color: #333;
    line-height: 1.6;
}
.dpc-what-section {
    background: #f8f9fb;
    padding: 64px 0 56px 0;
}
.dpc-what-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
}
.dpc-what-title {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 1.2rem;
    text-align: left;
}
.dpc-what-desc {
    font-size: 1.13rem;
    color: #333;
    margin-bottom: 1.2rem;
    line-height: 1.7;
}
/* Dynamic Product Catalogue - Custom CSS */

.dpc-hero-section {
    background: #0a2240;
    padding: 80px 0 80px 0;
}
.dpc-hero-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
}
@media (min-width: 768px) {
    .dpc-hero-container {
        flex-direction: row;
        align-items: flex-start;
        gap: 48px;
        padding: 0 32px;
    }
}
.dpc-hero-content {
    flex: 1 1 0%;
    min-width: 260px;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.dpc-hero-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 16px;
    line-height: 1.15;
}
@media (min-width: 768px) {
    .dpc-hero-title {
        font-size: 3rem;
    }
}
.dpc-hero-subtitle {
    font-size: 1.25rem;
    font-weight: 600;
    color: #ff9800;
    margin-bottom: 24px;
}
.dpc-hero-desc {
    font-size: 1.05rem;
    color: #fff;
    margin-bottom: 32px;
    line-height: 1.6;
}
.dpc-hero-cta {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.dpc-btn {
    border-radius: 9999px;
    padding: 14px 32px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border 0.2s;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08);
    display: inline-block;
}
.dpc-btn-primary {
    background: linear-gradient(90deg, #ff9800 0%, #ffe082 100%);
    color: #0a2240;
    border: none;
}
.dpc-btn-primary:hover {
    background: linear-gradient(90deg, #ffe082 0%, #ff9800 100%);
    color: #0a2240;
}
.dpc-btn-outline {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.dpc-btn-outline:hover {
    background: #fff;
    color: #0a2240;
}
.dpc-hero-media {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 32px;
}
@media (min-width: 768px) {
    .dpc-hero-media {
        margin-top: 0;
    }
}
.dpc-hero-video {
    border-radius: 18px;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.18);
    background: #000;
    width: 380px;
    max-width: 100%;
}
    padding: 12px 28px;
    border-radius: 24px;
    font-size: 1.07rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.18s, color 0.18s, box-shadow 0.18s;
    box-shadow: 0 2px 8px rgba(26,35,126,0.08);
}
.catalogue-hero-btn.demo {
    background: #ff9800;
    color: #fff;
}
.catalogue-hero-btn.demo:hover {
    background: #e67c00;
}
.catalogue-hero-btn.examples {
    background: #fff;
    color: #0a2240;
    border: 2px solid #ff9800;
}
.catalogue-hero-btn.examples:hover {
    background: #ff9800;
    color: #fff;
}
.catalogue-hero-suitable {
    font-size: 1.01rem;
    color: #5c6b80;
    margin-bottom: 0.5rem;
}
.catalogue-hero-video-block {
    flex: 1 1 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalogue-hero-video {
    width: 360px;
    max-width: 100%;
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.10);
    background: #000;
}
@media (max-width: 900px) {
    .catalogue-hero.redesigned {
        flex-direction: column;
        gap: 24px;
        padding: 38px 0 28px 0;
    }
    .catalogue-hero-video-block {
        max-width: 100%;
        min-width: 0;
    }
    .catalogue-hero-video {
        width: 100%;
        max-width: 340px;
    }
}
/* Dynamic Product Catalogue Page Styles */
.catalogue-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f9fb;
    padding: 64px 0 56px 0;
    gap: 48px;
}
.catalogue-hero-content {
    flex: 1 1 340px;
    min-width: 260px;
    max-width: 520px;
}
.catalogue-hero-title {
    font-size: 2.3rem;
    font-weight: 700;
    color: #0a2240;
    margin-bottom: 0.7rem;
}
.catalogue-hero-desc {
    font-size: 1.13rem;
    color: #333;
    margin-bottom: 1.7rem;
}
.catalogue-hero-image-block {
    flex: 1 1 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalogue-hero-image {
    width: 340px;
    max-width: 100%;
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.10);
    background: #fff;
}
@media (max-width: 900px) {
    .catalogue-hero {
        flex-direction: column;
        gap: 24px;
        padding: 38px 0 28px 0;
    }
    .catalogue-hero-content, .catalogue-hero-image-block {
        max-width: 100%;
        min-width: 0;
    }
    .catalogue-hero-image {
        width: 100%;
        max-width: 340px;
    }
}