.elementor-1778 .elementor-element.elementor-element-c35cd87{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overflow:hidden;--padding-top:80px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-312389c{--display:flex;}.elementor-1778 .elementor-element.elementor-element-6210963 .elementor-heading-title{font-family:"Geist", Sans-serif;font-size:76px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-ed0ab02{width:var( --container-widget-width, 641px );max-width:641px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:641px;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.55;color:var( --e-global-color-0099813 );}.elementor-1778 .elementor-element.elementor-element-e9aef5e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-a8cf0e5 );--border-color:var( --e-global-color-a8cf0e5 );--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-251dbb9{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1778 .elementor-element.elementor-element-251dbb9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1778 .elementor-element.elementor-element-03f54ea .elementor-heading-title{font-family:"Geist", Sans-serif;font-size:28px;font-weight:600;line-height:43px;letter-spacing:-0.02em;}.elementor-1778 .elementor-element.elementor-element-f90d100{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;font-family:"Geist Mono", Sans-serif;font-size:11px;font-weight:400;color:var( --e-global-color-583f07c );}.elementor-1778 .elementor-element.elementor-element-0f13a24{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1778 .elementor-element.elementor-element-d65c4b0{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-c5e56cf );--border-color:var( --e-global-color-c5e56cf );--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-1778 .elementor-element.elementor-element-d65c4b0:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-d65c4b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2b4d000 );}.elementor-1778 .elementor-element.elementor-element-4c2bb5f .elementor-heading-title{font-family:"Geist Mono", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.16em;color:var( --e-global-color-primary );}.elementor-1778 .elementor-element.elementor-element-90e4347{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-e443bca );--border-color:var( --e-global-color-e443bca );--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-1778 .elementor-element.elementor-element-90e4347:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-90e4347 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2b4d000 );}.elementor-1778 .elementor-element.elementor-element-1dcfbaf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-1778 .elementor-element.elementor-element-1dcfbaf .elementor-heading-title{font-family:"Geist Mono", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.16em;color:var( --e-global-color-583f07c );}.elementor-1778 .elementor-element.elementor-element-9f1bfb3{padding:0px 0px 4px 0px;}.elementor-1778 .elementor-element.elementor-element-9f1bfb3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;}.elementor-1778 .elementor-element.elementor-element-9c11883{font-size:13px;font-weight:400;color:var( --e-global-color-0099813 );}.elementor-1778 .elementor-element.elementor-element-25e3a66{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-98b31f4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-e443bca );--border-color:var( --e-global-color-e443bca );--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-1778 .elementor-element.elementor-element-98b31f4:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-98b31f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2b4d000 );}.elementor-1778 .elementor-element.elementor-element-a3ce92e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-1778 .elementor-element.elementor-element-a3ce92e .elementor-heading-title{font-family:"Geist Mono", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.16em;color:var( --e-global-color-583f07c );}.elementor-1778 .elementor-element.elementor-element-9daa35a{padding:0px 0px 4px 0px;}.elementor-1778 .elementor-element.elementor-element-9daa35a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;}.elementor-1778 .elementor-element.elementor-element-8510897{font-size:13px;font-weight:400;color:var( --e-global-color-0099813 );}.elementor-1778 .elementor-element.elementor-element-01571be{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-e443bca );--border-color:var( --e-global-color-e443bca );--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-1778 .elementor-element.elementor-element-01571be:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-01571be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2b4d000 );}.elementor-1778 .elementor-element.elementor-element-1f95c10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-1778 .elementor-element.elementor-element-1f95c10 .elementor-heading-title{font-family:"Geist Mono", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.16em;color:var( --e-global-color-583f07c );}.elementor-1778 .elementor-element.elementor-element-e55bd11{padding:0px 0px 4px 0px;}.elementor-1778 .elementor-element.elementor-element-e55bd11 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;}.elementor-1778 .elementor-element.elementor-element-4d21ad3{font-size:13px;font-weight:400;color:var( --e-global-color-0099813 );}.elementor-1778 .elementor-element.elementor-element-af5af60{--display:flex;}@media(max-width:1024px){.elementor-1778 .elementor-element.elementor-element-c35cd87{--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;--padding-top:60px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-312389c.e-con{--order:99999 /* order end hack */;}.elementor-1778 .elementor-element.elementor-element-6210963 .elementor-heading-title{font-size:42px;letter-spacing:0px;}.elementor-1778 .elementor-element.elementor-element-e9aef5e{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1778 .elementor-element.elementor-element-6210963 .elementor-heading-title{font-size:38px;letter-spacing:0.1px;}.elementor-1778 .elementor-element.elementor-element-ed0ab02{font-size:15px;}.elementor-1778 .elementor-element.elementor-element-03f54ea .elementor-heading-title{line-height:31px;}}@media(min-width:768px){.elementor-1778 .elementor-element.elementor-element-312389c{--width:986px;}.elementor-1778 .elementor-element.elementor-element-e9aef5e{--content-width:1296px;}.elementor-1778 .elementor-element.elementor-element-251dbb9{--width:60%;}.elementor-1778 .elementor-element.elementor-element-0f13a24{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1778 .elementor-element.elementor-element-c35cd87{--content-width:100%;}.elementor-1778 .elementor-element.elementor-element-312389c{--width:100%;}.elementor-1778 .elementor-element.elementor-element-251dbb9{--width:100%;}.elementor-1778 .elementor-element.elementor-element-0f13a24{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-af35d31 */.esp-eyebrow {
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #5e6773;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.esp-eyebrow::before {
  content: "";
  width: 22px;
  height: 1px;
  background: #0a84ff;
  display: inline-block;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6210963 */.soft {
    color: #5e6773;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c35cd87 *//* Hero + Search */

.esp-search-wrap {
  position: relative;
  max-width: 640px
}

.esp-search-input {
  width: 100% !important;
  background: #101418;
  border: 1px solid #222a32 !important;
  color: #f8f8f7;
  font-size: 15px;
  padding: 18px 18px 18px 50px !important;
  line-height: 1;
}

.esp-search-input:focus,
.esp-search-input:focus-visible,
.esp-sort select:focus,
.esp-sort select:focus-visible {
  outline: 1px solid #0a84ff !important;
  outline-offset: 0px !important;
  box-shadow: none !important;
}

.esp-search-input::placeholder {
  color: #5e6773
}

.esp-search-ic {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #5e6773;
  font-family: 'Geist Mono', monospace;
  font-size: 15px
}

/* Toolbar */
.esp-rtoolbar {
  position: sticky;
  top: 64px;
  z-index: 40;
  background: rgba(10, 10, 10, .82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #1a2027
}

.esp-rtoolbar-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 16px 0;
  flex-wrap: wrap
}

.esp-type-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap
}

.esp-tchip {
  font-family: 'Geist Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: .06em;
  color: #9aa3ad !important;
  border: 1px solid #222a32 !important;
  background: none !important;
  padding: 8px 14px !important;
  cursor: pointer !important;
  transition: color .15s, border-color .15s, background .15s;
}

.esp-tchip:hover {
  color: #f8f8f7 !important;
}

.esp-tchip.on {
  color: #0a84ff !important;
  border-color: #0a84ff !important;
  background: rgba(10, 132, 255, .08) !important;
}

.esp-rcount {
  font-family: 'Geist Mono', monospace;
  font-size: 12px;
  color: #5e6773
}

.esp-rcount b {
  color: #f8f8f7
}

/* Resource list */
.esp-rcat {
  margin-bottom: 44px
}

.esp-rcat-head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid #222a32
}

.esp-rcat-head h3 {
  font-family: 'Geist', sans-serif;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -.02em;
  color: #f8f8f7;
  line-height: 34px;
  margin-bottom: 0px !important;
}

.esp-rcat-desc {
  font-size: 13px;
  color: #5e6773;
  margin-left: auto;
  max-width: 38ch;
  text-align: right
}

.esp-rrow {
  display: grid;
  grid-template-columns: 96px 1fr auto;
  gap: 20px;
  align-items: center;
  padding: 16px 12px;
  border: 1px solid transparent;
  border-bottom: 1px solid #1a2027;
  transition: background .15s, border-color .15s
}

.esp-rrow:hover {
  background: #101418;
  border-color: #222a32
}

.esp-rtype {
  font-family: 'Geist Mono', monospace;
  font-size: 9.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 6px 10px;
  border: 1px solid #222a32;
  color: #9aa3ad;
  text-align: center;
  line-height: 1.5;
  font-weight: 400;
}

.esp-rrow[data-type="Video"] .esp-rtype {
  color: #0a84ff;
  border-color: rgba(10, 132, 255, .4)
}

.esp-rtitle {
  font-size: 15px;
  color: #f8f8f7;
  font-weight: 500;
  line-height: 23px;
}

.esp-rmeta {
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  color: #5e6773;
  margin-top: 3px;
  line-height: 17px;
  font-weight: 400;
}

.esp-rget {
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #9aa3ad;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  white-space: nowrap;
  line-height: 17px;
  font-weight: 400;
}

.esp-rrow:hover .esp-rget {
  color: #0a84ff
}

.esp-rrow[data-type="Video"] .esp-rget {
  color: #0a84ff
}

.esp-rempty {
  padding: 60px 24px;
  text-align: center;
  color: #5e6773;
  font-family: 'Geist Mono', monospace;
  font-size: 13px;
  border: 1px dashed #222a32
}

.esp-rempty button {
  background: none;
  border: 0;
  color: #0a84ff;
  cursor: pointer;
  text-decoration: underline;
  font-family: 'Geist Mono', monospace;
  font-size: 13px
}

/* Matrix */
.esp-matrix-sec {
  padding: 60px 0;
  border-top: 1px solid #1a2027;
  border-bottom: 1px solid #1a2027;
  background: linear-gradient(180deg, #0a0a0a, #101418)
}

.esp-matrix-wrap {
  overflow-x: auto;
  border: 1px solid #222a32
}

.esp-cmatrix {
  border-collapse: collapse;
  width: 100%;
  min-width: 640px;
  table-layout: fixed
}

.esp-cmatrix th:first-child,
.esp-cmatrix td:first-child {
  width: 280px
}

.esp-cmatrix th,
.esp-cmatrix td {
  border: 1px solid #1a2027;
  padding: 14px 16px;
  text-align: center;
  font-size: 13px;
  transition: background .12s
}

.esp-cmatrix thead th {
  font-family: 'Geist Mono', monospace;
  font-size: 10.5px;
  letter-spacing: .08em;
  color: #d5d9de;
  background: #161b21
}

.esp-cmatrix tbody th {
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  color: #d5d9de;
  text-align: left;
  background: #161b21;
  white-space: nowrap;
  font-weight: 500
}

.esp-cmatrix tbody th .sk {
  display: block;
  font-size: 9.5px;
  color: #5e6773;
  margin-top: 2px;
  font-weight: 400
}

.esp-cmatrix td.v {
  color: #0a84ff;
  font-weight: 500
}

.esp-cmatrix td.p {
  color: #9aa3ad
}

.esp-cmatrix td.n {
  color: #5e6773
}

.esp-cmatrix td.hl,
.esp-cmatrix th.hl {
  background: rgba(10, 132, 255, .08)
}

.esp-cmatrix td.cross {
  background: rgba(10, 132, 255, .18);
  box-shadow: inset 0 0 0 1px #0a84ff
}

.esp-mlegend {
  display: flex;
  gap: 22px;
  margin-top: 16px;
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  color: #5e6773;
  flex-wrap: wrap
}

.esp-mlegend span {
  display: inline-flex;
  align-items: center;
  gap: 7px
}

.esp-mlegend i {
  width: 9px;
  height: 9px;
  display: inline-block
}

@media(max-width:600px) {

  .esp-cmatrix th:first-child,
  .esp-cmatrix td:first-child {
    width: 130px
  }
}
@media(max-width:980px) {
  .esp-rcat-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px
  }

  .esp-rcat-desc {
    text-align: left;
    margin-left: 0
  }

  .esp-rrow {
    grid-template-columns: 80px 1fr
  }

  .esp-rrow .esp-rget {
    grid-column: 2;
    justify-self: start
  }
}

@media(max-width:600px) {
  .esp-search-input {
    font-size: 13px;
    padding: 14px 14px 14px 42px
  }

  .esp-rtoolbar-in {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
  }
}

.esp-rrow:hover {
  border-radius: 2px
}

.esp-rget .arr {
  transition: transform .2s
}

.esp-rrow:hover .esp-rget .arr {
  transform: translateX(3px)
}

/* Search focus border (fix #5) */
.esp-search-input:focus {
  border-color: #0a84ff
}

.esp-rcat-num {
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  letter-spacing: .14em;
  color: #0a84ff
}

@media(max-width:980px) {
  .esp-rrow {
    gap: 14px
  }

  .esp-rcat-head h3 {
    line-height: 25px;
  }

}
@media(max-width:600px) {

  .esp-cmatrix th:first-child,
  .esp-cmatrix td:first-child {
    width: 130px
  }
}


table td, table th {
    vertical-align: middle;
}
/* Neutralize theme's global table reset conflicts */
.esp-cmatrix {
  display: table !important
}

.esp-cmatrix thead,
.esp-cmatrix tbody {
  display: table-row-group !important
}

.esp-cmatrix tr {
  display: table-row !important
}

.esp-cmatrix th,
.esp-cmatrix td {
  display: table-cell !important
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9c11883 */.elementor-1778 .elementor-element.elementor-element-9c11883 p{
margin-bottom: 0px;    
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8510897 */.elementor-1778 .elementor-element.elementor-element-8510897 p{
margin-bottom: 0px;    
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4d21ad3 */.elementor-1778 .elementor-element.elementor-element-4d21ad3 p{
margin-bottom: 0px;    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9aef5e */.esp-otable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #222a32;
    table-layout: fixed
}

.esp-otable thead th {
    font-family: 'Geist Mono', monospace;
    font-size: 10px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #5e6773;
    text-align: left;
    padding: 14px 16px;
    background: #161b21;
    border-bottom: 1px solid #222a32
}

.esp-otable td {
    padding: 16px;
    border-bottom: 1px solid #1a2027;
    font-size: 13.5px;
    vertical-align: middle
}

.esp-otable tr:last-child td {
    border-bottom: none
}

.esp-otable tr.active {
    background: #101418
}

.esp-otable .prod {
    color: #f8f8f7;
    font-weight: 500;
    display: block
}

.esp-otable .sk {
    font-family: 'Geist Mono', monospace;
    font-size: 11px;
    color: #5e6773;
    display: block;
    margin-top: 3px
}

.esp-otable .lead {
    font-family: 'Geist Mono', monospace;
    font-size: 12px;
    color: #9aa3ad
}

.esp-otable .typ {
    font-family: 'Geist Mono', monospace;
    font-size: 12px;
    color: #5e6773
}

/* Neutralize theme's global table reset conflicts (same issue found on the Resources compatibility matrix) */
.esp-otable {
    display: table !important
}

.esp-otable thead,
.esp-otable tbody {
    display: table-row-group !important
}

.esp-otable tr {
    display: table-row !important
}

.esp-otable th,
.esp-otable td {
    display: table-cell !important
}

.esp-otable td,
.esp-otable th {
    border-right: none !important;
    border-left: none !important
}

.esp-otable tbody tr:hover>td {
    background-color: transparent !important
}

.esp-otable tbody tr:nth-child(odd)>td,
.esp-otable tbody tr:nth-child(even)>td {
    background-color: transparent !important
}

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

.qty input {
    width: 78px;
    background: #0a0a0a;
    border: 1px solid #222a32;
    color: #f8f8f7;
    font-family: 'Geist Mono', monospace;
    font-size: 13px;
    padding: 9px 10px;
    text-align: right;
    transition: outline-offset .15s ease, outline-color .15s ease
}

.qty input:focus,
.qty input:focus-visible,
.esp-sum-contact input:focus,
.esp-sum-contact input:focus-visible {
    outline: 1px solid #0a84ff !important;
    outline-offset: 0px !important;
    box-shadow: none !important;
    border-color: #222a32 !important;
}

.qty .set {
    font-family: 'Geist Mono', monospace;
    font-size: 9.5px;
    letter-spacing: .06em;
    color: #0a84ff;
    background: none;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
    padding: 2px
}

.qty .set:hover {
    text-decoration: underline
}

.esp-dside {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.esp-summary {
    border: 1px solid #2b6cb8;
    background: linear-gradient(180deg, rgba(10, 132, 255, .06), #101418);
    padding: 22px 22px 24px
}

.esp-summary h4,
.esp-summary .esp-sec-t {
    font-family: 'Geist Mono', monospace;
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #0a84ff;
    margin-bottom: 16px
}

.esp-sum-contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px
}

.esp-sum-contact input {
    background: #0a0a0a;
    border: 1px solid #222a32;
    color: #f8f8f7;
    font-size: 13px;
    padding: 10px 12px;
    transition: outline-offset .15s ease, outline-color .15s ease
}

.esp-sum-contact input:focus-visible {
    outline: 1px solid #0a84ff !important;
    outline-offset: 0px !important;
    box-shadow: none !important;
    border-color: #222a32 !important;
}

.esp-sum-contact input::placeholder {
    color: #5e6773
}

.esp-sum-lines {
    min-height: 44px;
    margin-bottom: 14px
}

.esp-sum-line {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    padding: 7px 0;
    border-bottom: 1px solid #1a2027
}

.esp-sum-line .p {
    color: #d5d9de
}

.esp-sum-line .q {
    font-family: 'Geist Mono', monospace;
    color: #f8f8f7
}

.esp-sum-empty {
    font-size: 13px;
    color: #5e6773;
    padding: 10px 0
}

.esp-sum-tot {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-top: 14px;
    border-top: 1px solid #222a32;
    margin-top: 6px
}

.esp-sum-tot .k {
    font-family: 'Geist Mono', monospace;
    font-size: 10px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #5e6773
}

.esp-sum-tot .v {
    font-family: 'Geist', sans-serif;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: -.02em;
    color: #f8f8f7
}

.esp-sum-lead {
    font-family: 'Geist Mono', monospace;
    font-size: 11px;
    color: #9aa3ad;
    margin-top: 8px
}

.esp-sum-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px
}

.esp-sum-btns .btn-primary:disabled {
    background: #222a32;
    color: #5e6773;
    cursor: not-allowed
}

.esp-sum-done {
    display: none;
    text-align: center;
    padding: 8px 0
}

.esp-sum-done.on {
    display: block
}

.esp-sum-done .tick {
    width: 44px;
    height: 44px;
    border: 1px solid #0a84ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a84ff;
    font-size: 20px;
    margin: 0 auto 12px
}

.esp-sum-done p {
    font-size: 13px;
    color: #9aa3ad
}

.esp-panel {
    border: 1px solid #222a32;
    padding: 20px 22px;
    background: #101418
}

.esp-panel h4 {
    font-family: 'Geist Mono', monospace;
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #5e6773;
    margin-bottom: 12px
}

.esp-panel .v {
    font-size: 15px;
    font-weight: 500;
    color: #f8f8f7;
    margin-bottom: 4px
}

.esp-panel .d {
    font-size: 12.5px;
    color: #9aa3ad
}

.esp-panel .d a {
    color: #0a84ff
}

.esp-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.esp-p2 {
    padding: clamp(48px, 6vw, 88px) 0;
    border-top: 1px solid #1a2027;
    background: linear-gradient(180deg, #0a0a0a, #101418)
}

.esp-p2 h2 {
    font-family: 'Geist', sans-serif;
    font-weight: 600;
    font-size: clamp(24px, 3vw, 36px);
    letter-spacing: -.025em;
    color: #f8f8f7;
    margin-bottom: 30px
}

.esp-p2-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.esp-p2-card {
    border: 1px dashed #222a32;
    padding: 26px 28px;
    background: rgba(19, 24, 30, .5);
    position: relative
}

.esp-p2-card .badge {
    position: absolute;
    top: 20px;
    right: 24px;
    font-family: 'Geist Mono', monospace;
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #5e6773;
    border: 1px solid #222a32;
    padding: 5px 9px
}

.esp-p2-card h5 {
    font-family: 'Geist', sans-serif;
    font-weight: 600;
    font-size: 19px;
    letter-spacing: -.01em;
    color: #f8f8f7;
    margin-bottom: 10px
}

.esp-p2-card p {
    font-size: 13.5px;
    color: #9aa3ad;
    max-width: 46ch
}

/* hide the Formidable form visually — it's submitted via JS, not filled in directly */
.frm_forms {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

/* @media(max-width:1150px) {
    .esp-otable {
        display: block !important;
        overflow-x: auto;
        white-space: nowrap
    }
} */
.esp-otable th:last-child,
.esp-otable td:last-child {
    width: 180px
}

.qty {
    flex-wrap: wrap
}

@media(max-width:980px) {
    .esp-dbody {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .esp-dside {
        position: static
    }

    .esp-facts {
        grid-template-columns: 1fr 1fr
    }

    .esp-p2-grid {
        grid-template-columns: 1fr
    }


}


@media(max-width:768px) {
    .table-responsive-class {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .esp-otable {
        min-width: 560px
    }

    .esp-otable td {
        padding: 12px;
    }
}

@media(max-width:600px) {
    .esp-dh {
        padding: 40px 0
    }

    .esp-facts {
        grid-template-columns: 1fr
    }

    .qty {
        flex-direction: column;
        align-items: flex-end;
        gap: 4px
    }

    .qty input {
        width: 100%
    }

    .esp-summary,
    .esp-panel {
        padding: 18px
    }
}

.esp-sum-btns .btn {
    width: 100%;
    padding: 13px 20px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 0;
    transition: background .18s, border-color .18s;
}

.esp-sum-btns .btn-primary {
    background: #0a84ff;
    color: #fff;
    border: 1px solid #0a84ff;
}

.esp-sum-btns .btn-primary:hover {
    background: #0b76e0;
    border-color: #0b76e0;
}

.esp-sum-btns .btn-primary:disabled {
    background: #222a32;
    border-color: #222a32;
    color: #5e6773;
    cursor: not-allowed;
}

.esp-sum-btns .btn-ghost {
    background: transparent;
    color: #d5d9de;
    border: 1px solid #222a32;
}

.esp-sum-btns .btn-ghost:hover {
    border-color: #9aa3ad;
    color: #f8f8f7;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Regular.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Medium.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-SemiBold.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Bold.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist Mono';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/GeistMono-Regular.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/GeistMono-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Geist Mono';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/GeistMono-Medium.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/GeistMono-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */