.elementor-868 .elementor-element.elementor-element-6e9c8d1{--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-868 .elementor-element.elementor-element-8a2fb91.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-868 .elementor-element.elementor-element-d4a8393{--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-868 .elementor-element.elementor-element-7643394.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-868 .elementor-element.elementor-element-ac6ab15{--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-868 .elementor-element.elementor-element-1bab562.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1bab562 *//* Scope wrapper to avoid conflicts inside Elementor */
.needtools-widget {
  --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:#0bb37b;
}

.needtools-widget * { box-sizing:border-box; margin:0; padding:0; }

.needtools-widget {
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height:1.6; color:var(--text-color); background:#f5f7fa;
}

/* container */
.needtools-widget .content-container { max-width:1200px; margin:0 auto; padding:20px; }

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

.needtools-widget .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-widget .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-widget .feature-grid,
.needtools-widget .use-cases-grid,
.needtools-widget .case-examples{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px; margin:25px 0;
}

.needtools-widget .case-examples{ grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); }
.needtools-widget .use-cases-grid{ grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); }

.needtools-widget .feature-card,
.needtools-widget .use-case-card,
.needtools-widget .case-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-widget .use-case-card,
.needtools-widget .case-card{ background:var(--light-bg); }

.needtools-widget .use-case-card{
  display:flex; align-items:flex-start; text-align:left;
  border-left:4px solid var(--primary-color);
}

.needtools-widget .feature-card:hover{ transform:translateY(-5px); }

.needtools-widget .feature-icon,
.needtools-widget .use-case-icon{
  font-size:2.5rem; color:var(--primary-color); margin-bottom:15px;
}

.needtools-widget .use-case-icon{
  font-size:1.8rem; margin-right:15px; flex-shrink:0;
}

.needtools-widget .case-type{
  font-weight:bold; color:var(--primary-color); margin-bottom:10px;
  font-size:1.1rem;
}

.needtools-widget .example-pair{ margin-bottom:15px; }

.needtools-widget .example-label{
  font-size:.9rem; color:var(--sub-text-color); margin-bottom:5px;
}

.needtools-widget .example-text{
  font-family:monospace; background:white; padding:10px;
  border-radius:6px; border-left:3px solid var(--primary-color);
}

.needtools-widget .steps-container{ counter-reset:step-counter; margin:25px 0; }
.needtools-widget .step{ display:flex; margin-bottom:25px; align-items:flex-start; }

.needtools-widget .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-widget .highlight-box{
  background:var(--light-bg); border:1px solid var(--primary-color);
  border-radius:10px; padding:20px; margin:25px 0;
}

.needtools-widget .faq-item{
  margin-bottom:20px; border-bottom:1px solid var(--border-color);
  padding-bottom:20px;
}

.needtools-widget .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-widget .faq-answer{
  color:var(--sub-text-color); line-height:1.6; display:none;
}

.needtools-widget .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-widget .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-widget .cta-button:hover{
  background:var(--primary-hover); transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(69,129,247,.4);
}

/* Responsive */
@media (max-width:768px){
  .needtools-widget .content-section{ padding:20px; }
  .needtools-widget .section-title{ font-size:1.5rem; }
  .needtools-widget .feature-grid,
  .needtools-widget .use-cases-grid,
  .needtools-widget .case-examples{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1bab562 *//* Scope wrapper to avoid conflicts inside Elementor */
.needtools-widget {
  --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:#0bb37b;
}

.needtools-widget * { box-sizing:border-box; margin:0; padding:0; }

.needtools-widget {
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height:1.6; color:var(--text-color); background:#f5f7fa;
}

/* container */
.needtools-widget .content-container { max-width:1200px; margin:0 auto; padding:20px; }

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

.needtools-widget .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-widget .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-widget .feature-grid,
.needtools-widget .use-cases-grid,
.needtools-widget .case-examples{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px; margin:25px 0;
}

.needtools-widget .case-examples{ grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); }
.needtools-widget .use-cases-grid{ grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); }

.needtools-widget .feature-card,
.needtools-widget .use-case-card,
.needtools-widget .case-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-widget .use-case-card,
.needtools-widget .case-card{ background:var(--light-bg); }

.needtools-widget .use-case-card{
  display:flex; align-items:flex-start; text-align:left;
  border-left:4px solid var(--primary-color);
}

.needtools-widget .feature-card:hover{ transform:translateY(-5px); }

.needtools-widget .feature-icon,
.needtools-widget .use-case-icon{
  font-size:2.5rem; color:var(--primary-color); margin-bottom:15px;
}

.needtools-widget .use-case-icon{
  font-size:1.8rem; margin-right:15px; flex-shrink:0;
}

.needtools-widget .case-type{
  font-weight:bold; color:var(--primary-color); margin-bottom:10px;
  font-size:1.1rem;
}

.needtools-widget .example-pair{ margin-bottom:15px; }

.needtools-widget .example-label{
  font-size:.9rem; color:var(--sub-text-color); margin-bottom:5px;
}

.needtools-widget .example-text{
  font-family:monospace; background:white; padding:10px;
  border-radius:6px; border-left:3px solid var(--primary-color);
}

.needtools-widget .steps-container{ counter-reset:step-counter; margin:25px 0; }
.needtools-widget .step{ display:flex; margin-bottom:25px; align-items:flex-start; }

.needtools-widget .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-widget .highlight-box{
  background:var(--light-bg); border:1px solid var(--primary-color);
  border-radius:10px; padding:20px; margin:25px 0;
}

.needtools-widget .faq-item{
  margin-bottom:20px; border-bottom:1px solid var(--border-color);
  padding-bottom:20px;
}

.needtools-widget .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-widget .faq-answer{
  color:var(--sub-text-color); line-height:1.6; display:none;
}

.needtools-widget .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-widget .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-widget .cta-button:hover{
  background:var(--primary-hover); transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(69,129,247,.4);
}

/* Responsive */
@media (max-width:768px){
  .needtools-widget .content-section{ padding:20px; }
  .needtools-widget .section-title{ font-size:1.5rem; }
  .needtools-widget .feature-grid,
  .needtools-widget .use-cases-grid,
  .needtools-widget .case-examples{ grid-template-columns:1fr; }
}/* End custom CSS */