@keyframes slide-in-from-bottom {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-a-type=slide-in-from-bottom]:not([data-a-state=running], [data-a-state=finished]) {
    opacity: 0;
    transform: translateY(80px);
  }
  [data-a-type=slide-in-from-bottom][data-a-state=running] {
    animation: slide-in-from-bottom ease;
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-a-text-type=slide-in-from-bottom-mask-with-rotation-anticlockwise] [data-a-text-word] {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
  }
  [data-a-text-type=slide-in-from-bottom-mask-with-rotation-anticlockwise] [data-a-text-symbol] {
    display: inline-block;
  }
  [data-a-text-type=slide-in-from-bottom-mask-with-rotation-anticlockwise]:not([data-a-text-state=running], [data-a-text-state=finished]) [data-a-text-symbol] {
    transform: translateY(2em) rotateZ(20deg);
  }
  [data-a-text-type=slide-in-from-bottom-mask-with-rotation-anticlockwise]:is([data-a-text-state=running], [data-a-text-state=finished]) [data-a-text-symbol] {
    transform: unset;
  }
}
:root {
  --transition-default: all 0.3s ease 0s;
  --color-background-light: hsla(240, 4%, 89%, 1);
  --color-background-darkest: hsla(214.29, 7.37%, 18.63%, 1);
  --color-background-darkest-transparent: hsla(214.29, 7.37%, 18.63%, 0);
  --color-background-dark: hsla(210, 5%, 23%, 1);
  --color-primary: hsla(0, 0%, 100%, 1);
  --color-accent1: hsla(14.79, 100%, 57.06%, 1);
  --color-accent2: hsla(11, 91%, 48%, 1);
  --color-accent3: hsla(189.60, 9.8%, 50%, 1);
  --scrollbar-width: 10px;
  --js-scrollbar-width: 0;
  --scrollbar-background-color: hsla(190, 10%, 50%, 1);
  --scrollbar-thumb-color: hsla(0, 0%, 100%, 1);
}
@keyframes rotateElement {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes movingLine {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(calc(-100% - 3rem));
  }
}
@keyframes movingLine2 {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(-50%);
  }
}
@keyframes movingVerticalElement {
  0% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes fadeInFromNoneCalculator {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: grid;
    opacity: 0;
  }
  100% {
    display: grid;
    opacity: 1;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes buttonRipple {
  0% {
    opacity: 0;
    transform: scale(1, 1);
  }
  30% {
    opacity: 1;
    transform: scale(1.075, 1.2);
  }
  60% {
    opacity: 0.5;
    transform: scale(1.15, 1.4);
  }
  90% {
    opacity: 0.2;
    transform: scale(1.25, 1.6);
  }
  100% {
    opacity: 0;
    transform: scale(1.3, 1.8);
  }
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 992px) and (max-width: 1580px) {
  html {
    font-size: 87.5%;
  }
}
.visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  margin: -1px !important;
  block-size: 1px !important;
  clip: rect(0, 0, 0, 0) !important;
  inline-size: 1px !important;
  white-space: nowrap !important;
}
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}
.js-focus-visible .focus-visible {
  outline-offset: 4px;
  outline: 2px transparent solid !important;
  box-shadow: 0 0 0 1px var(--color-accent1), 0 0 0 2px var(--color-background-dark), 0 0 4px 0px var(--color-accent1) !important;
  border-radius: 3px;
}
.js-focus-visible .focus-visible.w-tab-link, .js-focus-visible .focus-visible.w-dropdown-toggle {
  box-shadow: 0 0 0 1px var(--color-accent1), 0 0 0 2px var(--color-background-dark), 0 0 4px 0px var(--color-accent1) !important;
}
.js-focus-visible .focus-visible.button {
  border-radius: 200px;
}
.js-focus-visible .focus-visible.faq__trigger {
  border-radius: 1.25rem;
}
.js-focus-visible .focus-visible.preorder-today__video-link {
  border-radius: 2.5rem;
}
.js-focus-visible .focus-visible.reference-in-media__item-link {
  border-radius: 2.5rem;
}
@media screen and (max-width: 767px) {
  .js-focus-visible .focus-visible.reference-in-media__item-link {
    border-radius: 1.25rem;
  }
}
.js-focus-visible .focus-visible.dialog__button-wrapper, .js-focus-visible .focus-visible.footer__scroll-to-top, .js-focus-visible .focus-visible.sticky-box, .js-focus-visible .focus-visible.footer__scroll-to-top {
  border-radius: 50%;
}
.js-focus-visible select.focus-visible,
.js-focus-visible input.focus-visible,
.js-focus-visible textarea.focus-visible {
  box-shadow: none !important;
}
.js-focus-visible select.focus-visible + .input_indicator-wrapper .input_indicator, .js-focus-visible select.focus-visible + p + .input_indicator-wrapper .input_indicator,
.js-focus-visible input.focus-visible + .input_indicator-wrapper .input_indicator,
.js-focus-visible input.focus-visible + p + .input_indicator-wrapper .input_indicator,
.js-focus-visible textarea.focus-visible + .input_indicator-wrapper .input_indicator,
.js-focus-visible textarea.focus-visible + p + .input_indicator-wrapper .input_indicator {
  width: 100%;
  left: 0;
  right: auto;
}
@media screen and (min-height: 1950px) {
  .section.hero {
    min-height: auto;
  }
  .section.hero .hero__background-gradient-top {
    opacity: 0 !important;
  }
}
.our-mission__running-string {
  width: max-content;
}
.prone-to-fires__collection-item:first-of-type {
  padding-top: 0;
}
.prone-to-fires__sticky-image-wrapper,
.prone-to-fires__image-wrapper {
  pointer-events: none;
  --clip1: 20%;
  clip-path: inset(var(--clip1) round 2.5rem);
}
@media screen and (max-width: 767px) {
  .prone-to-fires__sticky-image-wrapper,
  .prone-to-fires__image-wrapper {
    clip-path: inset(0% round 2rem);
  }
}
.prone-to-fires__collection-item:first-child .prone-to-fires__collection-item-content {
  padding-top: 0;
}
.prone-to-fires__collection-item.js--active .prone-to-fires__collection-item-content {
  color: var(--color-primary);
}
.get-answer__item:nth-child(1), .get-answer__item:nth-child(2) {
  border-top: 1px solid var(--color-accent3);
}
@media screen and (max-width: 991px) {
  .get-answer__item:nth-child(1), .get-answer__item:nth-child(2) {
    border-top: none;
  }
}
.founding-team__description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.app-card__image {
  border-radius: 13%/7% 7% 0 0;
}
.prone-to-fires__collection-item:first-child .prone-to-fires__image-box {
  opacity: 1 !important;
}
.prone-to-fires__collection-item:last-child.js--active .prone-to-fires__image-box {
  opacity: 1 !important;
}
@media screen and (max-width: 767px) {
  .header__navigation-wrapper {
    clip-path: circle(0% at 100% 0);
    pointer-events: none;
  }
  .header__navigation-wrapper .header-scroll-content {
    scrollbar-width: none;
  }
  .header__navigation-wrapper .header-scroll-content::-webkit-scrollbar {
    inline-size: 0;
  }
  .header__navigation-wrapper.js--active {
    clip-path: circle(141.2% at 100% 0);
    pointer-events: initial;
  }
}
.header .dividing-line {
  inline-size: 0;
  transition-delay: 0s;
}
.header:not(.js--hidden) .dividing-line {
  inline-size: 100%;
}
.body.without-orange-colors-in-header .header .logo-link.main-logo-link {
  color: hsl(0deg, 0%, 100%);
}
@media screen and (min-width: 768px) {
  .body.without-orange-colors-in-header .header .link {
    color: hsla(0deg, 0%, 100%, 0.4);
  }
  .body.without-orange-colors-in-header .header .link.w--current:not(.header-dropdown__link), .body.without-orange-colors-in-header .header .link:hover:not(.header-dropdown__link), .body.without-orange-colors-in-header .header .link.header-dropdown__button {
    color: hsl(0deg, 0%, 100%);
  }
}
.body.dark-logo .logo-link.main-logo-link {
  color: var(--color-background-darkest);
}
.body.dark-logo .logo-link.main-logo-link:hover {
  color: var(--color-accent1);
}
.header__email {
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.header {
  transition-property: background-color, transform, margin;
  transition-duration: 500ms;
  transition-timing-function: ease;
}
.header.js--contrast {
  box-shadow: 0px 20px 40px rgba(43, 50, 53, 0.2);
  background-color: var(--color-primary) !important;
}
.header.js--contrast .logo-link.main-logo-link {
  color: var(--color-background-dark) !important;
}
.header.js--contrast .logo-link.main-logo-link:hover {
  color: var(--color-accent1) !important;
}
.header.js--contrast .burger-button--main .burger-button__line {
  background-color: var(--color-background-dark) !important;
}
@media screen and (min-width: 768px) {
  .header.js--contrast .link {
    color: var(--color-background-dark) !important;
  }
  .header.js--contrast .link.w--current, .header.js--contrast .link:hover {
    color: var(--color-accent1) !important;
  }
}
.header.js--visible {
  transform: translateY(0%);
}
@media screen and (min-width: 1280px) {
  .header__inner-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .header__inner-content .header__navigation-item:first-child {
    position: absolute;
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  .header-dropdown__link {
    color: var(--color-background-dark) !important;
  }
  .header-dropdown__link.w--current, .header-dropdown__link:hover {
    color: var(--color-accent1) !important;
  }
}
[data-component-id=header-dropdown] .header-dropdown__list-wrapper-outer {
  transition: var(--transition-default);
  grid-template-rows: 0fr;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  [data-component-id=header-dropdown] .header-dropdown__list-wrapper-outer {
    top: calc(100% + 10px);
  }
}
@media screen and (min-width: 768px) {
  [data-component-id=header-dropdown] .header-dropdown__list,
  [data-component-id=header-dropdown] .header-dropdown__list-wrapper-inner {
    width: max-content;
  }
}
[data-component-id=header-dropdown].js--active .header-dropdown__button {
  color: var(--color-accent1);
}
[data-component-id=header-dropdown].js--active .header-dropdown__icon-wrapper {
  transform: rotate(180deg);
}
[data-component-id=header-dropdown].js--active .header-dropdown__list-wrapper-outer {
  grid-template-rows: 1fr;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  [data-component-id=header-dropdown].js--active .header-dropdown__list-wrapper-outer {
    margin-top: 1.25rem;
  }
}
.body {
  background-image: url("https://uploads-ssl.webflow.com/63d7b2853e2a624eb7634074/63f8a7648fa23e8edcce3927_document-background.svg");
  background-color: var(--color-background-light);
  background-position-y: 100%;
  background-position-x: 50%;
  background-repeat: no-repeat;
  background-size: 800px;
  height: max-content;
  position: relative;
}
@media screen and (min-width: 1440px) {
  .body {
    background-position-y: calc(100% + 9.5rem);
    background-size: 1063px;
  }
}
@media screen and (max-width: 991px) {
  .body {
    background-image: none;
  }
}
html {
  height: max-content;
}
.calculator__number-input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
@media screen and (max-width: 370px) {
  .calculator__number,
  .calculator__number-input {
    font-size: 2rem !important;
  }
  .calculator__measurement-value {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 991px) {
  .calculator__step {
    grid-template-columns: 100%;
  }
}
@media screen and (max-width: 991px) {
  .calculator__step {
    grid-template-columns: 100%;
  }
}
.calculator__step:not(.js--hidden) {
  animation-name: fadeInFromNoneCalculator;
  animation-duration: 1s;
}
.dialogs-wrapper {
  pointer-events: none;
}
.dialogs-wrapper.js--active {
  pointer-events: auto;
}
.dialog__main .form__container.js--active {
  animation-name: fadeInFromNone;
  animation-duration: 1s;
}
.faq__cms-item.js--active {
  color: var(--color-accent1);
}
.faq__cms-item.js--active .plus-icon-wrapper {
  background-color: var(--color-accent1);
  transform: rotate(45deg);
}
.faq__cms-item.js--active .heading-l.faq__item-heading {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .faq__cms-item.js--active .faq__trigger {
    padding-bottom: 0.375rem;
  }
}
.accordions-theme-light + .faq__cms .faq__cms-item {
  background-color: var(--color-primary);
  color: var(--color-background-dark);
}
.accordions-theme-light + .faq__cms .faq__cms-item.js--active {
  color: var(--color-accent1);
}
.commitment__content {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(0deg, var(--color-accent2) var(--background-percent), var(--color-primary) var(--background-percent), var(--color-primary));
  background: url("https://uploads-ssl.webflow.com/63d7b2853e2a624eb7634074/640cda52791fc7cb91318157_Frame%201321317267%20(1).jpg");
  background-size: auto 200%;
  background-position-y: 100%;
  background-repeat: repeat;
}
.history__list {
  width: max-content;
}
.w-richtext ol,
.w-richtext ul {
  overflow: visible;
}
.w-richtext > :first-child {
  margin-block-start: 0;
}
.w-richtext > :last-child {
  margin-block-end: 0;
}
.w-webflow-badge {
  display: none !important;
}
.w-editor-body [data-a-type],
.w-editor-body [data-animate-description] {
  opacity: unset !important;
  rotate: unset !important;
  scale: unset !important;
  transform: unset !important;
  translate: unset !important;
}
.w-editor-body .preloader {
  display: none !important;
}
.w-editor-body .main-hero__background-gradient {
  opacity: unset !important;
}
.w-editor-body .swiper-wrapper {
  display: block !important;
  max-inline-size: 100% !important;
}
.w-editor-body .swiper-slide {
  max-inline-size: 100%;
}
.w-editor-body .faq__panel {
  max-block-size: unset !important;
}
.w-editor-body .history__camera {
  block-size: unset !important;
}
.body.js--locked {
  overflow: hidden;
  padding-inline-end: var(--js-scrollbar-width);
}
::-webkit-scrollbar-track {
  background-color: var(--scrollbar-background-color);
}
::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
  background-color: var(--scrollbar-background-color);
}
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-color);
  border-radius: 2000px;
}
* {
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-background-color);
  scrollbar-width: thin;
}
.dialog {
  scrollbar-width: none;
}
.dialog::-webkit-scrollbar {
  width: 0;
}
@media screen and (max-width: 991px) {
  html,
  body {
    scrollbar-width: none;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 0;
  }
}
.scroll-transparent {
  scrollbar-width: none !important;
}
.scroll-transparent::-webkit-scrollbar {
  width: 0 !important;
}
::selection {
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  background-color: var(--color-accent3) !important;
  color: var(--color-primary) !important;
  -webkit-text-fill-color: var(--color-primary) !important;
}
@media screen and (min-width: 1440px) {
  .heading-xxl.hero__heading,
  .heading-xxl.main-hero__heading {
    font-size: 12rem;
  }
  .paragraph-s.scroll-to-explore {
    margin-top: 23.5rem;
  }
}
@media screen and (min-width: 1440px) and (max-height: 700px) {
  .heading-xxl.hero__heading,
  .heading-xxl.main-hero__heading {
    font-size: 11rem;
  }
  .main-hero__subtitle-box {
    margin-top: 3rem;
  }
  .paragraph-s.scroll-to-explore {
    margin-top: 21.5rem;
  }
}
@media screen and (min-width: 1440px) and (min-width: 1920px) {
  .heading-xxl.hero__heading,
  .heading-xxl.main-hero__heading {
    font-size: 15rem;
  }
  .paragraph-s.scroll-to-explore {
    margin-top: 16.5rem;
  }
}
@media screen and (min-width: 1440px) and (min-width: 1920px) and (max-height: 700px) {
  .main-hero__subtitle-box {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 370px) {
  .heading-xxl {
    font-size: 4rem;
  }
}
@media screen and (max-width: 370px) {
  .heading-xxl.hero__heading, .heading-xxl.main-hero__heading {
    font-size: 4rem;
  }
}
a,
button,
.link,
.our-mission__running-heading,
[role=button] {
  user-select: none;
}
.link.link-witht-underline::before, .link.link-witht-underline::after {
  content: "";
  position: absolute;
  height: 1px;
  bottom: -5px;
  transition: all 0.3s ease;
}
.link.link-witht-underline::before {
  left: 0;
  width: 100%;
  background: var(--color-primary);
}
.link.link-witht-underline::after {
  width: 0%;
  background: var(--color-accent1);
  left: auto;
  right: 0;
}
.link.link-witht-underline:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
textarea {
  resize: none;
}
.js--active .burger-button .burger-button__line.line-top {
  transform: rotate(45deg) translate(5px, 5px);
}
.js--active .burger-button .burger-button__line.line-bottom {
  transform: rotate(-45deg) translate(5px, -5px);
}
.rotating-star {
  animation-name: rotateElement;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.rotating-element {
  animation-name: rotateElement;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.give-torch__rotating-image {
  animation-duration: 10s;
}
.email-box__big-link {
  width: max-content;
  animation-name: movingLine;
  animation-play-state: running;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  animation-timing-function: linear;
}
.email-box__big-link {
  min-width: max-content !important;
}
.email-box__big-link .email-box__big-text.text-with-clip-path {
  transition-property: all;
  transition-duration: 0.8s;
  transition-timing-function: ease;
  clip-path: circle(0% at 50% 50%);
}
.email-box__big-link:hover .email-box__big-text.text-with-clip-path {
  clip-path: circle(75% at 50% 50%);
}
.cursor {
  pointer-events: none;
}
.cursor__learn-more,
.cursor__discount,
.cursor__video {
  white-space: nowrap;
}
[tabindex="0"] {
  cursor: pointer;
}
[data-name=preorder-discount] {
  cursor: none;
}
@media screen and (max-width: 991px) {
  [data-name=preorder-discount] {
    cursor: pointer;
  }
}
.cursor-wrapper.js--hover-to-learn-more .cursor .cursor__learn-more {
  color: var(--color-primary);
  width: 200px;
  height: 200px;
}
@media screen and (max-width: 1560px) {
  .cursor-wrapper.js--hover-to-learn-more .cursor .cursor__learn-more {
    width: 150px;
    height: 150px;
  }
}
.cursor-wrapper.js--hover-video .cursor .cursor__video {
  color: var(--color-primary);
  width: 200px;
  height: 200px;
}
@media screen and (max-width: 1560px) {
  .cursor-wrapper.js--hover-video .cursor .cursor__video {
    width: 150px;
    height: 150px;
  }
}
.cursor-wrapper.js--hover-discount .cursor .cursor__discount {
  color: var(--color-primary);
  width: 200px;
  height: 200px;
}
@media screen and (max-width: 1560px) {
  .cursor-wrapper.js--hover-discount .cursor .cursor__discount {
    width: 150px;
    height: 150px;
  }
}
.cursor-wrapper.js--transparent .cursor.cursor--main {
  width: 0px;
  height: 0px;
}
.cursor-wrapper.js--hover-to-simple-link .cursor.cursor--main {
  box-shadow: 0 -1px 0 0 #373a3d, -1px 0 0 0 #373a3d, 0 1px 0 0 #373a3d, 1px 0 0 0 #373a3d;
}
.cursor-wrapper.js--hover-to-simple-link .cursor-inner {
  background-color: transparent;
  color: transparent;
}
.cursor-wrapper.js--hover-to-accent-box .cursor.cursor--main {
  background: var(--color-accent3);
}
.cursor-wrapper.js--hover-to-accent-box .cursor-inner.cursor__video, .cursor-wrapper.js--hover-to-accent-box .cursor-inner.cursor__learn-more, .cursor-wrapper.js--hover-to-accent-box .cursor-inner.cursor__discount {
  background: var(--color-accent3);
  color: var(--color-accent3);
}
.js--video-is-playing .cursor-wrapper.js--hover-video .cursor .cursor__video {
  color: transparent;
  width: 15px;
  height: 15px;
}
@media screen and (min-width: 1560px) {
  .undetected-fire__video-button {
    width: 200px;
    height: 200px;
  }
}
.button__disclaimer {
  width: max-content;
}
@media screen and (max-width: 991px) {
  .button__disclaimer {
    width: 100%;
  }
}
.arrow-vertical-wrapper {
  animation-name: movingVerticalElement;
  animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
@media screen and (max-width: 370px) {
  .hero__cta-buttons {
    grid-template-columns: 1fr !important;
  }
  .hero__cta-buttons .button-wrapper {
    height: auto !important;
  }
  .hero__cta-buttons .button-wrapper .button {
    height: auto;
  }
  .hero__cta-buttons .button-wrapper .button__disclaimer {
    position: relative;
    top: auto;
  }
}
@media screen and (max-width: 375px) {
  .button-wrapper.button-wrapper__pre-order {
    max-width: 100%;
    width: 100%;
  }
  .button-wrapper.button-wrapper__pre-order + .button {
    width: 100%;
    max-width: 100%;
  }
}
[data-action=from-circle],
.button:not([data-specificity=without-filling]) {
  isolation: isolate;
  --left: 0;
  --top: 0;
}
[data-action=from-circle]::before,
.button:not([data-specificity=without-filling])::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: 1;
  border-radius: 50%;
  background: var(--color-accent3);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: width 0.9s, height 0.9s;
  left: var(--left);
  top: var(--top);
}
[data-action=from-circle].button--accent::before,
.button:not([data-specificity=without-filling]).button--accent::before {
  background: var(--color-accent2);
}
[data-action=from-circle]:hover::before,
.button:not([data-specificity=without-filling]):hover::before {
  width: 1000px;
  height: 1000px;
}
[data-action=from-circle]:hover.footer__scroll-to-top::before, [data-action=from-circle]:hover.network__link::before,
.button:not([data-specificity=without-filling]):hover.footer__scroll-to-top::before,
.button:not([data-specificity=without-filling]):hover.network__link::before {
  width: 200px;
  height: 200px;
}
[data-action=from-circle]:hover.got-question__sticky-box::before,
.button:not([data-specificity=without-filling]):hover.got-question__sticky-box::before {
  width: 500px;
  height: 500px;
}
[data-action=from-circle].footer__scroll-to-top::before,
.button:not([data-specificity=without-filling]).footer__scroll-to-top::before {
  background: var(--color-accent1);
  transition: width 0.3s, height 0.3s;
}
[data-action=from-circle].network__link:not(.network__link--header)::before,
.button:not([data-specificity=without-filling]).network__link:not(.network__link--header)::before {
  background: var(--color-background-darkest);
  transition: width 0.3s, height 0.3s;
}
[data-action=from-circle].network__link.network__link--header::before,
.button:not([data-specificity=without-filling]).network__link.network__link--header::before {
  background: var(--color-primary);
  transition: width 0.3s, height 0.3s;
}
[data-action=from-circle].got-question__sticky-box::before,
.button:not([data-specificity=without-filling]).got-question__sticky-box::before {
  background: var(--color-accent3);
  transition: width 0.6s, height 0.6s;
}
.button-ripple {
  -webkit-animation: buttonRipple 3s linear infinite;
  animation: buttonRipple 3s linear infinite;
}
.button-ripple--one {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}
.button-ripple--second {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.button-ripple--third {
  -webkit-animation-delay: 2000ms;
  animation-delay: 2000ms;
}
.prone-to-fires__collection-list .prone-to-fires__collection-item {
  counter-increment: css-counter 1;
}
.prone-to-fires__collection-list .prone-to-fires__collection-item .prone-to-fires__item-number::before {
  content: "0" counter(css-counter) ".";
}
.prone-to-fires__collection-list .prone-to-fires__collection-item:nth-child(n+10) .prone-to-fires__item-number::before {
  content: counter(css-counter) ".";
}
.prone-fires-cta__step {
  counter-increment: steps 1;
}
.prone-fires-cta__step::before {
  content: "0" counter(steps) ". ";
}
.prone-fires-cta__step:nth-child(n+10)::before {
  content: counter(steps) ". ";
}
.preorder-today__list-item {
  counter-increment: preorder-list-counter 1;
}
.preorder-today__list-item .preorder-today__item-number::before {
  content: "0" counter(preorder-list-counter) ". ";
}
.preorder-today__list-item:nth-child(n+10)::before {
  content: counter(preorder-list-counter) ". ";
}
.box-with-dinamic-line::before {
  position: absolute;
  content: "";
  height: 1px;
  bottom: 0;
  transition: all 1s ease;
}
.box-with-dinamic-line::before {
  left: 0;
  width: 100%;
  background-color: var(--color-accent3);
}
.main-hero__background-gradient-top {
  pointer-events: none;
}
.main-hero__image,
.main-hero__background-image {
  object-position: 80% 50%;
}
@media screen and (min-width: 992px) {
  .main-hero__image,
  .main-hero__background-image {
    --object-position-x: 100%;
    object-position: var(--object-position-x) 50%;
  }
}
input[type=range] {
  width: 100%;
  margin: 0px 0;
  background-color: transparent;
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 16px;
  cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
  margin-top: 0px;
  width: 16px;
  height: 16px;
  background: #ff5a24;
  border: 0px solid rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 16px;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: #ff5a24;
  border: 0px solid rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 0px 0;
  color: transparent;
  width: 100%;
  height: 16px;
  cursor: pointer;
}
input[type=range]::-ms-thumb {
  width: 16px;
  height: 16px;
  background: #ff5a24;
  border: 0px solid rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 0px;
  /*Needed to keep the Edge thumb centred*/
}
input[type=range]:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}
input[type=range]:focus::-ms-fill-upper {
  background: #030303;
}
/*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
how to remove the virtical space around the range input in IE*/
@supports (-ms-ime-align: auto) {
  /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
  input[type=range] {
    margin: 0;
    /*Edge starts the margin from the thumb, not the track as other browsers do*/
  }
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.gradient-outside {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -1px;
  top: -1px;
}
.cta-3d-wrapper__outer {
  pointer-events: none;
}
.banner__model-wrapper canvas,
.not-found__model-wrapper canvas,
.how-work__model-wrapper canvas,
.cta-3d-wrapper canvas {
  position: absolute;
  top: 0;
  margin-left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
[data-outline] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 300ms ease;
}
.how-work__model-border {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  left: -2px;
  top: -2px;
}
.how-work__model-border .how-work__model-indicator {
  clip-path: polygon(50% 50%, 0% 25%, 25% 0%);
  color: hsl(15deg, 100%, 57%);
  color: hsl(11deg, 91%, 48%);
  color: hsl(10deg, 100%, 44%);
}
.banner-wrapper__outer,
.box-for-learn-more,
.container-for-model,
.how-work--take-off-platform {
  pointer-events: none;
}
.banner-wrapper__outer .how-work__model-wrapper-outer.learn-more,
.box-for-learn-more .how-work__model-wrapper-outer.learn-more,
.container-for-model .how-work__model-wrapper-outer.learn-more,
.how-work--take-off-platform .how-work__model-wrapper-outer.learn-more {
  pointer-events: auto;
}
@media screen and (min-width: 992px) {
  .hw__diving-vector {
    transform-origin: top left;
  }
  .how-work__cms-item .heading-wrapper {
    white-space: nowrap;
  }
  .how-work__cms-item:nth-child(1) .heading-wrapper, .how-work__cms-item:nth-child(2) .heading-wrapper {
    padding-top: 10vh;
  }
}
@media screen and (min-width: 992px) and (min-height: 1500px) {
  .how-work__cms-item:nth-child(1) .heading-wrapper, .how-work__cms-item:nth-child(2) .heading-wrapper {
    padding-top: 5rem;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(3) .heading-wrapper, .how-work__cms-item:nth-child(4) .heading-wrapper {
    padding-bottom: 10vh;
    flex-direction: column-reverse;
    margin-top: auto;
  }
}
@media screen and (min-width: 992px) and (min-height: 1500px) {
  .how-work__cms-item:nth-child(3) .heading-wrapper, .how-work__cms-item:nth-child(4) .heading-wrapper {
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(1) .heading-wrapper, .how-work__cms-item:nth-child(3) .heading-wrapper {
    padding-left: 1.5rem;
  }
  .how-work__cms-item:nth-child(1) .hw__diving-circle, .how-work__cms-item:nth-child(3) .hw__diving-circle {
    right: 0;
  }
  .how-work__cms-item:nth-child(1) .how-work__link,
  .how-work__cms-item:nth-child(1) .how-work__cms-item-background, .how-work__cms-item:nth-child(3) .how-work__link,
  .how-work__cms-item:nth-child(3) .how-work__cms-item-background {
    right: 0;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(2) .heading-wrapper, .how-work__cms-item:nth-child(4) .heading-wrapper {
    padding-right: 1.5rem;
    align-items: flex-end;
    margin-left: auto;
    text-align: right;
  }
  .how-work__cms-item:nth-child(2) .how-work__cms-item-inner, .how-work__cms-item:nth-child(4) .how-work__cms-item-inner {
    margin-left: auto;
  }
  .how-work__cms-item:nth-child(2) .how-work__link,
  .how-work__cms-item:nth-child(2) .how-work__cms-item-background, .how-work__cms-item:nth-child(4) .how-work__link,
  .how-work__cms-item:nth-child(4) .how-work__cms-item-background {
    left: 0;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(1) .how-work__cms-description-wrapper {
    top: calc(10vh + 5.5rem);
    left: 0;
  }
}
@media screen and (min-width: 992px) and (min-height: 1500px) {
  .how-work__cms-item:nth-child(1) .how-work__cms-description-wrapper {
    top: 12rem;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(1) .hw__diving-vector {
    top: 3px;
    left: 100%;
    transform: rotate(45deg);
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(2) .how-work__cms-description-wrapper {
    top: calc(10vh + 5.5rem);
    right: 0;
  }
}
@media screen and (min-width: 992px) and (min-height: 1500px) {
  .how-work__cms-item:nth-child(2) .how-work__cms-description-wrapper {
    top: 12rem;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(2) .hw__diving-vector {
    top: 3px;
    left: 0;
    transform: rotate(135deg);
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(3) .how-work__cms-description-wrapper {
    bottom: calc(10vh + 5.5rem);
    left: 0;
  }
}
@media screen and (min-width: 992px) and (min-height: 1500px) {
  .how-work__cms-item:nth-child(3) .how-work__cms-description-wrapper {
    bottom: 12rem;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(3) .hw__diving-vector {
    left: 100%;
    top: -3px;
    transform: rotate(-45deg);
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(4) .how-work__cms-description-wrapper {
    bottom: calc(10vh + 5.5rem);
    right: 0;
  }
}
@media screen and (min-width: 992px) and (min-height: 1500px) {
  .how-work__cms-item:nth-child(4) .how-work__cms-description-wrapper {
    bottom: 12rem;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(4) .hw__diving-vector {
    left: 0;
    top: -3px;
    transform: rotate(-135deg);
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item .hw__diving-line-inner,
  .how-work__cms-item .hw__diving-circle-inner,
  .how-work__cms-item .hw__diving-vector-inner {
    transition-property: margin-left;
    transition-timing-function: linear;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item .hw__diving-line-inner {
    transition-delay: 0s;
    transition-duration: 0.3s;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item .hw__diving-circle-inner {
    transition-delay: 0.3s;
    transition-duration: 0.1s;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item .hw__diving-vector-inner {
    transition-delay: 0.4s;
    transition-duration: 0.3s;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item .hw__diving-vector-inner {
    margin-left: 100%;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(1) .hw__diving-line-inner,
  .how-work__cms-item:nth-child(1) .hw__diving-circle-inner, .how-work__cms-item:nth-child(3) .hw__diving-line-inner,
  .how-work__cms-item:nth-child(3) .hw__diving-circle-inner {
    margin-left: 100%;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:nth-child(2) .hw__diving-line-inner,
  .how-work__cms-item:nth-child(2) .hw__diving-circle-inner, .how-work__cms-item:nth-child(4) .hw__diving-line-inner,
  .how-work__cms-item:nth-child(4) .hw__diving-circle-inner {
    margin-left: -100%;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item.js--active .heading-m.hw__cms-heading {
    color: var(--color-primary);
  }
  .how-work__cms-item.js--active:nth-child(1) .hw__diving-vector-inner,
  .how-work__cms-item.js--active:nth-child(1) .hw__diving-line-inner,
  .how-work__cms-item.js--active:nth-child(1) .hw__diving-circle-inner, .how-work__cms-item.js--active:nth-child(2) .hw__diving-vector-inner,
  .how-work__cms-item.js--active:nth-child(2) .hw__diving-line-inner,
  .how-work__cms-item.js--active:nth-child(2) .hw__diving-circle-inner, .how-work__cms-item.js--active:nth-child(3) .hw__diving-vector-inner,
  .how-work__cms-item.js--active:nth-child(3) .hw__diving-line-inner,
  .how-work__cms-item.js--active:nth-child(3) .hw__diving-circle-inner, .how-work__cms-item.js--active:nth-child(4) .hw__diving-vector-inner,
  .how-work__cms-item.js--active:nth-child(4) .hw__diving-line-inner,
  .how-work__cms-item.js--active:nth-child(4) .hw__diving-circle-inner {
    margin-left: 0%;
  }
  .how-work__cms-item.js--active .hw__diving-vector-inner {
    transition-delay: 0s;
  }
  .how-work__cms-item.js--active .hw__diving-circle-inner {
    transition-delay: 0.3s;
  }
  .how-work__cms-item.js--active .hw__diving-line-inner {
    transition-delay: 0.4s;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item .how-work__cms-description-wrapper {
    transition-property: opacity;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-timing-function: ease;
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item:hover .hw__cms-heading {
    color: var(--color-primary);
  }
}
@media screen and (min-width: 992px) {
  .how-work__cms-item.js--active .heading-m.hw__cms-heading {
    color: var(--color-accent1);
  }
  .how-work__cms-item.js--active .how-work__cms-description-wrapper {
    transition-delay: 0.3s;
    transition-duration: 0.3s;
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .how-work__model-wrapper-outer {
    width: clamp(100px, 49%, 90vh);
    aspect-ratio: 1/1;
  }
}
@media screen and (min-width: 992px) {
  .how-work__model-wrapper-outer.learn-more {
    clip-path: inset(0 0 0 0 round 50%);
  }
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
.checkbox:checked {
  background-image: none;
}
.checkbox:checked + .pseudo-checkbox {
  border-color: var(--color-accent1);
  background-color: var(--color-accent1);
  background-image: url("https://uploads-ssl.webflow.com/63d7b2853e2a624eb7634074/64254134e353042a91399969_Arrow.svg");
}