button, hr, input {
  overflow: visible
}

img, legend {
  max-width: 100%
}

progress, sub, sup {
  vertical-align: baseline
}

*, :after, :before, legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

a, button {
  -webkit-transition: background var(--time), color var(--time), border var(--time);
  transition: background var(--time), color var(--time), border var(--time);
  color: #fff
}

.form .form__item input, .form__item label {
  color: rgba(255, 255, 255, .4);
  font-size: var(--font-size-base)
}

.flex-double>*, .flex-triple>*, .form, .form-wraper-cont, .form__btn, .header, body>.page>.main {
  width: 100%
}

.block-form h1 span, .cryptocurrency p, .win h2 span {
  -webkit-text-fill-color: transparent
}

.earnings-calculator, .expert {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

:root {
  --font-size-base: 16px;
  --font-size-h1: 64px;
  --line-height-h1: 70px;
  --font-size-h2: calc(var(--font-size-base) * 1.75);
  --font-size-h3: calc(var(--font-size-base) * 1.5);
  --margin-bottom: 110px;
  --padding-base: 16px;
  --time: 0.3s
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  height: 100%
}

.header .logo img, details, main {
  display: block
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  text-decoration: none
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none;
  pointer-events: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, select {
  text-transform: none
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px
}

fieldset {
  padding: .35em .75em .625em
}

.win h2, h1, legend {
  padding: 0
}

legend {
  color: inherit;
  display: table;
  white-space: normal
}

textarea {
  overflow: auto
}

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

.form__item input:focus~label, .form__item input:not(:-moz-placeholder)~label, .form__item input:not(:-ms-input-placeholder)~label, .form__item input:not(:placeholder-shown)~label, [hidden], template {
  display: none
}

body {
  background: #000c05;
  overflow-x: hidden
}

ul {
  margin: 0
}

.page, body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh
}

body>.page>.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

button {
  display: inline-block;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer
}

:target {
  scroll-margin-top: 40px
}

.box {
  margin-bottom: var(--margin-bottom);
  padding: 0 calc(50% - 600px)
}

body, html, p {
  margin: 0;
  font: 400 16px/24px Roboto, sans-serif;
  color: #fff
}

h2, h3 {
  line-height: var(--line-height-base)
}

.form h2, h1 {
  line-height: 70px
}

.cryptocurrency p, h1, h2 {
  font-weight: 700
}

.form h2, .win h2, h1 {
  font-family: Oswald, sans-serif;
  text-transform: uppercase
}

h1 {
  margin: 0 0 8px;
  font-size: 64px
}

h2 {
  display: block;
  margin: 0 0 24px;
  font-size: var(--font-size-h2)
}

.form__btn, .infoblock__btn, h3 {
  font-weight: 600
}

h3 {
  margin: 0 0 12px;
  font-size: var(--font-size-h3)
}

p {
  margin: 0 0 5px
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 44px;
  padding-bottom: 44px
}

.header__btn {
  padding: 12px 23px;
  color: rgba(255, 255, 255, .7);
  font-size: 18px;
  line-height: 24px;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 100px
}

.flex-double, .flex-triple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--padding-base)
}

.flex-double>* {
  max-width: calc(50% - var(--padding-base)/ 2)
}

.flex-triple>* {
  max-width: calc(33.333333% - var(--padding-base)/ 3 * 2)
}

.form {
  padding: 56px 70px;
  background: rgba(255, 255, 255, .03);
  backdrop-filter: blur(56px);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .27);
  box-shadow: 0 0 30px rgba(0, 0, 0, .27);
  border: 1px solid #3d3d3d;
  border-radius: 24px
}

.cryptocurrency__item, .info-card, .users {
  backdrop-filter: blur(20px)
}

.form .form__item {
  position: relative;
  margin-bottom: 16px
}

.form .form__item .iti {
  width: 100% !important
}

.form .form__item input {
  width: 100%;
  padding: 16px 20px;
  background: rgba(255, 255, 255, .1);
  line-height: 24px;
  border: 0;
  border-radius: 48px;
  outline: 0;
  cursor: pointer
}

.block-form:after, .block-form:before {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 100%;
  -webkit-filter: blur(220px);
  filter: blur(220px)
}

.form__item input:focus {
  cursor: auto
}

.form__item label {
  display: block;
  position: absolute;
  top: 18px;
  left: 20px;
  -webkit-transition: top var(--time), left var(--time), font-size var(--time), color var(--time);
  transition: top var(--time), left var(--time), font-size var(--time), color var(--time)
}

.form__item label:hover {
  cursor: pointer
}

.block-form {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: url(../img/chart.webp) bottom center no-repeat
}

.block-form:before {
  top: 100px;
  right: 0;
  background: #fff
}

.block-form:after {
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#c3f953), to(#57d7eb));
  background: linear-gradient(#c3f953, #57d7eb)
}

.box-expert, .handel, .handel__item:last-child, .insert, .win {
  position: relative
}

.block-form__item:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.block-form h1 span {
  background: -webkit-gradient(linear, left top, right top, from(#c3f953), to(#57d7eb));
  background: linear-gradient(90deg, #c3f953, #57d7eb);
  -webkit-background-clip: text;
  font-size: 80px;
  line-height: 100px
}

.block-form__decription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1
}

.block-form__decription img {
  margin-left: 8px
}

.block-form__decription img:first-child {
  margin-left: 40px
}

.users {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 486px;
  padding: 18px;
  background: rgba(255, 255, 255, .12);
  border-radius: 10px
}

.users .users__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.users .users__photo img {
  max-width: 48px;
  border-radius: 100px;
  aspect-ratio: 1/1;
  object-fit: cover;
  height: auto
}

.users__photo img+img {
  margin-left: -18px
}

.users__info {
  margin-left: 24px
}

.infoblock__stars, .stars, .users__info img {
  display: block
}

.form {
  max-width: 488px
}

.form h2 {
  font-size: 40px
}

.form__btn {
  padding: 18px;
  background: -webkit-gradient(linear, left top, right top, from(#c3f953), to(#57d7eb));
  background: linear-gradient(90deg, #c3f953, #57d7eb);
  color: #2a5835;
  font-size: 24px;
  border-radius: 100px
}

.tv__inner {
  padding: 50px 100px 70px;
  background: url(../img/corner1.svg) top right no-repeat, url(../img/corner2.svg) bottom left no-repeat
}

.tv__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px
}

.tv__item:not(:last-child) {
  margin-bottom: 48px
}

.tv__item-img {
  min-width: 409px
}

.tv__item-img img {
  border-radius: 20px
}

.tv__quote {
  margin-bottom: 28px
}

.footer-nav a:hover, .tv__item-info span {
  color: rgba(255, 255, 255, .5)
}

.expert-items p, .tv__item-info p {
  color: rgba(255, 255, 255, .8)
}

.handel {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.handel__item:last-child:before, .insert:before {
  content: "";
  position: absolute;
  border-radius: 100%
}

.handel__item:last-child:before {
  top: 20%;
  right: 20%;
  width: 80%;
  height: 80%;
  background: -webkit-gradient(linear, left top, left bottom, from(#c3f953), to(#57d7eb)) center center no-repeat;
  background: linear-gradient(#c3f953, #57d7eb) center center no-repeat;
  -webkit-filter: blur(475px);
  filter: blur(475px)
}

.handel__pretitle {
  display: inline-block;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, .6);
  font-size: 20px;
  line-height: 28px
}

.handel h2 {
  font-size: 28px;
  line-height: 36px
}

.handel__img {
  display: block;
  width: 100%
}

.cryptocurrency__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 20px;
  background: rgba(134, 134, 134, .12);
  gap: 20px;
  border-radius: 10px
}

.cryptocurrency p, .cryptocurrency__btn {
  background: -webkit-gradient(linear, left top, right top, from(#c3f953), to(#57d7eb));
  background: linear-gradient(90deg, #c3f953, #57d7eb);
  font-size: 24px
}

.cryptocurrency__item+.cryptocurrency__item {
  margin-top: 20px
}

.cryptocurrency span:first-child {
  font-size: 20px;
  font-weight: 700;
  margin-right: 12px
}

.cryptocurrency span:last-of-type {
  color: rgba(255, 255, 255, .5);
  font-size: 16px;
  line-height: 24px
}

.cryptocurrency p {
  margin-top: 3px;
  -webkit-background-clip: text;
  line-height: 1
}

.cryptocurrency__btn {
  display: inline-block;
  margin-top: 32px;
  padding: 18px 40px;
  color: #2a5835;
  font-weight: 600;
  border-radius: 100px
}

.insert {
  margin: var(--margin-bottom) 0;
  padding: var(--margin-bottom) 0 1px 0;
  background: #fff
}

.infoblock__btn, .win h2 span {
  background: -webkit-gradient(linear, left top, right top, from(#c3f953), to(#57d7eb));
  background: linear-gradient(90deg, #c3f953, #57d7eb)
}

.insert:before {
  top: 100%;
  right: 0;
  width: 450px;
  height: 450px;
  background: #fff;
  -webkit-filter: blur(515px);
  filter: blur(515px)
}

.infoblock__pretitle {
  display: inline-block;
  margin-bottom: 12px;
  color: rgba(0, 0, 0, .6);
  font-size: 20px;
  line-height: 28px
}

.infoblock .flex__item .infoblock__stars, .infoblock .stars, .infoblock__btn {
  margin-bottom: 20px
}

.infoblock h2 {
  max-width: 700px;
  margin-bottom: 8px;
  color: #000;
  font-size: 28px;
  line-height: 36px
}

.infoblock .infoblock__description {
  max-width: 550px;
  color: rgba(0, 0, 0, .8);
  font-size: 18px;
  line-height: 28px
}

.infoblock .flex-triple .flex__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: auto;
  margin-top: 40px
}

.infoblock .flex__item p {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, .6);
  font-size: 18px;
  line-height: 24px
}

.infoblock .flex__item img {
  margin-bottom: 30px
}

.infoblock h3 {
  color: #000;
  line-height: 1;
  font-weight: 500
}

.user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.infoblock .user img {
  max-width: 62px;
  margin-bottom: 0;
  margin-right: 18px;
  border-radius: 100px;
  overflow: hidden
}

.infoblock--dark .flex__item .infoblock__stars, .user p {
  margin-bottom: 0
}

.user__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.user h3 {
  display: block;
  font-size: 18px
}

.user span {
  color: #84eda5;
  font-size: 20px;
  line-height: 1;
  font-weight: 700
}

.infoblock__btn {
  display: block;
  width: 100%;
  padding: 18px;
  color: #2a5835;
  font-size: 24px;
  border-radius: 100px;
  text-align: center
}

.irony, .win {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.info-block__title, .info-card__title {
  font-weight: 700;
  line-height: 1;
  color: #fff
}

.infoblock--short h2 {
  max-width: 600px
}

.infoblock--short .infoblock__btn {
  margin-top: 56px;
  background: -webkit-gradient(linear, left top, right top, from(#32593b), color-stop(20%, #010e07), color-stop(80%, #010e07), to(#32593b));
  background: linear-gradient(90deg, #32593b, #010e07 20%, #010e07 80%, #32593b);
  color: #fff
}

.infoblock--short .infoblock__btn span:first-child {
  color: #c3f953
}

.adas, .infoblock--short .infoblock__btn span:last-child {
  color: #9eed86
}

.irony {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.infoblock .infoblock__social, .irony__imgs {
  text-align: right
}

.irony__imgs img:not(:last-child) {
  margin-right: -20px
}

.infoblock--dark .flex-triple .flex__item {
  margin-top: 0;
  padding: 32px 32px 26px;
  background: rgba(255, 255, 255, .12);
  border-radius: 20px
}

.infoblock--dark .user {
  margin-bottom: 16px
}

.infoblock--dark .user h3 {
  color: #fff
}

.infoblock--dark .flex__item p {
  color: rgba(255, 255, 255, .8);
  font-size: 16px
}

.infoblock .infoblock__social span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 24px;
  color: rgba(255, 255, 255, .6)
}

.infoblock .infoblock__social img {
  margin-bottom: 0;
  margin-right: 8px;
  vertical-align: text-top
}

.infoblock--dark .infoblock__btn {
  margin-top: 34px
}

.box-expert::before, .win:before {
  content: "";
  position: absolute;
  border-radius: 100%
}

.win {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 34px
}

.win:before {
  top: -50%;
  left: -232px;
  width: 464px;
  height: 464px;
  background: -webkit-gradient(linear, left top, left bottom, from(#c3f953), to(#57d7eb)) center center no-repeat;
  background: linear-gradient(#c3f953, #57d7eb) center center no-repeat;
  -webkit-filter: blur(418px);
  filter: blur(418px)
}

.win h2 {
  max-width: 720px;
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-weight: 700
}

.win h2 span {
  -webkit-background-clip: text
}

.win p {
  font-size: 25px;
  line-height: 1
}

.footer {
  margin-bottom: 64px
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 29px;
  padding-top: 48px;
  border-top: 2px solid rgba(255, 255, 255, .08)
}

.footer__top span {
  margin-left: 24px;
  color: rgba(255, 255, 255, .5)
}

.footer__top nav {
  margin-left: auto
}

.footer__top nav a {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: 28px
}

.footer p {
  color: rgba(255, 255, 255, .5);
  font-size: 12px;
  line-height: 16px
}

.logo-wraper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important
}

.logo-wraper img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px
}

.logo-wraper span {
  color: #fff;
  font-size: 35px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase
}

.aio-sdk-form {
  width: 100% !important;
  padding: 0 !important
}

.info-block {
  width: 100%;
  padding: 40px 54px 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 28px;
  background: url(../img/corner1.svg) top right no-repeat, url(../img/corner2.svg) bottom left no-repeat
}

.info-block__title {
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 28px;
  position: relative
}

.info-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px
}

.info-block__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 27px
}

.info-card {
  background: rgba(134, 134, 134, .12);
  border-radius: 10px;
  padding: 20px 20px 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  min-height: 249px
}

.info-card__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.info-card__title {
  font-size: 20px
}

.expert-name, .font-black, .logo {
  font-weight: 900
}

.info-card__text {
  font-size: 16px;
  line-height: 120%;
  color: #bbb;
  margin-top: auto
}

.expert, .flex {
  display: -webkit-box;
  display: -ms-flexbox
}

.mb-2 {
  margin-bottom: .5rem
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.gap-3 {
  gap: .75rem
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.uppercase {
  text-transform: uppercase
}

.text-primary-darker {
  --tw-text-opacity: 1;
  color: rgb(13 18 16 / var(--tw-text-opacity))
}

.text-primary-medium {
  --tw-text-opacity: 1;
  color: rgb(84 104 128 / var(--tw-text-opacity));
  display: inline-block;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, .6);
  font-size: 20px;
  line-height: 28px
}

.font-alt {
  font-family: sans-serif
}

.logo {
  font-size: 30px
}

.expert {
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  gap: 20px
}

.expert-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px
}

.expert-items {
  border-radius: 20px;
  padding: 20px;
  background: rgba(255, 255, 255, .12)
}

.expert-name {
  font-size: 18px;
  margin-bottom: 10px
}

.calculator-text, .calculator-title-sub {
  font-weight: 590;
  font-size: 24px;
  line-height: 1.33;
  text-align: center
}

.wrap-eb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px
}

.logo-wrap-e {
  margin: 0 auto
}

.box-expert::before {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 350px;
  height: 350px;
  background: -webkit-gradient(linear, left top, left bottom, from(#c2f953b7), to(#57d7ebc1));
  background: linear-gradient(#c2f953b7, #57d7ebc1);
  -webkit-filter: blur(220px);
  filter: blur(220px);
  z-index: -1
}

.earnings-calculator {
  border-radius: 40px;
  padding: 32px;
  background: rgba(255, 255, 255, .12);
  width: 100%;
  max-width: 794px;
  margin: 0 auto 120px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.calculator-title-sub {
  padding: 16px 0 12px
}

.calculator-parents {
  width: 100%;
  max-width: 641px;
  margin: 0 auto
}

.calculator-text {
  padding: 24px 0 2px
}

@media (min-width:1024px) {
  .lg\:col-span-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2/span 2
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
  }
}

@media (max-width:1232px) {
  :root {
    --font-size-h1: calc(((100vw - 320px) / (1232 - 320)) * 26 + 38px);
    --line-height-h1: calc(((100vw - 320px) / (1232 - 320)) * 28 + 42px);
    --font-size-h2: calc(((100vw - 320px) / (1232 - 320)) * 2 + 22px);
    --font-size-h3: calc(((100vw - 320px) / (1232 - 320)) * 4 + 20px)
  }

  .box {
    padding: 0 16px
  }
}

@media (max-width:1150px) {
  .cryptocurrency__item {
    display: block
  }

  .cryptocurrency__btn {
    font-size: 16px
  }
}

@media (max-width:1100px) {
  .flex-triple>* {
    max-width: calc(50% - var(--padding-base)/ 2)
  }
}

@media (max-width:1024px) {
  :root {
    --margin-bottom: 72px
  }

  :target {
    scroll-margin-top: 32px
  }

  h2 {
    margin: 0 0 8px
  }

  h3 {
    margin: 0 0 4px
  }

  .header {
    padding-top: 16px;
    padding-bottom: 36px
  }

  .header__btn {
    padding: 11px 16px;
    font-size: 12px;
    line-height: 10px
  }

  .form h2, h1 {
    line-height: 42px
  }

  h1 {
    font-size: 38px
  }

  .block-form h1 span {
    font-size: 44px;
    line-height: 50px
  }

  .block-form__decription {
    margin-bottom: 24px;
    font-size: 20px
  }

  .block-form__decription img {
    width: 40px
  }

  .users {
    padding: 13px 8px
  }

  .users__info {
    margin-left: 10px
  }

  .users__info img {
    max-width: 88px
  }

  .users__info p {
    margin: 0;
    font-size: 14px
  }

  .users .users__photo img {
    max-width: 36px
  }

  .form {
    padding: 24px
  }

  .form h2 {
    margin-bottom: 12px;
    font-size: 28px
  }

  .form__btn {
    padding: 13px;
    font-size: 20px
  }

  .form .form__item input {
    padding: 10px 20px;
    font-size: 14px
  }

  .form__item label {
    top: 10px;
    font-size: 14px
  }

  .tv__inner {
    padding: 0;
    background: 0 0
  }

  .tv__item {
    gap: 20px
  }

  .tv__item-img {
    min-width: 328px
  }

  .tv__quote {
    margin-bottom: 22px;
    width: 25px
  }

  .tv__item-info span {
    display: block;
    margin-bottom: 8px
  }

  .tv__item-info p {
    color: rgba(255, 255, 255, .8)
  }

  .handel__pretitle {
    font-size: 18px
  }

  .handel h2 {
    margin-bottom: 29px;
    font-size: 24px;
    line-height: 32px
  }

  .cryptocurrency__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px
  }

  .cryptocurrency img {
    width: 44px
  }

  .cryptocurrency span:first-child {
    margin-right: 8px;
    font-size: 18px
  }

  .cryptocurrency span:last-of-type {
    font-size: 14px
  }

  .cryptocurrency p {
    font-size: 16px
  }

  .infoblock>.flex-double, .win {
    display: block
  }

  .infoblock>.flex-double>* {
    max-width: 100%
  }

  .infoblock .flex-triple .flex__item {
    margin-top: 32px
  }

  .infoblock .flex__item .infoblock__stars {
    margin-bottom: 16px
  }

  .irony__imgs {
    margin: 24px 0 20px;
    text-align: left
  }

  .irony__imgs img {
    width: 48px
  }

  .irony__imgs img:not(:last-child) {
    margin-right: 0
  }

  .irony__imgs img+img {
    margin-left: -20px
  }

  .infoblock__btn {
    font-size: 16px
  }

  .infoblock--short .infoblock__btn {
    margin-top: 48px;
    font-size: 24px
  }

  .infoblock--dark .flex-triple .flex__item {
    margin-top: 0
  }

  .win p {
    margin-top: 12px
  }

  .footer {
    margin-bottom: 42px
  }

  .footer__top span {
    margin-left: auto;
    font-size: 12px
  }

  .logo-wraper span {
    font-size: 20px
  }

  .info-block__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 19px
  }

  .info-card {
    min-height: 200px
  }

  .info-block {
    padding: 25px 20px 20px
  }

  .info-icon {
    -webkit-transform: rotate(26deg) translateX(-22px) translateY(20px);
    -ms-transform: rotate(26deg) translateX(-22px) translateY(20px);
    transform: rotate(26deg) translateX(-22px) translateY(20px)
  }
}

@media (max-width:900px) {
  .handel {
    display: block
  }

  .handel h2 {
    margin-bottom: 50vw
  }

  .handel .handel__item {
    max-width: 100%
  }

  .handel__item:last-child {
    z-index: -1;
    position: absolute;
    left: 50%;
    bottom: 250px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60%
  }

  .cryptocurrency__btn {
    width: 100%;
    text-align: center
  }
}

@media (max-width:800px) {
  .wrap-eb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 30px
  }

  .logo-wrap-e img {
    width: 40px
  }
}

@media (max-width:768px) {
  .flex-double, .flex-triple {
    gap: var(--padding-base)
  }

  .block-form>*, .flex-double>*, .flex-triple>*, .form, .users {
    max-width: 100%
  }

  .block-form {
    background: url(../img/chart.webp) bottom center no-repeat;
    display: block
  }

  .block-form:before {
    top: 70vw;
    right: 0;
    width: 198px;
    height: 331px;
    -webkit-filter: blur(200px);
    filter: blur(200px)
  }

  .block-form:after {
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    -webkit-filter: blur(140px);
    filter: blur(140px)
  }

  .form {
    margin-top: 32px;
    width: 100%
  }

  h1 br {
    display: none
  }

  .tv__item {
    display: block
  }

  .tv__item:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .tv__item-img {
    min-width: 100%;
    margin-bottom: 32px
  }

  .cryptocurrency.flex-double>* {
    max-width: calc(50% - var(--padding-base)/ 2)
  }

  .handel__item:last-child:before {
    top: -20%;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    width: 100%;
    height: 100%;
    -webkit-filter: blur(375px);
    filter: blur(375px)
  }

  .cryptocurrency__btn {
    padding: 18px 21px
  }

  .insert:before {
    top: 107%;
    right: auto;
    left: -100px;
    width: 220px;
    height: 200px;
    background: -webkit-gradient(linear, left top, left bottom, from(#c3f953), to(#57d7eb)) center center no-repeat;
    background: linear-gradient(#c3f953, #57d7eb) center center no-repeat;
    -webkit-filter: blur(200px);
    filter: blur(200px)
  }

  .infoblock--short .infoblock__btn {
    border-radius: 20px;
    text-align: left
  }

  .win:before {
    top: -30%;
    left: auto;
    right: 0;
    width: 220px;
    height: 200px;
    background: #fff;
    -webkit-filter: blur(150px);
    filter: blur(150px)
  }

  .footer nav {
    margin-left: 0;
    margin-right: auto
  }

  .footer__top nav a {
    margin-left: 0;
    margin-right: 16px
  }

  .info-icon {
    -webkit-transform: rotate(38deg) translateX(0) translateY(0) scale(1.2);
    -ms-transform: rotate(38deg) translateX(0) translateY(0) scale(1.2);
    transform: rotate(38deg) translateX(0) translateY(0) scale(1.2);
    margin-top: 23px
  }

  .info-block {
    gap: 14px
  }

  .info-block__title {
    gap: 10px
  }

  .expert-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:650px) {
  .info-icon {
    margin-top: 55px
  }
}

@media (max-width:600px) {
  .info-card {
    min-height: 256px
  }

  .info-block {
    padding: 20px 10px 13px
  }

  .info-block__title {
    font-size: 25px
  }

  .info-card__title {
    font-size: 19px
  }

  .info-icon {
    margin-top: 15px
  }

  .footer-nav {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
  }
}

@media (max-width:576px) {
  .handel h2 {
    margin-bottom: 60vw
  }

  .cryptocurrency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .cryptocurrency .flex__item {
    max-width: calc(50% - 10px)
  }

  .handel__item:last-child {
    bottom: 300px;
    width: 60%
  }

  .footer__top nav {
    width: 100%
  }

  .footer__top nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 12px
  }
}

@media (max-width:520px) {
  .info-icon {
    margin-top: 35px
  }

  .info-card {
    padding: 20px 10px 15px
  }
}

@media (max-width:480px) {
  .handel h2 {
    margin-bottom: 70vw
  }

  .cryptocurrency {
    gap: 20px
  }

  .cryptocurrency__item {
    display: block
  }

  .cryptocurrency__item+.cryptocurrency__item {
    margin-top: 12px
  }

  .handel__item:last-child {
    bottom: 420px;
    width: 80%
  }

  .logo img {
    width: 25px
  }
}

@media (max-width:410px) {
  .info-icon {
    margin-top: 50px
  }

  .info-card__text {
    padding-top: 25px
  }
}

@media (max-width:380px) {
  .logo-wraper span {
    font-size: 15px;
    letter-spacing: 0
  }
}

@media (max-width:360px) {
  .info-icon {
    margin-top: 75px
  }
}

.header__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 0 0 200px;
  height: 34px;
  padding: 0;
}

@media (max-width: 1024px) {
  .header__btn {
    flex: 0 0 134px;
  }
}



/* ===== Landing v2 additions (index-2.html) ===== */
.hero-v2 h1 {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 10px;
  font-family: Roboto, 'Roboto Fallback', sans-serif;
  font-weight: 400;
  text-transform: none;
  opacity: .9
}

.hero-v2 .hero-subheadline {
  font-family: Oswald, 'Oswald Fallback', sans-serif;
  font-size: clamp(34px, 3.2vw, 54px);
  line-height: 1.08;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 14px;
  opacity: 1
}

.hero-v2 .hero-subheadline span {
  background: linear-gradient(90deg, #c3f953, #57d7eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.hero-v2 .hero-text {
  max-width: 56ch;
  opacity: .85;
  margin-bottom: 18px
}

.hero-trust {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  display: flex;
  gap: 10px;
  width: 100%
}

.hero-trust li {
  display: flex;
  gap: 10px;
  align-items: center;
  background: rgb(71 67 67 / 65%);
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 12px;
  padding: 10px 12px;
  flex: 1 1 0;
  white-space: nowrap;
  justify-content: center
}

.hero-visual {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap
}

.profit-ticker {
  display: flex;
  gap: 10px;
  align-items: baseline;
  background: rgba(0, 0, 0, .25);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  padding: 8px 12px
}

.profit-ticker .ticker-label {
  opacity: .8;
  font-size: 14px
}

.profit-ticker .ticker-value {
  font-weight: 800;
  letter-spacing: .3px
}

.profit-ticker .ticker-small {
  opacity: .65;
  font-size: 13px
}

.mini-chart {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 34px
}

.mini-chart span {
  display: block;
  width: 8px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(247, 158, 28, .9), rgba(247, 158, 28, .2));
  animation: barPulse 2.2s ease-in-out infinite
}

.mini-chart span:nth-child(2) {
  height: 65%;
  animation-delay: .1s
}

.mini-chart span:nth-child(3) {
  height: 85%;
  animation-delay: .2s
}

.mini-chart span:nth-child(4) {
  height: 55%;
  animation-delay: .3s
}

.mini-chart span:nth-child(5) {
  height: 90%;
  animation-delay: .4s
}

.mini-chart span:nth-child(6) {
  height: 70%;
  animation-delay: .5s
}

.mini-chart span:first-child {
  height: 75%
}

@keyframes barPulse {
  0%, 100% {
    transform: scaleY(.8);
    opacity: .7
  }

  50% {
    transform: scaleY(1.05);
    opacity: 1
  }
}

.form-footer {
  margin-top: 10px;
  font-size: 13px;
  opacity: .85;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.35
}

.social-proof-bar {
  margin-top: -60px;
  margin-bottom: 90px
}

.social-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 16px;
  padding: 18px
}

.social-proof-item {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0, 0, 0, .18);
  text-align: center
}

.sp-value {
  font-family: Oswald, 'Oswald Fallback', sans-serif;
  font-size: 26px;
  letter-spacing: .4px
}

.sp-label {
  opacity: .8
}

.what-is {
  align-items: center
}

.what-is__text {
  max-width: 680px
}

.what-is__visual {
  text-align: center
}

.visual-caption {
  margin-top: 10px;
  opacity: .75;
  font-size: 14px
}

.icon-list {
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
  display: grid;
  gap: 10px
}

.icon-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start
}

.cards-grid {
  display: grid;
  gap: 16px
}

.cards-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.card {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .15)
}

.card h3 {
  margin: 10px 0 8px
}

.card p {
  opacity: .85
}

.card-icon {
  font-size: 28px
}

.card-highlight {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(247, 158, 28, .12);
  border: 1px solid rgba(247, 158, 28, .25);
  font-weight: 600
}

.profit-section {
  padding: 70px 0
}

.featured-stat {
  text-align: center;
  margin: 10px auto 28px;
  max-width: 760px
}

.fs-label {
  opacity: .8
}

.fs-value {
  font-family: Oswald, 'Oswald Fallback', sans-serif;
  font-size: clamp(44px, 4vw, 72px);
  line-height: 1;
  margin: 8px 0
}

.fs-sub {
  opacity: .8
}

.calculator-wrap {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: stretch;
  background: rgba(0, 0, 0, .25);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  padding: 18px;
  margin: 0 auto 22px
}

.calculator-left h3 {
  margin: 0 0 12px
}

.calculator-disclaimer {
  opacity: .7;
  font-size: 13px;
  margin-top: 10px
}

.calculator-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, .12);
  padding-left: 18px
}

.stats-grid {
  display: grid;
  gap: 12px
}

.stats-grid.four {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.stat {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 16px;
  padding: 14px;
  text-align: center
}

.stat-value {
  font-family: Oswald, 'Oswald Fallback', sans-serif;
  font-size: 24px
}

.stat-label {
  opacity: .8;
  font-size: 14px
}

.how-it-works .timeline {
  margin-top: 18px;
  display: grid;
  gap: 14px
}

.timeline-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: flex-start;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  padding: 16px
}

.timeline-step {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-weight: 800;
  background: rgba(247, 158, 28, .18);
  border: 1px solid rgba(247, 158, 28, .35)
}

.timeline-time {
  opacity: .75;
  font-size: 14px;
  font-weight: 500
}

.crypto-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px
}

.crypto-logos img {
  height: 22px;
  width: auto;
  opacity: .9
}

.security-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: start
}

.security-item {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 16px;
  padding: 14px;
  margin-top: 12px
}

.security-item h3 {
  margin: 0 0 6px
}

.risk-disclaimer {
  margin-top: 14px;
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(255, 0, 0, .07);
  border: 1px solid rgba(255, 0, 0, .18);
  opacity: .9
}

.trust-badges {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px
}

.badge {
  border-radius: 999px;
  background: rgba(0, 0, 0, .25);
  border: 1px solid rgba(255, 255, 255, .12);
  padding: 8px 10px;
  font-size: 13px;
  opacity: .9;
  text-align: center
}

.feature {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: center;
  margin-top: 18px
}

.feature:first-of-type {
  margin-top: 0
}

.feature-visual img {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, .10);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18)
}

.bullets {
  margin: 12px 0 0;
  padding-left: 18px;
  opacity: .9
}

.feature-left .feature-visual {
  order: 0
}

.feature-left .feature-text {
  order: 1
}

.feature-right .feature-text {
  order: 0
}

.feature-right .feature-visual {
  order: 1
}

.testimonial-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px
}

.testimonial-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(247, 158, 28, .4)
}

.testimonial-quote {
  opacity: .88
}

.testimonial-user {
  font-weight: 700;
  font-size: 16px;
  margin: 0
}

.testimonial-verified {
  font-weight: 600;
  color: #F79E1C;
  font-size: 13px;
  margin: 2px 0 0
}

.testimonial-stats {
  display: flex;
  gap: 12px;
  margin-top: 14px
}

.testimonial-stat {
  flex: 1;
  background: rgba(0, 0, 0, .2);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px
}

.testimonial-stat .stat-label {
  font-size: 12px;
  opacity: .7;
  text-transform: uppercase;
  letter-spacing: .5px
}

.testimonial-stat .stat-num {
  font-family: Oswald, 'Oswald Fallback', sans-serif;
  font-size: 20px;
  font-weight: 700
}

.testimonial-stat .stat-num.profit {
  color: #c3f953
}

.testimonials-note {
  margin-top: 14px;
  opacity: .75;
  font-size: 14px;
  text-align: center
}

.faq_two_col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px
}

.faq_two_col .faq_item {
  margin-bottom: 0
}

.regulators-strip {
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 18px 16px;
  margin: 0 auto 40px
}

.regulators-strip img {
  height: 42px;
  width: auto;
  opacity: .9;
  filter: grayscale(1);
  transition: filter var(--time), opacity var(--time), transform var(--time)
}

.regulators-strip a:hover img {
  filter: grayscale(0);
  opacity: 1;
  transform: translateY(-1px)
}

@media (max-width: 980px) {
  .cards-grid.three {
    grid-template-columns: 1fr
  }

  .stats-grid.four {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .calculator-wrap {
    grid-template-columns: 1fr
  }

  .calculator-right {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding-top: 14px
  }

  .security-grid {
    grid-template-columns: 1fr
  }

  .security-right {
    text-align: center
  }

  .security-right img {
    margin: 0 auto;
    display: block
  }

  .feature {
    grid-template-columns: 1fr
  }

  .feature-visual {
    text-align: center
  }

  .feature-visual img {
    margin: 0 auto;
    display: block;
    max-width: 80%
  }

  .feature-right .feature-text, .feature-right .feature-visual {
    order: unset
  }

  .feature-left .feature-text {
    order: 0
  }

  .feature-left .feature-visual {
    order: 1
  }

  .faq_two_col {
    grid-template-columns: 1fr
  }

  .social-proof-bar {
    margin-top: -30px
  }

  .hero-trust {
    flex-wrap: wrap
  }

  .hero-trust li {
    flex: 1 1 auto;
    white-space: normal
  }
}

@media (max-width: 768px) {
  .hero-v2 {
    display: flex !important;
    flex-direction: column;
    gap: 10px
  }

  .hero-v2 .hero-left,
  .hero-v2 .hero-right {
    display: contents
  }

  .hero-v2 h1 {
    order: 1
  }

  .hero-v2 .hero-subheadline {
    order: 2
  }

  .hero-v2 .hero-text {
    order: 3
  }

  .hero-v2 .formx4group {
    order: 4;
    width: 100%;
    margin-top: 0
  }

  .hero-v2 #goToForm {
    order: 4
  }

  .hero-v2 .users {
    order: 5
  }

  .hero-v2 .hero-trust {
    order: 6
  }

  .hero-v2 .hero-visual {
    order: 7
  }
}



/* calculator result lines (landing v2) */
#calcResult .calc-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, .18)
}

#calcResult .calc-line:last-child {
  border-bottom: none
}

#calcResult .calc-line span {
  opacity: .8
}

#calcResult .calc-line strong {
  font-family: Oswald, 'Oswald Fallback', sans-serif;
  font-size: 22px
}



/* ===========================
   Landing v2 improvements
   =========================== */

/* Ensure Google Fonts apply (in case other files override) */
body {
  font-family: Roboto, "Roboto Fallback", sans-serif;
}

h1, h2, h3, .header__btn, .submit-btn {
  font-family: Oswald, "Oswald Fallback", sans-serif;
}

/* SVG icon styling */
.icon {
  width: 1.1em;
  height: 1.1em;
  display: inline-block;
  vertical-align: -0.18em;
  fill: currentColor;
  flex: 0 0 auto;
}

.icon--li {
  margin-right: 10px;
}

.icon--card {
  width: 28px;
  height: 28px;
}

.icon--h {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  vertical-align: -0.22em;
}

.testimonial-rating .icon--star {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: -0.18em;
  opacity: .95;
}

.testimonial-rating .icon--star:last-child {
  margin-right: 0;
}

/* Decorative glow / readability helpers */
.box, .box-bottom {
  position: relative;
}

/* soft top glow */
.box.glow-inside-top::before, .box-bottom.glow-inside-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
  height: 350px;
  background: linear-gradient(#c2f953b7, #57d7ebc1);
  filter: blur(220px);
  z-index: -1;
  pointer-events: none;
}

.box.glow-inside-bottom::before, .box-bottom.glow-inside-bottom::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 350px;
  height: 350px;
  background: linear-gradient(#c2f953b7, #57d7ebc1);
  filter: blur(220px);
  z-index: -1;
  pointer-events: none;
}

.box.glow-outside::after, .box-bottom.glow-outside::after {
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#c3f953), to(#57d7eb));
  background: linear-gradient(#c3f953, #57d7eb);
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 100%;
  -webkit-filter: blur(220px);
  filter: blur(220px);
}

.box.glow-outside::before, .box-bottom.glow-outside::before {
  top: 100px;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#c3f953), to(#57d7eb));
  background: linear-gradient(#c3f953, #57d7eb);
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 100%;
  -webkit-filter: blur(220px);
  filter: blur(220px);
}

.users {
  margin-bottom: 20px;
}

.licenses {
  color: rgba(255, 255, 255, .5);
  font-size: 12px;
  line-height: 16px;
}

/* Corner decorations like the old landing */
.card, .security-item, .timeline-item, .faq_item, .testimonial {
  position: relative;
  overflow: hidden;
}

.card::before, .security-item::before, .timeline-item::before, .faq_item::before, .testimonial::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(/img/corner1.svg) top right no-repeat, url(/img/corner2.svg) bottom left no-repeat;
  opacity: .9;
  pointer-events: none;
  z-index: 0;
}

.card>*, .security-item>*, .timeline-item>*, .faq_item>*, .testimonial>* {
  position: relative;
  z-index: 1;
}

/* Fix: What-is block must be two columns on desktop */
.box.flex-double.what-is {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.box.flex-double.what-is>.what-is__text {
  flex: 1 1 55%;
  width: auto;
}

.box.flex-double.what-is>.what-is__visual {
  flex: 0 0 360px;
  width: 360px;
  max-width: 45%;
}

.box.flex-double.what-is img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 860px) {
  .box.flex-double.what-is {
    flex-direction: column;
  }

  .box.flex-double.what-is>.what-is__visual {
    width: 100%;
    max-width: 420px;
  }
}

/* Make icon-list align nicely with svg */
.icon-list li {
  display: flex;
  align-items: flex-start;
  gap: 0;
}

.icon-list li .icon {
  margin-top: 2px;
}