.elementor-2141 .elementor-element.elementor-element-aeaab44{--display:flex;--min-height:460px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2141 .elementor-element.elementor-element-aeaab44:not(.elementor-motion-effects-element-type-background), .elementor-2141 .elementor-element.elementor-element-aeaab44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://guardrax.net/wp-content/uploads/2025/08/Secuirty-trailer.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2141 .elementor-element.elementor-element-aeaab44::before, .elementor-2141 .elementor-element.elementor-element-aeaab44 > .elementor-background-video-container::before, .elementor-2141 .elementor-element.elementor-element-aeaab44 > .e-con-inner > .elementor-background-video-container::before, .elementor-2141 .elementor-element.elementor-element-aeaab44 > .elementor-background-slideshow::before, .elementor-2141 .elementor-element.elementor-element-aeaab44 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2141 .elementor-element.elementor-element-aeaab44 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-2141 .elementor-element.elementor-element-b980897 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:96px;font-weight:700;line-height:96px;}.elementor-2141 .elementor-element.elementor-element-166f672{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:12px;--padding-right:12px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2141 .elementor-element.elementor-element-166f672{--content-width:1300px;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2141 .elementor-element.elementor-element-b980897 .elementor-heading-title{font-size:62px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2141 .elementor-element.elementor-element-b980897 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-5722d45 *//* =========================
   ROI CONFIGURATOR — CSS
   Brand: Black & White
   Safe for Elementor section width (up to 1300px).
   ========================= */
:root{
  --bg:#ffffff;
  --fg:#0a0a0a;
  --muted:#f2f2f2;
  --line:#e5e5e5;
  --accent:#000000; /* Brand black */
  --ok:#0a0;
  --warn:#a50;
}

.roi-builder{
  color:var(--fg);
  background:var(--bg);
  max-width:1300px; /* Elementor section width */
  margin:0 auto;
  padding:24px;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
}

.roi-hero{
  display:grid;
  grid-template-columns: 1.5fr 1fr;
  gap:24px;
  align-items:center;
  margin-bottom:24px;
}
.roi-hero__text h1{
  font-size:clamp(24px, 2.4vw, 40px);
  line-height:1.1;
  margin:0 0 8px;
}
.roi-hero__text p{
  margin:0;
  opacity:.8;
}
.roi-hero__image{
  margin:0;
  border-radius:16px;
  overflow:hidden;
  aspect-ratio: 4/3;
  background:var(--muted);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.roi-hero__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.roi-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:24px;
}

/* Cards */
.roi-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px;
  box-shadow: 0 4px 16px rgba(0,0,0,.04);
}
.roi-card__title{
  margin:0 0 10px;
  font-size:18px;
  letter-spacing:.2px;
}

/* Options */
.roi-option{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  margin-bottom:10px;
  cursor:pointer;
  transition:transform .06s ease, background .2s ease;
}
.roi-option:hover{ transform:translateY(-1px); background:var(--muted); }
.roi-option input{ accent-color:var(--accent); transform:translateY(1px); }
.roi-option__content{ display:flex; justify-content:space-between; align-items:center; width:100%; gap:12px; }
.roi-option__name{ font-weight:600; }
.roi-option__price{ opacity:.7; font-size:13px; }

/* Summary */
.roi-summary .sticky{
  position:sticky;
  top:16px;
}
.roi-totals{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-bottom:12px;
}
.roi-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px;
  border:1px dashed var(--line);
  border-radius:12px;
  background:var(--muted);
}
.roi-total strong::before,
.roi-metric strong::before{
  content:"$";
  opacity:.9;
  margin-right:2px;
}

.roi-sep{ border:none; border-top:1px solid var(--line); margin:14px 0; }

.roi-field{
  display:grid;
  gap:6px;
  margin:10px 0 14px;
}
.roi-field input{
  width:100%;
  border:1px solid var(--line);
  border-radius:10px;
  padding:12px 14px;
  font-size:16px;
  background:#fff;
}

.roi-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:6px;
}
.roi-metric{
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:4px;
  background:#fff;
}
.roi-metric span{ font-size:13px; opacity:.75; }
.roi-metric strong{ font-size:18px; }

/* CTA */
.roi-cta{
  width:100%;
  margin-top:14px;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid #000;
  background:#000;
  color:#fff;
  font-weight:700;
  letter-spacing:.3px;
  cursor:pointer;
  transition:opacity .15s ease, transform .06s ease;
}
.roi-cta:hover{ opacity:.9; transform:translateY(-1px); }
.roi-note{ font-size:12px; opacity:.7; margin-top:8px; }

/* Responsive */
@media (max-width: 1000px){
  .roi-grid{ grid-template-columns:1fr; }
  .roi-summary .sticky{ position:static; }
}
@media (max-width: 740px){
  .roi-hero{ grid-template-columns: 1fr; }
  .roi-metrics{ grid-template-columns:1fr; }
  .roi-option__content{ flex-direction:column; align-items:flex-start; }
}/* End custom CSS */