.elementor-864 .elementor-element.elementor-element-a015eaa{--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-864 .elementor-element.elementor-element-e20b34b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-864 .elementor-element.elementor-element-ad804d4{--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-864 .elementor-element.elementor-element-9e2f5a8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-864 .elementor-element.elementor-element-7292192{--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-864 .elementor-element.elementor-element-c72f913.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for html, class: .elementor-element-9e2f5a8 *//* ============================================================= */
/* CPM CALCULATOR - 100% ISOLATED & SAFE FOR ELEMENTOR */
/* NO GLOBAL STYLES - ZERO CONFLICT GUARANTEED */
/* ============================================================= */

.cpm-calculator-wrapper {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    line-height: 1.6;
    color: #1F2937;
    background: transparent;
    padding: 20px 0;
}

/* Variables (scoped) */
.cpm-calculator-wrapper {
    --cpm-primary: #3B82F6;
    --cpm-success: #10B981;
    --cpm-warning: #F59E0B;
    --cpm-bg: #FFFFFF;
    --cpm-light: #F3F4F6;
    --cpm-border: #E5E7EB;
    --cpm-text: #1F2937;
    --cpm-gray: #6B7280;
}

/* Container */
.cpm-calculator-wrapper .cpm-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Tabs */
.cpm-calculator-wrapper .cpm-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: 2px solid var(--cpm-border);
    margin-bottom: 30px;
}
.cpm-calculator-wrapper .cpm-tab {
    padding: 12px 20px;
    cursor: pointer;
    font-weight: 600;
    color: var(--cpm-gray);
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;
}
.cpm-calculator-wrapper .cpm-tab:hover {
    color: var(--cpm-primary);
}
.cpm-calculator-wrapper .cpm-tab.active {
    color: var(--cpm-primary);
    border-bottom-color: var(--cpm-primary);
}

/* Tab Content */
.cpm-calculator-wrapper .cpm-tab-content {
    display: none;
    background: var(--cpm-bg);
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}
.cpm-calculator-wrapper .cpm-tab-content.active {
    display: block;
}

/* Layout */
.cpm-calculator-wrapper .cpm-calculator {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.cpm-calculator-wrapper .cpm-input-panel,
.cpm-calculator-wrapper .cpm-result-panel {
    flex: 1;
    min-width: 300px;
}
.cpm-calculator-wrapper .cpm-result-panel {
    background: var(--cpm-light);
    border-radius: 6px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Form Elements */
.cpm-calculator-wrapper .cpm-info-box {
    background: #EFF6FF;
    color: #1D4ED8;
    border: 1px solid #BFDBFE;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 0.95rem;
}
.cpm-calculator-wrapper .cpm-currency-.elementor-864 .elementor-element.elementor-element-9e2f5a8 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.cpm-calculator-wrapper #currency-select,
.cpm-calculator-wrapper #comparison-currency {
    padding: 10px;
    border: 1px solid var(--cpm-border);
    border-radius: 4px;
    font-size: 1rem;
    flex-grow: 1;
}
.cpm-calculator-wrapper #currency-flag {
    font-size: 1.5rem;
}
.cpm-calculator-wrapper .cpm-form-group {
    margin-bottom: 20px;
}
.cpm-calculator-wrapper .cpm-form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}
.cpm-calculator-wrapper .cpm-form-group input {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--cpm-border);
    border-radius: 4px;
    font-size: 1.1rem;
    box-sizing: border-box;
}

/* Buttons */
.cpm-calculator-wrapper .cpm-btn-group {
    display: flex;
    gap: 15px;
    margin-top: 25px;
}
.cpm-calculator-wrapper .cpm-btn {
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 1;
}
.cpm-calculator-wrapper #calculate-btn {
    background: var(--cpm-primary);
    color: white;
}
.cpm-calculator-wrapper #calculate-btn:hover {
    background: #2563EB;
    transform: translateY(-1px);
}
.cpm-calculator-wrapper .cpm-btn-reset {
    background: #E5E7EB;
    color: #4B5563;
}
.cpm-calculator-wrapper .cpm-btn-reset:hover {
    background: #D1D5DB;
}

/* Results */
.cpm-calculator-wrapper .cpm-value {
    font-size: 3rem;
    font-weight: 700;
    margin: 10px 0 5px;
    transition: color 0.3s ease;
}
.cpm-calculator-wrapper #result-message {
    font-size: 1.1rem;
    color: var(--cpm-gray);
    margin-bottom: 20px;
}
.cpm-calculator-wrapper .cpm-result-details {
    margin-top: 20px;
    border-top: 1px dashed var(--cpm-border);
    padding-top: 15px;
}
.cpm-calculator-wrapper .cpm-result-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #F3F4F6;
}

/* Tables */
.cpm-calculator-wrapper .cpm-comparison-table,
.cpm-calculator-wrapper .cpm-exchange-rates-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}
.cpm-calculator-wrapper .cpm-comparison-table th,
.cpm-calculator-wrapper .cpm-comparison-table td,
.cpm-calculator-wrapper .cpm-exchange-rates-table th,
.cpm-calculator-wrapper .cpm-exchange-rates-table td {
    border: 1px solid var(--cpm-border);
    padding: 12px;
    text-align: left;
    font-size: 0.95rem;
}
.cpm-calculator-wrapper .cpm-comparison-table th,
.cpm-calculator-wrapper .cpm-exchange-rates-table th {
    background: #F3F4F6;
    font-weight: 600;
    color: #4B5563;
}

/* Formula Box */
.cpm-calculator-wrapper .cpm-formula-box {
    background: #E0F2F1;
    color: #0F766E;
    padding: 15px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 1.1rem;
    margin-bottom: 25px;
    font-weight: bold;
    text-align: center;
}

/* Responsive */
@media (max-width: 900px) {
    .cpm-calculator-wrapper .cpm-calculator {
        flex-direction: column;
    }
    .cpm-calculator-wrapper .cpm-tab {
        flex-basis: 50%;
        text-align: center;
        padding: 10px 0;
    }
}
@media (max-width: 500px) {
    .cpm-calculator-wrapper .cpm-btn-group {
        flex-direction: column;
    }
    .cpm-calculator-wrapper .cpm-btn {
        width: 100%;
        padding: 15px;
    }
    .cpm-calculator-wrapper .cpm-value {
        font-size: 2.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c72f913 *//* Original CSS preserved, scoped to .needtools-cpm to avoid theme/Elementor overrides */
.needtools-cpm {
  --primary-color:#3B82F6;--primary-hover:#2563EB;--text-color:#1F2937;
  --sub-text-color:#6B7280;--card-bg:#FFF;--border-color:#E5E7EB;
  --shadow-subtle:rgba(0,0,0,.05);--light-bg:#F8F9FA;--success-color:#10B981;
  --warning-color:#F59E0B;
}
.needtools-cpm *{box-sizing:border-box;margin:0;padding:0}
.needtools-cpm body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  line-height:1.6;color:var(--text-color);background:#f9fafb;
}
.needtools-cpm .content-container{max-width:1200px;margin:0 auto;padding:20px}

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

.needtools-cpm .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-cpm .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-cpm .feature-grid,.needtools-cpm .use-cases-grid,.needtools-cpm .cpm-guide{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;margin:25px 0;
}
.needtools-cpm .cpm-guide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
.needtools-cpm .feature-card,.needtools-cpm .use-case-card,.needtools-cpm .cpm-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-cpm .cpm-card,.needtools-cpm .use-case-card{background:var(--light-bg)}
.needtools-cpm .use-case-card{
  display:flex;align-items:flex-start;text-align:left;
  border-left:4px solid var(--primary-color);
}
.needtools-cpm .feature-card:hover{transform:translateY(-5px)}
.needtools-cpm .feature-icon,.needtools-cpm .use-case-icon{
  font-size:2.5rem;color:var(--primary-color);margin-bottom:15px;
}
.needtools-cpm .use-case-icon{font-size:1.5rem;margin-right:15px;flex-shrink:0}
.needtools-cpm .cpm-range{
  font-size:1.1rem;font-weight:bold;color:var(--primary-color);
  margin-bottom:8px;
}
.needtools-cpm .steps-container{counter-reset:step-counter;margin:25px 0}
.needtools-cpm .step{display:flex;margin-bottom:25px;align-items:flex-start}
.needtools-cpm .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-cpm .highlight-box{
  background:var(--light-bg);border:1px solid var(--primary-color);
  border-radius:10px;padding:20px;margin:25px 0;
}
.needtools-cpm .faq-item{
  margin-bottom:20px;border-bottom:1px solid var(--border-color);
  padding-bottom:20px;
}
.needtools-cpm .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-cpm .faq-answer{color:var(--sub-text-color);line-height:1.6;display:none}
.needtools-cpm .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-cpm .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(59,130,246,.3);
}
.needtools-cpm .cta-button:hover{
  background:var(--primary-hover);transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(59,130,246,.4);
}
@media (max-width:768px){
  .needtools-cpm .content-section{padding:20px}
  .needtools-cpm .section-title{font-size:1.5rem}
  .needtools-cpm .feature-grid,.needtools-cpm .use-cases-grid,.needtools-cpm .cpm-guide{grid-template-columns:1fr}
}/* End custom CSS */