.elementor-860 .elementor-element.elementor-element-533b199{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-860 .elementor-element.elementor-element-eb2883d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-860 .elementor-element.elementor-element-da035a3{--display:flex;}.elementor-860 .elementor-element.elementor-element-87a1729.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-860 .elementor-element.elementor-element-97747bc{--display:flex;}.elementor-860 .elementor-element.elementor-element-3ef51ef.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3ef51ef *//* Original CSS preserved, scoped to .needtools-dpi to avoid conflicts */
.needtools-dpi{
    --primary-color:#4581f7;--primary-hover:#3162c4;--text-color:#282f3a;
    --sub-text-color:#5a6474;--card-bg:#fff;--border-color:#e0e0e0;
    --shadow-subtle:rgba(0,0,0,.05);--light-bg:#f8fbff;--success-color:#00b894;
}
.needtools-dpi *{box-sizing:border-box;margin:0;padding:0}
.needtools-dpi body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    line-height:1.6;color:var(--text-color);background:#f9fafb;
}
.needtools-dpi .content-container{max-width:1200px;margin:0 auto;padding:20px}

/* HEADER ERASED */
.needtools-dpi .page-header{display:none !important}

.needtools-dpi .content-section{
    background:var(--card-bg);border-radius:12px;padding:30px;
    margin-bottom:30px;box-shadow:0 4px 12px var(--shadow-subtle);
    border:1px solid var(--border-color);
}
.needtools-dpi .section-title{
    font-size:1.8rem;color:var(--text-color);margin-bottom:20px;
    padding-bottom:10px;border-bottom:3px solid var(--primary-color);
    display:inline-block;
}
.needtools-dpi .feature-grid,
.needtools-dpi .use-cases-grid,
.needtools-dpi .dpi-guide{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:20px;margin:25px 0;
}
.needtools-dpi .dpi-guide{
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;
}
.needtools-dpi .feature-card,
.needtools-dpi .use-case-card,
.needtools-dpi .dpi-card{
    background:var(--card-bg);border-radius:10px;padding:25px 20px;
    border:1px solid var(--border-color);box-shadow:0 4px 8px var(--shadow-subtle);
    transition:transform .3s;text-align:center;
}
.needtools-dpi .dpi-card,
.needtools-dpi .use-case-card{
    background:var(--light-bg);
}
.needtools-dpi .use-case-card{
    display:flex;align-items:flex-start;text-align:left;
    border-left:4px solid var(--primary-color);
}
.needtools-dpi .feature-card:hover{transform:translateY(-5px)}
.needtools-dpi .feature-icon,
.needtools-dpi .use-case-icon{
    font-size:2.5rem;color:var(--primary-color);margin-bottom:15px;
}
.needtools-dpi .use-case-icon{
    font-size:1.5rem;margin-right:15px;flex-shrink:0;
}
.needtools-dpi .dpi-value{
    font-size:1.8rem;font-weight:bold;color:var(--primary-color);
    margin-bottom:8px;
}
.needtools-dpi .steps-container{counter-reset:step-counter;margin:25px 0}
.needtools-dpi .step{
    display:flex;margin-bottom:25px;align-items:flex-start;
}
.needtools-dpi .step-number{
    background:var(--primary-color);color:white;width:36px;height:36px;
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-weight:bold;margin-right:15px;flex-shrink:0;
}
.needtools-dpi .highlight-box{
    background:var(--light-bg);border:1px solid var(--primary-color);
    border-radius:10px;padding:20px;margin:25px 0;
}
.needtools-dpi .faq-item{
    margin-bottom:20px;border-bottom:1px solid var(--border-color);
    padding-bottom:20px;
}
.needtools-dpi .faq-question{
    font-size:1.1rem;font-weight:600;cursor:pointer;
    display:flex;justify-content:space-between;align-items:center;
    color:var(--text-color);
}
.needtools-dpi .faq-answer{
    color:var(--sub-text-color);line-height:1.6;display:none;
}
.needtools-dpi .cta-section{
    text-align:center;padding:40px 20px;background:var(--light-bg);
    border-radius:12px;margin-top:40px;border:1px solid var(--border-color);
}
.needtools-dpi .cta-button{
    display:inline-block;background:var(--primary-color);color:white;
    padding:12px 30px;border-radius:8px;text-decoration:none;
    font-weight:600;font-size:1.1rem;transition:.3s;
    box-shadow:0 4px 12px rgba(69,129,247,.3);
}
.needtools-dpi .cta-button:hover{
    background:var(--primary-hover);transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(69,129,247,.4);
}
@media (max-width:768px){
    .needtools-dpi .content-section{padding:20px}
    .needtools-dpi .section-title{font-size:1.5rem}
    .needtools-dpi .feature-grid,
    .needtools-dpi .use-cases-grid,
    .needtools-dpi .dpi-guide{
        grid-template-columns:1fr;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ef51ef */:root{
    --primary-color:#4581f7;--primary-hover:#3162c4;--text-color:#282f3a;
    --sub-text-color:#5a6474;--card-bg:#fff;--border-color:#e0e0e0;
    --shadow-subtle:rgba(0,0,0,.05);--light-bg:#f8fbff;--success-color:#00b894;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    line-height:1.6;color:var(--text-color);background:#f9fafb;
}
.content-container{max-width:1200px;margin:0 auto;padding:20px}

/* HEADER ERASED */
.page-header{display:none !important}

.content-section{
    background:var(--card-bg);border-radius:12px;padding:30px;
    margin-bottom:30px;box-shadow:0 4px 12px var(--shadow-subtle);
    border:1px solid var(--border-color);
}
.section-title{
    font-size:1.8rem;color:var(--text-color);margin-bottom:20px;
    padding-bottom:10px;border-bottom:3px solid var(--primary-color);
    display:inline-block;
}
.feature-grid,.use-cases-grid,.dpi-guide{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:20px;margin:25px 0;
}
.dpi-guide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
.feature-card,.use-case-card,.dpi-card{
    background:var(--card-bg);border-radius:10px;padding:25px 20px;
    border:1px solid var(--border-color);box-shadow:0 4px 8px var(--shadow-subtle);
    transition:transform .3s;text-align:center;
}
.dpi-card,.use-case-card{background:var(--light-bg)}
.use-case-card{
    display:flex;align-items:flex-start;text-align:left;
    border-left:4px solid var(--primary-color);
}
.feature-card:hover{transform:translateY(-5px)}
.feature-icon,.use-case-icon{
    font-size:2.5rem;color:var(--primary-color);margin-bottom:15px;
}
.use-case-icon{font-size:1.5rem;margin-right:15px;flex-shrink:0}
.dpi-value{
    font-size:1.8rem;font-weight:bold;color:var(--primary-color);
    margin-bottom:8px;
}
.steps-container{counter-reset:step-counter;margin:25px 0}
.step{display:flex;margin-bottom:25px;align-items:flex-start}
.step-number{
    background:var(--primary-color);color:white;width:36px;height:36px;
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-weight:bold;margin-right:15px;flex-shrink:0;
}
.highlight-box{
    background:var(--light-bg);border:1px solid var(--primary-color);
    border-radius:10px;padding:20px;margin:25px 0;
}
.faq-item{
    margin-bottom:20px;border-bottom:1px solid var(--border-color);
    padding-bottom:20px;
}
.faq-question{
    font-size:1.1rem;font-weight:600;cursor:pointer;
    display:flex;justify-content:space-between;align-items:center;
    color:var(--text-color);
}
.faq-answer{color:var(--sub-text-color);line-height:1.6;display:none}
.cta-section{
    text-align:center;padding:40px 20px;background:var(--light-bg);
    border-radius:12px;margin-top:40px;border:1px solid var(--border-color);
}
.cta-button{
    display:inline-block;background:var(--primary-color);color:white;
    padding:12px 30px;border-radius:8px;text-decoration:none;
    font-weight:600;font-size:1.1rem;transition:.3s;
    box-shadow:0 4px 12px rgba(69,129,247,.3);
}
.cta-button:hover{
    background:var(--primary-hover);transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(69,129,247,.4);
}
@media (max-width:768px){
    .content-section{padding:20px}
    .section-title{font-size:1.5rem}
    .feature-grid,.use-cases-grid,.dpi-guide{grid-template-columns:1fr}
}/* End custom CSS */