#page-metrics .section-hero {
  background-color: #001d61;
}
#page-metrics .section-hero .wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-height: 511rem;
  padding: 128rem 55rem 61rem;
}
#page-metrics .section-hero .wrapper-tag {
  background-color: #ccff00;
  display: inline-flex;
  padding: 6rem 16rem;
  border-radius: 50px;
  color: #001d61;
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
#page-metrics .section-hero .wrapper-title {
  margin-top: 23rem;
}
#page-metrics .section-hero .wrapper-title p {
  color: white;
  font-size: 60rem;
  font-weight: 900;
  line-height: 1;
}
#page-metrics .section-hero .wrapper-title p strong {
  color: #ccff00;
}
#page-metrics .section-hero .wrapper-description {
  margin-top: 23rem;
}
#page-metrics .section-hero .wrapper-description p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18rem;
  line-height: 1.56;
}
#page-metrics .section-cards {
  padding-top: 48rem;
}
#page-metrics .section-cards .wrapper {
  max-width: 768rem;
  margin: 0 auto;
}
#page-metrics .section-cards .wrapper-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
}
#page-metrics .section-cards .wrapper-items .item {
  background-color: #faf8f5;
  padding: 20rem;
  border-radius: 12rem;
}
#page-metrics .section-cards .wrapper-items .item-title {
  color: #001d61;
  font-size: 16rem;
  font-weight: 900;
  line-height: 1.5;
}
#page-metrics .section-cards .wrapper-items .item-description {
  margin-top: 6rem;
}
#page-metrics .section-cards .wrapper-items .item-description p {
  color: rgba(6, 11, 19, 0.7);
  font-size: 14rem;
  line-height: 1.62;
}
#page-metrics .section-calculator {
  padding: 40rem 0 80rem;
}
#page-metrics .section-calculator .wrapper {
  max-width: 768rem;
  margin: 0 auto;
}
#page-metrics .section-calculator .calculator {
  background-color: #001d61;
  display: flex;
  flex-direction: column;
  gap: 24rem;
  padding: 40rem;
  border-radius: 24rem;
  box-shadow: 0 25rem 50rem -12rem rgba(0, 0, 0, 0.25);
}
#page-metrics .section-calculator .calculator-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10rem;
}
#page-metrics .section-calculator .calculator-title .icon {
  display: flex;
  flex-shrink: 0;
}
#page-metrics .section-calculator .calculator-title .icon svg {
  width: 20rem;
  height: auto;
}
#page-metrics .section-calculator .calculator-title .icon svg path {
  stroke: #ccff00;
}
#page-metrics .section-calculator .calculator-title .text {
  color: white;
  font-size: 18rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
#page-metrics .section-calculator .calculator-toggle {
  background-color: rgba(255, 255, 255, 0.05);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 8rem;
  height: 58rem;
  padding: 7rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50px;
}
#page-metrics .section-calculator .calculator-toggle .toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8rem;
  padding: 12rem 0;
  border-radius: 50px;
  transition-property: background-color;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
#page-metrics .section-calculator .calculator-toggle .toggle .icon {
  display: flex;
  flex-shrink: 0;
}
#page-metrics .section-calculator .calculator-toggle .toggle .icon svg {
  width: 16rem;
  height: auto;
}
#page-metrics .section-calculator .calculator-toggle .toggle .icon svg path {
  stroke: rgba(255, 255, 255, 0.7);
  transition-property: stroke;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
#page-metrics .section-calculator .calculator-toggle .toggle .text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition-property: color;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
#page-metrics .section-calculator .calculator-toggle .toggle.active {
  background-color: #ccff00;
}
#page-metrics .section-calculator .calculator-toggle .toggle.active .icon svg path {
  stroke: #001d61;
}
#page-metrics .section-calculator .calculator-toggle .toggle.active .text {
  color: #001d61;
}
#page-metrics .section-calculator .calculator-hint {
  text-align: center;
}
#page-metrics .section-calculator .calculator-hint p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14rem;
  line-height: 1.43;
}
#page-metrics .section-calculator .calculator-fields {
  display: flex;
  flex-direction: column;
  gap: 24rem;
}
#page-metrics .section-calculator .calculator-fields .field[hidden] {
  display: none;
}
#page-metrics .section-calculator .calculator-fields .field-label {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 8rem;
}
#page-metrics .section-calculator .calculator-fields .field-inputs {
  display: flex;
  gap: 8rem;
}
#page-metrics .section-calculator .calculator-fields .field-inputs .input {
  position: relative;
  flex: 1;
}
#page-metrics .section-calculator .calculator-fields .field-inputs .input input {
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 56rem;
  padding: 0 36rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12rem;
  color: white;
  font-size: 24rem;
  font-weight: bold;
  text-align: center;
  transition-property: border-color, background-color;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
#page-metrics .section-calculator .calculator-fields .field-inputs .input input:focus {
  border-color: rgba(204, 255, 0, 0.6);
  outline: none;
}
#page-metrics .section-calculator .calculator-fields .field-inputs .input .suffix {
  position: absolute;
  top: 50%;
  right: 11rem;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.4);
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  pointer-events: none;
}
#page-metrics .section-calculator .calculator-result {
  background-color: #ccff00;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24rem;
  padding: 40rem 32rem 32rem;
  border-radius: 16rem;
}
#page-metrics .section-calculator .calculator-result .result-label {
  color: #001d61;
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.7;
}
#page-metrics .section-calculator .calculator-result .result-value {
  color: #001d61;
  font-size: 60rem;
  font-weight: 900;
  line-height: 1;
  margin-top: 12rem;
}
#page-metrics .section-calculator .calculator-result .result-unit {
  color: #001d61;
  font-size: 14rem;
  font-weight: 600;
  margin-top: 8rem;
  opacity: 0.7;
}
#page-metrics .section-calculator .calculator-result .result.result-speed {
  padding-left: 25rem;
  border-left: 1px solid rgba(0, 29, 97, 0.2);
}
#page-metrics .section-calculator .calculator-result .result.result-speed .result-value {
  font-size: 36rem;
  line-height: 1.12;
  margin-top: 16rem;
}
#page-metrics .section-cta {
  background-color: red;
  padding: 80rem 0 64rem;
}
#page-metrics .section-cta .flex-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 250rem;
  padding: 0 185rem;
}
#page-metrics .section-cta .left-title {
  color: white;
  font-size: 30rem;
  font-weight: 900;
  line-height: 1.2;
}
#page-metrics .section-cta .left-description {
  margin-top: 8rem;
}
#page-metrics .section-cta .left-description p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16rem;
  line-height: 1.5;
}
#page-metrics .section-cta .right {
  flex-shrink: 0;
}
#page-metrics .section-cta .right-cta a {
  display: inline-flex;
  align-items: center;
  background-color: #001d61;
  height: 48rem;
  padding: 0 28rem;
  border-radius: 50px;
  transition-property: background-color;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
#page-metrics .section-cta .right-cta a span:not(.arrow) {
  color: white;
  font-size: 16rem;
  font-weight: 600;
}
#page-metrics .section-cta .right-cta a span.arrow svg {
  width: 14rem;
  height: auto;
}
#page-metrics .section-cta .right-cta a span.arrow svg path {
  stroke: white;
}
#page-metrics .section-cta .right-cta a:hover {
  background-color: white;
}
#page-metrics .section-cta .right-cta a:hover span:not(.arrow) {
  color: #001d61;
}
#page-metrics .section-cta .right-cta a:hover span.arrow svg path {
  stroke: #001d61;
}
@media (max-width: 1023px) {
  #page-metrics .section-hero .wrapper {
    min-height: 0;
    padding: 150rem 0 60rem;
  }
  #page-metrics .section-cards .wrapper {
    max-width: 100%;
  }
  #page-metrics .section-cards .wrapper-items {
    grid-template-columns: repeat(2, 1fr);
  }
  #page-metrics .section-calculator .wrapper {
    max-width: 100%;
  }
  #page-metrics .section-calculator .calculator {
    padding: 24rem;
  }
  #page-metrics .section-calculator .calculator-result {
    grid-template-columns: 1fr;
    grid-row-gap: 24rem;
  }
  #page-metrics .section-calculator .calculator-result .result.result-speed {
    padding-left: 0;
    padding-top: 24rem;
    border-left: 0;
    border-top: 1px solid rgba(0, 29, 97, 0.2);
  }
  #page-metrics .section-cta .flex-wrapper {
    flex-direction: column;
    gap: 32rem;
    padding: 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #page-metrics .section-hero .wrapper {
    padding: 130rem 0 56rem;
  }
  #page-metrics .section-hero .wrapper-title {
    margin-top: 16rem;
  }
  #page-metrics .section-hero .wrapper-title h1 {
    font-size: 38rem;
    line-height: 1.05;
  }
  #page-metrics .section-hero .wrapper-description {
    margin-top: 16rem;
  }
  #page-metrics .section-hero .wrapper-description p {
    font-size: 16rem;
  }
  #page-metrics .section-cards {
    padding-top: 40rem;
  }
  #page-metrics .section-cards .wrapper-items {
    grid-template-columns: 1fr;
  }
  #page-metrics .section-calculator {
    padding: 32rem 0 64rem;
  }
  #page-metrics .section-calculator .calculator {
    padding: 24rem;
    border-radius: 16rem;
  }
  #page-metrics .section-calculator .calculator-toggle .toggle .text {
    font-size: 12rem;
  }
  #page-metrics .section-calculator .calculator-fields .field-inputs .input input {
    height: 52rem;
    padding: 0 28rem 0 8rem;
    font-size: 20rem;
  }
  #page-metrics .section-calculator .calculator-fields .field-inputs .input .suffix {
    right: 8rem;
    font-size: 10rem;
  }
  #page-metrics .section-calculator .calculator-result {
    padding: 28rem 24rem 24rem;
  }
  #page-metrics .section-calculator .calculator-result .result-value {
    font-size: 44rem;
  }
  #page-metrics .section-calculator .calculator-result .result.result-speed .result-value {
    font-size: 30rem;
  }
  #page-metrics .section-cta {
    padding: 56rem 0 48rem;
  }
  #page-metrics .section-cta .left-title h2 {
    font-size: 26rem;
  }
}
/*# sourceMappingURL=metrics.min.css.map */