#dg-pricing-calculator-root {max-width: 1440px;margin: 0 auto;padding: 32px 0 0;box-sizing: border-box;}

.dg-grid { display: grid; gap: 24px; }
@media (min-width: 1024px) {
  .dg-grid-3 { grid-template-columns: 2fr 1fr; }
  .dg-grid-plans { grid-template-columns: repeat(3, 1fr); }
  .dg-grid-2 { grid-template-columns: repeat(2, 1fr); }
}

.dg-card {background: white;padding: 24px;box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px;}
.dg-card h3 {margin-bottom: 24px!important;}
.dg-grid-plans .dg-card{display:flex; flex-direction:column; justify-content:space-between;border-top:5px solid #193753; gap: 20px;}
.dg-grid-plans .dg-card .dg-text-muted{ font-weight: 400;}
.dg-grid-plans .dg-card .dg-text-muted.dg-accent{ font-size: 18px;font-weight: 600;color:#13afb2;}
.dg-card .content { display: flex; flex-direction: column;}
.dg-card-title{ font-size:34px; margin:0 0 8px; }

.dg-text-muted{ color:#6b7280; font-size:14px; font-weight: 600; }
.dg-text-xs{ font-size:11px; color:#6b7280; line-height: 1.5;letter-spacing: 0.5px;}
.dg-text-lg{ font-size:18px; font-weight:600; line-height: 1.5;}
.dg-text-xl{ font-size:22px; font-weight:600; line-height: 1.5;}
.dg-text-2xl{ font-size:26px; font-weight:600; line-height: 1.5;}
.dg-text-positive{ color:#13afb2; font-weight:600; }
.dg-accent{ color:#1acfd2; margin-bottom:6px; }
.dg-label{ display:block; font-size:16px; margin-bottom:4px; font-weight:500; }

.dg-separator{ height:2px; background:#1acfd2; margin:16px 0; }
.dg-separator-large{ margin:24px 0; }

.dg-row-flex{ display:flex; justify-content:space-between; align-items:center; }
.dg-row-plan{ margin:16px 0; }
.dg-row-sliders{ gap:16px; align-items:center; }
.dg-field-block{ margin-bottom:16px; }

.dg-header{ text-align:center; max-width:720px; margin:64px auto; }
.dg-header h2{ font-size:24px; margin-bottom:8px; }
#Pricing > div.row_col_wrap_12.col.span_12.dark.left > div > .vc_column-inner {padding: 0;}

.dg-btn{
  border-radius:10px; padding:12px 24px; border:1px solid #d1d5db; background:#fff;
  cursor:pointer; font-size:14px; display:inline-flex; align-items:center; gap:6px;
  transition:background .15s, color .15s, border-color .15s;
  font-family:Montserrat; justify-content:center;letter-spacing: 2px;
}
.dg-btn-full{ width:100%; margin-top:16px; }
.dg-btn-primary,.dg-btn-outline{ background:transparent; color:#193753; border: 3px solid #193753;font-weight: 700; border-radius: 0;}
.dg-btn-primary:hover, .dg-btn-outline:hover{ background:#193753; color:white;}

.dg-plan-btns{ display:flex; gap:8px; margin-bottom:16px; }
.dg-plan-btn{
  flex:1; padding:10px 14px; border-radius:999px; text-transform:uppercase; border:none; cursor:pointer;
  font-size:12px; transition:background .15s, color .15s; background:#e5e7eb; color:#4b5563;
  font-family:Montserrat; letter-spacing:2px;font-weight: 600;
}
.dg-plan-btn.dg-active{ background:#1acfd2; color:#fff; }

.dg-input, .dg-range{ width:100%; box-sizing:border-box; }
input[type=range] {height: 51px;}
.dg-input{padding:8px 10px; border-radius:8px; border:1px solid #d1d5db; background:#fff; font-size:14px;}
.dg-range{ accent-color:#1acfd2; background:none; }

.pricing-calc-row-quantity .pricing-calc-input-control, #dg-users-input{
  width:80px; height:48px; line-height:48px;
  text-align:center; font-size:26px; font-weight:400;
  border:1px solid #1acfd2; border-radius:4px;padding:0 4px;
}
.pricing-calc-row-quantity .calc-record-number{ display:none; }
.pricing-calc-row-quantity .calc-record-number-symbol{
  font-size:30px; font-weight:400; line-height:1; color:#193753; user-select:none;
}
#dg-scroll-details {font-weight: 600;color:#13afb2}
#dg-records-display, #dg-users-label {max-width: 104px;width: 100%;text-align: right;}
#dg-users-label {padding-right: 30px;}
#dg-records, #dg-users {max-width: 463px;width: 100%;}
#dg-records-cost, #dg-users-cost, #dg-plan-base-price {max-width: 124px;width: 100%;}
#dg-subscription-total { min-width: 124px; }
.dg-row {display: flex;align-items: center;justify-content: end;gap: 24px;}
#detailed-calculator .dg-label {font-size: 14px;}
#detailed-calculator input[type=number], .dg-share-panel input {background:none;border:1px solid #e8e8e8;padding: 5px 5px 5px 10px;}
#detailed-calculator input[type=number] {margin-bottom: 4px;}

.dg-cta-wrap{ display:flex; flex-wrap:wrap; gap:24px; margin-top:40px;justify-content:center;}
#dg-share-btn span {display: flex;gap: 10px;align-items: center;}
#dg-share-btn svg {width: 16px;height: 16px;transition: all 0.3s;}
#dg-share-btn:hover svg path {fill:white}

.dg-advanced-wrap{ margin-top:16px; }
.dg-advanced-toggle{ display:inline-flex; align-items:center; gap:4px; cursor:pointer; font-size:14px; }
.dg-advanced-arrow{
  display:inline-block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent;
  border-top:6px solid #4b5563; transition:transform .15s;
}
.dg-advanced-toggle.dg-open .dg-advanced-arrow{ transform:rotate(180deg); }
.dg-advanced{ margin-top:16px; display:none; }
.dg-advanced.dg-visible{ display:block; }

.dg-details-title{ margin:0 0 16px; display:flex; align-items:center; gap:8px; font-size: 24px;}

.dg-mb-16{ margin-bottom:16px; }
.dg-mb-4{ margin-bottom:4px; }
.dg-mt-8{ margin-top:8px; }
.numbers{ font-weight:400; font-size:30px;} 

.dg-link{ display:inline-block; margin-top:8px; color:#1acfd2; text-decoration:none; }
.dg-link:hover{ text-decoration:underline; }

.dg-records-left{ display:flex; align-items:center; gap:6px; min-width:110px; }

.dg-records-input-wrap{ display:none; align-items:center; gap:4px; position:relative; }
.dg-input-compact{ width:90px; padding-right:16px; }
.dg-records-m{ margin-left:-20px; pointer-events:none; font-weight:bold; }
.dg-records-input-wrap input[type="number"]{
  appearance:auto !important; -webkit-appearance:auto !important; -moz-appearance:auto !important;
  padding-right:26px; max-width:80px; text-align:end; border:1px solid #1acfd2;
  max-width:70px; font-size:26px; padding:0 0 0 4px; text-align:center;
}
.dg-records-input-wrap input[type="number"]::-webkit-outer-spin-button,
.dg-records-input-wrap input[type="number"]::-webkit-inner-spin-button,
.dg-users-input-wrap input[type=number]::-webkit-outer-spin-button,
.dg-users-input-wrap input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance:auto !important; margin:0;
}
.dg-users-input-wrap,.dg-records-input-wrap {max-width: 104px!important;width: 100%!important;height: 48px;}
.dg-users-input-wrap {justify-content: flex-end;}
.dg-users-input-wrap input[type=number]{appearance:auto !important; -webkit-appearance:auto !important; -moz-appearance:auto !important; max-width:70px;}

.dg-modal{ position:fixed; inset:0; display:none; z-index:2147483000; }
.dg-modal.dg-open{ display:block; }
.dg-modal-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.55); }
.dg-modal-dialog{
  position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);
  width:min(560px, 92vw); background:#fff; color:#111; border-radius:14px; padding:20px 20px 24px;
  box-shadow:0 10px 30px rgba(0,0,0,.2); z-index:1;
}
body.dg-scroll-lock{ overflow:hidden; }
.dg-modal-title{ font-size:18px; margin:2px 0 6px; }
.dg-modal-close{
  position:absolute; right:10px; top:8px; border:0; background:transparent; font-size:22px; line-height:1; cursor:pointer;
}

.dg-btn-full{ width:100%; }
.dg-input-row{ display:flex; gap:8px; align-items:stretch; margin-top:6px; }
.dg-input-row .dg-input{ flex:1; }

.dg-records-input-wrap.dg-show { 
  display: inline-flex !important; 
  align-items: center;
  padding-right: 0!important;
  margin-top: 1px;
}

.dg-modal-header {margin-bottom: 16px;}
.dg-modal-desc {font-size: 13px;color: #6b7280;margin-top: 4px;padding: 0;}

.dg-share-tabs {display: flex;gap: 6px;padding: 4px;border-radius: 999px;background: #f3f4f6;margin-bottom: 16px;}
.dg-share-tab {flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-size: 13px;font-weight: 500;border: none;background: transparent;color: #4b5563;padding: 8px 10px;
  border-radius: 999px;cursor: pointer;transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.dg-share-tab:hover {background: #e5e7eb;}
.dg-share-tab.dg-share-tab-active {background: #ffffff;color: #111827;box-shadow: 0 1px 3px rgba(15, 23, 42, 0.16);}

.dg-share-tab svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: inline-block;
}
.dg-share-tab span {font-family: Montserrat;}

.dg-share-panels {margin-top: 4px;}
.dg-share-panel {display: none;}
.dg-share-panel.dg-share-panel-active {display: block;}
.dg-textarea {
  min-height: 100px;
  resize: vertical;
}
.dg-input.dg-textarea {
  padding-top: 8px;
  padding-bottom: 8px;
  max-height: 400px;
}
.dg-modal-dialog {padding: 18px 18px 22px;}

.dg-field-block--records,
.dg-field-block--users{
  margin-bottom: 16px;
}

.dg-field-header{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 12px;
  align-items: center;
}

.dg-field-header .dg-label{margin-bottom: 0;}

.dg-field-qty{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.dg-field-qty #dg-records-display,
.dg-field-qty #dg-users-label{
  max-width: none;
  width: auto;
  text-align: right;
  padding-right: 0;
}

.dg-field-slider{
  margin-top: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 12px;
  align-items: center;
}

.dg-field-slider .dg-range{width: 100%;}
.dg-field-slider #dg-records-cost,
.dg-field-slider #dg-users-cost{text-align: right;}

.dg-field-block--records,
.dg-field-block--users {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr) 134px;
  grid-template-rows: auto auto;
  grid-template-areas:
    "label label label"
    "qty   slider cost";
  column-gap: 16px;
  row-gap: 6px;
  align-items: center;
}

.dg-field-block--records > .dg-label,
.dg-field-block--users  > .dg-label {
  grid-area: label;
  margin-bottom: 4px;
}

.dg-field-block--records .dg-field-qty,
.dg-field-block--users  .dg-field-qty {
  grid-area: qty;
  display: inline-flex;
  align-items: center;
  justify-self: flex-start;
  gap: 8px;
  white-space: nowrap;
  max-width: 104px;
  width: 100%;
}

.dg-field-qty #dg-records-display,
.dg-field-qty #dg-users-label {
  max-width: 104px;
  width: 100%;
  text-align: right;
}

.dg-field-block--records #dg-records,
.dg-field-block--users  #dg-users {
  grid-area: slider;
  width: 100%;
}

.dg-field-block--records #dg-records-cost,
.dg-field-block--users  #dg-users-cost {
  grid-area: cost;
  justify-self: flex-end;
  max-width: 124px;
  width: 100%;
}

.dg-records-input-wrap,
.dg-users-input-wrap {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  width: 0px;
}
.dg-records-input-wrap {
  display: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.dg-records-input-wrap.dg-show {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  max-width: 104px !important;  
  width: 100% !important;
}

@media (max-width: 768px){
  .dg-input.dg-textarea {max-height:294px;}
  .numbers {font-size: 24px;}
  #dg-pricing-calculator-root{ padding:0; }
  .dg-card{ padding:16px; border-radius:12px; }
  .dg-field-block{ margin-bottom:12px; }
  .dg-separator{ margin:12px 0; }
  .dg-separator-large{ margin:18px 0; }
  .dg-card-title{ font-size:20px; }
  .dg-text-lg{ font-size:16px; }
  .dg-text-xl{ font-size:20px; }
  .dg-text-2xl{ font-size:22px; }
  .dg-text-muted{ font-size:13px; }
  .dg-text-xs{ font-size:11.5px; }
  .dg-details-title, .dg-text-lg.numbers, #dg-plan-base-price{ font-size:18px; }
  .dg-plan-btns{ overflow-x:auto; -webkit-overflow-scrolling:touch; gap:6px; padding-bottom:2px;flex-wrap: wrap;justify-content: center;}
  #dg-records, #dg-users {max-width:70%;width:100%;}
  .dg-users-input-wrap, .dg-records-input-wrap,#dg-records-display, #dg-users-label {max-width:15%;width:100%;}
  #dg-plan-base-price {text-align: right;width: 80%;}
  #dg-plan-label {width: 100%;}
  .dg-plan-btn{ flex:0 0 auto; font-size:11px; padding:8px 12px; }
  .dg-row-flex,.dg-row{ flex-wrap:wrap; gap:8px; }
  .dg-row-plan{ margin:10px 0;justify-content: space-between;}
  .dg-row-sliders{ gap:10px; flex-wrap: nowrap;}
  
  .dg-range{ width:100%; }
  .dg-records-left{ min-width:90px; gap:4px; }
  .dg-records-input-wrap input[type="number"],
  .pricing-calc-row-quantity .pricing-calc-input-control,
  .pricing-calc-row-quantity .pricing-calc-input-control, 
  #dg-users-input{ max-width:54px; height:40px; font-size:18px; }
  .pricing-calc-row-quantity{ gap:6px; }
  .pricing-calc-row-quantity .calc-record-number-symbol{ font-size:20px; }
  .dg-users-input-wrap input[type="number"]{ max-width:72px; }
  .dg-cta-wrap{ flex-direction:column; align-items:stretch; }
  .dg-btn{ padding:11px 16px; }
  .dg-btn-full{ width:100%; margin-top:12px; }
  .dg-modal-dialog{
    width:calc(100vw - 24px); max-height:80vh; left:50%; bottom:14px; top:auto;
    transform:translate(-50%, 0); padding:16px; border-radius:12px;
  }
  .dg-modal-title{ font-size:16px; margin:0 0 6px; }
  .dg-input-row{ flex-direction:column; gap:10px; }
  .dg-input-row .dg-input, .dg-input-row .dg-btn{ width:100%; }

  .dg-field-block--records,
  .dg-field-block--users {
    grid-template-columns: minmax(0, 1fr) 90px;
    grid-template-rows: auto auto;
    grid-template-areas:
      "label qty"
      "slider cost";
  }

  .dg-field-block--records .dg-field-qty,
  .dg-field-block--users  .dg-field-qty {justify-content: flex-end;gap: 6px;}

  .dg-field-qty #dg-records-display,
  .dg-field-qty #dg-users-label {max-width: none; width: auto;}

  .dg-field-block--records #dg-records,
  .dg-field-block--users  #dg-users {max-width: none;width: 100%;}

  .dg-field-block--records #dg-records-cost,
  .dg-field-block--users  #dg-users-cost {
    max-width: none;
    width: auto;
    white-space: nowrap;
    justify-self: flex-end;
  }
  .dg-field-block--records .dg-label , .dg-field-block--users .dg-label {margin: 13px 0;}
  .dg-row-plan {flex-wrap: nowrap;}
  #dg-subscription-total {min-width: auto;}
  .annual-cost {flex-wrap: nowrap;justify-content: start;}
  .total-savings {flex-wrap: nowrap;justify-content: space-between;}
  .total-savings .dg-text-muted {margin: 0;}
}